@nice2dev/events 1.0.29 → 1.0.30

package/dist/index.mjs

@@ -1,77 +1,77 @@
-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 { jsxs as i, jsx as e, Fragment as nn } from "react/jsx-runtime";
+import { NtdHeart as tn, NtdTrash as an, NtdPlay as ln, NtdImage as rn, NtdSparkle as fe, NtdCamera as Ne, NtdMicrophone as _e, NtdHelp as be, NtdMusic as q, NtdGamepad as ke, NtdThumbsUp as cn, NtdClipboardCheck as sn, NtdMedal as ue, NtdTrophy as on } from "@nice2dev/icons";
+import { NiceUpload as dn, NiceTextInput as T, NiceCardGroup as mn, NiceAvatarGroup as he, NiceAvatar as Z, NiceBadge as W, NiceButton as B, NiceSelect as ve, NiceAmountBreakdown as pn, NiceToggle as ge, NiceTabs as un, NiceTextArea as hn } from "@nice2dev/ui";
+import ne, { forwardRef as E, useState as f, useMemo as I, useCallback as O } 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(
+const vn = ({ item: z }) => {
+  const [N, C] = f(!1), t = z.thumbnailUrl ?? z.url;
+  return z.type === "video" ? /* @__PURE__ */ e("div", { className: "nice-event-media__video-thumb", children: /* @__PURE__ */ e(ln, { size: 26 }) }) : N || !t ? /* @__PURE__ */ e("div", { className: "nice-event-media__broken", title: "Image unavailable", children: /* @__PURE__ */ e(rn, { size: 24 }) }) : /* @__PURE__ */ e(
     "img",
     {
       src: t,
-      alt: w.caption ?? "",
+      alt: z.caption ?? "",
       className: "nice-event-media__thumb",
       loading: "lazy",
-      onError: () => x(!0)
+      onError: () => C(!0)
     }
   );
-}, Sn = E(
-  function(b, x) {
+}, wn = E(
+  function(N, C) {
     const {
       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) => {
+      onItemClick: h,
+      layout: v = "grid",
+      uploadEnabled: _ = !0,
+      typeFilter: g = "all",
+      className: S,
+      style: b
+    } = N, [l, o] = f(""), k = I(() => g === "all" ? t : t.filter((d) => d.type === g), [t, g]), y = (d) => {
       const n = d[0];
-      !n || !p || (p(n, c.trim() || void 0), o(""));
-    }, S = y === "list";
+      !n || !p || (p(n, l.trim() || void 0), o(""));
+    }, x = v === "list";
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: x,
-        className: `nice-event-media nice-event-media--${y} ${h ?? ""}`,
-        style: N,
+        ref: C,
+        className: `nice-event-media nice-event-media--${v} ${S ?? ""}`,
+        style: b,
         children: [
           /* @__PURE__ */ e("div", { className: "nice-event-media__header", children: /* @__PURE__ */ i("h3", { children: [
             "Media (",
-            C.length,
+            k.length,
             ")"
           ] }) }),
-          k && p && /* @__PURE__ */ i("div", { className: "nice-event-media__upload", children: [
+          _ && p && /* @__PURE__ */ i("div", { className: "nice-event-media__upload", children: [
             /* @__PURE__ */ e(
-              sn,
+              dn,
               {
                 accept: "image/*,video/*",
                 multiple: !1,
                 imagePreview: !1,
-                onFilesSelected: g
+                onFilesSelected: y
               }
             ),
-            /* @__PURE__ */ e(T, { value: c, onChange: o, placeholder: "Add a caption…" })
+            /* @__PURE__ */ e(T, { value: l, onChange: o, placeholder: "Add a caption…" })
           ] }),
-          C.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-event-media__empty", children: "No media yet." }) : /* @__PURE__ */ e(
-            on,
+          k.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-event-media__empty", children: "No media yet." }) : /* @__PURE__ */ e(
+            mn,
             {
-              columns: S ? 1 : void 0,
+              columns: x ? 1 : void 0,
               minColumnWidth: 200,
               gap: 12,
               align: "stretch",
-              children: C.map((d) => /* @__PURE__ */ i(
+              children: k.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,
+                  className: `nice-event-media__card${x ? " nice-event-media__card--row" : ""}`,
+                  onClick: () => h == null ? void 0 : h(d),
+                  role: h ? "button" : void 0,
+                  tabIndex: h ? 0 : void 0,
                   children: [
-                    /* @__PURE__ */ e(un, { item: d }),
+                    /* @__PURE__ */ e(vn, { 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 }),
@@ -86,7 +86,7 @@ const un = ({ item: w }) => {
                             },
                             "aria-label": "Like",
                             children: [
-                              /* @__PURE__ */ e(en, { size: 15 }),
+                              /* @__PURE__ */ e(tn, { size: 15 }),
                               " ",
                               d.likes ?? 0
                             ]
@@ -101,7 +101,7 @@ const un = ({ item: w }) => {
                               n.stopPropagation(), u(d.id);
                             },
                             "aria-label": "Delete",
-                            children: /* @__PURE__ */ e(nn, { size: 15 })
+                            children: /* @__PURE__ */ e(an, { size: 15 })
                           }
                         )
                       ] })
@@ -117,93 +117,95 @@ const un = ({ item: w }) => {
     );
   }
 );
-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";
+function ee(z) {
+  const N = z.toLowerCase();
+  return ["active", "live", "published", "completed", "confirmed"].includes(N) ? "success" : ["cancelled", "canceled", "rejected", "failed"].includes(N) ? "error" : ["scheduled", "pending", "planning"].includes(N) ? "info" : ["draft", "archived"].includes(N) ? "secondary" : "warning";
 }
-const hn = {
+const gn = {
   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;
+}, zn = E(
+  function(N, C) {
+    var ce, se, oe, de, me, pe;
     const {
       event: t,
       participants: p = [],
       surveys: u = [],
       billing: m = [],
-      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);
+      displayMode: h = "normal",
+      tabs: v,
+      activeTab: _,
+      onTabChange: g,
+      tabsIconOnly: S = !0,
+      tabsCentered: b = "auto",
+      editable: l = !1,
+      onSave: o,
+      onPublish: k,
+      onShare: y,
+      onExport: x,
+      onUpdateEvent: d,
+      onUpdateLocation: n,
+      onAddSurvey: c,
+      onSurveyRespond: a,
+      onAddBilling: w,
+      className: s,
+      style: A
+    } = N, [P, V] = f(t.title), [M, Ce] = f(t.description ?? ""), [F, Se] = f(t.startDate ?? ""), [Q, xe] = f(t.endDate ?? ""), [j, we] = f(((ce = t.location) == null ? void 0 : ce.name) ?? ""), [G, ze] = f(((se = t.location) == null ? void 0 : se.address) ?? ""), [H, Ae] = f(((oe = t.location) == null ? void 0 : oe.virtualUrl) ?? ""), [U, Ie] = f(((de = t.location) == null ? void 0 : de.isVirtual) ?? !1), [$, ie] = f(""), [Y, Le] = f("single"), [K, te] = f(""), [D, ae] = f(""), [J, le] = f(""), [X, Te] = f("PLN"), re = v ?? gn[h], [Pe, Re] = f(re[0] ?? "details"), Be = _ ?? Pe, Ee = O(
+      (r) => {
+        const R = r;
+        _ === void 0 && Re(R), g == null || g(R);
       },
-      [k, f]
-    ), Be = $(() => {
-      g == null || g({
-        title: r,
-        description: P || void 0,
-        startDate: q || void 0,
-        endDate: F || void 0
+      [_, g]
+    ), Oe = O(() => {
+      d == null || d({
+        title: P,
+        description: M || void 0,
+        startDate: F || void 0,
+        endDate: Q || void 0
       });
-    }, [r, P, q, F, g]), Ee = $(() => {
-      S == null || S({
-        name: Q,
-        address: j || void 0,
-        virtualUrl: G || void 0,
-        isVirtual: M
+    }, [P, M, F, Q, d]), $e = O(() => {
+      n == null || n({
+        name: j,
+        address: G || void 0,
+        virtualUrl: H || void 0,
+        isVirtual: U
       });
-    }, [Q, j, G, M, S]), $e = $(() => {
-      if (!O.trim() || !d)
+    }, [j, G, H, U, n]), De = O(() => {
+      if (!$.trim() || !c)
         return;
-      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({
+      const r = K.split(",").map((R) => R.trim()).filter(Boolean);
+      c($.trim(), Y, r.length > 0 ? r : void 0), ie(""), te("");
+    }, [$, Y, K, c]), Ve = O(() => {
+      !D.trim() || !w || (w({
         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
+        amount: parseFloat(J) || 0,
+        currency: X
+      }), ae(""), le(""));
+    }, [D, J, X, w]), Me = I(
+      () => m.map((r) => ({
+        label: r.label,
+        amount: r.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: [
+    ), Ue = I(() => m.reduce((r, R) => r + R.amount, 0), [m]), We = ((me = m[0]) == null ? void 0 : me.currency) ?? "PLN", qe = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
       /* @__PURE__ */ e(
         T,
         {
           label: "Title",
-          value: r,
-          onChange: A,
-          readOnly: !h
+          value: P,
+          onChange: V,
+          readOnly: !l
         }
       ),
       /* @__PURE__ */ e(
-        pn,
+        hn,
         {
           label: "Description",
-          value: P,
-          onChange: V,
-          readOnly: !h,
+          value: M,
+          onChange: Ce,
+          readOnly: !l,
           rows: 3
         }
       ),
@@ -215,9 +217,9 @@ const hn = {
             {
               className: "nice-input",
               type: "datetime-local",
-              value: q,
-              onChange: (l) => ke(l.target.value),
-              readOnly: !h
+              value: F,
+              onChange: (r) => Se(r.target.value),
+              readOnly: !l
             }
           )
         ] }),
@@ -228,110 +230,110 @@ const hn = {
             {
               className: "nice-input",
               type: "datetime-local",
-              value: F,
-              onChange: (l) => Ce(l.target.value),
-              readOnly: !h
+              value: Q,
+              onChange: (r) => xe(r.target.value),
+              readOnly: !l
             }
           )
         ] })
       ] }),
-      h && /* @__PURE__ */ e(
+      l && /* @__PURE__ */ e(
         B,
         {
           variant: "primary",
           leftIcon: /* @__PURE__ */ e(L, { name: "check", size: "sm" }),
-          onClick: Be,
+          onClick: Oe,
           children: "Save details"
         }
       )
-    ] }), We = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+    ] }), Fe = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
       /* @__PURE__ */ e(
-        ve,
+        ge,
         {
           label: "Virtual event",
-          checked: M,
-          onChange: ze,
-          disabled: !h
+          checked: U,
+          onChange: Ie,
+          disabled: !l
         }
       ),
       /* @__PURE__ */ e(
         T,
         {
           label: "Venue name",
-          value: Q,
-          onChange: Se,
-          readOnly: !h
+          value: j,
+          onChange: we,
+          readOnly: !l
         }
       ),
-      M ? /* @__PURE__ */ e(
+      U ? /* @__PURE__ */ e(
         T,
         {
           label: "Virtual URL",
-          value: G,
-          onChange: we,
-          readOnly: !h
+          value: H,
+          onChange: Ae,
+          readOnly: !l
         }
       ) : /* @__PURE__ */ e(
         T,
         {
           label: "Address",
-          value: j,
-          onChange: xe,
-          readOnly: !h
+          value: G,
+          onChange: ze,
+          readOnly: !l
         }
       ),
-      h && /* @__PURE__ */ e(
+      l && /* @__PURE__ */ e(
         B,
         {
           variant: "primary",
           leftIcon: /* @__PURE__ */ e(L, { name: "check", size: "sm" }),
-          onClick: Ee,
+          onClick: $e,
           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 }),
+    ] }), 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(nn, { children: [
+      /* @__PURE__ */ e(he, { max: 8, children: p.map((r) => /* @__PURE__ */ e(Z, { name: r.name, src: r.avatarUrl }, r.id)) }),
+      /* @__PURE__ */ e("ul", { className: "nice-event-planning__participant-list", children: p.map((r) => /* @__PURE__ */ i("li", { className: "nice-event-planning__participant", children: [
+        /* @__PURE__ */ e(Z, { name: r.name, src: r.avatarUrl, size: "sm" }),
+        /* @__PURE__ */ e("span", { className: "nice-event-planning__participant-name", children: r.name }),
+        /* @__PURE__ */ e(W, { size: "xs", subtle: !0, variant: ee(r.status), children: r.status })
+      ] }, r.id)) })
+    ] }) }), je = /* @__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((r) => /* @__PURE__ */ i("div", { className: "nice-event-planning__survey", children: [
+        /* @__PURE__ */ e("strong", { children: r.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(
+        /* @__PURE__ */ e(W, { size: "xs", outline: !0, variant: "info", children: r.type }),
+        r.options && /* @__PURE__ */ e("div", { className: "nice-event-planning__survey-options", children: r.options.map((R, en) => /* @__PURE__ */ e(
           B,
           {
             size: "sm",
             variant: "outline",
-            onClick: () => n == null ? void 0 : n(l.id, R),
+            onClick: () => a == null ? void 0 : a(r.id, R),
             children: R
           },
-          Xe
+          en
         )) }),
-        l.responses && /* @__PURE__ */ i("span", { className: "nice-event-planning__muted", children: [
-          l.responses.length,
+        r.responses && /* @__PURE__ */ i("span", { className: "nice-event-planning__muted", children: [
+          r.responses.length,
           " responses"
         ] })
-      ] }, l.id)),
-      h && d && /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+      ] }, r.id)),
+      l && c && /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
         /* @__PURE__ */ e(
           T,
           {
             label: "New survey question",
-            value: O,
-            onChange: ne,
+            value: $,
+            onChange: ie,
             placeholder: "Question"
           }
         ),
         /* @__PURE__ */ e(
-          he,
+          ve,
           {
             label: "Type",
-            value: H,
-            onChange: (l) => Ae(l),
+            value: Y,
+            onChange: (r) => Le(r),
             options: [
               { value: "single", label: "Single choice" },
               { value: "multiple", label: "Multiple choice" },
@@ -344,8 +346,8 @@ const hn = {
           T,
           {
             label: "Options (comma-separated)",
-            value: Y,
-            onChange: ie,
+            value: K,
+            onChange: te,
             placeholder: "Yes, No, Maybe"
           }
         ),
@@ -354,27 +356,27 @@ const hn = {
           {
             variant: "primary",
             leftIcon: /* @__PURE__ */ e(L, { name: "plus", size: "sm" }),
-            onClick: $e,
-            disabled: !O.trim(),
+            onClick: De,
+            disabled: !$.trim(),
             children: "Add survey"
           }
         )
       ] })
-    ] }), Qe = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+    ] }), Ge = /* @__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,
+        pn,
         {
-          lines: [...De, { label: "Total", amount: Ve, isSummary: !0 }],
-          currency: Me
+          lines: [...Me, { label: "Total", amount: Ue, isSummary: !0 }],
+          currency: We
         }
       ),
-      h && s && /* @__PURE__ */ i("div", { className: "nice-event-planning__row", children: [
+      l && w && /* @__PURE__ */ i("div", { className: "nice-event-planning__row", children: [
         /* @__PURE__ */ e(
           T,
           {
             label: "Item",
             value: D,
-            onChange: te,
+            onChange: ae,
             placeholder: "Catering"
           }
         ),
@@ -382,17 +384,17 @@ const hn = {
           T,
           {
             label: "Amount",
-            value: K,
-            onChange: ae,
+            value: J,
+            onChange: le,
             placeholder: "0.00"
           }
         ),
         /* @__PURE__ */ e(
-          he,
+          ve,
           {
             label: "Currency",
-            value: J,
-            onChange: (l) => Ie(l),
+            value: X,
+            onChange: (r) => Te(r),
             options: ["PLN", "EUR", "USD", "GBP"]
           }
         ),
@@ -401,14 +403,14 @@ const hn = {
           {
             variant: "primary",
             leftIcon: /* @__PURE__ */ e(L, { name: "plus", size: "sm" }),
-            onClick: Oe,
+            onClick: Ve,
             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 }),
+    ] }), He = /* @__PURE__ */ i("div", { className: "nice-event-planning__form", children: [
+      /* @__PURE__ */ e(ge, { label: "Public event", checked: t.isPublic ?? !1, disabled: !l }),
       /* @__PURE__ */ e(
         T,
         {
@@ -416,7 +418,7 @@ const hn = {
           value: t.maxParticipants != null ? String(t.maxParticipants) : "",
           onChange: () => {
           },
-          readOnly: !h
+          readOnly: !l
         }
       ),
       /* @__PURE__ */ i("div", { className: "nice-event-planning__muted", children: [
@@ -425,225 +427,234 @@ const hn = {
         " · Created ",
         new Date(t.createdAt).toLocaleDateString()
       ] })
-    ] }), Ge = {
-      details: Ue,
-      location: We,
-      participants: qe,
-      surveys: Fe,
-      budget: Qe,
-      settings: je
-    }, He = {
+    ] }), Ye = {
+      details: qe,
+      location: Fe,
+      participants: Qe,
+      surveys: je,
+      budget: Ge,
+      settings: He
+    }, Ke = {
       details: "file",
       location: "home",
       participants: "users",
       surveys: "clipboard",
       budget: "file",
       settings: "settings"
-    }, Ye = {
+    }, Je = {
       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: [
+    }, Xe = re.map((r) => ({
+      id: r,
+      label: r.charAt(0).toUpperCase() + r.slice(1),
+      icon: /* @__PURE__ */ e(L, { name: Ke[r], size: "sm" }),
+      badge: Je[r],
+      content: Ye[r]
+    })), Ze = /* @__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(W, { size: "sm", variant: ee(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(
+        o && /* @__PURE__ */ e(
           B,
           {
             size: "sm",
             variant: "primary",
             leftIcon: /* @__PURE__ */ e(L, { name: "check", size: "sm" }),
-            onClick: () => N({ title: r, description: P }),
+            onClick: () => o({ title: P, description: M }),
             children: "Save"
           }
         ),
-        c && /* @__PURE__ */ e(
+        k && /* @__PURE__ */ e(
           B,
           {
             size: "sm",
             variant: "success",
             leftIcon: /* @__PURE__ */ e(L, { name: "upload", size: "sm" }),
-            onClick: c,
+            onClick: k,
             children: "Publish"
           }
         ),
-        o && /* @__PURE__ */ e(
+        y && /* @__PURE__ */ e(
           B,
           {
             size: "sm",
             variant: "ghost",
             leftIcon: /* @__PURE__ */ e(L, { name: "link", size: "sm" }),
-            onClick: o,
+            onClick: y,
             children: "Share"
           }
         ),
-        C && /* @__PURE__ */ e(
+        x && /* @__PURE__ */ e(
           B,
           {
             size: "sm",
             variant: "ghost",
             leftIcon: /* @__PURE__ */ e(L, { name: "download", size: "sm" }),
-            onClick: C,
+            onClick: x,
             children: "Export"
           }
         )
       ] })
     ] });
-    return v === "micro" ? /* @__PURE__ */ e(
+    return h === "micro" ? /* @__PURE__ */ e(
       "div",
       {
-        ref: x,
-        className: `nice-event-planning nice-event-planning--micro ${a ?? ""}`,
-        style: z,
+        ref: C,
+        className: `nice-event-planning nice-event-planning--micro ${s ?? ""}`,
+        style: A,
         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}` : ""
+              (pe = t.location) != null && pe.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__ */ e(W, { size: "sm", variant: ee(t.status), children: t.status }),
+          p.length > 0 && /* @__PURE__ */ e(he, { max: 4, size: "sm", children: p.map((r) => /* @__PURE__ */ e(Z, { name: r.name, src: r.avatarUrl, size: "sm" }, r.id)) })
         ] })
       }
     ) : /* @__PURE__ */ i(
       "div",
       {
-        ref: x,
-        className: `nice-event-planning nice-event-planning--${v} ${a ?? ""}`,
-        style: z,
+        ref: C,
+        className: `nice-event-planning nice-event-planning--${h} ${s ?? ""}`,
+        style: A,
         children: [
-          Je,
-          /* @__PURE__ */ e(mn, { tabs: Ke, activeTab: Pe, onChange: Re })
+          Ze,
+          /* @__PURE__ */ e(
+            un,
+            {
+              tabs: Xe,
+              activeTab: Be,
+              onChange: Ee,
+              iconOnly: S,
+              centered: b
+            }
+          )
         ]
       }
     );
   }
-), vn = {
+), yn = {
   upcoming: "⏳",
   active: "▶️",
   voting: "🗳️",
   scored: "📊",
   completed: "✅",
   skipped: "⏭️"
-}, gn = {
+}, fn = {
   upcoming: "#9ca3af",
   active: "#22c55e",
   voting: "#eab308",
   scored: "#3b82f6",
   completed: "#6b7280",
   skipped: "#d1d5db"
-}, wn = E(
-  function(b, x) {
+}, An = E(
+  function(N, C) {
     const {
       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: [
+      onEnd: h,
+      onCreate: v,
+      editable: _ = !1,
+      className: g,
+      style: S
+    } = N, b = [...t].sort((l, o) => l.order - o.order);
+    return /* @__PURE__ */ i("div", { ref: C, className: `nice-round-list ${g ?? ""}`, style: S, children: [
       /* @__PURE__ */ i("div", { className: "nice-round-list__header", children: [
         /* @__PURE__ */ i("h3", { children: [
           "Rounds (",
           t.length,
           ")"
         ] }),
-        k && y && /* @__PURE__ */ e("button", { onClick: y, children: "+ Add Round" })
+        _ && v && /* @__PURE__ */ e("button", { onClick: v, children: "+ Add Round" })
       ] }),
-      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;
+      b.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-round-list__empty", children: "No rounds yet." }) : /* @__PURE__ */ e("div", { className: "nice-round-list__items", children: b.map((l) => {
+        const o = l.id === p;
         return /* @__PURE__ */ i(
           "div",
           {
             className: `nice-round-list__item ${o ? "nice-round-list__item--active" : ""}`,
-            onClick: () => u == null ? void 0 : u(c),
+            onClick: () => u == null ? void 0 : u(l),
             role: u ? "button" : void 0,
             tabIndex: u ? 0 : void 0,
             children: [
               /* @__PURE__ */ i("span", { className: "nice-round-list__order", children: [
                 "#",
-                c.order
+                l.order
               ] }),
-              /* @__PURE__ */ e("span", { className: "nice-round-list__icon", children: vn[c.status] }),
+              /* @__PURE__ */ e("span", { className: "nice-round-list__icon", children: yn[l.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("strong", { className: "nice-round-list__name", children: l.name }),
+                l.description && /* @__PURE__ */ e("small", { children: l.description }),
+                l.type && /* @__PURE__ */ e("span", { className: "nice-round-list__type", children: l.type })
               ] }),
               /* @__PURE__ */ e(
                 "span",
                 {
                   className: "nice-round-list__status",
-                  style: { color: gn[c.status] },
-                  children: c.status
+                  style: { color: fn[l.status] },
+                  children: l.status
                 }
               ),
-              c.durationMinutes && /* @__PURE__ */ i("span", { className: "nice-round-list__duration", children: [
-                c.durationMinutes,
+              l.durationMinutes && /* @__PURE__ */ i("span", { className: "nice-round-list__duration", children: [
+                l.durationMinutes,
                 "m"
               ] }),
-              c.winnerIds && c.winnerIds.length > 0 && /* @__PURE__ */ i("span", { className: "nice-round-list__winners", children: [
+              l.winnerIds && l.winnerIds.length > 0 && /* @__PURE__ */ i("span", { className: "nice-round-list__winners", children: [
                 "🏆 ",
-                c.winnerIds.length
+                l.winnerIds.length
               ] }),
-              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" })
+              _ && /* @__PURE__ */ i("div", { className: "nice-round-list__actions", onClick: (k) => k.stopPropagation(), children: [
+                l.status === "upcoming" && m && /* @__PURE__ */ e("button", { onClick: () => m(l.id), children: "Start" }),
+                (l.status === "active" || l.status === "voting") && h && /* @__PURE__ */ e("button", { onClick: () => h(l.id), children: "End" })
               ] })
             ]
           },
-          c.id
+          l.id
         );
       }) })
     ] });
   }
-), zn = E(
-  function(b, x) {
+), In = E(
+  function(N, C) {
     const {
       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 = $(
+      onStart: h,
+      onEnd: v,
+      onSkip: _,
+      editable: g = !1,
+      footerActions: S,
+      className: b,
+      style: l
+    } = N, [o, k] = f({}), y = O(
       (n) => {
-        const s = parseFloat(o[n] ?? "");
-        isNaN(s) || !m || (m(n, s), C((a) => ({ ...a, [n]: "" })));
+        const c = parseFloat(o[n] ?? "");
+        isNaN(c) || !m || (m(n, c), k((a) => ({ ...a, [n]: "" })));
       },
       [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) : [];
+    ), x = (n) => {
+      const c = Math.floor(n / 60), a = n % 60;
+      return `${c}:${a.toString().padStart(2, "0")}`;
+    }, d = t.scores ? [...t.scores].sort((n, c) => c.score - n.score) : [];
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: x,
-        className: `nice-round-card nice-round-card--${t.status} ${N ?? ""}`,
-        style: c,
+        ref: C,
+        className: `nice-round-card nice-round-card--${t.status} ${b ?? ""}`,
+        style: l,
         children: [
           /* @__PURE__ */ i("div", { className: "nice-round-card__header", children: [
             /* @__PURE__ */ i("span", { className: "nice-round-card__order", children: [
@@ -660,7 +671,7 @@ const hn = {
               className: `nice-round-card__timer ${p ? "nice-round-card__timer--running" : ""}`,
               children: [
                 "⏱️ ",
-                u != null ? S(u) : "—"
+                u != null ? x(u) : "—"
               ]
             }
           ),
@@ -672,14 +683,14 @@ const hn = {
                 /* @__PURE__ */ e("th", { children: "Participant" }),
                 /* @__PURE__ */ e("th", { children: "Score" })
               ] }) }),
-              /* @__PURE__ */ e("tbody", { children: d.map((n, s) => /* @__PURE__ */ i(
+              /* @__PURE__ */ e("tbody", { children: d.map((n, c) => /* @__PURE__ */ i(
                 "tr",
                 {
-                  className: s < 3 ? `nice-round-card__top-${s + 1}` : "",
+                  className: c < 3 ? `nice-round-card__top-${c + 1}` : "",
                   children: [
                     /* @__PURE__ */ i("td", { children: [
-                      n.rank ?? s + 1,
-                      s === 0 ? " 🥇" : s === 1 ? " 🥈" : s === 2 ? " 🥉" : ""
+                      n.rank ?? c + 1,
+                      c === 0 ? " 🥇" : c === 1 ? " 🥈" : c === 2 ? " 🥉" : ""
                     ] }),
                     /* @__PURE__ */ e("td", { children: n.participantName }),
                     /* @__PURE__ */ e("td", { children: n.score })
@@ -698,22 +709,22 @@ const hn = {
                 {
                   type: "number",
                   value: o[n.participantId] ?? "",
-                  onChange: (s) => C((a) => ({ ...a, [n.participantId]: s.target.value })),
+                  onChange: (c) => k((a) => ({ ...a, [n.participantId]: c.target.value })),
                   min: 0,
                   step: 1,
                   placeholder: "Score"
                 }
               ),
-              /* @__PURE__ */ e("button", { onClick: () => g(n.participantId), children: "Submit" })
+              /* @__PURE__ */ e("button", { onClick: () => y(n.participantId), children: "Submit" })
             ] }, n.participantId))
           ] }),
           /* @__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" })
+            g && /* @__PURE__ */ i("div", { className: "nice-round-card__actions", children: [
+              t.status === "upcoming" && h && /* @__PURE__ */ e("button", { onClick: h, children: "▶ Start Round" }),
+              (t.status === "active" || t.status === "voting") && v && /* @__PURE__ */ e("button", { onClick: v, children: "⏹ End Round" }),
+              t.status === "upcoming" && _ && /* @__PURE__ */ e("button", { onClick: _, children: "⏭ Skip" })
             ] }),
-            h
+            S
           ] }),
           t.winnerIds && t.winnerIds.length > 0 && /* @__PURE__ */ i("div", { className: "nice-round-card__winners", children: [
             "🏆 Winners: ",
@@ -723,46 +734,46 @@ const hn = {
       }
     );
   }
-), An = E(
-  function(b, x) {
+), Ln = E(
+  function(N, C) {
     const {
       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())
+      onSearch: h,
+      showQueue: v = !0,
+      readOnly: _ = !1,
+      className: g,
+      style: S
+    } = N, [b, l] = f(""), o = I(() => {
+      if (!b.trim())
         return t;
-      const n = N.toLowerCase();
+      const n = b.toLowerCase();
       return t.filter(
-        (s) => s.title.toLowerCase().includes(n) || s.artist.toLowerCase().includes(n)
+        (c) => c.title.toLowerCase().includes(n) || c.artist.toLowerCase().includes(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);
+    }, [t, b]), k = I(() => t.filter((n) => n.isQueued), [t]), y = t.find((n) => n.isPlaying), x = (n) => {
+      l(n), h == null || h(n);
     }, d = (n) => {
       if (!n)
         return "";
-      const s = Math.floor(n / 60), a = n % 60;
-      return `${s}:${a.toString().padStart(2, "0")}`;
+      const c = Math.floor(n / 60), a = n % 60;
+      return `${c}:${a.toString().padStart(2, "0")}`;
     };
-    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: [
+    return /* @__PURE__ */ i("div", { ref: C, className: `nice-song-picker ${g ?? ""}`, style: S, children: [
+      y && /* @__PURE__ */ i("div", { className: "nice-song-picker__now-playing", children: [
         /* @__PURE__ */ e("span", { className: "nice-song-picker__np-label", children: "🎵 Now Playing" }),
-        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 })
+        y.albumArt && /* @__PURE__ */ e("img", { src: y.albumArt, alt: "", className: "nice-song-picker__album-art" }),
+        /* @__PURE__ */ e("strong", { children: y.title }),
+        /* @__PURE__ */ e("span", { children: y.artist })
       ] }),
       /* @__PURE__ */ e(
         "input",
         {
           type: "text",
-          value: N,
-          onChange: (n) => S(n.target.value),
+          value: b,
+          onChange: (n) => x(n.target.value),
           placeholder: "Search songs…",
           className: "nice-song-picker__search"
         }
@@ -782,7 +793,7 @@ const hn = {
                 n.addedByName
               ] })
             ] }),
-            !k && /* @__PURE__ */ i("div", { className: "nice-song-picker__actions", children: [
+            !_ && /* @__PURE__ */ i("div", { className: "nice-song-picker__actions", children: [
               m && /* @__PURE__ */ i("button", { onClick: () => m(n.id), children: [
                 "👍 ",
                 n.votes ?? 0
@@ -794,15 +805,15 @@ const hn = {
         },
         n.id
       )) }),
-      y && C.length > 0 && /* @__PURE__ */ i("div", { className: "nice-song-picker__queue", children: [
+      v && k.length > 0 && /* @__PURE__ */ i("div", { className: "nice-song-picker__queue", children: [
         /* @__PURE__ */ i("h4", { children: [
           "Queue (",
-          C.length,
+          k.length,
           ")"
         ] }),
-        C.map((n, s) => /* @__PURE__ */ i("div", { className: "nice-song-picker__queue-item", children: [
+        k.map((n, c) => /* @__PURE__ */ i("div", { className: "nice-song-picker__queue-item", children: [
           /* @__PURE__ */ i("span", { className: "nice-song-picker__queue-pos", children: [
-            s + 1,
+            c + 1,
             "."
           ] }),
           /* @__PURE__ */ i("span", { children: [
@@ -814,28 +825,28 @@ const hn = {
       ] })
     ] });
   }
-), In = E(
-  function(b, x) {
+), Tn = E(
+  function(N, C) {
     const {
       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(() => {
+      onNext: h,
+      nowPlayingId: v,
+      readOnly: _ = !1,
+      className: g,
+      style: S
+    } = N, [b, l] = f(""), [o, k] = f(""), y = t.find((a) => a.id === v), x = I(() => {
       let a = t;
-      if (N.trim()) {
-        const z = N.toLowerCase();
+      if (b.trim()) {
+        const w = b.toLowerCase();
         a = a.filter(
-          (r) => r.title.toLowerCase().includes(z) || r.artist.toLowerCase().includes(z)
+          (s) => s.title.toLowerCase().includes(w) || s.artist.toLowerCase().includes(w)
         );
       }
-      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) => {
+      return o && (a = a.filter((w) => w.difficulty === o)), a;
+    }, [t, b, o]), d = I(() => new Set(p.map((a) => a.id)), [p]), n = ["easy", "medium", "hard", "expert"], c = (a) => {
       switch (a) {
         case "easy":
           return "#4caf50";
@@ -849,8 +860,8 @@ const hn = {
           return "#999";
       }
     };
-    return /* @__PURE__ */ i("div", { ref: x, className: `nice-karaoke-picker ${f ?? ""}`, style: h, children: [
-      g && /* @__PURE__ */ i(
+    return /* @__PURE__ */ i("div", { ref: C, className: `nice-karaoke-picker ${g ?? ""}`, style: S, children: [
+      y && /* @__PURE__ */ i(
         "div",
         {
           className: "nice-karaoke-picker__now-singing",
@@ -863,16 +874,16 @@ const hn = {
           children: [
             /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: "🎤 Now Singing" }),
             /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ e("strong", { children: g.title }),
+              /* @__PURE__ */ e("strong", { children: y.title }),
               " — ",
-              g.artist,
-              g.performerName && /* @__PURE__ */ i("span", { children: [
+              y.artist,
+              y.performerName && /* @__PURE__ */ i("span", { children: [
                 " (by ",
-                g.performerName,
+                y.performerName,
                 ")"
               ] })
             ] }),
-            !k && v && /* @__PURE__ */ e("button", { onClick: v, style: { marginTop: 8 }, children: "Skip / Next ⏭" })
+            !_ && h && /* @__PURE__ */ e("button", { onClick: h, style: { marginTop: 8 }, children: "Skip / Next ⏭" })
           ]
         }
       ),
@@ -886,20 +897,20 @@ const hn = {
               "input",
               {
                 type: "text",
-                value: N,
-                onChange: (a) => c(a.target.value),
+                value: b,
+                onChange: (a) => l(a.target.value),
                 placeholder: "Search songs or artists…",
                 style: { flex: 1 }
               }
             ),
-            /* @__PURE__ */ i("select", { value: o, onChange: (a) => C(a.target.value), children: [
+            /* @__PURE__ */ i("select", { value: o, onChange: (a) => k(a.target.value), children: [
               /* @__PURE__ */ e("option", { value: "", children: "All Difficulties" }),
               n.map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
             ] })
           ]
         }
       ),
-      /* @__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(
+      /* @__PURE__ */ e("div", { className: "nice-karaoke-picker__catalog", children: x.length === 0 ? /* @__PURE__ */ e("p", { children: "No songs match your search." }) : x.map((a) => /* @__PURE__ */ i(
         "div",
         {
           className: "nice-karaoke-picker__song",
@@ -921,7 +932,7 @@ const hn = {
                   style: {
                     marginLeft: 8,
                     fontSize: 12,
-                    color: s(a.difficulty),
+                    color: c(a.difficulty),
                     fontWeight: 600
                   },
                   children: [
@@ -938,7 +949,7 @@ const hn = {
                 ")"
               ] })
             ] }),
-            !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" }) })
+            !_ && /* @__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" }) })
           ]
         },
         a.id
@@ -949,14 +960,14 @@ const hn = {
           p.length,
           ")"
         ] }),
-        p.map((a, z) => /* @__PURE__ */ i(
+        p.map((a, w) => /* @__PURE__ */ i(
           "div",
           {
             style: { display: "flex", justifyContent: "space-between", padding: "4px 0" },
             children: [
               /* @__PURE__ */ i("span", { children: [
                 /* @__PURE__ */ i("strong", { children: [
-                  z + 1,
+                  w + 1,
                   "."
                 ] }),
                 " ",
@@ -969,7 +980,7 @@ const hn = {
                   ")"
                 ] })
               ] }),
-              !k && m && /* @__PURE__ */ e("button", { onClick: () => m(a.id), style: { fontSize: 12 }, children: "✕" })
+              !_ && m && /* @__PURE__ */ e("button", { onClick: () => m(a.id), style: { fontSize: 12 }, children: "✕" })
             ]
           },
           a.id
@@ -977,15 +988,15 @@ const hn = {
       ] })
     ] });
   }
-), ge = {
-  game: be,
-  music: W,
-  dance: W,
-  quiz: _e,
-  karaoke: Ne,
-  photo: fe,
-  custom: ye
-}, yn = {
+), ye = {
+  game: ke,
+  music: q,
+  dance: q,
+  quiz: be,
+  karaoke: _e,
+  photo: Ne,
+  custom: fe
+}, Nn = {
   game: "Games",
   music: "Music",
   dance: "Dance",
@@ -993,44 +1004,44 @@ const hn = {
   karaoke: "Karaoke",
   photo: "Photo",
   custom: "Custom"
-}, Ln = E(
-  function(b, x) {
+}, Pn = E(
+  function(N, C) {
     const {
       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(
+      selectedIds: h = [],
+      maxSelections: v,
+      showVotes: _ = !0,
+      readOnly: g = !1,
+      layout: S = "grid",
+      className: b,
+      style: l
+    } = N, [o, k] = f(""), [y, x] = f(""), d = I(() => new Set(h), [h]), n = I(() => {
+      const s = new Set(t.map((A) => A.category));
+      return Array.from(s);
+    }, [t]), c = I(() => {
+      let s = t;
+      if (o && (s = s.filter((A) => A.category === o)), y.trim()) {
+        const A = y.toLowerCase();
+        s = s.filter(
           (P) => {
             var V;
             return P.name.toLowerCase().includes(A) || ((V = P.description) == null ? void 0 : V.toLowerCase().includes(A));
           }
         );
       }
-      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 s;
+    }, [t, o, y]), a = !v || d.size < v, w = (s) => {
+      g || (d.has(s) ? u == null || u(s) : a && (p == null || p(s)));
     };
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: x,
-        className: `nice-attraction-picker ${N ?? ""}`,
-        style: { color: "var(--text-primary)", ...c },
+        ref: C,
+        className: `nice-attraction-picker ${b ?? ""}`,
+        style: { color: "var(--text-primary)", ...l },
         children: [
           /* @__PURE__ */ i(
             "div",
@@ -1043,10 +1054,10 @@ const hn = {
               },
               children: [
                 /* @__PURE__ */ e("h3", { style: { margin: 0 }, children: "Attractions" }),
-                y && /* @__PURE__ */ i("span", { style: { color: "var(--text-secondary, #64748b)", fontSize: 14 }, children: [
+                v && /* @__PURE__ */ i("span", { style: { color: "var(--text-secondary, #64748b)", fontSize: 14 }, children: [
                   d.size,
                   "/",
-                  y,
+                  v,
                   " selected"
                 ] })
               ]
@@ -1057,8 +1068,8 @@ const hn = {
               "input",
               {
                 type: "text",
-                value: g,
-                onChange: (r) => S(r.target.value),
+                value: y,
+                onChange: (s) => x(s.target.value),
                 placeholder: "Search attractions…",
                 style: { flex: 1, minWidth: 150 }
               }
@@ -1066,41 +1077,41 @@ const hn = {
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => C(""),
+                onClick: () => k(""),
                 style: { fontWeight: o ? 400 : 700 },
                 children: "All"
               }
             ),
-            n.map((r) => /* @__PURE__ */ i(
+            n.map((s) => /* @__PURE__ */ i(
               "button",
               {
-                onClick: () => C(r === o ? "" : r),
+                onClick: () => k(s === o ? "" : s),
                 style: {
-                  fontWeight: r === o ? 700 : 400,
+                  fontWeight: s === o ? 700 : 400,
                   display: "inline-flex",
                   alignItems: "center",
                   gap: 4
                 },
                 children: [
-                  ee.createElement(ge[r], { size: 14 }),
+                  ne.createElement(ye[s], { size: 14 }),
                   " ",
-                  yn[r]
+                  Nn[s]
                 ]
               },
-              r
+              s
             ))
           ] }),
           /* @__PURE__ */ e(
             "div",
             {
               style: {
-                display: h === "grid" ? "grid" : "flex",
-                gridTemplateColumns: h === "grid" ? "repeat(auto-fill, minmax(200px, 1fr))" : void 0,
+                display: S === "grid" ? "grid" : "flex",
+                gridTemplateColumns: S === "grid" ? "repeat(auto-fill, minmax(200px, 1fr))" : void 0,
                 gap: 12,
-                flexDirection: h === "list" ? "column" : void 0
+                flexDirection: S === "list" ? "column" : void 0
               },
-              children: s.length === 0 ? /* @__PURE__ */ e("p", { children: "No attractions found." }) : s.map((r) => {
-                const A = d.has(r.id);
+              children: c.length === 0 ? /* @__PURE__ */ e("p", { children: "No attractions found." }) : c.map((s) => {
+                const A = d.has(s.id);
                 return /* @__PURE__ */ i(
                   "div",
                   {
@@ -1109,17 +1120,17 @@ const hn = {
                       border: A ? "2px solid var(--color-primary, #6366f1)" : "1px solid var(--border-color, #cbd5e1)",
                       borderRadius: 8,
                       padding: 12,
-                      cursor: f ? "default" : "pointer",
+                      cursor: g ? "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),
+                    onClick: () => w(s.id),
                     children: [
-                      r.imageUrl && /* @__PURE__ */ e(
+                      s.imageUrl && /* @__PURE__ */ e(
                         "img",
                         {
-                          src: r.imageUrl,
-                          alt: r.name,
+                          src: s.imageUrl,
+                          alt: s.name,
                           style: {
                             width: "100%",
                             borderRadius: 6,
@@ -1130,10 +1141,10 @@ const hn = {
                         }
                       ),
                       /* @__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 })
+                        /* @__PURE__ */ e("span", { style: { display: "inline-flex" }, children: ne.createElement(ye[s.category], { size: 16 }) }),
+                        /* @__PURE__ */ e("strong", { children: s.name })
                       ] }),
-                      r.description && /* @__PURE__ */ e(
+                      s.description && /* @__PURE__ */ e(
                         "p",
                         {
                           style: {
@@ -1141,7 +1152,7 @@ const hn = {
                             color: "var(--text-secondary, #64748b)",
                             margin: "6px 0"
                           },
-                          children: r.description
+                          children: s.description
                         }
                       ),
                       /* @__PURE__ */ i(
@@ -1154,7 +1165,7 @@ const hn = {
                             marginTop: 8
                           },
                           children: [
-                            k && /* @__PURE__ */ i(
+                            _ && /* @__PURE__ */ i(
                               "span",
                               {
                                 style: {
@@ -1164,17 +1175,17 @@ const hn = {
                                   gap: 4
                                 },
                                 children: [
-                                  /* @__PURE__ */ e(ln, { size: 14 }),
+                                  /* @__PURE__ */ e(cn, { size: 14 }),
                                   " ",
-                                  r.votes ?? 0
+                                  s.votes ?? 0
                                 ]
                               }
                             ),
-                            !f && m && /* @__PURE__ */ e(
+                            !g && m && /* @__PURE__ */ e(
                               "button",
                               {
                                 onClick: (P) => {
-                                  P.stopPropagation(), m(r.id);
+                                  P.stopPropagation(), m(s.id);
                                 },
                                 style: { fontSize: 12 },
                                 children: "Vote"
@@ -1185,7 +1196,7 @@ const hn = {
                       )
                     ]
                   },
-                  r.id
+                  s.id
                 );
               })
             }
@@ -1194,54 +1205,54 @@ const hn = {
       }
     );
   }
-), fn = {
-  game: be,
-  music: W,
-  dance: W,
-  quiz: _e,
-  karaoke: Ne,
-  photo: fe,
-  custom: ye
-}, Tn = E(
-  function(b, x) {
+), _n = {
+  game: ke,
+  music: q,
+  dance: q,
+  quiz: be,
+  karaoke: _e,
+  photo: Ne,
+  custom: fe
+}, Rn = E(
+  function(N, C) {
     const {
       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(() => {
+      maxVotes: h,
+      closed: v = !1,
+      sortBy: _ = "votes",
+      showResults: g = !0,
+      className: S,
+      style: b
+    } = N, l = I(() => new Set(m), [m]), o = h ? h - l.size : void 0, k = I(() => {
       const n = [...t];
-      switch (k) {
+      switch (_) {
         case "votes":
-          n.sort((s, a) => (a.votes ?? 0) - (s.votes ?? 0));
+          n.sort((c, a) => (a.votes ?? 0) - (c.votes ?? 0));
           break;
         case "name":
-          n.sort((s, a) => s.name.localeCompare(a.name));
+          n.sort((c, a) => c.name.localeCompare(a.name));
           break;
         case "category":
-          n.sort((s, a) => s.category.localeCompare(a.category));
+          n.sort((c, a) => c.category.localeCompare(a.category));
           break;
       }
       return n;
-    }, [t, k]), g = I(
+    }, [t, _]), y = 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)));
+    ), x = (n) => {
+      v || (l.has(n) ? u == null || u(n) : (!o || o > 0) && (p == null || p(n)));
     }, d = (n) => {
       switch (n) {
         case 0:
-          return /* @__PURE__ */ e(cn, { size: 18, primaryColor: "#f59e0b", title: "1st place" });
+          return /* @__PURE__ */ e(on, { size: 18, primaryColor: "#f59e0b", title: "1st place" });
         case 1:
-          return /* @__PURE__ */ e(pe, { size: 18, primaryColor: "#94a3b8", title: "2nd place" });
+          return /* @__PURE__ */ e(ue, { size: 18, primaryColor: "#94a3b8", title: "2nd place" });
         case 2:
-          return /* @__PURE__ */ e(pe, { size: 18, primaryColor: "#b45309", title: "3rd place" });
+          return /* @__PURE__ */ e(ue, { size: 18, primaryColor: "#b45309", title: "3rd place" });
         default:
           return `${n + 1}.`;
       }
@@ -1249,9 +1260,9 @@ const hn = {
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: x,
-        className: `nice-attraction-voting ${h ?? ""}`,
-        style: { color: "var(--text-primary)", ...N },
+        ref: C,
+        className: `nice-attraction-voting ${S ?? ""}`,
+        style: { color: "var(--text-primary)", ...b },
         children: [
           /* @__PURE__ */ i(
             "div",
@@ -1264,10 +1275,10 @@ const hn = {
               },
               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"
+                  /* @__PURE__ */ e(sn, { size: 20 }),
+                  v ? "Voting Results" : "Vote for Attractions"
                 ] }),
-                !y && o !== void 0 && /* @__PURE__ */ i(
+                !v && o !== void 0 && /* @__PURE__ */ i(
                   "span",
                   {
                     style: {
@@ -1285,9 +1296,9 @@ const hn = {
               ]
             }
           ),
-          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%";
+          v && /* @__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: k.map((n, c) => {
+            const a = l.has(n.id), w = n.votes ?? 0, s = g ? `${Math.round(w / y * 100)}%` : "0%";
             return /* @__PURE__ */ i(
               "div",
               {
@@ -1299,13 +1310,13 @@ const hn = {
                   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",
+                  cursor: v ? "default" : "pointer",
                   transition: "all 0.2s"
                 },
-                onClick: () => S(n.id),
+                onClick: () => x(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 }) }),
+                  g && /* @__PURE__ */ e("span", { style: { fontSize: 18, minWidth: 32, textAlign: "center" }, children: d(c) }),
+                  /* @__PURE__ */ e("span", { style: { display: "inline-flex", fontSize: 20 }, children: ne.createElement(_n[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(
@@ -1321,7 +1332,7 @@ const hn = {
                         children: n.description
                       }
                     ),
-                    f && /* @__PURE__ */ e(
+                    g && /* @__PURE__ */ e(
                       "div",
                       {
                         style: {
@@ -1336,7 +1347,7 @@ const hn = {
                           {
                             style: {
                               height: "100%",
-                              width: r,
+                              width: s,
                               background: "var(--color-primary, #6366f1)",
                               borderRadius: 3,
                               transition: "width 0.3s"
@@ -1346,12 +1357,12 @@ const hn = {
                       }
                     )
                   ] }),
-                  f && /* @__PURE__ */ e("span", { style: { fontWeight: 600, fontSize: 16, minWidth: 40, textAlign: "right" }, children: z }),
-                  !y && /* @__PURE__ */ e(
+                  g && /* @__PURE__ */ e("span", { style: { fontWeight: 600, fontSize: 16, minWidth: 40, textAlign: "right" }, children: w }),
+                  !v && /* @__PURE__ */ e(
                     "button",
                     {
                       onClick: (A) => {
-                        A.stopPropagation(), S(n.id);
+                        A.stopPropagation(), x(n.id);
                       },
                       style: {
                         padding: "4px 12px",
@@ -1370,7 +1381,7 @@ const hn = {
               n.id
             );
           }) }),
-          f && /* @__PURE__ */ i(
+          g && /* @__PURE__ */ i(
             "div",
             {
               style: {
@@ -1381,7 +1392,7 @@ const hn = {
               },
               children: [
                 "Total votes: ",
-                t.reduce((n, s) => n + (s.votes ?? 0), 0)
+                t.reduce((n, c) => n + (c.votes ?? 0), 0)
               ]
             }
           )
@@ -1391,12 +1402,12 @@ const hn = {
   }
 );
 export {
-  Ln as NiceAttractionPicker,
-  Tn as NiceAttractionVoting,
-  Sn as NiceEventMedia,
-  xn as NiceEventPlanning,
-  In as NiceKaraokePicker,
-  zn as NiceRoundCard,
-  wn as NiceRoundList,
-  An as NiceSongPicker
+  Pn as NiceAttractionPicker,
+  Rn as NiceAttractionVoting,
+  wn as NiceEventMedia,
+  zn as NiceEventPlanning,
+  Tn as NiceKaraokePicker,
+  In as NiceRoundCard,
+  An as NiceRoundList,
+  Ln as NiceSongPicker
 };