@nice2dev/ui 1.0.4 → 1.0.6

package/dist/NiceModuleLifecyclePanel-BapdidD6.js

@@ -0,0 +1,4776 @@
+import { jsxs as c, jsx as e, Fragment as Le } from "react/jsx-runtime";
+import $e, { useState as R, useCallback as L, useId as Xe, useRef as he, useEffect as re, forwardRef as ne, useMemo as le, useContext as Ge, createContext as Je } from "react";
+import { c as Se, d as ke, a as ce, g as Ze, u as ie, b as oe } from "./core-CfXsl755.js";
+import { b as ae, a as Ce, N as Ye, c as Ie } from "./NiceButton-DmTHNHet.js";
+import { a as Re, b as qe, N as en } from "./NiceToggle-C1UKGXmJ.js";
+const ia = ({
+  tabs: n,
+  activeTab: a,
+  onChange: i,
+  variant: l = "default",
+  vertical: s,
+  size: h = "md",
+  className: o,
+  style: b,
+  displayStyle: r
+}) => {
+  const t = Se("tab", r), u = ke("tab", r), [m, w] = R(a || n[0]?.id), d = a ?? m, g = L(
+    (M) => {
+      w(M), i?.(M);
+    },
+    [i]
+  ), z = n.find((M) => M.id === d)?.content;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `nice-tabs nice-tabs--${h} nice-tabs--ds-${u} ${o || ""}`,
+      style: { ...t, ...b, ...s ? { display: "flex", gap: 16 } : {} },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `nice-tabs__list ${l !== "default" ? `nice-tabs__list--${l}` : ""} ${s ? "nice-tabs__list--vertical" : ""}`,
+            role: "tablist",
+            children: n.map((M) => /* @__PURE__ */ c(
+              "button",
+              {
+                role: "tab",
+                "aria-selected": d === M.id,
+                className: `nice-tabs__tab ${d === M.id ? "nice-tabs__tab--active" : ""} ${M.disabled ? "nice-tabs__tab--disabled" : ""}`,
+                disabled: M.disabled,
+                onClick: () => g(M.id),
+                children: [
+                  M.icon,
+                  /* @__PURE__ */ e("span", { children: M.label }),
+                  M.badge !== void 0 && /* @__PURE__ */ e("span", { className: "nice-tabs__badge", children: M.badge })
+                ]
+              },
+              M.id
+            ))
+          }
+        ),
+        z && /* @__PURE__ */ e("div", { className: "nice-tabs__panel", role: "tabpanel", children: z })
+      ]
+    }
+  );
+}, ca = ({
+  items: n,
+  multiple: a = !1,
+  defaultOpen: i = [],
+  size: l = "md",
+  className: s,
+  style: h,
+  displayStyle: o
+}) => {
+  ke("card", o);
+  const [b, r] = R(new Set(i)), t = Xe(), u = L(
+    (m) => {
+      r((w) => {
+        const d = new Set(w);
+        return d.has(m) ? d.delete(m) : (a || d.clear(), d.add(m)), d;
+      });
+    },
+    [a]
+  );
+  return /* @__PURE__ */ e("div", { className: `nice-accordion nice-accordion--${l} ${s || ""}`, style: h, children: n.map((m, w) => {
+    const d = b.has(m.id), g = `${t}-trigger-${w}`, z = `${t}-panel-${w}`;
+    return /* @__PURE__ */ c("div", { className: "nice-accordion__item", children: [
+      /* @__PURE__ */ c(
+        "button",
+        {
+          id: g,
+          className: "nice-accordion__trigger",
+          onClick: () => !m.disabled && u(m.id),
+          "aria-expanded": d,
+          "aria-controls": z,
+          "aria-disabled": m.disabled,
+          disabled: m.disabled,
+          children: [
+            /* @__PURE__ */ e("span", { children: m.title }),
+            /* @__PURE__ */ e(
+              "svg",
+              {
+                className: `nice-accordion__chevron ${d ? "nice-accordion__chevron--open" : ""}`,
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ e(
+        "div",
+        {
+          id: z,
+          className: "nice-accordion__content",
+          role: "region",
+          "aria-labelledby": g,
+          children: m.content
+        }
+      )
+    ] }, m.id);
+  }) });
+}, la = ({
+  items: n,
+  separator: a = "/",
+  size: i = "md",
+  className: l,
+  style: s
+}) => /* @__PURE__ */ e(
+  "nav",
+  {
+    className: `nice-breadcrumb nice-breadcrumb--${i} ${l || ""}`,
+    style: s,
+    "aria-label": "Breadcrumb",
+    children: n.map((h, o) => /* @__PURE__ */ c($e.Fragment, { children: [
+      o > 0 && /* @__PURE__ */ e("span", { className: "nice-breadcrumb__separator", children: a }),
+      o === n.length - 1 ? /* @__PURE__ */ e("span", { className: "nice-breadcrumb__current", "aria-current": "page", children: h.label }) : /* @__PURE__ */ e("span", { className: "nice-breadcrumb__item", children: /* @__PURE__ */ e(
+        "a",
+        {
+          className: "nice-breadcrumb__link",
+          href: h.href,
+          onClick: (b) => {
+            h.onClick && (b.preventDefault(), h.onClick());
+          },
+          children: h.label
+        }
+      ) })
+    ] }, o))
+  }
+);
+function nn(n, a, i) {
+  const l = [], s = Math.max(2, n - i), h = Math.min(a - 1, n + i);
+  l.push(1), s > 2 && l.push("dots");
+  for (let o = s; o <= h; o++) l.push(o);
+  return h < a - 1 && l.push("dots"), a > 1 && l.push(a), l;
+}
+const ta = ({
+  page: n,
+  totalPages: a,
+  onChange: i,
+  showInfo: l,
+  siblingCount: s = 1,
+  size: h = "md",
+  className: o,
+  style: b
+}) => {
+  const r = nn(n, a, s);
+  return /* @__PURE__ */ c(
+    "nav",
+    {
+      className: `nice-pagination nice-pagination--${h} ${o || ""}`,
+      style: b,
+      "aria-label": "Pagination",
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-pagination__btn",
+            disabled: n <= 1,
+            onClick: () => i(n - 1),
+            "aria-label": "Previous",
+            children: /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z",
+                clipRule: "evenodd"
+              }
+            ) })
+          }
+        ),
+        r.map(
+          (t, u) => t === "dots" ? /* @__PURE__ */ e("span", { className: "nice-pagination__ellipsis", children: "…" }, `dots-${u}`) : /* @__PURE__ */ e(
+            "button",
+            {
+              className: `nice-pagination__btn ${t === n ? "nice-pagination__btn--active" : ""}`,
+              onClick: () => i(t),
+              "aria-current": t === n ? "page" : void 0,
+              children: t
+            },
+            t
+          )
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-pagination__btn",
+            disabled: n >= a,
+            onClick: () => i(n + 1),
+            "aria-label": "Next",
+            children: /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+                clipRule: "evenodd"
+              }
+            ) })
+          }
+        ),
+        l && /* @__PURE__ */ c("span", { className: "nice-pagination__info", children: [
+          n,
+          " / ",
+          a
+        ] })
+      ]
+    }
+  );
+}, sa = ({
+  children: n,
+  title: a,
+  headerExtra: i,
+  footer: l,
+  hoverable: s,
+  onClick: h,
+  size: o = "md",
+  className: b,
+  style: r,
+  displayStyle: t
+}) => {
+  const u = Se("card", t), m = ke("card", t);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `nice-card nice-card--${o} nice-card--ds-${m} ${s ? "nice-card--hoverable" : ""} ${h ? "nice-card--clickable" : ""} ${b || ""}`,
+      style: { ...u, ...r },
+      onClick: h,
+      role: h ? "button" : void 0,
+      tabIndex: h ? 0 : void 0,
+      children: [
+        (a || i) && /* @__PURE__ */ c("div", { className: "nice-card__header", children: [
+          a && /* @__PURE__ */ e("h3", { className: "nice-card__title", children: a }),
+          i
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-card__body", children: n }),
+        l && /* @__PURE__ */ e("div", { className: "nice-card__footer", children: l })
+      ]
+    }
+  );
+}, an = ({
+  items: n,
+  orientation: a = "horizontal",
+  onItemClick: i,
+  size: l = "md",
+  className: s,
+  style: h,
+  accessMode: o,
+  id: b,
+  displayStyle: r
+}) => {
+  if (Se("menu", r), ke("menu", r), ce(o, b) === "hidden") return null;
+  const [u, m] = R(null), [w, d] = R(-1), g = he(null), z = n.filter((f) => !f.disabled), M = L(
+    (f) => {
+      const $ = a === "horizontal", p = $ ? "ArrowLeft" : "ArrowUp", y = $ ? "ArrowRight" : "ArrowDown";
+      if (f.key === p)
+        f.preventDefault(), d((x) => x <= 0 ? z.length - 1 : x - 1);
+      else if (f.key === y)
+        f.preventDefault(), d((x) => x >= z.length - 1 ? 0 : x + 1);
+      else if (f.key === "Enter" || f.key === " ") {
+        f.preventDefault();
+        const x = z[w];
+        x && (x.items?.length ? m(u === x.key ? null : x.key) : (x.onClick?.(), i?.(x)));
+      } else f.key === "Escape" && m(null);
+    },
+    [a, z, w, u, i]
+  ), T = (f, $) => {
+    const p = f.items && f.items.length > 0, y = u === f.key, x = z[w]?.key === f.key;
+    return /* @__PURE__ */ c(
+      "li",
+      {
+        className: `nice-menu__item ${f.disabled ? "nice-menu__item--disabled" : ""} ${p ? "nice-menu__item--has-children" : ""} ${x ? "nice-menu__item--focused" : ""}`,
+        onMouseEnter: () => p && m(f.key),
+        onMouseLeave: () => p && m(null),
+        role: "none",
+        children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: "nice-menu__link",
+              disabled: f.disabled,
+              tabIndex: x ? 0 : -1,
+              role: "menuitem",
+              "aria-haspopup": p || void 0,
+              "aria-expanded": p ? y : void 0,
+              onClick: () => {
+                f.disabled || (f.onClick?.(), i?.(f));
+              },
+              children: [
+                f.icon && /* @__PURE__ */ e("span", { className: "nice-menu__icon", children: f.icon }),
+                /* @__PURE__ */ e("span", { children: f.text }),
+                p && /* @__PURE__ */ e("span", { className: "nice-menu__arrow", children: "▸" })
+              ]
+            }
+          ),
+          p && y && /* @__PURE__ */ e("ul", { className: "nice-menu__submenu", role: "menu", children: f.items.map((C, A) => T(C)) })
+        ]
+      },
+      f.key
+    );
+  };
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      className: `nice-menu nice-menu--${a} nice-menu--${l} ${s || ""}`,
+      style: h,
+      children: /* @__PURE__ */ e(
+        "ul",
+        {
+          ref: g,
+          className: "nice-menu__list",
+          role: "menubar",
+          tabIndex: 0,
+          onKeyDown: M,
+          onFocus: () => w < 0 && d(0),
+          children: n.map((f, $) => T(f))
+        }
+      )
+    }
+  );
+};
+an.displayName = "NiceMenu";
+const ra = ({
+  items: n,
+  target: a,
+  onItemClick: i,
+  size: l = "md",
+  className: s,
+  style: h
+}) => {
+  const [o, b] = R(null), r = he(null);
+  return Ze(r, () => b(null)), re(() => {
+    const t = a.current;
+    if (!t) return;
+    const u = (m) => {
+      m.preventDefault(), b({ x: m.clientX, y: m.clientY });
+    };
+    return t.addEventListener("contextmenu", u), () => t.removeEventListener("contextmenu", u);
+  }, [a]), o ? /* @__PURE__ */ e(
+    "div",
+    {
+      ref: r,
+      className: `nice-contextmenu nice-contextmenu--${l} ${s || ""}`,
+      style: { position: "fixed", left: o.x, top: o.y, zIndex: 1e4, ...h },
+      children: /* @__PURE__ */ e("ul", { className: "nice-contextmenu__list", role: "menu", children: n.map((t) => /* @__PURE__ */ e(
+        "li",
+        {
+          className: `nice-contextmenu__item ${t.disabled ? "nice-contextmenu__item--disabled" : ""}`,
+          role: "none",
+          children: /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: "nice-contextmenu__btn",
+              disabled: t.disabled,
+              "aria-disabled": t.disabled,
+              role: "menuitem",
+              onClick: () => {
+                t.onClick?.(), i?.(t), b(null);
+              },
+              children: [
+                t.icon && /* @__PURE__ */ e("span", { className: "nice-contextmenu__icon", "aria-hidden": "true", children: t.icon }),
+                /* @__PURE__ */ e("span", { children: t.text })
+              ]
+            }
+          )
+        },
+        t.key
+      )) })
+    }
+  ) : null;
+}, oa = ({
+  items: n,
+  selectedIndex: a,
+  onSelectedIndexChange: i,
+  animationEnabled: l = !0,
+  size: s = "md",
+  className: h,
+  style: o,
+  accessMode: b,
+  id: r
+}) => {
+  if (ce(b, r) === "hidden") return null;
+  const [u, m] = R(0), d = n[a ?? u];
+  return d ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: `nice-multiview nice-multiview--${s} ${l ? "nice-multiview--animated" : ""} ${h || ""}`,
+      style: o,
+      children: /* @__PURE__ */ e("div", { className: "nice-multiview__content", children: d.render() }, d.key)
+    }
+  ) : null;
+}, da = ({
+  items: n,
+  selectedKey: a,
+  onSelectedKeyChange: i,
+  tabPosition: l = "top",
+  size: s = "md",
+  className: h,
+  style: o,
+  displayStyle: b
+}) => {
+  ke("tab", b);
+  const [r, t] = R(n[0]?.key ?? ""), u = a ?? r, m = (z) => {
+    i ? i(z) : t(z);
+  }, w = n.find((z) => z.key === u), d = l === "left" || l === "right", g = /* @__PURE__ */ e(
+    "div",
+    {
+      className: "nice-tabpanel__tabs",
+      role: "tablist",
+      style: { display: "flex", flexDirection: d ? "column" : "row" },
+      children: n.map((z) => /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          className: `nice-tabpanel__tab ${z.key === u ? "nice-tabpanel__tab--active" : ""}`,
+          disabled: z.disabled,
+          onClick: () => !z.disabled && m(z.key),
+          "aria-selected": z.key === u,
+          children: [
+            z.icon && /* @__PURE__ */ e("span", { className: "nice-tabpanel__tab-icon", children: z.icon }),
+            /* @__PURE__ */ e("span", { children: z.title }),
+            z.badge && /* @__PURE__ */ e("span", { className: "nice-tabpanel__tab-badge", children: z.badge })
+          ]
+        },
+        z.key
+      ))
+    }
+  );
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `nice-tabpanel nice-tabpanel--${l} ${h || ""}`,
+      style: { display: "flex", flexDirection: d ? "row" : "column", ...o },
+      children: [
+        (l === "top" || l === "left") && g,
+        /* @__PURE__ */ e("div", { className: "nice-tabpanel__content", role: "tabpanel", children: w?.render() }),
+        (l === "bottom" || l === "right") && g
+      ]
+    }
+  );
+}, ua = ({
+  panes: n,
+  orientation: a = "horizontal",
+  gutterSize: i = 6,
+  onResize: l,
+  className: s,
+  style: h,
+  accessMode: o,
+  id: b
+}) => {
+  if (ce(o, b) === "hidden") return null;
+  const t = he(null), [u, m] = R(
+    () => n.map(() => 100 / n.length)
+  ), w = L((g, z) => {
+    z.preventDefault();
+    const M = t.current;
+    if (!M) return;
+    const T = a === "horizontal", f = T ? M.offsetWidth : M.offsetHeight, $ = T ? z.clientX : z.clientY, p = [...u], y = (C) => {
+      const A = ((T ? C.clientX : C.clientY) - $) / f * 100, S = [...p], k = n[g].minSize ? n[g].minSize / f * 100 : 5, N = n[g + 1].minSize ? n[g + 1].minSize / f * 100 : 5;
+      let D = p[g] + A, _ = p[g + 1] - A;
+      D < k && (D = k, _ = p[g] + p[g + 1] - k), _ < N && (_ = N, D = p[g] + p[g + 1] - N), S[g] = D, S[g + 1] = _, m(S), l?.(S);
+    }, x = () => {
+      document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", x);
+    };
+    document.addEventListener("pointermove", y), document.addEventListener("pointerup", x);
+  }, [u, a, n, l]), d = a === "horizontal";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      className: `nice-splitter nice-splitter--${a} ${s || ""}`,
+      style: { display: "flex", flexDirection: d ? "row" : "column", height: "100%", ...h },
+      children: n.map((g, z) => /* @__PURE__ */ c($e.Fragment, { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "nice-splitter__pane",
+            style: { [d ? "width" : "height"]: `calc(${u[z]}% - ${i * (n.length - 1) / n.length}px)`, overflow: "auto" },
+            children: g.render()
+          }
+        ),
+        z < n.length - 1 && /* @__PURE__ */ e(
+          "div",
+          {
+            className: `nice-splitter__gutter nice-splitter__gutter--${a}`,
+            style: { [d ? "width" : "height"]: i, cursor: d ? "col-resize" : "row-resize", flexShrink: 0 },
+            onPointerDown: (M) => w(z, M)
+          }
+        )
+      ] }, g.key))
+    }
+  );
+}, _a = ({
+  items: n,
+  size: a = "md",
+  className: i,
+  style: l,
+  accessMode: s,
+  id: h
+}) => {
+  if (ce(s, h) === "hidden") return null;
+  const b = n.filter((m) => !m.location || m.location === "before"), r = n.filter((m) => m.location === "center"), t = n.filter((m) => m.location === "after"), u = (m) => m.widget === "separator" ? /* @__PURE__ */ e("div", { className: "nice-toolbar__separator" }, m.key) : m.widget === "spacer" ? /* @__PURE__ */ e("div", { className: "nice-toolbar__spacer", style: { flex: 1 } }, m.key) : m.render ? /* @__PURE__ */ e("div", { className: "nice-toolbar__custom", children: m.render() }, m.key) : /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      className: `nice-toolbar__btn nice-btn nice-btn--ghost nice-btn--${a}`,
+      disabled: m.disabled,
+      onClick: m.onClick,
+      children: [
+        m.icon && /* @__PURE__ */ e("span", { className: "nice-toolbar__icon", children: m.icon }),
+        m.text && /* @__PURE__ */ e("span", { children: m.text })
+      ]
+    },
+    m.key
+  );
+  return /* @__PURE__ */ c("div", { className: `nice-toolbar ${i || ""}`, style: { display: "flex", alignItems: "center", gap: 4, ...l }, children: [
+    /* @__PURE__ */ e("div", { className: "nice-toolbar__section nice-toolbar__section--before", style: { display: "flex", alignItems: "center", gap: 4 }, children: b.map(u) }),
+    r.length > 0 && /* @__PURE__ */ e("div", { className: "nice-toolbar__section nice-toolbar__section--center", style: { display: "flex", alignItems: "center", gap: 4, flex: 1, justifyContent: "center" }, children: r.map(u) }),
+    /* @__PURE__ */ e("div", { className: "nice-toolbar__section nice-toolbar__section--after", style: { display: "flex", alignItems: "center", gap: 4, marginLeft: r.length === 0 ? "auto" : void 0 }, children: t.map(u) })
+  ] });
+}, cn = ne(({
+  panels: n,
+  columns: a = 12,
+  rowHeight: i = 80,
+  gap: l = 8,
+  draggable: s = !0,
+  resizable: h = !0,
+  onLayoutChange: o,
+  className: b,
+  style: r,
+  id: t
+}, u) => {
+  const m = ie(t), [w, d] = R(null), g = he(null), z = L((y, x) => {
+    s && (d(x), y.dataTransfer.effectAllowed = "move");
+  }, [s]), M = L((y, x) => {
+    if (y.preventDefault(), !w || w === x) return;
+    const C = n.find((k) => k.key === w), A = n.find((k) => k.key === x);
+    if (!C || !A) return;
+    const S = n.map((k) => k.key === w ? { ...k, col: A.col, row: A.row } : k.key === x ? { ...k, col: C.col, row: C.row } : k);
+    o?.(S), d(null);
+  }, [w, n, o]), T = L((y) => {
+    y.preventDefault();
+  }, []), f = he(null);
+  re(() => {
+    if (!h) return;
+    const y = (C) => {
+      if (!f.current || !g.current) return;
+      const { key: A, startX: S, startY: k, cs: N, rs: D } = f.current, _ = C.clientX - S, Y = C.clientY - k, K = g.current.clientWidth / a, Q = Math.max(1, N + Math.round(_ / K)), W = Math.max(1, D + Math.round(Y / i)), V = n.map((j) => j.key === A ? { ...j, colSpan: Q, rowSpan: W } : j);
+      o?.(V);
+    }, x = () => {
+      f.current = null;
+    };
+    return document.addEventListener("mousemove", y), document.addEventListener("mouseup", x), () => {
+      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", x);
+    };
+  }, [h, n, a, i, o]);
+  const $ = L((y, x, C, A) => {
+    y.stopPropagation(), f.current = { key: x, startX: y.clientX, startY: y.clientY, cs: C, rs: A };
+  }, []), p = Math.max(...n.map((y) => y.row + (y.rowSpan ?? 1)), 1);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: u,
+      id: m,
+      className: `nice-dashboard ${b || ""}`,
+      style: r,
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          ref: g,
+          className: "nice-dashboard__grid",
+          style: {
+            display: "grid",
+            gridTemplateColumns: `repeat(${a}, 1fr)`,
+            gridTemplateRows: `repeat(${p}, ${i}px)`,
+            gap: l
+          },
+          children: n.map((y) => /* @__PURE__ */ c(
+            "div",
+            {
+              className: `nice-dashboard__panel${w === y.key ? " nice-dashboard__panel--dragging" : ""}`,
+              style: {
+                gridColumn: `${y.col + 1} / span ${y.colSpan ?? 1}`,
+                gridRow: `${y.row + 1} / span ${y.rowSpan ?? 1}`
+              },
+              draggable: s,
+              onDragStart: (x) => z(x, y.key),
+              onDragOver: T,
+              onDrop: (x) => M(x, y.key),
+              children: [
+                /* @__PURE__ */ e("div", { className: "nice-dashboard__panel-content", children: y.render() }),
+                h && /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "nice-dashboard__resize-handle",
+                    onMouseDown: (x) => $(x, y.key, y.colSpan ?? 1, y.rowSpan ?? 1)
+                  }
+                )
+              ]
+            },
+            y.key
+          ))
+        }
+      )
+    }
+  );
+});
+cn.displayName = "NiceDashboardLayout";
+const ln = ne(({
+  header: n,
+  sidebar: a,
+  sidebarWidth: i = 260,
+  sidebarCollapsed: l,
+  onToggleSidebar: s,
+  children: h,
+  footer: o,
+  className: b,
+  style: r,
+  id: t
+}, u) => {
+  const m = ie(t), [w, d] = R(!1), g = l ?? w, z = L(() => {
+    const M = !g;
+    d(M), s?.(M);
+  }, [g, s]);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: u,
+      id: m,
+      className: `nice-app-layout${g ? " nice-app-layout--collapsed" : ""} ${b || ""}`,
+      style: r,
+      children: [
+        n && /* @__PURE__ */ e("header", { className: "nice-app-layout__header", children: n }),
+        /* @__PURE__ */ c("div", { className: "nice-app-layout__body", children: [
+          a && /* @__PURE__ */ e(
+            "aside",
+            {
+              className: "nice-app-layout__sidebar",
+              style: { width: g ? 0 : i, overflow: "hidden", transition: "width 0.2s" },
+              children: !g && a
+            }
+          ),
+          a && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-app-layout__sidebar-toggle",
+              onClick: z,
+              "aria-label": g ? "Open sidebar" : "Close sidebar",
+              children: g ? "☰" : "✕"
+            }
+          ),
+          /* @__PURE__ */ e("main", { className: "nice-app-layout__content", children: h })
+        ] }),
+        o && /* @__PURE__ */ e("footer", { className: "nice-app-layout__footer", children: o })
+      ]
+    }
+  );
+});
+ln.displayName = "NiceAppLayout";
+const tn = ne(({
+  items: n,
+  activeKey: a,
+  onChange: i,
+  size: l = "md",
+  showLabels: s = !0,
+  className: h,
+  style: o,
+  id: b
+}, r) => {
+  const t = ie(b);
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      ref: r,
+      id: t,
+      className: `nice-bottom-nav nice-bottom-nav--${l} ${h || ""}`,
+      style: o,
+      role: "navigation",
+      children: n.map((u) => /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          className: `nice-bottom-nav__item${a === u.key ? " nice-bottom-nav__item--active" : ""}${u.disabled ? " nice-bottom-nav__item--disabled" : ""}`,
+          onClick: () => !u.disabled && i?.(u.key),
+          disabled: u.disabled,
+          "aria-current": a === u.key ? "page" : void 0,
+          children: [
+            u.icon && /* @__PURE__ */ e("span", { className: "nice-bottom-nav__icon", children: u.icon }),
+            s && /* @__PURE__ */ e("span", { className: "nice-bottom-nav__label", children: u.label })
+          ]
+        },
+        u.key
+      ))
+    }
+  );
+});
+tn.displayName = "NiceBottomNavigation";
+const sn = ne(({
+  items: n,
+  size: a = "md",
+  className: i,
+  style: l,
+  id: s
+}, h) => {
+  const o = ie(s), [b, r] = R(null), t = he(null);
+  re(() => {
+    if (!b) return;
+    const m = (w) => {
+      t.current && !t.current.contains(w.target) && r(null);
+    };
+    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, [b]);
+  const u = n.find((m) => m.key === b);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: h,
+      id: o,
+      className: `nice-mega-menu nice-mega-menu--${a} ${i || ""}`,
+      style: l,
+      children: [
+        /* @__PURE__ */ e("div", { ref: t, className: "nice-mega-menu__bar", role: "menubar", children: n.map((m) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-mega-menu__trigger${b === m.key ? " nice-mega-menu__trigger--active" : ""}`,
+            onMouseEnter: () => r(m.key),
+            onClick: () => r(b === m.key ? null : m.key),
+            "aria-haspopup": "true",
+            "aria-expanded": b === m.key,
+            children: m.label
+          },
+          m.key
+        )) }),
+        u && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "nice-mega-menu__dropdown",
+            onMouseLeave: () => r(null),
+            children: u.renderPanel ? u.renderPanel() : /* @__PURE__ */ e("div", { className: "nice-mega-menu__columns", children: u.columns.map((m, w) => /* @__PURE__ */ c("div", { className: "nice-mega-menu__column", children: [
+              m.header && /* @__PURE__ */ e("div", { className: "nice-mega-menu__column-header", children: m.header }),
+              /* @__PURE__ */ e("ul", { className: "nice-mega-menu__list", role: "menu", children: m.items.map((d) => /* @__PURE__ */ e(
+                "li",
+                {
+                  className: `nice-mega-menu__item${d.disabled ? " nice-mega-menu__item--disabled" : ""}`,
+                  role: "menuitem",
+                  children: d.href ? /* @__PURE__ */ c("a", { href: d.href, className: "nice-mega-menu__link", children: [
+                    d.icon && /* @__PURE__ */ e("span", { className: "nice-mega-menu__icon", children: d.icon }),
+                    d.label
+                  ] }) : /* @__PURE__ */ c(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-mega-menu__link",
+                      disabled: d.disabled,
+                      onClick: () => {
+                        d.onClick?.(), r(null);
+                      },
+                      children: [
+                        d.icon && /* @__PURE__ */ e("span", { className: "nice-mega-menu__icon", children: d.icon }),
+                        d.label
+                      ]
+                    }
+                  )
+                },
+                d.key
+              )) })
+            ] }, w)) })
+          }
+        )
+      ]
+    }
+  );
+});
+sn.displayName = "NiceMegaMenu";
+const rn = ne(
+  ({
+    items: n,
+    position: a = "bottom",
+    size: i = "md",
+    magnify: l = !0,
+    magnifyScale: s = 1.5,
+    activeKey: h,
+    onItemClick: o,
+    className: b,
+    style: r,
+    id: t,
+    ...u
+  }, m) => {
+    const w = ie(t), { t: d } = oe(), [g, z] = R(null), M = L(
+      (f) => {
+        if (!l || g === null) return 1;
+        const $ = Math.abs(f - g);
+        return $ === 0 ? s : $ === 1 ? 1 + (s - 1) * 0.5 : $ === 2 ? 1 + (s - 1) * 0.2 : 1;
+      },
+      [l, g, s]
+    ), T = a === "left" || a === "right";
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: m,
+        id: w,
+        className: `nice-dock nice-dock--${a} nice-dock--${i} ${b ?? ""}`,
+        style: r,
+        role: "toolbar",
+        "aria-label": d("dock.label", "Dock"),
+        ...u,
+        children: /* @__PURE__ */ e("div", { className: "nice-dock__bar", style: { flexDirection: T ? "column" : "row" }, children: n.map((f, $) => {
+          const p = M($);
+          return /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: `nice-dock__item ${h === f.key ? "nice-dock__item--active" : ""} ${f.disabled ? "nice-dock__item--disabled" : ""}`,
+              style: { transform: `scale(${p})`, transition: "transform 0.15s ease-out" },
+              disabled: f.disabled,
+              onClick: () => o?.(f.key),
+              onMouseEnter: () => z($),
+              onMouseLeave: () => z(null),
+              "aria-label": f.label,
+              title: f.label,
+              children: [
+                /* @__PURE__ */ e("span", { className: "nice-dock__icon", children: f.icon }),
+                f.badge !== void 0 && /* @__PURE__ */ e("span", { className: "nice-dock__badge", children: f.badge })
+              ]
+            },
+            f.key
+          );
+        }) })
+      }
+    );
+  }
+);
+rn.displayName = "NiceDock";
+const on = ({
+  items: n,
+  label: a,
+  icon: i,
+  position: l,
+  onItemClick: s
+}) => {
+  const { t: h } = oe(), [o, b] = R(!1), [r, t] = R(null), u = he(null);
+  re(() => {
+    if (!o) return;
+    const d = (g) => {
+      u.current && !u.current.contains(g.target) && (b(!1), t(null));
+    };
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+  }, [o]), re(() => {
+    if (!o) return;
+    const d = (g) => {
+      g.key === "Escape" && (b(!1), t(null));
+    };
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, [o]);
+  const m = l === "bottom" ? "bottom-start" : l === "top" ? "top-start" : l === "left" ? "left-start" : "right-start", w = L((d) => {
+    if (d.children && d.children.length > 0) {
+      t(r === d.key ? null : d.key);
+      return;
+    }
+    d.onClick?.(), s?.(d.key), b(!1), t(null);
+  }, [s, r]);
+  return /* @__PURE__ */ c("div", { className: "nice-desktop__start", ref: u, children: [
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: `nice-desktop__start-btn ${o ? "nice-desktop__start-btn--active" : ""}`,
+        onClick: () => b(!o),
+        "aria-expanded": o,
+        "aria-haspopup": "menu",
+        "aria-label": h("desktop.start", "Start"),
+        children: [
+          i && /* @__PURE__ */ e("span", { className: "nice-desktop__start-icon", children: i }),
+          a && /* @__PURE__ */ e("span", { className: "nice-desktop__start-label", children: a }),
+          !i && !a && /* @__PURE__ */ e("span", { className: "nice-desktop__start-label", children: h("desktop.start", "Start") })
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ e(
+      "div",
+      {
+        className: `nice-desktop__start-menu nice-desktop__start-menu--${m}`,
+        role: "menu",
+        children: n.map((d) => /* @__PURE__ */ c($e.Fragment, { children: [
+          d.divider && /* @__PURE__ */ e("div", { className: "nice-desktop__start-divider" }),
+          /* @__PURE__ */ c("div", { className: "nice-desktop__start-item-wrap", children: [
+            /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                className: `nice-desktop__start-item ${r === d.key ? "nice-desktop__start-item--open" : ""}`,
+                disabled: d.disabled,
+                onClick: () => w(d),
+                role: "menuitem",
+                children: [
+                  d.icon && /* @__PURE__ */ e("span", { className: "nice-desktop__start-item-icon", children: d.icon }),
+                  /* @__PURE__ */ e("span", { className: "nice-desktop__start-item-label", children: d.label }),
+                  d.children && d.children.length > 0 && /* @__PURE__ */ e("span", { className: "nice-desktop__start-item-arrow", children: "▸" })
+                ]
+              }
+            ),
+            d.children && r === d.key && /* @__PURE__ */ e("div", { className: "nice-desktop__start-submenu", role: "menu", children: d.children.map((g) => /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                className: "nice-desktop__start-item",
+                disabled: g.disabled,
+                onClick: () => w(g),
+                role: "menuitem",
+                children: [
+                  g.icon && /* @__PURE__ */ e("span", { className: "nice-desktop__start-item-icon", children: g.icon }),
+                  /* @__PURE__ */ e("span", { className: "nice-desktop__start-item-label", children: g.label })
+                ]
+              },
+              g.key
+            )) })
+          ] })
+        ] }, d.key))
+      }
+    )
+  ] });
+}, Fe = ({
+  items: n,
+  position: a,
+  size: i,
+  startMenu: l,
+  systemTray: s,
+  onItemClick: h
+}) => {
+  const b = a === "left" || a === "right" ? { width: i, height: "100%" } : { height: i, width: "100%" };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `nice-desktop__taskbar nice-desktop__taskbar--${a}`,
+      style: b,
+      role: "toolbar",
+      "aria-label": "Taskbar",
+      children: [
+        l,
+        /* @__PURE__ */ e("div", { className: "nice-desktop__taskbar-items", children: n.map((r) => /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: `nice-desktop__taskbar-btn ${r.active ? "nice-desktop__taskbar-btn--active" : ""} ${r.minimized ? "nice-desktop__taskbar-btn--minimized" : ""}`,
+            onClick: () => h?.(r.key),
+            title: r.label,
+            children: [
+              r.icon && /* @__PURE__ */ e("span", { className: "nice-desktop__taskbar-btn-icon", children: r.icon }),
+              /* @__PURE__ */ e("span", { className: "nice-desktop__taskbar-btn-label", children: r.label }),
+              r.badge !== void 0 && /* @__PURE__ */ e("span", { className: "nice-desktop__taskbar-btn-badge", children: r.badge })
+            ]
+          },
+          r.key
+        )) }),
+        s
+      ]
+    }
+  );
+}, dn = ({
+  items: n,
+  showClock: a = !0,
+  onItemClick: i
+}) => {
+  const [l, s] = R(() => /* @__PURE__ */ new Date());
+  return re(() => {
+    if (!a) return;
+    const h = setInterval(() => s(/* @__PURE__ */ new Date()), 3e4);
+    return () => clearInterval(h);
+  }, [a]), /* @__PURE__ */ c("div", { className: "nice-desktop__tray", children: [
+    n.map((h) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "nice-desktop__tray-item",
+        title: h.tooltip,
+        onClick: () => {
+          h.onClick?.(), i?.(h.key);
+        },
+        children: h.icon
+      },
+      h.key
+    )),
+    a && /* @__PURE__ */ e("span", { className: "nice-desktop__tray-clock", children: l.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+  ] });
+}, un = ({
+  icons: n,
+  gridColumns: a,
+  iconSize: i,
+  onIconClick: l,
+  onIconDoubleClick: s
+}) => {
+  const [h, o] = R(null), b = L((t) => {
+    o(t), l?.(t);
+  }, [l]), r = L((t) => {
+    s?.(t);
+  }, [s]);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `nice-desktop__grid nice-desktop__grid--${i}`,
+      style: { gridTemplateColumns: `repeat(${a}, 1fr)` },
+      children: n.map((t) => /* @__PURE__ */ c(
+        "div",
+        {
+          className: `nice-desktop__icon ${h === t.key ? "nice-desktop__icon--selected" : ""} ${t.disabled ? "nice-desktop__icon--disabled" : ""}`,
+          style: t.gridCol != null || t.gridRow != null ? { gridColumn: t.gridCol, gridRow: t.gridRow } : void 0,
+          onClick: () => !t.disabled && b(t.key),
+          onDoubleClick: () => !t.disabled && r(t.key),
+          role: "button",
+          tabIndex: t.disabled ? -1 : 0,
+          "aria-label": t.label,
+          onKeyDown: (u) => {
+            t.disabled || (u.key === "Enter" && r(t.key), u.key === " " && (u.preventDefault(), b(t.key)));
+          },
+          children: [
+            /* @__PURE__ */ e("div", { className: "nice-desktop__icon-img", children: t.icon }),
+            /* @__PURE__ */ e("span", { className: "nice-desktop__icon-label", children: t.label })
+          ]
+        },
+        t.key
+      ))
+    }
+  );
+}, _n = ({
+  items: n,
+  x: a,
+  y: i,
+  onItemClick: l,
+  onClose: s
+}) => {
+  const h = he(null);
+  return re(() => {
+    const o = (b) => {
+      h.current && !h.current.contains(b.target) && s();
+    };
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [s]), re(() => {
+    const o = (b) => {
+      b.key === "Escape" && s();
+    };
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [s]), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: h,
+      className: "nice-desktop__context-menu",
+      style: { position: "fixed", left: a, top: i },
+      role: "menu",
+      children: n.map((o) => /* @__PURE__ */ c($e.Fragment, { children: [
+        o.divider && /* @__PURE__ */ e("div", { className: "nice-desktop__context-divider" }),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: "nice-desktop__context-item",
+            disabled: o.disabled,
+            onClick: () => {
+              o.onClick?.(), l?.(o.key), s();
+            },
+            role: "menuitem",
+            children: [
+              o.icon && /* @__PURE__ */ e("span", { className: "nice-desktop__context-icon", children: o.icon }),
+              /* @__PURE__ */ e("span", { children: o.label })
+            ]
+          }
+        )
+      ] }, o.key))
+    }
+  );
+}, hn = ne(
+  ({
+    icons: n = [],
+    taskbarPosition: a = "bottom",
+    taskbarSize: i = 40,
+    startMenuItems: l = [],
+    startMenuLabel: s,
+    startMenuIcon: h,
+    taskbarItems: o = [],
+    systemTrayItems: b = [],
+    showClock: r = !0,
+    wallpaper: t,
+    gridColumns: u = 8,
+    iconSize: m = "md",
+    onIconClick: w,
+    onIconDoubleClick: d,
+    onTaskbarItemClick: g,
+    onStartMenuItemClick: z,
+    onSystemTrayItemClick: M,
+    contextMenuItems: T,
+    onContextMenuItemClick: f,
+    children: $,
+    className: p,
+    style: y,
+    id: x,
+    accessMode: C,
+    ...A
+  }, S) => {
+    const k = ie(x);
+    if (ce(C, x) === "hidden") return null;
+    const [D, _] = R(null), Y = L(
+      (V) => {
+        !T || T.length === 0 || (V.preventDefault(), _({ x: V.clientX, y: V.clientY }));
+      },
+      [T]
+    ), K = l.length > 0 ? /* @__PURE__ */ e(
+      on,
+      {
+        items: l,
+        label: s,
+        icon: h,
+        position: a,
+        onItemClick: z
+      }
+    ) : null, Q = /* @__PURE__ */ e(
+      dn,
+      {
+        items: b,
+        showClock: r,
+        onItemClick: M
+      }
+    ), W = {
+      ...y,
+      ...t ? { background: t } : {}
+    };
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: S,
+        id: k,
+        className: `nice-desktop nice-desktop--taskbar-${a} ${p ?? ""}`,
+        style: W,
+        ...A,
+        children: [
+          (a === "top" || a === "left") && /* @__PURE__ */ e(
+            Fe,
+            {
+              items: o,
+              position: a,
+              size: i,
+              startMenu: K,
+              systemTray: Q,
+              onItemClick: g
+            }
+          ),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: "nice-desktop__area",
+              onContextMenu: Y,
+              children: [
+                n.length > 0 && /* @__PURE__ */ e(
+                  un,
+                  {
+                    icons: n,
+                    gridColumns: u,
+                    iconSize: m,
+                    onIconClick: w,
+                    onIconDoubleClick: d
+                  }
+                ),
+                $,
+                D && T && /* @__PURE__ */ e(
+                  _n,
+                  {
+                    items: T,
+                    x: D.x,
+                    y: D.y,
+                    onItemClick: f,
+                    onClose: () => _(null)
+                  }
+                )
+              ]
+            }
+          ),
+          (a === "bottom" || a === "right") && /* @__PURE__ */ e(
+            Fe,
+            {
+              items: o,
+              position: a,
+              size: i,
+              startMenu: K,
+              systemTray: Q,
+              onItemClick: g
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+hn.displayName = "NiceDesktop";
+const mn = ({ commands: n, onSelect: a, onClose: i }) => {
+  const [l, s] = R(""), h = he(null), { t: o } = oe();
+  re(() => {
+    h.current?.focus();
+  }, []), re(() => {
+    const r = (t) => {
+      t.key === "Escape" && i();
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [i]);
+  const b = l ? n.filter((r) => r.label.toLowerCase().includes(l.toLowerCase())) : n;
+  return /* @__PURE__ */ c(Le, { children: [
+    /* @__PURE__ */ e("div", { className: "nice-console__palette-overlay", onClick: i }),
+    /* @__PURE__ */ c("div", { className: "nice-console__palette", role: "dialog", "aria-label": o("console.commandPalette", "Command Palette"), children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: h,
+          className: "nice-console__palette-input",
+          placeholder: o("console.searchCommands", "Search commands..."),
+          value: l,
+          onChange: (r) => s(r.target.value),
+          onKeyDown: (r) => {
+            r.key === "Enter" && b.length > 0 && (a(b[0].key), i());
+          }
+        }
+      ),
+      /* @__PURE__ */ c("div", { className: "nice-console__palette-list", children: [
+        b.map((r) => /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: "nice-console__palette-item",
+            disabled: r.disabled,
+            onClick: () => {
+              a(r.key), i();
+            },
+            children: [
+              r.icon && /* @__PURE__ */ e("span", { className: "nice-console__palette-icon", children: r.icon }),
+              /* @__PURE__ */ e("span", { className: "nice-console__palette-label", children: r.label }),
+              r.description && /* @__PURE__ */ e("span", { className: "nice-console__palette-desc", children: r.description }),
+              r.shortcut && /* @__PURE__ */ e("span", { className: "nice-console__palette-shortcut", children: r.shortcut })
+            ]
+          },
+          r.key
+        )),
+        b.length === 0 && /* @__PURE__ */ e("div", { className: "nice-console__palette-empty", children: o("console.noCommands", "No matching commands") })
+      ] })
+    ] })
+  ] });
+}, bn = ne(
+  ({
+    tabs: n = [],
+    activeTabKey: a,
+    onTabChange: i,
+    onTabClose: l,
+    commandPalette: s = [],
+    onCommand: h,
+    statusItems: o = [],
+    toolbar: b,
+    sidePanel: r,
+    sidePanelWidth: t = 220,
+    sidePanelCollapsed: u,
+    onToggleSidePanel: m,
+    bottomPanel: w,
+    bottomPanelHeight: d = 200,
+    bottomPanelCollapsed: g,
+    onToggleBottomPanel: z,
+    children: M,
+    size: T = "md",
+    theme: f = "dark",
+    className: $,
+    style: p,
+    id: y,
+    accessMode: x,
+    ...C
+  }, A) => {
+    const S = ie(y), k = ce(x, y), { t: N } = oe();
+    if (k === "hidden") return null;
+    const [D, _] = R(n[0]?.key ?? ""), [Y, K] = R(!1), [Q, W] = R(!1), [V, j] = R(!1), J = a ?? D, B = u ?? Y, O = g ?? Q, X = L((F) => {
+      i ? i(F) : _(F);
+    }, [i]), q = L(() => {
+      const F = !B;
+      m ? m(F) : K(F);
+    }, [B, m]), me = L(() => {
+      const F = !O;
+      z ? z(F) : W(F);
+    }, [O, z]);
+    re(() => {
+      if (s.length === 0) return;
+      const F = (Z) => {
+        Z.ctrlKey && Z.shiftKey && Z.key === "P" && (Z.preventDefault(), j((U) => !U));
+      };
+      return document.addEventListener("keydown", F), () => document.removeEventListener("keydown", F);
+    }, [s.length]);
+    const ve = n.find((F) => F.key === J), pe = o.filter((F) => !F.position || F.position === "left"), de = o.filter((F) => F.position === "right");
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: A,
+        id: S,
+        className: `nice-console nice-console--${T} nice-console--${f} ${$ ?? ""}`,
+        style: p,
+        ...C,
+        children: [
+          b && /* @__PURE__ */ e("div", { className: "nice-console__toolbar", children: b }),
+          n.length > 0 && /* @__PURE__ */ e("div", { className: "nice-console__tabs", role: "tablist", children: n.map((F) => /* @__PURE__ */ c(
+            "div",
+            {
+              className: `nice-console__tab ${F.key === J ? "nice-console__tab--active" : ""}`,
+              role: "tab",
+              "aria-selected": F.key === J,
+              children: [
+                /* @__PURE__ */ c(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-console__tab-btn",
+                    onClick: () => X(F.key),
+                    children: [
+                      F.icon && /* @__PURE__ */ e("span", { className: "nice-console__tab-icon", children: F.icon }),
+                      /* @__PURE__ */ e("span", { children: F.label })
+                    ]
+                  }
+                ),
+                (F.closable ?? !0) && l && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-console__tab-close",
+                    onClick: () => l(F.key),
+                    "aria-label": N("console.closeTab", "Close tab"),
+                    children: "✕"
+                  }
+                )
+              ]
+            },
+            F.key
+          )) }),
+          /* @__PURE__ */ c("div", { className: "nice-console__main", children: [
+            r && !B && /* @__PURE__ */ c(
+              "aside",
+              {
+                className: "nice-console__side",
+                style: { width: t, flexShrink: 0 },
+                children: [
+                  /* @__PURE__ */ e("div", { className: "nice-console__side-header", children: /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-console__side-toggle",
+                      onClick: q,
+                      "aria-label": N("console.closeSidePanel", "Close side panel"),
+                      children: "✕"
+                    }
+                  ) }),
+                  /* @__PURE__ */ e("div", { className: "nice-console__side-content", children: r })
+                ]
+              }
+            ),
+            /* @__PURE__ */ c("div", { className: "nice-console__center", children: [
+              /* @__PURE__ */ e("div", { className: "nice-console__content", role: "tabpanel", children: ve ? ve.render() : M }),
+              w && !O && /* @__PURE__ */ c(
+                "div",
+                {
+                  className: "nice-console__bottom",
+                  style: { height: d, flexShrink: 0 },
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "nice-console__bottom-header", children: /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        className: "nice-console__bottom-toggle",
+                        onClick: me,
+                        "aria-label": N("console.closeBottomPanel", "Close bottom panel"),
+                        children: "✕"
+                      }
+                    ) }),
+                    /* @__PURE__ */ e("div", { className: "nice-console__bottom-content", children: w })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          o.length > 0 && /* @__PURE__ */ c("div", { className: "nice-console__statusbar", children: [
+            /* @__PURE__ */ c("div", { className: "nice-console__statusbar-left", children: [
+              r && B && /* @__PURE__ */ e("button", { type: "button", className: "nice-console__statusbar-btn", onClick: q, title: N("console.openSidePanel", "Open side panel"), children: "☰" }),
+              w && O && /* @__PURE__ */ e("button", { type: "button", className: "nice-console__statusbar-btn", onClick: me, title: N("console.openBottomPanel", "Open bottom panel"), children: "▁" }),
+              pe.map((F) => /* @__PURE__ */ e("span", { className: "nice-console__status-item", onClick: F.onClick, role: F.onClick ? "button" : void 0, tabIndex: F.onClick ? 0 : void 0, children: F.content }, F.key))
+            ] }),
+            /* @__PURE__ */ e("div", { className: "nice-console__statusbar-right", children: de.map((F) => /* @__PURE__ */ e("span", { className: "nice-console__status-item", onClick: F.onClick, role: F.onClick ? "button" : void 0, tabIndex: F.onClick ? 0 : void 0, children: F.content }, F.key)) })
+          ] }),
+          V && s.length > 0 && /* @__PURE__ */ e(
+            mn,
+            {
+              commands: s,
+              onSelect: (F) => h?.(F),
+              onClose: () => j(!1)
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+bn.displayName = "NiceConsole";
+const pn = ne(
+  ({
+    steps: n,
+    activeStep: a,
+    onStepChange: i,
+    onComplete: l,
+    onCancel: s,
+    allowStepClick: h = !1,
+    variant: o = "horizontal",
+    nextLabel: b,
+    prevLabel: r,
+    finishLabel: t,
+    cancelLabel: u,
+    showProgress: m = !0,
+    className: w,
+    style: d,
+    size: g = "md",
+    accessMode: z,
+    id: M
+  }, T) => {
+    if (ce(z, M) === "hidden") return null;
+    const { t: $ } = oe(), p = ie(M), [y, x] = R(0), [C, A] = R({}), [S, k] = R(/* @__PURE__ */ new Set([0])), N = a ?? y, D = n[N], _ = N === 0, Y = N === n.length - 1, K = L(
+      (O) => {
+        const X = Math.max(0, Math.min(n.length - 1, O));
+        x(X), k((q) => new Set(q).add(X)), i?.(X);
+      },
+      [n.length, i]
+    ), Q = L(() => {
+      if (!D?.validate) return !0;
+      const O = D.validate();
+      return O === !0 || O === void 0 ? (A((X) => {
+        const q = { ...X };
+        return delete q[D.id], q;
+      }), !0) : (A((X) => ({ ...X, [D.id]: O })), !1);
+    }, [D]), W = L(() => {
+      Q() && (Y ? l?.() : K(N + 1));
+    }, [N, Y, Q, K, l]), V = L(() => {
+      _ || K(N - 1);
+    }, [N, _, K]), j = L(
+      (O) => {
+        const X = n.findIndex((q) => q.id === O);
+        X >= 0 && K(X);
+      },
+      [n, K]
+    ), J = le(
+      () => ({
+        stepIndex: N,
+        totalSteps: n.length,
+        goNext: W,
+        goPrev: V,
+        goTo: j,
+        isFirst: _,
+        isLast: Y
+      }),
+      [N, n.length, W, V, j, _, Y]
+    ), B = (N + 1) / n.length * 100;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: T,
+        id: p,
+        className: `nice-wizard nice-wizard--${o} nice-size-${g}${w ? ` ${w}` : ""}`,
+        style: d,
+        children: [
+          /* @__PURE__ */ e("div", { className: "nice-wizard__steps", role: "tablist", children: n.map((O, X) => {
+            const q = X < N ? "completed" : X === N ? "active" : "pending", me = !!C[O.id];
+            return /* @__PURE__ */ c(
+              "button",
+              {
+                role: "tab",
+                "aria-selected": X === N,
+                className: `nice-wizard__step nice-wizard__step--${q}${me ? " nice-wizard__step--error" : ""}`,
+                onClick: () => h && X <= N && K(X),
+                disabled: !h || X > N,
+                type: "button",
+                children: [
+                  /* @__PURE__ */ e("span", { className: "nice-wizard__step-number", children: q === "completed" ? "✓" : X + 1 }),
+                  /* @__PURE__ */ e("span", { className: "nice-wizard__step-title", children: O.title }),
+                  O.optional && /* @__PURE__ */ c("span", { className: "nice-wizard__step-optional", children: [
+                    "(",
+                    $("optional", "optional"),
+                    ")"
+                  ] })
+                ]
+              },
+              O.id
+            );
+          }) }),
+          m && /* @__PURE__ */ e("div", { className: "nice-wizard__progress", children: /* @__PURE__ */ e("div", { className: "nice-wizard__progress-bar", style: { width: `${B}%` } }) }),
+          /* @__PURE__ */ e("div", { className: "nice-wizard__content", role: "tabpanel", children: D && /* @__PURE__ */ c(Le, { children: [
+            typeof D.content == "function" ? D.content(J) : D.content,
+            C[D.id] && /* @__PURE__ */ e("div", { className: "nice-wizard__error nice-error-text", children: C[D.id] })
+          ] }) }),
+          /* @__PURE__ */ c("div", { className: "nice-wizard__actions", children: [
+            s && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--text", onClick: s, children: u ?? $("cancel", "Cancel") }),
+            /* @__PURE__ */ c("div", { className: "nice-wizard__actions-right", children: [
+              !_ && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--outlined", onClick: V, children: r ?? $("previous", "← Previous") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: W, children: Y ? t ?? $("finish", "Finish ✓") : b ?? $("next", "Next →") })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+pn.displayName = "NiceWizard";
+const Be = Je(null);
+function ha() {
+  const n = Ge(Be);
+  if (!n) throw new Error("useSetupWizard must be used within NiceSetupWizard");
+  return n;
+}
+const vn = ne(
+  ({
+    steps: n,
+    initialValues: a = {},
+    activeStep: i,
+    layout: l = "horizontal",
+    size: s = "md",
+    defaultQuickMode: h = !1,
+    allowQuickModeToggle: o = !0,
+    showStepNumbers: b = !0,
+    showProgress: r = !0,
+    showEstimatedTime: t = !1,
+    allowStepClick: u = !0,
+    showReviewStep: m = !1,
+    persistKey: w,
+    animation: d = "slide",
+    branding: g,
+    header: z,
+    footer: M,
+    onStepChange: T,
+    onValuesChange: f,
+    onComplete: $,
+    onCancel: p,
+    labels: y = {},
+    accessMode: x,
+    id: C,
+    className: A,
+    style: S
+  }, k) => {
+    const N = ce(x, C);
+    if (N === "hidden") return null;
+    const { t: D } = oe(), _ = ie(C), [Y, K] = R(h), Q = le(() => Y ? n.filter((v) => !v.quickModeSkip) : n, [n, Y]), W = le(() => {
+      if (!m) return Q;
+      const v = {
+        id: "__review__",
+        title: y.review ?? D("wizard.review", "Review"),
+        icon: "📋",
+        content: (H) => /* @__PURE__ */ c("div", { className: "nice-setup-wizard__review", children: [
+          /* @__PURE__ */ e("h3", { children: D("wizard.reviewTitle", "Review Your Setup") }),
+          Q.filter((P) => P.summary).map((P) => /* @__PURE__ */ c("div", { className: "nice-setup-wizard__review-section", children: [
+            /* @__PURE__ */ e("h4", { children: P.title }),
+            P.summary?.(H.values)
+          ] }, P.id))
+        ] })
+      };
+      return [...Q, v];
+    }, [Q, m, y.review, D]), [V, j] = R(() => {
+      if (w)
+        try {
+          const v = localStorage.getItem(w);
+          if (v) return { ...a, ...JSON.parse(v) };
+        } catch {
+        }
+      return a;
+    }), [J, B] = R(() => {
+      if (i) return i;
+      if (w)
+        try {
+          const v = localStorage.getItem(`${w}_step`);
+          if (v && W.some((H) => H.id === v)) return v;
+        } catch {
+        }
+      return W[0]?.id ?? "";
+    }), [O, X] = R(() => /* @__PURE__ */ new Set([J])), [q, me] = R({}), [ve, pe] = R(!1), [de, F] = R("next"), Z = W.findIndex((v) => v.id === J), U = W[Z], E = Z === 0, I = Z === W.length - 1, ee = (Z + 1) / W.length * 100;
+    re(() => {
+      w && (localStorage.setItem(w, JSON.stringify(V)), localStorage.setItem(`${w}_step`, J));
+    }, [V, J, w]);
+    const te = L(
+      (v, H) => {
+        j((P) => {
+          const se = { ...P, [v]: H };
+          return f?.(se), se;
+        });
+      },
+      [f]
+    ), fe = L(
+      (v) => {
+        j((H) => {
+          const P = { ...H, ...v };
+          return f?.(P), P;
+        });
+      },
+      [f]
+    ), Ne = L((v, H) => {
+      me((P) => ({ ...P, [v]: H }));
+    }, []), we = L((v) => {
+      me((H) => {
+        const P = { ...H };
+        return delete P[v], P;
+      });
+    }, []), be = L(
+      (v) => {
+        const H = W.findIndex((P) => P.id === v);
+        H >= 0 && (F(H > Z ? "next" : "prev"), B(v), X((P) => new Set(P).add(v)), T?.(v, H));
+      },
+      [W, Z, T]
+    ), ze = L(async () => {
+      if (U) {
+        if (U.validate) {
+          pe(!0);
+          try {
+            const v = await U.validate(V);
+            if (v) {
+              Ne(U.id, v), pe(!1);
+              return;
+            }
+            we(U.id);
+          } catch (v) {
+            Ne(U.id, String(v)), pe(!1);
+            return;
+          }
+          pe(!1);
+        }
+        if (U.fields) {
+          for (const v of U.fields) {
+            if (v.required && !V[v.id]) {
+              Ne(U.id, `${v.label} ${D("wizard.isRequired", "is required")}`);
+              return;
+            }
+            if (v.validation?.custom) {
+              const H = v.validation.custom(V[v.id]);
+              if (H) {
+                Ne(U.id, H);
+                return;
+              }
+            }
+          }
+          we(U.id);
+        }
+        if (I)
+          await $?.(V), w && (localStorage.removeItem(w), localStorage.removeItem(`${w}_step`));
+        else {
+          let v;
+          U.nextStep ? v = typeof U.nextStep == "function" ? U.nextStep(V) : U.nextStep : v = W[Z + 1]?.id ?? "", v && be(v);
+        }
+      }
+    }, [
+      U,
+      V,
+      I,
+      Z,
+      W,
+      $,
+      w,
+      D,
+      Ne,
+      we,
+      be
+    ]), Me = L(() => {
+      if (E) return;
+      const v = U?.prevStep ?? W[Z - 1]?.id;
+      v && (F("prev"), be(v));
+    }, [E, U, Z, W, be]), De = L(() => {
+      if (U?.optional && !I) {
+        const v = W[Z + 1]?.id;
+        v && be(v);
+      }
+    }, [U, I, Z, W, be]), Oe = L(() => {
+      $?.(V);
+    }, [$, V]), Ee = L(() => {
+      p?.();
+    }, [p]), Te = L(() => {
+      K((v) => !v);
+    }, []), ye = le(
+      () => ({
+        values: V,
+        setValue: te,
+        setValues: fe,
+        currentStep: U,
+        currentIndex: Z,
+        totalSteps: W.length,
+        visitedSteps: O,
+        errors: q,
+        setError: Ne,
+        clearError: we,
+        goNext: ze,
+        goPrev: Me,
+        goTo: be,
+        skip: De,
+        complete: Oe,
+        cancel: Ee,
+        isFirst: E,
+        isLast: I,
+        isQuickMode: Y,
+        toggleQuickMode: Te,
+        progress: ee,
+        t: D
+      }),
+      [
+        V,
+        te,
+        fe,
+        U,
+        Z,
+        W.length,
+        O,
+        q,
+        Ne,
+        we,
+        ze,
+        Me,
+        be,
+        De,
+        Oe,
+        Ee,
+        E,
+        I,
+        Y,
+        Te,
+        ee,
+        D
+      ]
+    ), Ae = le(() => {
+      if (!t) return null;
+      const H = W.map((P) => P.estimatedTime).filter(Boolean).map((P) => {
+        const se = P.match(/(\d+)\s*(min|sec|s|m)/i);
+        if (!se) return 0;
+        const ue = parseInt(se[1], 10);
+        return se[2].toLowerCase().startsWith("m") ? ue : ue / 60;
+      }).reduce((P, se) => P + se, 0);
+      return H > 0 ? `~${Math.ceil(H)} min` : null;
+    }, [W, t]);
+    if (!U) return null;
+    const He = (v, H) => {
+      const P = v.id === J, se = O.has(v.id) && !P && H < Z, ue = !P && !se, _e = !!q[v.id], G = u && (se || H <= Z);
+      return /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": P,
+          "aria-current": P ? "step" : void 0,
+          className: [
+            "nice-setup-wizard__step-indicator",
+            P && "nice-setup-wizard__step-indicator--active",
+            se && "nice-setup-wizard__step-indicator--completed",
+            ue && "nice-setup-wizard__step-indicator--pending",
+            _e && "nice-setup-wizard__step-indicator--error"
+          ].filter(Boolean).join(" "),
+          onClick: () => G && be(v.id),
+          disabled: !G,
+          children: [
+            /* @__PURE__ */ e("span", { className: "nice-setup-wizard__step-marker", children: se ? "✓" : _e ? "!" : b ? H + 1 : v.icon || "○" }),
+            /* @__PURE__ */ c("span", { className: "nice-setup-wizard__step-info", children: [
+              /* @__PURE__ */ e("span", { className: "nice-setup-wizard__step-title", children: v.title }),
+              v.subtitle && /* @__PURE__ */ e("span", { className: "nice-setup-wizard__step-subtitle", children: v.subtitle }),
+              v.optional && /* @__PURE__ */ c("span", { className: "nice-setup-wizard__step-optional", children: [
+                "(",
+                y.optional ?? D("wizard.optional", "optional"),
+                ")"
+              ] })
+            ] }),
+            v.badge && /* @__PURE__ */ e("span", { className: "nice-setup-wizard__step-badge", children: v.badge })
+          ]
+        },
+        v.id
+      );
+    }, Ke = (v) => {
+      if (v.showWhen && !v.showWhen(V)) return null;
+      const H = V[v.id] ?? v.defaultValue ?? "", P = (G) => te(v.id, G);
+      if (v.render)
+        return /* @__PURE__ */ e(
+          "div",
+          {
+            className: `nice-setup-wizard__field${v.fullWidth ? " nice-setup-wizard__field--full" : ""}`,
+            children: v.render({ value: H, onChange: P, field: v })
+          },
+          v.id
+        );
+      const se = `${_}-${v.id}`, ue = {
+        id: se,
+        disabled: v.disabled || N === "disabled" || N === "readOnly",
+        placeholder: v.placeholder,
+        required: v.required
+      };
+      let _e;
+      switch (v.type) {
+        case "textarea":
+          _e = /* @__PURE__ */ e(
+            "textarea",
+            {
+              ...ue,
+              className: "nice-setup-wizard__input nice-setup-wizard__textarea",
+              value: String(H),
+              onChange: (G) => P(G.target.value),
+              rows: 4
+            }
+          );
+          break;
+        case "select":
+          _e = /* @__PURE__ */ c(
+            "select",
+            {
+              ...ue,
+              className: "nice-setup-wizard__input nice-setup-wizard__select",
+              value: String(H),
+              onChange: (G) => P(G.target.value),
+              children: [
+                /* @__PURE__ */ e("option", { value: "", children: v.placeholder || D("wizard.select", "Select...") }),
+                v.options?.map((G) => /* @__PURE__ */ e("option", { value: G.value, children: G.label }, G.value))
+              ]
+            }
+          );
+          break;
+        case "radio":
+          _e = /* @__PURE__ */ e("div", { className: "nice-setup-wizard__radio-group", children: v.options?.map((G) => /* @__PURE__ */ c("label", { className: "nice-setup-wizard__radio-label", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "radio",
+                name: se,
+                value: G.value,
+                checked: H === G.value,
+                onChange: () => P(G.value),
+                disabled: ue.disabled
+              }
+            ),
+            G.icon && /* @__PURE__ */ e("span", { className: "nice-setup-wizard__radio-icon", children: G.icon }),
+            /* @__PURE__ */ e("span", { children: G.label })
+          ] }, G.value)) });
+          break;
+        case "checkbox":
+          _e = /* @__PURE__ */ c("label", { className: "nice-setup-wizard__checkbox-label", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                checked: !!H,
+                onChange: (G) => P(G.target.checked),
+                disabled: ue.disabled
+              }
+            ),
+            /* @__PURE__ */ e("span", { children: v.label })
+          ] });
+          break;
+        case "switch":
+          _e = /* @__PURE__ */ c("label", { className: "nice-setup-wizard__switch-label", children: [
+            /* @__PURE__ */ e("span", { className: "nice-setup-wizard__switch-text", children: v.label }),
+            /* @__PURE__ */ c(
+              "span",
+              {
+                className: `nice-setup-wizard__switch${H ? " nice-setup-wizard__switch--on" : ""}`,
+                children: [
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: !!H,
+                      onChange: (G) => P(G.target.checked),
+                      disabled: ue.disabled
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { className: "nice-setup-wizard__switch-track" }),
+                  /* @__PURE__ */ e("span", { className: "nice-setup-wizard__switch-thumb" })
+                ]
+              }
+            )
+          ] });
+          break;
+        case "slider":
+          _e = /* @__PURE__ */ c("div", { className: "nice-setup-wizard__slider-wrapper", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "range",
+                ...ue,
+                className: "nice-setup-wizard__slider",
+                value: Number(H) || v.validation?.min || 0,
+                min: v.validation?.min,
+                max: v.validation?.max,
+                onChange: (G) => P(Number(G.target.value))
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "nice-setup-wizard__slider-value", children: String(H ?? "") })
+          ] });
+          break;
+        default:
+          _e = /* @__PURE__ */ e(
+            "input",
+            {
+              type: v.type === "custom" ? "text" : v.type,
+              ...ue,
+              className: "nice-setup-wizard__input",
+              value: String(H),
+              onChange: (G) => P(G.target.value),
+              minLength: v.validation?.minLength,
+              maxLength: v.validation?.maxLength,
+              min: v.validation?.min,
+              max: v.validation?.max,
+              pattern: v.validation?.pattern?.source
+            }
+          );
+      }
+      return /* @__PURE__ */ c(
+        "div",
+        {
+          className: `nice-setup-wizard__field${v.fullWidth ? " nice-setup-wizard__field--full" : ""}`,
+          children: [
+            v.type !== "checkbox" && v.type !== "switch" && /* @__PURE__ */ c("label", { htmlFor: se, className: "nice-setup-wizard__label", children: [
+              v.label,
+              v.required && /* @__PURE__ */ e("span", { className: "nice-setup-wizard__required", children: "*" })
+            ] }),
+            _e,
+            v.description && /* @__PURE__ */ e("span", { className: "nice-setup-wizard__field-desc", children: v.description })
+          ]
+        },
+        v.id
+      );
+    }, Qe = () => U.fields ? /* @__PURE__ */ e("div", { className: "nice-setup-wizard__fields", children: U.fields.map(Ke) }) : U.content ? typeof U.content == "function" ? U.content(ye) : U.content : null;
+    return /* @__PURE__ */ e(Be.Provider, { value: ye, children: /* @__PURE__ */ c(
+      "div",
+      {
+        ref: k,
+        id: _,
+        className: [
+          "nice-setup-wizard",
+          `nice-setup-wizard--${l}`,
+          `nice-size-${s}`,
+          d !== "none" && `nice-setup-wizard--anim-${d}`,
+          A
+        ].filter(Boolean).join(" "),
+        style: S,
+        children: [
+          (g || z || o) && /* @__PURE__ */ c("header", { className: "nice-setup-wizard__header", children: [
+            g && /* @__PURE__ */ e("div", { className: "nice-setup-wizard__branding", children: g }),
+            z,
+            o && /* @__PURE__ */ c("label", { className: "nice-setup-wizard__quick-toggle", children: [
+              /* @__PURE__ */ e("input", { type: "checkbox", checked: Y, onChange: Te }),
+              /* @__PURE__ */ e("span", { children: y.quickMode ?? D("wizard.quickMode", "Quick Setup") })
+            ] }),
+            Ae && /* @__PURE__ */ e("span", { className: "nice-setup-wizard__time", children: Ae })
+          ] }),
+          l !== "minimal" && /* @__PURE__ */ e("nav", { className: "nice-setup-wizard__nav", role: "tablist", children: W.map(He) }),
+          r && /* @__PURE__ */ e("div", { className: "nice-setup-wizard__progress", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: "nice-setup-wizard__progress-bar",
+              style: { width: `${ee}%` },
+              role: "progressbar",
+              "aria-valuenow": ee,
+              "aria-valuemin": 0,
+              "aria-valuemax": 100
+            }
+          ) }),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: [
+                "nice-setup-wizard__content",
+                de === "next" && "nice-setup-wizard__content--slide-next",
+                de === "prev" && "nice-setup-wizard__content--slide-prev"
+              ].filter(Boolean).join(" "),
+              role: "tabpanel",
+              children: [
+                U.description && /* @__PURE__ */ e("p", { className: "nice-setup-wizard__step-description", children: U.description }),
+                Qe(),
+                q[U.id] && /* @__PURE__ */ e("div", { className: "nice-setup-wizard__error", role: "alert", children: q[U.id] })
+              ]
+            },
+            J
+          ),
+          /* @__PURE__ */ c("footer", { className: "nice-setup-wizard__footer", children: [
+            /* @__PURE__ */ c("div", { className: "nice-setup-wizard__actions-left", children: [
+              p && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--text", onClick: Ee, children: y.cancel ?? D("wizard.cancel", "Cancel") }),
+              U.optional && !I && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--text", onClick: De, children: y.skip ?? D("wizard.skip", "Skip") }),
+              U.actions?.filter((v) => v.position === "left").map((v) => /* @__PURE__ */ c(
+                "button",
+                {
+                  type: "button",
+                  className: `nice-btn nice-btn--${v.variant || "outlined"}`,
+                  onClick: () => v.onClick(ye),
+                  disabled: v.disabled?.(ye),
+                  children: [
+                    v.icon,
+                    " ",
+                    v.label
+                  ]
+                },
+                v.id
+              ))
+            ] }),
+            /* @__PURE__ */ c("div", { className: "nice-setup-wizard__actions-right", children: [
+              U.actions?.filter((v) => v.position !== "left").map((v) => /* @__PURE__ */ c(
+                "button",
+                {
+                  type: "button",
+                  className: `nice-btn nice-btn--${v.variant || "outlined"}`,
+                  onClick: () => v.onClick(ye),
+                  disabled: v.disabled?.(ye),
+                  children: [
+                    v.icon,
+                    " ",
+                    v.label
+                  ]
+                },
+                v.id
+              )),
+              !E && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--outlined", onClick: Me, children: y.prev ?? D("wizard.prev", "← Back") }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-btn nice-btn--primary",
+                  onClick: ze,
+                  disabled: ve,
+                  children: ve ? /* @__PURE__ */ e("span", { className: "nice-setup-wizard__spinner" }) : I ? y.finish ?? D("wizard.finish", "Finish ✓") : y.next ?? D("wizard.next", "Continue →")
+                }
+              )
+            ] })
+          ] }),
+          M && /* @__PURE__ */ e("div", { className: "nice-setup-wizard__custom-footer", children: M }),
+          l === "minimal" && /* @__PURE__ */ e("div", { className: "nice-setup-wizard__minimal-indicator", children: y.stepOf ? y.stepOf.replace("{current}", String(Z + 1)).replace("{total}", String(W.length)) : `${Z + 1} / ${W.length}` })
+        ]
+      }
+    ) });
+  }
+);
+vn.displayName = "NiceSetupWizard";
+const Nn = ne(({
+  label: n,
+  helperText: a,
+  disabled: i,
+  size: l = "md",
+  id: s,
+  className: h,
+  style: o,
+  accessMode: b,
+  logo: r,
+  brandName: t,
+  breadcrumbs: u,
+  centerContent: m,
+  rightContent: w,
+  leftContent: d,
+  sticky: g = !0,
+  variant: z = "light",
+  height: M = "md",
+  onBrandClick: T,
+  displayStyle: f
+}, $) => {
+  const p = ce(b, s);
+  if (p === "hidden") return null;
+  p === "disabled" && (i = !0);
+  const { t: y } = oe(), x = ie(s), C = Se("menu", f), A = ke("menu", f);
+  return /* @__PURE__ */ c(
+    "nav",
+    {
+      ref: $,
+      id: x,
+      className: `nice-navbar nice-navbar--${z} nice-navbar--h-${M}${g ? " nice-navbar--sticky" : ""} nice-navbar--ds-${A}${h ? ` ${h}` : ""}${i ? " nice-disabled" : ""}`,
+      style: { ...C, ...o },
+      role: "navigation",
+      "aria-label": n ?? y("mainNavigation", "Main navigation"),
+      children: [
+        /* @__PURE__ */ c("div", { className: "nice-navbar__left", children: [
+          d,
+          (r || t) && /* @__PURE__ */ c("div", { className: "nice-navbar__brand", onClick: T, role: T ? "button" : void 0, tabIndex: T ? 0 : void 0, children: [
+            r && /* @__PURE__ */ e("span", { className: "nice-navbar__logo", children: r }),
+            t && /* @__PURE__ */ e("span", { className: "nice-navbar__brand-name", children: t })
+          ] }),
+          u && u.length > 0 && /* @__PURE__ */ e("ol", { className: "nice-navbar__breadcrumbs", "aria-label": y("breadcrumbs", "Breadcrumbs"), children: u.map((S, k) => /* @__PURE__ */ c("li", { className: "nice-navbar__breadcrumb", children: [
+            k > 0 && /* @__PURE__ */ e("span", { className: "nice-navbar__breadcrumb-sep", children: "/" }),
+            S.href || S.onClick ? /* @__PURE__ */ e("a", { href: S.href ?? "#", onClick: (N) => {
+              S.onClick && (N.preventDefault(), S.onClick());
+            }, children: S.label }) : /* @__PURE__ */ e("span", { "aria-current": k === u.length - 1 ? "page" : void 0, children: S.label })
+          ] }, k)) })
+        ] }),
+        m && /* @__PURE__ */ e("div", { className: "nice-navbar__center", children: m }),
+        w && /* @__PURE__ */ e("div", { className: "nice-navbar__right", children: w })
+      ]
+    }
+  );
+});
+Nn.displayName = "NiceNavbar";
+const gn = ne(({
+  label: n,
+  helperText: a,
+  disabled: i,
+  readOnly: l,
+  size: s = "md",
+  id: h,
+  className: o,
+  style: b,
+  accessMode: r,
+  tenants: t,
+  currentTenantId: u,
+  onSwitch: m,
+  onManage: w,
+  onCreate: d,
+  variant: g = "dropdown",
+  searchable: z = !1
+}, M) => {
+  const T = ce(r, h);
+  if (T === "hidden") return null;
+  T === "disabled" && (i = !0), T === "readOnly" && (l = !0);
+  const { t: f } = oe(), $ = ie(h), [p, y] = R(!1), [x, C] = R(""), A = le(() => t.find((N) => N.id === u), [t, u]), S = le(() => {
+    if (!x) return t;
+    const N = x.toLowerCase();
+    return t.filter((D) => D.name.toLowerCase().includes(N));
+  }, [t, x]), k = L((N) => {
+    m?.(N), y(!1), C("");
+  }, [m]);
+  return g === "inline" ? /* @__PURE__ */ c("div", { ref: M, id: $, className: `nice-tenant-switcher nice-tenant-switcher--inline nice-size-${s}${o ? ` ${o}` : ""}${i ? " nice-disabled" : ""}`, style: b, children: [
+    n && /* @__PURE__ */ e("span", { className: "nice-tenant-switcher__label", children: n }),
+    /* @__PURE__ */ e("div", { className: "nice-tenant-switcher__list", children: t.map((N) => /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: `nice-tenant-switcher__option${N.id === u ? " nice-tenant-switcher__option--active" : ""}`,
+        onClick: () => k(N.id),
+        disabled: i || l,
+        children: [
+          N.logoUrl && /* @__PURE__ */ e("img", { src: N.logoUrl, alt: "", className: "nice-tenant-switcher__option-logo" }),
+          /* @__PURE__ */ e("span", { children: N.name })
+        ]
+      },
+      N.id
+    )) })
+  ] }) : /* @__PURE__ */ c(
+    "div",
+    {
+      ref: M,
+      id: $,
+      className: `nice-tenant-switcher nice-size-${s}${o ? ` ${o}` : ""}${i ? " nice-disabled" : ""}`,
+      style: b,
+      children: [
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: "nice-tenant-switcher__trigger",
+            onClick: () => !i && !l && y(!p),
+            onBlur: () => setTimeout(() => y(!1), 200),
+            disabled: i,
+            "aria-haspopup": "listbox",
+            "aria-expanded": p,
+            children: [
+              A?.logoUrl && /* @__PURE__ */ e("img", { src: A.logoUrl, alt: "", className: "nice-tenant-switcher__trigger-logo" }),
+              /* @__PURE__ */ e("span", { className: "nice-tenant-switcher__trigger-name", children: A?.name ?? f("selectTenant", "Select organization") }),
+              /* @__PURE__ */ e("span", { className: "nice-tenant-switcher__trigger-arrow", children: p ? "▲" : "▼" })
+            ]
+          }
+        ),
+        p && /* @__PURE__ */ c("div", { className: "nice-tenant-switcher__dropdown", role: "listbox", children: [
+          z && /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              className: "nice-input nice-tenant-switcher__search",
+              value: x,
+              onChange: (N) => C(N.target.value),
+              placeholder: f("searchOrganizations", "Search…"),
+              autoFocus: !0
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "nice-tenant-switcher__options", children: [
+            S.map((N) => /* @__PURE__ */ c(
+              "div",
+              {
+                className: `nice-tenant-switcher__option${N.id === u ? " nice-tenant-switcher__option--active" : ""}`,
+                role: "option",
+                "aria-selected": N.id === u,
+                onClick: () => k(N.id),
+                children: [
+                  N.logoUrl && /* @__PURE__ */ e("img", { src: N.logoUrl, alt: "", className: "nice-tenant-switcher__option-logo" }),
+                  /* @__PURE__ */ c("div", { className: "nice-tenant-switcher__option-info", children: [
+                    /* @__PURE__ */ e("span", { className: "nice-tenant-switcher__option-name", children: N.name }),
+                    N.subtitle && /* @__PURE__ */ e("span", { className: "nice-tenant-switcher__option-subtitle", children: N.subtitle })
+                  ] }),
+                  N.id === u && /* @__PURE__ */ e("span", { className: "nice-tenant-switcher__check", children: "✓" })
+                ]
+              },
+              N.id
+            )),
+            S.length === 0 && /* @__PURE__ */ e("div", { className: "nice-tenant-switcher__empty", children: f("noResults", "No results") })
+          ] }),
+          (w || d) && /* @__PURE__ */ c("div", { className: "nice-tenant-switcher__footer", children: [
+            w && /* @__PURE__ */ e("button", { type: "button", onClick: w, children: f("manageTenants", "Manage organizations") }),
+            d && /* @__PURE__ */ e("button", { type: "button", onClick: d, children: f("createTenant", "Create organization") })
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+gn.displayName = "NiceTenantSwitcher";
+const fn = {
+  online: "var(--nice-color-success, #5cb85c)",
+  away: "var(--nice-color-warning, #f0ad4e)",
+  busy: "var(--nice-color-error, #d9534f)",
+  offline: "var(--nice-color-muted, #999)"
+}, yn = ne(({
+  label: n,
+  disabled: a,
+  size: i = "md",
+  id: l,
+  className: s,
+  style: h,
+  accessMode: o,
+  userName: b,
+  userEmail: r,
+  userRole: t,
+  avatarUrl: u,
+  items: m = [],
+  open: w,
+  onOpenChange: d,
+  onProfile: g,
+  onLogout: z,
+  avatarSize: M = 36,
+  status: T
+}, f) => {
+  const $ = ce(o, l);
+  if ($ === "hidden") return null;
+  $ === "disabled" && (a = !0);
+  const { t: p } = oe(), y = ie(l), [x, C] = R(!1), A = w ?? x, S = L(() => {
+    const _ = !A;
+    C(_), d?.(_);
+  }, [A, d]), k = b.split(" ").map((_) => _.charAt(0)).join("").toUpperCase().slice(0, 2), N = [];
+  g && N.push({ id: "__profile", label: p("profile", "Profile"), onClick: g }), z && N.push({ id: "__divider", label: "", isDivider: !0 }, { id: "__logout", label: p("logout", "Logout"), onClick: z, danger: !0 });
+  const D = m.length > 0 ? m : N;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: f,
+      id: y,
+      className: `nice-user-menu nice-size-${i}${s ? ` ${s}` : ""}${a ? " nice-disabled" : ""}`,
+      style: h,
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-user-menu__trigger",
+            onClick: S,
+            onBlur: () => setTimeout(() => {
+              C(!1), d?.(!1);
+            }, 200),
+            disabled: a,
+            "aria-haspopup": "menu",
+            "aria-expanded": A,
+            "aria-label": n ?? b,
+            children: /* @__PURE__ */ c("span", { className: "nice-user-menu__avatar", style: { width: M, height: M }, children: [
+              u ? /* @__PURE__ */ e("img", { src: u, alt: b }) : /* @__PURE__ */ e("span", { className: "nice-user-menu__initials", children: k }),
+              T && /* @__PURE__ */ e("span", { className: "nice-user-menu__status", style: { backgroundColor: fn[T] }, title: T })
+            ] })
+          }
+        ),
+        A && /* @__PURE__ */ c("div", { className: "nice-user-menu__dropdown", role: "menu", children: [
+          /* @__PURE__ */ c("div", { className: "nice-user-menu__info", children: [
+            /* @__PURE__ */ e("span", { className: "nice-user-menu__name", children: b }),
+            r && /* @__PURE__ */ e("span", { className: "nice-user-menu__email", children: r }),
+            t && /* @__PURE__ */ e("span", { className: "nice-user-menu__role", children: t })
+          ] }),
+          D.length > 0 && /* @__PURE__ */ e("div", { className: "nice-user-menu__items", children: D.map(
+            (_) => _.isDivider ? /* @__PURE__ */ e("hr", { className: "nice-user-menu__divider" }, _.id) : /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: `nice-user-menu__item${_.danger ? " nice-user-menu__item--danger" : ""}`,
+                onClick: () => {
+                  _.onClick?.(), C(!1), d?.(!1);
+                },
+                disabled: _.disabled || a,
+                children: [
+                  _.icon && /* @__PURE__ */ e("span", { className: "nice-user-menu__item-icon", children: _.icon }),
+                  /* @__PURE__ */ e("span", { children: _.label })
+                ]
+              },
+              _.id
+            )
+          ) })
+        ] })
+      ]
+    }
+  );
+});
+yn.displayName = "NiceUserMenu";
+function kn(n, a) {
+  if (!a) return n;
+  const i = a.toLowerCase();
+  return n.map((l) => {
+    const s = l.entities.filter(
+      (o) => o.label.toLowerCase().includes(i) || o.name.toLowerCase().includes(i)
+    );
+    return l.label.toLowerCase().includes(i) || l.name.toLowerCase().includes(i) ? l : s.length > 0 ? { ...l, entities: s } : null;
+  }).filter(Boolean);
+}
+const wn = ({ value: n, onChange: a, placeholder: i }) => /* @__PURE__ */ c("div", { className: "nice-dynamic-sidebar__search", children: [
+  /* @__PURE__ */ e("span", { className: "nice-dynamic-sidebar__search-icon", "aria-hidden": !0, children: "🔍" }),
+  /* @__PURE__ */ e(
+    "input",
+    {
+      type: "text",
+      className: "nice-dynamic-sidebar__search-input",
+      value: n,
+      onChange: (l) => a(l.target.value),
+      placeholder: i,
+      "aria-label": i
+    }
+  ),
+  n && /* @__PURE__ */ e(
+    "button",
+    {
+      className: "nice-dynamic-sidebar__search-clear",
+      onClick: () => a(""),
+      "aria-label": "Clear",
+      type: "button",
+      children: "×"
+    }
+  )
+] }), Cn = ({ module: n, activeRoute: a, collapsed: i, expandedModules: l, onToggleModule: s, onNavigate: h }) => {
+  const o = l.has(n.id);
+  return i ? /* @__PURE__ */ e("div", { className: "nice-dynamic-sidebar__module nice-dynamic-sidebar__module--collapsed", title: n.label, children: /* @__PURE__ */ e(
+    "button",
+    {
+      className: `nice-dynamic-sidebar__module-icon ${n.isAvailable ? "" : "nice-dynamic-sidebar__module-icon--disabled"}`,
+      onClick: () => n.isAvailable && n.entities.length > 0 && h(n.entities[0].route, n.entities[0]),
+      disabled: !n.isAvailable,
+      type: "button",
+      children: /* @__PURE__ */ e("span", { children: n.icon || n.label[0] })
+    }
+  ) }) : /* @__PURE__ */ c("div", { className: `nice-dynamic-sidebar__module ${n.isAvailable ? "" : "nice-dynamic-sidebar__module--disabled"}`, children: [
+    /* @__PURE__ */ c(
+      "button",
+      {
+        className: `nice-dynamic-sidebar__module-header ${o ? "nice-dynamic-sidebar__module-header--expanded" : ""}`,
+        onClick: () => n.isAvailable && s(n.id),
+        disabled: !n.isAvailable,
+        type: "button",
+        "aria-expanded": o,
+        children: [
+          n.icon && /* @__PURE__ */ e("span", { className: "nice-dynamic-sidebar__module-icon", children: n.icon }),
+          /* @__PURE__ */ e("span", { className: "nice-dynamic-sidebar__module-label", children: n.label }),
+          /* @__PURE__ */ e("span", { className: `nice-dynamic-sidebar__module-chevron ${o ? "nice-dynamic-sidebar__module-chevron--open" : ""}`, children: "▸" })
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ e("ul", { className: "nice-dynamic-sidebar__entities", role: "list", children: n.entities.map((b) => /* @__PURE__ */ e(
+      "li",
+      {
+        className: `nice-dynamic-sidebar__entity ${a === b.route ? "nice-dynamic-sidebar__entity--active" : ""}`,
+        children: /* @__PURE__ */ c(
+          "button",
+          {
+            className: "nice-dynamic-sidebar__entity-btn",
+            onClick: () => h(b.route, b),
+            type: "button",
+            children: [
+              b.icon && /* @__PURE__ */ e("span", { className: "nice-dynamic-sidebar__entity-icon", children: b.icon }),
+              /* @__PURE__ */ e("span", { children: b.label })
+            ]
+          }
+        )
+      },
+      b.id
+    )) })
+  ] });
+}, xn = ({ favorites: n, activeRoute: a, onNavigate: i, label: l }) => n.length === 0 ? null : /* @__PURE__ */ c("div", { className: "nice-dynamic-sidebar__favorites", children: [
+  /* @__PURE__ */ e("div", { className: "nice-dynamic-sidebar__section-title", children: l }),
+  /* @__PURE__ */ e("ul", { role: "list", children: n.map((s) => /* @__PURE__ */ e(
+    "li",
+    {
+      className: `nice-dynamic-sidebar__favorite ${a === s.route ? "nice-dynamic-sidebar__favorite--active" : ""}`,
+      children: /* @__PURE__ */ c(
+        "button",
+        {
+          className: "nice-dynamic-sidebar__favorite-btn",
+          onClick: () => i(s.route),
+          type: "button",
+          children: [
+            s.icon && /* @__PURE__ */ e("span", { children: s.icon }),
+            /* @__PURE__ */ e("span", { children: s.label })
+          ]
+        }
+      )
+    },
+    s.id
+  )) })
+] }), $n = ne(
+  ({
+    menu: n,
+    activeRoute: a,
+    collapsed: i,
+    width: l = 260,
+    collapsedWidth: s = 56,
+    searchable: h = !0,
+    showFavorites: o = !0,
+    showQuickActions: b = !0,
+    collapsible: r = !0,
+    onNavigate: t,
+    onCollapseChange: u,
+    onToggleFavorite: m,
+    header: w,
+    footer: d,
+    className: g,
+    style: z,
+    id: M,
+    accessMode: T,
+    ...f
+  }, $) => {
+    const p = ie(M), y = ce(T, M), { t: x } = oe(), [C, A] = R(i ?? !1), S = i ?? C, [k, N] = R(""), [D, _] = R(() => {
+      if (a) {
+        const j = n.modules.find((J) => J.entities.some((B) => B.route === a));
+        return j ? /* @__PURE__ */ new Set([j.id]) : /* @__PURE__ */ new Set();
+      }
+      return /* @__PURE__ */ new Set();
+    }), Y = L(() => {
+      const j = !S;
+      A(j), u?.(j);
+    }, [S, u]), K = L((j) => {
+      _((J) => {
+        const B = new Set(J);
+        return B.has(j) ? B.delete(j) : B.add(j), B;
+      });
+    }, []), Q = L(
+      (j, J) => {
+        t?.(j, J);
+      },
+      [t]
+    ), W = le(
+      () => kn(n.modules.filter((j) => j.isAvailable).sort((j, J) => j.order - J.order), k),
+      [n.modules, k]
+    ), V = S ? s : l;
+    return y === "hidden" ? null : /* @__PURE__ */ c(
+      "nav",
+      {
+        ref: $,
+        id: p,
+        className: `nice-dynamic-sidebar ${S ? "nice-dynamic-sidebar--collapsed" : ""} ${g ?? ""}`,
+        style: { ...z, width: V, minWidth: V },
+        "aria-label": x("nav.sidebar", "Sidebar"),
+        ...f,
+        children: [
+          w && /* @__PURE__ */ e("div", { className: "nice-dynamic-sidebar__header", children: w }),
+          r && /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-dynamic-sidebar__toggle",
+              onClick: Y,
+              "aria-label": S ? x("expand", "Expand") : x("collapse", "Collapse"),
+              type: "button",
+              children: S ? "▸" : "◂"
+            }
+          ),
+          h && !S && /* @__PURE__ */ e(
+            wn,
+            {
+              value: k,
+              onChange: N,
+              placeholder: x("nav.search", "Search")
+            }
+          ),
+          o && !S && /* @__PURE__ */ e(
+            xn,
+            {
+              favorites: n.favorites,
+              activeRoute: a,
+              onNavigate: Q,
+              label: x("nav.favorites", "Favorites")
+            }
+          ),
+          b && !S && n.quickActions.length > 0 && /* @__PURE__ */ e("div", { className: "nice-dynamic-sidebar__quick-actions", children: n.quickActions.map((j) => /* @__PURE__ */ c(
+            "button",
+            {
+              className: "nice-dynamic-sidebar__quick-action",
+              onClick: () => Q(j.route),
+              title: j.shortcut ? `${j.label} (${j.shortcut})` : j.label,
+              type: "button",
+              children: [
+                j.icon && /* @__PURE__ */ e("span", { children: j.icon }),
+                /* @__PURE__ */ e("span", { children: j.label })
+              ]
+            },
+            j.id
+          )) }),
+          /* @__PURE__ */ c("div", { className: "nice-dynamic-sidebar__modules", role: "navigation", children: [
+            W.map((j) => /* @__PURE__ */ e(
+              Cn,
+              {
+                module: j,
+                activeRoute: a,
+                collapsed: S,
+                expandedModules: D,
+                onToggleModule: K,
+                onNavigate: Q
+              },
+              j.id
+            )),
+            W.length === 0 && !S && /* @__PURE__ */ e("div", { className: "nice-dynamic-sidebar__empty", children: x("noData", "No data") })
+          ] }),
+          d && /* @__PURE__ */ e("div", { className: "nice-dynamic-sidebar__footer", children: d })
+        ]
+      }
+    );
+  }
+);
+$n.displayName = "NiceDynamicSidebar";
+const xe = {
+  all: { icon: "☰", label: "Wszystko" },
+  "by-role": { icon: "👤", label: "Według roli" },
+  "by-unit": { icon: "🏢", label: "Według jednostki" },
+  favorites: { icon: "⭐", label: "Ulubione" },
+  preferences: { icon: "⚙️", label: "Preferencje" }
+}, Ue = {
+  enableModeIcons: !1,
+  enabledModes: ["all", "by-role", "by-unit", "favorites", "preferences"],
+  activeMode: "all",
+  pinnedSources: {},
+  hiddenItems: [],
+  favorites: [],
+  maxDepth: {},
+  collapsedIds: [],
+  autoExpand: !0
+};
+function Pe(n) {
+  return `nice_sidebar_nav_${n ?? "_default"}`;
+}
+function Sn(n, a) {
+  const i = {
+    ...Ue,
+    userId: n ?? "_default"
+  };
+  if (a && Object.assign(i, a), a && typeof a.activeMode < "u") return i;
+  try {
+    const l = localStorage.getItem(Pe(n));
+    if (l) {
+      const s = JSON.parse(l);
+      return { ...i, ...s, userId: n ?? "_default" };
+    }
+  } catch {
+  }
+  return i;
+}
+function zn(n, a, i, l) {
+  const [s, h] = R(() => {
+    const r = Sn(n, i);
+    return a !== void 0 && (r.enableModeIcons = a), r;
+  });
+  re(() => {
+    i && h((r) => ({ ...r, ...i }));
+  }, [i]);
+  const o = L(
+    (r) => {
+      h((t) => {
+        const u = r(t);
+        if (!i?.activeMode)
+          try {
+            localStorage.setItem(Pe(n), JSON.stringify(u));
+          } catch {
+          }
+        return l?.(u), u;
+      });
+    },
+    [n, i, l]
+  ), b = le(
+    () => ({
+      setMode: (r) => o((t) => ({ ...t, activeMode: r })),
+      setEnableModeIcons: (r) => o((t) => ({ ...t, enableModeIcons: r })),
+      toggleMode: (r) => o((t) => {
+        if (r === "preferences") return t;
+        const u = t.enabledModes.includes(r);
+        return {
+          ...t,
+          enabledModes: u ? t.enabledModes.filter((m) => m !== r) : [...t.enabledModes, r],
+          // If we're hiding the active mode, fall back to 'all'
+          activeMode: !u || t.activeMode !== r ? t.activeMode : "all"
+        };
+      }),
+      pinSource: (r, t) => o((u) => ({
+        ...u,
+        pinnedSources: {
+          ...u.pinnedSources,
+          [r]: [...u.pinnedSources[r] ?? [], t]
+        }
+      })),
+      unpinSource: (r, t) => o((u) => ({
+        ...u,
+        pinnedSources: {
+          ...u.pinnedSources,
+          [r]: (u.pinnedSources[r] ?? []).filter((m) => m !== t)
+        }
+      })),
+      hideItem: (r) => o((t) => ({
+        ...t,
+        hiddenItems: t.hiddenItems.some((u) => u.id === r.id) ? t.hiddenItems : [...t.hiddenItems, r]
+      })),
+      restoreItem: (r) => o((t) => ({
+        ...t,
+        hiddenItems: t.hiddenItems.filter((u) => u.id !== r)
+      })),
+      addFavorite: (r) => o((t) => ({
+        ...t,
+        favorites: t.favorites.some((u) => u.id === r.id) ? t.favorites : [...t.favorites, { ...r, addedAt: Date.now() }]
+      })),
+      removeFavorite: (r) => o((t) => ({ ...t, favorites: t.favorites.filter((u) => u.id !== r) })),
+      setMaxDepth: (r, t) => o((u) => ({
+        ...u,
+        maxDepth: { ...u.maxDepth, [r]: Math.min(4, Math.max(1, t)) }
+      })),
+      toggleCollapse: (r) => o((t) => ({
+        ...t,
+        collapsedIds: t.collapsedIds.includes(r) ? t.collapsedIds.filter((u) => u !== r) : [...t.collapsedIds, r]
+      })),
+      setAutoExpand: (r) => o((t) => ({ ...t, autoExpand: r })),
+      resetAll: () => o(() => ({
+        ...Ue,
+        userId: n ?? "_default"
+      }))
+    }),
+    [o, n]
+  );
+  return [s, b];
+}
+function Mn({ enabledModes: n, activeMode: a, onSelect: i }) {
+  const l = [
+    ...n.filter((s) => s !== "preferences"),
+    "preferences"
+  ];
+  return /* @__PURE__ */ e("div", { className: "nice-sidebar-nav__mode-strip", role: "tablist", "aria-label": "Tryb nawigacji", children: l.map((s) => {
+    const h = xe[s], o = a === s;
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        role: "tab",
+        "aria-selected": o,
+        "aria-label": h.label,
+        title: h.label,
+        className: [
+          "nice-sidebar-nav__mode-btn",
+          o ? "nice-sidebar-nav__mode-btn--active" : ""
+        ].filter(Boolean).join(" "),
+        onClick: () => i(s),
+        children: /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__mode-icon", "aria-hidden": "true", children: h.icon })
+      },
+      s
+    );
+  }) });
+}
+function Ve({
+  item: n,
+  depth: a,
+  maxDepth: i,
+  activeRoute: l,
+  collapsedIds: s,
+  hiddenIds: h,
+  autoExpand: o,
+  onNavigate: b,
+  onHide: r,
+  onToggleCollapse: t,
+  onAddFavorite: u,
+  isFavorite: m
+}) {
+  if (h.has(n.id)) return null;
+  const w = (n.children?.length ?? 0) > 0 && a < i, d = s.includes(n.id), g = o ? !d : d, z = !!(n.route && l && n.route === l), M = !!n.route;
+  function T() {
+    M && n.route ? b?.(n.route, n) : w && t(n.id);
+  }
+  return /* @__PURE__ */ c(
+    "li",
+    {
+      className: [
+        "nice-sidebar-nav__node",
+        `nice-sidebar-nav__node--depth-${a}`,
+        z ? "nice-sidebar-nav__node--active" : "",
+        w ? "nice-sidebar-nav__node--branch" : "nice-sidebar-nav__node--leaf"
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__node-row", children: [
+          w && /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-sidebar-nav__collapse-btn",
+              "aria-label": g ? "Zwiń" : "Rozwiń",
+              "aria-expanded": g,
+              onClick: () => t(n.id),
+              children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: g ? "▾" : "▸" })
+            }
+          ),
+          !w && /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__collapse-spacer" }),
+          /* @__PURE__ */ c(
+            "span",
+            {
+              role: M ? "link" : void 0,
+              tabIndex: M ? 0 : void 0,
+              className: [
+                "nice-sidebar-nav__node-content",
+                M ? "nice-sidebar-nav__node-content--link" : ""
+              ].filter(Boolean).join(" "),
+              onClick: T,
+              onKeyDown: (f) => (f.key === "Enter" || f.key === " ") && T(),
+              children: [
+                n.icon && /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__node-icon", "aria-hidden": "true", children: n.icon }),
+                /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__node-label", children: n.label }),
+                n.badge !== void 0 && /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__node-badge", "aria-label": `${n.badge} powiadomień`, children: n.badge })
+              ]
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__node-actions", children: [
+            M && !m(n.id) && /* @__PURE__ */ e(
+              "button",
+              {
+                className: "nice-sidebar-nav__action-btn nice-sidebar-nav__action-btn--fav",
+                "aria-label": "Dodaj do ulubionych",
+                title: "Dodaj do ulubionych",
+                onClick: (f) => {
+                  f.stopPropagation(), u({
+                    id: n.id,
+                    label: n.label,
+                    icon: n.icon,
+                    route: n.route,
+                    sourceId: n.sourceId,
+                    moduleId: n.moduleId,
+                    addedAt: Date.now()
+                  });
+                },
+                children: "☆"
+              }
+            ),
+            m(n.id) && /* @__PURE__ */ e(
+              "span",
+              {
+                className: "nice-sidebar-nav__action-btn nice-sidebar-nav__action-btn--fav-active",
+                "aria-label": "W ulubionych",
+                title: "W ulubionych",
+                children: "⭐"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: "nice-sidebar-nav__action-btn nice-sidebar-nav__action-btn--hide",
+                "aria-label": "Ukryj element",
+                title: "Ukryj",
+                onClick: (f) => {
+                  f.stopPropagation(), r({ id: n.id, kind: n.kind, label: n.label });
+                },
+                children: "👁"
+              }
+            )
+          ] })
+        ] }),
+        w && g && /* @__PURE__ */ e("ul", { className: "nice-sidebar-nav__children", children: n.children.map((f) => /* @__PURE__ */ e(
+          Ve,
+          {
+            item: f,
+            depth: a + 1,
+            maxDepth: i,
+            activeRoute: l,
+            collapsedIds: s,
+            hiddenIds: h,
+            autoExpand: o,
+            onNavigate: b,
+            onHide: r,
+            onToggleCollapse: t,
+            onAddFavorite: u,
+            isFavorite: m
+          },
+          f.id
+        )) })
+      ]
+    }
+  );
+}
+function Dn(n, a) {
+  return n.map((i) => ({
+    id: i.id,
+    label: i.label,
+    icon: i.icon,
+    kind: "module",
+    sourceId: a,
+    children: i.views.map((l) => ({
+      id: l.id,
+      label: l.label,
+      icon: l.icon,
+      route: l.route,
+      badge: l.badge,
+      kind: "view",
+      sourceId: a,
+      moduleId: i.id,
+      children: []
+    }))
+  }));
+}
+function En(n, a) {
+  return n.map((i) => ({
+    id: i.id,
+    label: i.label,
+    icon: i.icon,
+    kind: "role",
+    sourceId: a,
+    children: i.modules.map((l) => ({
+      id: `${i.id}:${l.id}`,
+      label: l.label,
+      icon: l.icon,
+      kind: "module",
+      sourceId: a,
+      children: l.views.map((s) => ({
+        id: s.id,
+        label: s.label,
+        icon: s.icon,
+        route: s.route,
+        badge: s.badge,
+        kind: "view",
+        sourceId: a,
+        moduleId: l.id,
+        children: []
+      }))
+    }))
+  }));
+}
+function Tn(n, a) {
+  return n.map((i) => ({
+    id: i.id,
+    label: i.label,
+    icon: i.icon,
+    kind: "unit",
+    sourceId: a,
+    children: i.modules.map((l) => ({
+      id: `${i.id}:${l.id}`,
+      label: l.label,
+      icon: l.icon,
+      kind: "module",
+      sourceId: a,
+      children: l.views.map((s) => ({
+        id: s.id,
+        label: s.label,
+        icon: s.icon,
+        route: s.route,
+        badge: s.badge,
+        kind: "view",
+        sourceId: a,
+        moduleId: l.id,
+        children: []
+      }))
+    }))
+  }));
+}
+function In({
+  node: n,
+  mode: a,
+  maxDepth: i,
+  isPinned: l,
+  prefs: s,
+  helpers: h,
+  activeRoute: o,
+  onNavigate: b
+}) {
+  const r = le(() => new Set(s.hiddenItems.map((m) => m.id)), [s.hiddenItems]), t = le(() => a === "all" ? Dn(n.modules, n.source.id) : a === "by-role" ? En(n.roles, n.source.id) : Tn(n.units, n.source.id), [a, n]), u = L(
+    (m) => s.favorites.some((w) => w.id === m),
+    [s.favorites]
+  );
+  return r.has(n.source.id) ? null : /* @__PURE__ */ c("section", { className: "nice-sidebar-nav__source-section", children: [
+    /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__source-header", children: [
+      n.source.icon && /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__source-icon", "aria-hidden": "true", children: n.source.icon }),
+      /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__source-label", children: n.source.label }),
+      /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__source-actions", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: [
+              "nice-sidebar-nav__action-btn nice-sidebar-nav__action-btn--pin",
+              l ? "nice-sidebar-nav__action-btn--pin-active" : ""
+            ].filter(Boolean).join(" "),
+            "aria-label": l ? "Odepnij źródło" : "Przypnij źródło",
+            title: l ? "Odepnij" : "Przypnij",
+            onClick: () => l ? h.unpinSource(a, n.source.id) : h.pinSource(a, n.source.id),
+            children: l ? "📌" : "📍"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-sidebar-nav__action-btn nice-sidebar-nav__action-btn--hide",
+            "aria-label": "Ukryj źródło",
+            title: "Ukryj",
+            onClick: () => h.hideItem({
+              id: n.source.id,
+              kind: "source",
+              label: n.source.label
+            }),
+            children: "👁"
+          }
+        )
+      ] })
+    ] }),
+    i > 1 && /* @__PURE__ */ e("ul", { className: "nice-sidebar-nav__tree", children: t.map((m) => /* @__PURE__ */ e(
+      Ve,
+      {
+        item: m,
+        depth: 2,
+        maxDepth: i,
+        activeRoute: o,
+        collapsedIds: s.collapsedIds,
+        hiddenIds: r,
+        autoExpand: s.autoExpand,
+        onNavigate: b,
+        onHide: h.hideItem,
+        onToggleCollapse: h.toggleCollapse,
+        onAddFavorite: h.addFavorite,
+        isFavorite: u
+      },
+      m.id
+    )) })
+  ] });
+}
+function Ln({ favorites: n, activeRoute: a, onNavigate: i, onRemove: l }) {
+  return n.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-sidebar-nav__empty", children: "Brak ulubionych. Najedź na element i kliknij ☆, aby dodać." }) : /* @__PURE__ */ e("ul", { className: "nice-sidebar-nav__favorites-list", children: n.map((s) => {
+    const h = !!(s.route && s.route === a);
+    return /* @__PURE__ */ c(
+      "li",
+      {
+        className: [
+          "nice-sidebar-nav__fav-item",
+          h ? "nice-sidebar-nav__fav-item--active" : ""
+        ].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ c(
+            "span",
+            {
+              role: "link",
+              tabIndex: 0,
+              className: "nice-sidebar-nav__fav-content",
+              onClick: () => {
+                s.route && i?.(s.route, s);
+              },
+              onKeyDown: (o) => {
+                (o.key === "Enter" || o.key === " ") && s.route && i?.(s.route, s);
+              },
+              children: [
+                s.icon && /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__fav-icon", "aria-hidden": "true", children: s.icon }),
+                /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__fav-label", children: s.label })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-sidebar-nav__action-btn nice-sidebar-nav__action-btn--remove",
+              "aria-label": "Usuń z ulubionych",
+              title: "Usuń z ulubionych",
+              onClick: () => l(s.id),
+              children: "✕"
+            }
+          )
+        ]
+      },
+      s.id
+    );
+  }) });
+}
+const je = ["all", "by-role", "by-unit", "favorites"];
+function On({ prefs: n, helpers: a }) {
+  return /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__prefs", children: [
+    /* @__PURE__ */ e("h3", { className: "nice-sidebar-nav__prefs-title", children: "Preferencje" }),
+    /* @__PURE__ */ c("section", { className: "nice-sidebar-nav__prefs-section", children: [
+      /* @__PURE__ */ e("h4", { className: "nice-sidebar-nav__prefs-section-title", children: "Tryb wyświetlania" }),
+      /* @__PURE__ */ c("label", { className: "nice-sidebar-nav__prefs-row", children: [
+        /* @__PURE__ */ e("span", { children: "Pokaż ikony trybów" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: n.enableModeIcons,
+            onChange: (i) => a.setEnableModeIcons(i.target.checked)
+          }
+        )
+      ] }),
+      je.map((i) => {
+        const l = xe[i], s = n.enabledModes.includes(i);
+        return /* @__PURE__ */ c("label", { className: "nice-sidebar-nav__prefs-row", children: [
+          /* @__PURE__ */ c("span", { children: [
+            l.icon,
+            " ",
+            l.label
+          ] }),
+          /* @__PURE__ */ e("input", { type: "checkbox", checked: s, onChange: () => a.toggleMode(i) })
+        ] }, i);
+      })
+    ] }),
+    /* @__PURE__ */ c("section", { className: "nice-sidebar-nav__prefs-section", children: [
+      /* @__PURE__ */ e("h4", { className: "nice-sidebar-nav__prefs-section-title", children: "Głębokość drzewa" }),
+      je.map((i) => {
+        const l = xe[i], s = n.maxDepth[i] ?? 4;
+        return /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__prefs-row", children: [
+          /* @__PURE__ */ c("span", { children: [
+            l.icon,
+            " ",
+            l.label
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__depth-control", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "range",
+                min: 1,
+                max: 4,
+                value: s,
+                onChange: (h) => a.setMaxDepth(i, Number(h.target.value)),
+                "aria-label": `Głębokość dla trybu ${l.label}`
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__depth-value", children: s })
+          ] })
+        ] }, i);
+      })
+    ] }),
+    /* @__PURE__ */ c("section", { className: "nice-sidebar-nav__prefs-section", children: [
+      /* @__PURE__ */ e("h4", { className: "nice-sidebar-nav__prefs-section-title", children: "Zachowanie drzewa" }),
+      /* @__PURE__ */ c("label", { className: "nice-sidebar-nav__prefs-row", children: [
+        /* @__PURE__ */ e("span", { children: "Domyślnie rozwiń wszystko" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: n.autoExpand,
+            onChange: (i) => a.setAutoExpand(i.target.checked)
+          }
+        )
+      ] })
+    ] }),
+    n.hiddenItems.length > 0 && /* @__PURE__ */ c("section", { className: "nice-sidebar-nav__prefs-section", children: [
+      /* @__PURE__ */ e("h4", { className: "nice-sidebar-nav__prefs-section-title", children: "Ukryte elementy" }),
+      /* @__PURE__ */ e("ul", { className: "nice-sidebar-nav__hidden-list", children: n.hiddenItems.map((i) => /* @__PURE__ */ c("li", { className: "nice-sidebar-nav__hidden-item", children: [
+        /* @__PURE__ */ c("span", { className: "nice-sidebar-nav__hidden-label", children: [
+          /* @__PURE__ */ c("span", { className: "nice-sidebar-nav__hidden-kind", children: [
+            "[",
+            i.kind,
+            "]"
+          ] }),
+          " ",
+          i.label
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-sidebar-nav__action-btn",
+            onClick: () => a.restoreItem(i.id),
+            "aria-label": `Przywróć ${i.label}`,
+            title: "Przywróć",
+            children: "↩"
+          }
+        )
+      ] }, i.id)) })
+    ] }),
+    /* @__PURE__ */ e("section", { className: "nice-sidebar-nav__prefs-section", children: /* @__PURE__ */ e(
+      "button",
+      {
+        className: "nice-sidebar-nav__btn-reset",
+        onClick: a.resetAll,
+        "aria-label": "Zresetuj wszystkie preferencje",
+        children: "Resetuj wszystkie preferencje"
+      }
+    ) })
+  ] });
+}
+const ma = ne(
+  function({
+    data: a,
+    userId: i,
+    activeRoute: l,
+    onNavigate: s,
+    enableModeIcons: h,
+    preferences: o,
+    onPreferencesChange: b,
+    width: r = 264,
+    size: t = "md",
+    className: u,
+    "data-testid": m
+  }, w) {
+    const [d, g] = zn(
+      i,
+      h,
+      o,
+      b
+    ), z = le(() => {
+      const $ = d.activeMode;
+      if ($ === "favorites" || $ === "preferences") return a;
+      const p = d.pinnedSources[$];
+      return !p || p.length === 0 ? a : a.filter((y) => p.includes(y.source.id));
+    }, [a, d.activeMode, d.pinnedSources]), M = d.maxDepth[d.activeMode] ?? 4;
+    function T() {
+      const $ = d.activeMode;
+      return $ === "favorites" ? /* @__PURE__ */ e(
+        Ln,
+        {
+          favorites: d.favorites,
+          activeRoute: l,
+          onNavigate: s,
+          onRemove: g.removeFavorite
+        }
+      ) : $ === "preferences" ? /* @__PURE__ */ e(On, { prefs: d, helpers: g }) : z.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-sidebar-nav__empty", children: "Brak widocznych źródeł danych dla tego trybu." }) : z.map((p) => {
+        const y = (d.pinnedSources[$] ?? []).includes(p.source.id);
+        return /* @__PURE__ */ e(
+          In,
+          {
+            node: p,
+            mode: $,
+            maxDepth: M,
+            isPinned: y,
+            prefs: d,
+            helpers: g,
+            activeRoute: l,
+            onNavigate: s
+          },
+          p.source.id
+        );
+      });
+    }
+    const f = [
+      "nice-sidebar-nav",
+      `nice-sidebar-nav--${t}`,
+      d.enableModeIcons ? "nice-sidebar-nav--with-strip" : "",
+      u
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: w,
+        className: f,
+        style: { width: r },
+        "data-testid": m,
+        "data-mode": d.activeMode,
+        children: [
+          d.enableModeIcons && /* @__PURE__ */ e(
+            Mn,
+            {
+              enabledModes: d.enabledModes,
+              activeMode: d.activeMode,
+              onSelect: g.setMode
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__content", children: [
+            !d.enableModeIcons && d.activeMode !== "favorites" && d.activeMode !== "preferences" && /* @__PURE__ */ c("div", { className: "nice-sidebar-nav__mode-inline-actions", children: [
+              ["all", "by-role", "by-unit", "favorites"].map(($) => {
+                const p = xe[$], y = d.activeMode === $;
+                return !d.enabledModes.includes($) && $ !== "all" ? null : /* @__PURE__ */ c(
+                  "button",
+                  {
+                    className: [
+                      "nice-sidebar-nav__mode-pill",
+                      y ? "nice-sidebar-nav__mode-pill--active" : ""
+                    ].filter(Boolean).join(" "),
+                    onClick: () => g.setMode($),
+                    "aria-label": p.label,
+                    title: p.label,
+                    children: [
+                      p.icon,
+                      " ",
+                      /* @__PURE__ */ e("span", { className: "nice-sidebar-nav__mode-pill-label", children: p.label })
+                    ]
+                  },
+                  $
+                );
+              }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: [
+                    "nice-sidebar-nav__mode-pill",
+                    d.activeMode === "preferences" ? "nice-sidebar-nav__mode-pill--active" : ""
+                  ].filter(Boolean).join(" "),
+                  onClick: () => g.setMode("preferences"),
+                  "aria-label": "Preferencje",
+                  title: "Preferencje",
+                  children: xe.preferences.icon
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "nice-sidebar-nav__body", children: T() })
+          ] })
+        ]
+      }
+    );
+  }
+), An = ne(
+  ({
+    tabs: n,
+    activeIndex: a,
+    renderTab: i,
+    onActiveChange: l,
+    onCloseTab: s,
+    onReorderTabs: h,
+    onSaveState: o,
+    enableShortcuts: b = !0,
+    maxTabs: r = 0,
+    showDirtyIndicator: t = !0,
+    tabBarPosition: u = "top",
+    draggable: m = !0,
+    showAddButton: w = !1,
+    onAddTab: d,
+    keepAlive: g = !0,
+    // OmniVerk 10.2
+    warnOnUnsavedClose: z = !0,
+    maxClosedTabs: M = 10,
+    onUndoCloseTab: T,
+    getTabState: f,
+    unsavedWarningMessage: $,
+    className: p,
+    style: y,
+    id: x,
+    accessMode: C,
+    ...A
+  }, S) => {
+    const k = ie(x), N = ce(C, x), { t: D } = oe(), _ = he(null), [Y, K] = R(null), [Q, W] = R(null), [V, j] = R([]), [J, B] = R(null), O = L((E, I, ee = !1) => {
+      if (!ee && z && E.isDirty) {
+        B({ tab: E, index: I });
+        return;
+      }
+      const te = {
+        tab: { ...E },
+        originalIndex: I,
+        closedAt: Date.now(),
+        state: f?.(E)
+      };
+      j((fe) => [te, ...fe].slice(0, M)), s?.(E, I);
+    }, [z, M, f, s]), X = L(() => {
+      if (V.length === 0) return;
+      const [E, ...I] = V;
+      j(I), T?.(E);
+    }, [V, T]);
+    re(() => {
+      if (!b) return;
+      const E = (I) => {
+        const ee = I.ctrlKey || I.metaKey;
+        if (ee && I.key === "w") {
+          I.preventDefault();
+          const te = n[a];
+          te && te.closable !== !1 && O(te, a);
+        } else if (ee && I.key === "Tab") {
+          I.preventDefault();
+          const te = I.shiftKey ? -1 : 1, fe = (a + te + n.length) % n.length;
+          l?.(fe);
+        } else ee && I.shiftKey && (I.key === "t" || I.key === "T") && (I.preventDefault(), X());
+      };
+      return window.addEventListener("keydown", E), () => window.removeEventListener("keydown", E);
+    }, [b, n, a, O, X, l]), re(() => {
+      if (!o) return;
+      const E = setTimeout(() => {
+        o({ tabs: n, activeTabIndex: a });
+      }, 500);
+      return () => clearTimeout(E);
+    }, [n, a, o]);
+    const q = L((E) => {
+      m && W(E);
+    }, [m]), me = L((E, I) => {
+      E.preventDefault();
+    }, [Q]), ve = L((E) => {
+      if (Q === null || Q === E) return;
+      const I = [...n], [ee] = I.splice(Q, 1);
+      I.splice(E, 0, ee), h?.(I), W(null);
+      let te = a;
+      a === Q ? te = E : Q < a && E >= a ? te-- : Q > a && E <= a && te++, te !== a && l?.(te);
+    }, [Q, n, a, h, l]), pe = L((E, I) => {
+      E.preventDefault(), K({ tabIndex: I, x: E.clientX, y: E.clientY });
+    }, []), de = L(() => K(null), []), F = le(() => {
+      if (!Y) return [];
+      const E = n[Y.tabIndex];
+      return [
+        { label: D("wm.close", "Close"), action: () => {
+          O(E, Y.tabIndex), de();
+        }, disabled: E.closable === !1 },
+        { label: D("wm.closeAll", "Close all"), action: () => {
+          n.forEach((I, ee) => I.closable !== !1 && O(I, ee)), de();
+        } },
+        { label: D("wm.closeOthers", "Close others"), action: () => {
+          n.forEach((I, ee) => ee !== Y.tabIndex && I.closable !== !1 && O(I, ee)), de();
+        } },
+        { label: D("controls.pin", "Pin"), action: () => de() },
+        { type: "divider" },
+        { label: D("wm.reopenClosed", "Reopen closed tab"), action: () => {
+          X(), de();
+        }, disabled: V.length === 0, shortcut: "Ctrl+Shift+T" }
+      ];
+    }, [Y, n, D, O, X, V.length, de]);
+    if (re(() => {
+      if (!Y) return;
+      const E = () => de();
+      return window.addEventListener("click", E), () => window.removeEventListener("click", E);
+    }, [Y, de]), N === "hidden") return null;
+    const Z = /* @__PURE__ */ c("div", { className: `nice-mdi__tab-bar nice-mdi__tab-bar--${u}`, role: "tablist", children: [
+      n.map((E, I) => /* @__PURE__ */ c(
+        "div",
+        {
+          className: `nice-mdi__tab ${I === a ? "nice-mdi__tab--active" : ""} ${E.isPinned ? "nice-mdi__tab--pinned" : ""}`,
+          role: "tab",
+          "aria-selected": I === a,
+          onClick: () => l?.(I),
+          onContextMenu: (ee) => pe(ee, I),
+          draggable: m,
+          onDragStart: () => q(I),
+          onDragOver: (ee) => me(ee, I),
+          onDrop: () => ve(I),
+          children: [
+            E.icon && /* @__PURE__ */ e("span", { className: "nice-mdi__tab-icon", children: E.icon }),
+            /* @__PURE__ */ e("span", { className: "nice-mdi__tab-title", children: E.title }),
+            t && E.isDirty && /* @__PURE__ */ e("span", { className: "nice-mdi__tab-dirty", title: "Unsaved changes", children: "●" }),
+            E.closable !== !1 && !E.isPinned && /* @__PURE__ */ e(
+              "button",
+              {
+                className: "nice-mdi__tab-close",
+                onClick: (ee) => {
+                  ee.stopPropagation(), O(E, I);
+                },
+                "aria-label": D("wm.close", "Close"),
+                type: "button",
+                children: "×"
+              }
+            )
+          ]
+        },
+        E.id
+      )),
+      w && /* @__PURE__ */ e(
+        "button",
+        {
+          className: "nice-mdi__tab-add",
+          onClick: d,
+          "aria-label": D("controls.new", "New"),
+          type: "button",
+          children: "+"
+        }
+      )
+    ] }), U = g ? /* @__PURE__ */ e("div", { className: "nice-mdi__content", children: n.map((E, I) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: "nice-mdi__panel",
+        role: "tabpanel",
+        style: { display: I === a ? "block" : "none" },
+        children: i(E, I)
+      },
+      E.id
+    )) }) : /* @__PURE__ */ e("div", { className: "nice-mdi__content", children: n[a] && /* @__PURE__ */ e("div", { className: "nice-mdi__panel", role: "tabpanel", children: i(n[a], a) }) });
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: (E) => {
+          _.current = E, typeof S == "function" ? S(E) : S && (S.current = E);
+        },
+        id: k,
+        className: `nice-mdi ${p ?? ""}`,
+        style: y,
+        ...A,
+        children: [
+          u === "top" && Z,
+          U,
+          u === "bottom" && Z,
+          Y && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "nice-mdi__ctx-menu",
+              style: { position: "fixed", left: Y.x, top: Y.y, zIndex: 9999 },
+              children: F.map((E, I) => "type" in E && E.type === "divider" ? /* @__PURE__ */ e("div", { className: "nice-mdi__ctx-divider" }, I) : /* @__PURE__ */ c(
+                "button",
+                {
+                  className: "nice-mdi__ctx-item",
+                  onClick: E.action,
+                  disabled: E.disabled,
+                  type: "button",
+                  children: [
+                    /* @__PURE__ */ e("span", { className: "nice-mdi__ctx-label", children: E.label }),
+                    "shortcut" in E && E.shortcut && /* @__PURE__ */ e("span", { className: "nice-mdi__ctx-shortcut", children: E.shortcut })
+                  ]
+                },
+                I
+              ))
+            }
+          ),
+          J && /* @__PURE__ */ e("div", { className: "nice-mdi__modal-backdrop", onClick: () => B(null), children: /* @__PURE__ */ c("div", { className: "nice-mdi__modal", onClick: (E) => E.stopPropagation(), children: [
+            /* @__PURE__ */ e("div", { className: "nice-mdi__modal-icon", children: "⚠️" }),
+            /* @__PURE__ */ e("h3", { className: "nice-mdi__modal-title", children: D("wm.unsavedTitle", "Unsaved Changes") }),
+            /* @__PURE__ */ e("p", { className: "nice-mdi__modal-message", children: $ ?? D("wm.unsavedMessage", `"${J.tab.title}" has unsaved changes. Do you want to close it anyway?`) }),
+            /* @__PURE__ */ c("div", { className: "nice-mdi__modal-actions", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-mdi__modal-btn nice-mdi__modal-btn--secondary",
+                  onClick: () => B(null),
+                  children: D("controls.cancel", "Cancel")
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-mdi__modal-btn nice-mdi__modal-btn--danger",
+                  onClick: () => {
+                    O(J.tab, J.index, !0), B(null);
+                  },
+                  children: D("wm.closeAnyway", "Close Anyway")
+                }
+              )
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+An.displayName = "NiceMdiWorkspace";
+const Yn = ne(
+  ({
+    menu: n,
+    activeRoute: a,
+    toolbar: i,
+    statusBar: l,
+    sidebarHeader: s,
+    sidebarFooter: h,
+    onNavigate: o,
+    children: b,
+    className: r,
+    style: t,
+    id: u,
+    accessMode: m,
+    ...w
+  }, d) => {
+    const g = ie(u), z = ce(m, u), { t: M } = oe(), [T, f] = R(!1);
+    return z === "hidden" ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: d,
+        id: g,
+        className: `nice-shell nice-shell--classic ${T ? "nice-shell--sidebar-collapsed" : ""} ${r ?? ""}`,
+        style: t,
+        ...w,
+        children: [
+          /* @__PURE__ */ c("aside", { className: "nice-shell__sidebar", children: [
+            s && /* @__PURE__ */ e("div", { className: "nice-shell__sidebar-header", children: s }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: "nice-shell__sidebar-toggle",
+                onClick: () => f(($) => !$),
+                type: "button",
+                "aria-label": T ? M("expand", "Expand") : M("collapse", "Collapse"),
+                children: T ? "▸" : "◂"
+              }
+            ),
+            n && !T && /* @__PURE__ */ e("nav", { className: "nice-shell__nav", role: "navigation", children: n.modules.filter(($) => $.isAvailable).sort(($, p) => $.order - p.order).map(($) => /* @__PURE__ */ c("div", { className: "nice-shell__nav-group", children: [
+              /* @__PURE__ */ c("div", { className: "nice-shell__nav-group-label", children: [
+                $.icon && /* @__PURE__ */ e("span", { children: $.icon }),
+                /* @__PURE__ */ e("span", { children: $.label })
+              ] }),
+              /* @__PURE__ */ e("ul", { children: $.entities.map((p) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+                "button",
+                {
+                  className: `nice-shell__nav-item ${a === p.route ? "nice-shell__nav-item--active" : ""}`,
+                  onClick: () => o?.(p.route),
+                  type: "button",
+                  children: p.label
+                }
+              ) }, p.id)) })
+            ] }, $.id)) }),
+            h && /* @__PURE__ */ e("div", { className: "nice-shell__sidebar-footer", children: h })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-shell__main", children: [
+            i && /* @__PURE__ */ e("header", { className: "nice-shell__toolbar", children: i }),
+            /* @__PURE__ */ e("main", { className: "nice-shell__content", children: b }),
+            l && /* @__PURE__ */ e("footer", { className: "nice-shell__status-bar", children: l })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Yn.displayName = "NiceClassicShell";
+const Rn = ne(
+  ({
+    topBar: n,
+    sidePanel: a,
+    sidePanelPosition: i = "left",
+    sidePanelWidth: l = 280,
+    children: s,
+    className: h,
+    style: o,
+    id: b,
+    accessMode: r,
+    ...t
+  }, u) => {
+    const m = ie(b);
+    return ce(r, b) === "hidden" ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: u,
+        id: m,
+        className: `nice-shell nice-shell--dashboard ${h ?? ""}`,
+        style: o,
+        ...t,
+        children: [
+          n && /* @__PURE__ */ e("header", { className: "nice-shell__top-bar", children: n }),
+          /* @__PURE__ */ c("div", { className: `nice-shell__dashboard-body nice-shell__dashboard-body--panel-${i}`, children: [
+            a && /* @__PURE__ */ e("aside", { className: "nice-shell__side-panel", style: { width: l }, children: a }),
+            /* @__PURE__ */ e("main", { className: "nice-shell__dashboard-content", children: s })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Rn.displayName = "NiceDashboardShell";
+const Fn = ne(
+  ({
+    topBar: n,
+    bottomNav: a,
+    children: i,
+    className: l,
+    style: s,
+    id: h,
+    accessMode: o,
+    ...b
+  }, r) => {
+    const t = ie(h);
+    return ce(o, h) === "hidden" ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: r,
+        id: t,
+        className: `nice-shell nice-shell--compact ${l ?? ""}`,
+        style: s,
+        ...b,
+        children: [
+          n && /* @__PURE__ */ e("header", { className: "nice-shell__compact-top", children: n }),
+          /* @__PURE__ */ e("main", { className: "nice-shell__compact-content", children: i }),
+          a && /* @__PURE__ */ e("footer", { className: "nice-shell__compact-bottom", children: a })
+        ]
+      }
+    );
+  }
+);
+Fn.displayName = "NiceCompactShell";
+const jn = ne(
+  ({
+    overlay: n,
+    lockScreen: a,
+    locked: i = !1,
+    children: l,
+    className: s,
+    style: h,
+    id: o,
+    accessMode: b,
+    ...r
+  }, t) => {
+    const u = ie(o);
+    return ce(b, o) === "hidden" ? null : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: t,
+        id: u,
+        className: `nice-shell nice-shell--kiosk ${s ?? ""}`,
+        style: { ...h, position: "fixed", inset: 0 },
+        ...r,
+        children: i && a ? /* @__PURE__ */ e("div", { className: "nice-shell__kiosk-lock", children: a }) : /* @__PURE__ */ c(Le, { children: [
+          /* @__PURE__ */ e("main", { className: "nice-shell__kiosk-content", children: l }),
+          n && /* @__PURE__ */ e("div", { className: "nice-shell__kiosk-overlay", children: n })
+        ] })
+      }
+    );
+  }
+);
+jn.displayName = "NiceKioskShell";
+const Wn = ne(
+  ({
+    modes: n,
+    activeMode: a,
+    onModeChange: i,
+    variant: l = "dropdown",
+    gridColumns: s = 3,
+    showDescription: h = !0,
+    showColorIndicator: o = !0,
+    compact: b = !1,
+    size: r = "md",
+    className: t,
+    style: u,
+    id: m,
+    accessMode: w,
+    ...d
+  }, g) => {
+    const z = ie(m), M = ce(w, m), { t: T } = oe(), [f, $] = R(!1), p = he(null), y = n.find((C) => C.key === a);
+    re(() => {
+      if (!f) return;
+      const C = (A) => {
+        p.current && !p.current.contains(A.target) && $(!1);
+      };
+      return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+    }, [f]);
+    const x = L(
+      (C) => {
+        i?.(C), $(!1);
+      },
+      [i]
+    );
+    return M === "hidden" ? null : l === "dropdown" ? /* @__PURE__ */ c(
+      "div",
+      {
+        ref: (C) => {
+          p.current = C, typeof g == "function" ? g(C) : g && (g.current = C);
+        },
+        id: z,
+        className: `nice-mode-selector nice-mode-selector--dropdown nice-mode-selector--${r} ${t ?? ""}`,
+        style: u,
+        ...d,
+        children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              className: "nice-mode-selector__trigger",
+              onClick: () => $((C) => !C),
+              "aria-expanded": f,
+              "aria-haspopup": "listbox",
+              type: "button",
+              children: [
+                o && y?.color && /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: "nice-mode-selector__color",
+                    style: { backgroundColor: y.color }
+                  }
+                ),
+                y?.icon && /* @__PURE__ */ e("span", { className: "nice-mode-selector__icon", children: y.icon }),
+                /* @__PURE__ */ e("span", { className: "nice-mode-selector__label", children: y?.displayName ?? a }),
+                /* @__PURE__ */ e("span", { className: "nice-mode-selector__chevron", children: f ? "▴" : "▾" })
+              ]
+            }
+          ),
+          f && /* @__PURE__ */ e("ul", { className: "nice-mode-selector__menu", role: "listbox", children: n.map((C) => /* @__PURE__ */ c(
+            "li",
+            {
+              className: `nice-mode-selector__option ${C.key === a ? "nice-mode-selector__option--active" : ""}`,
+              role: "option",
+              "aria-selected": C.key === a,
+              onClick: () => x(C),
+              children: [
+                o && C.color && /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: "nice-mode-selector__color",
+                    style: { backgroundColor: C.color }
+                  }
+                ),
+                C.icon && /* @__PURE__ */ e("span", { className: "nice-mode-selector__icon", children: C.icon }),
+                /* @__PURE__ */ c("div", { children: [
+                  /* @__PURE__ */ e("div", { className: "nice-mode-selector__name", children: C.displayName }),
+                  h && C.description && /* @__PURE__ */ e("div", { className: "nice-mode-selector__desc", children: C.description })
+                ] })
+              ]
+            },
+            C.key
+          )) })
+        ]
+      }
+    ) : l === "pills" ? /* @__PURE__ */ e(
+      "div",
+      {
+        ref: g,
+        id: z,
+        className: `nice-mode-selector nice-mode-selector--pills ${t ?? ""}`,
+        style: u,
+        role: "radiogroup",
+        ...d,
+        children: n.map((C) => /* @__PURE__ */ c(
+          "button",
+          {
+            className: `nice-mode-selector__pill ${C.key === a ? "nice-mode-selector__pill--active" : ""}`,
+            style: o && C.color ? { borderColor: C.color } : void 0,
+            onClick: () => x(C),
+            role: "radio",
+            "aria-checked": C.key === a,
+            type: "button",
+            children: [
+              C.icon && /* @__PURE__ */ e("span", { children: C.icon }),
+              /* @__PURE__ */ e("span", { children: C.displayName })
+            ]
+          },
+          C.key
+        ))
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: g,
+        id: z,
+        className: `nice-mode-selector nice-mode-selector--card-grid ${t ?? ""}`,
+        style: { ...u, gridTemplateColumns: `repeat(${s}, 1fr)` },
+        role: "radiogroup",
+        ...d,
+        children: n.map((C) => /* @__PURE__ */ c(
+          "button",
+          {
+            className: `nice-mode-selector__card ${C.key === a ? "nice-mode-selector__card--active" : ""} ${b ? "nice-mode-selector__card--compact" : ""}`,
+            onClick: () => x(C),
+            role: "radio",
+            "aria-checked": C.key === a,
+            type: "button",
+            children: [
+              o && C.color && /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "nice-mode-selector__card-stripe",
+                  style: { backgroundColor: C.color }
+                }
+              ),
+              C.icon && /* @__PURE__ */ e("div", { className: "nice-mode-selector__card-icon", children: C.icon }),
+              /* @__PURE__ */ e("div", { className: "nice-mode-selector__card-name", children: C.displayName }),
+              h && C.description && !b && /* @__PURE__ */ e("div", { className: "nice-mode-selector__card-desc", children: C.description }),
+              C.sourcePackage && !b && /* @__PURE__ */ e("div", { className: "nice-mode-selector__card-pkg", children: C.sourcePackage })
+            ]
+          },
+          C.key
+        ))
+      }
+    );
+  }
+);
+Wn.displayName = "NiceModeSelector";
+function Bn(n) {
+  const a = /* @__PURE__ */ new Map();
+  for (const i of n.sort((l, s) => l.orderIndex - s.orderIndex))
+    a.has(i.category) || a.set(i.category, []), a.get(i.category).push(i);
+  return Array.from(a, ([i, l]) => ({ category: i, items: l }));
+}
+const Un = ({ question: n, value: a, onChange: i }) => {
+  switch (n.questionType) {
+    case "boolean":
+      return /* @__PURE__ */ c("div", { className: "nice-onboarding__field nice-onboarding__field--boolean", children: [
+        /* @__PURE__ */ c("label", { className: "nice-onboarding__label", children: [
+          n.question,
+          n.isRequired && /* @__PURE__ */ e("span", { className: "nice-onboarding__required", children: "*" })
+        ] }),
+        n.helpText && /* @__PURE__ */ e("p", { className: "nice-onboarding__help", children: n.helpText }),
+        /* @__PURE__ */ c("div", { className: "nice-onboarding__boolean-group", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: `nice-onboarding__bool-btn ${a === "true" ? "nice-onboarding__bool-btn--active" : ""}`,
+              onClick: () => i("true"),
+              type: "button",
+              children: "✓"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: `nice-onboarding__bool-btn ${a === "false" ? "nice-onboarding__bool-btn--active" : ""}`,
+              onClick: () => i("false"),
+              type: "button",
+              children: "✗"
+            }
+          )
+        ] })
+      ] });
+    case "select":
+      return /* @__PURE__ */ c("div", { className: "nice-onboarding__field nice-onboarding__field--select", children: [
+        /* @__PURE__ */ c("label", { className: "nice-onboarding__label", children: [
+          n.question,
+          n.isRequired && /* @__PURE__ */ e("span", { className: "nice-onboarding__required", children: "*" })
+        ] }),
+        n.helpText && /* @__PURE__ */ e("p", { className: "nice-onboarding__help", children: n.helpText }),
+        /* @__PURE__ */ e("div", { className: "nice-onboarding__options", children: n.options?.map((l) => /* @__PURE__ */ e(
+          "button",
+          {
+            className: `nice-onboarding__option ${a === l ? "nice-onboarding__option--selected" : ""}`,
+            onClick: () => i(l),
+            type: "button",
+            children: l
+          },
+          l
+        )) })
+      ] });
+    case "multiSelect":
+      return /* @__PURE__ */ c("div", { className: "nice-onboarding__field nice-onboarding__field--multi", children: [
+        /* @__PURE__ */ c("label", { className: "nice-onboarding__label", children: [
+          n.question,
+          n.isRequired && /* @__PURE__ */ e("span", { className: "nice-onboarding__required", children: "*" })
+        ] }),
+        n.helpText && /* @__PURE__ */ e("p", { className: "nice-onboarding__help", children: n.helpText }),
+        /* @__PURE__ */ e("div", { className: "nice-onboarding__options", children: n.options?.map((l) => {
+          const s = a.split(",").filter(Boolean), h = s.includes(l);
+          return /* @__PURE__ */ e(
+            "button",
+            {
+              className: `nice-onboarding__option ${h ? "nice-onboarding__option--selected" : ""}`,
+              onClick: () => {
+                const o = h ? s.filter((b) => b !== l) : [...s, l];
+                i(o.join(","));
+              },
+              type: "button",
+              children: l
+            },
+            l
+          );
+        }) })
+      ] });
+    case "number":
+      return /* @__PURE__ */ c("div", { className: "nice-onboarding__field nice-onboarding__field--number", children: [
+        /* @__PURE__ */ c("label", { className: "nice-onboarding__label", children: [
+          n.question,
+          n.isRequired && /* @__PURE__ */ e("span", { className: "nice-onboarding__required", children: "*" })
+        ] }),
+        n.helpText && /* @__PURE__ */ e("p", { className: "nice-onboarding__help", children: n.helpText }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            className: "nice-onboarding__input",
+            value: a,
+            onChange: (l) => i(l.target.value)
+          }
+        )
+      ] });
+    case "date":
+      return /* @__PURE__ */ c("div", { className: "nice-onboarding__field nice-onboarding__field--date", children: [
+        /* @__PURE__ */ c("label", { className: "nice-onboarding__label", children: [
+          n.question,
+          n.isRequired && /* @__PURE__ */ e("span", { className: "nice-onboarding__required", children: "*" })
+        ] }),
+        n.helpText && /* @__PURE__ */ e("p", { className: "nice-onboarding__help", children: n.helpText }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "date",
+            className: "nice-onboarding__input",
+            value: a,
+            onChange: (l) => i(l.target.value)
+          }
+        )
+      ] });
+    default:
+      return /* @__PURE__ */ c("div", { className: "nice-onboarding__field nice-onboarding__field--text", children: [
+        /* @__PURE__ */ c("label", { className: "nice-onboarding__label", children: [
+          n.question,
+          n.isRequired && /* @__PURE__ */ e("span", { className: "nice-onboarding__required", children: "*" })
+        ] }),
+        n.helpText && /* @__PURE__ */ e("p", { className: "nice-onboarding__help", children: n.helpText }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            className: "nice-onboarding__input",
+            value: a,
+            onChange: (l) => i(l.target.value),
+            placeholder: n.defaultValue
+          }
+        )
+      ] });
+  }
+}, Pn = ne(
+  ({
+    questions: n,
+    initialAnswers: a = [],
+    stepLabels: i,
+    onComplete: l,
+    onCancel: s,
+    onStepChange: h,
+    welcomeContent: o,
+    completionContent: b,
+    showProgress: r = !0,
+    allowBack: t = !0,
+    logo: u,
+    size: m = "md",
+    className: w,
+    style: d,
+    id: g,
+    accessMode: z,
+    ...M
+  }, T) => {
+    const f = ie(g), $ = ce(z, g), { t: p } = oe(), y = le(() => Bn(n), [n]), x = !!o, C = !!b, A = x ? -1 : 0, S = C ? y.length : y.length - 1, [k, N] = R(A), [D, _] = R(() => {
+      const B = /* @__PURE__ */ new Map();
+      for (const O of a) B.set(O.questionId, O.answer);
+      for (const O of n)
+        !B.has(O.id) && O.defaultValue && B.set(O.id, O.defaultValue);
+      return B;
+    }), Y = L((B, O) => {
+      _((X) => {
+        const q = new Map(X);
+        return q.set(B, O), q;
+      });
+    }, []), K = le(() => k < 0 || k >= y.length ? !0 : y[k].items.every(
+      (O) => !O.isRequired || (D.get(O.id) ?? "").trim().length > 0
+    ), [k, y, D]), Q = L(() => {
+      if (k >= S) {
+        const O = [];
+        D.forEach((X, q) => O.push({ questionId: q, answer: X })), l?.(O);
+        return;
+      }
+      const B = k + 1;
+      N(B), h?.(B);
+    }, [k, S, D, l, h]), W = L(() => {
+      if (k <= A) return;
+      const B = k - 1;
+      N(B), h?.(B);
+    }, [k, A, h]), V = y.length + (x ? 1 : 0) + (C ? 1 : 0), j = k - A, J = Math.round(j / Math.max(V - 1, 1) * 100);
+    return $ === "hidden" ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: T,
+        id: f,
+        className: `nice-onboarding nice-onboarding--${m} ${w ?? ""}`,
+        style: d,
+        ...M,
+        children: [
+          /* @__PURE__ */ c("div", { className: "nice-onboarding__header", children: [
+            u && /* @__PURE__ */ e("div", { className: "nice-onboarding__logo", children: u }),
+            r && /* @__PURE__ */ e("div", { className: "nice-onboarding__progress", children: /* @__PURE__ */ e("div", { className: "nice-onboarding__progress-bar", style: { width: `${J}%` } }) }),
+            /* @__PURE__ */ e("div", { className: "nice-onboarding__steps", children: y.map((B, O) => /* @__PURE__ */ c(
+              "div",
+              {
+                className: `nice-onboarding__step-dot ${O === k ? "nice-onboarding__step-dot--active" : ""} ${O < k ? "nice-onboarding__step-dot--done" : ""}`,
+                children: [
+                  /* @__PURE__ */ e("span", { children: O + 1 }),
+                  /* @__PURE__ */ e("span", { className: "nice-onboarding__step-label", children: i?.[O] ?? B.category })
+                ]
+              },
+              O
+            )) })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-onboarding__body", children: [
+            k === -1 && o,
+            k >= 0 && k < y.length && /* @__PURE__ */ c("div", { className: "nice-onboarding__questions", children: [
+              /* @__PURE__ */ e("h2", { className: "nice-onboarding__category", children: y[k].category }),
+              y[k].items.map((B) => /* @__PURE__ */ e(
+                Un,
+                {
+                  question: B,
+                  value: D.get(B.id) ?? "",
+                  onChange: (O) => Y(B.id, O)
+                },
+                B.id
+              ))
+            ] }),
+            k === y.length && b
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-onboarding__footer", children: [
+            s && /* @__PURE__ */ e(
+              "button",
+              {
+                className: "nice-onboarding__btn nice-onboarding__btn--cancel",
+                onClick: s,
+                type: "button",
+                children: p("cancel", "Cancel")
+              }
+            ),
+            /* @__PURE__ */ c("div", { className: "nice-onboarding__footer-right", children: [
+              t && k > A && /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nice-onboarding__btn nice-onboarding__btn--back",
+                  onClick: W,
+                  type: "button",
+                  children: p("back", "Back")
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "nice-onboarding__btn nice-onboarding__btn--next",
+                  onClick: Q,
+                  disabled: !K,
+                  type: "button",
+                  children: k >= S ? p("finish", "Finish") : p("next", "Next")
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Pn.displayName = "NiceOnboardingWizard";
+const Vn = [
+  { key: "Mon", label: "Monday" },
+  { key: "Tue", label: "Tuesday" },
+  { key: "Wed", label: "Wednesday" },
+  { key: "Thu", label: "Thursday" },
+  { key: "Fri", label: "Friday" },
+  { key: "Sat", label: "Saturday" },
+  { key: "Sun", label: "Sunday" }
+], Hn = [
+  { value: "YYYY-MM-DD", label: "YYYY-MM-DD" },
+  { value: "DD/MM/YYYY", label: "DD/MM/YYYY" },
+  { value: "MM/DD/YYYY", label: "MM/DD/YYYY" },
+  { value: "DD.MM.YYYY", label: "DD.MM.YYYY" }
+], We = [
+  "basic",
+  "contact",
+  "address",
+  "branding",
+  "localization",
+  "fiscal",
+  "preferences"
+], ge = ({ title: n, expanded: a, onToggle: i }) => /* @__PURE__ */ c(
+  "button",
+  {
+    className: `nice-org-form__section-header ${a ? "nice-org-form__section-header--expanded" : ""}`,
+    onClick: i,
+    type: "button",
+    "aria-expanded": a,
+    children: [
+      /* @__PURE__ */ e("span", { className: "nice-org-form__section-title", children: n }),
+      /* @__PURE__ */ e("span", { className: "nice-org-form__section-chevron", children: a ? "▾" : "▸" })
+    ]
+  }
+), Kn = ne(
+  ({
+    profile: n,
+    onChange: a,
+    onSave: i,
+    onCancel: l,
+    sections: s,
+    expandedSections: h,
+    showActions: o = !0,
+    countryOptions: b,
+    languageOptions: r,
+    currencyOptions: t,
+    timezoneOptions: u,
+    saving: m = !1,
+    className: w,
+    style: d,
+    id: g,
+    accessMode: z,
+    ...M
+  }, T) => {
+    const f = ie(g), $ = ce(z, g), { t: p } = oe(), y = le(
+      () => s && s.length > 0 ? s : We,
+      [s]
+    ), [x, C] = R(
+      () => new Set(h ?? We)
+    ), A = L((_) => {
+      C((Y) => {
+        const K = new Set(Y);
+        return K.has(_) ? K.delete(_) : K.add(_), K;
+      });
+    }, []), S = $ === "readOnly", k = $ === "disabled", N = L(
+      (_, Y) => {
+        a?.({ ...n, [_]: Y });
+      },
+      [n, a]
+    ), D = L(() => {
+      i?.(n);
+    }, [n, i]);
+    return $ === "hidden" ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: T,
+        id: f,
+        className: `nice-org-form ${w ?? ""}`,
+        style: d,
+        ...M,
+        children: [
+          y.includes("basic") && /* @__PURE__ */ c("div", { className: "nice-org-form__section", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                title: p("org.basic", "Company Information"),
+                expanded: x.has("basic"),
+                onToggle: () => A("basic")
+              }
+            ),
+            x.has("basic") && /* @__PURE__ */ c("div", { className: "nice-org-form__fields", children: [
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.name", "Company Name"),
+                  value: n.name,
+                  onChange: (_) => N("name", _),
+                  required: !0,
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.legalName", "Legal Name"),
+                  value: n.legalName ?? "",
+                  onChange: (_) => N("legalName", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.taxId", "Tax ID"),
+                  value: n.taxId ?? "",
+                  onChange: (_) => N("taxId", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.regNumber", "Registration Number"),
+                  value: n.registrationNumber ?? "",
+                  onChange: (_) => N("registrationNumber", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.industry", "Industry"),
+                  value: n.industry ?? "",
+                  onChange: (_) => N("industry", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                Re,
+                {
+                  label: p("org.employees", "Number of Employees"),
+                  value: n.employeeCount ?? null,
+                  onChange: (_) => N("employeeCount", _ ?? void 0),
+                  min: 1,
+                  disabled: k,
+                  readOnly: S
+                }
+              )
+            ] })
+          ] }),
+          y.includes("contact") && /* @__PURE__ */ c("div", { className: "nice-org-form__section", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                title: p("org.contact", "Contact Details"),
+                expanded: x.has("contact"),
+                onToggle: () => A("contact")
+              }
+            ),
+            x.has("contact") && /* @__PURE__ */ c("div", { className: "nice-org-form__fields", children: [
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.email", "Email"),
+                  value: n.email ?? "",
+                  onChange: (_) => N("email", _),
+                  type: "email",
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.phone", "Phone"),
+                  value: n.phone ?? "",
+                  onChange: (_) => N("phone", _),
+                  type: "tel",
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.website", "Website"),
+                  value: n.website ?? "",
+                  onChange: (_) => N("website", _),
+                  type: "url",
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.fax", "Fax"),
+                  value: n.fax ?? "",
+                  onChange: (_) => N("fax", _),
+                  type: "tel",
+                  disabled: k,
+                  readOnly: S
+                }
+              )
+            ] })
+          ] }),
+          y.includes("address") && /* @__PURE__ */ c("div", { className: "nice-org-form__section", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                title: p("org.address", "Address"),
+                expanded: x.has("address"),
+                onToggle: () => A("address")
+              }
+            ),
+            x.has("address") && /* @__PURE__ */ c("div", { className: "nice-org-form__fields", children: [
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.street", "Street"),
+                  value: n.street ?? "",
+                  onChange: (_) => N("street", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.city", "City"),
+                  value: n.city ?? "",
+                  onChange: (_) => N("city", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.state", "State / Province"),
+                  value: n.state ?? "",
+                  onChange: (_) => N("state", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.postalCode", "Postal Code"),
+                  value: n.postalCode ?? "",
+                  onChange: (_) => N("postalCode", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              b ? /* @__PURE__ */ e(
+                Ce,
+                {
+                  label: p("org.country", "Country"),
+                  value: n.country ?? "",
+                  onChange: (_) => N("country", _),
+                  options: b,
+                  searchable: !0,
+                  disabled: k,
+                  readOnly: S
+                }
+              ) : /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.country", "Country"),
+                  value: n.country ?? "",
+                  onChange: (_) => N("country", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              )
+            ] })
+          ] }),
+          y.includes("branding") && /* @__PURE__ */ c("div", { className: "nice-org-form__section", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                title: p("org.branding", "Branding"),
+                expanded: x.has("branding"),
+                onToggle: () => A("branding")
+              }
+            ),
+            x.has("branding") && /* @__PURE__ */ c("div", { className: "nice-org-form__fields", children: [
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.logoUrl", "Logo URL"),
+                  value: n.logoUrl ?? "",
+                  onChange: (_) => N("logoUrl", _),
+                  type: "url",
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                Ye,
+                {
+                  label: p("org.primaryColor", "Primary Color"),
+                  value: n.primaryColor ?? "#3b82f6",
+                  onChange: (_) => N("primaryColor", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                Ye,
+                {
+                  label: p("org.secondaryColor", "Secondary Color"),
+                  value: n.secondaryColor ?? "#8b5cf6",
+                  onChange: (_) => N("secondaryColor", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              )
+            ] })
+          ] }),
+          y.includes("localization") && /* @__PURE__ */ c("div", { className: "nice-org-form__section", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                title: p("org.localization", "Localization"),
+                expanded: x.has("localization"),
+                onToggle: () => A("localization")
+              }
+            ),
+            x.has("localization") && /* @__PURE__ */ c("div", { className: "nice-org-form__fields", children: [
+              r ? /* @__PURE__ */ e(
+                Ce,
+                {
+                  label: p("org.language", "Default Language"),
+                  value: n.defaultLanguage ?? "",
+                  onChange: (_) => N("defaultLanguage", _),
+                  options: r,
+                  searchable: !0,
+                  disabled: k,
+                  readOnly: S
+                }
+              ) : /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.language", "Default Language"),
+                  value: n.defaultLanguage ?? "",
+                  onChange: (_) => N("defaultLanguage", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              t ? /* @__PURE__ */ e(
+                Ce,
+                {
+                  label: p("org.currency", "Default Currency"),
+                  value: n.defaultCurrency ?? "",
+                  onChange: (_) => N("defaultCurrency", _),
+                  options: t,
+                  searchable: !0,
+                  disabled: k,
+                  readOnly: S
+                }
+              ) : /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.currency", "Default Currency"),
+                  value: n.defaultCurrency ?? "",
+                  onChange: (_) => N("defaultCurrency", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              u ? /* @__PURE__ */ e(
+                Ce,
+                {
+                  label: p("org.timezone", "Default Timezone"),
+                  value: n.defaultTimezone ?? "",
+                  onChange: (_) => N("defaultTimezone", _),
+                  options: u,
+                  searchable: !0,
+                  disabled: k,
+                  readOnly: S
+                }
+              ) : /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.timezone", "Default Timezone"),
+                  value: n.defaultTimezone ?? "",
+                  onChange: (_) => N("defaultTimezone", _),
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                Ce,
+                {
+                  label: p("org.dateFormat", "Date Format"),
+                  value: n.dateFormat ?? "YYYY-MM-DD",
+                  onChange: (_) => N("dateFormat", _),
+                  options: Hn,
+                  disabled: k,
+                  readOnly: S
+                }
+              )
+            ] })
+          ] }),
+          y.includes("fiscal") && /* @__PURE__ */ c("div", { className: "nice-org-form__section", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                title: p("org.fiscal", "Fiscal Settings"),
+                expanded: x.has("fiscal"),
+                onToggle: () => A("fiscal")
+              }
+            ),
+            x.has("fiscal") && /* @__PURE__ */ c("div", { className: "nice-org-form__fields", children: [
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.fiscalYearStart", "Fiscal Year Start"),
+                  value: n.fiscalYearStart ?? "",
+                  onChange: (_) => N("fiscalYearStart", _),
+                  placeholder: "MM-DD",
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                qe,
+                {
+                  label: p("org.vatEnabled", "VAT Enabled"),
+                  checked: n.vatEnabled ?? !1,
+                  onChange: (_) => N("vatEnabled", _),
+                  disabled: k || S
+                }
+              ),
+              n.vatEnabled && /* @__PURE__ */ e(
+                Re,
+                {
+                  label: p("org.defaultVatRate", "Default VAT Rate (%)"),
+                  value: n.defaultVatRate ?? null,
+                  onChange: (_) => N("defaultVatRate", _ ?? void 0),
+                  min: 0,
+                  max: 100,
+                  step: 0.5,
+                  disabled: k,
+                  readOnly: S
+                }
+              )
+            ] })
+          ] }),
+          y.includes("preferences") && /* @__PURE__ */ c("div", { className: "nice-org-form__section", children: [
+            /* @__PURE__ */ e(
+              ge,
+              {
+                title: p("org.preferences", "Work Preferences"),
+                expanded: x.has("preferences"),
+                onToggle: () => A("preferences")
+              }
+            ),
+            x.has("preferences") && /* @__PURE__ */ c("div", { className: "nice-org-form__fields", children: [
+              /* @__PURE__ */ c("div", { className: "nice-org-form__field-group", children: [
+                /* @__PURE__ */ e("label", { className: "nice-org-form__group-label", children: p("org.workingDays", "Working Days") }),
+                /* @__PURE__ */ e("div", { className: "nice-org-form__checkboxes", children: Vn.map((_) => /* @__PURE__ */ e(
+                  en,
+                  {
+                    label: _.label,
+                    checked: (n.workingDays ?? ["Mon", "Tue", "Wed", "Thu", "Fri"]).includes(_.key),
+                    onChange: (Y) => {
+                      const K = n.workingDays ?? ["Mon", "Tue", "Wed", "Thu", "Fri"], Q = Y ? [...K, _.key] : K.filter((W) => W !== _.key);
+                      N("workingDays", Q);
+                    },
+                    disabled: k || S
+                  },
+                  _.key
+                )) })
+              ] }),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.workStart", "Working Hours Start"),
+                  value: n.workingHoursStart ?? "09:00",
+                  onChange: (_) => N("workingHoursStart", _),
+                  placeholder: "HH:MM",
+                  disabled: k,
+                  readOnly: S
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  label: p("org.workEnd", "Working Hours End"),
+                  value: n.workingHoursEnd ?? "17:00",
+                  onChange: (_) => N("workingHoursEnd", _),
+                  placeholder: "HH:MM",
+                  disabled: k,
+                  readOnly: S
+                }
+              )
+            ] })
+          ] }),
+          o && /* @__PURE__ */ c("div", { className: "nice-org-form__actions", children: [
+            l && /* @__PURE__ */ e(Ie, { variant: "secondary", onClick: l, disabled: m, children: p("cancel", "Cancel") }),
+            i && /* @__PURE__ */ e(Ie, { variant: "primary", onClick: D, loading: m, disabled: S || k, children: p("save", "Save") })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Kn.displayName = "NiceOrganizationProfileForm";
+const Qn = {
+  available: { color: "#6b7280", icon: "○" },
+  installed: { color: "#3b82f6", icon: "◉" },
+  active: { color: "#10b981", icon: "●" },
+  disabled: { color: "#f59e0b", icon: "◌" },
+  error: { color: "#ef4444", icon: "⊘" },
+  updating: { color: "#8b5cf6", icon: "↻" }
+};
+function Xn(n, a) {
+  switch (n) {
+    case "available":
+      return ["install"];
+    case "installed":
+      return ["activate", ...a ? [] : ["uninstall"]];
+    case "active":
+      return ["deactivate"];
+    case "disabled":
+      return ["activate", ...a ? [] : ["uninstall"]];
+    case "error":
+      return ["activate", ...a ? [] : ["uninstall"]];
+    case "updating":
+      return [];
+    default:
+      return [];
+  }
+}
+const Gn = ({ module: n, onAction: a, onClick: i, showDependencies: l, showAuthor: s, showVersion: h, processing: o, disabled: b, readOnly: r, t, layout: u }) => {
+  const m = Qn[n.status], w = Xn(n.status, n.isCore);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `nice-module-card nice-module-card--${u} nice-module-card--${n.status}`,
+      onClick: i,
+      role: i ? "button" : void 0,
+      tabIndex: i ? 0 : void 0,
+      onKeyDown: i ? (d) => {
+        (d.key === "Enter" || d.key === " ") && (d.preventDefault(), i());
+      } : void 0,
+      children: [
+        /* @__PURE__ */ c("div", { className: "nice-module-card__header", children: [
+          /* @__PURE__ */ e("span", { className: "nice-module-card__icon", children: n.icon ?? "📦" }),
+          /* @__PURE__ */ c("div", { className: "nice-module-card__info", children: [
+            /* @__PURE__ */ e("div", { className: "nice-module-card__name", children: n.label }),
+            h && /* @__PURE__ */ c("span", { className: "nice-module-card__version", children: [
+              "v",
+              n.version
+            ] })
+          ] }),
+          /* @__PURE__ */ c(
+            "span",
+            {
+              className: "nice-module-card__status",
+              style: { color: m.color },
+              title: n.status,
+              children: [
+                o ? "⟳" : m.icon,
+                " ",
+                n.status
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-module-card__desc", children: n.description }),
+        /* @__PURE__ */ c("div", { className: "nice-module-card__meta", children: [
+          s && n.author && /* @__PURE__ */ e("span", { className: "nice-module-card__author", children: n.author }),
+          n.isCore && /* @__PURE__ */ e("span", { className: "nice-module-card__badge nice-module-card__badge--core", children: t("module.core", "Core") })
+        ] }),
+        l && n.dependencies && n.dependencies.length > 0 && /* @__PURE__ */ c("div", { className: "nice-module-card__deps", children: [
+          /* @__PURE__ */ c("span", { className: "nice-module-card__deps-label", children: [
+            t("module.deps", "Dependencies"),
+            ":"
+          ] }),
+          n.dependencies.map((d) => /* @__PURE__ */ e("span", { className: "nice-module-card__dep-tag", children: d }, d))
+        ] }),
+        !r && w.length > 0 && /* @__PURE__ */ e("div", { className: "nice-module-card__actions", children: w.map((d) => /* @__PURE__ */ e(
+          Ie,
+          {
+            size: "sm",
+            variant: d === "uninstall" ? "error" : d === "activate" ? "primary" : "secondary",
+            onClick: (g) => {
+              g.stopPropagation(), a(d);
+            },
+            disabled: b || o,
+            loading: o,
+            children: t(`module.${d}`, d.charAt(0).toUpperCase() + d.slice(1))
+          },
+          d
+        )) })
+      ]
+    }
+  );
+}, Jn = ne(
+  ({
+    modules: n,
+    onAction: a,
+    statusFilter: i,
+    searchable: l = !0,
+    showDependencies: s = !0,
+    showAuthor: h = !0,
+    showVersion: o = !0,
+    processingModules: b,
+    layout: r = "list",
+    gridColumns: t = 3,
+    onModuleClick: u,
+    className: m,
+    style: w,
+    id: d,
+    accessMode: g,
+    ...z
+  }, M) => {
+    const T = ie(d), f = ce(g, d), { t: $ } = oe(), [p, y] = R(""), [x, C] = R("all"), A = f === "readOnly", S = f === "disabled", k = le(() => {
+      let _ = n;
+      if (i && i.length > 0 && (_ = _.filter((Y) => i.includes(Y.status))), x !== "all" && (_ = _.filter((Y) => Y.status === x)), p) {
+        const Y = p.toLowerCase();
+        _ = _.filter(
+          (K) => K.label.toLowerCase().includes(Y) || K.name.toLowerCase().includes(Y) || K.description.toLowerCase().includes(Y)
+        );
+      }
+      return _;
+    }, [n, i, x, p]), N = le(() => {
+      const _ = { all: n.length };
+      for (const Y of n)
+        _[Y.status] = (_[Y.status] ?? 0) + 1;
+      return _;
+    }, [n]), D = L(
+      (_, Y) => {
+        a?.(_, Y);
+      },
+      [a]
+    );
+    return f === "hidden" ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: M,
+        id: T,
+        className: `nice-module-panel ${m ?? ""}`,
+        style: w,
+        ...z,
+        children: [
+          /* @__PURE__ */ c("div", { className: "nice-module-panel__toolbar", children: [
+            l && /* @__PURE__ */ e(
+              ae,
+              {
+                value: p,
+                onChange: y,
+                placeholder: $("module.search", "Search modules…"),
+                type: "search",
+                clearable: !0,
+                className: "nice-module-panel__search"
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "nice-module-panel__filters", role: "tablist", children: ["all", "active", "installed", "disabled", "available", "error"].map((_) => /* @__PURE__ */ c(
+              "button",
+              {
+                className: `nice-module-panel__filter ${x === _ ? "nice-module-panel__filter--active" : ""}`,
+                onClick: () => C(_),
+                role: "tab",
+                "aria-selected": x === _,
+                type: "button",
+                children: [
+                  $(`module.status.${_}`, _ === "all" ? "All" : _.charAt(0).toUpperCase() + _.slice(1)),
+                  /* @__PURE__ */ e("span", { className: "nice-module-panel__filter-count", children: N[_] ?? 0 })
+                ]
+              },
+              _
+            )) })
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: `nice-module-panel__grid nice-module-panel__grid--${r}`,
+              style: r === "grid" ? { gridTemplateColumns: `repeat(${t}, 1fr)` } : void 0,
+              children: k.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-module-panel__empty", children: $("module.empty", "No modules found") }) : k.map((_) => /* @__PURE__ */ e(
+                Gn,
+                {
+                  module: _,
+                  onAction: (Y) => D(_.id, Y),
+                  onClick: u ? () => u(_) : void 0,
+                  showDependencies: s,
+                  showAuthor: h,
+                  showVersion: o,
+                  processing: b?.has(_.id) ?? !1,
+                  disabled: S,
+                  readOnly: A,
+                  t: $,
+                  layout: r
+                },
+                _.id
+              ))
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "nice-module-panel__summary", children: [
+            $("module.total", "Total"),
+            ": ",
+            n.length,
+            " ·",
+            $("module.status.active", "Active"),
+            ": ",
+            N.active ?? 0,
+            " ·",
+            $("module.status.disabled", "Disabled"),
+            ": ",
+            N.disabled ?? 0,
+            " ·",
+            $("module.status.error", "Error"),
+            ": ",
+            N.error ?? 0
+          ] })
+        ]
+      }
+    );
+  }
+);
+Jn.displayName = "NiceModuleLifecyclePanel";
+export {
+  Pn as A,
+  Kn as B,
+  ta as C,
+  Ue as D,
+  vn as E,
+  ma as F,
+  ua as G,
+  da as H,
+  ia as I,
+  gn as J,
+  _a as K,
+  yn as L,
+  pn as M,
+  ca as N,
+  ha as O,
+  xe as S,
+  _n as a,
+  un as b,
+  on as c,
+  dn as d,
+  Fe as e,
+  ln as f,
+  tn as g,
+  la as h,
+  sa as i,
+  Yn as j,
+  Fn as k,
+  bn as l,
+  ra as m,
+  cn as n,
+  Rn as o,
+  hn as p,
+  rn as q,
+  $n as r,
+  jn as s,
+  An as t,
+  sn as u,
+  an as v,
+  Wn as w,
+  Jn as x,
+  oa as y,
+  Nn as z
+};