@clasing/ui 2.9.0 → 2.9.1

package/dist/components/calendar.js

@@ -1,23 +1,23 @@
 import { j as n, c as e } from "../index-C_XDkVGm.js";
 import * as i from "react";
-import { getDefaultClassNames as p, DayPicker as x } from "react-day-picker";
-import { b as m, B as h } from "../button-DSpGxL2e.js";
+import { getDefaultClassNames as m, DayPicker as x } from "react-day-picker";
+import { b as f, B as h } from "../button-DSpGxL2e.js";
 import { CaretLeftIcon as w, CaretRightIcon as _, CaretDownIcon as y } from "@phosphor-icons/react";
 function C({
   className: c,
   classNames: g,
-  showOutsideDays: a = !0,
+  showOutsideDays: r = !0,
   captionLayout: s = "label",
   buttonVariant: l = "ghost",
   formatters: u,
-  components: f,
-  ...b
+  components: b,
+  ...p
 }) {
-  const t = p();
+  const t = m();
   return /* @__PURE__ */ n.jsx(
     x,
     {
-      showOutsideDays: a,
+      showOutsideDays: r,
       className: e(
         `
           group/calendar bg-background p-3 [--cell-size:--spacing(8)]
@@ -30,7 +30,7 @@ function C({
       ),
       captionLayout: s,
       formatters: {
-        formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
+        formatMonthDropdown: (a) => a.toLocaleString("default", { month: "short" }),
         ...u
       },
       classNames: {
@@ -51,7 +51,7 @@ function C({
           t.nav
         ),
         button_previous: e(
-          m({ size: "sm", variant: l }),
+          f({ size: "sm", variant: l }),
           `
             size-(--cell-size) p-0 select-none
             aria-disabled:opacity-50
@@ -59,7 +59,7 @@ function C({
           t.button_previous
         ),
         button_next: e(
-          m({ size: "sm", variant: l }),
+          f({ size: "sm", variant: l }),
           `
             size-(--cell-size) p-0 select-none
             aria-disabled:opacity-50
@@ -155,7 +155,7 @@ function C({
       },
       components: {
         Root: ({
-          className: r,
+          className: a,
           rootRef: d,
           ...o
         }) => /* @__PURE__ */ n.jsx(
@@ -163,73 +163,77 @@ function C({
           {
             "data-slot": "calendar",
             ref: d,
-            className: e(r),
+            className: e(a),
             ...o
           }
         ),
-        Chevron: ({ className: r, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n.jsx(w, { className: e(r), ...o }) : d === "right" ? /* @__PURE__ */ n.jsx(_, { className: e(r), ...o }) : /* @__PURE__ */ n.jsx(y, { ...o }),
+        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n.jsx(w, { className: e(a), ...o }) : d === "right" ? /* @__PURE__ */ n.jsx(_, { className: e(a), ...o }) : /* @__PURE__ */ n.jsx(y, { ...o }),
         DayButton: v,
-        WeekNumber: ({ children: r, ...d }) => /* @__PURE__ */ n.jsx("td", { ...d, children: /* @__PURE__ */ n.jsx(
+        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n.jsx("td", { ...d, children: /* @__PURE__ */ n.jsx(
           "div",
           {
             className: `\r
                   flex size-(--cell-size) items-center justify-center\r
                   text-center\r
                 `,
-            children: r
+            children: a
           }
         ) }),
-        ...f
+        ...b
       },
-      ...b
+      ...p
     }
   );
 }
 function v({
   className: c,
   day: g,
-  modifiers: a,
+  modifiers: r,
   ...s
 }) {
-  const l = p(), u = i.useRef(null);
+  const l = m(), u = i.useRef(null);
   return i.useEffect(() => {
-    a.focused && u.current?.focus();
-  }, [a.focused]), /* @__PURE__ */ n.jsx(
+    r.focused && u.current?.focus();
+  }, [r.focused]), /* @__PURE__ */ n.jsx(
     h,
     {
       ref: u,
       variant: "ghost",
       size: "xs",
       "data-day": g.date.toLocaleDateString(),
-      "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
-      "data-range-start": a.range_start,
-      "data-range-end": a.range_end,
-      "data-range-middle": a.range_middle,
+      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+      "data-range-start": r.range_start,
+      "data-range-end": r.range_end,
+      "data-range-middle": r.range_middle,
       className: e(
         `
           flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1
-          rounded-md bg-transparent p-1 leading-none font-regular
+          p-1 leading-none font-regular
           group-data-[focused=true]/day:relative
           group-data-[focused=true]/day:z-10
           group-data-[focused=true]/day:border-ring
           group-data-[focused=true]/day:ring-[3px]
           group-data-[focused=true]/day:ring-ring/50
-          data-[range-end=true]:rounded-md data-[range-end=true]:rounded-l-none
-          data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-blue-500
+          before:rounded-md before:bg-transparent
           data-[range-end=true]:text-white
-          data-[range-end=true]:hover:bg-blue-500/80
-          data-[range-middle=true]:rounded-none
-          data-[range-middle=true]:bg-blue-500/10
+          data-[range-end=true]:before:rounded-md
+          data-[range-end=true]:before:rounded-l-none
+          data-[range-end=true]:before:rounded-r-md
+          data-[range-end=true]:before:bg-blue-500
+          data-[range-end=true]:hover:before:bg-blue-500/80
           data-[range-middle=true]:text-blue-800
-          data-[range-start=true]:rounded-md
-          data-[range-start=true]:rounded-l-md
-          data-[range-start=true]:rounded-r-none
-          data-[range-start=true]:bg-blue-500 data-[range-start=true]:text-white
-          data-[range-start=true]:hover:bg-blue-500/80
-          data-[selected-single=true]:bg-blue-500
+          data-[range-middle=true]:before:rounded-none
+          data-[range-middle=true]:before:bg-blue-500/10
+          data-[range-start=true]:text-white
+          data-[range-start=true]:before:rounded-md
+          data-[range-start=true]:before:rounded-l-md
+          data-[range-start=true]:before:rounded-r-none
+          data-[range-start=true]:before:bg-blue-500
+          data-[range-start=true]:hover:before:bg-blue-500/80
           data-[selected-single=true]:text-white
-          data-[selected-single=true]:hover:bg-blue-500/80
+          data-[selected-single=true]:before:bg-blue-500
           data-[selected-single=true]:hover:text-white
+          data-[selected-single=true]:hover:before:bg-blue-500/80
           dark:hover:text-accent-foreground
           dark:data-[range-middle=true]:text-blue-050
           [&>span]:paragraph-xs [&>span]:opacity-70

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clasing/ui",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "type": "module",
   "files": [
     "dist"