@deepnoid/ui 0.0.88 → 0.0.89

package/dist/components/textarea/textarea.d.mts

@@ -1,17 +1,518 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as react from 'react';
 import { ComponentProps } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
 
-interface TextareaProps extends Omit<ComponentProps<"textarea">, "size"> {
-    color?: "primary" | "secondary";
-    size?: "sm" | "md" | "lg";
-    variant?: "solid" | "line";
-    radius?: "default" | "full" | "none";
+interface Props extends Omit<ComponentProps<"textarea">, "size"> {
     label?: string;
     errorMessage?: string;
-    fullWidth?: boolean;
-    isDisabled?: boolean;
-    isRequired?: boolean;
+    classNames?: SlotsToClasses<TextareaSlots>;
 }
+type TextareaProps = Props & TextareaVariantProps;
 declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
 
-export { type TextareaProps, Textarea as default };
+declare const textareaStyle: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            textareaWrapper: string[];
+        };
+        line: {
+            textareaWrapper: string[];
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: {};
+        none: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+        full: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+            textareaWrapper: string[];
+            textarea: string[];
+            label: string[];
+            errorMessage: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    innerWrapper: string[];
+    textareaWrapper: string[];
+    textarea: string[];
+    errorMessage: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {
+            textareaWrapper: string[];
+        };
+        line: {
+            textareaWrapper: string[];
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: {};
+        none: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+        full: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+            textareaWrapper: string[];
+            textarea: string[];
+            label: string[];
+            errorMessage: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}, {
+    variant: {
+        solid: {
+            textareaWrapper: string[];
+        };
+        line: {
+            textareaWrapper: string[];
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: {};
+        none: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+        full: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+            textareaWrapper: string[];
+            textarea: string[];
+            label: string[];
+            errorMessage: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}>, {
+    variant: {
+        solid: {
+            textareaWrapper: string[];
+        };
+        line: {
+            textareaWrapper: string[];
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: {};
+        none: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+        full: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+            textareaWrapper: string[];
+            textarea: string[];
+            label: string[];
+            errorMessage: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    innerWrapper: string[];
+    textareaWrapper: string[];
+    textarea: string[];
+    errorMessage: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            textareaWrapper: string[];
+        };
+        line: {
+            textareaWrapper: string[];
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: {};
+        none: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+        full: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+            textareaWrapper: string[];
+            textarea: string[];
+            label: string[];
+            errorMessage: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    innerWrapper: string[];
+    textareaWrapper: string[];
+    textarea: string[];
+    errorMessage: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {
+            textareaWrapper: string[];
+        };
+        line: {
+            textareaWrapper: string[];
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: {};
+        none: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+        full: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+            textareaWrapper: string[];
+            textarea: string[];
+            label: string[];
+            errorMessage: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}, {
+    variant: {
+        solid: {
+            textareaWrapper: string[];
+        };
+        line: {
+            textareaWrapper: string[];
+        };
+    };
+    color: {
+        primary: {};
+        secondary: {};
+    };
+    size: {
+        sm: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+            label: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: {};
+        none: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+        full: {
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+            textareaWrapper: string;
+            textarea: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+            textareaWrapper: string[];
+            textarea: string[];
+            label: string[];
+            errorMessage: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type TextareaVariantProps = VariantProps<typeof textareaStyle>;
+type TextareaSlots = keyof ReturnType<typeof textareaStyle>;
+type TextareaReturnType = ReturnType<typeof textareaStyle>;
+
+export { type Props, type TextareaProps, type TextareaReturnType, type TextareaSlots, type TextareaVariantProps, Textarea as default };