ezux 1.1.13 → 1.1.18

package/dist/EzEventModal-BUMp_BFi.js

@@ -1,689 +0,0 @@
-import { jsxs as a, jsx as r, Fragment as E } from "react/jsx-runtime";
-import { useEffect as A } from "react";
-import { useForm as z } from "@tanstack/react-form";
-import { createPortal as S } from "react-dom";
-import { B as u, X as T } from "./tooltip-BCtrEe0z.js";
-import { I as v } from "./input-jYQ5VKNR.js";
-import { L as o } from "./label-ClOW9UCt.js";
-import { c as h } from "./useInitCoreServices-D1WaWlaI.js";
-import { D as x, P as f } from "./date-time-picker-Dj2eftJI.js";
-import { T as I } from "./calendar-Dy3rVMW2.js";
-const B = [
-  { label: "S", value: "SU" },
-  { label: "M", value: "MO" },
-  { label: "T", value: "TU" },
-  { label: "W", value: "WE" },
-  { label: "T", value: "TH" },
-  { label: "F", value: "FR" },
-  { label: "S", value: "SA" }
-], V = ({
-  isOpen: p,
-  onClose: m,
-  mode: c,
-  event: l,
-  onSave: k,
-  onDelete: y,
-  locale: g,
-  editorTemplate: N,
-  headerTemplate: C,
-  footerTemplate: w
-}) => {
-  const i = z({
-    defaultValues: {
-      title: l?.title || "",
-      start: l?.start,
-      end: l?.end,
-      resourceIds: l?.resourceIds || (l?.resourceId ? [l.resourceId] : []) || [],
-      location: l?.location || "",
-      isAllDay: !!l?.allDay || !!l?.isAllDay || !1,
-      description: l?.description || "",
-      isTimezoneEnabled: !!l?.timezone,
-      startTimezone: l?.timezone?.start || "Asia/Calcutta",
-      endTimezone: l?.timezone?.end || "Asia/Calcutta",
-      repeatFrequency: l?.recurrence?.frequency || "Never",
-      repeatInterval: l?.recurrence?.interval || 1,
-      repeatDays: l?.recurrence?.days || [],
-      repeatBy: l?.recurrence?.repeatBy || "day",
-      repeatEndLevel: l?.recurrence?.end || "Never",
-      repeatEndCount: l?.recurrence?.endCount || 1,
-      repeatEndUntil: l?.recurrence?.endUntil,
-      attachments: l?.attachments || []
-    },
-    onSubmit: async ({ value: e }) => {
-      k({
-        ...l,
-        title: e.title,
-        start: e.start,
-        end: e.end,
-        resourceId: e.resourceIds[0],
-        resourceIds: e.resourceIds,
-        location: e.location,
-        allDay: e.isAllDay,
-        description: e.description,
-        timezone: e.isTimezoneEnabled ? { start: e.startTimezone, end: e.endTimezone } : void 0,
-        recurrence: e.repeatFrequency !== "Never" ? {
-          frequency: e.repeatFrequency,
-          interval: e.repeatInterval,
-          unit: e.repeatFrequency.replace("ly", "") + "(s)",
-          end: e.repeatEndLevel,
-          endCount: e.repeatEndLevel === "Count" ? e.repeatEndCount : void 0,
-          endUntil: e.repeatEndLevel === "Until" ? e.repeatEndUntil : void 0,
-          days: e.repeatFrequency === "Weekly" ? e.repeatDays : void 0,
-          repeatBy: e.repeatFrequency === "Monthly" || e.repeatFrequency === "Yearly" ? e.repeatBy : void 0
-        } : void 0,
-        attachments: e.attachments
-      }), m();
-    }
-  });
-  if (A(() => {
-    p && i.reset();
-  }, [p, l, i]), !p) return null;
-  const F = (e) => {
-    e.preventDefault(), e.stopPropagation(), i.handleSubmit();
-  }, d = c === "view", D = /* @__PURE__ */ a(
-    "div",
-    {
-      "data-testid": "ez-event-modal",
-      style: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        width: "100vw",
-        height: "100vh",
-        zIndex: 1e4,
-        backgroundColor: "rgba(0, 0, 0, 0.4)",
-        backdropFilter: "blur(2px)",
-        pointerEvents: "auto"
-      },
-      children: [
-        /* @__PURE__ */ r(
-          "div",
-          {
-            style: { position: "absolute", inset: 0 },
-            onClick: m
-          }
-        ),
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: h(
-              "bg-background rounded-xl shadow-2xl flex flex-col border border-border overflow-hidden",
-              "animate-in zoom-in-95 fade-in duration-300 ease-out"
-            ),
-            style: {
-              backgroundColor: "white",
-              width: "650px",
-              maxWidth: "95vw",
-              maxHeight: "92vh",
-              position: "absolute",
-              top: "50%",
-              left: "50%",
-              transform: "translate(-50%, -50%)",
-              zIndex: 10001
-            },
-            children: [
-              /* @__PURE__ */ r(
-                "div",
-                {
-                  className: "flex items-center justify-between shrink-0 bg-background",
-                  style: { padding: "16px 40px" },
-                  children: C ? C(l || {}, c) : /* @__PURE__ */ a(E, { children: [
-                    /* @__PURE__ */ a("h2", { className: "text-xl font-bold tracking-tight text-foreground", children: [
-                      c === "create" && "New Event",
-                      c === "edit" && "Edit Event",
-                      c === "view" && "Event Details"
-                    ] }),
-                    /* @__PURE__ */ r(u, { variant: "ghost", size: "icon", className: "h-9 w-9 rounded-full hover:bg-muted text-muted-foreground mr-[-8px]", onClick: m, children: /* @__PURE__ */ r(T, { className: "w-5 h-5" }) })
-                  ] })
-                }
-              ),
-              N ? /* @__PURE__ */ r("div", { className: "overflow-y-auto custom-scrollbar flex-1 bg-background", style: { padding: "8px 40px 32px 40px" }, children: N(l || {}) }) : /* @__PURE__ */ a(
-                "form",
-                {
-                  onSubmit: F,
-                  className: "space-y-6 overflow-y-auto custom-scrollbar flex-1 bg-background",
-                  style: { padding: "8px 40px 32px 40px" },
-                  children: [
-                    /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-                      /* @__PURE__ */ r(
-                        i.Field,
-                        {
-                          name: "title",
-                          validators: {
-                            onChange: ({ value: e }) => e ? void 0 : "Title is required"
-                          },
-                          children: (e) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ r(o, { htmlFor: "title", className: "text-[13px] font-semibold text-foreground/70", children: "Title" }),
-                            /* @__PURE__ */ r(
-                              v,
-                              {
-                                id: "title",
-                                placeholder: "Add title",
-                                value: e.state.value,
-                                onChange: (t) => e.handleChange(t.target.value),
-                                onBlur: e.handleBlur,
-                                disabled: d,
-                                className: h(
-                                  "h-10 rounded-md border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20 bg-background transition-all",
-                                  e.state.meta.errors.length > 0 && "border-destructive focus-visible:border-destructive ring-destructive/20"
-                                )
-                              }
-                            ),
-                            e.state.meta.errors.length > 0 && /* @__PURE__ */ r("p", { className: "text-[12px] font-medium text-destructive mt-1.5 animate-in fade-in slide-in-from-top-1", children: e.state.meta.errors.join(", ") })
-                          ] })
-                        }
-                      ),
-                      /* @__PURE__ */ r(
-                        i.Field,
-                        {
-                          name: "location",
-                          children: (e) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ r(o, { htmlFor: "location", className: "text-[13px] font-semibold text-foreground/70", children: "Location" }),
-                            /* @__PURE__ */ r(
-                              v,
-                              {
-                                id: "location",
-                                placeholder: "Add location",
-                                value: e.state.value,
-                                onChange: (t) => e.handleChange(t.target.value),
-                                disabled: d,
-                                className: "h-10 rounded-md border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20 bg-background transition-all"
-                              }
-                            )
-                          ] })
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-                      /* @__PURE__ */ r(
-                        i.Field,
-                        {
-                          name: "start",
-                          validators: {
-                            onChange: ({ value: e }) => e ? void 0 : "Start date is required"
-                          },
-                          children: (e) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "Start" }),
-                            /* @__PURE__ */ r(
-                              x,
-                              {
-                                date: e.state.value,
-                                setDate: (t) => e.handleChange(t),
-                                disabled: d,
-                                required: !0,
-                                locale: g,
-                                mode: i.getFieldValue("isAllDay") ? "date" : "datetime",
-                                className: "border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20"
-                              }
-                            ),
-                            e.state.meta.errors.length > 0 && /* @__PURE__ */ r("p", { className: "text-[12px] font-medium text-destructive mt-1.5", children: e.state.meta.errors.join(", ") })
-                          ] })
-                        }
-                      ),
-                      /* @__PURE__ */ r(
-                        i.Field,
-                        {
-                          name: "end",
-                          validators: {
-                            onChange: ({ value: e, fieldApi: t }) => {
-                              if (!e) return "End date is required";
-                              const n = t.form.getFieldValue("start");
-                              if (n && e <= n) return "End time must be after start time";
-                            }
-                          },
-                          children: (e) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "End" }),
-                            /* @__PURE__ */ r(
-                              x,
-                              {
-                                date: e.state.value,
-                                setDate: (t) => e.handleChange(t),
-                                disabled: d,
-                                required: !0,
-                                locale: g,
-                                mode: i.getFieldValue("isAllDay") ? "date" : "datetime",
-                                minDate: i.getFieldValue("start"),
-                                className: h(
-                                  "border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20",
-                                  e.state.meta.errors.length > 0 && "border-destructive focus-visible:border-destructive ring-destructive/20"
-                                )
-                              }
-                            ),
-                            e.state.meta.errors.length > 0 && /* @__PURE__ */ r("p", { className: "text-[12px] font-medium text-destructive mt-1.5 animate-in fade-in slide-in-from-top-1", children: e.state.meta.errors.join(", ") })
-                          ] })
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-                      /* @__PURE__ */ r(
-                        i.Field,
-                        {
-                          name: "isAllDay",
-                          children: (e) => /* @__PURE__ */ r("div", { className: "flex items-center h-10", children: /* @__PURE__ */ a("label", { className: "flex items-center space-x-3 cursor-pointer group select-none", children: [
-                            /* @__PURE__ */ r(
-                              "input",
-                              {
-                                type: "checkbox",
-                                checked: e.state.value,
-                                onChange: (t) => e.handleChange(t.target.checked),
-                                disabled: d,
-                                className: "h-4 w-4 rounded border-border/50 text-primary focus:ring-primary/30 accent-primary transition-all cursor-pointer"
-                              }
-                            ),
-                            /* @__PURE__ */ r("span", { className: "text-[14px] font-medium text-foreground/70 group-hover:text-foreground", children: "All day event" })
-                          ] }) })
-                        }
-                      ),
-                      /* @__PURE__ */ r(
-                        i.Field,
-                        {
-                          name: "isTimezoneEnabled",
-                          children: (e) => /* @__PURE__ */ r("div", { className: "flex items-center h-10", children: /* @__PURE__ */ a("label", { className: "flex items-center space-x-3 cursor-pointer group select-none", children: [
-                            /* @__PURE__ */ r(
-                              "input",
-                              {
-                                type: "checkbox",
-                                checked: e.state.value,
-                                onChange: (t) => e.handleChange(t.target.checked),
-                                disabled: d,
-                                className: "h-4 w-4 rounded border-border/50 text-primary focus:ring-primary/30 accent-primary transition-all cursor-pointer"
-                              }
-                            ),
-                            /* @__PURE__ */ r("span", { className: "text-[14px] font-medium text-foreground/70 group-hover:text-foreground", children: "Enable timezone" })
-                          ] }) })
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ r(
-                      i.Subscribe,
-                      {
-                        selector: (e) => [e.values.isTimezoneEnabled],
-                        children: ([e]) => e && /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 p-6 bg-highlight/50 rounded-lg border border-border animate-in slide-in-from-top-2 duration-300", children: [
-                          /* @__PURE__ */ r(
-                            i.Field,
-                            {
-                              name: "startTimezone",
-                              children: (t) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                                /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "Start Timezone" }),
-                                /* @__PURE__ */ a(
-                                  "select",
-                                  {
-                                    className: "w-full h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all",
-                                    value: t.state.value,
-                                    onChange: (n) => t.handleChange(n.target.value),
-                                    children: [
-                                      /* @__PURE__ */ r("option", { value: "Asia/Calcutta", children: "Asia/Calcutta" }),
-                                      /* @__PURE__ */ r("option", { value: "UTC", children: "UTC" }),
-                                      /* @__PURE__ */ r("option", { value: "America/New_York", children: "America/New_York" })
-                                    ]
-                                  }
-                                )
-                              ] })
-                            }
-                          ),
-                          /* @__PURE__ */ r(
-                            i.Field,
-                            {
-                              name: "endTimezone",
-                              children: (t) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                                /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "End Timezone" }),
-                                /* @__PURE__ */ a(
-                                  "select",
-                                  {
-                                    className: "w-full h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all",
-                                    value: t.state.value,
-                                    onChange: (n) => t.handleChange(n.target.value),
-                                    children: [
-                                      /* @__PURE__ */ r("option", { value: "Asia/Calcutta", children: "Asia/Calcutta" }),
-                                      /* @__PURE__ */ r("option", { value: "UTC", children: "UTC" }),
-                                      /* @__PURE__ */ r("option", { value: "America/New_York", children: "America/New_York" })
-                                    ]
-                                  }
-                                )
-                              ] })
-                            }
-                          )
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-                      /* @__PURE__ */ r(
-                        i.Field,
-                        {
-                          name: "repeatFrequency",
-                          children: (e) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "Repeat" }),
-                            /* @__PURE__ */ a(
-                              "select",
-                              {
-                                className: "w-full h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all",
-                                value: e.state.value,
-                                onChange: (t) => e.handleChange(t.target.value),
-                                children: [
-                                  /* @__PURE__ */ r("option", { value: "Never", children: "Never" }),
-                                  /* @__PURE__ */ r("option", { value: "Daily", children: "Daily" }),
-                                  /* @__PURE__ */ r("option", { value: "Weekly", children: "Weekly" }),
-                                  /* @__PURE__ */ r("option", { value: "Monthly", children: "Monthly" }),
-                                  /* @__PURE__ */ r("option", { value: "Yearly", children: "Yearly" })
-                                ]
-                              }
-                            )
-                          ] })
-                        }
-                      ),
-                      /* @__PURE__ */ r(
-                        i.Subscribe,
-                        {
-                          selector: (e) => [e.values.repeatFrequency],
-                          children: ([e]) => e !== "Never" && /* @__PURE__ */ r(
-                            i.Field,
-                            {
-                              name: "repeatEndLevel",
-                              children: (t) => /* @__PURE__ */ a("div", { className: "space-y-2 animate-in slide-in-from-top-2 duration-300", children: [
-                                /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "End" }),
-                                /* @__PURE__ */ a(
-                                  "select",
-                                  {
-                                    className: "w-full h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all",
-                                    value: t.state.value,
-                                    onChange: (n) => t.handleChange(n.target.value),
-                                    children: [
-                                      /* @__PURE__ */ r("option", { value: "Never", children: "Never" }),
-                                      /* @__PURE__ */ r("option", { value: "Until", children: "Until" }),
-                                      /* @__PURE__ */ r("option", { value: "Count", children: "Count" })
-                                    ]
-                                  }
-                                )
-                              ] })
-                            }
-                          )
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ r(
-                      i.Subscribe,
-                      {
-                        selector: (e) => [e.values.repeatFrequency, e.values.repeatEndLevel],
-                        children: ([e, t]) => e !== "Never" && /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 animate-in slide-in-from-top-2 duration-300", children: [
-                          /* @__PURE__ */ r(
-                            i.Field,
-                            {
-                              name: "repeatInterval",
-                              children: (n) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                                /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "Repeat every" }),
-                                /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-                                  /* @__PURE__ */ r(
-                                    "select",
-                                    {
-                                      className: "flex-1 h-10 px-3 rounded-md border-border bg-background text-sm focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary appearance-none bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xlmns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20stroke%3D%27%236b7280%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%271.5%27%20d%3D%27m6%208%204%204%204-4%27%2F%3E%3C%2Fsvg%3E')] bg-[length:20px] bg-[right_8px_center] bg-no-repeat transition-all",
-                                      value: n.state.value,
-                                      onChange: (s) => n.handleChange(parseInt(s.target.value)),
-                                      children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 20, 30].map((s) => /* @__PURE__ */ r("option", { value: s, children: s }, s))
-                                    }
-                                  ),
-                                  /* @__PURE__ */ r("span", { className: "text-sm font-medium text-muted-foreground whitespace-nowrap", children: e === "Daily" ? "Day(s)" : e.replace("ly", "") + "(s)" })
-                                ] })
-                              ] })
-                            }
-                          ),
-                          t === "Until" && /* @__PURE__ */ r(
-                            i.Field,
-                            {
-                              name: "repeatEndUntil",
-                              children: (n) => /* @__PURE__ */ a("div", { className: "space-y-2 animate-in slide-in-from-top-1", children: [
-                                /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "Until" }),
-                                /* @__PURE__ */ r(
-                                  x,
-                                  {
-                                    date: n.state.value,
-                                    setDate: (s) => n.handleChange(s),
-                                    disabled: d,
-                                    locale: g,
-                                    mode: "date",
-                                    minDate: i.getFieldValue("start"),
-                                    className: "border-border focus:border-primary"
-                                  }
-                                )
-                              ] })
-                            }
-                          ),
-                          t === "Count" && /* @__PURE__ */ r(
-                            i.Field,
-                            {
-                              name: "repeatEndCount",
-                              children: (n) => /* @__PURE__ */ a("div", { className: "space-y-2 animate-in slide-in-from-top-1", children: [
-                                /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "Occurrences" }),
-                                /* @__PURE__ */ r(
-                                  v,
-                                  {
-                                    type: "number",
-                                    min: 1,
-                                    value: n.state.value,
-                                    onChange: (s) => n.handleChange(parseInt(s.target.value)),
-                                    className: "h-10 rounded-md border-border focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary/20 bg-background transition-all"
-                                  }
-                                )
-                              ] })
-                            }
-                          )
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ r(
-                      i.Subscribe,
-                      {
-                        selector: (e) => [e.values.repeatFrequency],
-                        children: ([e]) => e === "Weekly" && /* @__PURE__ */ r(
-                          i.Field,
-                          {
-                            name: "repeatDays",
-                            children: (t) => /* @__PURE__ */ a("div", { className: "space-y-3 animate-in fade-in duration-300", children: [
-                              /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "Repeat On" }),
-                              /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-2", children: B.map((n) => /* @__PURE__ */ r(
-                                "button",
-                                {
-                                  type: "button",
-                                  onClick: () => {
-                                    const s = t.state.value || [];
-                                    s.includes(n.value) ? t.handleChange(s.filter((b) => b !== n.value)) : t.handleChange([...s, n.value]);
-                                  },
-                                  className: h(
-                                    "w-9 h-9 rounded-full flex items-center justify-center text-sm font-bold transition-all border",
-                                    (t.state.value || []).includes(n.value) ? "bg-primary text-white border-primary shadow-sm" : "bg-background text-foreground/60 border-border/60 hover:border-primary/40 hover:text-primary"
-                                  ),
-                                  children: n.label
-                                },
-                                n.value
-                              )) })
-                            ] })
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ r(
-                      i.Subscribe,
-                      {
-                        selector: (e) => [e.values.repeatFrequency],
-                        children: ([e]) => (e === "Monthly" || e === "Yearly") && /* @__PURE__ */ r(
-                          i.Field,
-                          {
-                            name: "repeatBy",
-                            children: (t) => /* @__PURE__ */ a("div", { className: "space-y-4 animate-in fade-in duration-300", children: [
-                              /* @__PURE__ */ r(o, { className: "text-[13px] font-semibold text-foreground/70", children: "Repeat On" }),
-                              /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-                                /* @__PURE__ */ a("label", { className: "flex items-center space-x-3 cursor-pointer group", children: [
-                                  /* @__PURE__ */ r(
-                                    "input",
-                                    {
-                                      type: "radio",
-                                      name: "repeatBy",
-                                      checked: t.state.value === "day",
-                                      onChange: () => t.handleChange("day"),
-                                      className: "h-4 w-4 border-border text-primary focus:ring-primary"
-                                    }
-                                  ),
-                                  /* @__PURE__ */ r("span", { className: "text-sm text-foreground/80", children: "Day of the month" })
-                                ] }),
-                                /* @__PURE__ */ a("label", { className: "flex items-center space-x-3 cursor-pointer group", children: [
-                                  /* @__PURE__ */ r(
-                                    "input",
-                                    {
-                                      type: "radio",
-                                      name: "repeatBy",
-                                      checked: t.state.value === "ordinal",
-                                      onChange: () => t.handleChange("ordinal"),
-                                      className: "h-4 w-4 border-border text-primary focus:ring-primary"
-                                    }
-                                  ),
-                                  /* @__PURE__ */ r("span", { className: "text-sm text-foreground/80", children: "Ordinal position" })
-                                ] })
-                              ] })
-                            ] })
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ r(
-                      i.Field,
-                      {
-                        name: "description",
-                        children: (e) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-                          /* @__PURE__ */ r(o, { htmlFor: "description", className: "text-[13px] font-semibold text-foreground/70", children: "Description" }),
-                          /* @__PURE__ */ r(
-                            "textarea",
-                            {
-                              id: "description",
-                              placeholder: "Add description",
-                              className: "flex min-h-[100px] w-full rounded-md border-border bg-background px-4 py-3 text-sm placeholder:text-muted-foreground focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/20 focus-visible:border-primary disabled:cursor-not-allowed disabled:opacity-50 resize-none transition-all hover:border-border",
-                              value: e.state.value,
-                              onChange: (t) => e.handleChange(t.target.value),
-                              disabled: d
-                            }
-                          )
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ r(
-                      i.Field,
-                      {
-                        name: "attachments",
-                        children: (e) => /* @__PURE__ */ a("div", { className: "space-y-4 pt-4 pb-2", children: [
-                          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
-                            /* @__PURE__ */ a(o, { className: "text-[13px] font-semibold text-foreground/70 flex items-center gap-2", children: [
-                              /* @__PURE__ */ r(f, { className: "w-4 h-4" }),
-                              " Attachments"
-                            ] }),
-                            /* @__PURE__ */ r(
-                              "input",
-                              {
-                                type: "file",
-                                id: "file-upload",
-                                multiple: !0,
-                                className: "hidden",
-                                onChange: (t) => {
-                                  t.target.files && e.handleChange([...e.state.value || [], ...Array.from(t.target.files)]);
-                                }
-                              }
-                            ),
-                            /* @__PURE__ */ a(
-                              u,
-                              {
-                                type: "button",
-                                variant: "outline",
-                                size: "sm",
-                                className: "h-8 text-xs font-semibold gap-2 border-dashed border-border/50 hover:border-primary/40 hover:text-primary transition-all",
-                                onClick: () => document.getElementById("file-upload")?.click(),
-                                children: [
-                                  /* @__PURE__ */ r(f, { className: "w-3 h-3" }),
-                                  " Add Files"
-                                ]
-                              }
-                            )
-                          ] }),
-                          (e.state.value || []).length > 0 && /* @__PURE__ */ r("div", { className: "grid grid-cols-1 gap-3", children: (e.state.value || []).map((t, n) => /* @__PURE__ */ a("div", { className: "flex items-center justify-between p-3 rounded-lg bg-highlight border border-border group hover:border-border transition-all", children: [
-                            /* @__PURE__ */ a("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-                              /* @__PURE__ */ r("div", { className: "w-9 h-9 rounded-md bg-white border border-border flex items-center justify-center shrink-0 shadow-sm", children: /* @__PURE__ */ r(f, { className: "w-4 h-4 text-muted-foreground" }) }),
-                              /* @__PURE__ */ a("div", { className: "flex flex-col overflow-hidden", children: [
-                                /* @__PURE__ */ r("span", { className: "text-[13px] font-medium text-foreground truncate", children: t.name }),
-                                /* @__PURE__ */ a("span", { className: "text-[11px] text-muted-foreground font-medium", children: [
-                                  (t.size / 1024).toFixed(1),
-                                  " KB"
-                                ] })
-                              ] })
-                            ] }),
-                            /* @__PURE__ */ r(
-                              u,
-                              {
-                                type: "button",
-                                variant: "ghost",
-                                size: "icon",
-                                className: "h-8 w-8 text-muted-foreground/50 hover:text-destructive hover:bg-destructive/10 opacity-0 group-hover:opacity-100 transition-all",
-                                onClick: () => e.handleChange((e.state.value || []).filter((s, b) => b !== n)),
-                                children: /* @__PURE__ */ r(I, { className: "w-4 h-4" })
-                              }
-                            )
-                          ] }, n)) })
-                        ] })
-                      }
-                    )
-                  ]
-                }
-              ),
-              w ? w(l || {}, c, () => F({}), m) : /* @__PURE__ */ a("div", { style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "flex-end",
-                padding: "24px 40px",
-                backgroundColor: "var(--highlight)",
-                gap: "12px",
-                width: "100%",
-                flexShrink: 0
-              }, children: [
-                !d && y && c === "edit" && /* @__PURE__ */ r(u, { type: "button", variant: "ghost", className: "text-destructive hover:bg-destructive/10 hover:text-destructive h-10 px-5 font-bold mr-auto", onClick: () => {
-                  y(l?.id), m();
-                }, children: "Delete" }),
-                /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-                  !d && /* @__PURE__ */ r(
-                    i.Subscribe,
-                    {
-                      selector: (e) => [e.canSubmit, e.isSubmitting],
-                      children: ([e, t]) => /* @__PURE__ */ r(
-                        u,
-                        {
-                          type: "submit",
-                          variant: "default",
-                          className: "h-10 px-10 font-bold rounded-md shrink-0 flex items-center justify-center transition-all hover:opacity-90",
-                          style: { minWidth: "120px" },
-                          disabled: !e || t,
-                          onClick: (n) => {
-                            n.preventDefault(), n.stopPropagation(), i.handleSubmit();
-                          },
-                          children: t ? "Saving..." : "Save"
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    u,
-                    {
-                      type: "button",
-                      variant: "outline",
-                      className: "h-10 px-8 font-bold border border-border hover:bg-highlight text-foreground shrink-0 rounded-md transition-all",
-                      style: { minWidth: "100px" },
-                      onClick: m,
-                      children: "Cancel"
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return S(D, document.body);
-};
-export {
-  V as EzEventModal
-};