@nice2dev/events 1.0.27 → 1.0.29

package/dist/index.mjs

@@ -1,786 +1,685 @@
-import { jsxs as t, jsx as e, Fragment as ue } from "react/jsx-runtime";
-import { forwardRef as P, useState as w, useRef as pe, useEffect as me, useCallback as E, useMemo as R } from "react";
-const be = P(
-  function(x, A) {
+import { jsxs as i, jsx as e, Fragment as Ze } from "react/jsx-runtime";
+import { NtdHeart as en, NtdTrash as nn, NtdPlay as tn, NtdImage as an, NtdSparkle as ye, NtdCamera as fe, NtdMicrophone as Ne, NtdHelp as _e, NtdMusic as W, NtdGamepad as be, NtdThumbsUp as ln, NtdClipboardCheck as rn, NtdMedal as pe, NtdTrophy as cn } from "@nice2dev/icons";
+import { NiceUpload as sn, NiceTextInput as T, NiceCardGroup as on, NiceAvatarGroup as ue, NiceAvatar as X, NiceBadge as U, NiceButton as B, NiceSelect as he, NiceAmountBreakdown as dn, NiceToggle as ve, NiceTabs as mn, NiceTextArea as pn } from "@nice2dev/ui";
+import ee, { forwardRef as E, useState as _, useMemo as I, useCallback as $ } from "react";
+import { NiceIcon as L } from "@nice2dev/ui-core";
+const un = ({ item: w }) => {
+  const [b, x] = _(!1), t = w.thumbnailUrl ?? w.url;
+  return w.type === "video" ? /* @__PURE__ */ e("div", { className: "nice-event-media__video-thumb", children: /* @__PURE__ */ e(tn, { size: 26 }) }) : b || !t ? /* @__PURE__ */ e("div", { className: "nice-event-media__broken", title: "Image unavailable", children: /* @__PURE__ */ e(an, { size: 24 }) }) : /* @__PURE__ */ e(
+    "img",
+    {
+      src: t,
+      alt: w.caption ?? "",
+      className: "nice-event-media__thumb",
+      loading: "lazy",
+      onError: () => x(!0)
+    }
+  );
+}, Sn = E(
+  function(b, x) {
     const {
-      messages: a,
-      currentUserId: y,
-      onSend: m,
-      onReact: v,
-      reactions: _ = ["👍", "❤️", "😂", "🎉", "🔥"],
-      readOnly: g = !1,
-      placeholder: S = "Type a message…",
-      autoScroll: N = !0,
-      className: f,
-      style: C
-    } = x, [s, u] = w(""), k = pe(null);
-    me(() => {
-      N && k.current && k.current.scrollIntoView({ behavior: "smooth" });
-    }, [a.length, N]);
-    const b = E(() => {
-      !s.trim() || !m || (m(s.trim(), "text"), u(""));
-    }, [s, m]), p = (c) => {
-      c.key === "Enter" && !c.shiftKey && (c.preventDefault(), b());
-    };
-    return /* @__PURE__ */ t("div", { ref: A, className: `nice-event-chat ${f ?? ""}`, style: C, children: [
-      /* @__PURE__ */ t("div", { className: "nice-event-chat__messages", children: [
-        a.length === 0 && /* @__PURE__ */ e("p", { className: "nice-event-chat__empty", children: "No messages yet. Start the conversation!" }),
-        a.map((c) => {
-          const n = c.senderId === y;
-          return c.type === "system" || c.type === "announcement" ? /* @__PURE__ */ t(
-            "div",
-            {
-              className: `nice-event-chat__system nice-event-chat__${c.type}`,
-              children: [
-                /* @__PURE__ */ e("span", { children: c.content }),
-                /* @__PURE__ */ e("time", { children: c.timestamp })
-              ]
-            },
-            c.id
-          ) : /* @__PURE__ */ t(
-            "div",
-            {
-              className: `nice-event-chat__bubble ${n ? "nice-event-chat__bubble--own" : ""}`,
-              children: [
-                !n && /* @__PURE__ */ t("div", { className: "nice-event-chat__sender", children: [
-                  c.senderAvatarUrl && /* @__PURE__ */ e("img", { src: c.senderAvatarUrl, alt: "", className: "nice-event-chat__avatar" }),
-                  /* @__PURE__ */ e("strong", { children: c.senderName })
-                ] }),
-                c.type === "image" ? /* @__PURE__ */ e("img", { src: c.content, alt: "Shared image", className: "nice-event-chat__image" }) : /* @__PURE__ */ e("p", { className: "nice-event-chat__text", children: c.content }),
-                /* @__PURE__ */ t("div", { className: "nice-event-chat__meta", children: [
-                  /* @__PURE__ */ e("time", { children: c.timestamp }),
-                  c.reactions && Object.keys(c.reactions).length > 0 && /* @__PURE__ */ e("span", { className: "nice-event-chat__reactions", children: Object.entries(c.reactions).map(([i, h]) => /* @__PURE__ */ t(
-                    "button",
-                    {
-                      className: "nice-event-chat__reaction",
-                      onClick: () => v == null ? void 0 : v(c.id, i),
-                      children: [
-                        i,
-                        " ",
-                        h
-                      ]
-                    },
-                    i
-                  )) })
-                ] }),
-                v && !g && /* @__PURE__ */ e("div", { className: "nice-event-chat__react-bar", children: _.map((i) => /* @__PURE__ */ e("button", { onClick: () => v(c.id, i), title: i, children: i }, i)) })
-              ]
-            },
-            c.id
-          );
-        }),
-        /* @__PURE__ */ e("div", { ref: k })
-      ] }),
-      !g && /* @__PURE__ */ t("div", { className: "nice-event-chat__input-bar", children: [
-        /* @__PURE__ */ e(
-          "textarea",
-          {
-            value: s,
-            onChange: (c) => u(c.target.value),
-            onKeyDown: p,
-            placeholder: S,
-            rows: 1
-          }
-        ),
-        /* @__PURE__ */ e("button", { onClick: b, disabled: !s.trim(), children: "Send" })
-      ] })
-    ] });
-  }
-), X = {
-  invited: "#3b82f6",
-  confirmed: "#22c55e",
-  declined: "#ef4444",
-  "checked-in": "#8b5cf6",
-  "no-show": "#9ca3af"
-}, Z = {
-  host: "👑 Host",
-  "co-host": "🎯 Co-Host",
-  moderator: "🛡️ Moderator",
-  participant: "👤 Participant",
-  spectator: "👁️ Spectator",
-  vip: "⭐ VIP"
-}, ke = P(
-  function(x, A) {
-    const {
-      participants: a,
-      currentParticipantId: y,
-      onInvite: m,
-      onRemove: v,
-      onRoleChange: _,
-      onCheckIn: g,
-      onParticipantClick: S,
-      showQR: N = !1,
-      editable: f = !1,
-      maxParticipants: C,
-      className: s,
-      style: u
-    } = x, [k, b] = w(""), [p, c] = w(""), n = R(() => {
-      let h = a;
-      if (p && (h = h.filter((l) => l.status === p)), k.trim()) {
-        const l = k.toLowerCase();
-        h = h.filter((o) => o.name.toLowerCase().includes(l));
-      }
-      return h;
-    }, [a, p, k]), d = R(() => {
-      const h = /* @__PURE__ */ new Map(), l = [
-        "host",
-        "co-host",
-        "moderator",
-        "vip",
-        "participant",
-        "spectator"
-      ];
-      for (const o of l)
-        h.set(o, []);
-      for (const o of n)
-        h.has(o.role) || h.set(o.role, []), h.get(o.role).push(o);
-      return Array.from(h.entries()).filter(([, o]) => o.length > 0);
-    }, [n]), i = R(() => {
-      const h = {};
-      for (const l of a)
-        h[l.status] = (h[l.status] ?? 0) + 1;
-      return h;
-    }, [a]);
-    return /* @__PURE__ */ t("div", { ref: A, className: `nice-event-participants ${s ?? ""}`, style: u, children: [
-      /* @__PURE__ */ t("div", { className: "nice-event-participants__header", children: [
-        /* @__PURE__ */ t("h3", { children: [
-          "Participants (",
-          a.length,
-          C ? ` / ${C}` : "",
-          ")"
-        ] }),
-        f && m && /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: m,
-            disabled: C ? a.length >= C : !1,
-            children: "+ Invite"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "nice-event-participants__summary", children: Object.entries(i).map(([h, l]) => /* @__PURE__ */ t("span", { className: "nice-event-participants__stat", children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: "nice-event-participants__dot",
-            style: { backgroundColor: X[h] }
-          }
-        ),
-        h,
-        ": ",
-        l
-      ] }, h)) }),
-      /* @__PURE__ */ t("div", { className: "nice-event-participants__toolbar", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: k,
-            onChange: (h) => b(h.target.value),
-            placeholder: "Search…"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "select",
-          {
-            value: p,
-            onChange: (h) => c(h.target.value),
-            children: [
-              /* @__PURE__ */ e("option", { value: "", children: "All" }),
-              /* @__PURE__ */ e("option", { value: "invited", children: "Invited" }),
-              /* @__PURE__ */ e("option", { value: "confirmed", children: "Confirmed" }),
-              /* @__PURE__ */ e("option", { value: "declined", children: "Declined" }),
-              /* @__PURE__ */ e("option", { value: "checked-in", children: "Checked In" }),
-              /* @__PURE__ */ e("option", { value: "no-show", children: "No Show" })
-            ]
-          }
-        )
-      ] }),
-      d.map(([h, l]) => /* @__PURE__ */ t("div", { className: "nice-event-participants__group", children: [
-        /* @__PURE__ */ t("h4", { className: "nice-event-participants__role-label", children: [
-          Z[h],
-          " (",
-          l.length,
-          ")"
-        ] }),
-        l.map((o) => /* @__PURE__ */ t(
-          "div",
-          {
-            className: `nice-event-participants__item ${o.id === y ? "nice-event-participants__item--self" : ""}`,
-            onClick: () => S == null ? void 0 : S(o),
-            children: [
-              o.avatarUrl ? /* @__PURE__ */ e("img", { src: o.avatarUrl, alt: "", className: "nice-event-participants__avatar" }) : /* @__PURE__ */ e("span", { className: "nice-event-participants__avatar-placeholder", children: o.name.charAt(0) }),
-              /* @__PURE__ */ t("div", { className: "nice-event-participants__info", children: [
-                /* @__PURE__ */ e("span", { className: "nice-event-participants__name", children: o.name }),
-                /* @__PURE__ */ e(
-                  "span",
-                  {
-                    className: "nice-event-participants__status",
-                    style: { color: X[o.status] },
-                    children: o.status
-                  }
-                ),
-                o.score != null && /* @__PURE__ */ t("span", { className: "nice-event-participants__score", children: [
-                  "Score: ",
-                  o.score
-                ] })
-              ] }),
-              N && o.qrCode && /* @__PURE__ */ e("span", { className: "nice-event-participants__qr", title: "QR Code", children: "📱" }),
-              f && /* @__PURE__ */ t("div", { className: "nice-event-participants__actions", children: [
-                _ && /* @__PURE__ */ e(
-                  "select",
-                  {
-                    value: o.role,
-                    onChange: (I) => _(o.id, I.target.value),
-                    onClick: (I) => I.stopPropagation(),
-                    children: Object.entries(Z).map(([I, O]) => /* @__PURE__ */ e("option", { value: I, children: O }, I))
-                  }
-                ),
-                g && o.status === "confirmed" && /* @__PURE__ */ e(
-                  "button",
-                  {
-                    onClick: (I) => {
-                      I.stopPropagation(), g(o.id);
-                    },
-                    children: "Check In"
-                  }
-                ),
-                v && o.role !== "host" && /* @__PURE__ */ e(
-                  "button",
-                  {
-                    onClick: (I) => {
-                      I.stopPropagation(), v(o.id);
-                    },
-                    children: "Remove"
-                  }
-                )
-              ] })
-            ]
-          },
-          o.id
-        ))
-      ] }, h))
-    ] });
-  }
-), Ce = P(
-  function(x, A) {
-    const {
-      items: a,
-      onUpload: y,
-      onDelete: m,
-      onLike: v,
-      onItemClick: _,
-      layout: g = "grid",
-      uploadEnabled: S = !0,
-      typeFilter: N = "all",
-      className: f,
-      style: C
-    } = x, [s, u] = w(""), k = R(() => N === "all" ? a : a.filter((p) => p.type === N), [a, N]), b = (p) => {
-      var n;
-      const c = (n = p.target.files) == null ? void 0 : n[0];
-      !c || !y || (y(c, s.trim() || void 0), u(""), p.target.value = "");
-    };
-    return /* @__PURE__ */ t(
+      items: t,
+      onUpload: p,
+      onDelete: u,
+      onLike: m,
+      onItemClick: v,
+      layout: y = "grid",
+      uploadEnabled: k = !0,
+      typeFilter: f = "all",
+      className: h,
+      style: N
+    } = b, [c, o] = _(""), C = I(() => f === "all" ? t : t.filter((d) => d.type === f), [t, f]), g = (d) => {
+      const n = d[0];
+      !n || !p || (p(n, c.trim() || void 0), o(""));
+    }, S = y === "list";
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: A,
-        className: `nice-event-media nice-event-media--${g} ${f ?? ""}`,
-        style: C,
+        ref: x,
+        className: `nice-event-media nice-event-media--${y} ${h ?? ""}`,
+        style: N,
         children: [
-          /* @__PURE__ */ e("div", { className: "nice-event-media__header", children: /* @__PURE__ */ t("h3", { children: [
+          /* @__PURE__ */ e("div", { className: "nice-event-media__header", children: /* @__PURE__ */ i("h3", { children: [
             "Media (",
-            k.length,
+            C.length,
             ")"
           ] }) }),
-          S && y && /* @__PURE__ */ t("div", { className: "nice-event-media__upload", children: [
-            /* @__PURE__ */ e("input", { type: "file", accept: "image/*,video/*", onChange: b }),
+          k && p && /* @__PURE__ */ i("div", { className: "nice-event-media__upload", children: [
             /* @__PURE__ */ e(
-              "input",
+              sn,
               {
-                type: "text",
-                value: s,
-                onChange: (p) => u(p.target.value),
-                placeholder: "Add a caption…",
-                className: "nice-event-media__caption-input"
+                accept: "image/*,video/*",
+                multiple: !1,
+                imagePreview: !1,
+                onFilesSelected: g
               }
-            )
+            ),
+            /* @__PURE__ */ e(T, { value: c, onChange: o, placeholder: "Add a caption…" })
           ] }),
-          k.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-event-media__empty", children: "No media yet." }) : /* @__PURE__ */ e("div", { className: `nice-event-media__gallery nice-event-media__gallery--${g}`, children: k.map((p) => /* @__PURE__ */ t(
-            "div",
+          C.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-event-media__empty", children: "No media yet." }) : /* @__PURE__ */ e(
+            on,
             {
-              className: "nice-event-media__item",
-              onClick: () => _ == null ? void 0 : _(p),
-              role: _ ? "button" : void 0,
-              children: [
-                p.type === "photo" ? /* @__PURE__ */ e(
-                  "img",
-                  {
-                    src: p.thumbnailUrl ?? p.url,
-                    alt: p.caption ?? "",
-                    className: "nice-event-media__thumb"
-                  }
-                ) : /* @__PURE__ */ e("div", { className: "nice-event-media__video-thumb", children: /* @__PURE__ */ e("span", { children: "▶" }) }),
-                /* @__PURE__ */ t("div", { className: "nice-event-media__overlay", children: [
-                  p.caption && /* @__PURE__ */ e("span", { className: "nice-event-media__item-caption", children: p.caption }),
-                  /* @__PURE__ */ e("span", { className: "nice-event-media__uploader", children: p.uploadedByName }),
-                  /* @__PURE__ */ t("div", { className: "nice-event-media__item-actions", children: [
-                    v && /* @__PURE__ */ t(
-                      "button",
-                      {
-                        onClick: (c) => {
-                          c.stopPropagation(), v(p.id);
-                        },
-                        children: [
-                          "❤️ ",
-                          p.likes ?? 0
-                        ]
-                      }
-                    ),
-                    m && /* @__PURE__ */ e(
-                      "button",
-                      {
-                        onClick: (c) => {
-                          c.stopPropagation(), m(p.id);
-                        },
-                        children: "🗑️"
-                      }
-                    )
-                  ] })
-                ] })
-              ]
-            },
-            p.id
-          )) })
+              columns: S ? 1 : void 0,
+              minColumnWidth: 200,
+              gap: 12,
+              align: "stretch",
+              children: C.map((d) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: `nice-event-media__card${S ? " nice-event-media__card--row" : ""}`,
+                  onClick: () => v == null ? void 0 : v(d),
+                  role: v ? "button" : void 0,
+                  tabIndex: v ? 0 : void 0,
+                  children: [
+                    /* @__PURE__ */ e(un, { item: d }),
+                    /* @__PURE__ */ i("div", { className: "nice-event-media__body", children: [
+                      d.caption && /* @__PURE__ */ e("span", { className: "nice-event-media__caption", children: d.caption }),
+                      d.uploadedByName && /* @__PURE__ */ e("span", { className: "nice-event-media__uploader", children: d.uploadedByName }),
+                      /* @__PURE__ */ i("div", { className: "nice-event-media__actions", children: [
+                        m && /* @__PURE__ */ i(
+                          "button",
+                          {
+                            type: "button",
+                            className: "nice-event-media__action",
+                            onClick: (n) => {
+                              n.stopPropagation(), m(d.id);
+                            },
+                            "aria-label": "Like",
+                            children: [
+                              /* @__PURE__ */ e(en, { size: 15 }),
+                              " ",
+                              d.likes ?? 0
+                            ]
+                          }
+                        ),
+                        u && /* @__PURE__ */ e(
+                          "button",
+                          {
+                            type: "button",
+                            className: "nice-event-media__action nice-event-media__action--danger",
+                            onClick: (n) => {
+                              n.stopPropagation(), u(d.id);
+                            },
+                            "aria-label": "Delete",
+                            children: /* @__PURE__ */ e(nn, { size: 15 })
+                          }
+                        )
+                      ] })
+                    ] })
+                  ]
+                },
+                d.id
+              ))
+            }
+          )
         ]
       }
     );
   }
-), Se = P(
-  function(x, A) {
-    var G, K, H, Y, J;
+);
+function Z(w) {
+  const b = w.toLowerCase();
+  return ["active", "live", "published", "completed", "confirmed"].includes(b) ? "success" : ["cancelled", "canceled", "rejected", "failed"].includes(b) ? "error" : ["scheduled", "pending", "planning"].includes(b) ? "info" : ["draft", "archived"].includes(b) ? "secondary" : "warning";
+}
+const hn = {
+  micro: [],
+  compact: ["details", "location", "budget"],
+  normal: ["details", "location", "participants", "surveys", "budget"],
+  full: ["details", "location", "participants", "surveys", "budget", "settings"]
+}, xn = E(
+  function(b, x) {
+    var re, ce, se, oe, de, me;
     const {
-      event: a,
-      surveys: y = [],
+      event: t,
+      participants: p = [],
+      surveys: u = [],
       billing: m = [],
-      onUpdateEvent: v,
-      onUpdateLocation: _,
-      onAddSurvey: g,
-      onSurveyRespond: S,
-      onAddBilling: N,
-      editable: f = !1,
-      className: C,
-      style: s
-    } = x, [u, k] = w("details"), [b, p] = w(a.title), [c, n] = w(a.description ?? ""), [d, i] = w(a.startDate ?? ""), [h, l] = w(a.endDate ?? ""), [o, I] = w(((G = a.location) == null ? void 0 : G.name) ?? ""), [O, te] = w(((K = a.location) == null ? void 0 : K.address) ?? ""), [z, ne] = w(((H = a.location) == null ? void 0 : H.virtualUrl) ?? ""), [B, ie] = w(((Y = a.location) == null ? void 0 : Y.isVirtual) ?? !1), [T, F] = w(""), [D, ae] = w("single"), [U, Q] = w(""), [V, W] = w(""), [q, j] = w(""), [M, ce] = w("PLN"), le = E(() => {
-      v == null || v({
-        title: b,
-        description: c || void 0,
-        startDate: d || void 0,
-        endDate: h || void 0
+      displayMode: v = "normal",
+      tabs: y,
+      activeTab: k,
+      onTabChange: f,
+      editable: h = !1,
+      onSave: N,
+      onPublish: c,
+      onShare: o,
+      onExport: C,
+      onUpdateEvent: g,
+      onUpdateLocation: S,
+      onAddSurvey: d,
+      onSurveyRespond: n,
+      onAddBilling: s,
+      className: a,
+      style: z
+    } = b, [r, A] = _(t.title), [P, V] = _(t.description ?? ""), [q, ke] = _(t.startDate ?? ""), [F, Ce] = _(t.endDate ?? ""), [Q, Se] = _(((re = t.location) == null ? void 0 : re.name) ?? ""), [j, xe] = _(((ce = t.location) == null ? void 0 : ce.address) ?? ""), [G, we] = _(((se = t.location) == null ? void 0 : se.virtualUrl) ?? ""), [M, ze] = _(((oe = t.location) == null ? void 0 : oe.isVirtual) ?? !1), [O, ne] = _(""), [H, Ae] = _("single"), [Y, ie] = _(""), [D, te] = _(""), [K, ae] = _(""), [J, Ie] = _("PLN"), le = y ?? hn[v], [Le, Te] = _(le[0] ?? "details"), Pe = k ?? Le, Re = $(
+      (l) => {
+        const R = l;
+        k === void 0 && Te(R), f == null || f(R);
+      },
+      [k, f]
+    ), Be = $(() => {
+      g == null || g({
+        title: r,
+        description: P || void 0,
+        startDate: q || void 0,
+        endDate: F || void 0
       });
-    }, [b, c, d, h, v]), re = E(() => {
-      _ == null || _({
-        name: o,
-        address: O || void 0,
-        virtualUrl: z || void 0,
-        isVirtual: B
+    }, [r, P, q, F, g]), Ee = $(() => {
+      S == null || S({
+        name: Q,
+        address: j || void 0,
+        virtualUrl: G || void 0,
+        isVirtual: M
       });
-    }, [o, O, z, B, _]), se = E(() => {
-      if (!T.trim() || !g)
+    }, [Q, j, G, M, S]), $e = $(() => {
+      if (!O.trim() || !d)
         return;
-      const r = U.split(",").map(($) => $.trim()).filter(Boolean);
-      g(T.trim(), D, r.length > 0 ? r : void 0), F(""), Q("");
-    }, [T, D, U, g]), oe = E(() => {
-      !V.trim() || !N || (N({
-        label: V.trim(),
-        amount: parseFloat(q) || 0,
-        currency: M
-      }), W(""), j(""));
-    }, [V, q, M, N]), de = m.reduce((r, $) => r + $.amount, 0);
-    return /* @__PURE__ */ t("div", { ref: A, className: `nice-event-planning ${C ?? ""}`, style: s, children: [
-      /* @__PURE__ */ e("div", { className: "nice-event-planning__tabs", children: ["details", "location", "surveys", "billing"].map((r) => /* @__PURE__ */ e(
-        "button",
+      const l = Y.split(",").map((R) => R.trim()).filter(Boolean);
+      d(O.trim(), H, l.length > 0 ? l : void 0), ne(""), ie("");
+    }, [O, H, Y, d]), Oe = $(() => {
+      !D.trim() || !s || (s({
+        label: D.trim(),
+        amount: parseFloat(K) || 0,
+        currency: J
+      }), te(""), ae(""));
+    }, [D, K, J, s]), De = I(
+      () => m.map((l) => ({
+        label: l.label,
+        amount: l.amount
+      })),
+      [m]
+    ), Ve = I(() => m.reduce((l, R) => l + R.amount, 0), [m]), Me = ((de = m[0]) == null ? void 0 : de.currency) ?? "PLN", Ue = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+      /* @__PURE__ */ e(
+        T,
         {
-          className: `nice-event-planning__tab ${u === r ? "nice-event-planning__tab--active" : ""}`,
-          onClick: () => k(r),
-          children: r.charAt(0).toUpperCase() + r.slice(1)
-        },
-        r
-      )) }),
-      u === "details" && /* @__PURE__ */ t("div", { className: "nice-event-planning__section", children: [
-        /* @__PURE__ */ t("label", { children: [
-          "Title",
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: b,
-              onChange: (r) => p(r.target.value),
-              readOnly: !f
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("label", { children: [
-          "Description",
-          /* @__PURE__ */ e(
-            "textarea",
-            {
-              value: c,
-              onChange: (r) => n(r.target.value),
-              readOnly: !f,
-              rows: 3
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("label", { children: [
-          "Start",
+          label: "Title",
+          value: r,
+          onChange: A,
+          readOnly: !h
+        }
+      ),
+      /* @__PURE__ */ e(
+        pn,
+        {
+          label: "Description",
+          value: P,
+          onChange: V,
+          readOnly: !h,
+          rows: 3
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "nice-event-planning__row", children: [
+        /* @__PURE__ */ i("label", { className: "nice-field", children: [
+          /* @__PURE__ */ e("span", { className: "nice-field__label", children: "Start" }),
           /* @__PURE__ */ e(
             "input",
             {
+              className: "nice-input",
               type: "datetime-local",
-              value: d,
-              onChange: (r) => i(r.target.value),
-              readOnly: !f
+              value: q,
+              onChange: (l) => ke(l.target.value),
+              readOnly: !h
             }
           )
         ] }),
-        /* @__PURE__ */ t("label", { children: [
-          "End",
+        /* @__PURE__ */ i("label", { className: "nice-field", children: [
+          /* @__PURE__ */ e("span", { className: "nice-field__label", children: "End" }),
           /* @__PURE__ */ e(
             "input",
             {
+              className: "nice-input",
               type: "datetime-local",
-              value: h,
-              onChange: (r) => l(r.target.value),
-              readOnly: !f
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "nice-event-planning__status", children: [
-          "Status: ",
-          /* @__PURE__ */ e("strong", { children: a.status })
-        ] }),
-        f && /* @__PURE__ */ e("button", { onClick: le, children: "Save Details" })
-      ] }),
-      u === "location" && /* @__PURE__ */ t("div", { className: "nice-event-planning__section", children: [
-        /* @__PURE__ */ t("label", { children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "checkbox",
-              checked: B,
-              onChange: (r) => ie(r.target.checked),
-              disabled: !f
-            }
-          ),
-          " ",
-          "Virtual event"
-        ] }),
-        /* @__PURE__ */ t("label", { children: [
-          "Venue Name",
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: o,
-              onChange: (r) => I(r.target.value),
-              readOnly: !f
-            }
-          )
-        ] }),
-        !B && /* @__PURE__ */ t("label", { children: [
-          "Address",
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: O,
-              onChange: (r) => te(r.target.value),
-              readOnly: !f
-            }
-          )
-        ] }),
-        B && /* @__PURE__ */ t("label", { children: [
-          "Virtual URL",
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "url",
-              value: z,
-              onChange: (r) => ne(r.target.value),
-              readOnly: !f
+              value: F,
+              onChange: (l) => Ce(l.target.value),
+              readOnly: !h
             }
           )
-        ] }),
-        f && /* @__PURE__ */ e("button", { onClick: re, children: "Save Location" })
-      ] }),
-      u === "surveys" && /* @__PURE__ */ t("div", { className: "nice-event-planning__section", children: [
-        y.length === 0 ? /* @__PURE__ */ e("p", { children: "No surveys yet." }) : y.map((r) => /* @__PURE__ */ t("div", { className: "nice-event-planning__survey", children: [
-          /* @__PURE__ */ e("strong", { children: r.question }),
-          /* @__PURE__ */ t("span", { className: "nice-event-planning__survey-type", children: [
-            "(",
-            r.type,
-            ")"
-          ] }),
-          r.options && /* @__PURE__ */ e("div", { className: "nice-event-planning__survey-options", children: r.options.map(($, he) => /* @__PURE__ */ e("button", { onClick: () => S == null ? void 0 : S(r.id, $), children: $ }, he)) }),
-          r.responses && /* @__PURE__ */ t("span", { children: [
-            r.responses.length,
-            " responses"
-          ] })
-        ] }, r.id)),
-        f && g && /* @__PURE__ */ t("div", { className: "nice-event-planning__add-survey", children: [
-          /* @__PURE__ */ e("h4", { children: "Add Survey" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: T,
-              onChange: (r) => F(r.target.value),
-              placeholder: "Question"
-            }
-          ),
-          /* @__PURE__ */ t(
-            "select",
-            {
-              value: D,
-              onChange: (r) => ae(r.target.value),
-              children: [
-                /* @__PURE__ */ e("option", { value: "single", children: "Single choice" }),
-                /* @__PURE__ */ e("option", { value: "multiple", children: "Multiple choice" }),
-                /* @__PURE__ */ e("option", { value: "text", children: "Free text" }),
-                /* @__PURE__ */ e("option", { value: "rating", children: "Rating" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: U,
-              onChange: (r) => Q(r.target.value),
-              placeholder: "Options (comma-separated)"
-            }
-          ),
-          /* @__PURE__ */ e("button", { onClick: se, disabled: !T.trim(), children: "Add" })
         ] })
       ] }),
-      u === "billing" && /* @__PURE__ */ t("div", { className: "nice-event-planning__section", children: [
-        m.length === 0 ? /* @__PURE__ */ e("p", { children: "No billing items yet." }) : /* @__PURE__ */ t(ue, { children: [
-          /* @__PURE__ */ t("table", { className: "nice-event-planning__billing-table", children: [
-            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
-              /* @__PURE__ */ e("th", { children: "Item" }),
-              /* @__PURE__ */ e("th", { children: "Amount" }),
-              /* @__PURE__ */ e("th", { children: "Paid by" }),
-              /* @__PURE__ */ e("th", { children: "Status" })
-            ] }) }),
-            /* @__PURE__ */ e("tbody", { children: m.map((r) => /* @__PURE__ */ t("tr", { children: [
-              /* @__PURE__ */ e("td", { children: r.label }),
-              /* @__PURE__ */ t("td", { children: [
-                r.amount.toFixed(2),
-                " ",
-                r.currency
-              ] }),
-              /* @__PURE__ */ e("td", { children: r.paidByName ?? "—" }),
-              /* @__PURE__ */ e("td", { children: r.isPaid ? "✅ Paid" : "⏳ Pending" })
-            ] }, r.id)) })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "nice-event-planning__billing-total", children: [
-            "Total:",
-            " ",
-            /* @__PURE__ */ t("strong", { children: [
-              de.toFixed(2),
-              " ",
-              ((J = m[0]) == null ? void 0 : J.currency) ?? ""
-            ] })
-          ] })
-        ] }),
-        f && N && /* @__PURE__ */ t("div", { className: "nice-event-planning__add-billing", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: V,
-              onChange: (r) => W(r.target.value),
-              placeholder: "Item"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              value: q,
-              onChange: (r) => j(r.target.value),
-              placeholder: "Amount",
-              min: 0,
-              step: 0.01
-            }
-          ),
-          /* @__PURE__ */ t(
-            "select",
-            {
-              value: M,
-              onChange: (r) => ce(r.target.value),
-              children: [
-                /* @__PURE__ */ e("option", { value: "PLN", children: "PLN" }),
-                /* @__PURE__ */ e("option", { value: "EUR", children: "EUR" }),
-                /* @__PURE__ */ e("option", { value: "USD", children: "USD" }),
-                /* @__PURE__ */ e("option", { value: "GBP", children: "GBP" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e("button", { onClick: oe, disabled: !V.trim(), children: "Add" })
+      h && /* @__PURE__ */ e(
+        B,
+        {
+          variant: "primary",
+          leftIcon: /* @__PURE__ */ e(L, { name: "check", size: "sm" }),
+          onClick: Be,
+          children: "Save details"
+        }
+      )
+    ] }), We = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+      /* @__PURE__ */ e(
+        ve,
+        {
+          label: "Virtual event",
+          checked: M,
+          onChange: ze,
+          disabled: !h
+        }
+      ),
+      /* @__PURE__ */ e(
+        T,
+        {
+          label: "Venue name",
+          value: Q,
+          onChange: Se,
+          readOnly: !h
+        }
+      ),
+      M ? /* @__PURE__ */ e(
+        T,
+        {
+          label: "Virtual URL",
+          value: G,
+          onChange: we,
+          readOnly: !h
+        }
+      ) : /* @__PURE__ */ e(
+        T,
+        {
+          label: "Address",
+          value: j,
+          onChange: xe,
+          readOnly: !h
+        }
+      ),
+      h && /* @__PURE__ */ e(
+        B,
+        {
+          variant: "primary",
+          leftIcon: /* @__PURE__ */ e(L, { name: "check", size: "sm" }),
+          onClick: Ee,
+          children: "Save location"
+        }
+      )
+    ] }), qe = /* @__PURE__ */ e("div", { className: "nice-event-planning__participants", children: p.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-event-planning__empty", children: "No participants yet." }) : /* @__PURE__ */ i(Ze, { children: [
+      /* @__PURE__ */ e(ue, { max: 8, children: p.map((l) => /* @__PURE__ */ e(X, { name: l.name, src: l.avatarUrl }, l.id)) }),
+      /* @__PURE__ */ e("ul", { className: "nice-event-planning__participant-list", children: p.map((l) => /* @__PURE__ */ i("li", { className: "nice-event-planning__participant", children: [
+        /* @__PURE__ */ e(X, { name: l.name, src: l.avatarUrl, size: "sm" }),
+        /* @__PURE__ */ e("span", { className: "nice-event-planning__participant-name", children: l.name }),
+        /* @__PURE__ */ e(U, { size: "xs", subtle: !0, variant: Z(l.status), children: l.status })
+      ] }, l.id)) })
+    ] }) }), Fe = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+      u.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-event-planning__empty", children: "No surveys yet." }) : u.map((l) => /* @__PURE__ */ i("div", { className: "nice-event-planning__survey", children: [
+        /* @__PURE__ */ e("strong", { children: l.question }),
+        " ",
+        /* @__PURE__ */ e(U, { size: "xs", outline: !0, variant: "info", children: l.type }),
+        l.options && /* @__PURE__ */ e("div", { className: "nice-event-planning__survey-options", children: l.options.map((R, Xe) => /* @__PURE__ */ e(
+          B,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: () => n == null ? void 0 : n(l.id, R),
+            children: R
+          },
+          Xe
+        )) }),
+        l.responses && /* @__PURE__ */ i("span", { className: "nice-event-planning__muted", children: [
+          l.responses.length,
+          " responses"
         ] })
+      ] }, l.id)),
+      h && d && /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+        /* @__PURE__ */ e(
+          T,
+          {
+            label: "New survey question",
+            value: O,
+            onChange: ne,
+            placeholder: "Question"
+          }
+        ),
+        /* @__PURE__ */ e(
+          he,
+          {
+            label: "Type",
+            value: H,
+            onChange: (l) => Ae(l),
+            options: [
+              { value: "single", label: "Single choice" },
+              { value: "multiple", label: "Multiple choice" },
+              { value: "text", label: "Free text" },
+              { value: "rating", label: "Rating" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          T,
+          {
+            label: "Options (comma-separated)",
+            value: Y,
+            onChange: ie,
+            placeholder: "Yes, No, Maybe"
+          }
+        ),
+        /* @__PURE__ */ e(
+          B,
+          {
+            variant: "primary",
+            leftIcon: /* @__PURE__ */ e(L, { name: "plus", size: "sm" }),
+            onClick: $e,
+            disabled: !O.trim(),
+            children: "Add survey"
+          }
+        )
+      ] })
+    ] }), Qe = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+      m.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-event-planning__empty", children: "No billing items yet." }) : /* @__PURE__ */ e(
+        dn,
+        {
+          lines: [...De, { label: "Total", amount: Ve, isSummary: !0 }],
+          currency: Me
+        }
+      ),
+      h && s && /* @__PURE__ */ i("div", { className: "nice-event-planning__row", children: [
+        /* @__PURE__ */ e(
+          T,
+          {
+            label: "Item",
+            value: D,
+            onChange: te,
+            placeholder: "Catering"
+          }
+        ),
+        /* @__PURE__ */ e(
+          T,
+          {
+            label: "Amount",
+            value: K,
+            onChange: ae,
+            placeholder: "0.00"
+          }
+        ),
+        /* @__PURE__ */ e(
+          he,
+          {
+            label: "Currency",
+            value: J,
+            onChange: (l) => Ie(l),
+            options: ["PLN", "EUR", "USD", "GBP"]
+          }
+        ),
+        /* @__PURE__ */ e(
+          B,
+          {
+            variant: "primary",
+            leftIcon: /* @__PURE__ */ e(L, { name: "plus", size: "sm" }),
+            onClick: Oe,
+            disabled: !D.trim(),
+            children: "Add"
+          }
+        )
+      ] })
+    ] }), je = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+      /* @__PURE__ */ e(ve, { label: "Public event", checked: t.isPublic ?? !1, disabled: !h }),
+      /* @__PURE__ */ e(
+        T,
+        {
+          label: "Max participants",
+          value: t.maxParticipants != null ? String(t.maxParticipants) : "",
+          onChange: () => {
+          },
+          readOnly: !h
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "nice-event-planning__muted", children: [
+        "Host: ",
+        t.hostName,
+        " · Created ",
+        new Date(t.createdAt).toLocaleDateString()
+      ] })
+    ] }), Ge = {
+      details: Ue,
+      location: We,
+      participants: qe,
+      surveys: Fe,
+      budget: Qe,
+      settings: je
+    }, He = {
+      details: "file",
+      location: "home",
+      participants: "users",
+      surveys: "clipboard",
+      budget: "file",
+      settings: "settings"
+    }, Ye = {
+      participants: p.length || void 0,
+      surveys: u.length || void 0,
+      budget: m.length || void 0
+    }, Ke = le.map((l) => ({
+      id: l,
+      label: l.charAt(0).toUpperCase() + l.slice(1),
+      icon: /* @__PURE__ */ e(L, { name: He[l], size: "sm" }),
+      badge: Ye[l],
+      content: Ge[l]
+    })), Je = /* @__PURE__ */ i("div", { className: "nice-event-planning__toolbar", children: [
+      /* @__PURE__ */ i("div", { className: "nice-event-planning__toolbar-title", children: [
+        /* @__PURE__ */ e(L, { name: "calendar", size: "md" }),
+        /* @__PURE__ */ e("span", { className: "nice-event-planning__title", children: t.title }),
+        /* @__PURE__ */ e(U, { size: "sm", variant: Z(t.status), children: t.status })
+      ] }),
+      /* @__PURE__ */ e("span", { className: "nice-event-planning__toolbar-spacer" }),
+      /* @__PURE__ */ i("div", { className: "nice-event-planning__toolbar-actions", children: [
+        N && /* @__PURE__ */ e(
+          B,
+          {
+            size: "sm",
+            variant: "primary",
+            leftIcon: /* @__PURE__ */ e(L, { name: "check", size: "sm" }),
+            onClick: () => N({ title: r, description: P }),
+            children: "Save"
+          }
+        ),
+        c && /* @__PURE__ */ e(
+          B,
+          {
+            size: "sm",
+            variant: "success",
+            leftIcon: /* @__PURE__ */ e(L, { name: "upload", size: "sm" }),
+            onClick: c,
+            children: "Publish"
+          }
+        ),
+        o && /* @__PURE__ */ e(
+          B,
+          {
+            size: "sm",
+            variant: "ghost",
+            leftIcon: /* @__PURE__ */ e(L, { name: "link", size: "sm" }),
+            onClick: o,
+            children: "Share"
+          }
+        ),
+        C && /* @__PURE__ */ e(
+          B,
+          {
+            size: "sm",
+            variant: "ghost",
+            leftIcon: /* @__PURE__ */ e(L, { name: "download", size: "sm" }),
+            onClick: C,
+            children: "Export"
+          }
+        )
       ] })
     ] });
+    return v === "micro" ? /* @__PURE__ */ e(
+      "div",
+      {
+        ref: x,
+        className: `nice-event-planning nice-event-planning--micro ${a ?? ""}`,
+        style: z,
+        children: /* @__PURE__ */ i("div", { className: "nice-event-planning__micro", children: [
+          /* @__PURE__ */ e(L, { name: "calendar", size: "md" }),
+          /* @__PURE__ */ i("div", { className: "nice-event-planning__micro-body", children: [
+            /* @__PURE__ */ e("span", { className: "nice-event-planning__title", children: t.title }),
+            /* @__PURE__ */ i("span", { className: "nice-event-planning__muted", children: [
+              t.startDate ? new Date(t.startDate).toLocaleString() : "No date",
+              (me = t.location) != null && me.name ? ` · ${t.location.name}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ e(U, { size: "sm", variant: Z(t.status), children: t.status }),
+          p.length > 0 && /* @__PURE__ */ e(ue, { max: 4, size: "sm", children: p.map((l) => /* @__PURE__ */ e(X, { name: l.name, src: l.avatarUrl, size: "sm" }, l.id)) })
+        ] })
+      }
+    ) : /* @__PURE__ */ i(
+      "div",
+      {
+        ref: x,
+        className: `nice-event-planning nice-event-planning--${v} ${a ?? ""}`,
+        style: z,
+        children: [
+          Je,
+          /* @__PURE__ */ e(mn, { tabs: Ke, activeTab: Pe, onChange: Re })
+        ]
+      }
+    );
   }
-), ve = {
+), vn = {
   upcoming: "⏳",
   active: "▶️",
   voting: "🗳️",
   scored: "📊",
   completed: "✅",
   skipped: "⏭️"
-}, ge = {
+}, gn = {
   upcoming: "#9ca3af",
   active: "#22c55e",
   voting: "#eab308",
   scored: "#3b82f6",
   completed: "#6b7280",
   skipped: "#d1d5db"
-}, we = P(
-  function(x, A) {
+}, wn = E(
+  function(b, x) {
     const {
-      rounds: a,
-      activeRoundId: y,
-      onSelect: m,
-      onStart: v,
-      onEnd: _,
-      onCreate: g,
-      editable: S = !1,
-      className: N,
-      style: f
-    } = x, C = [...a].sort((s, u) => s.order - u.order);
-    return /* @__PURE__ */ t("div", { ref: A, className: `nice-round-list ${N ?? ""}`, style: f, children: [
-      /* @__PURE__ */ t("div", { className: "nice-round-list__header", children: [
-        /* @__PURE__ */ t("h3", { children: [
+      rounds: t,
+      activeRoundId: p,
+      onSelect: u,
+      onStart: m,
+      onEnd: v,
+      onCreate: y,
+      editable: k = !1,
+      className: f,
+      style: h
+    } = b, N = [...t].sort((c, o) => c.order - o.order);
+    return /* @__PURE__ */ i("div", { ref: x, className: `nice-round-list ${f ?? ""}`, style: h, children: [
+      /* @__PURE__ */ i("div", { className: "nice-round-list__header", children: [
+        /* @__PURE__ */ i("h3", { children: [
           "Rounds (",
-          a.length,
+          t.length,
           ")"
         ] }),
-        S && g && /* @__PURE__ */ e("button", { onClick: g, children: "+ Add Round" })
+        k && y && /* @__PURE__ */ e("button", { onClick: y, children: "+ Add Round" })
       ] }),
-      C.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-round-list__empty", children: "No rounds yet." }) : /* @__PURE__ */ e("div", { className: "nice-round-list__items", children: C.map((s) => {
-        const u = s.id === y;
-        return /* @__PURE__ */ t(
+      N.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-round-list__empty", children: "No rounds yet." }) : /* @__PURE__ */ e("div", { className: "nice-round-list__items", children: N.map((c) => {
+        const o = c.id === p;
+        return /* @__PURE__ */ i(
           "div",
           {
-            className: `nice-round-list__item ${u ? "nice-round-list__item--active" : ""}`,
-            onClick: () => m == null ? void 0 : m(s),
-            role: m ? "button" : void 0,
-            tabIndex: m ? 0 : void 0,
+            className: `nice-round-list__item ${o ? "nice-round-list__item--active" : ""}`,
+            onClick: () => u == null ? void 0 : u(c),
+            role: u ? "button" : void 0,
+            tabIndex: u ? 0 : void 0,
             children: [
-              /* @__PURE__ */ t("span", { className: "nice-round-list__order", children: [
+              /* @__PURE__ */ i("span", { className: "nice-round-list__order", children: [
                 "#",
-                s.order
+                c.order
               ] }),
-              /* @__PURE__ */ e("span", { className: "nice-round-list__icon", children: ve[s.status] }),
-              /* @__PURE__ */ t("div", { className: "nice-round-list__info", children: [
-                /* @__PURE__ */ e("strong", { className: "nice-round-list__name", children: s.name }),
-                s.description && /* @__PURE__ */ e("small", { children: s.description }),
-                s.type && /* @__PURE__ */ e("span", { className: "nice-round-list__type", children: s.type })
+              /* @__PURE__ */ e("span", { className: "nice-round-list__icon", children: vn[c.status] }),
+              /* @__PURE__ */ i("div", { className: "nice-round-list__info", children: [
+                /* @__PURE__ */ e("strong", { className: "nice-round-list__name", children: c.name }),
+                c.description && /* @__PURE__ */ e("small", { children: c.description }),
+                c.type && /* @__PURE__ */ e("span", { className: "nice-round-list__type", children: c.type })
               ] }),
               /* @__PURE__ */ e(
                 "span",
                 {
                   className: "nice-round-list__status",
-                  style: { color: ge[s.status] },
-                  children: s.status
+                  style: { color: gn[c.status] },
+                  children: c.status
                 }
               ),
-              s.durationMinutes && /* @__PURE__ */ t("span", { className: "nice-round-list__duration", children: [
-                s.durationMinutes,
+              c.durationMinutes && /* @__PURE__ */ i("span", { className: "nice-round-list__duration", children: [
+                c.durationMinutes,
                 "m"
               ] }),
-              s.winnerIds && s.winnerIds.length > 0 && /* @__PURE__ */ t("span", { className: "nice-round-list__winners", children: [
+              c.winnerIds && c.winnerIds.length > 0 && /* @__PURE__ */ i("span", { className: "nice-round-list__winners", children: [
                 "🏆 ",
-                s.winnerIds.length
+                c.winnerIds.length
               ] }),
-              S && /* @__PURE__ */ t("div", { className: "nice-round-list__actions", onClick: (k) => k.stopPropagation(), children: [
-                s.status === "upcoming" && v && /* @__PURE__ */ e("button", { onClick: () => v(s.id), children: "Start" }),
-                (s.status === "active" || s.status === "voting") && _ && /* @__PURE__ */ e("button", { onClick: () => _(s.id), children: "End" })
+              k && /* @__PURE__ */ i("div", { className: "nice-round-list__actions", onClick: (C) => C.stopPropagation(), children: [
+                c.status === "upcoming" && m && /* @__PURE__ */ e("button", { onClick: () => m(c.id), children: "Start" }),
+                (c.status === "active" || c.status === "voting") && v && /* @__PURE__ */ e("button", { onClick: () => v(c.id), children: "End" })
               ] })
             ]
           },
-          s.id
+          c.id
         );
       }) })
     ] });
   }
-), xe = P(
-  function(x, A) {
+), zn = E(
+  function(b, x) {
     const {
-      round: a,
-      timerRunning: y = !1,
-      remainingSeconds: m,
-      onSubmitScore: v,
-      onStart: _,
-      onEnd: g,
-      onSkip: S,
-      editable: N = !1,
-      footerActions: f,
-      className: C,
-      style: s
-    } = x, [u, k] = w({}), b = E(
+      round: t,
+      timerRunning: p = !1,
+      remainingSeconds: u,
+      onSubmitScore: m,
+      onStart: v,
+      onEnd: y,
+      onSkip: k,
+      editable: f = !1,
+      footerActions: h,
+      className: N,
+      style: c
+    } = b, [o, C] = _({}), g = $(
       (n) => {
-        const d = parseFloat(u[n] ?? "");
-        isNaN(d) || !v || (v(n, d), k((i) => ({ ...i, [n]: "" })));
+        const s = parseFloat(o[n] ?? "");
+        isNaN(s) || !m || (m(n, s), C((a) => ({ ...a, [n]: "" })));
       },
-      [u, v]
-    ), p = (n) => {
-      const d = Math.floor(n / 60), i = n % 60;
-      return `${d}:${i.toString().padStart(2, "0")}`;
-    }, c = a.scores ? [...a.scores].sort((n, d) => d.score - n.score) : [];
-    return /* @__PURE__ */ t(
+      [o, m]
+    ), S = (n) => {
+      const s = Math.floor(n / 60), a = n % 60;
+      return `${s}:${a.toString().padStart(2, "0")}`;
+    }, d = t.scores ? [...t.scores].sort((n, s) => s.score - n.score) : [];
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: A,
-        className: `nice-round-card nice-round-card--${a.status} ${C ?? ""}`,
-        style: s,
+        ref: x,
+        className: `nice-round-card nice-round-card--${t.status} ${N ?? ""}`,
+        style: c,
         children: [
-          /* @__PURE__ */ t("div", { className: "nice-round-card__header", children: [
-            /* @__PURE__ */ t("span", { className: "nice-round-card__order", children: [
+          /* @__PURE__ */ i("div", { className: "nice-round-card__header", children: [
+            /* @__PURE__ */ i("span", { className: "nice-round-card__order", children: [
               "Round #",
-              a.order
+              t.order
             ] }),
-            /* @__PURE__ */ e("h3", { className: "nice-round-card__name", children: a.name }),
-            /* @__PURE__ */ e("span", { className: "nice-round-card__status", children: a.status })
+            /* @__PURE__ */ e("h3", { className: "nice-round-card__name", children: t.name }),
+            /* @__PURE__ */ e("span", { className: "nice-round-card__status", children: t.status })
           ] }),
-          a.description && /* @__PURE__ */ e("p", { className: "nice-round-card__description", children: a.description }),
-          (y || m != null) && /* @__PURE__ */ t(
+          t.description && /* @__PURE__ */ e("p", { className: "nice-round-card__description", children: t.description }),
+          (p || u != null) && /* @__PURE__ */ i(
             "div",
             {
-              className: `nice-round-card__timer ${y ? "nice-round-card__timer--running" : ""}`,
+              className: `nice-round-card__timer ${p ? "nice-round-card__timer--running" : ""}`,
               children: [
                 "⏱️ ",
-                m != null ? p(m) : "—"
+                u != null ? S(u) : "—"
               ]
             }
           ),
-          c.length > 0 && /* @__PURE__ */ t("div", { className: "nice-round-card__scoreboard", children: [
+          d.length > 0 && /* @__PURE__ */ i("div", { className: "nice-round-card__scoreboard", children: [
             /* @__PURE__ */ e("h4", { children: "Scoreboard" }),
-            /* @__PURE__ */ t("table", { className: "nice-round-card__scores-table", children: [
-              /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+            /* @__PURE__ */ i("table", { className: "nice-round-card__scores-table", children: [
+              /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
                 /* @__PURE__ */ e("th", { children: "Rank" }),
                 /* @__PURE__ */ e("th", { children: "Participant" }),
                 /* @__PURE__ */ e("th", { children: "Score" })
               ] }) }),
-              /* @__PURE__ */ e("tbody", { children: c.map((n, d) => /* @__PURE__ */ t(
+              /* @__PURE__ */ e("tbody", { children: d.map((n, s) => /* @__PURE__ */ i(
                 "tr",
                 {
-                  className: d < 3 ? `nice-round-card__top-${d + 1}` : "",
+                  className: s < 3 ? `nice-round-card__top-${s + 1}` : "",
                   children: [
-                    /* @__PURE__ */ t("td", { children: [
-                      n.rank ?? d + 1,
-                      d === 0 ? " 🥇" : d === 1 ? " 🥈" : d === 2 ? " 🥉" : ""
+                    /* @__PURE__ */ i("td", { children: [
+                      n.rank ?? s + 1,
+                      s === 0 ? " 🥇" : s === 1 ? " 🥈" : s === 2 ? " 🥉" : ""
                     ] }),
                     /* @__PURE__ */ e("td", { children: n.participantName }),
                     /* @__PURE__ */ e("td", { children: n.score })
@@ -790,123 +689,123 @@ const be = P(
               )) })
             ] })
           ] }),
-          v && (a.status === "active" || a.status === "voting") && c.length > 0 && /* @__PURE__ */ t("div", { className: "nice-round-card__score-input", children: [
+          m && (t.status === "active" || t.status === "voting") && d.length > 0 && /* @__PURE__ */ i("div", { className: "nice-round-card__score-input", children: [
             /* @__PURE__ */ e("h4", { children: "Submit Scores" }),
-            c.map((n) => /* @__PURE__ */ t("div", { className: "nice-round-card__score-row", children: [
+            d.map((n) => /* @__PURE__ */ i("div", { className: "nice-round-card__score-row", children: [
               /* @__PURE__ */ e("span", { children: n.participantName }),
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "number",
-                  value: u[n.participantId] ?? "",
-                  onChange: (d) => k((i) => ({ ...i, [n.participantId]: d.target.value })),
+                  value: o[n.participantId] ?? "",
+                  onChange: (s) => C((a) => ({ ...a, [n.participantId]: s.target.value })),
                   min: 0,
                   step: 1,
                   placeholder: "Score"
                 }
               ),
-              /* @__PURE__ */ e("button", { onClick: () => b(n.participantId), children: "Submit" })
+              /* @__PURE__ */ e("button", { onClick: () => g(n.participantId), children: "Submit" })
             ] }, n.participantId))
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-round-card__footer", children: [
-            N && /* @__PURE__ */ t("div", { className: "nice-round-card__actions", children: [
-              a.status === "upcoming" && _ && /* @__PURE__ */ e("button", { onClick: _, children: "▶ Start Round" }),
-              (a.status === "active" || a.status === "voting") && g && /* @__PURE__ */ e("button", { onClick: g, children: "⏹ End Round" }),
-              a.status === "upcoming" && S && /* @__PURE__ */ e("button", { onClick: S, children: "⏭ Skip" })
+          /* @__PURE__ */ i("div", { className: "nice-round-card__footer", children: [
+            f && /* @__PURE__ */ i("div", { className: "nice-round-card__actions", children: [
+              t.status === "upcoming" && v && /* @__PURE__ */ e("button", { onClick: v, children: "▶ Start Round" }),
+              (t.status === "active" || t.status === "voting") && y && /* @__PURE__ */ e("button", { onClick: y, children: "⏹ End Round" }),
+              t.status === "upcoming" && k && /* @__PURE__ */ e("button", { onClick: k, children: "⏭ Skip" })
             ] }),
-            f
+            h
           ] }),
-          a.winnerIds && a.winnerIds.length > 0 && /* @__PURE__ */ t("div", { className: "nice-round-card__winners", children: [
+          t.winnerIds && t.winnerIds.length > 0 && /* @__PURE__ */ i("div", { className: "nice-round-card__winners", children: [
             "🏆 Winners: ",
-            a.winnerIds.length
+            t.winnerIds.length
           ] })
         ]
       }
     );
   }
-), Ae = P(
-  function(x, A) {
+), An = E(
+  function(b, x) {
     const {
-      songs: a,
-      onAdd: y,
-      onRemove: m,
-      onVote: v,
-      onSearch: _,
-      showQueue: g = !0,
-      readOnly: S = !1,
-      className: N,
-      style: f
-    } = x, [C, s] = w(""), u = R(() => {
-      if (!C.trim())
-        return a;
-      const n = C.toLowerCase();
-      return a.filter(
-        (d) => d.title.toLowerCase().includes(n) || d.artist.toLowerCase().includes(n)
+      songs: t,
+      onAdd: p,
+      onRemove: u,
+      onVote: m,
+      onSearch: v,
+      showQueue: y = !0,
+      readOnly: k = !1,
+      className: f,
+      style: h
+    } = b, [N, c] = _(""), o = I(() => {
+      if (!N.trim())
+        return t;
+      const n = N.toLowerCase();
+      return t.filter(
+        (s) => s.title.toLowerCase().includes(n) || s.artist.toLowerCase().includes(n)
       );
-    }, [a, C]), k = R(() => a.filter((n) => n.isQueued), [a]), b = a.find((n) => n.isPlaying), p = (n) => {
-      s(n), _ == null || _(n);
-    }, c = (n) => {
+    }, [t, N]), C = I(() => t.filter((n) => n.isQueued), [t]), g = t.find((n) => n.isPlaying), S = (n) => {
+      c(n), v == null || v(n);
+    }, d = (n) => {
       if (!n)
         return "";
-      const d = Math.floor(n / 60), i = n % 60;
-      return `${d}:${i.toString().padStart(2, "0")}`;
+      const s = Math.floor(n / 60), a = n % 60;
+      return `${s}:${a.toString().padStart(2, "0")}`;
     };
-    return /* @__PURE__ */ t("div", { ref: A, className: `nice-song-picker ${N ?? ""}`, style: f, children: [
-      b && /* @__PURE__ */ t("div", { className: "nice-song-picker__now-playing", children: [
+    return /* @__PURE__ */ i("div", { ref: x, className: `nice-song-picker ${f ?? ""}`, style: h, children: [
+      g && /* @__PURE__ */ i("div", { className: "nice-song-picker__now-playing", children: [
         /* @__PURE__ */ e("span", { className: "nice-song-picker__np-label", children: "🎵 Now Playing" }),
-        b.albumArt && /* @__PURE__ */ e("img", { src: b.albumArt, alt: "", className: "nice-song-picker__album-art" }),
-        /* @__PURE__ */ e("strong", { children: b.title }),
-        /* @__PURE__ */ e("span", { children: b.artist })
+        g.albumArt && /* @__PURE__ */ e("img", { src: g.albumArt, alt: "", className: "nice-song-picker__album-art" }),
+        /* @__PURE__ */ e("strong", { children: g.title }),
+        /* @__PURE__ */ e("span", { children: g.artist })
       ] }),
       /* @__PURE__ */ e(
         "input",
         {
           type: "text",
-          value: C,
-          onChange: (n) => p(n.target.value),
+          value: N,
+          onChange: (n) => S(n.target.value),
           placeholder: "Search songs…",
           className: "nice-song-picker__search"
         }
       ),
-      /* @__PURE__ */ e("div", { className: "nice-song-picker__list", children: u.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-song-picker__empty", children: "No songs found." }) : u.map((n) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("div", { className: "nice-song-picker__list", children: o.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-song-picker__empty", children: "No songs found." }) : o.map((n) => /* @__PURE__ */ i(
         "div",
         {
           className: `nice-song-picker__item ${n.isPlaying ? "nice-song-picker__item--playing" : ""}`,
           children: [
             n.albumArt && /* @__PURE__ */ e("img", { src: n.albumArt, alt: "", className: "nice-song-picker__thumb" }),
-            /* @__PURE__ */ t("div", { className: "nice-song-picker__info", children: [
+            /* @__PURE__ */ i("div", { className: "nice-song-picker__info", children: [
               /* @__PURE__ */ e("strong", { children: n.title }),
               /* @__PURE__ */ e("span", { children: n.artist }),
-              n.duration && /* @__PURE__ */ e("span", { className: "nice-song-picker__duration", children: c(n.duration) }),
-              n.addedByName && /* @__PURE__ */ t("small", { children: [
+              n.duration && /* @__PURE__ */ e("span", { className: "nice-song-picker__duration", children: d(n.duration) }),
+              n.addedByName && /* @__PURE__ */ i("small", { children: [
                 "Added by ",
                 n.addedByName
               ] })
             ] }),
-            !S && /* @__PURE__ */ t("div", { className: "nice-song-picker__actions", children: [
-              v && /* @__PURE__ */ t("button", { onClick: () => v(n.id), children: [
+            !k && /* @__PURE__ */ i("div", { className: "nice-song-picker__actions", children: [
+              m && /* @__PURE__ */ i("button", { onClick: () => m(n.id), children: [
                 "👍 ",
                 n.votes ?? 0
               ] }),
-              y && !n.isQueued && /* @__PURE__ */ e("button", { onClick: () => y(n.id), children: "+ Queue" }),
-              m && n.isQueued && /* @__PURE__ */ e("button", { onClick: () => m(n.id), children: "Remove" })
+              p && !n.isQueued && /* @__PURE__ */ e("button", { onClick: () => p(n.id), children: "+ Queue" }),
+              u && n.isQueued && /* @__PURE__ */ e("button", { onClick: () => u(n.id), children: "Remove" })
             ] })
           ]
         },
         n.id
       )) }),
-      g && k.length > 0 && /* @__PURE__ */ t("div", { className: "nice-song-picker__queue", children: [
-        /* @__PURE__ */ t("h4", { children: [
+      y && C.length > 0 && /* @__PURE__ */ i("div", { className: "nice-song-picker__queue", children: [
+        /* @__PURE__ */ i("h4", { children: [
           "Queue (",
-          k.length,
+          C.length,
           ")"
         ] }),
-        k.map((n, d) => /* @__PURE__ */ t("div", { className: "nice-song-picker__queue-item", children: [
-          /* @__PURE__ */ t("span", { className: "nice-song-picker__queue-pos", children: [
-            d + 1,
+        C.map((n, s) => /* @__PURE__ */ i("div", { className: "nice-song-picker__queue-item", children: [
+          /* @__PURE__ */ i("span", { className: "nice-song-picker__queue-pos", children: [
+            s + 1,
             "."
           ] }),
-          /* @__PURE__ */ t("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             n.title,
             " — ",
             n.artist
@@ -915,29 +814,29 @@ const be = P(
       ] })
     ] });
   }
-), Ie = P(
-  function(x, A) {
+), In = E(
+  function(b, x) {
     const {
-      songs: a,
-      queue: y = [],
-      onEnqueue: m,
-      onDequeue: v,
-      onNext: _,
-      nowPlayingId: g,
-      readOnly: S = !1,
-      className: N,
-      style: f
-    } = x, [C, s] = w(""), [u, k] = w(""), b = a.find((i) => i.id === g), p = R(() => {
-      let i = a;
-      if (C.trim()) {
-        const h = C.toLowerCase();
-        i = i.filter(
-          (l) => l.title.toLowerCase().includes(h) || l.artist.toLowerCase().includes(h)
+      songs: t,
+      queue: p = [],
+      onEnqueue: u,
+      onDequeue: m,
+      onNext: v,
+      nowPlayingId: y,
+      readOnly: k = !1,
+      className: f,
+      style: h
+    } = b, [N, c] = _(""), [o, C] = _(""), g = t.find((a) => a.id === y), S = I(() => {
+      let a = t;
+      if (N.trim()) {
+        const z = N.toLowerCase();
+        a = a.filter(
+          (r) => r.title.toLowerCase().includes(z) || r.artist.toLowerCase().includes(z)
         );
       }
-      return u && (i = i.filter((h) => h.difficulty === u)), i;
-    }, [a, C, u]), c = R(() => new Set(y.map((i) => i.id)), [y]), n = ["easy", "medium", "hard", "expert"], d = (i) => {
-      switch (i) {
+      return o && (a = a.filter((z) => z.difficulty === o)), a;
+    }, [t, N, o]), d = I(() => new Set(p.map((a) => a.id)), [p]), n = ["easy", "medium", "hard", "expert"], s = (a) => {
+      switch (a) {
         case "easy":
           return "#4caf50";
         case "medium":
@@ -950,8 +849,8 @@ const be = P(
           return "#999";
       }
     };
-    return /* @__PURE__ */ t("div", { ref: A, className: `nice-karaoke-picker ${N ?? ""}`, style: f, children: [
-      b && /* @__PURE__ */ t(
+    return /* @__PURE__ */ i("div", { ref: x, className: `nice-karaoke-picker ${f ?? ""}`, style: h, children: [
+      g && /* @__PURE__ */ i(
         "div",
         {
           className: "nice-karaoke-picker__now-singing",
@@ -963,21 +862,21 @@ const be = P(
           },
           children: [
             /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: "🎤 Now Singing" }),
-            /* @__PURE__ */ t("div", { children: [
-              /* @__PURE__ */ e("strong", { children: b.title }),
+            /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ e("strong", { children: g.title }),
               " — ",
-              b.artist,
-              b.performerName && /* @__PURE__ */ t("span", { children: [
+              g.artist,
+              g.performerName && /* @__PURE__ */ i("span", { children: [
                 " (by ",
-                b.performerName,
+                g.performerName,
                 ")"
               ] })
             ] }),
-            !S && _ && /* @__PURE__ */ e("button", { onClick: _, style: { marginTop: 8 }, children: "Skip / Next ⏭" })
+            !k && v && /* @__PURE__ */ e("button", { onClick: v, style: { marginTop: 8 }, children: "Skip / Next ⏭" })
           ]
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ i(
         "div",
         {
           className: "nice-karaoke-picker__filters",
@@ -987,20 +886,20 @@ const be = P(
               "input",
               {
                 type: "text",
-                value: C,
-                onChange: (i) => s(i.target.value),
+                value: N,
+                onChange: (a) => c(a.target.value),
                 placeholder: "Search songs or artists…",
                 style: { flex: 1 }
               }
             ),
-            /* @__PURE__ */ t("select", { value: u, onChange: (i) => k(i.target.value), children: [
+            /* @__PURE__ */ i("select", { value: o, onChange: (a) => C(a.target.value), children: [
               /* @__PURE__ */ e("option", { value: "", children: "All Difficulties" }),
-              n.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
+              n.map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ e("div", { className: "nice-karaoke-picker__catalog", children: p.length === 0 ? /* @__PURE__ */ e("p", { children: "No songs match your search." }) : p.map((i) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("div", { className: "nice-karaoke-picker__catalog", children: S.length === 0 ? /* @__PURE__ */ e("p", { children: "No songs match your search." }) : S.map((a) => /* @__PURE__ */ i(
         "div",
         {
           className: "nice-karaoke-picker__song",
@@ -1012,81 +911,81 @@ const be = P(
             borderBottom: "1px solid #eee"
           },
           children: [
-            /* @__PURE__ */ t("div", { children: [
-              /* @__PURE__ */ e("strong", { children: i.title }),
+            /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ e("strong", { children: a.title }),
               " — ",
-              i.artist,
-              i.difficulty && /* @__PURE__ */ t(
+              a.artist,
+              a.difficulty && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
                     marginLeft: 8,
                     fontSize: 12,
-                    color: d(i.difficulty),
+                    color: s(a.difficulty),
                     fontWeight: 600
                   },
                   children: [
                     "[",
-                    i.difficulty,
+                    a.difficulty,
                     "]"
                   ]
                 }
               ),
-              i.hasLyrics && /* @__PURE__ */ e("span", { style: { marginLeft: 6, fontSize: 12 }, title: "Lyrics available", children: "📝" }),
-              i.language && /* @__PURE__ */ t("span", { style: { marginLeft: 6, fontSize: 12, color: "#666" }, children: [
+              a.hasLyrics && /* @__PURE__ */ e("span", { style: { marginLeft: 6, fontSize: 12 }, title: "Lyrics available", children: "📝" }),
+              a.language && /* @__PURE__ */ i("span", { style: { marginLeft: 6, fontSize: 12, color: "#666" }, children: [
                 "(",
-                i.language,
+                a.language,
                 ")"
               ] })
             ] }),
-            !S && /* @__PURE__ */ e("div", { children: c.has(i.id) ? /* @__PURE__ */ e("button", { onClick: () => v == null ? void 0 : v(i.id), style: { color: "#f44336" }, children: "Remove" }) : /* @__PURE__ */ e("button", { onClick: () => m == null ? void 0 : m(i.id), children: "🎤 Sing" }) })
+            !k && /* @__PURE__ */ e("div", { children: d.has(a.id) ? /* @__PURE__ */ e("button", { onClick: () => m == null ? void 0 : m(a.id), style: { color: "#f44336" }, children: "Remove" }) : /* @__PURE__ */ e("button", { onClick: () => u == null ? void 0 : u(a.id), children: "🎤 Sing" }) })
           ]
         },
-        i.id
+        a.id
       )) }),
-      y.length > 0 && /* @__PURE__ */ t("div", { className: "nice-karaoke-picker__queue", style: { marginTop: 16 }, children: [
-        /* @__PURE__ */ t("h4", { children: [
+      p.length > 0 && /* @__PURE__ */ i("div", { className: "nice-karaoke-picker__queue", style: { marginTop: 16 }, children: [
+        /* @__PURE__ */ i("h4", { children: [
           "🎶 Queue (",
-          y.length,
+          p.length,
           ")"
         ] }),
-        y.map((i, h) => /* @__PURE__ */ t(
+        p.map((a, z) => /* @__PURE__ */ i(
           "div",
           {
             style: { display: "flex", justifyContent: "space-between", padding: "4px 0" },
             children: [
-              /* @__PURE__ */ t("span", { children: [
-                /* @__PURE__ */ t("strong", { children: [
-                  h + 1,
+              /* @__PURE__ */ i("span", { children: [
+                /* @__PURE__ */ i("strong", { children: [
+                  z + 1,
                   "."
                 ] }),
                 " ",
-                i.title,
+                a.title,
                 " — ",
-                i.artist,
-                i.performerName && /* @__PURE__ */ t("em", { children: [
+                a.artist,
+                a.performerName && /* @__PURE__ */ i("em", { children: [
                   " (",
-                  i.performerName,
+                  a.performerName,
                   ")"
                 ] })
               ] }),
-              !S && v && /* @__PURE__ */ e("button", { onClick: () => v(i.id), style: { fontSize: 12 }, children: "✕" })
+              !k && m && /* @__PURE__ */ e("button", { onClick: () => m(a.id), style: { fontSize: 12 }, children: "✕" })
             ]
           },
-          i.id
+          a.id
         ))
       ] })
     ] });
   }
-), ee = {
-  game: "🎮",
-  music: "🎵",
-  dance: "💃",
-  quiz: "❓",
-  karaoke: "🎤",
-  photo: "📸",
-  custom: "✨"
-}, _e = {
+), ge = {
+  game: be,
+  music: W,
+  dance: W,
+  quiz: _e,
+  karaoke: Ne,
+  photo: fe,
+  custom: ye
+}, yn = {
   game: "Games",
   music: "Music",
   dance: "Dance",
@@ -1094,346 +993,410 @@ const be = P(
   karaoke: "Karaoke",
   photo: "Photo",
   custom: "Custom"
-}, Re = P(
-  function(x, A) {
+}, Ln = E(
+  function(b, x) {
     const {
-      attractions: a,
-      onSelect: y,
-      onDeselect: m,
-      onVote: v,
-      selectedIds: _ = [],
-      maxSelections: g,
-      showVotes: S = !0,
-      readOnly: N = !1,
-      layout: f = "grid",
-      className: C,
-      style: s
-    } = x, [u, k] = w(""), [b, p] = w(""), c = R(() => new Set(_), [_]), n = R(() => {
-      const l = new Set(a.map((o) => o.category));
-      return Array.from(l);
-    }, [a]), d = R(() => {
-      let l = a;
-      if (u && (l = l.filter((o) => o.category === u)), b.trim()) {
-        const o = b.toLowerCase();
-        l = l.filter(
-          (I) => {
-            var O;
-            return I.name.toLowerCase().includes(o) || ((O = I.description) == null ? void 0 : O.toLowerCase().includes(o));
+      attractions: t,
+      onSelect: p,
+      onDeselect: u,
+      onVote: m,
+      selectedIds: v = [],
+      maxSelections: y,
+      showVotes: k = !0,
+      readOnly: f = !1,
+      layout: h = "grid",
+      className: N,
+      style: c
+    } = b, [o, C] = _(""), [g, S] = _(""), d = I(() => new Set(v), [v]), n = I(() => {
+      const r = new Set(t.map((A) => A.category));
+      return Array.from(r);
+    }, [t]), s = I(() => {
+      let r = t;
+      if (o && (r = r.filter((A) => A.category === o)), g.trim()) {
+        const A = g.toLowerCase();
+        r = r.filter(
+          (P) => {
+            var V;
+            return P.name.toLowerCase().includes(A) || ((V = P.description) == null ? void 0 : V.toLowerCase().includes(A));
           }
         );
       }
-      return l;
-    }, [a, u, b]), i = !g || c.size < g, h = (l) => {
-      N || (c.has(l) ? m == null || m(l) : i && (y == null || y(l)));
+      return r;
+    }, [t, o, g]), a = !y || d.size < y, z = (r) => {
+      f || (d.has(r) ? u == null || u(r) : a && (p == null || p(r)));
     };
-    return /* @__PURE__ */ t("div", { ref: A, className: `nice-attraction-picker ${C ?? ""}`, style: s, children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            marginBottom: 12
-          },
-          children: [
-            /* @__PURE__ */ e("h3", { style: { margin: 0 }, children: "Attractions" }),
-            g && /* @__PURE__ */ t("span", { style: { color: "#666", fontSize: 14 }, children: [
-              c.size,
-              "/",
-              g,
-              " selected"
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ t("div", { style: { display: "flex", gap: 8, marginBottom: 12, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: b,
-            onChange: (l) => p(l.target.value),
-            placeholder: "Search attractions…",
-            style: { flex: 1, minWidth: 150 }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => k(""),
-            style: { fontWeight: u ? 400 : 700 },
-            children: "All"
-          }
-        ),
-        n.map((l) => /* @__PURE__ */ t(
-          "button",
-          {
-            onClick: () => k(l === u ? "" : l),
-            style: { fontWeight: l === u ? 700 : 400 },
-            children: [
-              ee[l],
-              " ",
-              _e[l]
-            ]
-          },
-          l
-        ))
-      ] }),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: f === "grid" ? "grid" : "flex",
-            gridTemplateColumns: f === "grid" ? "repeat(auto-fill, minmax(200px, 1fr))" : void 0,
-            gap: 12,
-            flexDirection: f === "list" ? "column" : void 0
-          },
-          children: d.length === 0 ? /* @__PURE__ */ e("p", { children: "No attractions found." }) : d.map((l) => {
-            const o = c.has(l.id);
-            return /* @__PURE__ */ t(
-              "div",
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: x,
+        className: `nice-attraction-picker ${N ?? ""}`,
+        style: { color: "var(--text-primary)", ...c },
+        children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                marginBottom: 12
+              },
+              children: [
+                /* @__PURE__ */ e("h3", { style: { margin: 0 }, children: "Attractions" }),
+                y && /* @__PURE__ */ i("span", { style: { color: "var(--text-secondary, #64748b)", fontSize: 14 }, children: [
+                  d.size,
+                  "/",
+                  y,
+                  " selected"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i("div", { style: { display: "flex", gap: 8, marginBottom: 12, flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ e(
+              "input",
               {
-                className: "nice-attraction-picker__card",
+                type: "text",
+                value: g,
+                onChange: (r) => S(r.target.value),
+                placeholder: "Search attractions…",
+                style: { flex: 1, minWidth: 150 }
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: () => C(""),
+                style: { fontWeight: o ? 400 : 700 },
+                children: "All"
+              }
+            ),
+            n.map((r) => /* @__PURE__ */ i(
+              "button",
+              {
+                onClick: () => C(r === o ? "" : r),
                 style: {
-                  border: o ? "2px solid #1976d2" : "1px solid #ddd",
-                  borderRadius: 8,
-                  padding: 12,
-                  cursor: N ? "default" : "pointer",
-                  background: o ? "#e3f2fd" : "#fff",
-                  transition: "all 0.2s"
+                  fontWeight: r === o ? 700 : 400,
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: 4
                 },
-                onClick: () => h(l.id),
                 children: [
-                  l.imageUrl && /* @__PURE__ */ e(
-                    "img",
-                    {
-                      src: l.imageUrl,
-                      alt: l.name,
-                      style: {
-                        width: "100%",
-                        borderRadius: 6,
-                        marginBottom: 8,
-                        objectFit: "cover",
-                        maxHeight: 120
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-                    /* @__PURE__ */ e("span", { children: ee[l.category] }),
-                    /* @__PURE__ */ e("strong", { children: l.name })
-                  ] }),
-                  l.description && /* @__PURE__ */ e("p", { style: { fontSize: 13, color: "#666", margin: "6px 0" }, children: l.description }),
-                  /* @__PURE__ */ t(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        justifyContent: "space-between",
-                        alignItems: "center",
-                        marginTop: 8
-                      },
-                      children: [
-                        S && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: [
-                          "👍 ",
-                          l.votes ?? 0
-                        ] }),
-                        !N && v && /* @__PURE__ */ e(
-                          "button",
-                          {
-                            onClick: (I) => {
-                              I.stopPropagation(), v(l.id);
-                            },
-                            style: { fontSize: 12 },
-                            children: "Vote"
-                          }
-                        )
-                      ]
-                    }
-                  )
+                  ee.createElement(ge[r], { size: 14 }),
+                  " ",
+                  yn[r]
                 ]
               },
-              l.id
-            );
-          })
-        }
-      )
-    ] });
+              r
+            ))
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                display: h === "grid" ? "grid" : "flex",
+                gridTemplateColumns: h === "grid" ? "repeat(auto-fill, minmax(200px, 1fr))" : void 0,
+                gap: 12,
+                flexDirection: h === "list" ? "column" : void 0
+              },
+              children: s.length === 0 ? /* @__PURE__ */ e("p", { children: "No attractions found." }) : s.map((r) => {
+                const A = d.has(r.id);
+                return /* @__PURE__ */ i(
+                  "div",
+                  {
+                    className: "nice-attraction-picker__card",
+                    style: {
+                      border: A ? "2px solid var(--color-primary, #6366f1)" : "1px solid var(--border-color, #cbd5e1)",
+                      borderRadius: 8,
+                      padding: 12,
+                      cursor: f ? "default" : "pointer",
+                      background: A ? "color-mix(in srgb, var(--color-primary) 12%, transparent)" : "var(--bg-elevated, var(--bg-primary))",
+                      transition: "all 0.2s"
+                    },
+                    onClick: () => z(r.id),
+                    children: [
+                      r.imageUrl && /* @__PURE__ */ e(
+                        "img",
+                        {
+                          src: r.imageUrl,
+                          alt: r.name,
+                          style: {
+                            width: "100%",
+                            borderRadius: 6,
+                            marginBottom: 8,
+                            objectFit: "cover",
+                            maxHeight: 120
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+                        /* @__PURE__ */ e("span", { style: { display: "inline-flex" }, children: ee.createElement(ge[r.category], { size: 16 }) }),
+                        /* @__PURE__ */ e("strong", { children: r.name })
+                      ] }),
+                      r.description && /* @__PURE__ */ e(
+                        "p",
+                        {
+                          style: {
+                            fontSize: 13,
+                            color: "var(--text-secondary, #64748b)",
+                            margin: "6px 0"
+                          },
+                          children: r.description
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            justifyContent: "space-between",
+                            alignItems: "center",
+                            marginTop: 8
+                          },
+                          children: [
+                            k && /* @__PURE__ */ i(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: 13,
+                                  display: "inline-flex",
+                                  alignItems: "center",
+                                  gap: 4
+                                },
+                                children: [
+                                  /* @__PURE__ */ e(ln, { size: 14 }),
+                                  " ",
+                                  r.votes ?? 0
+                                ]
+                              }
+                            ),
+                            !f && m && /* @__PURE__ */ e(
+                              "button",
+                              {
+                                onClick: (P) => {
+                                  P.stopPropagation(), m(r.id);
+                                },
+                                style: { fontSize: 12 },
+                                children: "Vote"
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  r.id
+                );
+              })
+            }
+          )
+        ]
+      }
+    );
   }
-), fe = {
-  game: "🎮",
-  music: "🎵",
-  dance: "💃",
-  quiz: "❓",
-  karaoke: "🎤",
-  photo: "📸",
-  custom: "✨"
-}, Pe = P(
-  function(x, A) {
+), fn = {
+  game: be,
+  music: W,
+  dance: W,
+  quiz: _e,
+  karaoke: Ne,
+  photo: fe,
+  custom: ye
+}, Tn = E(
+  function(b, x) {
     const {
-      attractions: a,
-      onVote: y,
-      onUnvote: m,
-      votedIds: v = [],
-      maxVotes: _,
-      closed: g = !1,
-      sortBy: S = "votes",
-      showResults: N = !0,
-      className: f,
-      style: C
-    } = x, s = R(() => new Set(v), [v]), u = _ ? _ - s.size : void 0, k = R(() => {
-      const n = [...a];
-      switch (S) {
+      attractions: t,
+      onVote: p,
+      onUnvote: u,
+      votedIds: m = [],
+      maxVotes: v,
+      closed: y = !1,
+      sortBy: k = "votes",
+      showResults: f = !0,
+      className: h,
+      style: N
+    } = b, c = I(() => new Set(m), [m]), o = v ? v - c.size : void 0, C = I(() => {
+      const n = [...t];
+      switch (k) {
         case "votes":
-          n.sort((d, i) => (i.votes ?? 0) - (d.votes ?? 0));
+          n.sort((s, a) => (a.votes ?? 0) - (s.votes ?? 0));
           break;
         case "name":
-          n.sort((d, i) => d.name.localeCompare(i.name));
+          n.sort((s, a) => s.name.localeCompare(a.name));
           break;
         case "category":
-          n.sort((d, i) => d.category.localeCompare(i.category));
+          n.sort((s, a) => s.category.localeCompare(a.category));
           break;
       }
       return n;
-    }, [a, S]), b = R(
-      () => Math.max(...a.map((n) => n.votes ?? 0), 1),
-      [a]
-    ), p = (n) => {
-      g || (s.has(n) ? m == null || m(n) : (!u || u > 0) && (y == null || y(n)));
-    }, c = (n) => {
+    }, [t, k]), g = I(
+      () => Math.max(...t.map((n) => n.votes ?? 0), 1),
+      [t]
+    ), S = (n) => {
+      y || (c.has(n) ? u == null || u(n) : (!o || o > 0) && (p == null || p(n)));
+    }, d = (n) => {
       switch (n) {
         case 0:
-          return "🥇";
+          return /* @__PURE__ */ e(cn, { size: 18, primaryColor: "#f59e0b", title: "1st place" });
         case 1:
-          return "🥈";
+          return /* @__PURE__ */ e(pe, { size: 18, primaryColor: "#94a3b8", title: "2nd place" });
         case 2:
-          return "🥉";
+          return /* @__PURE__ */ e(pe, { size: 18, primaryColor: "#b45309", title: "3rd place" });
         default:
           return `${n + 1}.`;
       }
     };
-    return /* @__PURE__ */ t("div", { ref: A, className: `nice-attraction-voting ${f ?? ""}`, style: C, children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            marginBottom: 16
-          },
-          children: [
-            /* @__PURE__ */ e("h3", { style: { margin: 0 }, children: g ? "🗳️ Voting Results" : "🗳️ Vote for Attractions" }),
-            !g && u !== void 0 && /* @__PURE__ */ t("span", { style: { fontSize: 14, color: u > 0 ? "#1976d2" : "#f44336" }, children: [
-              u,
-              " vote",
-              u !== 1 ? "s" : "",
-              " remaining"
-            ] })
-          ]
-        }
-      ),
-      g && /* @__PURE__ */ e("p", { style: { color: "#666", marginBottom: 12 }, children: "Voting is closed. Final results:" }),
-      /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: k.map((n, d) => {
-        const i = s.has(n.id), h = n.votes ?? 0, l = N ? `${Math.round(h / b * 100)}%` : "0%";
-        return /* @__PURE__ */ t(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: 12,
-              padding: "10px 14px",
-              borderRadius: 8,
-              border: i ? "2px solid #1976d2" : "1px solid #e0e0e0",
-              background: i ? "#e3f2fd" : "#fff",
-              cursor: g ? "default" : "pointer",
-              transition: "all 0.2s"
-            },
-            onClick: () => p(n.id),
-            children: [
-              N && /* @__PURE__ */ e("span", { style: { fontSize: 18, minWidth: 32, textAlign: "center" }, children: c(d) }),
-              /* @__PURE__ */ e("span", { style: { fontSize: 20 }, children: fe[n.category] }),
-              /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: n.name }),
-                n.description && /* @__PURE__ */ e(
-                  "div",
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: x,
+        className: `nice-attraction-voting ${h ?? ""}`,
+        style: { color: "var(--text-primary)", ...N },
+        children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                marginBottom: 16
+              },
+              children: [
+                /* @__PURE__ */ i("h3", { style: { margin: 0, display: "inline-flex", alignItems: "center", gap: 8 }, children: [
+                  /* @__PURE__ */ e(rn, { size: 20 }),
+                  y ? "Voting Results" : "Vote for Attractions"
+                ] }),
+                !y && o !== void 0 && /* @__PURE__ */ i(
+                  "span",
                   {
                     style: {
-                      fontSize: 13,
-                      color: "#666",
-                      overflow: "hidden",
-                      textOverflow: "ellipsis",
-                      whiteSpace: "nowrap"
+                      fontSize: 14,
+                      color: o > 0 ? "var(--color-primary, #6366f1)" : "var(--color-error, #ef4444)"
                     },
-                    children: n.description
+                    children: [
+                      o,
+                      " vote",
+                      o !== 1 ? "s" : "",
+                      " remaining"
+                    ]
                   }
-                ),
-                N && /* @__PURE__ */ e(
-                  "div",
-                  {
-                    style: {
-                      marginTop: 4,
-                      height: 6,
-                      borderRadius: 3,
-                      background: "#e0e0e0",
-                      overflow: "hidden"
-                    },
-                    children: /* @__PURE__ */ e(
+                )
+              ]
+            }
+          ),
+          y && /* @__PURE__ */ e("p", { style: { color: "var(--text-secondary, #64748b)", marginBottom: 12 }, children: "Voting is closed. Final results:" }),
+          /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: C.map((n, s) => {
+            const a = c.has(n.id), z = n.votes ?? 0, r = f ? `${Math.round(z / g * 100)}%` : "0%";
+            return /* @__PURE__ */ i(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 12,
+                  padding: "10px 14px",
+                  borderRadius: 8,
+                  border: a ? "2px solid var(--color-primary, #6366f1)" : "1px solid var(--border-color, #cbd5e1)",
+                  background: a ? "color-mix(in srgb, var(--color-primary) 12%, transparent)" : "var(--bg-elevated, var(--bg-primary))",
+                  cursor: y ? "default" : "pointer",
+                  transition: "all 0.2s"
+                },
+                onClick: () => S(n.id),
+                children: [
+                  f && /* @__PURE__ */ e("span", { style: { fontSize: 18, minWidth: 32, textAlign: "center" }, children: d(s) }),
+                  /* @__PURE__ */ e("span", { style: { display: "inline-flex", fontSize: 20 }, children: ee.createElement(fn[n.category], { size: 20 }) }),
+                  /* @__PURE__ */ i("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: n.name }),
+                    n.description && /* @__PURE__ */ e(
                       "div",
                       {
                         style: {
-                          height: "100%",
-                          width: l,
-                          background: "#1976d2",
+                          fontSize: 13,
+                          color: "var(--text-secondary, #64748b)",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        },
+                        children: n.description
+                      }
+                    ),
+                    f && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        style: {
+                          marginTop: 4,
+                          height: 6,
                           borderRadius: 3,
-                          transition: "width 0.3s"
-                        }
+                          background: "var(--bg-tertiary, #e2e8f0)",
+                          overflow: "hidden"
+                        },
+                        children: /* @__PURE__ */ e(
+                          "div",
+                          {
+                            style: {
+                              height: "100%",
+                              width: r,
+                              background: "var(--color-primary, #6366f1)",
+                              borderRadius: 3,
+                              transition: "width 0.3s"
+                            }
+                          }
+                        )
                       }
                     )
-                  }
-                )
-              ] }),
-              N && /* @__PURE__ */ e("span", { style: { fontWeight: 600, fontSize: 16, minWidth: 40, textAlign: "right" }, children: h }),
-              !g && /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: (o) => {
-                    o.stopPropagation(), p(n.id);
-                  },
-                  style: {
-                    padding: "4px 12px",
-                    borderRadius: 4,
-                    border: "none",
-                    background: i ? "#f44336" : "#1976d2",
-                    color: "#fff",
-                    cursor: "pointer",
-                    fontSize: 13
-                  },
-                  children: i ? "Unvote" : "Vote"
-                }
-              )
-            ]
-          },
-          n.id
-        );
-      }) }),
-      N && /* @__PURE__ */ t("div", { style: { marginTop: 12, textAlign: "right", fontSize: 13, color: "#666" }, children: [
-        "Total votes: ",
-        a.reduce((n, d) => n + (d.votes ?? 0), 0)
-      ] })
-    ] });
+                  ] }),
+                  f && /* @__PURE__ */ e("span", { style: { fontWeight: 600, fontSize: 16, minWidth: 40, textAlign: "right" }, children: z }),
+                  !y && /* @__PURE__ */ e(
+                    "button",
+                    {
+                      onClick: (A) => {
+                        A.stopPropagation(), S(n.id);
+                      },
+                      style: {
+                        padding: "4px 12px",
+                        borderRadius: 4,
+                        border: "none",
+                        background: a ? "var(--color-error, #ef4444)" : "var(--color-primary, #6366f1)",
+                        color: "#fff",
+                        cursor: "pointer",
+                        fontSize: 13
+                      },
+                      children: a ? "Unvote" : "Vote"
+                    }
+                  )
+                ]
+              },
+              n.id
+            );
+          }) }),
+          f && /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                marginTop: 12,
+                textAlign: "right",
+                fontSize: 13,
+                color: "var(--text-secondary, #64748b)"
+              },
+              children: [
+                "Total votes: ",
+                t.reduce((n, s) => n + (s.votes ?? 0), 0)
+              ]
+            }
+          )
+        ]
+      }
+    );
   }
 );
 export {
-  Re as NiceAttractionPicker,
-  Pe as NiceAttractionVoting,
-  be as NiceEventChat,
-  Ce as NiceEventMedia,
-  ke as NiceEventParticipants,
-  Se as NiceEventPlanning,
-  Ie as NiceKaraokePicker,
-  xe as NiceRoundCard,
-  we as NiceRoundList,
-  Ae as NiceSongPicker
+  Ln as NiceAttractionPicker,
+  Tn as NiceAttractionVoting,
+  Sn as NiceEventMedia,
+  xn as NiceEventPlanning,
+  In as NiceKaraokePicker,
+  zn as NiceRoundCard,
+  wn as NiceRoundList,
+  An as NiceSongPicker
 };