@deepnoid/ui 0.0.84 → 0.0.86

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

@@ -0,0 +1,437 @@
+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.mjs';
+
+interface Props extends Omit<ComponentProps<"input">, "size"> {
+    label?: string;
+    errorMessage?: string;
+    startContent?: ReactElement<{
+        className?: string;
+        size?: "sm" | "md" | "lg";
+    }> | string;
+    endContent?: ReactElement<{
+        className?: string;
+        size?: "sm" | "md" | "lg";
+    }> | string;
+    classNames?: SlotsToClasses<InputSlots>;
+}
+type InputProps = Props & InputVariantProps;
+declare const Input: react__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
+
+declare const inputStyle: 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[];
+        };
+        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[];
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    innerWrapper: string[];
+    inputWrapper: string[];
+    input: string[];
+    content: string[];
+    errorMessage: string[];
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        radius?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        fullWidth?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        isDisabled?: 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[];
+        };
+        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[];
+        };
+        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[];
+        };
+    };
+    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[];
+        };
+        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[];
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    innerWrapper: string[];
+    inputWrapper: string[];
+    input: string[];
+    content: string[];
+    errorMessage: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    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[];
+        };
+        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[];
+        };
+    };
+    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[];
+        };
+        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[];
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}>, 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 };

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

@@ -0,0 +1,2 @@
+
+export {  }