chesai-ui 0.16.9 → 0.16.10

package/dist/components/full-calendar/event-popover.mjs

@@ -1,27 +1,28 @@
 import { jsxs as r, jsx as t, Fragment as R } from "react/jsx-runtime";
-import { useMediaQuery as me } from "@uidotdev/usehooks";
-import { clsx as H } from "clsx";
+import { useMediaQuery as ue } from "@uidotdev/usehooks";
+import { clsx as X } from "clsx";
 import { format as W } from "date-fns";
 import { useDragControls as fe, useMotionValue as L, AnimatePresence as Q, motion as S } from "framer-motion";
 import { Clock as he, Repeat as pe, X as U, Trash2 as J, GripHorizontal as ye } from "lucide-react";
-import { useRef as ve, useState as O, useEffect as K } from "react";
+import { useRef as ve, useState as M, useEffect as K } from "react";
 import { createPortal as P } from "react-dom";
-import { Button as M } from "../button/index.mjs";
+import { Button as x } from "../button/index.mjs";
+import { ButtonGroup as ge } from "../button-group/index.mjs";
 import { DatePicker as z } from "../date-picker/date-picker.mjs";
-import { IconButton as x } from "../icon-button/index.mjs";
-import { Input as ge } from "../input/index.mjs";
-import { Sheet as xe, SheetContent as we, SheetHeader as be, SheetTitle as Ne } from "../sheet/index.mjs";
+import { IconButton as w } from "../icon-button/index.mjs";
+import { Input as xe } from "../input/index.mjs";
+import { Sheet as we, SheetContent as be, SheetHeader as Ne, SheetTitle as ke } from "../sheet/index.mjs";
 import { TimePicker as Z } from "../time-picker/index.mjs";
-import { Typography as w } from "../typography/index.mjs";
-import { Switch as ke } from "../switch/index.mjs";
+import { Typography as b } from "../typography/index.mjs";
+import { Switch as De } from "../switch/index.mjs";
 import { Select as ee } from "../select/index.mjs";
 import { NumberInput as te } from "../number-input/index.mjs";
-import { useFullCalendar as De } from "./calendar-context.mjs";
-const b = 380, Ce = (s, i) => {
+import { useFullCalendar as Ce } from "./calendar-context.mjs";
+const N = 380, Oe = (s, i) => {
   const o = s.frequency, a = s.interval;
   let d = "";
   if (a > 1 ? d = `Every ${a} ${o === "daily" ? "days" : o === "weekly" ? "weeks" : o === "monthly" ? "months" : "years"}` : d = o === "daily" ? "Daily" : o === "weekly" ? "Weekly" : o === "monthly" ? "Monthly" : "Annually", o === "weekly" && s.daysOfWeek && s.daysOfWeek.length > 0) {
-    const N = [
+    const k = [
       "Sunday",
       "Monday",
       "Tuesday",
@@ -30,7 +31,7 @@ const b = 380, Ce = (s, i) => {
       "Friday",
       "Saturday"
     ];
-    s.daysOfWeek.length === 7 ? d = a > 1 ? `Every ${a} weeks on all days` : "Every day" : s.daysOfWeek.length === 5 && [1, 2, 3, 4, 5].every((y) => s.daysOfWeek.includes(y)) ? d = a > 1 ? `Every ${a} weeks on weekdays` : "Every weekday (Monday to Friday)" : d += ` on ${s.daysOfWeek.map((y) => N[y]).join(", ")}`;
+    s.daysOfWeek.length === 7 ? d = a > 1 ? `Every ${a} weeks on all days` : "Every day" : s.daysOfWeek.length === 5 && [1, 2, 3, 4, 5].every((y) => s.daysOfWeek.includes(y)) ? d = a > 1 ? `Every ${a} weeks on weekdays` : "Every weekday (Monday to Friday)" : d += ` on ${s.daysOfWeek.map((y) => k[y]).join(", ")}`;
   } else o === "monthly" ? d += ` on day ${i.getDate()}` : o === "yearly" && (d += ` on ${W(i, "MMM d")}`);
   return s.endType === "on_date" && s.until ? d += `, until ${W(s.until, "MMM d, yyyy")}` : s.endType === "after_occurrences" && s.count && (d += `, for ${s.count} occurrences`), d;
 }, A = ({
@@ -53,7 +54,7 @@ const b = 380, Ce = (s, i) => {
       /* @__PURE__ */ t(
         "div",
         {
-          className: H(
+          className: X(
             "w-5 h-5 rounded-full border-2 transition-colors",
             s ? "border-primary" : "border-outline-variant hover:border-on-surface-variant"
           )
@@ -62,7 +63,7 @@ const b = 380, Ce = (s, i) => {
       /* @__PURE__ */ t(
         "div",
         {
-          className: H(
+          className: X(
             "absolute w-2.5 h-2.5 rounded-full bg-primary transition-transform duration-200",
             s ? "scale-100" : "scale-0"
           )
@@ -72,22 +73,22 @@ const b = 380, Ce = (s, i) => {
     /* @__PURE__ */ t("span", { className: "text-sm font-medium text-on-surface select-none", children: o })
   ] }),
   a && /* @__PURE__ */ t("div", { className: "flex-1 flex items-center", children: a })
-] }), Be = () => {
-  const s = De(), {
+] }), Xe = () => {
+  const s = Ce(), {
     popover: i,
     closePopover: o,
     draftEvent: a,
     setDraftEvent: d,
-    onEventCreate: N,
+    onEventCreate: k,
     onEventUpdate: y,
-    onEventDelete: q,
+    onEventDelete: H,
     hidePopoverTitle: ae,
     hidePopoverTime: ne,
     hidePopoverRecurrence: re,
-    renderPopoverHeader: Y,
-    renderPopoverFooter: j,
+    renderPopoverHeader: q,
+    renderPopoverFooter: Y,
     renderPopoverCustomFields: V
-  } = s, v = me("(max-width: 768px)"), E = ve(null), _ = fe(), k = L(0), D = L(0), [ie, C] = O(!1), [g, le] = O(450), [c, m] = O({
+  } = s, v = ue("(max-width: 768px)"), E = ve(null), _ = fe(), D = L(0), C = L(0), [ie, O] = M(!1), [g, le] = M(450), [c, u] = M({
     frequency: "weekly",
     interval: 1,
     daysOfWeek: [],
@@ -108,18 +109,18 @@ const b = 380, Ce = (s, i) => {
       const n = window.innerWidth, l = window.innerHeight;
       if (i.anchorRect) {
         let p = i.anchorRect.right + 16, f = i.anchorRect.top;
-        p + b > n && (p = i.anchorRect.left - b - 16), f + g > l && (f = l - g - 16), p = Math.max(
+        p + N > n && (p = i.anchorRect.left - N - 16), f + g > l && (f = l - g - 16), p = Math.max(
           16,
-          Math.min(p, n - b - 16)
+          Math.min(p, n - N - 16)
         ), f = Math.max(
           16,
           Math.min(f, l - g - 16)
-        ), k.set(p), D.set(f);
+        ), D.set(p), C.set(f);
       } else
-        k.set(n / 2 - b / 2), D.set(l / 2 - g / 2);
+        D.set(n / 2 - N / 2), C.set(l / 2 - g / 2);
     }
-  }, [i.isOpen, i.anchorRect, v, g, k, D]);
-  const [se, oe] = O(1), $ = async () => {
+  }, [i.isOpen, i.anchorRect, v, g, D, C]);
+  const [se, oe] = M(1), $ = async () => {
     if (!a) return;
     const e = new Date(a.start);
     a.isAllDay ? e.setHours(0, 0, 0, 0) : e.setHours(
@@ -141,10 +142,10 @@ const b = 380, Ce = (s, i) => {
       end: n,
       title: a.title || "(No title)"
     };
-    delete l.isDraft, i.mode === "create" && N ? await N(l) : i.mode === "edit" && y && await y(l), o();
-  }, I = async () => {
-    a?.id && q && await q(a.id), o();
-  }, u = (e) => {
+    delete l.isDraft, i.mode === "create" && k ? await k(l) : i.mode === "edit" && y && await y(l), o();
+  }, j = async () => {
+    a?.id && H && await H(a.id), o();
+  }, m = (e) => {
     d((n) => n ? { ...n, ...e } : null);
   }, T = (e) => {
     d((n) => {
@@ -174,12 +175,12 @@ const b = 380, Ce = (s, i) => {
     const e = a.recurrence;
     e.interval === 1 && e.endType === "never" && (e.frequency === "daily" ? h = "daily" : e.frequency === "weekly" && e.daysOfWeek?.length === 1 && e.daysOfWeek[0] === a.start.getDay() ? h = "weekly" : e.frequency === "weekly" && e.daysOfWeek?.length === 5 && [1, 2, 3, 4, 5].every((n) => e.daysOfWeek.includes(n)) ? h = "weekdays" : e.frequency === "monthly" ? h = "monthly" : e.frequency === "yearly" && (h = "yearly")), h === "none" && (h = "custom_active", F.push({
       value: "custom_active",
-      label: Ce(e, a.start)
+      label: Oe(e, a.start)
     }));
   }
   F.push({ value: "custom", label: "Custom..." });
   const ce = (e) => {
-    e === "none" ? u({ recurrence: void 0 }) : e === "custom" ? (m(
+    e === "none" ? m({ recurrence: void 0 }) : e === "custom" ? (u(
       a?.recurrence || {
         frequency: "weekly",
         interval: 1,
@@ -188,14 +189,14 @@ const b = 380, Ce = (s, i) => {
         count: 13,
         until: new Date(Date.now() + 720 * 60 * 60 * 1e3)
       }
-    ), C(!0)) : e === "weekdays" ? u({
+    ), O(!0)) : e === "weekdays" ? m({
       recurrence: {
         frequency: "weekly",
         interval: 1,
         endType: "never",
         daysOfWeek: [1, 2, 3, 4, 5]
       }
-    }) : e !== "custom_active" && u({
+    }) : e !== "custom_active" && m({
       recurrence: {
         frequency: e,
         interval: 1,
@@ -206,14 +207,14 @@ const b = 380, Ce = (s, i) => {
   };
   if (!a) return null;
   const B = /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 p-6 font-manrope text-on-surface min-w-[340px]", children: [
-    Y && /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: Y(a, T) }),
+    q && /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: q(a, T) }),
     !ae && /* @__PURE__ */ t("div", { className: "pl-10 pr-2", children: /* @__PURE__ */ t(
-      ge,
+      xe,
       {
         variant: "underlined",
         placeholder: "Add title",
         value: a.title,
-        onChange: (e) => u({ title: e.target.value }),
+        onChange: (e) => m({ title: e.target.value }),
         autoFocus: !0,
         className: "shadow-none px-0",
         classNames: {
@@ -251,7 +252,7 @@ const b = 380, Ce = (s, i) => {
                   e.getFullYear(),
                   e.getMonth(),
                   e.getDate()
-                ), u({ start: n, end: l });
+                ), m({ start: n, end: l });
               }
             }
           ),
@@ -272,13 +273,13 @@ const b = 380, Ce = (s, i) => {
                     e.getFullYear(),
                     e.getMonth(),
                     e.getDate()
-                  ), u({ end: n }), a.start > n) {
+                  ), m({ end: n }), a.start > n) {
                     const l = new Date(a.start);
                     l.setFullYear(
                       e.getFullYear(),
                       e.getMonth(),
                       e.getDate()
-                    ), u({ start: l });
+                    ), m({ start: l });
                   }
                 }
               }
@@ -287,21 +288,21 @@ const b = 380, Ce = (s, i) => {
         ] }),
         /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mt-1 w-fit", children: [
           /* @__PURE__ */ t(
-            ke,
+            De,
             {
               id: "all-day-switch",
               size: "sm",
               checked: !!a.isAllDay,
               onCheckedChange: (e) => {
                 if (e)
-                  u({ isAllDay: e });
+                  m({ isAllDay: e });
                 else {
                   const n = new Date(a.end);
                   n.setFullYear(
                     a.start.getFullYear(),
                     a.start.getMonth(),
                     a.start.getDate()
-                  ), u({ isAllDay: e, end: n });
+                  ), m({ isAllDay: e, end: n });
                 }
               }
             }
@@ -324,7 +325,7 @@ const b = 380, Ce = (s, i) => {
               size: "sm",
               shape: "full",
               value: a.start,
-              onChange: (e) => u({ start: e })
+              onChange: (e) => m({ start: e })
             }
           ),
           /* @__PURE__ */ t("span", { className: "text-on-surface-variant shrink-0", children: "-" }),
@@ -336,7 +337,7 @@ const b = 380, Ce = (s, i) => {
               size: "sm",
               shape: "full",
               value: a.end,
-              onChange: (e) => u({ end: e })
+              onChange: (e) => m({ end: e })
             }
           )
         ] })
@@ -357,8 +358,8 @@ const b = 380, Ce = (s, i) => {
       ) })
     ] }),
     V && /* @__PURE__ */ t("div", { className: "mt-2 border-t border-outline-variant/30 pt-4 flex flex-col gap-4", children: V(a, T) }),
-    j && /* @__PURE__ */ t("div", { className: "mt-2 border-t border-outline-variant/30 pt-4 flex flex-col gap-4", children: j(a, T) })
-  ] }), X = /* @__PURE__ */ t(Q, { children: ie && /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[100] flex items-center justify-center px-4 pointer-events-auto", children: [
+    Y && /* @__PURE__ */ t("div", { className: "mt-2 border-t border-outline-variant/30 pt-4 flex flex-col gap-4", children: Y(a, T) })
+  ] }), I = /* @__PURE__ */ t(Q, { children: ie && /* @__PURE__ */ r("div", { className: "fixed inset-0 z-[100] flex items-center justify-center px-4 pointer-events-auto", children: [
     /* @__PURE__ */ t(
       S.div,
       {
@@ -367,7 +368,7 @@ const b = 380, Ce = (s, i) => {
         exit: { opacity: 0 },
         transition: { duration: 0.2 },
         className: "absolute inset-0 bg-black/50",
-        onClick: () => C(!1)
+        onClick: () => O(!1)
       }
     ),
     /* @__PURE__ */ r(
@@ -379,10 +380,10 @@ const b = 380, Ce = (s, i) => {
         transition: { duration: 0.2 },
         className: "relative bg-surface-container-high rounded-3xl shadow-2xl p-6 w-full max-w-[420px] flex flex-col gap-6",
         children: [
-          /* @__PURE__ */ t(w, { variant: "title-medium", className: "font-bold", children: "Custom recurrence" }),
+          /* @__PURE__ */ t(b, { variant: "title-medium", className: "font-bold", children: "Custom recurrence" }),
           /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ t(
-              w,
+              b,
               {
                 variant: "body-medium",
                 className: "shrink-0 w-24 font-medium",
@@ -395,7 +396,7 @@ const b = 380, Ce = (s, i) => {
                 size: "sm",
                 variant: "filled",
                 value: c.interval,
-                onValueChange: (e) => m((n) => ({ ...n, interval: Number(e) })),
+                onValueChange: (e) => u((n) => ({ ...n, interval: Number(e) })),
                 min: 1,
                 classNames: {
                   inputWrapper: "h-10 min-h-[40px] px-2",
@@ -409,7 +410,7 @@ const b = 380, Ce = (s, i) => {
                 size: "sm",
                 variant: "filled",
                 value: c.frequency,
-                onValueChange: (e) => m((n) => ({ ...n, frequency: e })),
+                onValueChange: (e) => u((n) => ({ ...n, frequency: e })),
                 items: [
                   {
                     value: "daily",
@@ -433,39 +434,38 @@ const b = 380, Ce = (s, i) => {
             ) })
           ] }),
           c.frequency === "weekly" && /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 mt-2", children: [
-            /* @__PURE__ */ t(w, { variant: "body-medium", className: "font-medium", children: "Repeat on" }),
-            /* @__PURE__ */ t("div", { className: "flex justify-between gap-1 mt-1", children: ["S", "M", "T", "W", "T", "F", "S"].map((e, n) => {
+            /* @__PURE__ */ t(b, { variant: "body-medium", className: "font-medium", children: "Repeat on" }),
+            /* @__PURE__ */ t("div", { className: "flex justify-between mt-1 w-full", children: /* @__PURE__ */ t(ge, { shape: "full", gap: "xs", className: "w-full flex", children: ["S", "M", "T", "W", "T", "F", "S"].map((e, n) => {
               const l = c.daysOfWeek?.includes(n);
               return /* @__PURE__ */ t(
-                "button",
+                x,
                 {
+                  variant: l ? "primary" : "secondary",
+                  isActive: l,
                   onClick: () => {
-                    m((p) => {
-                      const f = p.daysOfWeek || [], G = f.includes(n) ? f.filter((ue) => ue !== n) : [...f, n];
+                    u((p) => {
+                      const f = p.daysOfWeek || [], G = f.includes(n) ? f.filter((me) => me !== n) : [...f, n];
                       return {
                         ...p,
                         daysOfWeek: G.length ? G : [n]
                       };
                     });
                   },
-                  className: H(
-                    "w-9 h-9 rounded-full flex items-center justify-center text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
-                    l ? "bg-primary text-on-primary" : "bg-surface-container-highest text-on-surface hover:bg-surface-container-highest/80"
-                  ),
+                  className: "flex-1 !px-0 min-w-0",
                   children: e
                 },
                 n
               );
-            }) })
+            }) }) })
           ] }),
           /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 mt-2", children: [
-            /* @__PURE__ */ t(w, { variant: "body-medium", className: "font-medium mb-1", children: "Ends" }),
+            /* @__PURE__ */ t(b, { variant: "body-medium", className: "font-medium mb-1", children: "Ends" }),
             /* @__PURE__ */ r("div", { className: "flex flex-col gap-4", children: [
               /* @__PURE__ */ t(
                 A,
                 {
                   checked: c.endType === "never",
-                  onChange: () => m((e) => ({ ...e, endType: "never" })),
+                  onChange: () => u((e) => ({ ...e, endType: "never" })),
                   label: "Never"
                 }
               ),
@@ -473,7 +473,7 @@ const b = 380, Ce = (s, i) => {
                 A,
                 {
                   checked: c.endType === "on_date",
-                  onChange: () => m((e) => ({ ...e, endType: "on_date" })),
+                  onChange: () => u((e) => ({ ...e, endType: "on_date" })),
                   label: "On",
                   children: /* @__PURE__ */ t("div", { className: "w-[180px]", children: /* @__PURE__ */ t(
                     z,
@@ -483,7 +483,7 @@ const b = 380, Ce = (s, i) => {
                       size: "sm",
                       disabled: c.endType !== "on_date",
                       value: c.until,
-                      onChange: (e) => e && m((n) => ({ ...n, until: e })),
+                      onChange: (e) => e && u((n) => ({ ...n, until: e })),
                       classNames: { inputWrapper: "h-10 min-h-[40px]" }
                     }
                   ) })
@@ -493,7 +493,7 @@ const b = 380, Ce = (s, i) => {
                 A,
                 {
                   checked: c.endType === "after_occurrences",
-                  onChange: () => m((e) => ({
+                  onChange: () => u((e) => ({
                     ...e,
                     endType: "after_occurrences"
                   })),
@@ -506,7 +506,7 @@ const b = 380, Ce = (s, i) => {
                         size: "sm",
                         disabled: c.endType !== "after_occurrences",
                         value: c.count,
-                        onValueChange: (e) => m((n) => ({ ...n, count: Number(e) })),
+                        onValueChange: (e) => u((n) => ({ ...n, count: Number(e) })),
                         min: 1,
                         classNames: {
                           inputWrapper: "h-10 min-h-[40px] px-2",
@@ -515,7 +515,7 @@ const b = 380, Ce = (s, i) => {
                       }
                     ),
                     /* @__PURE__ */ t(
-                      w,
+                      b,
                       {
                         variant: "body-medium",
                         className: "whitespace-nowrap opacity-80 font-normal",
@@ -529,19 +529,19 @@ const b = 380, Ce = (s, i) => {
           ] }),
           /* @__PURE__ */ r("div", { className: "flex justify-end gap-2 pt-4", children: [
             /* @__PURE__ */ t(
-              M,
+              x,
               {
                 variant: "ghost",
-                onClick: () => C(!1),
+                onClick: () => O(!1),
                 children: "Cancel"
               }
             ),
             /* @__PURE__ */ t(
-              M,
+              x,
               {
                 variant: "primary",
                 onClick: () => {
-                  u({ recurrence: c }), C(!1);
+                  m({ recurrence: c }), O(!1);
                 },
                 children: "Done"
               }
@@ -555,7 +555,7 @@ const b = 380, Ce = (s, i) => {
   if (v)
     return /* @__PURE__ */ r(R, { children: [
       /* @__PURE__ */ t(
-        xe,
+        we,
         {
           open: i.isOpen,
           onOpenChange: (e) => !e && o(),
@@ -563,18 +563,18 @@ const b = 380, Ce = (s, i) => {
           snapPoints: [0.6, 1],
           activeSnapPoint: se,
           setActiveSnapPoint: oe,
-          children: /* @__PURE__ */ r(we, { className: "p-0 flex flex-col overflow-hidden h-full", children: [
-            /* @__PURE__ */ r(be, { className: "px-4 py-2 border-b border-outline-variant/20 shrink-0 flex-row justify-between items-center !space-y-0", children: [
+          children: /* @__PURE__ */ r(be, { className: "p-0 flex flex-col overflow-hidden h-full", children: [
+            /* @__PURE__ */ r(Ne, { className: "px-4 py-2 border-b border-outline-variant/20 shrink-0 flex-row justify-between items-center !space-y-0", children: [
               /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ t(x, { variant: "ghost", onClick: o, children: /* @__PURE__ */ t(U, { className: "w-5 h-5" }) }),
-                /* @__PURE__ */ t(Ne, { className: "text-base font-semibold m-0", children: i.mode === "create" ? "New Event" : "Edit Event" })
+                /* @__PURE__ */ t(w, { variant: "ghost", onClick: o, children: /* @__PURE__ */ t(U, { className: "w-5 h-5" }) }),
+                /* @__PURE__ */ t(ke, { className: "text-base font-semibold m-0", children: i.mode === "create" ? "New Event" : "Edit Event" })
               ] }),
               i.mode === "edit" && /* @__PURE__ */ t(
-                x,
+                w,
                 {
                   variant: "ghost",
                   size: "sm",
-                  onClick: I,
+                  onClick: j,
                   className: "text-error hover:bg-error/10 hover:text-error",
                   children: /* @__PURE__ */ t(J, { className: "w-5 h-5" })
                 }
@@ -582,7 +582,7 @@ const b = 380, Ce = (s, i) => {
             ] }),
             /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto no-scrollbar", children: B }),
             /* @__PURE__ */ t("div", { className: "p-3 border-t border-outline-variant/20 bg-surface-container shrink-0 flex justify-end items-center pb-safe", children: /* @__PURE__ */ t(
-              M,
+              x,
               {
                 variant: "primary",
                 onClick: $,
@@ -593,7 +593,7 @@ const b = 380, Ce = (s, i) => {
           ] })
         }
       ),
-      typeof document < "u" && P(X, document.body)
+      typeof document < "u" && P(I, document.body)
     ] });
   const de = /* @__PURE__ */ t("div", { className: "fixed inset-0 pointer-events-none z-[50]", children: /* @__PURE__ */ t(Q, { children: i.isOpen && /* @__PURE__ */ r(
     S.div,
@@ -604,10 +604,10 @@ const b = 380, Ce = (s, i) => {
       dragControls: _,
       dragListener: !1,
       style: {
-        x: k,
-        y: D,
+        x: D,
+        y: C,
         width: "auto",
-        minWidth: b,
+        minWidth: N,
         maxWidth: "calc(100vw - 32px)"
       },
       initial: { opacity: 0, scale: 0.95 },
@@ -625,7 +625,7 @@ const b = 380, Ce = (s, i) => {
             className: "flex items-center justify-between px-2 py-1.5 bg-surface-container-high border-b border-outline-variant/20 drag-handle cursor-move rounded-t-2xl shrink-0",
             children: [
               /* @__PURE__ */ t(
-                x,
+                w,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -635,17 +635,17 @@ const b = 380, Ce = (s, i) => {
               ),
               /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
                 i.mode === "edit" && a && /* @__PURE__ */ t(
-                  x,
+                  w,
                   {
                     variant: "ghost",
                     size: "sm",
-                    onClick: I,
+                    onClick: j,
                     className: "text-error hover:bg-error/10 hover:text-error cursor-pointer pointer-events-auto",
                     children: /* @__PURE__ */ t(J, { className: "w-4 h-4" })
                   }
                 ),
                 /* @__PURE__ */ t(
-                  x,
+                  w,
                   {
                     variant: "ghost",
                     size: "sm",
@@ -660,7 +660,7 @@ const b = 380, Ce = (s, i) => {
         ),
         /* @__PURE__ */ t("div", { className: "flex-1 max-h-[80vh] overflow-y-auto scrollbar-thin overflow-x-hidden min-h-0", children: B }),
         /* @__PURE__ */ t("div", { className: "flex items-center justify-end gap-2 p-4 border-t border-outline-variant/20 bg-surface-container-high shrink-0 rounded-b-2xl", children: /* @__PURE__ */ t(
-          M,
+          x,
           {
             variant: "primary",
             onClick: $,
@@ -673,9 +673,9 @@ const b = 380, Ce = (s, i) => {
   ) }) });
   return /* @__PURE__ */ r(R, { children: [
     typeof document < "u" && P(de, document.body),
-    typeof document < "u" && P(X, document.body)
+    typeof document < "u" && P(I, document.body)
   ] });
 };
 export {
-  Be as EventPopover
+  Xe as EventPopover
 };

package/dist/components/full-calendar/utils.mjs

@@ -1,6 +1,7 @@
-import { startOfWeek as D, startOfMonth as x, endOfWeek as H, endOfMonth as O, addDays as m, addWeeks as k, addMonths as b, addYears as W, startOfDay as y, isBefore as C, isAfter as I, differenceInDays as T, isSameDay as M, startOfYear as q, setMonth as B, format as F } from "date-fns";
-const Y = (s) => {
-  switch (s) {
+import { startOfWeek as O, startOfMonth as T, endOfWeek as b, endOfMonth as H, addDays as w, startOfDay as f, isBefore as I, isAfter as x, differenceInDays as k, isSameDay as E, startOfYear as W, setMonth as R, format as Y } from "date-fns";
+import { RRule as y } from "rrule";
+const L = (t) => {
+  switch (t) {
     case "primary":
       return "bg-surface-container-low";
     case "secondary":
@@ -10,8 +11,8 @@ const Y = (s) => {
     default:
       return "bg-surface";
   }
-}, R = (s) => {
-  switch (s) {
+}, U = (t) => {
+  switch (t) {
     case "primary":
       return "bg-surface-container-low";
     case "secondary":
@@ -21,171 +22,170 @@ const Y = (s) => {
     default:
       return "bg-surface";
   }
-}, V = (s, f, i) => {
-  const r = [];
-  return s.forEach((e) => {
-    if (!e.recurrence) {
-      e.start <= i && e.end >= f && r.push(e);
+}, F = {
+  daily: y.DAILY,
+  weekly: y.WEEKLY,
+  monthly: y.MONTHLY,
+  yearly: y.YEARLY
+}, C = [
+  y.SU,
+  // 0
+  y.MO,
+  // 1
+  y.TU,
+  // 2
+  y.WE,
+  // 3
+  y.TH,
+  // 4
+  y.FR,
+  // 5
+  y.SA
+  // 6
+], _ = (t, d, c) => {
+  const e = [];
+  return t.forEach((n) => {
+    if (!n.recurrence) {
+      n.start <= c && n.end >= d && e.push(n);
       return;
     }
-    const o = e.recurrence;
-    let n = new Date(e.start);
-    const c = e.end.getTime() - e.start.getTime();
-    let t = 0;
-    const a = o.endType === "after_occurrences" ? o.count || 1 : 1 / 0, u = o.endType === "on_date" && o.until ? new Date(o.until) : /* @__PURE__ */ new Date(864e13), l = 1500;
-    if (o.frequency === "weekly" && o.daysOfWeek && o.daysOfWeek.length > 0) {
-      let p = D(n);
-      for (; p <= i && p <= u && t < a && t < l; ) {
-        for (const h of o.daysOfWeek) {
-          const g = m(p, h);
-          g.setHours(
-            e.start.getHours(),
-            e.start.getMinutes(),
-            e.start.getSeconds(),
-            e.start.getMilliseconds()
-          ), g >= e.start && g <= u && t < a && (g <= i && g.getTime() + c >= f.getTime() && r.push({
-            ...e,
-            id: `${e.id}-occ-${t}`,
-            start: new Date(g),
-            end: new Date(g.getTime() + c)
-          }), t++);
-        }
-        p = k(p, o.interval || 1);
-      }
-    } else
-      for (; n <= i && n <= u && t < a && t < l; )
-        if (n <= i && n.getTime() + c >= f.getTime() && r.push({
-          ...e,
-          id: `${e.id}-occ-${t}`,
-          start: new Date(n),
-          end: new Date(n.getTime() + c)
-        }), t++, o.frequency === "daily")
-          n = m(n, o.interval || 1);
-        else if (o.frequency === "weekly")
-          n = k(n, o.interval || 1);
-        else if (o.frequency === "monthly")
-          n = b(n, o.interval || 1);
-        else if (o.frequency === "yearly")
-          n = W(n, o.interval || 1);
-        else
-          break;
-  }), r;
-}, _ = (s) => {
-  const f = D(x(s));
-  H(O(s));
-  const i = [];
-  let r = f;
-  for (; i.length < 42; )
-    i.push(r), r = m(r, 1);
-  return i;
-}, L = (s) => {
-  const f = D(s), i = [];
-  let r = f;
-  for (let e = 0; e < 7; e++)
-    i.push(r), r = m(r, 1);
-  return i;
-}, P = (s) => {
-  const f = q(s), i = [];
-  for (let r = 0; r < 12; r++)
-    i.push(B(f, r));
-  return i;
-}, j = (s) => {
-  const f = /* @__PURE__ */ new Set();
-  return s.forEach((i) => {
-    let r = y(i.start);
-    const e = y(i.end);
-    for (; r <= e; )
-      f.add(F(r, "yyyy-MM-dd")), r = m(r, 1);
-  }), f;
-}, z = (s, f) => {
-  if (s.length === 0) return [];
-  const i = y(s[0]), r = y(s[s.length - 1]), e = f.filter((c) => {
-    const t = y(c.start), a = y(c.end);
-    return C(t, m(r, 1)) && I(m(a, 1), i);
+    try {
+      const i = n.recurrence, r = {
+        freq: F[i.frequency],
+        dtstart: n.start,
+        interval: i.interval || 1
+      };
+      i.endType === "on_date" && i.until ? r.until = i.until : i.endType === "after_occurrences" && i.count && (r.count = i.count), i.frequency === "weekly" && i.daysOfWeek && i.daysOfWeek.length > 0 && (r.byweekday = i.daysOfWeek.map((a) => C[a]));
+      const o = new y(r).between(d, c, !0), u = n.end.getTime() - n.start.getTime();
+      o.forEach((a, p) => {
+        e.push({
+          ...n,
+          id: `${n.id}-occ-${p}`,
+          // Keep -occ- pattern intact to support standard edits
+          start: a,
+          end: new Date(a.getTime() + u)
+        });
+      });
+    } catch (i) {
+      console.error("Failed to parse recurrence rule with rrule.js:", i), n.start <= c && n.end >= d && e.push(n);
+    }
+  }), e;
+}, K = (t) => {
+  const d = O(T(t));
+  b(H(t));
+  const c = [];
+  let e = d;
+  for (; c.length < 42; )
+    c.push(e), e = w(e, 1);
+  return c;
+}, V = (t) => {
+  const d = O(t), c = [];
+  let e = d;
+  for (let n = 0; n < 7; n++)
+    c.push(e), e = w(e, 1);
+  return c;
+}, $ = (t) => {
+  const d = W(t), c = [];
+  for (let e = 0; e < 12; e++)
+    c.push(R(d, e));
+  return c;
+}, j = (t) => {
+  const d = /* @__PURE__ */ new Set();
+  return t.forEach((c) => {
+    let e = f(c.start);
+    const n = f(c.end);
+    for (; e <= n; )
+      d.add(Y(e, "yyyy-MM-dd")), e = w(e, 1);
+  }), d;
+}, A = (t, d) => {
+  if (t.length === 0) return [];
+  const c = f(t[0]), e = f(t[t.length - 1]), n = d.filter((r) => {
+    const s = f(r.start), o = f(r.end);
+    return I(s, w(e, 1)) && x(w(o, 1), c);
   });
-  e.sort((c, t) => {
-    const a = T(y(c.end), y(c.start)), u = T(y(t.end), y(t.start));
-    return a !== u ? u - a : c.start.getTime() - t.start.getTime();
+  n.sort((r, s) => {
+    const o = k(f(r.end), f(r.start)), u = k(f(s.end), f(s.start));
+    return o !== u ? u - o : r.start.getTime() - s.start.getTime();
   });
-  const o = [], n = {};
-  for (let c = 0; c < s.length; c++) n[c] = /* @__PURE__ */ new Set();
-  return e.forEach((c) => {
-    const t = y(c.start), a = y(c.end);
-    let u = s.findIndex((d) => M(d, t));
+  const i = [], g = {};
+  for (let r = 0; r < t.length; r++) g[r] = /* @__PURE__ */ new Set();
+  return n.forEach((r) => {
+    const s = f(r.start), o = f(r.end);
+    let u = t.findIndex((l) => E(l, s));
     u === -1 && (u = 0);
-    let l = s.findIndex((d) => M(d, a));
-    l === -1 && (l = s.length - 1);
-    const p = l - u + 1;
-    let h = 1, g = !1;
-    for (; !g; ) {
-      g = !0;
-      for (let d = u; d <= l; d++)
-        if (n[d].has(h)) {
-          g = !1, h++;
+    let a = t.findIndex((l) => E(l, o));
+    a === -1 && (a = t.length - 1);
+    const p = a - u + 1;
+    let h = 1, M = !1;
+    for (; !M; ) {
+      M = !0;
+      for (let l = u; l <= a; l++)
+        if (g[l].has(h)) {
+          M = !1, h++;
           break;
         }
     }
-    for (let d = u; d <= l; d++)
-      n[d].add(h);
-    o.push({
-      event: c,
+    for (let l = u; l <= a; l++)
+      g[l].add(h);
+    i.push({
+      event: r,
       colStart: u + 1,
       colSpan: p,
       row: h
     });
-  }), o;
-}, G = (s, f) => {
-  const i = y(s), r = f.filter((t) => {
-    if (t.isAllDay) return !1;
-    const a = y(t.start), u = y(t.end);
-    return i >= a && i <= u;
+  }), i;
+}, N = (t, d) => {
+  const c = f(t), e = d.filter((s) => {
+    if (s.isAllDay) return !1;
+    const o = f(s.start), u = f(s.end);
+    return c >= o && c <= u;
   });
-  r.sort((t, a) => {
-    const u = M(t.start, s) ? t.start.getHours() * 60 + t.start.getMinutes() : 0, l = M(a.start, s) ? a.start.getHours() * 60 + a.start.getMinutes() : 0;
-    return u - l;
+  e.sort((s, o) => {
+    const u = E(s.start, t) ? s.start.getHours() * 60 + s.start.getMinutes() : 0, a = E(o.start, t) ? o.start.getHours() * 60 + o.start.getMinutes() : 0;
+    return u - a;
   });
-  const e = [], o = [];
-  let n = [], c = 0;
-  return r.forEach((t) => {
-    const a = M(t.start, s), u = M(t.end, s), l = a ? t.start.getHours() * 60 + t.start.getMinutes() : 0, p = u ? t.end.getHours() * 60 + t.end.getMinutes() : 1440;
-    n.length === 0 ? (n.push(t), c = p) : l < c ? (n.push(t), c = Math.max(c, p)) : (o.push([...n]), n = [t], c = p);
-  }), n.length > 0 && o.push(n), o.forEach((t) => {
-    const a = [];
-    t.forEach((l) => {
-      const h = M(l.start, s) ? l.start.getHours() * 60 + l.start.getMinutes() : 0;
-      let g = !1;
-      for (let d = 0; d < a.length; d++) {
-        const w = a[d][a[d].length - 1], E = M(w.end, s) ? w.end.getHours() * 60 + w.end.getMinutes() : 1440;
-        if (h >= E) {
-          a[d].push(l), g = !0;
+  const n = [], i = [];
+  let g = [], r = 0;
+  return e.forEach((s) => {
+    const o = E(s.start, t), u = E(s.end, t), a = o ? s.start.getHours() * 60 + s.start.getMinutes() : 0, p = u ? s.end.getHours() * 60 + s.end.getMinutes() : 1440;
+    g.length === 0 ? (g.push(s), r = p) : a < r ? (g.push(s), r = Math.max(r, p)) : (i.push([...g]), g = [s], r = p);
+  }), g.length > 0 && i.push(g), i.forEach((s) => {
+    const o = [];
+    s.forEach((a) => {
+      const h = E(a.start, t) ? a.start.getHours() * 60 + a.start.getMinutes() : 0;
+      let M = !1;
+      for (let l = 0; l < o.length; l++) {
+        const m = o[l][o[l].length - 1], S = E(m.end, t) ? m.end.getHours() * 60 + m.end.getMinutes() : 1440;
+        if (h >= S) {
+          o[l].push(a), M = !0;
           break;
         }
       }
-      g || a.push([l]);
+      M || o.push([a]);
     });
-    const u = a.length;
-    a.forEach((l, p) => {
-      l.forEach((h) => {
-        const g = M(h.start, s), d = M(h.end, s), w = g ? h.start.getHours() * 60 + h.start.getMinutes() : 0, S = d ? h.end.getHours() * 60 + h.end.getMinutes() : 1440, E = Math.max(S - w, 15);
-        e.push({
+    const u = o.length;
+    o.forEach((a, p) => {
+      a.forEach((h) => {
+        const M = E(h.start, t), l = E(h.end, t), m = M ? h.start.getHours() * 60 + h.start.getMinutes() : 0, D = l ? h.end.getHours() * 60 + h.end.getMinutes() : 1440, S = Math.max(D - m, 15);
+        n.push({
           event: h,
-          top: w / 1440 * 100,
-          height: E / 1440 * 100,
+          top: m / 1440 * 100,
+          height: S / 1440 * 100,
           left: p / u * 100,
           width: 100 / u
         });
       });
     });
-  }), e;
+  }), n;
 };
 export {
-  V as expandEvents,
-  Y as getCalendarBgClasses,
-  R as getCalendarStickyBgClasses,
-  _ as getDaysForMonthView,
-  L as getDaysForWeekView,
+  _ as expandEvents,
+  L as getCalendarBgClasses,
+  U as getCalendarStickyBgClasses,
+  K as getDaysForMonthView,
+  V as getDaysForWeekView,
   j as getEventDaysMap,
-  z as getEventSegments,
-  P as getMonthsForYear,
-  G as getTimelinePositionsForDay
+  A as getEventSegments,
+  $ as getMonthsForYear,
+  N as getTimelinePositionsForDay
 };

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "chesai-ui",
   "private": false,
-  "version": "0.16.9",
-  "packageManager": "pnpm@10.12.1",
+  "version": "0.16.10",
   "repository": {
     "type": "git",
     "url": "https://github.com/ayhamdev/chesai-ui"
@@ -25,19 +24,6 @@
   "engines": {
     "node": ">=22"
   },
-  "scripts": {
-    "dev": "bunx storybook dev -p 8000",
-    "build": "storybook build",
-    "build:lib": "tsc && vite build",
-    "build:docs": "npx ts-node  ./scripts/generate-llm.ts",
-    "lint": "npx @biomejs/biome lint --write ./src",
-    "format": "npx @biomejs/biome check --write --organize-imports-enabled=true ./src",
-    "test": "vitest",
-    "test:cov": "vitest run --coverage",
-    "gen:context": "bun run ./scripts/context.ts",
-    "git:diff-merge": "git diff --unified=2000 $(git merge-base main HEAD)...HEAD",
-    "git:diff": "git diff --unified=2000 > git-changes.txt"
-  },
   "dependencies": {
     "@capacitor/app": "^8.0.0",
     "@capacitor/core": "^8.0.1",
@@ -111,6 +97,7 @@
     "react-rnd": "^10.5.2",
     "react-router-dom": "^7.15.1",
     "recharts": "^3.7.0",
+    "rrule": "^2.8.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "use-ripple-hook": "^1.0.24",
@@ -168,5 +155,18 @@
       "biome lint --write --no-errors-on-unmatched --files-ignore-unknown=true",
       "biome format --write --no-errors-on-unmatched"
     ]
+  },
+  "scripts": {
+    "dev": "bunx storybook dev -p 8000",
+    "build": "storybook build",
+    "build:lib": "tsc && vite build",
+    "build:docs": "npx ts-node  ./scripts/generate-llm.ts",
+    "lint": "npx @biomejs/biome lint --write ./src",
+    "format": "npx @biomejs/biome check --write --organize-imports-enabled=true ./src",
+    "test": "vitest",
+    "test:cov": "vitest run --coverage",
+    "gen:context": "bun run ./scripts/context.ts",
+    "git:diff-merge": "git diff --unified=2000 $(git merge-base main HEAD)...HEAD",
+    "git:diff": "git diff --unified=2000 > git-changes.txt"
   }
-}
+}