@deepnoid/ui 0.1.111 → 0.1.113

package/dist/components/picker/datePicker.d.ts

@@ -0,0 +1,244 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import react__default, { ComponentProps } from 'react';
+import { SlotsToClasses } from '../../utils/types.js';
+
+interface DatePickerProps extends Omit<ComponentProps<"input">, "size" | "color" | "onChange">, VariantProps<typeof datePickerStyle> {
+    label?: string;
+    errorMessage?: string;
+    onChange?: (date: string) => void;
+    value?: string;
+    classNames?: SlotsToClasses<DatePickerSlots>;
+    placeholder?: string;
+    format?: "YYYY-MM-DD" | "MM/DD/YYYY" | "DD/MM/YYYY";
+    highlightWeekend?: boolean;
+    calendarColor?: "primary" | "secondary";
+    locale?: string;
+    daysOfWeek?: string[];
+    monthYearFormat?: (year: number, month: number) => string;
+}
+declare const DatePicker: react__default.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
+
+declare const datePickerStyle: tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+    };
+    size: {
+        sm: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        md: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        lg: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        xl: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+    };
+    full: {
+        true: {
+            base: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+        };
+    };
+    disabled: {
+        true: {
+            base: string[];
+            label: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    wrapper: string[];
+    inputWrapper: string[];
+    input: string[];
+    icon: string[];
+    optionsWrapper: string[];
+    errorMessage: string[];
+}, undefined, {
+    color: {
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+    };
+    size: {
+        sm: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        md: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        lg: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        xl: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+    };
+    full: {
+        true: {
+            base: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+        };
+    };
+    disabled: {
+        true: {
+            base: string[];
+            label: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    wrapper: string[];
+    inputWrapper: string[];
+    input: string[];
+    icon: string[];
+    optionsWrapper: string[];
+    errorMessage: string[];
+}, tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+    };
+    size: {
+        sm: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        md: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        lg: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+        xl: {
+            base: string[];
+            label: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+    };
+    full: {
+        true: {
+            base: string[];
+            wrapper: string[];
+            inputWrapper: string[];
+        };
+    };
+    disabled: {
+        true: {
+            base: string[];
+            label: string[];
+            inputWrapper: string[];
+            input: string[];
+            icon: string[];
+            errorMessage: string[];
+        };
+    };
+}, {
+    base: string[];
+    label: string[];
+    wrapper: string[];
+    inputWrapper: string[];
+    input: string[];
+    icon: string[];
+    optionsWrapper: string[];
+    errorMessage: string[];
+}, undefined, unknown, unknown, undefined>>;
+type DatePickerSlots = keyof ReturnType<typeof datePickerStyle>;
+
+export { type DatePickerProps, type DatePickerSlots, datePickerStyle, DatePicker as default };