chesai-ui 0.16.8 → 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
 };