chesai-ui 0.16.11 → 0.16.13

package/dist/components/date-picker/infinite-calendar.mjs

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
 import { useVirtualizer as N } from "@tanstack/react-virtual";
 import { clsx as x } from "clsx";
 import { startOfMonth as D, isBefore as M, addMonths as I, endOfMonth as T, eachDayOfInterval as k, getDay as S, format as b, isSameDay as u, isAfter as z, isToday as j } from "date-fns";
@@ -17,7 +17,7 @@ const v = C(
       return k({ start: n, end: o });
     }, [r]), h = g(() => S(d[0]), [d]);
     return /* @__PURE__ */ y("div", { className: "mb-4 px-4", children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ s(
         A,
         {
           variant: "label-large",
@@ -26,27 +26,27 @@ const v = C(
         }
       ),
       /* @__PURE__ */ y("div", { className: "grid grid-cols-7 gap-y-2", children: [
-        Array.from({ length: h }).map((n, o) => /* @__PURE__ */ i("div", {}, `empty-${o}`)),
+        Array.from({ length: h }).map((n, o) => /* @__PURE__ */ s("div", {}, `empty-${o}`)),
         d.map((n) => {
           const o = n.toISOString();
-          let l = !1, s = !1, f = !1, p = !1;
+          let l = !1, i = !1, f = !1, p = !1;
           if (c === "single" && a instanceof Date)
             l = u(n, a);
           else if (c === "range") {
             const e = a;
-            e?.from && (s = u(n, e.from)), e?.to && (f = u(n, e.to)), e?.from && e?.to && (p = z(n, e.from) && M(n, e.to));
+            e?.from && (i = u(n, e.from)), e?.to && (f = u(n, e.to)), e?.from && e?.to && (p = z(n, e.from) && M(n, e.to));
           }
           const t = j(n);
-          return /* @__PURE__ */ i(
+          return /* @__PURE__ */ s(
             "div",
             {
               className: x(
                 "relative flex aspect-square items-center justify-center p-0",
                 p && "bg-secondary-container/30",
-                s && "bg-gradient-to-r from-transparent to-secondary-container/30",
-                f && "bg-gradient-to-l from-transparent to-secondary-container/30"
+                i && "bg-gradient-to-r rtl:bg-gradient-to-l from-transparent to-secondary-container/30",
+                f && "bg-gradient-to-l rtl:bg-gradient-to-r from-transparent to-secondary-container/30"
               ),
-              children: /* @__PURE__ */ i(
+              children: /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
@@ -54,11 +54,11 @@ const v = C(
                   className: x(
                     "relative z-10 flex h-9 w-9 items-center justify-center rounded-full text-sm font-medium transition-colors",
                     // Selected State
-                    l || s || f ? "bg-primary text-on-primary shadow-sm" : "text-on-surface",
+                    l || i || f ? "bg-primary text-on-primary shadow-sm" : "text-on-surface",
                     // Today State
-                    !l && !s && !f && t && "border border-primary text-primary font-bold",
-                    // Hover State (only if not selected)
-                    !l && !s && !f && "hover:bg-surface-container-highest"
+                    !l && !i && !f && t && "border border-primary text-primary font-bold",
+                    // Hover State
+                    !l && !i && !f && "hover:bg-surface-container-highest"
                   ),
                   children: b(n, "d")
                 }
@@ -70,7 +70,6 @@ const v = C(
       ] })
     ] });
   },
-  // Custom comparison function for React.memo to strictly prevent re-renders
   (r, a) => r.monthDate.getTime() === a.monthDate.getTime() && r.value === a.value && r.mode === a.mode
 );
 v.displayName = "MonthGrid";
@@ -94,17 +93,15 @@ const W = ({
     return o.findIndex(
       (e) => e.getFullYear() === (t || /* @__PURE__ */ new Date()).getFullYear() && e.getMonth() === (t || /* @__PURE__ */ new Date()).getMonth()
     );
-  }, [o, r, m]), s = N({
+  }, [o, r, m]), i = N({
     count: o.length,
     getScrollElement: () => n.current,
     estimateSize: () => 340,
-    // Consistent height estimate
     overscan: 1,
-    // Reduced overscan for performance (renders fewer invisible items)
     initialOffset: l !== -1 ? l * 340 : 0
   });
   O(() => {
-    l !== -1 && n.current && s.scrollToIndex(l, { align: "start" });
+    l !== -1 && n.current && i.scrollToIndex(l, { align: "start" });
   }, []);
   const f = (t) => {
     if (m === "single")
@@ -115,7 +112,7 @@ const W = ({
     }
   };
   return /* @__PURE__ */ y("div", { className: "flex h-full w-full flex-col bg-surface-container", children: [
-    /* @__PURE__ */ i("div", { className: "grid shrink-0 grid-cols-7 border-b border-outline-variant/50 bg-surface-container-high px-4 py-2 z-20", children: ["S", "M", "T", "W", "T", "F", "S"].map((t, e) => /* @__PURE__ */ i(
+    /* @__PURE__ */ s("div", { className: "grid shrink-0 grid-cols-7 border-b border-outline-variant/50 bg-surface-container-high px-4 py-2 z-20", children: ["S", "M", "T", "W", "T", "F", "S"].map((t, e) => /* @__PURE__ */ s(
       "div",
       {
         className: "flex h-8 items-center justify-center text-xs font-bold text-on-surface-variant",
@@ -123,29 +120,29 @@ const W = ({
       },
       e
     )) }),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ s(
       F,
       {
         ref: n,
         className: "flex-1 overflow-y-auto pt-2 contain-strict",
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ s(
           "div",
           {
             style: {
-              height: `${s.getTotalSize()}px`,
+              height: `${i.getTotalSize()}px`,
               width: "100%",
               position: "relative"
             },
-            children: s.getVirtualItems().map((t) => /* @__PURE__ */ i(
+            children: i.getVirtualItems().map((t) => /* @__PURE__ */ s(
               "div",
               {
                 "data-index": t.index,
-                ref: s.measureElement,
+                ref: i.measureElement,
                 className: "absolute top-0 left-0 w-full",
                 style: {
                   transform: `translateY(${t.start}px)`
                 },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ s(
                   v,
                   {
                     monthDate: o[t.index],