@deepnoid/ui 0.0.112 → 0.1.1

package/dist/components/input/input.d.ts

@@ -1,442 +1,300 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import React__default, { ComponentProps, ReactElement } from 'react';
-import { SlotsToClasses } from '../../utils/types.js';
+import react__default, { ComponentProps, ReactElement } from 'react';
+import { Size, SlotsToClasses } from '../../utils/types.js';
 
 interface Props extends Omit<ComponentProps<"input">, "size"> {
     label?: string;
-    errorMessage?: string;
+    helperText?: string;
+    errorText?: string;
     startContent?: ReactElement<{
         className?: string;
-        size?: "sm" | "md" | "lg";
+        size?: Size;
     }> | string;
     endContent?: ReactElement<{
         className?: string;
-        size?: "sm" | "md" | "lg";
+        size?: Size;
     }> | string;
     classNames?: SlotsToClasses<InputSlots>;
 }
 type InputProps = Props & InputVariantProps;
-declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+declare const Input: react__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
 
 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[];
         };
-    };
-    radius: {
-        default: string;
-        none: {
-            inputWrapper: string[];
-        };
-        full: {
+        xl: {
+            base: string[];
+            label: string[];
+            innerWrapper: string[];
             inputWrapper: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    fullWidth: {
+    direction: {
+        vertical: string;
+        horizon: string;
+    };
+    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, {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        fullWidth?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        isDisabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        radius?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        isRequired?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        classGroups: {
-            fontSize: {
-                text: string[];
-            }[];
-            borderRadius: {
-                rounded: string[];
-            }[];
-            boxShadow: {
-                shadow: string[];
-            }[];
-            padding: {
-                p: string[];
-            }[];
-            gap: {
-                gap: string[];
-            }[];
-        };
-    };
-}, {
     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[];
-            innerWrapper: string[];
-            inputWrapper: string[];
-            errorMessage: string[];
-        };
-    };
-    radius: {
-        default: string;
-        none: {
-            inputWrapper: string[];
-        };
-        full: {
-            inputWrapper: string[];
-        };
-    };
-    fullWidth: {
-        true: {
-            base: string[];
-            innerWrapper: string[];
-            inputWrapper: string[];
-        };
-    };
-    isDisabled: {
-        true: {
-            label: string[];
-            inputWrapper: string[];
-            input: string[];
-            content: string[];
-            errorMessage: string[];
-        };
-    };
-    isRequired: {
-        true: {
             label: string[];
-        };
-    };
-}, {
-    base: string[];
-    label: string[];
-    innerWrapper: string[];
-    inputWrapper: string[];
-    input: string[];
-    content: string[];
-    errorMessage: string[];
-}, tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            inputWrapper: string[];
-        };
-        normal: {
-            inputWrapper: string[];
-        };
-        line: {
-            inputWrapper: string[];
-        };
-    };
-    color: {
-        primary: {
-            inputWrapper: string[];
-            content: string[];
-        };
-        secondary: {
-            inputWrapper: string[];
-            content: string[];
-        };
-    };
-    size: {
-        sm: {
-            base: string[];
-            innerWrapper: string[];
-            inputWrapper: string[];
-            errorMessage: string[];
-        };
-        md: {
-            base: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
-        lg: {
+        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[];
-}, undefined, tailwind_variants_dist_config.TVConfig<{
+    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[];
-            innerWrapper: string[];
-            inputWrapper: string[];
-            errorMessage: string[];
-        };
-    };
-    radius: {
-        default: string;
-        none: {
-            inputWrapper: string[];
-        };
-        full: {
-            inputWrapper: string[];
-        };
-    };
-    fullWidth: {
-        true: {
-            base: string[];
-            innerWrapper: string[];
-            inputWrapper: string[];
-        };
-    };
-    isDisabled: {
-        true: {
             label: string[];
-            inputWrapper: string[];
-            input: string[];
-            content: string[];
-            errorMessage: string[];
-        };
-    };
-    isRequired: {
-        true: {
-            label: string[];
-        };
-    };
-}, {
-    variant: {
-        solid: {
-            inputWrapper: string[];
-        };
-        normal: {
-            inputWrapper: string[];
-        };
-        line: {
-            inputWrapper: string[];
-        };
-    };
-    color: {
-        primary: {
-            inputWrapper: string[];
-            content: string[];
-        };
-        secondary: {
-            inputWrapper: string[];
-            content: string[];
-        };
-    };
-    size: {
-        sm: {
-            base: string[];
-            innerWrapper: string[];
-            inputWrapper: string[];
-            errorMessage: string[];
-        };
-        md: {
-            base: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            errorMessage: string[];
+            helperText: string[];
+            errorText: string[];
         };
-        lg: {
+        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[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    isRequired: {
-        true: {
-            label: string[];
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, {
+    base: string[];
+    vertical: string[];
+    horizon: string[];
+    label: string[];
+    innerWrapper: string[];
+    inputWrapper: string[];
+    input: string[];
+    content: 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 };