@arolariu/components 0.4.2 → 1.0.0

package/dist/components/ui/calendar.js

@@ -2,108 +2,119 @@
 import { jsx } from "react/jsx-runtime";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { useEffect, useRef } from "react";
-import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { Button, buttonVariants } from "./button.js";
+import { DayPicker } from "react-day-picker";
+import { Button } from "./button.js";
 import { cn } from "../../lib/utilities.js";
+import button_module from "./button.module.js";
+import calendar_module from "./calendar.module.js";
+const calendarButtonVariantStyles = {
+    default: button_module["default"],
+    destructive: button_module.destructive,
+    ghost: button_module.ghost,
+    link: button_module.link,
+    outline: button_module.outline,
+    secondary: button_module.secondary
+};
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
     return /*#__PURE__*/ jsx(DayPicker, {
         showOutsideDays: showOutsideDays,
-        className: cn("group/calendar bg-white p-3 [--cell-size:2rem] dark:bg-neutral-950 [[data-slot=card-content]_&]:bg-transparent [[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),
+        className: cn(calendar_module.container, className),
         captionLayout: captionLayout,
         formatters: {
-            formatMonthDropdown: (date)=>date.toLocaleString("default", {
+            formatMonthDropdown: (date)=>{
+                const locale = props.locale;
+                return date.toLocaleString(locale?.code ?? "default", {
                     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
-            }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous),
-            button_next: cn(buttonVariants({
-                variant: buttonVariant
-            }), "h-[--cell-size] w-[--cell-size] select-none p-0 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("has-focus:border-neutral-950 border-neutral-200 shadow-xs has-focus:ring-neutral-950/50 has-focus:ring-[3px] relative rounded-md border dark:has-focus:border-neutral-300 dark:border-neutral-800 dark:has-focus:ring-neutral-300/50", defaultClassNames.dropdown_root),
-            dropdown: cn("bg-white absolute inset-0 opacity-0 dark:bg-neutral-950", defaultClassNames.dropdown),
-            caption_label: cn("select-none font-medium", "label" === captionLayout ? "text-sm" : "[&>svg]:text-neutral-500 flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 dark:[&>svg]:text-neutral-400", defaultClassNames.caption_label),
-            table: "w-full border-collapse",
-            weekdays: cn("flex", defaultClassNames.weekdays),
-            weekday: cn("text-neutral-500 flex-1 select-none rounded-md text-[0.8rem] font-normal dark:text-neutral-400", 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-neutral-500 select-none text-[0.8rem] dark:text-neutral-400", defaultClassNames.week_number),
-            day: cn("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", defaultClassNames.day),
-            range_start: cn("bg-neutral-100 rounded-l-md dark:bg-neutral-800", defaultClassNames.range_start),
-            range_middle: cn("rounded-none", defaultClassNames.range_middle),
-            range_end: cn("bg-neutral-100 rounded-r-md dark:bg-neutral-800", defaultClassNames.range_end),
-            today: cn("bg-neutral-100 text-neutral-900 rounded-md data-[selected=true]:rounded-none dark:bg-neutral-800 dark:text-neutral-50", defaultClassNames.today),
-            outside: cn("text-neutral-500 aria-selected:text-neutral-500 dark:text-neutral-400 dark:aria-selected:text-neutral-400", defaultClassNames.outside),
-            disabled: cn("text-neutral-500 opacity-50 dark:text-neutral-400", defaultClassNames.disabled),
-            hidden: cn("invisible", defaultClassNames.hidden),
-            ...classNames
+            ...classNames,
+            root: cn(calendar_module.root, classNames?.root),
+            months: cn(calendar_module.months, classNames?.months),
+            month: cn(calendar_module.month, classNames?.month),
+            nav: cn(calendar_module.nav, classNames?.nav),
+            button_previous: cn(button_module.button, button_module.sizeIcon, calendarButtonVariantStyles[buttonVariant], calendar_module.navButton, classNames?.button_previous),
+            button_next: cn(button_module.button, button_module.sizeIcon, calendarButtonVariantStyles[buttonVariant], calendar_module.navButton, classNames?.button_next),
+            month_caption: cn(calendar_module.monthCaption, classNames?.month_caption),
+            dropdowns: cn(calendar_module.dropdowns, classNames?.dropdowns),
+            dropdown_root: cn(calendar_module.dropdownRoot, classNames?.dropdown_root),
+            dropdown: cn(calendar_module.dropdown, classNames?.dropdown),
+            caption_label: cn(calendar_module.captionLabel, "label" !== captionLayout && calendar_module.captionLabelDropdown, classNames?.caption_label),
+            month_grid: cn(calendar_module.monthGrid, classNames?.month_grid),
+            weekdays: cn(calendar_module.weekdays, classNames?.weekdays),
+            weekday: cn(calendar_module.weekday, classNames?.weekday),
+            week: cn(calendar_module.week, classNames?.week),
+            week_number_header: cn(calendar_module.weekNumberHeader, classNames?.week_number_header),
+            week_number: cn(calendar_module.weekNumber, classNames?.week_number),
+            day: cn(calendar_module.day, classNames?.day),
+            range_start: cn(calendar_module.rangeStart, classNames?.range_start),
+            range_middle: cn(calendar_module.rangeMiddle, classNames?.range_middle),
+            range_end: cn(calendar_module.rangeEnd, classNames?.range_end),
+            today: cn(calendar_module.today, classNames?.today),
+            outside: cn(calendar_module.outside, classNames?.outside),
+            disabled: classNames?.disabled,
+            hidden: cn(calendar_module.hidden, classNames?.hidden)
         },
         components: {
-            Root: ({ className, rootRef, ...props })=>/*#__PURE__*/ jsx("div", {
+            Root: ({ className: rootClassName, rootRef, ...rootProps })=>/*#__PURE__*/ jsx("div", {
                     "data-slot": "calendar",
                     ref: rootRef,
-                    className: cn(className),
-                    ...props
+                    className: cn(calendar_module.calendarRoot, rootClassName),
+                    ...rootProps
                 }),
-            Chevron: ({ className, orientation, ...props })=>{
+            Chevron: ({ className: chevronClassName, orientation, ...chevronProps })=>{
                 if ("left" === orientation) return /*#__PURE__*/ jsx(ChevronLeftIcon, {
-                    className: cn("size-4", className),
-                    ...props
+                    className: cn(calendar_module.chevron, chevronClassName),
+                    ...chevronProps
                 });
                 if ("right" === orientation) return /*#__PURE__*/ jsx(ChevronRightIcon, {
-                    className: cn("size-4", className),
-                    ...props
+                    className: cn(calendar_module.chevron, chevronClassName),
+                    ...chevronProps
                 });
                 return /*#__PURE__*/ jsx(ChevronDownIcon, {
-                    className: cn("size-4", className),
-                    ...props
+                    className: cn(calendar_module.chevron, chevronClassName),
+                    ...chevronProps
                 });
             },
             DayButton: CalendarDayButton,
-            WeekNumber: ({ children, ...props })=>/*#__PURE__*/ jsx("td", {
-                    ...props,
-                    children: /*#__PURE__*/ jsx("div", {
-                        className: "flex size-[--cell-size] items-center justify-center text-center",
-                        children: children
-                    })
-                }),
+            WeekNumber: CalendarWeekNumber,
             ...components
         },
         ...props
     });
 }
+function CalendarWeekNumber({ week, children, ...tdProps }) {
+    return /*#__PURE__*/ jsx("td", {
+        ...tdProps,
+        children: /*#__PURE__*/ jsx("div", {
+            className: calendar_module.weekNumberCell,
+            children: children
+        })
+    });
+}
 function CalendarDayButton({ className, day, modifiers, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
     const ref = useRef(null);
     useEffect(()=>{
         if (modifiers["focused"]) ref.current?.focus();
     }, [
-        modifiers["focused"]
+        modifiers
     ]);
     return /*#__PURE__*/ jsx(Button, {
         ref: 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("group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:bg-neutral-900 data-[range-end=true]:text-neutral-50 data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-neutral-100 data-[range-middle=true]:text-neutral-900 data-[range-start=true]:rounded-md data-[range-start=true]:bg-neutral-900 data-[range-start=true]:text-neutral-50 data-[selected-single=true]:bg-neutral-900 data-[selected-single=true]:text-neutral-50 dark:data-[range-end=true]:bg-neutral-50 dark:data-[range-end=true]:text-neutral-900 dark:data-[range-middle=true]:bg-neutral-800 dark:data-[range-middle=true]:text-neutral-50 dark:data-[range-start=true]:bg-neutral-50 dark:data-[range-start=true]:text-neutral-900 dark:data-[selected-single=true]:bg-neutral-50 dark:data-[selected-single=true]:text-neutral-900 [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+        "data-selected-single": Boolean(modifiers["selected"] && !modifiers["range_start"] && !modifiers["range_end"] && !modifiers["range_middle"]),
+        "data-range-start": Boolean(modifiers["range_start"]),
+        "data-range-end": Boolean(modifiers["range_end"]),
+        "data-range-middle": Boolean(modifiers["range_middle"]),
+        className: cn(calendar_module.dayButton, className),
         ...props
     });
 }
-export { Calendar, CalendarDayButton };
+Calendar.displayName = "Calendar";
+export { Calendar };
 
 //# sourceMappingURL=calendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/calendar.js","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable */\r\n\r\nimport {ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {DayButton, DayPicker, getDefaultClassNames} from \"react-day-picker\";\r\n\r\nimport {Button, buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Calendar({\r\n  className,\r\n  classNames,\r\n  showOutsideDays = true,\r\n  captionLayout = \"label\",\r\n  buttonVariant = \"ghost\",\r\n  formatters,\r\n  components,\r\n  ...props\r\n}: React.ComponentProps<typeof DayPicker> & {\r\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\r\n}) {\r\n  const defaultClassNames = getDefaultClassNames();\r\n\r\n  return (\r\n    <DayPicker\r\n      showOutsideDays={showOutsideDays}\r\n      className={cn(\r\n        \"group/calendar bg-white p-3 [--cell-size:2rem] dark:bg-neutral-950 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\r\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\r\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\r\n        className,\r\n      )}\r\n      captionLayout={captionLayout}\r\n      formatters={{\r\n        formatMonthDropdown: (date) => date.toLocaleString(\"default\", {month: \"short\"}),\r\n        ...formatters,\r\n      }}\r\n      classNames={{\r\n        root: cn(\"w-fit\", defaultClassNames.root),\r\n        months: cn(\"relative flex flex-col gap-4 md:flex-row\", defaultClassNames.months),\r\n        month: cn(\"flex w-full flex-col gap-4\", defaultClassNames.month),\r\n        nav: cn(\"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1\", defaultClassNames.nav),\r\n        button_previous: cn(\r\n          buttonVariants({variant: buttonVariant}),\r\n          \"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50\",\r\n          defaultClassNames.button_previous,\r\n        ),\r\n        button_next: cn(\r\n          buttonVariants({variant: buttonVariant}),\r\n          \"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50\",\r\n          defaultClassNames.button_next,\r\n        ),\r\n        month_caption: cn(\"flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]\", defaultClassNames.month_caption),\r\n        dropdowns: cn(\"flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium\", defaultClassNames.dropdowns),\r\n        dropdown_root: cn(\r\n          \"has-focus:border-neutral-950 border-neutral-200 shadow-xs has-focus:ring-neutral-950/50 has-focus:ring-[3px] relative rounded-md border dark:has-focus:border-neutral-300 dark:border-neutral-800 dark:has-focus:ring-neutral-300/50\",\r\n          defaultClassNames.dropdown_root,\r\n        ),\r\n        dropdown: cn(\"bg-white absolute inset-0 opacity-0 dark:bg-neutral-950\", defaultClassNames.dropdown),\r\n        caption_label: cn(\r\n          \"select-none font-medium\",\r\n          captionLayout === \"label\"\r\n            ? \"text-sm\"\r\n            : \"[&>svg]:text-neutral-500 flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 dark:[&>svg]:text-neutral-400\",\r\n          defaultClassNames.caption_label,\r\n        ),\r\n        table: \"w-full border-collapse\",\r\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\r\n        weekday: cn(\r\n          \"text-neutral-500 flex-1 select-none rounded-md text-[0.8rem] font-normal dark:text-neutral-400\",\r\n          defaultClassNames.weekday,\r\n        ),\r\n        week: cn(\"mt-2 flex w-full\", defaultClassNames.week),\r\n        week_number_header: cn(\"w-[--cell-size] select-none\", defaultClassNames.week_number_header),\r\n        week_number: cn(\"text-neutral-500 select-none text-[0.8rem] dark:text-neutral-400\", defaultClassNames.week_number),\r\n        day: cn(\r\n          \"group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md\",\r\n          defaultClassNames.day,\r\n        ),\r\n        range_start: cn(\"bg-neutral-100 rounded-l-md dark:bg-neutral-800\", defaultClassNames.range_start),\r\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\r\n        range_end: cn(\"bg-neutral-100 rounded-r-md dark:bg-neutral-800\", defaultClassNames.range_end),\r\n        today: cn(\r\n          \"bg-neutral-100 text-neutral-900 rounded-md data-[selected=true]:rounded-none dark:bg-neutral-800 dark:text-neutral-50\",\r\n          defaultClassNames.today,\r\n        ),\r\n        outside: cn(\r\n          \"text-neutral-500 aria-selected:text-neutral-500 dark:text-neutral-400 dark:aria-selected:text-neutral-400\",\r\n          defaultClassNames.outside,\r\n        ),\r\n        disabled: cn(\"text-neutral-500 opacity-50 dark:text-neutral-400\", defaultClassNames.disabled),\r\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\r\n        ...classNames,\r\n      }}\r\n      components={{\r\n        Root: ({className, rootRef, ...props}) => {\r\n          return (\r\n            <div\r\n              data-slot='calendar'\r\n              ref={rootRef}\r\n              className={cn(className)}\r\n              {...props}\r\n            />\r\n          );\r\n        },\r\n        Chevron: ({className, orientation, ...props}) => {\r\n          if (orientation === \"left\") {\r\n            return (\r\n              <ChevronLeftIcon\r\n                className={cn(\"size-4\", className)}\r\n                {...props}\r\n              />\r\n            );\r\n          }\r\n\r\n          if (orientation === \"right\") {\r\n            return (\r\n              <ChevronRightIcon\r\n                className={cn(\"size-4\", className)}\r\n                {...props}\r\n              />\r\n            );\r\n          }\r\n\r\n          return (\r\n            <ChevronDownIcon\r\n              className={cn(\"size-4\", className)}\r\n              {...props}\r\n            />\r\n          );\r\n        },\r\n        DayButton: CalendarDayButton,\r\n        WeekNumber: ({children, ...props}) => {\r\n          return (\r\n            <td {...props}>\r\n              <div className='flex size-[--cell-size] items-center justify-center text-center'>{children}</div>\r\n            </td>\r\n          );\r\n        },\r\n        ...components,\r\n      }}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction CalendarDayButton({className, day, modifiers, ...props}: React.ComponentProps<typeof DayButton>) {\r\n  const defaultClassNames = getDefaultClassNames();\r\n\r\n  const ref = React.useRef<HTMLButtonElement>(null);\r\n  React.useEffect(() => {\r\n    if (modifiers[\"focused\"]) ref.current?.focus();\r\n  }, [modifiers[\"focused\"]]);\r\n\r\n  return (\r\n    <Button\r\n      ref={ref}\r\n      variant='ghost'\r\n      size='icon'\r\n      data-day={day.date.toLocaleDateString()}\r\n      data-selected-single={modifiers[\"selected\"] && !modifiers[\"range_start\"] && !modifiers[\"range_end\"] && !modifiers[\"range_middle\"]}\r\n      data-range-start={modifiers[\"range_start\"]}\r\n      data-range-end={modifiers[\"range_end\"]}\r\n      data-range-middle={modifiers[\"range_middle\"]}\r\n      className={cn(\r\n        \"group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:bg-neutral-900 data-[range-end=true]:text-neutral-50 data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-neutral-100 data-[range-middle=true]:text-neutral-900 data-[range-start=true]:rounded-md data-[range-start=true]:bg-neutral-900 data-[range-start=true]:text-neutral-50 data-[selected-single=true]:bg-neutral-900 data-[selected-single=true]:text-neutral-50 dark:data-[range-end=true]:bg-neutral-50 dark:data-[range-end=true]:text-neutral-900 dark:data-[range-middle=true]:bg-neutral-800 dark:data-[range-middle=true]:text-neutral-50 dark:data-[range-start=true]:bg-neutral-50 dark:data-[range-start=true]:text-neutral-900 dark:data-[selected-single=true]:bg-neutral-50 dark:data-[selected-single=true]:text-neutral-900 [&>span]:text-xs [&>span]:opacity-70\",\r\n        defaultClassNames.day,\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Calendar, CalendarDayButton};\r\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","String","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}
+{"version":3,"file":"components/ui/calendar.js","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable complexity, react/no-unstable-nested-components, react-x/no-nested-component-definitions, react/prop-types */\r\n\r\nimport {ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {DayButton, DayPicker} from \"react-day-picker\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport buttonStyles from \"./button.module.css\";\r\nimport styles from \"./calendar.module.css\";\r\n\r\ntype CalendarButtonVariant = NonNullable<React.ComponentProps<typeof Button>[\"variant\"]>;\r\ntype DayPickerComponents = NonNullable<React.ComponentProps<typeof DayPicker>[\"components\"]>;\r\ntype CalendarWeekNumberProps = React.ComponentProps<NonNullable<DayPickerComponents[\"WeekNumber\"]>>;\r\n\r\n/**\r\n * Props for the shared calendar component.\r\n */\r\ntype CalendarProps = React.ComponentProps<typeof DayPicker> & {\r\n  /**\r\n   * Visual variant applied to the navigation buttons.\r\n   * @default \"ghost\"\r\n   */\r\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\r\n};\r\n\r\nconst calendarButtonVariantStyles: Record<CalendarButtonVariant, string> = {\r\n  default: buttonStyles.default,\r\n  destructive: buttonStyles.destructive,\r\n  ghost: buttonStyles.ghost,\r\n  link: buttonStyles.link,\r\n  outline: buttonStyles.outline,\r\n  secondary: buttonStyles.secondary,\r\n};\r\n\r\n/**\r\n * Renders a styled calendar built on top of `react-day-picker`.\r\n *\r\n * @remarks\r\n * - Renders the `DayPicker` calendar root\r\n * - Built on `react-day-picker` with shared button styling from the component library\r\n * - Preserves the V1 public API while aligning visuals with the current design system\r\n * - Overrides the default DayPicker `Root`, `Chevron`, `DayButton`, and `WeekNumber`\r\n *   components while still allowing consumers to replace them through the `components` prop\r\n * - Override the default chevron icons with `components={{Chevron: YourChevronComponent}}`\r\n *\r\n * @example\r\n * ```tsx\r\n * <Calendar\r\n *   mode='single'\r\n *   selected={new Date()}\r\n *   onSelect={(date) => console.log(date)}\r\n * />\r\n * ```\r\n *\r\n * @see {@link https://daypicker.dev | React Day Picker Docs}\r\n */\r\nfunction Calendar({\r\n  className,\r\n  classNames,\r\n  showOutsideDays = true,\r\n  captionLayout = \"label\",\r\n  buttonVariant = \"ghost\",\r\n  formatters,\r\n  components,\r\n  ...props\r\n}: Readonly<CalendarProps>): React.JSX.Element {\r\n  return (\r\n    <DayPicker\r\n      showOutsideDays={showOutsideDays}\r\n      className={cn(styles.container, className)}\r\n      captionLayout={captionLayout}\r\n      formatters={{\r\n        formatMonthDropdown: (date) => {\r\n          const locale = props.locale;\r\n\r\n          return date.toLocaleString(locale?.code ?? \"default\", {month: \"short\"});\r\n        },\r\n        ...formatters,\r\n      }}\r\n      classNames={{\r\n        ...classNames,\r\n        root: cn(styles.root, classNames?.root),\r\n        months: cn(styles.months, classNames?.months),\r\n        month: cn(styles.month, classNames?.month),\r\n        nav: cn(styles.nav, classNames?.nav),\r\n        button_previous: cn(\r\n          buttonStyles.button,\r\n          buttonStyles.sizeIcon,\r\n          calendarButtonVariantStyles[buttonVariant],\r\n          styles.navButton,\r\n          classNames?.button_previous,\r\n        ),\r\n        button_next: cn(\r\n          buttonStyles.button,\r\n          buttonStyles.sizeIcon,\r\n          calendarButtonVariantStyles[buttonVariant],\r\n          styles.navButton,\r\n          classNames?.button_next,\r\n        ),\r\n        month_caption: cn(styles.monthCaption, classNames?.month_caption),\r\n        dropdowns: cn(styles.dropdowns, classNames?.dropdowns),\r\n        dropdown_root: cn(styles.dropdownRoot, classNames?.dropdown_root),\r\n        dropdown: cn(styles.dropdown, classNames?.dropdown),\r\n        caption_label: cn(styles.captionLabel, captionLayout !== \"label\" && styles.captionLabelDropdown, classNames?.caption_label),\r\n        month_grid: cn(styles.monthGrid, classNames?.month_grid),\r\n        weekdays: cn(styles.weekdays, classNames?.weekdays),\r\n        weekday: cn(styles.weekday, classNames?.weekday),\r\n        week: cn(styles.week, classNames?.week),\r\n        week_number_header: cn(styles.weekNumberHeader, classNames?.week_number_header),\r\n        week_number: cn(styles.weekNumber, classNames?.week_number),\r\n        day: cn(styles.day, classNames?.day),\r\n        range_start: cn(styles.rangeStart, classNames?.range_start),\r\n        range_middle: cn(styles.rangeMiddle, classNames?.range_middle),\r\n        range_end: cn(styles.rangeEnd, classNames?.range_end),\r\n        today: cn(styles.today, classNames?.today),\r\n        outside: cn(styles.outside, classNames?.outside),\r\n        disabled: classNames?.disabled,\r\n        hidden: cn(styles.hidden, classNames?.hidden),\r\n      }}\r\n      components={{\r\n        Root: ({className: rootClassName, rootRef, ...rootProps}) => (\r\n          <div\r\n            data-slot='calendar'\r\n            ref={rootRef}\r\n            className={cn(styles.calendarRoot, rootClassName)}\r\n            {...rootProps}\r\n          />\r\n        ),\r\n        Chevron: ({className: chevronClassName, orientation, ...chevronProps}) => {\r\n          if (orientation === \"left\") {\r\n            return (\r\n              <ChevronLeftIcon\r\n                className={cn(styles.chevron, chevronClassName)}\r\n                {...chevronProps}\r\n              />\r\n            );\r\n          }\r\n\r\n          if (orientation === \"right\") {\r\n            return (\r\n              <ChevronRightIcon\r\n                className={cn(styles.chevron, chevronClassName)}\r\n                {...chevronProps}\r\n              />\r\n            );\r\n          }\r\n\r\n          return (\r\n            <ChevronDownIcon\r\n              className={cn(styles.chevron, chevronClassName)}\r\n              {...chevronProps}\r\n            />\r\n          );\r\n        },\r\n        DayButton: CalendarDayButton,\r\n        WeekNumber: CalendarWeekNumber,\r\n        ...components,\r\n      }}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction CalendarWeekNumber({week, children, ...tdProps}: Readonly<CalendarWeekNumberProps>): React.JSX.Element {\r\n  return (\r\n    <td {...tdProps}>\r\n      <div className={styles.weekNumberCell}>{children}</div>\r\n    </td>\r\n  );\r\n}\r\n\r\nfunction CalendarDayButton({className, day, modifiers, ...props}: Readonly<React.ComponentProps<typeof DayButton>>): React.JSX.Element {\r\n  const ref = React.useRef<HTMLButtonElement>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (modifiers[\"focused\"]) {\r\n      ref.current?.focus();\r\n    }\r\n  }, [modifiers]);\r\n\r\n  return (\r\n    <Button\r\n      ref={ref}\r\n      variant='ghost'\r\n      size='icon'\r\n      data-day={day.date.toLocaleDateString()}\r\n      data-selected-single={Boolean(\r\n        modifiers[\"selected\"] && !modifiers[\"range_start\"] && !modifiers[\"range_end\"] && !modifiers[\"range_middle\"],\r\n      )}\r\n      data-range-start={Boolean(modifiers[\"range_start\"])}\r\n      data-range-end={Boolean(modifiers[\"range_end\"])}\r\n      data-range-middle={Boolean(modifiers[\"range_middle\"])}\r\n      className={cn(styles.dayButton, className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nCalendar.displayName = \"Calendar\";\r\n\r\nexport type {DateRange, DayPickerProps, Matcher} from \"react-day-picker\";\r\nexport {Calendar};\r\nexport type {CalendarProps};\r\n"],"names":["calendarButtonVariantStyles","buttonStyles","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","DayPicker","cn","styles","date","locale","rootClassName","rootRef","rootProps","chevronClassName","orientation","chevronProps","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","CalendarWeekNumber","week","children","tdProps","day","modifiers","ref","React","Button","Boolean"],"mappings":"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"}

package/dist/components/ui/calendar.module.js

@@ -0,0 +1,35 @@
+import "./calendar_module.css";
+const calendar_module = {
+    container: "container-dk40Y7",
+    calendarRoot: "calendarRoot-mDtbGC",
+    root: "root-YADqCx",
+    months: "months-Rx14QS",
+    month: "month-Mb63zi",
+    nav: "nav-zppZCR",
+    navButton: "navButton-dWV4EV",
+    monthCaption: "monthCaption-XkjGTM",
+    dropdowns: "dropdowns-jYxkAH",
+    dropdownRoot: "dropdownRoot-FxVJ5w",
+    dropdown: "dropdown-dLWKRF",
+    captionLabel: "captionLabel-DK6046",
+    captionLabelDropdown: "captionLabelDropdown-N8EKqO",
+    monthGrid: "monthGrid-IJ36G8",
+    weekdays: "weekdays-LmTNmu",
+    weekday: "weekday-D6U9P2",
+    week: "week-ODr7jh",
+    weekNumber: "weekNumber-Sy5mq4",
+    weekNumberHeader: "weekNumberHeader-qQmrLX",
+    weekNumberCell: "weekNumberCell-uxYLUx",
+    day: "day-WveyL0",
+    rangeStart: "rangeStart-S8rcWM",
+    rangeMiddle: "rangeMiddle-Wf76rh",
+    rangeEnd: "rangeEnd-C84TB6",
+    today: "today-yhpHWF",
+    outside: "outside-UoeLH4",
+    hidden: "hidden-iyfXaD",
+    chevron: "chevron-nop999",
+    dayButton: "dayButton-pr6WY6"
+};
+export default calendar_module;
+
+//# sourceMappingURL=calendar.module.js.map

package/dist/components/ui/calendar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/calendar.module.js","sources":["../../../src/components/ui/calendar.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./calendar_module.css\"\nexport default {\"container\":\"container-dk40Y7\",\"calendarRoot\":\"calendarRoot-mDtbGC\",\"root\":\"root-YADqCx\",\"months\":\"months-Rx14QS\",\"month\":\"month-Mb63zi\",\"nav\":\"nav-zppZCR\",\"navButton\":\"navButton-dWV4EV\",\"monthCaption\":\"monthCaption-XkjGTM\",\"dropdowns\":\"dropdowns-jYxkAH\",\"dropdownRoot\":\"dropdownRoot-FxVJ5w\",\"dropdown\":\"dropdown-dLWKRF\",\"captionLabel\":\"captionLabel-DK6046\",\"captionLabelDropdown\":\"captionLabelDropdown-N8EKqO\",\"monthGrid\":\"monthGrid-IJ36G8\",\"weekdays\":\"weekdays-LmTNmu\",\"weekday\":\"weekday-D6U9P2\",\"week\":\"week-ODr7jh\",\"weekNumber\":\"weekNumber-Sy5mq4\",\"weekNumberHeader\":\"weekNumberHeader-qQmrLX\",\"weekNumberCell\":\"weekNumberCell-uxYLUx\",\"day\":\"day-WveyL0\",\"rangeStart\":\"rangeStart-S8rcWM\",\"rangeMiddle\":\"rangeMiddle-Wf76rh\",\"rangeEnd\":\"rangeEnd-C84TB6\",\"today\":\"today-yhpHWF\",\"outside\":\"outside-UoeLH4\",\"hidden\":\"hidden-iyfXaD\",\"chevron\":\"chevron-nop999\",\"dayButton\":\"dayButton-pr6WY6\"};"],"names":[],"mappings":";AAEA,wBAAe;IAAC,WAAY;IAAmB,cAAe;IAAsB,MAAO;IAAc,QAAS;IAAgB,OAAQ;IAAe,KAAM;IAAa,WAAY;IAAmB,cAAe;IAAsB,WAAY;IAAmB,cAAe;IAAsB,UAAW;IAAkB,cAAe;IAAsB,sBAAuB;IAA8B,WAAY;IAAmB,UAAW;IAAkB,SAAU;IAAiB,MAAO;IAAc,YAAa;IAAoB,kBAAmB;IAA0B,gBAAiB;IAAwB,KAAM;IAAa,YAAa;IAAoB,aAAc;IAAqB,UAAW;IAAkB,OAAQ;IAAe,SAAU;IAAiB,QAAS;IAAgB,SAAU;IAAiB,WAAY;AAAkB"}

package/dist/components/ui/calendar_module.css

@@ -0,0 +1,245 @@
+.container-dk40Y7 {
+  --ac-cell-size: var(--ac-size-default);
+  background-color: var(--ac-background);
+  border-radius: var(--ac-radius-lg);
+  color: var(--ac-foreground);
+  padding: var(--ac-space-3);
+}
+
+.calendarRoot-mDtbGC, .container-dk40Y7, .root-YADqCx {
+  width: fit-content;
+}
+
+.months-Rx14QS {
+  gap: var(--ac-space-4);
+  flex-direction: column;
+  display: flex;
+  position: relative;
+}
+
+@media (width >= 768px) {
+  .months-Rx14QS {
+    flex-direction: row;
+  }
+}
+
+.month-Mb63zi {
+  gap: var(--ac-space-4);
+  flex-direction: column;
+}
+
+.month-Mb63zi, .nav-zppZCR {
+  width: 100%;
+  display: flex;
+}
+
+.nav-zppZCR {
+  align-items: center;
+  gap: var(--ac-space-1);
+  inset-inline: 0;
+  justify-content: space-between;
+  position: absolute;
+  top: 0;
+}
+
+.navButton-dWV4EV {
+  height: var(--ac-cell-size);
+  width: var(--ac-cell-size);
+  padding: 0;
+
+  &[aria-disabled="true"], &[disabled] {
+    opacity: .5;
+  }
+}
+
+.monthCaption-XkjGTM {
+  padding-inline: var(--ac-cell-size);
+}
+
+.dropdowns-jYxkAH, .monthCaption-XkjGTM {
+  height: var(--ac-cell-size);
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.dropdowns-jYxkAH {
+  font-size: var(--ac-text-sm);
+  gap: var(--ac-space-2);
+  font-weight: 500;
+}
+
+.dropdownRoot-FxVJ5w {
+  background-color: var(--ac-background);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  position: relative;
+  box-shadow: 0 1px 2px #0000000d;
+
+  &:focus-within {
+    border-color: var(--ac-ring);
+    outline: 3px solid color-mix(in oklch,var(--ac-ring),transparent 65%);
+    outline-offset: 0;
+  }
+}
+
+.dropdown-dLWKRF {
+  opacity: 0;
+  position: absolute;
+  inset: 0;
+}
+
+.captionLabel-DK6046 {
+  font-size: var(--ac-text-sm);
+  -webkit-user-select: none;
+  user-select: none;
+  font-weight: 500;
+}
+
+.captionLabelDropdown-N8EKqO {
+  border-radius: var(--ac-radius-md);
+  align-items: center;
+  gap: var(--ac-space-1);
+  height: 2rem;
+  padding-inline: var(--ac-space-2);
+  display: flex;
+}
+
+.monthGrid-IJ36G8 {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.weekdays-LmTNmu {
+  display: flex;
+}
+
+.weekday-D6U9P2 {
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-muted-foreground);
+  text-align: center;
+  -webkit-user-select: none;
+  user-select: none;
+  flex: 1;
+  font-size: .8rem;
+  font-weight: 400;
+}
+
+.week-ODr7jh {
+  margin-top: var(--ac-space-2);
+  width: 100%;
+  display: flex;
+}
+
+.weekNumber-Sy5mq4, .weekNumberHeader-qQmrLX {
+  color: var(--ac-muted-foreground);
+  text-align: center;
+  -webkit-user-select: none;
+  user-select: none;
+  width: var(--ac-cell-size);
+  font-size: .8rem;
+}
+
+.weekNumberCell-uxYLUx {
+  height: var(--ac-cell-size);
+  text-align: center;
+  width: var(--ac-cell-size);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.day-WveyL0 {
+  text-align: center;
+  -webkit-user-select: none;
+  user-select: none;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  position: relative;
+}
+
+.rangeStart-S8rcWM {
+  background-color: var(--ac-muted);
+  border-bottom-left-radius: var(--ac-radius-md);
+  border-top-left-radius: var(--ac-radius-md);
+}
+
+.rangeMiddle-Wf76rh {
+  border-radius: 0;
+}
+
+.rangeEnd-C84TB6 {
+  border-bottom-right-radius: var(--ac-radius-md);
+  border-top-right-radius: var(--ac-radius-md);
+}
+
+.rangeEnd-C84TB6, .today-yhpHWF {
+  background-color: var(--ac-muted);
+}
+
+.today-yhpHWF {
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-foreground);
+}
+
+.day-WveyL0[data-disabled="true"], .outside-UoeLH4 {
+  color: var(--ac-muted-foreground);
+}
+
+.day-WveyL0[data-disabled="true"] {
+  opacity: .5;
+}
+
+.hidden-iyfXaD {
+  visibility: hidden;
+}
+
+.chevron-nop999 {
+  width: 1rem;
+  height: 1rem;
+}
+
+.dayButton-pr6WY6 {
+  aspect-ratio: 1;
+  gap: var(--ac-space-1);
+  height: auto;
+  min-width: var(--ac-cell-size);
+  z-index: 0;
+  flex-direction: column;
+  width: 100%;
+  font-weight: 400;
+  line-height: 1;
+  display: flex;
+  position: relative;
+
+  &:focus-visible, .day-WveyL0[data-focused="true"] & {
+    outline: 3px solid color-mix(in oklch,var(--ac-ring),transparent 65%);
+    outline-offset: -1px;
+    z-index: 1;
+  }
+
+  &[data-range-end="true"], &[data-range-start="true"], &[data-selected-single="true"] {
+    background-color: var(--ac-foreground);
+    color: var(--ac-background);
+  }
+
+  &[data-range-middle="true"] {
+    background-color: var(--ac-muted);
+    color: var(--ac-foreground);
+    border-radius: 0;
+  }
+
+  &[data-range-end="true"], &[data-range-start="true"] {
+    border-radius: var(--ac-radius-md);
+  }
+
+  & > span {
+    font-size: var(--ac-text-xs);
+    opacity: .7;
+  }
+}
+
+
+/*# sourceMappingURL=calendar_module.css.map */

package/dist/components/ui/calendar_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/calendar.module.css","webpack://./src/components/ui/calendar.module.css"],"names":[],"mappings":"AADA;ECEE,sCAAsC;EACtC,sCAAsC;EACtC,kCAAkC;EAClC,2BAA2B;EAC3B,0BAA0B;AAC5B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,sBAAsB;EACtB,sBAAsB;EACtB,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE;IACE,mBAAmB;EACrB;AACF;;AAEA;EACE,sBAAsB;EACtB,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,eAAe;EACf,8BAA8B;EAC9B,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,2BAA2B;EAC3B,0BAA0B;EAC1B,UAAU;;EAEV;IACE,WAAW;EACb;AACF;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,2BAA2B;EAC3B,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,aAAa;AACf;;AAEA;EACE,4BAA4B;EAC5B,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,kCAAkC;EAClC,kBAAkB;EAClB,+BAA+B;;EAE/B;IACE,4BAA4B;IAC5B,qEAAqE;IACrE,iBAAiB;EACnB;AACF;;AAEA;EACE,UAAU;EACV,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,kCAAkC;EAClC,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,iCAAiC;EACjC,aAAa;AACf;;AAEA;EACE,yBAAyB;EACzB,WAAW;AACb;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,iCAAiC;EACjC,kBAAkB;EAClB,yBAAyB;EACzB,iBAAiB;EACjB,OAAO;EACP,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,6BAA6B;EAC7B,WAAW;EACX,aAAa;AACf;;AAEA;EACE,iCAAiC;EACjC,kBAAkB;EAClB,yBAAyB;EACzB,iBAAiB;EACjB,0BAA0B;EAC1B,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;EAC3B,kBAAkB;EAClB,0BAA0B;EAC1B,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,yBAAyB;EACzB,iBAAiB;EACjB,WAAW;EACX,YAAY;EACZ,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;EACjC,8CAA8C;EAC9C,2CAA2C;AAC7C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,+CAA+C;EAC/C,4CAA4C;AAC9C;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,kCAAkC;EAClC,2BAA2B;AAC7B;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,eAAe;EACf,sBAAsB;EACtB,YAAY;EACZ,8BAA8B;EAC9B,UAAU;EACV,sBAAsB;EACtB,WAAW;EACX,gBAAgB;EAChB,cAAc;EACd,aAAa;EACb,kBAAkB;;EAElB;IACE,qEAAqE;IACrE,oBAAoB;IACpB,UAAU;EACZ;;EAEA;IACE,sCAAsC;IACtC,2BAA2B;EAC7B;;EAEA;IACE,iCAAiC;IACjC,2BAA2B;IAC3B,gBAAgB;EAClB;;EAEA;IACE,kCAAkC;EACpC;;EAEA;IACE,4BAA4B;IAC5B,WAAW;EACb;AACF","sourcesContent":[".container{--ac-cell-size:var(--ac-size-default);background-color:var(--ac-background);border-radius:var(--ac-radius-lg);color:var(--ac-foreground);padding:var(--ac-space-3)}.calendarRoot,.container,.root{width:fit-content}.months{display:flex;flex-direction:column;gap:var(--ac-space-4);position:relative}@media (min-width:768px){.months{flex-direction:row}}.month{flex-direction:column;gap:var(--ac-space-4)}.month,.nav{display:flex;width:100%}.nav{align-items:center;gap:var(--ac-space-1);inset-inline:0;justify-content:space-between;position:absolute;top:0}.navButton{height:var(--ac-cell-size);padding:0;width:var(--ac-cell-size);&[aria-disabled=true],&[disabled]{opacity:.5}}.monthCaption{padding-inline:var(--ac-cell-size)}.dropdowns,.monthCaption{align-items:center;display:flex;height:var(--ac-cell-size);justify-content:center;width:100%}.dropdowns{font-size:var(--ac-text-sm);font-weight:500;gap:var(--ac-space-2)}.dropdownRoot{background-color:var(--ac-background);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative;&:focus-within{border-color:var(--ac-ring);outline:3px solid color-mix(in oklch,var(--ac-ring),transparent 65%);outline-offset:0}}.dropdown{inset:0;opacity:0;position:absolute}.captionLabel{font-size:var(--ac-text-sm);font-weight:500;user-select:none}.captionLabelDropdown{align-items:center;border-radius:var(--ac-radius-md);display:flex;gap:var(--ac-space-1);height:2rem;padding-inline:var(--ac-space-2)}.monthGrid{border-collapse:collapse;width:100%}.weekdays{display:flex}.weekday{border-radius:var(--ac-radius-md);color:var(--ac-muted-foreground);flex:1;font-size:.8rem;font-weight:400;text-align:center;user-select:none}.week{display:flex;margin-top:var(--ac-space-2);width:100%}.weekNumber,.weekNumberHeader{color:var(--ac-muted-foreground);font-size:.8rem;text-align:center;user-select:none;width:var(--ac-cell-size)}.weekNumberCell{align-items:center;display:flex;height:var(--ac-cell-size);justify-content:center;text-align:center;width:var(--ac-cell-size)}.day{height:100%;padding:0;position:relative;text-align:center;user-select:none;width:100%}.rangeStart{background-color:var(--ac-muted);border-bottom-left-radius:var(--ac-radius-md);border-top-left-radius:var(--ac-radius-md)}.rangeMiddle{border-radius:0}.rangeEnd{border-bottom-right-radius:var(--ac-radius-md);border-top-right-radius:var(--ac-radius-md)}.rangeEnd,.today{background-color:var(--ac-muted)}.today{border-radius:var(--ac-radius-md);color:var(--ac-foreground)}.day[data-disabled=true],.outside{color:var(--ac-muted-foreground)}.day[data-disabled=true]{opacity:.5}.hidden{visibility:hidden}.chevron{height:1rem;width:1rem}.dayButton{aspect-ratio:1;display:flex;flex-direction:column;font-weight:400;gap:var(--ac-space-1);height:auto;line-height:1;min-width:var(--ac-cell-size);position:relative;width:100%;z-index:0;&:focus-visible,.day[data-focused=true] &{outline:3px solid color-mix(in oklch,var(--ac-ring),transparent 65%);outline-offset:-1px;z-index:1}&[data-range-end=true],&[data-range-start=true],&[data-selected-single=true]{background-color:var(--ac-foreground);color:var(--ac-background)}&[data-range-middle=true]{background-color:var(--ac-muted);border-radius:0;color:var(--ac-foreground)}&[data-range-end=true],&[data-range-start=true]{border-radius:var(--ac-radius-md)}&>span{font-size:var(--ac-text-xs);opacity:.7}}",".container {\n  --ac-cell-size: var(--ac-size-default);\n  background-color: var(--ac-background);\n  border-radius: var(--ac-radius-lg);\n  color: var(--ac-foreground);\n  padding: var(--ac-space-3);\n}\n\n.calendarRoot, .container, .root {\n  width: fit-content;\n}\n\n.months {\n  gap: var(--ac-space-4);\n  flex-direction: column;\n  display: flex;\n  position: relative;\n}\n\n@media (width >= 768px) {\n  .months {\n    flex-direction: row;\n  }\n}\n\n.month {\n  gap: var(--ac-space-4);\n  flex-direction: column;\n}\n\n.month, .nav {\n  width: 100%;\n  display: flex;\n}\n\n.nav {\n  align-items: center;\n  gap: var(--ac-space-1);\n  inset-inline: 0;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n}\n\n.navButton {\n  height: var(--ac-cell-size);\n  width: var(--ac-cell-size);\n  padding: 0;\n\n  &[aria-disabled=\"true\"], &[disabled] {\n    opacity: .5;\n  }\n}\n\n.monthCaption {\n  padding-inline: var(--ac-cell-size);\n}\n\n.dropdowns, .monthCaption {\n  height: var(--ac-cell-size);\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.dropdowns {\n  font-size: var(--ac-text-sm);\n  gap: var(--ac-space-2);\n  font-weight: 500;\n}\n\n.dropdownRoot {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  position: relative;\n  box-shadow: 0 1px 2px #0000000d;\n\n  &:focus-within {\n    border-color: var(--ac-ring);\n    outline: 3px solid color-mix(in oklch,var(--ac-ring),transparent 65%);\n    outline-offset: 0;\n  }\n}\n\n.dropdown {\n  opacity: 0;\n  position: absolute;\n  inset: 0;\n}\n\n.captionLabel {\n  font-size: var(--ac-text-sm);\n  -webkit-user-select: none;\n  user-select: none;\n  font-weight: 500;\n}\n\n.captionLabelDropdown {\n  border-radius: var(--ac-radius-md);\n  align-items: center;\n  gap: var(--ac-space-1);\n  height: 2rem;\n  padding-inline: var(--ac-space-2);\n  display: flex;\n}\n\n.monthGrid {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n.weekdays {\n  display: flex;\n}\n\n.weekday {\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-muted-foreground);\n  text-align: center;\n  -webkit-user-select: none;\n  user-select: none;\n  flex: 1;\n  font-size: .8rem;\n  font-weight: 400;\n}\n\n.week {\n  margin-top: var(--ac-space-2);\n  width: 100%;\n  display: flex;\n}\n\n.weekNumber, .weekNumberHeader {\n  color: var(--ac-muted-foreground);\n  text-align: center;\n  -webkit-user-select: none;\n  user-select: none;\n  width: var(--ac-cell-size);\n  font-size: .8rem;\n}\n\n.weekNumberCell {\n  height: var(--ac-cell-size);\n  text-align: center;\n  width: var(--ac-cell-size);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.day {\n  text-align: center;\n  -webkit-user-select: none;\n  user-select: none;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  position: relative;\n}\n\n.rangeStart {\n  background-color: var(--ac-muted);\n  border-bottom-left-radius: var(--ac-radius-md);\n  border-top-left-radius: var(--ac-radius-md);\n}\n\n.rangeMiddle {\n  border-radius: 0;\n}\n\n.rangeEnd {\n  border-bottom-right-radius: var(--ac-radius-md);\n  border-top-right-radius: var(--ac-radius-md);\n}\n\n.rangeEnd, .today {\n  background-color: var(--ac-muted);\n}\n\n.today {\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n}\n\n.day[data-disabled=\"true\"], .outside {\n  color: var(--ac-muted-foreground);\n}\n\n.day[data-disabled=\"true\"] {\n  opacity: .5;\n}\n\n.hidden {\n  visibility: hidden;\n}\n\n.chevron {\n  width: 1rem;\n  height: 1rem;\n}\n\n.dayButton {\n  aspect-ratio: 1;\n  gap: var(--ac-space-1);\n  height: auto;\n  min-width: var(--ac-cell-size);\n  z-index: 0;\n  flex-direction: column;\n  width: 100%;\n  font-weight: 400;\n  line-height: 1;\n  display: flex;\n  position: relative;\n\n  &:focus-visible, .day[data-focused=\"true\"] & {\n    outline: 3px solid color-mix(in oklch,var(--ac-ring),transparent 65%);\n    outline-offset: -1px;\n    z-index: 1;\n  }\n\n  &[data-range-end=\"true\"], &[data-range-start=\"true\"], &[data-selected-single=\"true\"] {\n    background-color: var(--ac-foreground);\n    color: var(--ac-background);\n  }\n\n  &[data-range-middle=\"true\"] {\n    background-color: var(--ac-muted);\n    color: var(--ac-foreground);\n    border-radius: 0;\n  }\n\n  &[data-range-end=\"true\"], &[data-range-start=\"true\"] {\n    border-radius: var(--ac-radius-md);\n  }\n\n  & > span {\n    font-size: var(--ac-text-xs);\n    opacity: .7;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/card-skeleton.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+import card_skeleton_module from "./card-skeleton.module.js";
+import { Skeleton } from "./skeleton.js";
+const CardSkeleton = /*#__PURE__*/ forwardRef(({ lines = 3, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        className: cn(card_skeleton_module.card, className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: card_skeleton_module.header,
+                children: [
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: card_skeleton_module.title
+                    }),
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: card_skeleton_module.subtitle
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: card_skeleton_module.content,
+                children: Array.from({
+                    length: lines
+                }, (_, index)=>/*#__PURE__*/ jsx(Skeleton, {
+                        className: cn(card_skeleton_module.line, index === lines - 1 && card_skeleton_module.lineShort)
+                    }, index))
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: card_skeleton_module.footer,
+                children: /*#__PURE__*/ jsx(Skeleton, {
+                    className: card_skeleton_module.button
+                })
+            })
+        ]
+    }));
+CardSkeleton.displayName = "CardSkeleton";
+export { CardSkeleton };
+
+//# sourceMappingURL=card-skeleton.js.map

package/dist/components/ui/card-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/card-skeleton.js","sources":["../../../src/components/ui/card-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./card-skeleton.module.css\";\r\nimport {Skeleton} from \"./skeleton\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link CardSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so card-shaped loading placeholders can be composed\r\n * in semantic regions, annotated for accessibility, and sized with custom class names.\r\n */\r\ninterface CardSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of body placeholder lines rendered in the card content area.\r\n   *\r\n   * @default 3\r\n   */\r\n  lines?: number;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a card surface.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Mimics the visual structure of the library's card primitive with a header, stacked\r\n * content lines, and a trailing footer action placeholder to reduce layout shift while\r\n * data-backed card content is loading.\r\n *\r\n * @example\r\n * ```tsx\r\n * <CardSkeleton lines={4} aria-label=\"Loading billing summary\" />\r\n * ```\r\n *\r\n * @see {@link CardSkeletonProps} for available props\r\n */\r\nconst CardSkeleton = React.forwardRef<HTMLDivElement, CardSkeletonProps>(\r\n  ({lines = 3, className, ...props}: Readonly<CardSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.card, className)}\r\n      {...props}>\r\n      <div className={styles.header}>\r\n        <Skeleton className={styles.title} />\r\n        <Skeleton className={styles.subtitle} />\r\n      </div>\r\n      <div className={styles.content}>\r\n        {Array.from({length: lines}, (_, index) => (\r\n          <Skeleton\r\n            key={index}\r\n            className={cn(styles.line, index === lines - 1 && styles.lineShort)}\r\n          />\r\n        ))}\r\n      </div>\r\n      <div className={styles.footer}>\r\n        <Skeleton className={styles.button} />\r\n      </div>\r\n    </div>\r\n  ),\r\n);\r\n\r\nCardSkeleton.displayName = \"CardSkeleton\";\r\n\r\nexport {CardSkeleton};\r\nexport type {CardSkeletonProps};\r\n"],"names":["CardSkeleton","React","lines","className","props","ref","cn","styles","Skeleton","Array","_","index"],"mappings":";;;;;AAwCA,MAAMA,eAAe,WAAHA,GAAGC,WACnB,CAAC,EAACC,QAAQ,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GAC9D,KAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,qBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;0BACT,KAAC;gBAAI,WAAWG,qBAAAA,MAAa;;kCAC3B,IAACC,UAAQA;wBAAC,WAAWD,qBAAAA,KAAY;;kCACjC,IAACC,UAAQA;wBAAC,WAAWD,qBAAAA,QAAe;;;;0BAEtC,IAAC;gBAAI,WAAWA,qBAAAA,OAAc;0BAC3BE,MAAM,IAAI,CAAC;oBAAC,QAAQP;gBAAK,GAAG,CAACQ,GAAGC,QAAAA,WAAAA,GAC/B,IAACH,UAAQA;wBAEP,WAAWF,GAAGC,qBAAAA,IAAW,EAAEI,UAAUT,QAAQ,KAAKK,qBAAAA,SAAgB;uBAD7DI;;0BAKX,IAAC;gBAAI,WAAWJ,qBAAAA,MAAa;0BAC3B,kBAACC,UAAQA;oBAAC,WAAWD,qBAAAA,MAAa;;;;;AAM1CP,aAAa,WAAW,GAAG"}

package/dist/components/ui/card-skeleton.module.js

@@ -0,0 +1,15 @@
+import "./card-skeleton_module.css";
+const card_skeleton_module = {
+    card: "card-PF_RGl",
+    header: "header-eU4IuT",
+    title: "title-uRC85N",
+    subtitle: "subtitle-jB9ys5",
+    content: "content-IqhyQe",
+    line: "line-k7t5i5",
+    lineShort: "lineShort-WRZbwC",
+    footer: "footer-EkTk3S",
+    button: "button-w7787H"
+};
+export default card_skeleton_module;
+
+//# sourceMappingURL=card-skeleton.module.js.map

package/dist/components/ui/card-skeleton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/card-skeleton.module.js","sources":["../../../src/components/ui/card-skeleton.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./card-skeleton_module.css\"\nexport default {\"card\":\"card-PF_RGl\",\"header\":\"header-eU4IuT\",\"title\":\"title-uRC85N\",\"subtitle\":\"subtitle-jB9ys5\",\"content\":\"content-IqhyQe\",\"line\":\"line-k7t5i5\",\"lineShort\":\"lineShort-WRZbwC\",\"footer\":\"footer-EkTk3S\",\"button\":\"button-w7787H\"};"],"names":[],"mappings":";AAEA,6BAAe;IAAC,MAAO;IAAc,QAAS;IAAgB,OAAQ;IAAe,UAAW;IAAkB,SAAU;IAAiB,MAAO;IAAc,WAAY;IAAmB,QAAS;IAAgB,QAAS;AAAe"}