@deepnoid/ui 0.1.19 → 0.1.21

package/dist/components/select/select.d.ts

@@ -4,285 +4,298 @@ import * as react from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
+interface SelectOption {
+    key: string | number;
+    value: string;
+}
 interface Props extends Omit<ComponentPropsWithRef<"input">, "onChange" | keyof SelectVariantProps> {
     options: SelectOption[];
-    defaultOption?: SelectOption;
+    defaultSelectedOptions?: SelectOption[];
     label?: string;
-    errorMessage?: string;
+    helperText?: string;
+    errorText?: string;
     classNames?: SlotsToClasses<SelectSlots>;
-    onChange?: (option: SelectOption) => void;
+    onChange?: (options: SelectOption[]) => void;
+    multiple?: boolean;
 }
 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;
+            selectWrapper: string[];
+            option: string[];
         };
         secondary: {
-            selectWrapper: string;
-            optionsWrapper: string;
-            select: string;
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
         };
     };
     size: {
         sm: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         md: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         lg: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         xl: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    radius: {
-        default: string;
-        none: {
-            selectWrapper: string;
-            optionsWrapper: string;
-        };
-        full: {
-            selectWrapper: string;
-        };
+    direction: {
+        vertical: string;
+        horizon: string;
     };
-    fullWidth: {
+    full: {
         true: {
-            selectWrapper: string;
-            optionsWrapper: string;
+            base: string[];
+            wrapper: string[];
+            selectWrapper: string[];
         };
     };
-    isDisabled: {
+    disabled: {
         true: {
-            base: string;
-            selectWrapper: string;
-            select: string;
-            label: string;
+            base: string[];
+            selectWrapper: string[];
+            select: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    isRequired: {
-        true: {
-            label: string;
-        };
+    isSelected: {
+        true: string;
+        false: string;
     };
 }, {
     base: string[];
+    vertical: string[];
+    horizon: string[];
     label: string[];
+    wrapper: string[];
     selectWrapper: string[];
     select: string[];
     optionsWrapper: string[];
-    errorMessage: string[];
+    option: string[];
+    helperText: string[];
+    errorText: string[];
+    readonly: string[];
 }, undefined, {
-    variant: {
-        solid: {
-            selectWrapper: string;
-        };
-        normal: {
-            selectWrapper: string;
-        };
-        line: {
-            selectWrapper: string;
-            optionsWrapper: string;
-        };
-    };
     color: {
         primary: {
-            selectWrapper: string;
-            optionsWrapper: string;
-            select: string;
+            selectWrapper: string[];
+            option: string[];
         };
         secondary: {
-            selectWrapper: string;
-            optionsWrapper: string;
-            select: string;
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
         };
     };
     size: {
         sm: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         md: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         lg: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         xl: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    radius: {
-        default: string;
-        none: {
-            selectWrapper: string;
-            optionsWrapper: string;
-        };
-        full: {
-            selectWrapper: string;
-        };
+    direction: {
+        vertical: string;
+        horizon: string;
     };
-    fullWidth: {
+    full: {
         true: {
-            selectWrapper: string;
-            optionsWrapper: string;
+            base: string[];
+            wrapper: string[];
+            selectWrapper: string[];
         };
     };
-    isDisabled: {
+    disabled: {
         true: {
-            base: string;
-            selectWrapper: string;
-            select: string;
-            label: string;
+            base: string[];
+            selectWrapper: string[];
+            select: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    isRequired: {
-        true: {
-            label: string;
-        };
+    isSelected: {
+        true: string;
+        false: string;
     };
 }, {
     base: string[];
+    vertical: string[];
+    horizon: string[];
     label: string[];
+    wrapper: string[];
     selectWrapper: string[];
     select: string[];
     optionsWrapper: string[];
-    errorMessage: string[];
+    option: string[];
+    helperText: string[];
+    errorText: string[];
+    readonly: string[];
 }, tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            selectWrapper: string;
-        };
-        normal: {
-            selectWrapper: string;
-        };
-        line: {
-            selectWrapper: string;
-            optionsWrapper: string;
-        };
-    };
     color: {
         primary: {
-            selectWrapper: string;
-            optionsWrapper: string;
-            select: string;
+            selectWrapper: string[];
+            option: string[];
         };
         secondary: {
-            selectWrapper: string;
-            optionsWrapper: string;
-            select: string;
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
         };
     };
     size: {
         sm: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         md: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         lg: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
         xl: {
-            base: string;
-            selectWrapper: string;
-            optionsWrapper: string;
-            errorMessage: string;
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            selectWrapper: string[];
+            select: string[];
+            option: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    radius: {
-        default: string;
-        none: {
-            selectWrapper: string;
-            optionsWrapper: string;
-        };
-        full: {
-            selectWrapper: string;
-        };
+    direction: {
+        vertical: string;
+        horizon: string;
     };
-    fullWidth: {
+    full: {
         true: {
-            selectWrapper: string;
-            optionsWrapper: string;
+            base: string[];
+            wrapper: string[];
+            selectWrapper: string[];
         };
     };
-    isDisabled: {
+    disabled: {
         true: {
-            base: string;
-            selectWrapper: string;
-            select: string;
-            label: string;
+            base: string[];
+            selectWrapper: string[];
+            select: string[];
+            helperText: string[];
+            errorText: string[];
         };
     };
-    isRequired: {
-        true: {
-            label: string;
-        };
+    isSelected: {
+        true: string;
+        false: string;
     };
 }, {
     base: string[];
+    vertical: string[];
+    horizon: string[];
     label: string[];
+    wrapper: string[];
     selectWrapper: string[];
     select: string[];
     optionsWrapper: string[];
-    errorMessage: string[];
+    option: string[];
+    helperText: string[];
+    errorText: string[];
+    readonly: string[];
 }, undefined, 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 };
+export { type SelectProps, type SelectVariantProps, Select as default };