@deepnoid/ui 0.1.0 → 0.1.1

package/dist/components/input/index.mjs

@@ -2,11 +2,12 @@
 import "../../chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "../../chunk-SK2A72R2.mjs";
+} from "../../chunk-RT5NKQX4.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-24NQEB73.mjs";
 import "../../chunk-P2TMIZRH.mjs";
-import "../../chunk-IE2BRM7Z.mjs";
+import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/input/input.d.mts

@@ -5,7 +5,8 @@ import { Size, SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props extends Omit<ComponentProps<"input">, "size"> {
     label?: string;
-    errorMessage?: string;
+    helperText?: string;
+    errorText?: string;
     startContent?: ReactElement<{
         className?: string;
         size?: Size;
@@ -23,263 +24,277 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     variant: {
         solid: {
             inputWrapper: string[];
+            readonly: string[];
         };
-        normal: {
+        outline: {
             inputWrapper: string[];
+            readonly: string[];
         };
-        line: {
+        underline: {
             inputWrapper: string[];
+            readonly: string[];
         };
     };
     color: {
         primary: {
-            inputWrapper: string[];
             content: string[];
+            helperText: string[];
         };
         secondary: {
-            inputWrapper: string[];
             content: string[];
+            helperText: string[];
         };
     };
     size: {
         sm: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         md: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         lg: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         xl: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    radius: {
-        default: string;
-        none: {
-            inputWrapper: string[];
-        };
-        full: {
-            inputWrapper: string[];
-        };
+    direction: {
+        vertical: string;
+        horizon: string;
     };
-    fullWidth: {
+    full: {
         true: {
             base: string[];
             innerWrapper: string[];
             inputWrapper: string[];
         };
     };
-    isDisabled: {
+    disabled: {
         true: {
-            label: string[];
             inputWrapper: string[];
             input: string[];
             content: string[];
-            errorMessage: string[];
-        };
-    };
-    isRequired: {
-        true: {
-            label: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
 }, {
     base: string[];
+    vertical: string[];
+    horizon: string[];
     label: string[];
     innerWrapper: string[];
     inputWrapper: string[];
     input: string[];
     content: string[];
-    errorMessage: string[];
+    helperText: string[];
+    errorText: string[];
+    readonly: string[];
 }, undefined, {
     variant: {
         solid: {
             inputWrapper: string[];
+            readonly: string[];
         };
-        normal: {
+        outline: {
             inputWrapper: string[];
+            readonly: string[];
         };
-        line: {
+        underline: {
             inputWrapper: string[];
+            readonly: string[];
         };
     };
     color: {
         primary: {
-            inputWrapper: string[];
             content: string[];
+            helperText: string[];
         };
         secondary: {
-            inputWrapper: string[];
             content: string[];
+            helperText: string[];
         };
     };
     size: {
         sm: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         md: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         lg: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         xl: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    radius: {
-        default: string;
-        none: {
-            inputWrapper: string[];
-        };
-        full: {
-            inputWrapper: string[];
-        };
+    direction: {
+        vertical: string;
+        horizon: string;
     };
-    fullWidth: {
+    full: {
         true: {
             base: string[];
             innerWrapper: string[];
             inputWrapper: string[];
         };
     };
-    isDisabled: {
+    disabled: {
         true: {
-            label: string[];
             inputWrapper: string[];
             input: string[];
             content: string[];
-            errorMessage: string[];
-        };
-    };
-    isRequired: {
-        true: {
-            label: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
 }, {
     base: string[];
+    vertical: string[];
+    horizon: string[];
     label: string[];
     innerWrapper: string[];
     inputWrapper: string[];
     input: string[];
     content: string[];
-    errorMessage: string[];
+    helperText: string[];
+    errorText: string[];
+    readonly: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {
             inputWrapper: string[];
+            readonly: string[];
         };
-        normal: {
+        outline: {
             inputWrapper: string[];
+            readonly: string[];
         };
-        line: {
+        underline: {
             inputWrapper: string[];
+            readonly: string[];
         };
     };
     color: {
         primary: {
-            inputWrapper: string[];
             content: string[];
+            helperText: string[];
         };
         secondary: {
-            inputWrapper: string[];
             content: string[];
+            helperText: string[];
         };
     };
     size: {
         sm: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         md: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         lg: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
         xl: {
             base: string[];
+            label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    radius: {
-        default: string;
-        none: {
-            inputWrapper: string[];
-        };
-        full: {
-            inputWrapper: string[];
-        };
+    direction: {
+        vertical: string;
+        horizon: string;
     };
-    fullWidth: {
+    full: {
         true: {
             base: string[];
             innerWrapper: string[];
             inputWrapper: string[];
         };
     };
-    isDisabled: {
+    disabled: {
         true: {
-            label: string[];
             inputWrapper: string[];
             input: string[];
             content: string[];
-            errorMessage: string[];
-        };
-    };
-    isRequired: {
-        true: {
-            label: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
 }, {
     base: string[];
+    vertical: string[];
+    horizon: string[];
     label: string[];
     innerWrapper: string[];
     inputWrapper: string[];
     input: string[];
     content: string[];
-    errorMessage: string[];
+    helperText: string[];
+    errorText: string[];
+    readonly: string[];
 }, undefined, unknown, unknown, undefined>>;
 type InputVariantProps = VariantProps<typeof inputStyle>;
 type InputSlots = keyof ReturnType<typeof inputStyle>;
-type InputReturnType = ReturnType<typeof inputStyle>;
 
-export { type InputProps, type InputReturnType, type InputSlots, type InputVariantProps, type Props, Input as default, inputStyle };
+export { Input as default, inputStyle };