chesai-ui 0.16.10 → 0.16.12

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

@@ -1,220 +1,101 @@
-import { jsxs as r, jsx as t, Fragment as R } from "react/jsx-runtime";
-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 M, useEffect as K } from "react";
-import { createPortal as P } from "react-dom";
-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 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 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 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 k = [
-      "Sunday",
-      "Monday",
-      "Tuesday",
-      "Wednesday",
-      "Thursday",
-      "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) => 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 = ({
-  checked: s,
-  onChange: i,
-  label: o,
-  children: a
-}) => /* @__PURE__ */ r("div", { className: "flex items-center gap-4 h-10 w-full", children: [
-  /* @__PURE__ */ r("label", { className: "flex items-center gap-3 cursor-pointer shrink-0", children: [
-    /* @__PURE__ */ r("div", { className: "relative flex items-center justify-center w-5 h-5 shrink-0", children: [
-      /* @__PURE__ */ t(
-        "input",
-        {
-          type: "radio",
-          className: "peer sr-only",
-          checked: s,
-          onChange: i
-        }
-      ),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: X(
-            "w-5 h-5 rounded-full border-2 transition-colors",
-            s ? "border-primary" : "border-outline-variant hover:border-on-surface-variant"
-          )
-        }
-      ),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: X(
-            "absolute w-2.5 h-2.5 rounded-full bg-primary transition-transform duration-200",
-            s ? "scale-100" : "scale-0"
-          )
-        }
-      )
-    ] }),
-    /* @__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 })
-] }), Xe = () => {
-  const s = Ce(), {
+import { jsxs as s, jsx as a, Fragment as L } from "react/jsx-runtime";
+import { useMediaQuery as Q } from "@uidotdev/usehooks";
+import { useDragControls as U, useMotionValue as E, AnimatePresence as _, motion as q } from "framer-motion";
+import { Clock as J, Repeat as K, X as z, Trash2 as H, GripHorizontal as Z } from "lucide-react";
+import { useRef as $, useState as R, useEffect as Y } from "react";
+import { Button as A } from "../button/index.mjs";
+import { DatePicker as O } from "../date-picker/date-picker.mjs";
+import { IconButton as u } from "../icon-button/index.mjs";
+import { Input as ee } from "../input/index.mjs";
+import { Sheet as te, SheetContent as ae, SheetHeader as re, SheetTitle as ne } from "../sheet/index.mjs";
+import { TimePicker as j } from "../time-picker/index.mjs";
+import { Switch as ie } from "../switch/index.mjs";
+import { useFullCalendar as se } from "./calendar-context.mjs";
+import { RecurrenceSelect as oe } from "./recurrence-select.mjs";
+const f = 380, ye = () => {
+  const T = se(), {
     popover: i,
-    closePopover: o,
-    draftEvent: a,
-    setDraftEvent: d,
-    onEventCreate: k,
-    onEventUpdate: y,
-    onEventDelete: H,
-    hidePopoverTitle: ae,
-    hidePopoverTime: ne,
-    hidePopoverRecurrence: re,
-    renderPopoverHeader: q,
-    renderPopoverFooter: Y,
-    renderPopoverCustomFields: V
-  } = 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: [],
-    endType: "never",
-    count: 13,
-    until: new Date(Date.now() + 720 * 60 * 60 * 1e3)
-  });
-  K(() => {
-    if (!i.isOpen || v || typeof window > "u" || !window.ResizeObserver)
+    closePopover: l,
+    draftEvent: t,
+    setDraftEvent: w,
+    onEventCreate: N,
+    onEventUpdate: b,
+    onEventDelete: y,
+    hidePopoverTitle: V,
+    hidePopoverTime: W,
+    hidePopoverRecurrence: B,
+    renderPopoverHeader: D,
+    renderPopoverFooter: C,
+    renderPopoverCustomFields: k
+  } = T, c = Q("(max-width: 768px)"), g = $(null), F = U(), p = E(0), v = E(0), [d, I] = R(450);
+  Y(() => {
+    if (!i.isOpen || c || typeof window > "u" || !window.ResizeObserver)
       return;
-    const e = new ResizeObserver((n) => {
-      for (const l of n)
-        le(l.target.getBoundingClientRect().height);
+    const e = new ResizeObserver((r) => {
+      for (const n of r)
+        I(n.target.getBoundingClientRect().height);
     });
-    return E.current && e.observe(E.current), () => e.disconnect();
-  }, [i.isOpen, v]), K(() => {
-    if (i.isOpen && !v) {
-      const n = window.innerWidth, l = window.innerHeight;
+    return g.current && e.observe(g.current), () => e.disconnect();
+  }, [i.isOpen, c]), Y(() => {
+    if (i.isOpen && !c) {
+      const r = window.innerWidth, n = window.innerHeight;
       if (i.anchorRect) {
-        let p = i.anchorRect.right + 16, f = i.anchorRect.top;
-        p + N > n && (p = i.anchorRect.left - N - 16), f + g > l && (f = l - g - 16), p = Math.max(
+        let h = i.anchorRect.right + 16, m = i.anchorRect.top;
+        h + f > r && (h = i.anchorRect.left - f - 16), m + d > n && (m = n - d - 16), h = Math.max(
           16,
-          Math.min(p, n - N - 16)
-        ), f = Math.max(
+          Math.min(h, r - f - 16)
+        ), m = Math.max(
           16,
-          Math.min(f, l - g - 16)
-        ), D.set(p), C.set(f);
+          Math.min(m, n - d - 16)
+        ), p.set(h), v.set(m);
       } else
-        D.set(n / 2 - N / 2), C.set(l / 2 - g / 2);
+        p.set(r / 2 - f / 2), v.set(n / 2 - d / 2);
     }
-  }, [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(
-      a.start.getHours(),
-      a.start.getMinutes(),
+  }, [i.isOpen, i.anchorRect, c, d, p, v]);
+  const [X, G] = R(1), P = async () => {
+    if (!t) return;
+    const e = new Date(t.start);
+    t.isAllDay ? e.setHours(0, 0, 0, 0) : e.setHours(
+      t.start.getHours(),
+      t.start.getMinutes(),
       0,
       0
     );
-    const n = new Date(a.end);
-    a.isAllDay ? n.setHours(23, 59, 59, 999) : n.setHours(
-      a.end.getHours(),
-      a.end.getMinutes(),
+    const r = new Date(t.end);
+    t.isAllDay ? r.setHours(23, 59, 59, 999) : r.setHours(
+      t.end.getHours(),
+      t.end.getMinutes(),
       0,
       0
     );
-    const l = {
-      ...a,
+    const n = {
+      ...t,
       start: e,
-      end: n,
-      title: a.title || "(No title)"
+      end: r,
+      title: t.title || "(No title)"
     };
-    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) => {
-      if (!n) return null;
-      const l = e.data !== void 0 ? { ...n.data || {}, ...e.data } : n.data;
-      return { ...n, ...e, data: l };
-    });
-  }, F = a ? [
-    { value: "none", label: "Does not repeat" },
-    { value: "daily", label: "Daily" },
-    {
-      value: "weekly",
-      label: `Weekly on ${W(a.start, "EEEE")}`
-    },
-    {
-      value: "monthly",
-      label: `Monthly on the ${a.start.getDate()}`
-    },
-    {
-      value: "yearly",
-      label: `Annually on ${W(a.start, "MMM d")}`
-    },
-    { value: "weekdays", label: "Every weekday (Monday to Friday)" }
-  ] : [];
-  let h = "none";
-  if (a?.recurrence) {
-    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: Oe(e, a.start)
-    }));
-  }
-  F.push({ value: "custom", label: "Custom..." });
-  const ce = (e) => {
-    e === "none" ? m({ recurrence: void 0 }) : e === "custom" ? (u(
-      a?.recurrence || {
-        frequency: "weekly",
-        interval: 1,
-        daysOfWeek: [a?.start?.getDay() || 0],
-        endType: "never",
-        count: 13,
-        until: new Date(Date.now() + 720 * 60 * 60 * 1e3)
-      }
-    ), O(!0)) : e === "weekdays" ? m({
-      recurrence: {
-        frequency: "weekly",
-        interval: 1,
-        endType: "never",
-        daysOfWeek: [1, 2, 3, 4, 5]
-      }
-    }) : e !== "custom_active" && m({
-      recurrence: {
-        frequency: e,
-        interval: 1,
-        endType: "never",
-        daysOfWeek: e === "weekly" ? [a?.start?.getDay() || 0] : void 0
-      }
+    delete n.isDraft, i.mode === "create" && N ? await N(n) : i.mode === "edit" && b && await b(n), l();
+  }, M = async () => {
+    t?.id && y && await y(t.id), l();
+  }, o = (e) => {
+    w((r) => r ? { ...r, ...e } : null);
+  }, x = (e) => {
+    w((r) => {
+      if (!r) return null;
+      const n = e.data !== void 0 ? { ...r.data || {}, ...e.data } : r.data;
+      return { ...r, ...e, data: n };
     });
   };
-  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: [
-    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(
-      xe,
+  if (!t) return null;
+  const S = /* @__PURE__ */ s("div", { className: "flex flex-col gap-6 p-6 font-manrope text-on-surface min-w-[340px]", children: [
+    D && /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: D(t, x) }),
+    !V && /* @__PURE__ */ a("div", { className: "pl-10 pr-2", children: /* @__PURE__ */ a(
+      ee,
       {
         variant: "underlined",
         placeholder: "Add title",
-        value: a.title,
-        onChange: (e) => m({ title: e.target.value }),
+        value: t.title,
+        onChange: (e) => o({ title: e.target.value }),
         autoFocus: !0,
         className: "shadow-none px-0",
         classNames: {
@@ -223,91 +104,91 @@ const N = 380, Oe = (s, i) => {
         }
       }
     ) }),
-    !ne && /* @__PURE__ */ r("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ t(he, { className: "w-5 h-5 mt-2.5 text-on-surface-variant shrink-0" }),
-      /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 w-full min-w-0", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 w-full", children: [
-          /* @__PURE__ */ t(
-            z,
+    !W && /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ a(J, { className: "w-5 h-5 mt-2.5 text-on-surface-variant shrink-0" }),
+      /* @__PURE__ */ s("div", { className: "flex flex-col gap-3 w-full min-w-0", children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-1.5 w-full", children: [
+          /* @__PURE__ */ a(
+            O,
             {
               variant: "docked",
               inputVariant: "filled",
               size: "sm",
               shape: "full",
-              value: a.start,
+              value: t.start,
               onChange: (e) => {
                 if (!e) return;
-                const n = new Date(a.start);
-                n.setFullYear(
+                const r = new Date(t.start);
+                r.setFullYear(
                   e.getFullYear(),
                   e.getMonth(),
                   e.getDate()
                 );
-                let l = new Date(a.end);
-                a.isAllDay ? a.end < n && l.setFullYear(
+                let n = new Date(t.end);
+                t.isAllDay ? t.end < r && n.setFullYear(
                   e.getFullYear(),
                   e.getMonth(),
                   e.getDate()
-                ) : l.setFullYear(
+                ) : n.setFullYear(
                   e.getFullYear(),
                   e.getMonth(),
                   e.getDate()
-                ), m({ start: n, end: l });
+                ), o({ start: r, end: n });
               }
             }
           ),
-          a.isAllDay && /* @__PURE__ */ r(R, { children: [
-            /* @__PURE__ */ t("span", { className: "text-on-surface-variant shrink-0", children: "-" }),
-            /* @__PURE__ */ t(
-              z,
+          t.isAllDay && /* @__PURE__ */ s(L, { children: [
+            /* @__PURE__ */ a("span", { className: "text-on-surface-variant shrink-0", children: "-" }),
+            /* @__PURE__ */ a(
+              O,
               {
                 variant: "docked",
                 inputVariant: "filled",
                 size: "sm",
                 shape: "full",
-                value: a.end,
+                value: t.end,
                 onChange: (e) => {
                   if (!e) return;
-                  const n = new Date(a.end);
-                  if (n.setFullYear(
+                  const r = new Date(t.end);
+                  if (r.setFullYear(
                     e.getFullYear(),
                     e.getMonth(),
                     e.getDate()
-                  ), m({ end: n }), a.start > n) {
-                    const l = new Date(a.start);
-                    l.setFullYear(
+                  ), o({ end: r }), t.start > r) {
+                    const n = new Date(t.start);
+                    n.setFullYear(
                       e.getFullYear(),
                       e.getMonth(),
                       e.getDate()
-                    ), m({ start: l });
+                    ), o({ start: n });
                   }
                 }
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mt-1 w-fit", children: [
-          /* @__PURE__ */ t(
-            De,
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mt-1 w-fit", children: [
+          /* @__PURE__ */ a(
+            ie,
             {
               id: "all-day-switch",
               size: "sm",
-              checked: !!a.isAllDay,
+              checked: !!t.isAllDay,
               onCheckedChange: (e) => {
                 if (e)
-                  m({ isAllDay: e });
+                  o({ isAllDay: e });
                 else {
-                  const n = new Date(a.end);
-                  n.setFullYear(
-                    a.start.getFullYear(),
-                    a.start.getMonth(),
-                    a.start.getDate()
-                  ), m({ isAllDay: e, end: n });
+                  const r = new Date(t.end);
+                  r.setFullYear(
+                    t.start.getFullYear(),
+                    t.start.getMonth(),
+                    t.start.getDate()
+                  ), o({ isAllDay: e, end: r });
                 }
               }
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             "label",
             {
               htmlFor: "all-day-switch",
@@ -316,298 +197,101 @@ const N = 380, Oe = (s, i) => {
             }
           )
         ] }),
-        !a.isAllDay && /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 w-full mt-1", children: [
-          /* @__PURE__ */ t(
-            Z,
+        !t.isAllDay && /* @__PURE__ */ s("div", { className: "flex items-center gap-1.5 w-full mt-1", children: [
+          /* @__PURE__ */ a(
+            j,
             {
               variant: "docked",
               inputVariant: "filled",
               size: "sm",
               shape: "full",
-              value: a.start,
-              onChange: (e) => m({ start: e })
+              value: t.start,
+              onChange: (e) => o({ start: e })
             }
           ),
-          /* @__PURE__ */ t("span", { className: "text-on-surface-variant shrink-0", children: "-" }),
-          /* @__PURE__ */ t(
-            Z,
+          /* @__PURE__ */ a("span", { className: "text-on-surface-variant shrink-0", children: "-" }),
+          /* @__PURE__ */ a(
+            j,
             {
               variant: "docked",
               inputVariant: "filled",
               size: "sm",
               shape: "full",
-              value: a.end,
-              onChange: (e) => m({ end: e })
+              value: t.end,
+              onChange: (e) => o({ end: e })
             }
           )
         ] })
       ] })
     ] }),
-    !re && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 mt-2", children: [
-      /* @__PURE__ */ t(pe, { className: "w-5 h-5 text-on-surface-variant shrink-0" }),
-      /* @__PURE__ */ t("div", { className: "w-full", children: /* @__PURE__ */ t(
-        ee,
+    !B && /* @__PURE__ */ s("div", { className: "flex items-center gap-4 mt-2", children: [
+      /* @__PURE__ */ a(K, { className: "w-5 h-5 text-on-surface-variant shrink-0" }),
+      /* @__PURE__ */ a("div", { className: "w-full", children: /* @__PURE__ */ a(
+        oe,
         {
           variant: "filled",
           size: "sm",
           shape: "full",
-          value: h,
-          onValueChange: ce,
-          items: F
+          value: t.recurrence,
+          onChange: (e) => o({ recurrence: e }),
+          startDate: t.start
         }
       ) })
     ] }),
-    V && /* @__PURE__ */ t("div", { className: "mt-2 border-t border-outline-variant/30 pt-4 flex flex-col gap-4", children: V(a, T) }),
-    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,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        transition: { duration: 0.2 },
-        className: "absolute inset-0 bg-black/50",
-        onClick: () => O(!1)
-      }
-    ),
-    /* @__PURE__ */ r(
-      S.div,
-      {
-        initial: { opacity: 0, scale: 0.95 },
-        animate: { opacity: 1, scale: 1 },
-        exit: { opacity: 0, scale: 0.95 },
-        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(b, { variant: "title-medium", className: "font-bold", children: "Custom recurrence" }),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ t(
-              b,
-              {
-                variant: "body-medium",
-                className: "shrink-0 w-24 font-medium",
-                children: "Repeat every"
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: "w-20", children: /* @__PURE__ */ t(
-              te,
-              {
-                size: "sm",
-                variant: "filled",
-                value: c.interval,
-                onValueChange: (e) => u((n) => ({ ...n, interval: Number(e) })),
-                min: 1,
-                classNames: {
-                  inputWrapper: "h-10 min-h-[40px] px-2",
-                  input: "text-center"
-                }
-              }
-            ) }),
-            /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ t(
-              ee,
-              {
-                size: "sm",
-                variant: "filled",
-                value: c.frequency,
-                onValueChange: (e) => u((n) => ({ ...n, frequency: e })),
-                items: [
-                  {
-                    value: "daily",
-                    label: c.interval > 1 ? "days" : "day"
-                  },
-                  {
-                    value: "weekly",
-                    label: c.interval > 1 ? "weeks" : "week"
-                  },
-                  {
-                    value: "monthly",
-                    label: c.interval > 1 ? "months" : "month"
-                  },
-                  {
-                    value: "yearly",
-                    label: c.interval > 1 ? "years" : "year"
-                  }
-                ],
-                classNames: { trigger: "h-10 px-3" }
-              }
-            ) })
-          ] }),
-          c.frequency === "weekly" && /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 mt-2", children: [
-            /* @__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(
-                x,
-                {
-                  variant: l ? "primary" : "secondary",
-                  isActive: l,
-                  onClick: () => {
-                    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: "flex-1 !px-0 min-w-0",
-                  children: e
-                },
-                n
-              );
-            }) }) })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 mt-2", children: [
-            /* @__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: () => u((e) => ({ ...e, endType: "never" })),
-                  label: "Never"
-                }
-              ),
-              /* @__PURE__ */ t(
-                A,
-                {
-                  checked: c.endType === "on_date",
-                  onChange: () => u((e) => ({ ...e, endType: "on_date" })),
-                  label: "On",
-                  children: /* @__PURE__ */ t("div", { className: "w-[180px]", children: /* @__PURE__ */ t(
-                    z,
-                    {
-                      variant: "docked",
-                      inputVariant: "filled",
-                      size: "sm",
-                      disabled: c.endType !== "on_date",
-                      value: c.until,
-                      onChange: (e) => e && u((n) => ({ ...n, until: e })),
-                      classNames: { inputWrapper: "h-10 min-h-[40px]" }
-                    }
-                  ) })
-                }
-              ),
-              /* @__PURE__ */ t(
-                A,
-                {
-                  checked: c.endType === "after_occurrences",
-                  onChange: () => u((e) => ({
-                    ...e,
-                    endType: "after_occurrences"
-                  })),
-                  label: "After",
-                  children: /* @__PURE__ */ r("div", { className: "w-[180px] flex items-center gap-3", children: [
-                    /* @__PURE__ */ t(
-                      te,
-                      {
-                        variant: "filled",
-                        size: "sm",
-                        disabled: c.endType !== "after_occurrences",
-                        value: c.count,
-                        onValueChange: (e) => u((n) => ({ ...n, count: Number(e) })),
-                        min: 1,
-                        classNames: {
-                          inputWrapper: "h-10 min-h-[40px] px-2",
-                          input: "text-center"
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ t(
-                      b,
-                      {
-                        variant: "body-medium",
-                        className: "whitespace-nowrap opacity-80 font-normal",
-                        children: "occurrences"
-                      }
-                    )
-                  ] })
-                }
-              )
-            ] })
+    k && /* @__PURE__ */ a("div", { className: "mt-2 border-t border-outline-variant/30 pt-4 flex flex-col gap-4", children: k(t, x) }),
+    C && /* @__PURE__ */ a("div", { className: "mt-2 border-t border-outline-variant/30 pt-4 flex flex-col gap-4", children: C(t, x) })
+  ] });
+  return i.isOpen ? c ? /* @__PURE__ */ a(
+    te,
+    {
+      open: i.isOpen,
+      onOpenChange: (e) => !e && l(),
+      forceBottomSheet: !0,
+      snapPoints: [0.6, 1],
+      activeSnapPoint: X,
+      setActiveSnapPoint: G,
+      children: /* @__PURE__ */ s(ae, { className: "p-0 flex flex-col overflow-hidden h-full", children: [
+        /* @__PURE__ */ s(re, { className: "px-4 py-2 border-b border-outline-variant/20 shrink-0 flex-row justify-between items-center !space-y-0", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a(u, { variant: "ghost", onClick: l, children: /* @__PURE__ */ a(z, { className: "w-5 h-5" }) }),
+            /* @__PURE__ */ a(ne, { className: "text-base font-semibold m-0", children: i.mode === "create" ? "New Event" : "Edit Event" })
           ] }),
-          /* @__PURE__ */ r("div", { className: "flex justify-end gap-2 pt-4", children: [
-            /* @__PURE__ */ t(
-              x,
-              {
-                variant: "ghost",
-                onClick: () => O(!1),
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ t(
-              x,
-              {
-                variant: "primary",
-                onClick: () => {
-                  m({ recurrence: c }), O(!1);
-                },
-                children: "Done"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] }) });
-  if (!i.isOpen) return null;
-  if (v)
-    return /* @__PURE__ */ r(R, { children: [
-      /* @__PURE__ */ t(
-        we,
-        {
-          open: i.isOpen,
-          onOpenChange: (e) => !e && o(),
-          forceBottomSheet: !0,
-          snapPoints: [0.6, 1],
-          activeSnapPoint: se,
-          setActiveSnapPoint: oe,
-          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(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(
-                w,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: j,
-                  className: "text-error hover:bg-error/10 hover:text-error",
-                  children: /* @__PURE__ */ t(J, { className: "w-5 h-5" })
-                }
-              )
-            ] }),
-            /* @__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(
-              x,
-              {
-                variant: "primary",
-                onClick: $,
-                className: "px-8 rounded-full font-bold",
-                children: "Save"
-              }
-            ) })
-          ] })
-        }
-      ),
-      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,
+          i.mode === "edit" && /* @__PURE__ */ a(
+            u,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: M,
+              className: "text-error hover:bg-error/10 hover:text-error",
+              children: /* @__PURE__ */ a(H, { className: "w-5 h-5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto no-scrollbar", children: S }),
+        /* @__PURE__ */ a("div", { className: "p-3 border-t border-outline-variant/20 bg-surface-container shrink-0 flex justify-end items-center pb-safe", children: /* @__PURE__ */ a(
+          A,
+          {
+            variant: "primary",
+            onClick: P,
+            className: "px-8 rounded-full font-bold",
+            children: "Save"
+          }
+        ) })
+      ] })
+    }
+  ) : /* @__PURE__ */ a("div", { className: "fixed inset-0 pointer-events-none z-[50]", children: /* @__PURE__ */ a(_, { children: i.isOpen && /* @__PURE__ */ s(
+    q.div,
     {
-      ref: E,
+      ref: g,
       drag: !0,
       dragMomentum: !1,
-      dragControls: _,
+      dragControls: F,
       dragListener: !1,
       style: {
-        x: D,
-        y: C,
+        x: p,
+        y: v,
         width: "auto",
-        minWidth: N,
+        minWidth: f,
         maxWidth: "calc(100vw - 32px)"
       },
       initial: { opacity: 0, scale: 0.95 },
@@ -616,66 +300,62 @@ const N = 380, Oe = (s, i) => {
       transition: { duration: 0.15 },
       className: "absolute bg-surface-container-high border border-outline-variant/50 rounded-2xl shadow-2xl pointer-events-auto flex flex-col h-auto max-h-[90vh]",
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ s(
           "div",
           {
             onPointerDown: (e) => {
-              e.stopPropagation(), _.start(e);
+              e.stopPropagation(), F.start(e);
             },
             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(
-                w,
+              /* @__PURE__ */ a(
+                u,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "pointer-events-none opacity-50",
-                  children: /* @__PURE__ */ t(ye, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ a(Z, { className: "w-4 h-4" })
                 }
               ),
-              /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
-                i.mode === "edit" && a && /* @__PURE__ */ t(
-                  w,
+              /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+                i.mode === "edit" && t && /* @__PURE__ */ a(
+                  u,
                   {
                     variant: "ghost",
                     size: "sm",
-                    onClick: j,
+                    onClick: M,
                     className: "text-error hover:bg-error/10 hover:text-error cursor-pointer pointer-events-auto",
-                    children: /* @__PURE__ */ t(J, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ a(H, { className: "w-4 h-4" })
                   }
                 ),
-                /* @__PURE__ */ t(
-                  w,
+                /* @__PURE__ */ a(
+                  u,
                   {
                     variant: "ghost",
                     size: "sm",
-                    onClick: o,
+                    onClick: l,
                     className: "pointer-events-auto hover:bg-surface-container-highest cursor-pointer",
-                    children: /* @__PURE__ */ t(U, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ a(z, { className: "w-4 h-4" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__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(
-          x,
+        /* @__PURE__ */ a("div", { className: "flex-1 max-h-[80vh] overflow-y-auto scrollbar-thin overflow-x-hidden min-h-0", children: S }),
+        /* @__PURE__ */ a("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__ */ a(
+          A,
           {
             variant: "primary",
-            onClick: $,
+            onClick: P,
             className: "px-6 rounded-full font-bold",
             children: "Save"
           }
         ) })
       ]
     }
-  ) }) });
-  return /* @__PURE__ */ r(R, { children: [
-    typeof document < "u" && P(de, document.body),
-    typeof document < "u" && P(I, document.body)
-  ] });
+  ) }) }) : null;
 };
 export {
-  Xe as EventPopover
+  ye as EventPopover
 };