@deepnoid/ui 0.0.88 → 0.0.90

package/dist/components/checkbox/index.js

@@ -111,10 +111,7 @@ var CheckBox = (0, import_react.forwardRef)((originalProps, ref) => {
         fill: "none",
         points: "1 9 7 14 15 4",
         stroke: "currentColor",
-        strokeDasharray: 22,
-        strokeDashoffset: isSelected ? 44 : 66,
         strokeLinecap: "round",
-        strokeLinejoin: "round",
         strokeWidth: 3,
         style: isSelected ? {
           transition: "stroke-dashoffset 250ms linear 0.2s"
@@ -132,7 +129,7 @@ CheckBox.displayName = "CheckBox";
 var checkbox_default = CheckBox;
 var checkbox = tv({
   slots: {
-    base: "group relative inline-flex items-center cursor-pointer",
+    base: ["group", "relative", "inline-flex", "items-center", "cursor-pointer"],
     wrapper: [
       "relative",
       "inline-flex",
@@ -159,33 +156,33 @@ var checkbox = tv({
       "group-hover:before:bg-neutral-soft",
       "before:transition duration-200"
     ],
-    icon: "z-10 opacity-0 group-has-[:checked]:opacity-100 text-white",
-    label: "relative text-foreground select-none"
+    icon: ["z-10", "opacity-0", "group-has-[:checked]:opacity-100", "text-white"],
+    label: ["relative", "text-foreground", "select-none"]
   },
   variants: {
     color: {
       primary: {
-        wrapper: "group-has-[:checked]:before:border-primary-main group-has-[:checked]:before:bg-primary-main"
+        wrapper: ["group-has-[:checked]:before:border-primary-main", "group-has-[:checked]:before:bg-primary-main"]
       },
       secondary: {
-        wrapper: "group-has-[:checked]:before:border-secondary-main group-has-[:checked]:before:bg-secondary-main"
+        wrapper: ["group-has-[:checked]:before:border-secondary-main", "group-has-[:checked]:before:bg-secondary-main"]
       }
     },
     size: {
       sm: {
-        wrapper: ["w-[15px] h-[15px] rounded-sm", "before:rounded-[4px]", "after:rounded-[4px]"],
-        label: "text-sm ml-[8px]",
-        icon: "w-[10px] h-[10px]"
+        wrapper: ["w-[15px]", "h-[15px]", "rounded-sm", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-sm", "ml-[6px]"],
+        icon: ["w-[10px]", "h-[10px]"]
       },
       md: {
-        wrapper: ["w-[17px] h-[17px] rounded-md", "before:rounded-[5px]", "after:rounded-[5px]"],
-        label: "text-md ml-[9px]",
-        icon: "w-[12px] h-[12px]"
+        wrapper: ["w-[17px]", "h-[17px]", "rounded-md", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-md", "ml-[8px]"],
+        icon: ["w-[12px]", "h-[12px]"]
       },
       lg: {
-        wrapper: ["w-[20px] h-[20px] rounded-lg", "before:rounded-[6px]", "after:rounded-[6px]"],
-        label: "text-lg ml-[10px]",
-        icon: "w-[15px] h-[15px]"
+        wrapper: ["w-[20px]", "h-[20px]", "rounded-lg", "before:rounded-[4px]", "after:rounded-[4px]"],
+        label: ["text-lg", "ml-[10px]"],
+        icon: ["w-[15px]", "h-[15px]"]
       }
     },
     lineThrough: {
@@ -206,14 +203,24 @@ var checkbox = tv({
     },
     isInvalid: {
       true: {
-        wrapper: "before:border-danger-main group-has-[:checked]:before:bg-danger-main",
+        wrapper: [
+          "before:border-danger-main",
+          "group-has-[:checked]:before:bg-danger-main",
+          "group-has-[:checked]:before:border-danger-main"
+        ],
         label: "text-danger-main"
       }
     },
     isDisabled: {
       true: {
         base: "opacity-disabled pointer-events-none text-neutral-light",
-        wrapper: "after:bg-neutral-soft before:border-neutral-light before:bg-neutral-soft group-has-[:checked]:before:bg-neutral-soft",
+        wrapper: [
+          "after:bg-neutral-soft",
+          "before:border-neutral-light",
+          "before:bg-neutral-soft",
+          "group-has-[:checked]:before:bg-neutral-soft",
+          "group-has-[:checked]:before:border-neutral-light"
+        ],
         label: "text-neutral-light",
         icon: "text-neutral-light"
       }
@@ -234,8 +241,8 @@ var checkbox = tv({
           "after:!duration-200",
           "motion-reduce:transition-none"
         ],
-        icon: "transition-opacity motion-reduce:transition-none",
-        label: "transition-colors-opacity before:transition-width motion-reduce:transition-none"
+        icon: ["transition-opacity", "motion-reduce:transition-none"],
+        label: ["transition-colors-opacity", "before:transition-width", "motion-reduce:transition-none"]
       }
     }
   },

package/dist/components/checkbox/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
-} from "../../chunk-BE2OG6M4.mjs";
+} from "../../chunk-ANYPMQH4.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/dateTimePicker/calendar.d.mts

@@ -0,0 +1,118 @@
+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 } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+interface Props extends Omit<ComponentProps<"input">, "size"> {
+    classNames?: SlotsToClasses<CalendarSlots>;
+    selectedDate?: string;
+    highlightWeekend?: boolean;
+    onChangeDate?: (date: string) => void;
+}
+type CalendarProps = Props & CalendarVariantProps;
+declare const Calendar: React__default.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React__default.RefAttributes<any>>;
+
+declare const calendarStyle: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        color?: 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: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type CalendarVariantProps = VariantProps<typeof calendarStyle>;
+type CalendarSlots = keyof ReturnType<typeof calendarStyle>;
+type CalendarReturnType = ReturnType<typeof calendarStyle>;
+
+export { type CalendarProps, type CalendarReturnType, type CalendarSlots, type CalendarVariantProps, type Props, calendarStyle, Calendar as default };

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

@@ -0,0 +1,118 @@
+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 } from 'react';
+import { SlotsToClasses } from '../../utils/types.js';
+
+interface Props extends Omit<ComponentProps<"input">, "size"> {
+    classNames?: SlotsToClasses<CalendarSlots>;
+    selectedDate?: string;
+    highlightWeekend?: boolean;
+    onChangeDate?: (date: string) => void;
+}
+type CalendarProps = Props & CalendarVariantProps;
+declare const Calendar: React__default.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React__default.RefAttributes<any>>;
+
+declare const calendarStyle: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        color?: 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: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type CalendarVariantProps = VariantProps<typeof calendarStyle>;
+type CalendarSlots = keyof ReturnType<typeof calendarStyle>;
+type CalendarReturnType = ReturnType<typeof calendarStyle>;
+
+export { type CalendarProps, type CalendarReturnType, type CalendarSlots, type CalendarVariantProps, type Props, calendarStyle, Calendar as default };