@deepnoid/ui 0.0.84 → 0.0.87

package/dist/components/select/option.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   option_default
-} from "../../chunk-SQLRQTFC.mjs";
+} from "../../chunk-LY6LJRUX.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-AHORH5PH.mjs";
-import "../../chunk-QURXBWKK.mjs";
+import "../../chunk-PRUAIZTU.mjs";
+import "../../chunk-IOV7MEPG.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 export {

package/dist/components/select/select.d.mts

@@ -0,0 +1,449 @@
+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 { ComponentPropsWithRef } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+interface Props extends Omit<ComponentPropsWithRef<"input">, "onChange" | keyof SelectVariantProps> {
+    options: SelectOption[];
+    defaultOption?: SelectOption;
+    label?: string;
+    errorMessage?: string;
+    classNames?: SlotsToClasses<SelectSlots>;
+    onChange?: (option: SelectOption) => void;
+}
+type SelectProps = Props & SelectVariantProps;
+type SelectOption = {
+    key: string | number;
+    value: string;
+};
+declare const Select: react.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const select: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            selectWrapper: string;
+        };
+        normal: {
+            selectWrapper: string;
+        };
+        line: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    color: {
+        primary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+        secondary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: string;
+        none: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+        full: {
+            selectWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            selectWrapper: string;
+            select: string;
+            label: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    selectWrapper: string[];
+    select: string[];
+    optionsWrapper: 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: {
+            selectWrapper: string;
+        };
+        normal: {
+            selectWrapper: string;
+        };
+        line: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    color: {
+        primary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+        secondary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: string;
+        none: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+        full: {
+            selectWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            selectWrapper: string;
+            select: string;
+            label: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    selectWrapper: string[];
+    select: string[];
+    optionsWrapper: string[];
+    errorMessage: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            selectWrapper: string;
+        };
+        normal: {
+            selectWrapper: string;
+        };
+        line: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    color: {
+        primary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+        secondary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: string;
+        none: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+        full: {
+            selectWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            selectWrapper: string;
+            select: string;
+            label: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    selectWrapper: string[];
+    select: string[];
+    optionsWrapper: string[];
+    errorMessage: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {
+            selectWrapper: string;
+        };
+        normal: {
+            selectWrapper: string;
+        };
+        line: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    color: {
+        primary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+        secondary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: string;
+        none: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+        full: {
+            selectWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            selectWrapper: string;
+            select: string;
+            label: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    variant: {
+        solid: {
+            selectWrapper: string;
+        };
+        normal: {
+            selectWrapper: string;
+        };
+        line: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    color: {
+        primary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+        secondary: {
+            selectWrapper: string;
+            optionsWrapper: string;
+            select: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        md: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+        lg: {
+            base: string;
+            selectWrapper: string;
+            optionsWrapper: string;
+            errorMessage: string;
+        };
+    };
+    radius: {
+        default: string;
+        none: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+        full: {
+            selectWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            selectWrapper: string;
+            optionsWrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            selectWrapper: string;
+            select: string;
+            label: string;
+        };
+    };
+    isRequired: {
+        true: {
+            label: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type SelectVariantProps = VariantProps<typeof select>;
+type SelectSlots = keyof ReturnType<typeof select>;
+type SelectReturnType = ReturnType<typeof select>;
+
+export { type SelectOption, type SelectProps, type SelectReturnType, type SelectSlots, type SelectVariantProps, Select as default };