BaseLibraries/MattrixwvReactComponents
1
0
Fork 0
Code Issues 3 Packages Projects Releases Wiki Activity

Update package layout

Browse Source
This commit is contained in:
Matthew Ellison
2026-03-16 23:36:38 -04:00
parent b345982ab1
commit 8fe121951b
24 changed files with 383 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
lib/component/input/index.ts
View File

@@ -47,6 +47,7 @@ export { default as DragAndDropFileInput } from "./file/DragAndDropFileInput";
export { default as FileInput } from "./file/FileInput";
export { default as NumberInput } from "./number/NumberInput";
export { default as OptionInput } from "./text/OptionInput";
export { default as PhoneInput } from "./text/PhoneInput";
export { default as SelectInput } from "./text/SelectInput";
export { default as TextArea } from "./text/TextArea";
export { default as TextInput } from "./text/TextInput";

6
lib/component/input/text/TextArea.tsx
View File

@@ -16,6 +16,7 @@ export default function TextArea({
placeholder,
value,
onChange,
onKeyDown,
disabled
}: Readonly<TextAreaProps>){
const componentId = useId();
@@ -44,14 +45,15 @@ export default function TextArea({
rows={rows}
cols={cols}
value={value}
onChange={onChange}
onChange={(e) => onChange?.(e.target.value)}
onKeyDown={onKeyDown}
disabled={disabled}
spellCheck={spellCheck}
/>
<label
className={clsx(
"absolute ml-2 -top-3 left-0 text-sm rounded-md px-1 select-none cursor-default",
"peer-placeholder-shown:top-0 peer-placeholder-shown:-left-1 peer-placeholder-shown:text-inherit peer-placeholder-shown:text-base peer-placeholder-shown:bg-transparent peer-placeholder-shown:cursor-text peer-placeholder-shown:w-[99%]",
"peer-placeholder-shown:top-0 peer-placeholder-shown:-left-1 peer-placeholder-shown:text-inherit peer-placeholder-shown:text-base peer-placeholder-shown:cursor-text peer-placeholder-shown:w-[99%]",
"peer-focus:-top-3 peer-focus:left-0 peer-focus:text-sm peer-focus:w-auto peer-focus:h-auto",
"flex items-center",
labelClassName

6
lib/component/input/text/TextInput.tsx
View File

@@ -14,6 +14,7 @@ export default function TextInput({
placeholder,
value,
onChange,
onKeyDown,
disabled
}: Readonly<TextInputProps>){
const componentId = useId();
@@ -41,14 +42,15 @@ export default function TextInput({
placeholder={placeholder}
maxLength={maxLength}
value={value}
onChange={onChange}
onChange={(e) => onChange?.(e.target.value)}
disabled={disabled}
spellCheck={spellCheck}
onKeyDown={onKeyDown}
/>
<label
className={clsx(
"absolute ml-2 -top-3 left-0 text-sm rounded-md px-1 select-none cursor-default",
"peer-placeholder-shown:top-0 peer-placeholder-shown:-left-1 peer-placeholder-shown:text-inherit peer-placeholder-shown:text-base peer-placeholder-shown:bg-transparent peer-placeholder-shown:h-full peer-placeholder-shown:cursor-text peer-placeholder-shown:w-[99%]",
"peer-placeholder-shown:top-0 peer-placeholder-shown:-left-1 peer-placeholder-shown:text-inherit peer-placeholder-shown:text-base peer-placeholder-shown:h-full peer-placeholder-shown:cursor-text peer-placeholder-shown:w-[99%]",
"peer-focus:-top-3 peer-focus:left-0 peer-focus:text-sm peer-focus:w-auto peer-focus:h-auto",
"flex items-center",
labelClassName

2
lib/component/nav/DarkModeSwitch.tsx
View File

@@ -1,4 +1,4 @@
import { useTheme } from "$/providers/theme/ThemeProvider";
import { useTheme } from "$/provider/theme/ThemeProvider";
import { BsLightbulb, BsLightbulbFill } from "react-icons/bs";

1
lib/component/theme/index.ts
View File

@@ -1 +0,0 @@
export { default as ThemeProvider, useTheme } from "$/providers/theme/ThemeProvider";

1
lib/component/toaster/index.ts
View File

@@ -1,3 +1,2 @@
export { default as ToasterProvider, useToaster } from "$/providers/toaster/ToasterProvider";
export { default as Toaster } from "./Toaster";