@sth87/shadcn-design-system 0.1.0 → 0.1.2

package/dist/esm/packages/ui/src/components/calendar.js

@@ -1,4 +1,4 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import * as x from "react";
 import { ChevronLeftIcon as y, ChevronRightIcon as w, ChevronDownIcon as k } from "lucide-react";
 import { getDefaultClassNames as v, DayPicker as z } from "react-day-picker";
@@ -16,8 +16,8 @@ function j({
   components: b,
   ...p
 }) {
-  const r = v(), m = h(f);
-  return /* @__PURE__ */ s(
+  const s = v(), m = h(f);
+  return /* @__PURE__ */ t(
     z,
     {
       showOutsideDays: d,
@@ -29,117 +29,117 @@ function j({
       ),
       captionLayout: g,
       formatters: {
-        formatMonthDropdown: (t) => t.toLocaleString("default", { month: "short" }),
+        formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
         ...n
       },
       classNames: {
-        root: e("ds:w-fit", r.root),
+        root: e("ds:w-fit", s.root),
         months: e(
           "ds:flex ds:gap-4 ds:flex-col ds:md:flex-row ds:relative",
-          r.months
+          s.months
         ),
-        month: e("ds:flex ds:flex-col ds:w-full ds:gap-4", r.month),
+        month: e("ds:flex ds:flex-col ds:w-full ds:gap-4", s.month),
         nav: e(
           "ds:flex ds:items-center ds:gap-1 ds:w-full ds:absolute ds:top-0 ds:inset-x-0 ds:justify-between",
-          r.nav
+          s.nav
         ),
         button_previous: e(
           _({ variant: i }),
           "ds:size-(--cell-size) ds:aria-disabled:opacity-50 ds:p-0 ds:select-none",
-          r.button_previous
+          s.button_previous
         ),
         button_next: e(
           _({ variant: i }),
           "ds:size-(--cell-size) ds:aria-disabled:opacity-50 ds:p-0 ds:select-none",
-          r.button_next
+          s.button_next
         ),
         month_caption: e(
           "ds:flex ds:items-center ds:justify-center ds:h-(--cell-size) ds:w-full ds:px-(--cell-size)",
-          r.month_caption
+          s.month_caption
         ),
         dropdowns: e(
           "ds:w-full ds:flex ds:items-center ds:text-sm ds:font-medium ds:justify-center ds:h-(--cell-size) ds:gap-1.5",
-          r.dropdowns
+          s.dropdowns
         ),
         dropdown_root: e(
           "ds:relative ds:has-focus:border-ring ds:border ds:border-input ds:shadow-xs ds:has-focus:ring-ring/50 ds:has-focus:ring-[3px] ds:rounded-md",
-          r.dropdown_root
+          s.dropdown_root
         ),
         dropdown: e(
           "ds:absolute ds:bg-popover ds:inset-0 ds:opacity-0",
-          r.dropdown
+          s.dropdown
         ),
         caption_label: e(
           "ds:select-none ds:font-medium",
           g === "label" ? "ds:text-sm" : "ds:rounded-md ds:pl-2 ds:pr-1 ds:flex ds:items-center ds:gap-1 ds:text-sm ds:h-8 ds:[&>svg]:text-muted-foreground ds:[&>svg]:size-3.5",
-          r.caption_label
+          s.caption_label
         ),
-        table: "w-full border-collapse",
-        weekdays: e("ds:flex", r.weekdays),
+        table: "ds:w-full ds:border-collapse",
+        weekdays: e("ds:flex", s.weekdays),
         weekday: e(
           "ds:text-muted-foreground ds:rounded-md ds:flex-1 ds:font-normal ds:text-[0.8rem] ds:select-none",
-          r.weekday
+          s.weekday
         ),
-        week: e("ds:flex ds:w-full ds:mt-2", r.week),
+        week: e("ds:flex ds:w-full ds:mt-2", s.week),
         week_number_header: e(
           "ds:select-none ds:w-(--cell-size)",
-          r.week_number_header
+          s.week_number_header
         ),
         week_number: e(
           "ds:text-[0.8rem] ds:select-none ds:text-muted-foreground",
-          r.week_number
+          s.week_number
         ),
         day: e(
           "ds:relative ds:w-full ds:h-full ds:p-0 ds:text-center ds:[&:last-child[data-selected=true]_button]:rounded-r-md ds:group/day ds:aspect-square ds:select-none",
           p.showWeekNumber ? "ds:[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "ds:[&:first-child[data-selected=true]_button]:rounded-l-md",
-          r.day
+          s.day
         ),
         range_start: e(
           a === "rounded" ? `${m.rangeBg} ds:rounded-l-full` : "ds:rounded-l-md ds:bg-accent",
-          r.range_start
+          s.range_start
         ),
         range_middle: e(
           "ds:rounded-none",
-          r.range_middle
+          s.range_middle
         ),
         range_end: e(
           a === "rounded" ? `${m.rangeBg} ds:rounded-r-full` : "ds:rounded-r-md ds:bg-accent",
-          r.range_end
+          s.range_end
         ),
         today: e(
           a === "rounded" ? `ds:rounded-full ds:bg-accent ds:data-[selected=true]:rounded-l-none ds:data-[selected=true]:${m.rangeBg} ds:[&_button[data-range-middle=true]]:bg-transparent` : "ds:bg-accent ds:text-accent-foreground ds:rounded-md ds:data-[selected=true]:rounded-none",
-          r.today
+          s.today
         ),
         outside: e(
           "ds:text-muted-foreground ds:aria-selected:text-muted-foreground",
-          r.outside
+          s.outside
         ),
         disabled: e(
           "ds:text-muted-foreground ds:opacity-50",
-          r.disabled
+          s.disabled
         ),
-        hidden: e("ds:invisible", r.hidden),
+        hidden: e("ds:invisible", s.hidden),
         ...l
       },
       components: {
-        Root: ({ className: t, rootRef: o, ...c }) => /* @__PURE__ */ s(
+        Root: ({ className: r, rootRef: o, ...c }) => /* @__PURE__ */ t(
           "div",
           {
             "data-slot": "calendar",
             ref: o,
-            className: e(t),
+            className: e(r),
             ...c
           }
         ),
-        Chevron: ({ className: t, orientation: o, ...c }) => o === "left" ? /* @__PURE__ */ s(y, { className: e("ds:size-4", t), ...c }) : o === "right" ? /* @__PURE__ */ s(
+        Chevron: ({ className: r, orientation: o, ...c }) => o === "left" ? /* @__PURE__ */ t(y, { className: e("ds:size-4", r), ...c }) : o === "right" ? /* @__PURE__ */ t(
           w,
           {
-            className: e("ds:size-4", t),
+            className: e("ds:size-4", r),
             ...c
           }
-        ) : /* @__PURE__ */ s(k, { className: e("ds:size-4", t), ...c }),
-        DayButton: (t) => /* @__PURE__ */ s(R, { ...t, variant: a, color: f }),
-        WeekNumber: ({ children: t, ...o }) => /* @__PURE__ */ s("td", { ...o, children: /* @__PURE__ */ s("div", { className: "ds:flex ds:size-(--cell-size) ds:items-center ds:justify-center ds:text-center", children: t }) }),
+        ) : /* @__PURE__ */ t(k, { className: e("ds:size-4", r), ...c }),
+        DayButton: (r) => /* @__PURE__ */ t(R, { ...r, variant: a, color: f }),
+        WeekNumber: ({ children: r, ...o }) => /* @__PURE__ */ t("td", { ...o, children: /* @__PURE__ */ t("div", { className: "ds:flex ds:size-(--cell-size) ds:items-center ds:justify-center ds:text-center", children: r }) }),
         ...b
       },
       ...p
@@ -148,58 +148,58 @@ function j({
 }
 const h = (u = "foreground") => ({
   primary: {
-    selected: "bg-primary text-primary-foreground",
-    selectedHover: "hover:bg-primary/90",
-    rangeBg: "bg-primary/20 dark:bg-primary/10",
-    focusRing: "ring-primary/20 dark:ring-primary/40"
+    selected: "ds:bg-primary ds:text-primary-foreground",
+    selectedHover: "ds:hover:bg-primary/90",
+    rangeBg: "ds:bg-primary/20 dark:ds:bg-primary/10",
+    focusRing: "ds:ring-primary/20 dark:ds:ring-primary/40"
   },
   secondary: {
-    selected: "bg-secondary text-secondary-foreground",
-    selectedHover: "hover:bg-secondary/90",
-    rangeBg: "bg-secondary/20 dark:bg-secondary/10",
-    focusRing: "ring-secondary/20 dark:ring-secondary/40"
+    selected: "ds:bg-secondary ds:text-secondary-foreground",
+    selectedHover: "ds:hover:bg-secondary/90",
+    rangeBg: "ds:bg-secondary/20 dark:ds:bg-secondary/10",
+    focusRing: "ds:ring-secondary/20 dark:ds:ring-secondary/40"
   },
   accent: {
-    selected: "bg-accent text-accent-foreground",
-    selectedHover: "hover:bg-accent/90",
-    rangeBg: "bg-accent/20 dark:bg-accent/10",
-    focusRing: "ring-accent/20 dark:ring-accent/40"
+    selected: "ds:bg-accent ds:text-accent-foreground",
+    selectedHover: "ds:hover:bg-accent/90",
+    rangeBg: "ds:bg-accent/20 dark:ds:bg-accent/10",
+    focusRing: "ds:ring-accent/20 dark:ds:ring-accent/40"
   },
   destructive: {
-    selected: "bg-destructive text-destructive-foreground",
-    selectedHover: "hover:bg-destructive/90",
-    rangeBg: "bg-destructive/20 dark:bg-destructive/10",
-    focusRing: "ring-destructive/20 dark:ring-destructive/40"
+    selected: "ds:bg-destructive ds:text-destructive-foreground",
+    selectedHover: "ds:hover:bg-destructive/90",
+    rangeBg: "ds:bg-destructive/20 dark:ds:bg-destructive/10",
+    focusRing: "ds:ring-destructive/20 dark:ds:ring-destructive/40"
   },
   muted: {
-    selected: "bg-muted text-muted-foreground",
-    selectedHover: "hover:bg-muted/90",
-    rangeBg: "bg-muted/30 dark:bg-muted/20",
-    focusRing: "ring-muted/20 dark:ring-muted/40"
+    selected: "ds:bg-muted ds:text-muted-foreground",
+    selectedHover: "ds:hover:bg-muted/90",
+    rangeBg: "ds:bg-muted/30 dark:ds:bg-muted/20",
+    focusRing: "ds:ring-muted/20 dark:ds:ring-muted/40"
   },
   success: {
-    selected: "bg-success text-success-foreground",
-    selectedHover: "hover:bg-success/90",
-    rangeBg: "bg-success/20 dark:bg-success/10",
-    focusRing: "ring-success/20 dark:ring-success/40"
+    selected: "ds:bg-success ds:text-success-foreground",
+    selectedHover: "ds:hover:bg-success/90",
+    rangeBg: "ds:bg-success/20 dark:ds:bg-success/10",
+    focusRing: "ds:ring-success/20 dark:ds:ring-success/40"
   },
   error: {
-    selected: "bg-error text-error-foreground",
-    selectedHover: "hover:bg-error/90",
-    rangeBg: "bg-error/20 dark:bg-error/10",
-    focusRing: "ring-error/20 dark:ring-error/40"
+    selected: "ds:bg-error ds:text-error-foreground",
+    selectedHover: "ds:hover:bg-error/90",
+    rangeBg: "ds:bg-error/20 dark:ds:bg-error/10",
+    focusRing: "ds:ring-error/20 dark:ds:ring-error/40"
   },
   warning: {
-    selected: "bg-warning text-warning-foreground",
-    selectedHover: "hover:bg-warning/90",
-    rangeBg: "bg-warning/20 dark:bg-warning/10",
-    focusRing: "ring-warning/20 dark:ring-warning/40"
+    selected: "ds:bg-warning ds:text-warning-foreground",
+    selectedHover: "ds:hover:bg-warning/90",
+    rangeBg: "ds:bg-warning/20 dark:ds:bg-warning/10",
+    focusRing: "ds:ring-warning/20 dark:ds:ring-warning/40"
   },
   foreground: {
-    selected: "bg-foreground text-background",
-    selectedHover: "hover:bg-foreground/90",
-    rangeBg: "bg-foreground/10 dark:bg-foreground/5",
-    focusRing: "ring-foreground/20 dark:ring-foreground/40"
+    selected: "ds:bg-foreground ds:text-background",
+    selectedHover: "ds:hover:bg-foreground/90",
+    rangeBg: "ds:bg-foreground/10 dark:ds:bg-foreground/5",
+    focusRing: "ds:ring-foreground/20 dark:ds:ring-foreground/40"
   }
 })[u];
 function R({
@@ -213,7 +213,7 @@ function R({
   const f = v(), n = h(i), b = x.useRef(null);
   return x.useEffect(() => {
     d.focused && b.current?.focus();
-  }, [d.focused]), /* @__PURE__ */ s(
+  }, [d.focused]), /* @__PURE__ */ t(
     B,
     {
       ref: b,

package/dist/esm/packages/ui/src/components/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sources":["../../../../../../../../packages/ui/src/components/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from \"lucide-react\";\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Button, buttonVariants } from \"@dsui/ui/components/button\";\n\ntype CalendarColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"accent\"\n  | \"destructive\"\n  | \"muted\"\n  | \"success\"\n  | \"error\"\n  | \"warning\"\n  | \"foreground\";\n\ntype CalendarProps = React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  variant = \"default\",\n  color = \"primary\",\n  formatters,\n  components,\n  ...props\n}: CalendarProps) {\n  const defaultClassNames = getDefaultClassNames();\n  const colorClasses = getColorClasses(color);\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"ds:bg-background ds:group/calendar ds:p-3 ds:[--cell-size:--spacing(8)] ds:[[data-slot=card-content]_&]:bg-transparent ds:[[data-slot=popover-content]_&]:bg-transparent\",\n        String.raw`ds:rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`ds:rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"ds:w-fit\", defaultClassNames.root),\n        months: cn(\n          \"ds:flex ds:gap-4 ds:flex-col ds:md:flex-row ds:relative\",\n          defaultClassNames.months\n        ),\n        month: cn(\"ds:flex ds:flex-col ds:w-full ds:gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"ds:flex ds:items-center ds:gap-1 ds:w-full ds:absolute ds:top-0 ds:inset-x-0 ds:justify-between\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"ds:size-(--cell-size) ds:aria-disabled:opacity-50 ds:p-0 ds:select-none\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"ds:size-(--cell-size) ds:aria-disabled:opacity-50 ds:p-0 ds:select-none\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"ds:flex ds:items-center ds:justify-center ds:h-(--cell-size) ds:w-full ds:px-(--cell-size)\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"ds:w-full ds:flex ds:items-center ds:text-sm ds:font-medium ds:justify-center ds:h-(--cell-size) ds:gap-1.5\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"ds:relative ds:has-focus:border-ring ds:border ds:border-input ds:shadow-xs ds:has-focus:ring-ring/50 ds:has-focus:ring-[3px] ds:rounded-md\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"ds:absolute ds:bg-popover ds:inset-0 ds:opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"ds:select-none ds:font-medium\",\n          captionLayout === \"label\"\n            ? \"ds:text-sm\"\n            : \"ds:rounded-md ds:pl-2 ds:pr-1 ds:flex ds:items-center ds:gap-1 ds:text-sm ds:h-8 ds:[&>svg]:text-muted-foreground ds:[&>svg]:size-3.5\",\n          defaultClassNames.caption_label\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"ds:flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"ds:text-muted-foreground ds:rounded-md ds:flex-1 ds:font-normal ds:text-[0.8rem] ds:select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"ds:flex ds:w-full ds:mt-2\", defaultClassNames.week),\n        week_number_header: cn(\n          \"ds:select-none ds:w-(--cell-size)\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"ds:text-[0.8rem] ds:select-none ds:text-muted-foreground\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"ds:relative ds:w-full ds:h-full ds:p-0 ds:text-center ds:[&:last-child[data-selected=true]_button]:rounded-r-md ds:group/day ds:aspect-square ds:select-none\",\n          props.showWeekNumber\n            ? \"ds:[&:nth-child(2)[data-selected=true]_button]:rounded-l-md\"\n            : \"ds:[&:first-child[data-selected=true]_button]:rounded-l-md\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          variant === \"rounded\"\n            ? `${colorClasses.rangeBg} ds:rounded-l-full`\n            : \"ds:rounded-l-md ds:bg-accent\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\n          variant === \"rounded\" ? \"ds:rounded-none\" : \"ds:rounded-none\",\n          defaultClassNames.range_middle\n        ),\n        range_end: cn(\n          variant === \"rounded\"\n            ? `${colorClasses.rangeBg} ds:rounded-r-full`\n            : \"ds:rounded-r-md ds:bg-accent\",\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          variant === \"rounded\"\n            ? `ds:rounded-full ds:bg-accent ds:data-[selected=true]:rounded-l-none ds:data-[selected=true]:${colorClasses.rangeBg} ds:[&_button[data-range-middle=true]]:bg-transparent`\n            : \"ds:bg-accent ds:text-accent-foreground ds:rounded-md ds:data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"ds:text-muted-foreground ds:aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"ds:text-muted-foreground ds:opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"ds:invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          );\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"ds:size-4\", className)} {...props} />\n            );\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon\n                className={cn(\"ds:size-4\", className)}\n                {...props}\n              />\n            );\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"ds:size-4\", className)} {...props} />\n          );\n        },\n        DayButton: (props) => (\n          <CalendarDayButton {...props} variant={variant} color={color} />\n        ),\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"ds:flex ds:size-(--cell-size) ds:items-center ds:justify-center ds:text-center\">\n                {children}\n              </div>\n            </td>\n          );\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\ntype CalendarDayButtonProps = Omit<\n  React.ComponentProps<typeof DayButton>,\n  \"color\"\n> & {\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\n// Color variants for calendar day buttons\nconst getColorClasses = (color: CalendarColor = \"foreground\") => {\n  const colorMap = {\n    primary: {\n      selected: \"bg-primary text-primary-foreground\",\n      selectedHover: \"hover:bg-primary/90\",\n      rangeBg: \"bg-primary/20 dark:bg-primary/10\",\n      focusRing: \"ring-primary/20 dark:ring-primary/40\",\n    },\n    secondary: {\n      selected: \"bg-secondary text-secondary-foreground\",\n      selectedHover: \"hover:bg-secondary/90\",\n      rangeBg: \"bg-secondary/20 dark:bg-secondary/10\",\n      focusRing: \"ring-secondary/20 dark:ring-secondary/40\",\n    },\n    accent: {\n      selected: \"bg-accent text-accent-foreground\",\n      selectedHover: \"hover:bg-accent/90\",\n      rangeBg: \"bg-accent/20 dark:bg-accent/10\",\n      focusRing: \"ring-accent/20 dark:ring-accent/40\",\n    },\n    destructive: {\n      selected: \"bg-destructive text-destructive-foreground\",\n      selectedHover: \"hover:bg-destructive/90\",\n      rangeBg: \"bg-destructive/20 dark:bg-destructive/10\",\n      focusRing: \"ring-destructive/20 dark:ring-destructive/40\",\n    },\n    muted: {\n      selected: \"bg-muted text-muted-foreground\",\n      selectedHover: \"hover:bg-muted/90\",\n      rangeBg: \"bg-muted/30 dark:bg-muted/20\",\n      focusRing: \"ring-muted/20 dark:ring-muted/40\",\n    },\n    success: {\n      selected: \"bg-success text-success-foreground\",\n      selectedHover: \"hover:bg-success/90\",\n      rangeBg: \"bg-success/20 dark:bg-success/10\",\n      focusRing: \"ring-success/20 dark:ring-success/40\",\n    },\n    error: {\n      selected: \"bg-error text-error-foreground\",\n      selectedHover: \"hover:bg-error/90\",\n      rangeBg: \"bg-error/20 dark:bg-error/10\",\n      focusRing: \"ring-error/20 dark:ring-error/40\",\n    },\n    warning: {\n      selected: \"bg-warning text-warning-foreground\",\n      selectedHover: \"hover:bg-warning/90\",\n      rangeBg: \"bg-warning/20 dark:bg-warning/10\",\n      focusRing: \"ring-warning/20 dark:ring-warning/40\",\n    },\n    foreground: {\n      selected: \"bg-foreground text-background\",\n      selectedHover: \"hover:bg-foreground/90\",\n      rangeBg: \"bg-foreground/10 dark:bg-foreground/5\",\n      focusRing: \"ring-foreground/20 dark:ring-foreground/40\",\n    },\n  };\n\n  return colorMap[color];\n};\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  variant = \"default\",\n  color = \"foreground\",\n  ...props\n}: CalendarDayButtonProps) {\n  const defaultClassNames = getDefaultClassNames();\n  const colorClasses = getColorClasses(color);\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        \"ds:flex ds:aspect-square ds:size-auto ds:w-full ds:min-w-(--cell-size) ds:flex-col ds:gap-1 ds:leading-none ds:font-normal\",\n        \"ds:group-data-[focused=true]/day:relative ds:group-data-[focused=true]/day:z-10 ds:group-data-[focused=true]/day:ring-[3px]\",\n        \"ds:group-data-[focused=true]/day:border-ring ds:group-data-[focused=true]/day:ring-ring/50\",\n        \"ds:[&>span]:text-xs ds:[&>span]:opacity-70\",\n        // Hover effect chỉ khi chưa selected\n        !modifiers.selected &&\n          !modifiers.range_start &&\n          !modifiers.range_end &&\n          !modifiers.range_middle &&\n          \"ds:hover:bg-accent ds:hover:text-accent-foreground ds:dark:hover:text-accent-foreground\",\n        // Selected single day - chỉ apply color khi selected\n        modifiers.selected &&\n          !modifiers.range_start &&\n          !modifiers.range_end &&\n          !modifiers.range_middle &&\n          colorClasses.selected,\n        // Range start/end - chỉ apply color khi là range start/end\n        modifiers.range_start && colorClasses.selected,\n        modifiers.range_end && colorClasses.selected,\n        // Range middle - apply rangeBg nhưng giữ text color mặc định\n        modifiers.range_middle &&\n          `${colorClasses.rangeBg} ds:text-accent-foreground`,\n        variant === \"default\" && [\n          \"ds:data-[range-end=true]:rounded-md ds:data-[range-end=true]:rounded-r-md\",\n          \"ds:data-[range-middle=true]:rounded-none\",\n          \"ds:data-[range-start=true]:rounded-md ds:data-[range-start=true]:rounded-l-md\",\n        ],\n        variant === \"rounded\" && [\n          \"ds:data-[selected-single=true]:rounded-full\",\n          \"ds:data-[range-end=true]:rounded-full\",\n          \"ds:data-[range-start=true]:rounded-full\",\n          modifiers.range_start &&\n            `ds:group-data-[focused=true]/day:${colorClasses.focusRing}`,\n          modifiers.range_end &&\n            `ds:group-data-[focused=true]/day:${colorClasses.focusRing}`,\n          modifiers.range_middle && \"ds:rounded-none\",\n          // Chỉ hover:rounded-full khi chưa selected\n          !modifiers.selected &&\n            !modifiers.range_start &&\n            !modifiers.range_end &&\n            !modifiers.range_middle &&\n            \"ds:hover:rounded-full\",\n        ],\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Calendar,\n  CalendarDayButton,\n  type CalendarProps,\n  type CalendarDayButtonProps,\n  type CalendarColor,\n};\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","variant","color","formatters","components","props","defaultClassNames","getDefaultClassNames","colorClasses","getColorClasses","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}
+{"version":3,"file":"calendar.js","sources":["../../../../../../../../packages/ui/src/components/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from \"lucide-react\";\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Button, buttonVariants } from \"@dsui/ui/components/button\";\n\ntype CalendarColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"accent\"\n  | \"destructive\"\n  | \"muted\"\n  | \"success\"\n  | \"error\"\n  | \"warning\"\n  | \"foreground\";\n\ntype CalendarProps = React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  variant = \"default\",\n  color = \"primary\",\n  formatters,\n  components,\n  ...props\n}: CalendarProps) {\n  const defaultClassNames = getDefaultClassNames();\n  const colorClasses = getColorClasses(color);\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"ds:bg-background ds:group/calendar ds:p-3 ds:[--cell-size:--spacing(8)] ds:[[data-slot=card-content]_&]:bg-transparent ds:[[data-slot=popover-content]_&]:bg-transparent\",\n        String.raw`ds:rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`ds:rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"ds:w-fit\", defaultClassNames.root),\n        months: cn(\n          \"ds:flex ds:gap-4 ds:flex-col ds:md:flex-row ds:relative\",\n          defaultClassNames.months\n        ),\n        month: cn(\"ds:flex ds:flex-col ds:w-full ds:gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"ds:flex ds:items-center ds:gap-1 ds:w-full ds:absolute ds:top-0 ds:inset-x-0 ds:justify-between\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"ds:size-(--cell-size) ds:aria-disabled:opacity-50 ds:p-0 ds:select-none\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"ds:size-(--cell-size) ds:aria-disabled:opacity-50 ds:p-0 ds:select-none\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"ds:flex ds:items-center ds:justify-center ds:h-(--cell-size) ds:w-full ds:px-(--cell-size)\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"ds:w-full ds:flex ds:items-center ds:text-sm ds:font-medium ds:justify-center ds:h-(--cell-size) ds:gap-1.5\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"ds:relative ds:has-focus:border-ring ds:border ds:border-input ds:shadow-xs ds:has-focus:ring-ring/50 ds:has-focus:ring-[3px] ds:rounded-md\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"ds:absolute ds:bg-popover ds:inset-0 ds:opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"ds:select-none ds:font-medium\",\n          captionLayout === \"label\"\n            ? \"ds:text-sm\"\n            : \"ds:rounded-md ds:pl-2 ds:pr-1 ds:flex ds:items-center ds:gap-1 ds:text-sm ds:h-8 ds:[&>svg]:text-muted-foreground ds:[&>svg]:size-3.5\",\n          defaultClassNames.caption_label\n        ),\n        table: \"ds:w-full ds:border-collapse\",\n        weekdays: cn(\"ds:flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"ds:text-muted-foreground ds:rounded-md ds:flex-1 ds:font-normal ds:text-[0.8rem] ds:select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"ds:flex ds:w-full ds:mt-2\", defaultClassNames.week),\n        week_number_header: cn(\n          \"ds:select-none ds:w-(--cell-size)\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"ds:text-[0.8rem] ds:select-none ds:text-muted-foreground\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"ds:relative ds:w-full ds:h-full ds:p-0 ds:text-center ds:[&:last-child[data-selected=true]_button]:rounded-r-md ds:group/day ds:aspect-square ds:select-none\",\n          props.showWeekNumber\n            ? \"ds:[&:nth-child(2)[data-selected=true]_button]:rounded-l-md\"\n            : \"ds:[&:first-child[data-selected=true]_button]:rounded-l-md\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          variant === \"rounded\"\n            ? `${colorClasses.rangeBg} ds:rounded-l-full`\n            : \"ds:rounded-l-md ds:bg-accent\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\n          variant === \"rounded\" ? \"ds:rounded-none\" : \"ds:rounded-none\",\n          defaultClassNames.range_middle\n        ),\n        range_end: cn(\n          variant === \"rounded\"\n            ? `${colorClasses.rangeBg} ds:rounded-r-full`\n            : \"ds:rounded-r-md ds:bg-accent\",\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          variant === \"rounded\"\n            ? `ds:rounded-full ds:bg-accent ds:data-[selected=true]:rounded-l-none ds:data-[selected=true]:${colorClasses.rangeBg} ds:[&_button[data-range-middle=true]]:bg-transparent`\n            : \"ds:bg-accent ds:text-accent-foreground ds:rounded-md ds:data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"ds:text-muted-foreground ds:aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"ds:text-muted-foreground ds:opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"ds:invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          );\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"ds:size-4\", className)} {...props} />\n            );\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon\n                className={cn(\"ds:size-4\", className)}\n                {...props}\n              />\n            );\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"ds:size-4\", className)} {...props} />\n          );\n        },\n        DayButton: (props) => (\n          <CalendarDayButton {...props} variant={variant} color={color} />\n        ),\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"ds:flex ds:size-(--cell-size) ds:items-center ds:justify-center ds:text-center\">\n                {children}\n              </div>\n            </td>\n          );\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\ntype CalendarDayButtonProps = Omit<\n  React.ComponentProps<typeof DayButton>,\n  \"color\"\n> & {\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\n// Color variants for calendar day buttons\nconst getColorClasses = (color: CalendarColor = \"foreground\") => {\n  const colorMap = {\n    primary: {\n      selected: \"ds:bg-primary ds:text-primary-foreground\",\n      selectedHover: \"ds:hover:bg-primary/90\",\n      rangeBg: \"ds:bg-primary/20 dark:ds:bg-primary/10\",\n      focusRing: \"ds:ring-primary/20 dark:ds:ring-primary/40\",\n    },\n    secondary: {\n      selected: \"ds:bg-secondary ds:text-secondary-foreground\",\n      selectedHover: \"ds:hover:bg-secondary/90\",\n      rangeBg: \"ds:bg-secondary/20 dark:ds:bg-secondary/10\",\n      focusRing: \"ds:ring-secondary/20 dark:ds:ring-secondary/40\",\n    },\n    accent: {\n      selected: \"ds:bg-accent ds:text-accent-foreground\",\n      selectedHover: \"ds:hover:bg-accent/90\",\n      rangeBg: \"ds:bg-accent/20 dark:ds:bg-accent/10\",\n      focusRing: \"ds:ring-accent/20 dark:ds:ring-accent/40\",\n    },\n    destructive: {\n      selected: \"ds:bg-destructive ds:text-destructive-foreground\",\n      selectedHover: \"ds:hover:bg-destructive/90\",\n      rangeBg: \"ds:bg-destructive/20 dark:ds:bg-destructive/10\",\n      focusRing: \"ds:ring-destructive/20 dark:ds:ring-destructive/40\",\n    },\n    muted: {\n      selected: \"ds:bg-muted ds:text-muted-foreground\",\n      selectedHover: \"ds:hover:bg-muted/90\",\n      rangeBg: \"ds:bg-muted/30 dark:ds:bg-muted/20\",\n      focusRing: \"ds:ring-muted/20 dark:ds:ring-muted/40\",\n    },\n    success: {\n      selected: \"ds:bg-success ds:text-success-foreground\",\n      selectedHover: \"ds:hover:bg-success/90\",\n      rangeBg: \"ds:bg-success/20 dark:ds:bg-success/10\",\n      focusRing: \"ds:ring-success/20 dark:ds:ring-success/40\",\n    },\n    error: {\n      selected: \"ds:bg-error ds:text-error-foreground\",\n      selectedHover: \"ds:hover:bg-error/90\",\n      rangeBg: \"ds:bg-error/20 dark:ds:bg-error/10\",\n      focusRing: \"ds:ring-error/20 dark:ds:ring-error/40\",\n    },\n    warning: {\n      selected: \"ds:bg-warning ds:text-warning-foreground\",\n      selectedHover: \"ds:hover:bg-warning/90\",\n      rangeBg: \"ds:bg-warning/20 dark:ds:bg-warning/10\",\n      focusRing: \"ds:ring-warning/20 dark:ds:ring-warning/40\",\n    },\n    foreground: {\n      selected: \"ds:bg-foreground ds:text-background\",\n      selectedHover: \"ds:hover:bg-foreground/90\",\n      rangeBg: \"ds:bg-foreground/10 dark:ds:bg-foreground/5\",\n      focusRing: \"ds:ring-foreground/20 dark:ds:ring-foreground/40\",\n    },\n  };\n\n  return colorMap[color];\n};\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  variant = \"default\",\n  color = \"foreground\",\n  ...props\n}: CalendarDayButtonProps) {\n  const defaultClassNames = getDefaultClassNames();\n  const colorClasses = getColorClasses(color);\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        \"ds:flex ds:aspect-square ds:size-auto ds:w-full ds:min-w-(--cell-size) ds:flex-col ds:gap-1 ds:leading-none ds:font-normal\",\n        \"ds:group-data-[focused=true]/day:relative ds:group-data-[focused=true]/day:z-10 ds:group-data-[focused=true]/day:ring-[3px]\",\n        \"ds:group-data-[focused=true]/day:border-ring ds:group-data-[focused=true]/day:ring-ring/50\",\n        \"ds:[&>span]:text-xs ds:[&>span]:opacity-70\",\n        // Hover effect chỉ khi chưa selected\n        !modifiers.selected &&\n          !modifiers.range_start &&\n          !modifiers.range_end &&\n          !modifiers.range_middle &&\n          \"ds:hover:bg-accent ds:hover:text-accent-foreground ds:dark:hover:text-accent-foreground\",\n        // Selected single day - chỉ apply color khi selected\n        modifiers.selected &&\n          !modifiers.range_start &&\n          !modifiers.range_end &&\n          !modifiers.range_middle &&\n          colorClasses.selected,\n        // Range start/end - chỉ apply color khi là range start/end\n        modifiers.range_start && colorClasses.selected,\n        modifiers.range_end && colorClasses.selected,\n        // Range middle - apply rangeBg nhưng giữ text color mặc định\n        modifiers.range_middle &&\n          `${colorClasses.rangeBg} ds:text-accent-foreground`,\n        variant === \"default\" && [\n          \"ds:data-[range-end=true]:rounded-md ds:data-[range-end=true]:rounded-r-md\",\n          \"ds:data-[range-middle=true]:rounded-none\",\n          \"ds:data-[range-start=true]:rounded-md ds:data-[range-start=true]:rounded-l-md\",\n        ],\n        variant === \"rounded\" && [\n          \"ds:data-[selected-single=true]:rounded-full\",\n          \"ds:data-[range-end=true]:rounded-full\",\n          \"ds:data-[range-start=true]:rounded-full\",\n          modifiers.range_start &&\n            `ds:group-data-[focused=true]/day:${colorClasses.focusRing}`,\n          modifiers.range_end &&\n            `ds:group-data-[focused=true]/day:${colorClasses.focusRing}`,\n          modifiers.range_middle && \"ds:rounded-none\",\n          // Chỉ hover:rounded-full khi chưa selected\n          !modifiers.selected &&\n            !modifiers.range_start &&\n            !modifiers.range_end &&\n            !modifiers.range_middle &&\n            \"ds:hover:rounded-full\",\n        ],\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Calendar,\n  CalendarDayButton,\n  type CalendarProps,\n  type CalendarDayButtonProps,\n  type CalendarColor,\n};\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","variant","color","formatters","components","props","defaultClassNames","getDefaultClassNames","colorClasses","getColorClasses","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}