@deepnoid/ui 0.0.89 → 0.0.91

package/dist/components/dateTimePicker/dateTimePicker.d.ts

@@ -0,0 +1,445 @@
+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.js';
+
+interface Props extends Omit<ComponentProps<"input">, "size"> {
+    label?: string;
+    errorMessage?: string;
+    highlightWeekend?: boolean;
+    startContent?: ReactElement<{
+        className?: string;
+        size?: "sm" | "md" | "lg";
+    }> | string;
+    endContent?: ReactElement<{
+        className?: string;
+        size?: "sm" | "md" | "lg";
+    }> | string;
+    classNames?: SlotsToClasses<DateTimePickerSlots>;
+    onChangeDate?: (date: string) => void;
+    onChangeTime?: (time: string) => void;
+}
+type DateTimePickerProps = Props & DateTimePickerVariantProps;
+declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<DateTimePickerProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const dateTimePickerStyle: 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[];
+            errorMessage: 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;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        fullWidth?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        isDisabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        radius?: 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[];
+            errorMessage: 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[];
+            errorMessage: 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[];
+            errorMessage: 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[];
+            errorMessage: string[];
+        };
+    };
+    isRequired: {
+        true: {
+            label: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type DateTimePickerVariantProps = VariantProps<typeof dateTimePickerStyle>;
+type DateTimePickerSlots = keyof ReturnType<typeof dateTimePickerStyle>;
+type DateTimePickerReturnType = ReturnType<typeof dateTimePickerStyle>;
+
+export { type DateTimePickerProps, type DateTimePickerReturnType, type DateTimePickerSlots, type DateTimePickerVariantProps, type Props, dateTimePickerStyle, DatePicker as default };