crm-project-ui 0.1.23 → 0.1.25

package/dist/index.css

@@ -499,6 +499,10 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-\(--cell-size\) {
+    width: var(--cell-size);
+    height: var(--cell-size);
+  }
   .size-4 {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
@@ -515,9 +519,12 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
-  .size-\[--cell-size\] {
-    width: --cell-size;
-    height: --cell-size;
+  .size-auto {
+    width: auto;
+    height: auto;
+  }
+  .h-\(--cell-size\) {
+    height: var(--cell-size);
   }
   .h-\(--radix-navigation-menu-viewport-height\) {
     height: var(--radix-navigation-menu-viewport-height);
@@ -564,9 +571,6 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
-  .h-\[--cell-size\] {
-    height: --cell-size;
-  }
   .h-auto {
     height: auto;
   }
@@ -600,6 +604,9 @@
   .min-h-svh {
     min-height: 100svh;
   }
+  .w-\(--cell-size\) {
+    width: var(--cell-size);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -639,9 +646,6 @@
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
-  .w-\[--cell-size\] {
-    width: --cell-size;
-  }
   .w-\[--sidebar-width\] {
     width: --sidebar-width;
   }
@@ -678,6 +682,9 @@
   .max-w-sm {
     max-width: var(--container-sm);
   }
+  .min-w-\(--cell-size\) {
+    min-width: var(--cell-size);
+  }
   .min-w-\(--radix-select-trigger-width\) {
     min-width: var(--radix-select-trigger-width);
   }
@@ -696,9 +703,6 @@
   .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
-  .min-w-\[--cell-size\] {
-    min-width: --cell-size;
-  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1113,6 +1117,9 @@
   .p-px {
     padding: 1px;
   }
+  .px-\(--cell-size\) {
+    padding-inline: var(--cell-size);
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -1134,9 +1141,6 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
-  .px-\[--cell-size\] {
-    padding-inline: --cell-size;
-  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1475,15 +1479,6 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
-  .animate-in {
-    animation-name: enter;
-    animation-duration: 150ms;
-    --tw-enter-opacity: initial;
-    --tw-enter-scale: initial;
-    --tw-enter-rotate: initial;
-    --tw-enter-translate-x: initial;
-    --tw-enter-translate-y: initial;
-  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -1493,32 +1488,8 @@
     -moz-user-select: none;
          user-select: none;
   }
-  .\[--cell-size\:2rem\] {
-    --cell-size: 2rem;
-  }
-  .duration-100 {
-    animation-duration: 100ms;
-  }
-  .duration-200 {
-    animation-duration: 200ms;
-  }
-  .duration-300 {
-    animation-duration: 300ms;
-  }
-  .duration-1000 {
-    animation-duration: 1000ms;
-  }
-  .ease-in-out {
-    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-  .ease-linear {
-    animation-timing-function: linear;
-  }
-  .fade-in-0 {
-    --tw-enter-opacity: 0;
-  }
-  .zoom-in-95 {
-    --tw-enter-scale: .95;
+  .\[--cell-size\:--spacing\(8\)\] {
+    --cell-size: calc(var(--spacing) * 8);
   }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
@@ -2186,16 +2157,6 @@
       opacity: 50%;
     }
   }
-  .in-data-\[slot\=card-content\]\:bg-transparent {
-    :where(*[data-slot="card-content"]) & {
-      background-color: transparent;
-    }
-  }
-  .in-data-\[slot\=popover-content\]\:bg-transparent {
-    :where(*[data-slot="popover-content"]) & {
-      background-color: transparent;
-    }
-  }
   .in-data-\[slot\=tooltip-content\]\:bg-background\/20 {
     :where(*[data-slot="tooltip-content"]) & {
       background-color: var(--color-background);
@@ -2437,58 +2398,6 @@
       color: var(--color-destructive);
     }
   }
-  .data-\[motion\=from-end\]\:slide-in-from-right-52 {
-    &[data-motion="from-end"] {
-      --tw-enter-translate-x: 13rem;
-    }
-  }
-  .data-\[motion\=from-start\]\:slide-in-from-left-52 {
-    &[data-motion="from-start"] {
-      --tw-enter-translate-x: -13rem;
-    }
-  }
-  .data-\[motion\=to-end\]\:slide-out-to-right-52 {
-    &[data-motion="to-end"] {
-      --tw-exit-translate-x: 13rem;
-    }
-  }
-  .data-\[motion\=to-start\]\:slide-out-to-left-52 {
-    &[data-motion="to-start"] {
-      --tw-exit-translate-x: -13rem;
-    }
-  }
-  .data-\[motion\^\=from-\]\:animate-in {
-    &[data-motion^="from-"] {
-      animation-name: enter;
-      animation-duration: 150ms;
-      --tw-enter-opacity: initial;
-      --tw-enter-scale: initial;
-      --tw-enter-rotate: initial;
-      --tw-enter-translate-x: initial;
-      --tw-enter-translate-y: initial;
-    }
-  }
-  .data-\[motion\^\=from-\]\:fade-in {
-    &[data-motion^="from-"] {
-      --tw-enter-opacity: 0;
-    }
-  }
-  .data-\[motion\^\=to-\]\:animate-out {
-    &[data-motion^="to-"] {
-      animation-name: exit;
-      animation-duration: 150ms;
-      --tw-exit-opacity: initial;
-      --tw-exit-scale: initial;
-      --tw-exit-rotate: initial;
-      --tw-exit-translate-x: initial;
-      --tw-exit-translate-y: initial;
-    }
-  }
-  .data-\[motion\^\=to-\]\:fade-out {
-    &[data-motion^="to-"] {
-      --tw-exit-opacity: 0;
-    }
-  }
   .data-\[orientation\=vertical\]\:h-auto {
     &[data-orientation="vertical"] {
       height: auto;
@@ -2499,6 +2408,12 @@
       border-radius: var(--radius-md);
     }
   }
+  .data-\[range-end\=true\]\:rounded-r-md {
+    &[data-range-end="true"] {
+      border-top-right-radius: var(--radius-md);
+      border-bottom-right-radius: var(--radius-md);
+    }
+  }
   .data-\[range-end\=true\]\:bg-primary {
     &[data-range-end="true"] {
       background-color: var(--color-primary);
@@ -2529,6 +2444,12 @@
       border-radius: var(--radius-md);
     }
   }
+  .data-\[range-start\=true\]\:rounded-l-md {
+    &[data-range-start="true"] {
+      border-top-left-radius: var(--radius-md);
+      border-bottom-left-radius: var(--radius-md);
+    }
+  }
   .data-\[range-start\=true\]\:bg-primary {
     &[data-range-start="true"] {
       background-color: var(--color-primary);
@@ -2570,44 +2491,24 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[side\=bottom\]\:slide-in-from-top-2 {
-    &[data-side="bottom"] {
-      --tw-enter-translate-y: -0.5rem;
-    }
-  }
   .data-\[side\=left\]\:-translate-x-1 {
     &[data-side="left"] {
       --tw-translate-x: calc(var(--spacing) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[side\=left\]\:slide-in-from-right-2 {
-    &[data-side="left"] {
-      --tw-enter-translate-x: 0.5rem;
-    }
-  }
   .data-\[side\=right\]\:translate-x-1 {
     &[data-side="right"] {
       --tw-translate-x: calc(var(--spacing) * 1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[side\=right\]\:slide-in-from-left-2 {
-    &[data-side="right"] {
-      --tw-enter-translate-x: -0.5rem;
-    }
-  }
   .data-\[side\=top\]\:-translate-y-1 {
     &[data-side="top"] {
       --tw-translate-y: calc(var(--spacing) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[side\=top\]\:slide-in-from-bottom-2 {
-    &[data-side="top"] {
-      --tw-enter-translate-y: 0.5rem;
-    }
-  }
   .data-\[slot\=checkbox-group\]\:gap-3 {
     &[data-slot="checkbox-group"] {
       gap: calc(var(--spacing) * 3);
@@ -2670,78 +2571,6 @@
       transition-duration: 300ms;
     }
   }
-  .data-\[state\=closed\]\:animate-out {
-    &[data-state="closed"] {
-      animation-name: exit;
-      animation-duration: 150ms;
-      --tw-exit-opacity: initial;
-      --tw-exit-scale: initial;
-      --tw-exit-rotate: initial;
-      --tw-exit-translate-x: initial;
-      --tw-exit-translate-y: initial;
-    }
-  }
-  .data-\[state\=closed\]\:duration-300 {
-    &[data-state="closed"] {
-      animation-duration: 300ms;
-    }
-  }
-  .data-\[state\=closed\]\:fade-out-0 {
-    &[data-state="closed"] {
-      --tw-exit-opacity: 0;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-bottom {
-    &[data-state="closed"] {
-      --tw-exit-translate-y: 100%;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-left {
-    &[data-state="closed"] {
-      --tw-exit-translate-x: -100%;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-left-1\/2 {
-    &[data-state="closed"] {
-      --tw-exit-translate-x: -50%;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-right {
-    &[data-state="closed"] {
-      --tw-exit-translate-x: 100%;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-top {
-    &[data-state="closed"] {
-      --tw-exit-translate-y: -100%;
-    }
-  }
-  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
-    &[data-state="closed"] {
-      --tw-exit-translate-y: -48%;
-    }
-  }
-  .data-\[state\=closed\]\:zoom-out-95 {
-    &[data-state="closed"] {
-      --tw-exit-scale: .95;
-    }
-  }
-  .data-\[state\=hidden\]\:animate-out {
-    &[data-state="hidden"] {
-      animation-name: exit;
-      animation-duration: 150ms;
-      --tw-exit-opacity: initial;
-      --tw-exit-scale: initial;
-      --tw-exit-rotate: initial;
-      --tw-exit-translate-x: initial;
-      --tw-exit-translate-y: initial;
-    }
-  }
-  .data-\[state\=hidden\]\:fade-out {
-    &[data-state="hidden"] {
-      --tw-exit-opacity: 0;
-    }
-  }
   .data-\[state\=on\]\:bg-accent {
     &[data-state="on"] {
       background-color: var(--color-accent);
@@ -2796,67 +2625,6 @@
       transition-duration: 500ms;
     }
   }
-  .data-\[state\=open\]\:animate-in {
-    &[data-state="open"] {
-      animation-name: enter;
-      animation-duration: 150ms;
-      --tw-enter-opacity: initial;
-      --tw-enter-scale: initial;
-      --tw-enter-rotate: initial;
-      --tw-enter-translate-x: initial;
-      --tw-enter-translate-y: initial;
-    }
-  }
-  .data-\[state\=open\]\:duration-500 {
-    &[data-state="open"] {
-      animation-duration: 500ms;
-    }
-  }
-  .data-\[state\=open\]\:fade-in-0 {
-    &[data-state="open"] {
-      --tw-enter-opacity: 0;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-bottom {
-    &[data-state="open"] {
-      --tw-enter-translate-y: 100%;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-left {
-    &[data-state="open"] {
-      --tw-enter-translate-x: -100%;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-left-1\/2 {
-    &[data-state="open"] {
-      --tw-enter-translate-x: -50%;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-right {
-    &[data-state="open"] {
-      --tw-enter-translate-x: 100%;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-top {
-    &[data-state="open"] {
-      --tw-enter-translate-y: -100%;
-    }
-  }
-  .data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
-    &[data-state="open"] {
-      --tw-enter-translate-y: -48%;
-    }
-  }
-  .data-\[state\=open\]\:zoom-in-90 {
-    &[data-state="open"] {
-      --tw-enter-scale: .9;
-    }
-  }
-  .data-\[state\=open\]\:zoom-in-95 {
-    &[data-state="open"] {
-      --tw-enter-scale: .95;
-    }
-  }
   .data-\[state\=open\]\:hover\:bg-accent {
     &[data-state="open"] {
       &:hover {
@@ -2907,22 +2675,6 @@
       background-color: var(--color-input);
     }
   }
-  .data-\[state\=visible\]\:animate-in {
-    &[data-state="visible"] {
-      animation-name: enter;
-      animation-duration: 150ms;
-      --tw-enter-opacity: initial;
-      --tw-enter-scale: initial;
-      --tw-enter-rotate: initial;
-      --tw-enter-translate-x: initial;
-      --tw-enter-translate-y: initial;
-    }
-  }
-  .data-\[state\=visible\]\:fade-in {
-    &[data-state="visible"] {
-      --tw-enter-opacity: 0;
-    }
-  }
   .data-\[variant\=label\]\:text-sm {
     &[data-variant="label"] {
       font-size: var(--text-sm);
@@ -3116,6 +2868,15 @@
       background-color: transparent;
     }
   }
+  .dark\:hover\:text-accent-foreground {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-accent-foreground);
+        }
+      }
+    }
+  }
   .dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10 {
     &:is(.dark *) {
       :where(*[data-slot="tooltip-content"]) & {
@@ -3377,6 +3138,12 @@
       border-bottom-right-radius: var(--radius-md);
     }
   }
+  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md {
+    &:nth-child(2)[data-selected=true] button {
+      border-top-left-radius: var(--radius-md);
+      border-bottom-left-radius: var(--radius-md);
+    }
+  }
   .\[\&\>\*\]\:w-full {
     &>* {
       width: 100%;
@@ -3698,6 +3465,16 @@
       cursor: w-resize;
     }
   }
+  .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
+    [data-slot=card-content] & {
+      background-color: transparent;
+    }
+  }
+  .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
+    [data-slot=popover-content] & {
+      background-color: transparent;
+    }
+  }
   .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
     [data-variant=legend]+& {
       margin-top: calc(var(--spacing) * -1.5);
@@ -3819,18 +3596,6 @@
     color: var(--color-foreground);
   }
 }
-@keyframes enter {
-  from {
-    opacity: var(--tw-enter-opacity, 1);
-    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
-  }
-}
-@keyframes exit {
-  to {
-    opacity: var(--tw-exit-opacity, 1);
-    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
-  }
-}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/index.js

@@ -1,4 +1,5 @@
 "use client";
+import "./chunk-AOSHQP7D.js";
 
 // src/components/ui/accordion/index.tsx
 import { ChevronDown } from "lucide-react";
@@ -435,7 +436,10 @@ import {
   ChevronRightIcon
 } from "lucide-react";
 import * as React7 from "react";
-import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import {
+  DayPicker,
+  getDefaultClassNames
+} from "react-day-picker";
 import { jsx as jsx8 } from "react/jsx-runtime";
 function Calendar({
   className,
@@ -452,7 +456,7 @@ function Calendar({
     DayPicker,
     {
       className: cn(
-        "bg-background group/calendar p-3 [--cell-size:2rem] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[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
@@ -460,70 +464,71 @@ function Calendar({
       classNames: {
         root: cn("w-fit", defaultClassNames.root),
         months: cn(
-          "relative flex flex-col gap-4 md:flex-row",
+          "flex gap-4 flex-col md:flex-row relative",
           defaultClassNames.months
         ),
-        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
         nav: cn(
-          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
           defaultClassNames.nav
         ),
         button_previous: cn(
           buttonVariants({ variant: buttonVariant }),
-          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           defaultClassNames.button_previous
         ),
         button_next: cn(
           buttonVariants({ variant: buttonVariant }),
-          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           defaultClassNames.button_next
         ),
         month_caption: cn(
-          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          "flex items-center justify-center h-(--cell-size) w-full 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",
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
           defaultClassNames.dropdowns
         ),
         dropdown_root: cn(
-          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
           defaultClassNames.dropdown_root
         ),
         dropdown: cn(
-          "bg-popover absolute inset-0 opacity-0",
+          "absolute bg-popover inset-0 opacity-0",
           defaultClassNames.dropdown
         ),
         caption_label: cn(
           "select-none font-medium",
-          captionLayout === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
+          captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
           defaultClassNames.caption_label
         ),
         table: "w-full border-collapse",
         weekdays: cn("flex", defaultClassNames.weekdays),
         weekday: cn(
-          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
           defaultClassNames.weekday
         ),
-        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week: cn("flex w-full mt-2", defaultClassNames.week),
         week_number_header: cn(
-          "w-[--cell-size] select-none",
+          "select-none w-(--cell-size)",
           defaultClassNames.week_number_header
         ),
         week_number: cn(
-          "text-muted-foreground select-none text-[0.8rem]",
+          "text-[0.8rem] select-none text-muted-foreground",
           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",
+          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
           defaultClassNames.day
         ),
         range_start: cn(
-          "bg-accent rounded-l-md",
+          "rounded-l-md bg-accent",
           defaultClassNames.range_start
         ),
         range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
+        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
         today: cn(
           "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
           defaultClassNames.today
@@ -568,7 +573,7 @@ function Calendar({
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx8("td", { ...props2, children: /* @__PURE__ */ jsx8("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx8("td", { ...props2, children: /* @__PURE__ */ jsx8("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -597,7 +602,7 @@ function CalendarDayButton({
     Button,
     {
       className: cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 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-middle=true]:rounded-none data-[range-start=true]:rounded-md [&>span]:text-xs [&>span]:opacity-70",
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-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]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
       ),