@nice2dev/events 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1049 @@
+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) {
+  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("div", { ref: A, className: `nice-event-media nice-event-media--${g} ${f ?? ""}`, style: C, children: [
+    /* @__PURE__ */ e("div", { className: "nice-event-media__header", children: /* @__PURE__ */ t("h3", { children: [
+      "Media (",
+      k.length,
+      ")"
+    ] }) }),
+    S && y && /* @__PURE__ */ t("div", { className: "nice-event-media__upload", children: [
+      /* @__PURE__ */ e("input", { type: "file", accept: "image/*,video/*", onChange: b }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: s,
+          onChange: (p) => u(p.target.value),
+          placeholder: "Add a caption…",
+          className: "nice-event-media__caption-input"
+        }
+      )
+    ] }),
+    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",
+      {
+        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
+    )) })
+  ] });
+}), Se = P(function(x, A) {
+  var G, K, H, Y, J;
+  const {
+    event: a,
+    surveys: y = [],
+    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
+    });
+  }, [b, c, d, h, v]), re = E(() => {
+    _ == null || _({
+      name: o,
+      address: O || void 0,
+      virtualUrl: z || void 0,
+      isVirtual: B
+    });
+  }, [o, O, z, B, _]), se = E(() => {
+    if (!T.trim() || !g) 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",
+      {
+        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",
+        /* @__PURE__ */ e("input", { type: "datetime-local", value: d, onChange: (r) => i(r.target.value), readOnly: !f })
+      ] }),
+      /* @__PURE__ */ t("label", { children: [
+        "End",
+        /* @__PURE__ */ e("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 })
+      ] }),
+      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" })
+      ] })
+    ] })
+  ] });
+}), ve = {
+  upcoming: "⏳",
+  active: "▶️",
+  voting: "🗳️",
+  scored: "📊",
+  completed: "✅",
+  skipped: "⏭️"
+}, ge = {
+  upcoming: "#9ca3af",
+  active: "#22c55e",
+  voting: "#eab308",
+  scored: "#3b82f6",
+  completed: "#6b7280",
+  skipped: "#d1d5db"
+}, we = P(function(x, A) {
+  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 (",
+        a.length,
+        ")"
+      ] }),
+      S && g && /* @__PURE__ */ e("button", { onClick: g, 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(
+        "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,
+          children: [
+            /* @__PURE__ */ t("span", { className: "nice-round-list__order", children: [
+              "#",
+              s.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__status", style: { color: ge[s.status] }, children: s.status }),
+            s.durationMinutes && /* @__PURE__ */ t("span", { className: "nice-round-list__duration", children: [
+              s.durationMinutes,
+              "m"
+            ] }),
+            s.winnerIds && s.winnerIds.length > 0 && /* @__PURE__ */ t("span", { className: "nice-round-list__winners", children: [
+              "🏆 ",
+              s.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" })
+            ] })
+          ]
+        },
+        s.id
+      );
+    }) })
+  ] });
+}), xe = P(function(x, A) {
+  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((n) => {
+    const d = parseFloat(u[n] ?? "");
+    isNaN(d) || !v || (v(n, d), k((i) => ({ ...i, [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("div", { ref: A, className: `nice-round-card nice-round-card--${a.status} ${C ?? ""}`, style: s, children: [
+    /* @__PURE__ */ t("div", { className: "nice-round-card__header", children: [
+      /* @__PURE__ */ t("span", { className: "nice-round-card__order", children: [
+        "Round #",
+        a.order
+      ] }),
+      /* @__PURE__ */ e("h3", { className: "nice-round-card__name", children: a.name }),
+      /* @__PURE__ */ e("span", { className: "nice-round-card__status", children: a.status })
+    ] }),
+    a.description && /* @__PURE__ */ e("p", { className: "nice-round-card__description", children: a.description }),
+    (y || m != null) && /* @__PURE__ */ t("div", { className: `nice-round-card__timer ${y ? "nice-round-card__timer--running" : ""}`, children: [
+      "⏱️ ",
+      m != null ? p(m) : "—"
+    ] }),
+    c.length > 0 && /* @__PURE__ */ t("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__ */ e("th", { children: "Rank" }),
+          /* @__PURE__ */ e("th", { children: "Participant" }),
+          /* @__PURE__ */ e("th", { children: "Score" })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: c.map((n, d) => /* @__PURE__ */ t("tr", { className: d < 3 ? `nice-round-card__top-${d + 1}` : "", children: [
+          /* @__PURE__ */ t("td", { children: [
+            n.rank ?? d + 1,
+            d === 0 ? " 🥇" : d === 1 ? " 🥈" : d === 2 ? " 🥉" : ""
+          ] }),
+          /* @__PURE__ */ e("td", { children: n.participantName }),
+          /* @__PURE__ */ e("td", { children: n.score })
+        ] }, n.participantId)) })
+      ] })
+    ] }),
+    v && (a.status === "active" || a.status === "voting") && c.length > 0 && /* @__PURE__ */ t("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: [
+        /* @__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 })),
+            min: 0,
+            step: 1,
+            placeholder: "Score"
+          }
+        ),
+        /* @__PURE__ */ e("button", { onClick: () => b(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" })
+      ] }),
+      f
+    ] }),
+    a.winnerIds && a.winnerIds.length > 0 && /* @__PURE__ */ t("div", { className: "nice-round-card__winners", children: [
+      "🏆 Winners: ",
+      a.winnerIds.length
+    ] })
+  ] });
+}), Ae = P(function(x, A) {
+  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)
+    );
+  }, [a, C]), k = R(() => a.filter((n) => n.isQueued), [a]), b = a.find((n) => n.isPlaying), p = (n) => {
+    s(n), _ == null || _(n);
+  }, c = (n) => {
+    if (!n) return "";
+    const d = Math.floor(n / 60), i = n % 60;
+    return `${d}:${i.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: [
+      /* @__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 })
+    ] }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: C,
+        onChange: (n) => p(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("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__ */ 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: [
+          "Added by ",
+          n.addedByName
+        ] })
+      ] }),
+      !S && /* @__PURE__ */ t("div", { className: "nice-song-picker__actions", children: [
+        v && /* @__PURE__ */ t("button", { onClick: () => v(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" })
+      ] })
+    ] }, n.id)) }),
+    g && k.length > 0 && /* @__PURE__ */ t("div", { className: "nice-song-picker__queue", children: [
+      /* @__PURE__ */ t("h4", { children: [
+        "Queue (",
+        k.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,
+          "."
+        ] }),
+        /* @__PURE__ */ t("span", { children: [
+          n.title,
+          " — ",
+          n.artist
+        ] })
+      ] }, n.id))
+    ] })
+  ] });
+}), Ie = P(function(x, A) {
+  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)
+      );
+    }
+    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) {
+      case "easy":
+        return "#4caf50";
+      case "medium":
+        return "#ff9800";
+      case "hard":
+        return "#f44336";
+      case "expert":
+        return "#9c27b0";
+      default:
+        return "#999";
+    }
+  };
+  return /* @__PURE__ */ t("div", { ref: A, className: `nice-karaoke-picker ${N ?? ""}`, style: f, children: [
+    b && /* @__PURE__ */ t("div", { className: "nice-karaoke-picker__now-singing", style: { borderLeft: "4px solid #e91e63", padding: "12px", marginBottom: 12, background: "#fce4ec" }, children: [
+      /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: "🎤 Now Singing" }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("strong", { children: b.title }),
+        " — ",
+        b.artist,
+        b.performerName && /* @__PURE__ */ t("span", { children: [
+          " (by ",
+          b.performerName,
+          ")"
+        ] })
+      ] }),
+      !S && _ && /* @__PURE__ */ e("button", { onClick: _, style: { marginTop: 8 }, children: "Skip / Next ⏭" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-karaoke-picker__filters", style: { display: "flex", gap: 8, marginBottom: 12 }, children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: C,
+          onChange: (i) => s(i.target.value),
+          placeholder: "Search songs or artists…",
+          style: { flex: 1 }
+        }
+      ),
+      /* @__PURE__ */ t("select", { value: u, onChange: (i) => k(i.target.value), children: [
+        /* @__PURE__ */ e("option", { value: "", children: "All Difficulties" }),
+        n.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
+      ] })
+    ] }),
+    /* @__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("div", { className: "nice-karaoke-picker__song", style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", borderBottom: "1px solid #eee" }, children: [
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("strong", { children: i.title }),
+        " — ",
+        i.artist,
+        i.difficulty && /* @__PURE__ */ t("span", { style: { marginLeft: 8, fontSize: 12, color: d(i.difficulty), fontWeight: 600 }, children: [
+          "[",
+          i.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: [
+          "(",
+          i.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" }) })
+    ] }, i.id)) }),
+    y.length > 0 && /* @__PURE__ */ t("div", { className: "nice-karaoke-picker__queue", style: { marginTop: 16 }, children: [
+      /* @__PURE__ */ t("h4", { children: [
+        "🎶 Queue (",
+        y.length,
+        ")"
+      ] }),
+      y.map((i, h) => /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "space-between", padding: "4px 0" }, children: [
+        /* @__PURE__ */ t("span", { children: [
+          /* @__PURE__ */ t("strong", { children: [
+            h + 1,
+            "."
+          ] }),
+          " ",
+          i.title,
+          " — ",
+          i.artist,
+          i.performerName && /* @__PURE__ */ t("em", { children: [
+            " (",
+            i.performerName,
+            ")"
+          ] })
+        ] }),
+        !S && v && /* @__PURE__ */ e("button", { onClick: () => v(i.id), style: { fontSize: 12 }, children: "✕" })
+      ] }, i.id))
+    ] })
+  ] });
+}), ee = {
+  game: "🎮",
+  music: "🎵",
+  dance: "💃",
+  quiz: "❓",
+  karaoke: "🎤",
+  photo: "📸",
+  custom: "✨"
+}, _e = {
+  game: "Games",
+  music: "Music",
+  dance: "Dance",
+  quiz: "Quiz",
+  karaoke: "Karaoke",
+  photo: "Photo",
+  custom: "Custom"
+}, Re = P(function(x, A) {
+  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));
+        }
+      );
+    }
+    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 /* @__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",
+        {
+          className: "nice-attraction-picker__card",
+          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"
+          },
+          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"
+                }
+              )
+            ] })
+          ]
+        },
+        l.id
+      );
+    }) })
+  ] });
+}), fe = {
+  game: "🎮",
+  music: "🎵",
+  dance: "💃",
+  quiz: "❓",
+  karaoke: "🎤",
+  photo: "📸",
+  custom: "✨"
+}, Pe = P(function(x, A) {
+  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) {
+      case "votes":
+        n.sort((d, i) => (i.votes ?? 0) - (d.votes ?? 0));
+        break;
+      case "name":
+        n.sort((d, i) => d.name.localeCompare(i.name));
+        break;
+      case "category":
+        n.sort((d, i) => d.category.localeCompare(i.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) => {
+    switch (n) {
+      case 0:
+        return "🥇";
+      case 1:
+        return "🥈";
+      case 2:
+        return "🥉";
+      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", { style: { fontSize: 13, color: "#666", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: n.description }),
+              N && /* @__PURE__ */ e("div", { style: { marginTop: 4, height: 6, borderRadius: 3, background: "#e0e0e0", overflow: "hidden" }, children: /* @__PURE__ */ e("div", { style: { height: "100%", width: l, background: "#1976d2", 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)
+    ] })
+  ] });
+});
+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
+};