chesai-ui 0.16.12 → 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],

package/dist/components/full-calendar/recurrence-select.mjs

@@ -1,9 +1,9 @@
-import { jsxs as w, Fragment as M, jsx as m } from "react/jsx-runtime";
+import { jsxs as M, Fragment as p, jsx as m } from "react/jsx-runtime";
 import { format as f } from "date-fns";
-import { useState as v, useMemo as h } from "react";
-import { Select as W } from "../select/index.mjs";
-import { RecurrenceDialog as $ } from "./recurrence-dialog.mjs";
-const O = (e, a) => {
+import { useState as W, useMemo as h } from "react";
+import { Select as $ } from "../select/index.mjs";
+import { RecurrenceDialog as v } from "./recurrence-dialog.mjs";
+const O = (e, l) => {
   const n = e.frequency, t = e.interval;
   let o = "";
   if (t > 1 ? o = `Every ${t} ${n === "daily" ? "days" : n === "weekly" ? "weeks" : n === "monthly" ? "months" : "years"}` : o = n === "daily" ? "Daily" : n === "weekly" ? "Weekly" : n === "monthly" ? "Monthly" : "Annually", n === "weekly" && e.daysOfWeek && e.daysOfWeek.length > 0) {
@@ -16,7 +16,7 @@ const O = (e, a) => {
       "Friday",
       "Saturday"
     ];
-    e.daysOfWeek.length === 7 ? o = t > 1 ? `Every ${t} weeks on all days` : "Every day" : e.daysOfWeek.length === 5 && [1, 2, 3, 4, 5].every((l) => e.daysOfWeek.includes(l)) ? o = t > 1 ? `Every ${t} weeks on weekdays` : "Every weekday (Monday to Friday)" : o += ` on ${e.daysOfWeek.map((l) => s[l]).join(", ")}`;
+    e.daysOfWeek.length === 7 ? o = t > 1 ? `Every ${t} weeks on all days` : "Every day" : e.daysOfWeek.length === 5 && [1, 2, 3, 4, 5].every((a) => e.daysOfWeek.includes(a)) ? o = t > 1 ? `Every ${t} weeks on weekdays` : "Every weekday (Monday to Friday)" : o += ` on ${e.daysOfWeek.map((a) => s[a]).join(", ")}`;
   } else if (n === "monthly")
     if (e.monthDay)
       o += ` on day ${e.monthDay}`;
@@ -29,29 +29,29 @@ const O = (e, a) => {
         "Thursday",
         "Friday",
         "Saturday"
-      ], l = ["", "first", "second", "third", "fourth", "fifth"], { dayOfWeek: r, nth: i } = e.nthDayOfWeek;
-      o += ` on ${i === -1 ? "the last" : `the ${l[i]}`} ${s[r]}`;
+      ], a = ["", "first", "second", "third", "fourth", "fifth"], { dayOfWeek: c, nth: i } = e.nthDayOfWeek;
+      o += ` on ${i === -1 ? "the last" : `the ${a[i]}`} ${s[c]}`;
     } else
-      o += ` on day ${a.getDate()}`;
-  else n === "yearly" && (o += ` on ${f(a, "MMM d")}`);
+      o += ` on day ${l.getDate()}`;
+  else n === "yearly" && (o += ` on ${f(l, "MMM d")}`);
   return e.endType === "on_date" && e.until ? o += `, until ${f(e.until, "MMM d, yyyy")}` : e.endType === "after_occurrences" && e.count && (o += `, for ${e.count} occurrences`), o;
-}, F = ({
+}, _ = ({
   value: e,
-  onChange: a,
+  onChange: l,
   startDate: n,
   variant: t = "filled",
   size: o = "sm",
   shape: s = "full",
-  className: l
+  className: a
 }) => {
-  const [r, i] = v(!1), c = h(() => {
+  const [c, i] = W(!1), d = h(() => {
     if (!e) return "none";
-    const { frequency: y, interval: k, endType: g, daysOfWeek: d } = e;
-    if (k === 1 && g === "never") {
+    const { frequency: y, interval: k, endType: w, daysOfWeek: r } = e;
+    if (k === 1 && w === "never") {
       if (y === "daily") return "daily";
-      if (y === "weekly" && d?.length === 1 && d[0] === n.getDay())
+      if (y === "weekly" && r?.length === 1 && r[0] === n.getDay())
         return "weekly";
-      if (y === "weekly" && d?.length === 5 && [1, 2, 3, 4, 5].every((p) => d.includes(p)))
+      if (y === "weekly" && r?.length === 5 && [1, 2, 3, 4, 5].every((g) => r.includes(g)))
         return "weekdays";
       if (y === "monthly" && e.monthDay === n.getDate())
         return "monthly";
@@ -63,64 +63,56 @@ const O = (e, a) => {
     const y = [
       { value: "none", label: "Does not repeat" },
       { value: "daily", label: "Daily" },
-      {
-        value: "weekly",
-        label: `Weekly on ${f(n, "EEEE")}`
-      },
-      {
-        value: "monthly",
-        label: `Monthly on the ${n.getDate()}`
-      },
-      {
-        value: "yearly",
-        label: `Annually on ${f(n, "MMM d")}`
-      },
-      { value: "weekdays", label: "Every weekday (Monday to Friday)" }
+      { value: "weekly", label: `Weekly on ${f(n, "EEEE")}` },
+      { value: "monthly", label: `Monthly on the ${n.getDate()}` },
+      { value: "yearly", label: `Annually on ${f(n, "MMM d")}` },
+      { value: "weekdays", label: "Every weekday (Monday to Friday)" },
+      { value: "custom", label: "Custom..." }
     ];
-    return c === "custom_active" && e && y.push({
+    return d === "custom_active" && e && y.push({
       value: "custom_active",
       label: O(e, n)
-    }), y.push({ value: "custom", label: "Custom..." }), y;
-  }, [n, c, e]);
-  return /* @__PURE__ */ w(M, { children: [
+    }), y;
+  }, [n, d, e]);
+  return /* @__PURE__ */ M(p, { children: [
     /* @__PURE__ */ m(
-      W,
+      $,
       {
         variant: t,
         size: o,
         shape: s,
-        value: c,
+        value: d,
         onValueChange: (y) => {
-          y === "none" ? a(void 0) : y === "custom" ? i(!0) : y === "weekdays" ? a({
+          y !== d && (y === "none" ? l(void 0) : y === "custom" ? i(!0) : y === "weekdays" ? l({
             frequency: "weekly",
             interval: 1,
             endType: "never",
             daysOfWeek: [1, 2, 3, 4, 5]
-          }) : y !== "custom_active" && a({
+          }) : ["daily", "weekly", "monthly", "yearly"].includes(y) && l({
             frequency: y,
             interval: 1,
             endType: "never",
             daysOfWeek: y === "weekly" ? [n.getDay()] : void 0,
             monthDay: y === "monthly" ? n.getDate() : void 0,
             month: y === "yearly" ? n.getMonth() + 1 : void 0
-          });
+          }));
         },
         items: u,
-        className: l
+        className: a
       }
     ),
     /* @__PURE__ */ m(
-      $,
+      v,
       {
-        isOpen: r,
+        isOpen: c,
         onClose: () => i(!1),
         value: e,
-        onChange: a,
+        onChange: l,
         startDate: n
       }
     )
   ] });
 };
 export {
-  F as RecurrenceSelect
+  _ as RecurrenceSelect
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "chesai-ui",
   "private": false,
-  "version": "0.16.12",
+  "version": "0.16.13",
   "repository": {
     "type": "git",
     "url": "https://github.com/ayhamdev/chesai-ui"