@tulip-systems/core 0.4.1 → 0.5.0

package/dist/components/ui/breadcrumb.d.mts

@@ -1,36 +1,36 @@
-import * as react_jsx_runtime286 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/ui/breadcrumb.d.ts
-declare function Breadcrumb(props: React$1.ComponentProps<"nav">): react_jsx_runtime286.JSX.Element;
+declare function Breadcrumb(props: React$1.ComponentProps<"nav">): react_jsx_runtime120.JSX.Element;
 declare function BreadcrumbList({
   className,
   ...props
-}: React$1.ComponentProps<"ol">): react_jsx_runtime286.JSX.Element;
+}: React$1.ComponentProps<"ol">): react_jsx_runtime120.JSX.Element;
 declare function BreadcrumbItem({
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime286.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime120.JSX.Element;
 declare function BreadcrumbLink({
   asChild,
   className,
   ...props
 }: React$1.ComponentProps<"a"> & {
   asChild?: boolean;
-}): react_jsx_runtime286.JSX.Element;
+}): react_jsx_runtime120.JSX.Element;
 declare function BreadcrumbPage({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime286.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime120.JSX.Element;
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime286.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime120.JSX.Element;
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime286.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime120.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.mts.map

package/dist/components/ui/button.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime293 from "react/jsx-runtime";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
 import * as class_variance_authority_types2 from "class-variance-authority/types";
@@ -16,7 +16,7 @@ declare function Button({
   ...props
 }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime293.JSX.Element;
+}): react_jsx_runtime127.JSX.Element;
 //#endregion
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.mts.map

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

@@ -1,14 +1,27 @@
-import * as react_jsx_runtime294 from "react/jsx-runtime";
+import { Button } from "./button.mjs";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 import * as React$1 from "react";
-import { DayPicker } from "react-day-picker";
+import { DayButton, DayPicker } from "react-day-picker";
 
 //#region src/components/ui/calendar.d.ts
 declare function Calendar({
   className,
   classNames,
   showOutsideDays,
+  captionLayout,
+  buttonVariant,
+  formatters,
+  components,
   ...props
-}: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime294.JSX.Element;
+}: React$1.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
+}): react_jsx_runtime128.JSX.Element;
+declare function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime128.JSX.Element;
 //#endregion
-export { Calendar };
+export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.mts.map

package/dist/components/ui/calendar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.mts","names":[],"sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":[],"mappings":";;;;;iBASS,QAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,aAAU,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"calendar.d.mts","names":[],"sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASS,QAAA;;;;;;;;;GASN,OAAA,CAAM,sBAAsB;kBACb,OAAA,CAAM,sBAAsB;IAC7C,oBAAA,CAAA,GAAA,CAAA;AAd+D,iBAuIvD,iBAAA,CApIQ;EAAA,SAAA;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyId,OAAA,CAAM,cAzIQ,CAAA,OAyIc,SAzId,CAAA,CAAA,EAyIwB,oBAAA,CAAA,GAAA,CAAA,OAzIxB"}

package/dist/components/ui/calendar.mjs

@@ -1,56 +1,109 @@
 "use client";
 
 import { cn } from "../../lib/utils/cn.mjs";
-import { buttonVariants } from "./button.mjs";
-import { ChevronLeft, ChevronRight } from "lucide-react";
+import { Button, buttonVariants } from "./button.mjs";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-import "react";
-import { DayPicker } from "react-day-picker";
+import * as React$1 from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
 
 //#region src/components/ui/calendar.tsx
-function Calendar$1({ className, classNames, showOutsideDays = true, ...props }) {
+function Calendar$1({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
 	return /* @__PURE__ */ jsx(DayPicker, {
 		showOutsideDays,
-		className: cn("p-3", className),
+		className: cn("bg-background group/calendar in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent p-3 [--cell-size:--spacing(8)]", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+		captionLayout,
+		formatters: {
+			formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+			...formatters
+		},
 		classNames: {
-			months: "flex flex-col sm:flex-row gap-2",
-			month: "flex flex-col gap-4",
-			caption: "flex justify-center pt-1 relative items-center w-full",
-			caption_label: "text-sm font-medium",
-			nav: "flex items-center gap-1",
-			nav_button: cn(buttonVariants({ variant: "outline" }), "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
-			nav_button_previous: "absolute left-1",
-			nav_button_next: "absolute right-1",
-			table: "w-full border-collapse space-x-1",
-			head_row: "flex",
-			head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-			row: "flex w-full mt-2",
-			cell: cn("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md", props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"),
-			day: cn(buttonVariants({ variant: "ghost" }), "size-8 p-0 font-normal aria-selected:opacity-100"),
-			day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
-			day_range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
-			day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-			day_today: "bg-accent text-accent-foreground",
-			day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
-			day_disabled: "text-muted-foreground opacity-50",
-			day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-			day_hidden: "invisible",
+			root: cn("w-fit", defaultClassNames.root),
+			months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+			month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+			nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+			month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
+			dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
+			dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
+			dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
+			caption_label: cn("select-none font-medium", captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
+			table: "w-full border-collapse",
+			weekdays: cn("flex", defaultClassNames.weekdays),
+			weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+			week: cn("flex w-full mt-2", defaultClassNames.week),
+			week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+			week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
+			day: cn("relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
+			range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+			range_middle: cn("rounded-none", defaultClassNames.range_middle),
+			range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+			today: cn("bg-accent text-accent-foreground rounded-md 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: {
-			IconLeft: ({ className: className$1, ...props$1 }) => /* @__PURE__ */ jsx(ChevronLeft, {
-				className: cn("size-4", className$1),
-				...props$1
-			}),
-			IconRight: ({ className: className$1, ...props$1 }) => /* @__PURE__ */ jsx(ChevronRight, {
-				className: cn("size-4", className$1),
-				...props$1
-			})
+			Root: ({ className: className$1, rootRef, ...props$1 }) => {
+				return /* @__PURE__ */ jsx("div", {
+					"data-slot": "calendar",
+					ref: rootRef,
+					className: cn(className$1),
+					...props$1
+				});
+			},
+			Chevron: ({ className: className$1, orientation, ...props$1 }) => {
+				if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, {
+					className: cn("size-4", className$1),
+					...props$1
+				});
+				if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
+					className: cn("size-4", className$1),
+					...props$1
+				});
+				return /* @__PURE__ */ jsx(ChevronDownIcon, {
+					className: cn("size-4", className$1),
+					...props$1
+				});
+			},
+			DayButton: CalendarDayButton,
+			WeekNumber: ({ children, ...props$1 }) => {
+				return /* @__PURE__ */ jsx("td", {
+					...props$1,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "size-(--cell-size) flex items-center justify-center text-center",
+						children
+					})
+				});
+			},
+			...components
 		},
 		...props
 	});
 }
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	const ref = React$1.useRef(null);
+	React$1.useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		variant: "ghost",
+		size: "icon",
+		"data-day": day.date.toLocaleDateString(),
+		"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("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground min-w-(--cell-size) flex aspect-square size-auto w-full flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-start=true]:rounded-l-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+		...props
+	});
+}
 
 //#endregion
-export { Calendar$1 as Calendar };
+export { Calendar$1 as Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.mjs.map

package/dist/components/ui/calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.mjs","names":["Calendar","props","className"],"sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport * as React from \"react\";\nimport { DayPicker } from \"react-day-picker\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: React.ComponentProps<typeof DayPicker>) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row gap-2\",\n        month: \"flex flex-col gap-4\",\n        caption: \"flex justify-center pt-1 relative items-center w-full\",\n        caption_label: \"text-sm font-medium\",\n        nav: \"flex items-center gap-1\",\n        nav_button: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        ),\n        nav_button_previous: \"absolute left-1\",\n        nav_button_next: \"absolute right-1\",\n        table: \"w-full border-collapse space-x-1\",\n        head_row: \"flex\",\n        head_cell: \"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]\",\n        row: \"flex w-full mt-2\",\n        cell: cn(\n          \"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n          props.mode === \"range\"\n            ? \"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n            : \"[&:has([aria-selected])]:rounded-md\",\n        ),\n        day: cn(\n          buttonVariants({ variant: \"ghost\" }),\n          \"size-8 p-0 font-normal aria-selected:opacity-100\",\n        ),\n        day_range_start:\n          \"day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground\",\n        day_range_end:\n          \"day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground\",\n        day_selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        day_today: \"bg-accent text-accent-foreground\",\n        day_outside: \"day-outside text-muted-foreground aria-selected:text-muted-foreground\",\n        day_disabled: \"text-muted-foreground opacity-50\",\n        day_range_middle: \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        day_hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ className, ...props }) => (\n          <ChevronLeft className={cn(\"size-4\", className)} {...props} />\n        ),\n        IconRight: ({ className, ...props }) => (\n          <ChevronRight className={cn(\"size-4\", className)} {...props} />\n        ),\n      }}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar };\n"],"mappings":";;;;;;;;;;AASA,SAASA,WAAS,EAChB,WACA,YACA,kBAAkB,MAClB,GAAG,SACsC;AACzC,QACE,oBAAC;EACkB;EACjB,WAAW,GAAG,OAAO,UAAU;EAC/B,YAAY;GACV,QAAQ;GACR,OAAO;GACP,SAAS;GACT,eAAe;GACf,KAAK;GACL,YAAY,GACV,eAAe,EAAE,SAAS,WAAW,CAAC,EACtC,yDACD;GACD,qBAAqB;GACrB,iBAAiB;GACjB,OAAO;GACP,UAAU;GACV,WAAW;GACX,KAAK;GACL,MAAM,GACJ,mKACA,MAAM,SAAS,UACX,yKACA,sCACL;GACD,KAAK,GACH,eAAe,EAAE,SAAS,SAAS,CAAC,EACpC,mDACD;GACD,iBACE;GACF,eACE;GACF,cACE;GACF,WAAW;GACX,aAAa;GACb,cAAc;GACd,kBAAkB;GAClB,YAAY;GACZ,GAAG;GACJ;EACD,YAAY;GACV,WAAW,EAAE,wBAAW,GAAGC,cACzB,oBAAC;IAAY,WAAW,GAAG,UAAUC,YAAU;IAAE,GAAID;KAAS;GAEhE,YAAY,EAAE,wBAAW,GAAGA,cAC1B,oBAAC;IAAa,WAAW,GAAG,UAAUC,YAAU;IAAE,GAAID;KAAS;GAElE;EACD,GAAI;GACJ"}
+{"version":3,"file":"calendar.mjs","names":["Calendar","props","className","React"],"sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { DayPicker, getDefaultClassNames, type DayButton } from \"react-day-picker\";\n\nimport { Button, buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\n}) {\n  const defaultClassNames = getDefaultClassNames();\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"bg-background group/calendar in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent p-3 [--cell-size:--spacing(8)]\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className,\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) => date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\"flex gap-4 flex-col md:flex-row relative\", defaultClassNames.months),\n        month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n          defaultClassNames.nav,\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_previous,\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_next,\n        ),\n        month_caption: cn(\n          \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n          defaultClassNames.month_caption,\n        ),\n        dropdowns: cn(\n          \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n          defaultClassNames.dropdowns,\n        ),\n        dropdown_root: cn(\n          \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n          defaultClassNames.dropdown_root,\n        ),\n        dropdown: cn(\"absolute bg-popover inset-0 opacity-0\", defaultClassNames.dropdown),\n        caption_label: cn(\n          \"select-none font-medium\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n          defaultClassNames.caption_label,\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n          defaultClassNames.weekday,\n        ),\n        week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n        week_number_header: cn(\"select-none w-(--cell-size)\", defaultClassNames.week_number_header),\n        week_number: cn(\n          \"text-[0.8rem] select-none text-muted-foreground\",\n          defaultClassNames.week_number,\n        ),\n        day: cn(\n          \"relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none\",\n          props.showWeekNumber\n            ? \"[&:nth-child(2)[data-selected=true]_button]:rounded-l-md\"\n            : \"[&:first-child[data-selected=true]_button]:rounded-l-md\",\n          defaultClassNames.day,\n        ),\n        range_start: cn(\"rounded-l-md bg-accent\", defaultClassNames.range_start),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n        today: cn(\n          \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n          defaultClassNames.today,\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside,\n        ),\n        disabled: cn(\"text-muted-foreground opacity-50\", defaultClassNames.disabled),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />;\n          }\n\n          if (orientation === \"right\") {\n            return <ChevronRightIcon className={cn(\"size-4\", className)} {...props} />;\n          }\n\n          return <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />;\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"size-(--cell-size) flex items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          );\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames();\n\n  const ref = React.useRef<HTMLButtonElement>(null);\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground min-w-(--cell-size) flex aspect-square size-auto w-full flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-start=true]:rounded-l-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70\",\n        defaultClassNames.day,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}

package/dist/components/ui/card.d.mts

@@ -1,31 +1,31 @@
-import * as react_jsx_runtime295 from "react/jsx-runtime";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/ui/card.d.ts
 declare function Card({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime295.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime130.JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime295.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime130.JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime295.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime130.JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime295.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime130.JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime295.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime130.JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime295.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime130.JSX.Element;
 //#endregion
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.mts.map

package/dist/components/ui/carousel.d.mts

@@ -1,5 +1,5 @@
 import { Button } from "./button.mjs";
-import * as react_jsx_runtime301 from "react/jsx-runtime";
+import * as react_jsx_runtime136 from "react/jsx-runtime";
 import * as React$1 from "react";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
@@ -22,27 +22,27 @@ declare function Carousel({
   className,
   children,
   ...props
-}: React$1.ComponentProps<"div"> & CarouselProps): react_jsx_runtime301.JSX.Element;
+}: React$1.ComponentProps<"div"> & CarouselProps): react_jsx_runtime136.JSX.Element;
 declare function CarouselContent({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime301.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime136.JSX.Element;
 declare function CarouselItem({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime301.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime136.JSX.Element;
 declare function CarouselPrevious({
   className,
   variant,
   size,
   ...props
-}: React$1.ComponentProps<typeof Button>): react_jsx_runtime301.JSX.Element;
+}: React$1.ComponentProps<typeof Button>): react_jsx_runtime136.JSX.Element;
 declare function CarouselNext({
   className,
   variant,
   size,
   ...props
-}: React$1.ComponentProps<typeof Button>): react_jsx_runtime301.JSX.Element;
+}: React$1.ComponentProps<typeof Button>): react_jsx_runtime136.JSX.Element;
 //#endregion
 export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
 //# sourceMappingURL=carousel.d.mts.map

package/dist/components/ui/chart.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime154 from "react/jsx-runtime";
+import * as react_jsx_runtime251 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as RechartsPrimitive from "recharts";
 
@@ -26,14 +26,14 @@ declare function ChartContainer({
 }: React$1.ComponentProps<"div"> & {
   config: ChartConfig;
   children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime154.JSX.Element;
+}): react_jsx_runtime251.JSX.Element;
 declare const ChartStyle: ({
   id,
   config
 }: {
   id: string;
   config: ChartConfig;
-}) => react_jsx_runtime154.JSX.Element | null;
+}) => react_jsx_runtime251.JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 declare function ChartTooltipContent({
   active,
@@ -55,7 +55,7 @@ declare function ChartTooltipContent({
   indicator?: "line" | "dot" | "dashed";
   nameKey?: string;
   labelKey?: string;
-}): react_jsx_runtime154.JSX.Element | null;
+}): react_jsx_runtime251.JSX.Element | null;
 declare const ChartLegend: typeof RechartsPrimitive.Legend;
 declare function ChartLegendContent({
   className,
@@ -66,7 +66,7 @@ declare function ChartLegendContent({
 }: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
   hideIcon?: boolean;
   nameKey?: string;
-}): react_jsx_runtime154.JSX.Element | null;
+}): react_jsx_runtime251.JSX.Element | null;
 //#endregion
 export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
 //# sourceMappingURL=chart.client.d.mts.map

package/dist/components/ui/checkbox.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime306 from "react/jsx-runtime";
+import * as react_jsx_runtime141 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
@@ -6,7 +6,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 declare function Checkbox({
   className,
   ...props
-}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime306.JSX.Element;
+}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime141.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.mts.map

package/dist/components/ui/collapsible.client.d.mts

@@ -1,16 +1,16 @@
-import * as react_jsx_runtime158 from "react/jsx-runtime";
+import * as react_jsx_runtime255 from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/components/ui/collapsible.client.d.ts
 declare function Collapsible({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime255.JSX.Element;
 declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime255.JSX.Element;
 declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime255.JSX.Element;
 //#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };
 //# sourceMappingURL=collapsible.client.d.mts.map

package/dist/components/ui/color-picker.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime161 from "react/jsx-runtime";
+import * as react_jsx_runtime258 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/ui/color-picker.client.d.ts
@@ -10,7 +10,7 @@ declare function ColorPicker({
   onValueChange,
   className,
   ...props
-}: ColorPickerProps): react_jsx_runtime161.JSX.Element;
+}: ColorPickerProps): react_jsx_runtime258.JSX.Element;
 //#endregion
 export { ColorPicker };
 //# sourceMappingURL=color-picker.client.d.mts.map

package/dist/components/ui/combobox-dropdown.client.d.mts

@@ -1,5 +1,5 @@
 import { PopoverContent } from "./popover.mjs";
-import * as react_jsx_runtime162 from "react/jsx-runtime";
+import * as react_jsx_runtime259 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/ui/combobox-dropdown.client.d.ts
@@ -41,7 +41,7 @@ declare function ComboboxDropdown<T extends ComboboxDropdownItem>({
   disabled,
   onCreate,
   className
-}: ComboboxDropdownProps<T>): react_jsx_runtime162.JSX.Element;
+}: ComboboxDropdownProps<T>): react_jsx_runtime259.JSX.Element;
 //#endregion
 export { ComboboxDropdown, ComboboxDropdownItem, ComboboxDropdownProps };
 //# sourceMappingURL=combobox-dropdown.client.d.mts.map

package/dist/components/ui/combobox.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime163 from "react/jsx-runtime";
+import * as react_jsx_runtime260 from "react/jsx-runtime";
 
 //#region src/components/ui/combobox.client.d.ts
 type ComboboxItem = {
@@ -25,7 +25,7 @@ declare function Combobox<TValue>({
   disabled,
   emptyMessage,
   className
-}: ComboboxProps<TValue>): react_jsx_runtime163.JSX.Element;
+}: ComboboxProps<TValue>): react_jsx_runtime260.JSX.Element;
 //#endregion
 export { Combobox, ComboboxItem, ComboboxProps };
 //# sourceMappingURL=combobox.client.d.mts.map

package/dist/components/ui/command.d.mts

@@ -1,5 +1,5 @@
 import { Dialog } from "./dialog.client.mjs";
-import * as react_jsx_runtime307 from "react/jsx-runtime";
+import * as react_jsx_runtime142 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Command } from "cmdk";
 
@@ -7,7 +7,7 @@ import { Command } from "cmdk";
 declare function Command$1({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command>): react_jsx_runtime307.JSX.Element;
+}: React$1.ComponentProps<typeof Command>): react_jsx_runtime142.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -16,34 +16,34 @@ declare function CommandDialog({
 }: React$1.ComponentProps<typeof Dialog> & {
   title?: string;
   description?: string;
-}): react_jsx_runtime307.JSX.Element;
+}): react_jsx_runtime142.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.Input>): react_jsx_runtime307.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Input>): react_jsx_runtime142.JSX.Element;
 declare function CommandList$1({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.List>): react_jsx_runtime307.JSX.Element;
+}: React$1.ComponentProps<typeof Command.List>): react_jsx_runtime142.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React$1.ComponentProps<typeof Command.Empty>): react_jsx_runtime307.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Empty>): react_jsx_runtime142.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.Group>): react_jsx_runtime307.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Group>): react_jsx_runtime142.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.Separator>): react_jsx_runtime307.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Separator>): react_jsx_runtime142.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React$1.ComponentProps<typeof Command.Item>): react_jsx_runtime307.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Item>): react_jsx_runtime142.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime307.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime142.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList$1 as CommandList, CommandSeparator, CommandShortcut };
 //# sourceMappingURL=command.d.mts.map