beez-ui 0.4.0 → 0.5.0

package/dist/components/button.js

@@ -1,37 +1,94 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import { cn } from "../lib/utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/80",
-            outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-            ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-            destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-            xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-            sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-            lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-            icon: "size-8",
-            "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-            "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-            "icon-lg": "size-9",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			icon: "size-8",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
 });
-function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
-    const Comp = asChild ? Slot.Root : ButtonPrimitive;
-    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
+function Button(t0) {
+	const $ = _c(16);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({className, variant: t1, size: t2, asChild: t3, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+		t2 = $[4];
+		t3 = $[5];
+	}
+	const variant = t1 === undefined ? "default" : t1;
+	const size = t2 === undefined ? "default" : t2;
+	const asChild = t3 === undefined ? false : t3;
+	const Comp = asChild ? Slot.Root : ButtonPrimitive;
+	let t4;
+	if ($[6] !== className || $[7] !== size || $[8] !== variant) {
+		t4 = cn(buttonVariants({
+			variant,
+			size,
+			className
+		}));
+		$[6] = className;
+		$[7] = size;
+		$[8] = variant;
+		$[9] = t4;
+	} else {
+		t4 = $[9];
+	}
+	let t5;
+	if ($[10] !== Comp || $[11] !== props || $[12] !== size || $[13] !== t4 || $[14] !== variant) {
+		t5 = /* @__PURE__ */ _jsx(Comp, {
+			"data-slot": "button",
+			"data-variant": variant,
+			"data-size": size,
+			className: t4,
+			...props
+		});
+		$[10] = Comp;
+		$[11] = props;
+		$[12] = size;
+		$[13] = t4;
+		$[14] = variant;
+		$[15] = t5;
+	} else {
+		t5 = $[15];
+	}
+	return t5;
 }
 export { Button, buttonVariants };

package/dist/components/calendar.js

@@ -1,77 +1,336 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
 import { es } from "react-day-picker/locale";
-import { DayPicker, getDefaultClassNames, } from "react-day-picker";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
 import { cn } from "../lib/utils.js";
 import { Button, buttonVariants } from "./button.js";
 import { ChevronLeft, ChevronRight, ChevronDown } from "lucide-react";
-function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale = es, formatters, components, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, locale: locale, formatters: {
-            formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
-            ...formatters,
-        }, classNames: {
-            root: cn("w-fit", defaultClassNames.root),
-            months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
-            month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
-            nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
-            button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
-            button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
-            month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
-            dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
-            dropdown_root: cn("relative rounded-(--cell-radius)", defaultClassNames.dropdown_root),
-            dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
-            caption_label: cn("font-medium select-none", captionLayout === "label"
-                ? "text-sm"
-                : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
-            month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
-            weekdays: cn("flex", defaultClassNames.weekdays),
-            weekday: cn("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
-            week: cn("mt-2 flex w-full", defaultClassNames.week),
-            week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
-            week_number: cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
-            day: cn("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", props.showWeekNumber
-                ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)"
-                : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day),
-            range_start: cn("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", defaultClassNames.range_start),
-            range_middle: cn("rounded-none", defaultClassNames.range_middle),
-            range_end: cn("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", defaultClassNames.range_end),
-            today: cn("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
-            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
-            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
-            hidden: cn("invisible", defaultClassNames.hidden),
-            ...classNames,
-        }, components: {
-            Root: ({ className, rootRef, ...props }) => {
-                return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
-            },
-            Chevron: ({ className, orientation, ...props }) => {
-                if (orientation === "left") {
-                    return (_jsx(ChevronLeft, { className: cn("size-4", className), ...props }));
-                }
-                if (orientation === "right") {
-                    return (_jsx(ChevronRight, { className: cn("size-4", className), ...props }));
-                }
-                return (_jsx(ChevronDown, { className: cn("size-4", className), ...props }));
-            },
-            DayButton: ({ ...props }) => (_jsx(CalendarDayButton, { locale: locale, ...props })),
-            WeekNumber: ({ children, ...props }) => {
-                return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
-            },
-            ...components,
-        }, ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function Calendar(t0) {
+	const $ = _c(57);
+	let className;
+	let classNames;
+	let components;
+	let formatters;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({className, classNames, showOutsideDays: t1, captionLayout: t2, buttonVariant: t3, locale: t4, formatters, components, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = classNames;
+		$[3] = components;
+		$[4] = formatters;
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else {
+		className = $[1];
+		classNames = $[2];
+		components = $[3];
+		formatters = $[4];
+		props = $[5];
+		t1 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+		t4 = $[9];
+	}
+	const showOutsideDays = t1 === undefined ? true : t1;
+	const captionLayout = t2 === undefined ? "label" : t2;
+	const buttonVariant = t3 === undefined ? "ghost" : t3;
+	const locale = t4 === undefined ? es : t4;
+	const defaultClassNames = getDefaultClassNames();
+	const T0 = DayPicker;
+	const t5 = cn("group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className);
+	let t6;
+	if ($[10] !== locale?.code) {
+		t6 = (date) => date.toLocaleString(locale?.code, { month: "short" });
+		$[10] = locale?.code;
+		$[11] = t6;
+	} else {
+		t6 = $[11];
+	}
+	let t7;
+	if ($[12] !== formatters || $[13] !== t6) {
+		t7 = {
+			formatMonthDropdown: t6,
+			...formatters
+		};
+		$[12] = formatters;
+		$[13] = t6;
+		$[14] = t7;
+	} else {
+		t7 = $[14];
+	}
+	const t8 = cn("w-fit", defaultClassNames.root);
+	const t9 = cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months);
+	const t10 = cn("flex w-full flex-col gap-4", defaultClassNames.month);
+	const t11 = cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav);
+	const t12 = cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous);
+	const t13 = cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next);
+	const t14 = cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption);
+	const t15 = cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns);
+	const t16 = cn("relative rounded-(--cell-radius)", defaultClassNames.dropdown_root);
+	const t17 = cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown);
+	const t18 = cn("font-medium select-none", captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label);
+	const t19 = cn("w-full border-collapse", defaultClassNames.month_grid);
+	const t20 = cn("flex", defaultClassNames.weekdays);
+	const t21 = cn("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday);
+	const t22 = cn("mt-2 flex w-full", defaultClassNames.week);
+	const t23 = cn("w-(--cell-size) select-none", defaultClassNames.week_number_header);
+	const t24 = cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number);
+	const t25 = cn("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day);
+	const t26 = cn("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", defaultClassNames.range_start);
+	const t27 = cn("rounded-none", defaultClassNames.range_middle);
+	const t28 = cn("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", defaultClassNames.range_end);
+	const t29 = cn("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", defaultClassNames.today);
+	const t30 = cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside);
+	const t31 = cn("text-muted-foreground opacity-50", defaultClassNames.disabled);
+	const t32 = cn("invisible", defaultClassNames.hidden);
+	let t33;
+	if ($[15] !== classNames || $[16] !== t10 || $[17] !== t11 || $[18] !== t12 || $[19] !== t13 || $[20] !== t14 || $[21] !== t15 || $[22] !== t16 || $[23] !== t17 || $[24] !== t18 || $[25] !== t19 || $[26] !== t20 || $[27] !== t21 || $[28] !== t22 || $[29] !== t23 || $[30] !== t24 || $[31] !== t25 || $[32] !== t26 || $[33] !== t27 || $[34] !== t28 || $[35] !== t29 || $[36] !== t30 || $[37] !== t31 || $[38] !== t32 || $[39] !== t8 || $[40] !== t9) {
+		t33 = {
+			root: t8,
+			months: t9,
+			month: t10,
+			nav: t11,
+			button_previous: t12,
+			button_next: t13,
+			month_caption: t14,
+			dropdowns: t15,
+			dropdown_root: t16,
+			dropdown: t17,
+			caption_label: t18,
+			month_grid: t19,
+			weekdays: t20,
+			weekday: t21,
+			week: t22,
+			week_number_header: t23,
+			week_number: t24,
+			day: t25,
+			range_start: t26,
+			range_middle: t27,
+			range_end: t28,
+			today: t29,
+			outside: t30,
+			disabled: t31,
+			hidden: t32,
+			...classNames
+		};
+		$[15] = classNames;
+		$[16] = t10;
+		$[17] = t11;
+		$[18] = t12;
+		$[19] = t13;
+		$[20] = t14;
+		$[21] = t15;
+		$[22] = t16;
+		$[23] = t17;
+		$[24] = t18;
+		$[25] = t19;
+		$[26] = t20;
+		$[27] = t21;
+		$[28] = t22;
+		$[29] = t23;
+		$[30] = t24;
+		$[31] = t25;
+		$[32] = t26;
+		$[33] = t27;
+		$[34] = t28;
+		$[35] = t29;
+		$[36] = t30;
+		$[37] = t31;
+		$[38] = t32;
+		$[39] = t8;
+		$[40] = t9;
+		$[41] = t33;
+	} else {
+		t33 = $[41];
+	}
+	let t34;
+	if ($[42] !== locale) {
+		t34 = (t35) => {
+			const { ...props_2 } = t35;
+			return /* @__PURE__ */ _jsx(CalendarDayButton, {
+				locale,
+				...props_2
+			});
+		};
+		$[42] = locale;
+		$[43] = t34;
+	} else {
+		t34 = $[43];
+	}
+	let t35;
+	if ($[44] !== components || $[45] !== t34) {
+		t35 = {
+			Root: _temp,
+			Chevron: _temp2,
+			DayButton: t34,
+			WeekNumber: _temp3,
+			...components
+		};
+		$[44] = components;
+		$[45] = t34;
+		$[46] = t35;
+	} else {
+		t35 = $[46];
+	}
+	let t36;
+	if ($[47] !== T0 || $[48] !== captionLayout || $[49] !== locale || $[50] !== props || $[51] !== showOutsideDays || $[52] !== t33 || $[53] !== t35 || $[54] !== t5 || $[55] !== t7) {
+		t36 = /* @__PURE__ */ _jsx(T0, {
+			showOutsideDays,
+			className: t5,
+			captionLayout,
+			locale,
+			formatters: t7,
+			classNames: t33,
+			components: t35,
+			...props
+		});
+		$[47] = T0;
+		$[48] = captionLayout;
+		$[49] = locale;
+		$[50] = props;
+		$[51] = showOutsideDays;
+		$[52] = t33;
+		$[53] = t35;
+		$[54] = t5;
+		$[55] = t7;
+		$[56] = t36;
+	} else {
+		t36 = $[56];
+	}
+	return t36;
+}
+function _temp3(t0) {
+	const { children, ...props_3 } = t0;
+	return /* @__PURE__ */ _jsx("td", {
+		...props_3,
+		children: /* @__PURE__ */ _jsx("div", {
+			className: "flex size-(--cell-size) items-center justify-center text-center",
+			children
+		})
+	});
+}
+function _temp2(t0) {
+	const { className: className_1, orientation, ...props_1 } = t0;
+	if (orientation === "left") {
+		return /* @__PURE__ */ _jsx(ChevronLeft, {
+			className: cn("size-4", className_1),
+			...props_1
+		});
+	}
+	if (orientation === "right") {
+		return /* @__PURE__ */ _jsx(ChevronRight, {
+			className: cn("size-4", className_1),
+			...props_1
+		});
+	}
+	return /* @__PURE__ */ _jsx(ChevronDown, {
+		className: cn("size-4", className_1),
+		...props_1
+	});
+}
+function _temp(t0) {
+	const { className: className_0, rootRef, ...props_0 } = t0;
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "calendar",
+		ref: rootRef,
+		className: cn(className_0),
+		...props_0
+	});
 }
-function CalendarDayButton({ className, day, modifiers, locale, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (modifiers.focused)
-            ref.current?.focus();
-    }, [modifiers.focused]);
-    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(locale?.code), "data-selected-single": modifiers.selected &&
-            !modifiers.range_start &&
-            !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
+function CalendarDayButton(t0) {
+	const $ = _c(21);
+	let className;
+	let day;
+	let locale;
+	let modifiers;
+	let props;
+	if ($[0] !== t0) {
+		({className, day, modifiers, locale, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = day;
+		$[3] = locale;
+		$[4] = modifiers;
+		$[5] = props;
+	} else {
+		className = $[1];
+		day = $[2];
+		locale = $[3];
+		modifiers = $[4];
+		props = $[5];
+	}
+	const defaultClassNames = getDefaultClassNames();
+	const ref = React.useRef(null);
+	let t1;
+	let t2;
+	if ($[6] !== modifiers.focused) {
+		t1 = () => {
+			if (modifiers.focused) {
+				ref.current?.focus();
+			}
+		};
+		t2 = [modifiers.focused];
+		$[6] = modifiers.focused;
+		$[7] = t1;
+		$[8] = t2;
+	} else {
+		t1 = $[7];
+		t2 = $[8];
+	}
+	React.useEffect(t1, t2);
+	const T0 = Button;
+	const t3 = "ghost";
+	const t4 = "icon";
+	let t5;
+	if ($[9] !== day.date || $[10] !== locale?.code) {
+		t5 = day.date.toLocaleDateString(locale?.code);
+		$[9] = day.date;
+		$[10] = locale?.code;
+		$[11] = t5;
+	} else {
+		t5 = $[11];
+	}
+	const t6 = modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle;
+	const t7 = modifiers.range_start;
+	const t8 = modifiers.range_end;
+	const t9 = modifiers.range_middle;
+	const t10 = cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className);
+	let t11;
+	if ($[12] !== T0 || $[13] !== modifiers.range_end || $[14] !== modifiers.range_middle || $[15] !== modifiers.range_start || $[16] !== props || $[17] !== t10 || $[18] !== t5 || $[19] !== t6) {
+		t11 = /* @__PURE__ */ _jsx(T0, {
+			ref,
+			variant: t3,
+			size: t4,
+			"data-day": t5,
+			"data-selected-single": t6,
+			"data-range-start": t7,
+			"data-range-end": t8,
+			"data-range-middle": t9,
+			className: t10,
+			...props
+		});
+		$[12] = T0;
+		$[13] = modifiers.range_end;
+		$[14] = modifiers.range_middle;
+		$[15] = modifiers.range_start;
+		$[16] = props;
+		$[17] = t10;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t11;
+	} else {
+		t11 = $[20];
+	}
+	return t11;
 }
 export { Calendar, CalendarDayButton };

package/dist/components/card.js

@@ -1,24 +1,54 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../lib/utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 function Card({ className, size = "default", ...props }) {
-    return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "card",
+		"data-size": size,
+		className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+		...props
+	});
 }
 function CardHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3", className), ...props }));
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "card-header",
+		className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3", className),
+		...props
+	});
 }
 function CardTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-title", className: cn("font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className), ...props }));
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "card-title",
+		className: cn("font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
+		...props
+	});
 }
 function CardDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props }));
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "card-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
 }
 function CardAction({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "card-action",
+		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+		...props
+	});
 }
 function CardContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-content", className: cn("px-4 group-data-[size=sm]/card:px-3", className), ...props }));
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "card-content",
+		className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+		...props
+	});
 }
 function CardFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3", className), ...props }));
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "card-footer",
+		className: cn("flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3", className),
+		...props
+	});
 }
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };