@nim.zone/ui 0.6.0

package/dist/nim.js

@@ -0,0 +1,3266 @@
+import { jsx as e, jsxs as d, Fragment as Y } from "react/jsx-runtime";
+import { forwardRef as Ae, useState as A, Fragment as Oe, useRef as L, useMemo as H, useEffect as Z, useCallback as O, useId as pe, useLayoutEffect as Ue, createContext as Ee, useContext as xe, createElement as Ge } from "react";
+import { Wallet as Ke, User as We, Video as He, Upload as Ye, TrendingUp as Ze, TrendingDown as Ve, Trash2 as je, Sun as Je, Star as Qe, Sparkles as Xe, CircleStop as qe, LogOut as en, Share2 as nn, Settings as an, Send as tn, Search as ln, Plus as sn, Play as rn, Pause as cn, Paperclip as on, Moon as dn, Minus as mn, Mic as un, Menu as hn, Loader as pn, Info as _n, Home as fn, Heart as Nn, Filter as bn, Eye as vn, ExternalLink as gn, Pencil as yn, Download as wn, FileText as kn, CircleAlert as Cn, Copy as Sn, X as Tn, Clock as An, ChevronUp as En, ChevronRight as xn, ChevronDown as Dn, ChevronLeft as Mn, CircleCheck as Ln, Check as In, Camera as zn, Calendar as Pn, Bookmark as Bn, Bell as $n, ArrowRight as Rn, AlertTriangle as Fn } from "lucide-react";
+import { createPortal as se } from "react-dom";
+const b = (...n) => n.filter(Boolean).join(" "), De = {
+  alert: Fn,
+  "arrow-forward": Rn,
+  bell: $n,
+  bookmark: Bn,
+  calendar: Pn,
+  camera: zn,
+  check: In,
+  "check-circle": Ln,
+  "chevron-back": Mn,
+  "chevron-down": Dn,
+  "chevron-forward": xn,
+  "chevron-up": En,
+  clock: An,
+  close: Tn,
+  copy: Sn,
+  danger: Cn,
+  document: kn,
+  download: wn,
+  edit: yn,
+  external: gn,
+  eye: vn,
+  filter: bn,
+  heart: Nn,
+  home: fn,
+  info: _n,
+  loading: pn,
+  menu: hn,
+  mic: un,
+  minus: mn,
+  moon: dn,
+  paperclip: on,
+  pause: cn,
+  play: rn,
+  plus: sn,
+  search: ln,
+  send: tn,
+  settings: an,
+  share: nn,
+  "sign-out": en,
+  stop: qe,
+  sparkle: Xe,
+  star: Qe,
+  sun: Je,
+  trash: je,
+  "trend-down": Ve,
+  "trend-up": Ze,
+  upload: Ye,
+  video: He,
+  user: We,
+  wallet: Ke
+}, On = /* @__PURE__ */ new Set([
+  "arrow-forward",
+  "chevron-back",
+  "chevron-forward",
+  "external",
+  "send",
+  "share",
+  "sign-out"
+]), ve = { xs: 14, sm: 16, md: 20, lg: 24, xl: 32 };
+function C({ className: n, label: i, name: a, size: t = "md", tone: s = "default", ...l }) {
+  const o = De[a];
+  return /* @__PURE__ */ e(
+    o,
+    {
+      "aria-hidden": i ? void 0 : !0,
+      "aria-label": i,
+      className: b("nim-icon", n),
+      "data-flip": On.has(a) ? "true" : void 0,
+      "data-tone": s === "default" ? void 0 : s,
+      focusable: "false",
+      height: ve[t],
+      role: i ? "img" : void 0,
+      strokeWidth: 1.75,
+      width: ve[t],
+      ...l
+    }
+  );
+}
+const Ha = Object.keys(De), Un = { sm: "sm", md: "md", lg: "md" }, R = Ae(function({ className: i, label: a, name: t, size: s = "md", type: l = "button", variant: o = "ghost", ...c }, r) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      "aria-label": a,
+      className: b("nim-icon-button", `nim-icon-button--${o}`, `nim-icon-button--${s}`, i),
+      ref: r,
+      title: a,
+      type: l,
+      ...c,
+      children: /* @__PURE__ */ e(C, { name: t, size: Un[s] })
+    }
+  );
+}), Gn = {
+  close: "Close menu",
+  menu: "Open menu",
+  nav: "Admin navigation"
+};
+function Ya({
+  brand: n,
+  children: i,
+  className: a,
+  groups: t,
+  labels: s,
+  sidebarFooter: l,
+  title: o,
+  toolbar: c,
+  value: r
+}) {
+  const m = { ...Gn, ...s }, [h, u] = A(!1), p = /* @__PURE__ */ e("nav", { "aria-label": m.nav, className: "nim-admin__nav", children: t.map((_) => /* @__PURE__ */ d("div", { className: "nim-admin__group", children: [
+    /* @__PURE__ */ d("p", { className: "nim-admin__group-label", children: [
+      _.icon ? /* @__PURE__ */ e(C, { name: _.icon, size: "xs" }) : null,
+      _.label
+    ] }),
+    _.items.map((f) => {
+      const w = f.key === r, N = /* @__PURE__ */ d(Y, { children: [
+        f.icon ? /* @__PURE__ */ e(C, { name: f.icon, size: "sm" }) : null,
+        /* @__PURE__ */ e("span", { children: f.label })
+      ] }), g = {
+        "aria-current": w ? "page" : void 0,
+        className: "nim-admin__link",
+        "data-active": w ? "true" : void 0,
+        onClick: () => {
+          var y;
+          (y = f.onSelect) == null || y.call(f), u(!1);
+        }
+      };
+      return f.href ? /* @__PURE__ */ e("a", { href: f.href, ...g, children: N }, f.key) : /* @__PURE__ */ e("button", { type: "button", ...g, children: N }, f.key);
+    })
+  ] }, _.key)) });
+  return /* @__PURE__ */ d("div", { className: b("nim-admin", a), "data-drawer": h ? "open" : void 0, children: [
+    /* @__PURE__ */ d("aside", { className: "nim-admin__sidebar", children: [
+      n ? /* @__PURE__ */ e("div", { className: "nim-admin__brand", children: n }) : null,
+      p,
+      l ? /* @__PURE__ */ e("div", { className: "nim-admin__sidebar-foot", children: l }) : null
+    ] }),
+    /* @__PURE__ */ d("div", { className: "nim-admin__drawer", hidden: !h, children: [
+      /* @__PURE__ */ e("div", { className: "nim-admin__scrim", onClick: () => u(!1) }),
+      /* @__PURE__ */ d("div", { className: "nim-admin__drawer-panel", children: [
+        /* @__PURE__ */ d("div", { className: "nim-admin__drawer-head", children: [
+          n,
+          /* @__PURE__ */ e(R, { label: m.close, name: "close", onClick: () => u(!1), size: "sm" })
+        ] }),
+        p
+      ] })
+    ] }),
+    /* @__PURE__ */ d("div", { className: "nim-admin__workspace", children: [
+      /* @__PURE__ */ d("header", { className: "nim-admin__topbar", children: [
+        /* @__PURE__ */ e(
+          R,
+          {
+            "aria-expanded": h,
+            className: "nim-admin__menu",
+            label: m.menu,
+            name: "menu",
+            onClick: () => u(!0),
+            size: "sm"
+          }
+        ),
+        o ? /* @__PURE__ */ e("h1", { className: "nim-admin__title", children: o }) : null,
+        c ? /* @__PURE__ */ e("div", { className: "nim-admin__toolbar", children: c }) : null
+      ] }),
+      /* @__PURE__ */ e("main", { className: "nim-admin__main", children: i })
+    ] })
+  ] });
+}
+function Za({
+  actions: n,
+  back: i,
+  className: a,
+  meta: t,
+  status: s,
+  subtitle: l,
+  title: o
+}) {
+  return /* @__PURE__ */ d("header", { className: b("nim-detail-header", a), children: [
+    i ? i.href ? /* @__PURE__ */ d("a", { className: "nim-detail-header__back", href: i.href, children: [
+      /* @__PURE__ */ e(C, { name: "chevron-back", size: "sm" }),
+      i.label
+    ] }) : /* @__PURE__ */ d("button", { className: "nim-detail-header__back", onClick: i.onClick, type: "button", children: [
+      /* @__PURE__ */ e(C, { name: "chevron-back", size: "sm" }),
+      i.label
+    ] }) : null,
+    /* @__PURE__ */ d("div", { className: "nim-detail-header__row", children: [
+      /* @__PURE__ */ d("div", { className: "nim-detail-header__text", children: [
+        /* @__PURE__ */ d("div", { className: "nim-detail-header__headline", children: [
+          /* @__PURE__ */ e("h1", { className: "nim-detail-header__title", children: o }),
+          s ? /* @__PURE__ */ e("span", { className: "nim-detail-header__status", children: s }) : null
+        ] }),
+        l ? /* @__PURE__ */ e("p", { className: "nim-detail-header__subtitle", children: l }) : null,
+        t ? /* @__PURE__ */ e("p", { className: "nim-detail-header__meta", children: t }) : null
+      ] }),
+      n ? /* @__PURE__ */ e("div", { className: "nim-detail-header__actions", children: n }) : null
+    ] })
+  ] });
+}
+function Va({
+  chips: n,
+  className: i,
+  clearLabel: a,
+  labels: t,
+  onClearAll: s
+}) {
+  if (n.length === 0) return null;
+  const l = {
+    remove: (o) => `Remove filter ${o}`,
+    toolbar: "Active filters",
+    ...t
+  };
+  return /* @__PURE__ */ d("div", { "aria-label": l.toolbar, className: b("nim-filter-chips", i), role: "toolbar", children: [
+    n.map((o) => /* @__PURE__ */ d("span", { className: "nim-filter-chip", children: [
+      /* @__PURE__ */ d("span", { className: "nim-filter-chip__label", children: [
+        o.label,
+        o.value !== void 0 ? /* @__PURE__ */ d(Y, { children: [
+          ": ",
+          o.value
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          "aria-label": l.remove(typeof o.label == "string" ? o.label : o.key),
+          className: "nim-filter-chip__remove",
+          onClick: o.onRemove,
+          type: "button",
+          children: /* @__PURE__ */ e(C, { name: "close", size: "xs" })
+        }
+      )
+    ] }, o.key)),
+    s && a ? /* @__PURE__ */ e("button", { className: "nim-filter-chips__clear", onClick: s, type: "button", children: a }) : null
+  ] });
+}
+function ja({ className: n, empty: i, events: a, locale: t }) {
+  const s = new Intl.DateTimeFormat(t, {
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    month: "short"
+  });
+  return a.length === 0 ? /* @__PURE__ */ e("div", { className: b("nim-activity", n), children: i }) : /* @__PURE__ */ e("ol", { className: b("nim-activity", n), children: a.map((l) => /* @__PURE__ */ d("li", { className: "nim-activity__item", "data-tone": l.tone, children: [
+    /* @__PURE__ */ e("span", { className: "nim-activity__marker", children: l.icon ? /* @__PURE__ */ e(C, { name: l.icon, size: "xs" }) : null }),
+    /* @__PURE__ */ d("div", { className: "nim-activity__body", children: [
+      /* @__PURE__ */ d("p", { className: "nim-activity__action", children: [
+        l.actor ? /* @__PURE__ */ e("strong", { children: l.actor }) : null,
+        " ",
+        l.action,
+        " ",
+        l.target ? /* @__PURE__ */ e("span", { className: "nim-activity__target", children: l.target }) : null
+      ] }),
+      l.at ? /* @__PURE__ */ e("time", { className: "nim-activity__time", dateTime: l.at, children: s.format(new Date(l.at)) }) : null
+    ] })
+  ] }, l.id)) });
+}
+function Kn({ className: n, items: i, label: a, renderItem: t, value: s }) {
+  return /* @__PURE__ */ e("nav", { "aria-label": a, className: b("nim-tab-bar", n), children: /* @__PURE__ */ e("div", { className: "nim-tab-bar__row", style: { "--nim-tab-count": i.length }, children: i.map((l) => {
+    const o = l.key === s, c = /* @__PURE__ */ d(Y, { children: [
+      /* @__PURE__ */ e(C, { name: l.icon, size: l.center ? "lg" : "md" }),
+      /* @__PURE__ */ e("span", { className: "nim-tab-bar__label", children: l.label })
+    ] }), r = {
+      "aria-current": o ? "page" : void 0,
+      "aria-label": l.fullLabel ?? l.label,
+      className: b("nim-tab-bar__item", l.center && "nim-tab-bar__item--center"),
+      "data-active": o ? "true" : void 0
+    };
+    return t ? /* @__PURE__ */ e("div", { className: "nim-tab-bar__slot", children: t(l, c, r) }, l.key) : l.href ? /* @__PURE__ */ e("a", { href: l.href, ...r, children: c }, l.key) : /* @__PURE__ */ e("button", { onClick: l.onSelect, type: "button", ...r, children: c }, l.key);
+  }) }) });
+}
+function Ja({ children: n, className: i, header: a, tabs: t }) {
+  return /* @__PURE__ */ d("div", { className: b("nim-app-shell", i), children: [
+    a ? /* @__PURE__ */ e("header", { className: "nim-app-shell__header", children: a }) : null,
+    /* @__PURE__ */ e("main", { className: "nim-app-shell__content", "data-has-tabs": t ? "true" : void 0, children: n }),
+    t ? /* @__PURE__ */ e(Kn, { ...t }) : null
+  ] });
+}
+const J = Ae(function({
+  children: i,
+  className: a,
+  disabled: t = !1,
+  fullWidth: s = !1,
+  iconEnd: l,
+  iconStart: o,
+  loading: c = !1,
+  size: r = "md",
+  type: m = "button",
+  variant: h = "primary",
+  ...u
+}, p) {
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      "aria-busy": c || void 0,
+      className: b(
+        "nim-button",
+        `nim-button--${h}`,
+        `nim-button--${r}`,
+        s && "nim-button--full",
+        c && "nim-button--loading",
+        a
+      ),
+      disabled: t || c,
+      ref: p,
+      type: m,
+      ...u,
+      children: [
+        c ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-button__spinner" }) : null,
+        !c && o ? /* @__PURE__ */ e(C, { name: o, size: "sm" }) : null,
+        /* @__PURE__ */ e("span", { className: "nim-button__label", children: i }),
+        l ? /* @__PURE__ */ e(C, { name: l, size: "sm" }) : null
+      ]
+    }
+  );
+});
+function de({
+  action: n,
+  back: i,
+  brand: a,
+  children: t,
+  className: s,
+  footer: l,
+  subtitle: o,
+  title: c
+}) {
+  return /* @__PURE__ */ d("section", { className: b("nim-auth", s), children: [
+    a ? /* @__PURE__ */ e("div", { className: "nim-auth__brand", children: a }) : null,
+    /* @__PURE__ */ d("div", { className: "nim-auth__body", children: [
+      i ? /* @__PURE__ */ e(J, { className: "nim-auth__back", iconStart: "chevron-back", onClick: i.onClick, size: "sm", variant: "ghost", children: i.label }) : null,
+      /* @__PURE__ */ e("h1", { className: "nim-auth__title", children: c }),
+      o ? /* @__PURE__ */ e("p", { className: "nim-auth__subtitle", children: o }) : null,
+      /* @__PURE__ */ e("div", { className: "nim-auth__fields", children: t })
+    ] }),
+    /* @__PURE__ */ d("div", { className: "nim-auth__foot", children: [
+      n ? /* @__PURE__ */ e(
+        J,
+        {
+          disabled: n.disabled,
+          fullWidth: !0,
+          loading: n.loading,
+          onClick: n.onClick,
+          size: "lg",
+          variant: "accent",
+          children: n.label
+        }
+      ) : null,
+      l ? /* @__PURE__ */ e("div", { className: "nim-auth__footer", children: l }) : null
+    ] })
+  ] });
+}
+const Wn = (n) => n.split(/\s+/).filter(Boolean).slice(0, 2).map((i) => {
+  var a;
+  return ((a = i[0]) == null ? void 0 : a.toUpperCase()) ?? "";
+}).join("");
+function Hn({ className: n, name: i, shape: a = "round", size: t = "md", src: s, ...l }) {
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      className: b("nim-avatar", t !== "md" && `nim-avatar--${t}`, a === "square" && "nim-avatar--square", n),
+      ...l,
+      children: [
+        s ? /* @__PURE__ */ e("img", { alt: "", src: s }) : /* @__PURE__ */ e("span", { "aria-hidden": "true", children: Wn(i) }),
+        /* @__PURE__ */ e("span", { className: "nim-visually-hidden", children: i })
+      ]
+    }
+  );
+}
+function Qa({
+  caption: n,
+  className: i,
+  initials: a,
+  label: t,
+  size: s = 96,
+  src: l,
+  value: o
+}) {
+  const c = Math.max(4, Math.round(s * 0.05)), r = (s - c) / 2, m = 2 * Math.PI * r, h = Math.min(100, Math.max(0, o)) / 100 * m;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "aria-label": t,
+      className: b("nim-avatar-ring", i),
+      role: "img",
+      style: { "--nim-ring-size": `${s}px`, "--nim-ring-stroke": `${c}px` },
+      children: [
+        /* @__PURE__ */ d("svg", { "aria-hidden": "true", className: "nim-avatar-ring__arc", viewBox: `0 0 ${s} ${s}`, children: [
+          /* @__PURE__ */ e(
+            "circle",
+            {
+              className: "nim-avatar-ring__track",
+              cx: s / 2,
+              cy: s / 2,
+              fill: "none",
+              r,
+              strokeWidth: c
+            }
+          ),
+          /* @__PURE__ */ e(
+            "circle",
+            {
+              className: "nim-avatar-ring__fill",
+              cx: s / 2,
+              cy: s / 2,
+              fill: "none",
+              r,
+              strokeDasharray: `${h} ${m}`,
+              strokeLinecap: "round",
+              strokeWidth: c
+            }
+          )
+        ] }),
+        /* @__PURE__ */ d("span", { className: "nim-avatar-ring__face", children: [
+          l ? /* @__PURE__ */ e("img", { alt: "", className: "nim-avatar-ring__image", src: l }) : /* @__PURE__ */ e("span", { className: "nim-avatar-ring__initials", children: a }),
+          n && !l ? /* @__PURE__ */ e("span", { className: "nim-avatar-ring__caption", children: n }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Yn({
+  actions: n,
+  avatar: i,
+  chips: a,
+  className: t,
+  eyebrow: s,
+  name: l,
+  stats: o = []
+}) {
+  return /* @__PURE__ */ d("section", { className: b("nim-profile-header", t), children: [
+    /* @__PURE__ */ d("div", { className: "nim-profile-header__identity", children: [
+      i,
+      /* @__PURE__ */ d("div", { className: "nim-profile-header__who", children: [
+        s ? /* @__PURE__ */ e("p", { className: "nim-profile-header__eyebrow", children: s }) : null,
+        /* @__PURE__ */ e("h1", { className: "nim-profile-header__name", children: l }),
+        a ? /* @__PURE__ */ e("div", { className: "nim-profile-header__chips", children: a }) : null
+      ] })
+    ] }),
+    o.length ? /* @__PURE__ */ e("dl", { className: "nim-profile-header__stats", children: o.map((c, r) => /* @__PURE__ */ d("div", { className: "nim-profile-header__stat", children: [
+      /* @__PURE__ */ e("dt", { className: "nim-profile-header__stat-label", children: c.label }),
+      /* @__PURE__ */ e("dd", { className: "nim-profile-header__stat-value", children: c.value })
+    ] }, r)) }) : null,
+    n ? /* @__PURE__ */ e("div", { className: "nim-profile-header__actions", children: n }) : null
+  ] });
+}
+function Xa({
+  children: n,
+  className: i,
+  dot: a = !1,
+  pill: t = !1,
+  size: s = "md",
+  tone: l = "soft",
+  variant: o = "neutral",
+  ...c
+}) {
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      className: b(
+        "nim-badge",
+        `nim-badge--${o}`,
+        `nim-badge--${l}`,
+        s === "sm" && "nim-badge--sm",
+        t && "nim-badge--pill",
+        i
+      ),
+      ...c,
+      children: [
+        a ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-badge__dot" }) : null,
+        n
+      ]
+    }
+  );
+}
+const Zn = {
+  accent: "sparkle",
+  danger: "danger",
+  info: "info",
+  neutral: "info",
+  success: "check-circle",
+  warning: "alert"
+};
+function Vn({
+  action: n,
+  children: i,
+  className: a,
+  icon: t,
+  title: s,
+  tone: l = "neutral",
+  ...o
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: b("nim-banner", `nim-banner--${l}`, a),
+      role: l === "danger" ? "alert" : "status",
+      ...o,
+      children: [
+        /* @__PURE__ */ e(C, { className: "nim-banner__icon", name: t ?? Zn[l], size: "sm" }),
+        /* @__PURE__ */ d("div", { className: "nim-banner__content", children: [
+          s ? /* @__PURE__ */ e("p", { className: "nim-banner__title", children: s }) : null,
+          /* @__PURE__ */ e("div", { children: i })
+        ] }),
+        n ? /* @__PURE__ */ e("div", { children: n }) : null
+      ]
+    }
+  );
+}
+function qa({ className: n, items: i, label: a = "Breadcrumb" }) {
+  return /* @__PURE__ */ e("nav", { "aria-label": a, className: b("nim-breadcrumb", n), children: i.map((t, s) => {
+    const l = s === i.length - 1;
+    return /* @__PURE__ */ d(Oe, { children: [
+      s > 0 ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-breadcrumb__separator", children: /* @__PURE__ */ e(C, { name: "chevron-forward", size: "xs" }) }) : null,
+      l || !t.href ? /* @__PURE__ */ e("span", { "aria-current": l ? "page" : void 0, className: "nim-breadcrumb__current", children: t.label }) : /* @__PURE__ */ e("a", { className: "nim-breadcrumb__link", href: t.href, children: t.label })
+    ] }, t.label);
+  }) });
+}
+function ei({
+  as: n = "article",
+  children: i,
+  className: a,
+  footer: t,
+  header: s,
+  interactive: l = !1,
+  padding: o = "md",
+  variant: c = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ d(
+    n,
+    {
+      className: b(
+        "nim-card",
+        `nim-card--${c}`,
+        `nim-card--pad-${o}`,
+        l && "nim-card--interactive",
+        a
+      ),
+      ...r,
+      children: [
+        s ? /* @__PURE__ */ e("div", { className: "nim-card__header", children: s }) : null,
+        i,
+        t ? /* @__PURE__ */ e("div", { className: "nim-card__footer", children: t }) : null
+      ]
+    }
+  );
+}
+function ni({
+  badge: n,
+  className: i,
+  description: a,
+  detail: t,
+  disabled: s = !1,
+  icon: l,
+  name: o,
+  onSelect: c,
+  selected: r,
+  title: m
+}) {
+  return /* @__PURE__ */ d("label", { className: b("nim-option-card", r && "nim-option-card--selected", i), children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        checked: r,
+        className: "nim-option-card__input",
+        disabled: s,
+        name: o,
+        onChange: c,
+        type: "radio"
+      }
+    ),
+    l ? /* @__PURE__ */ e("span", { className: "nim-option-card__icon", children: /* @__PURE__ */ e(C, { name: l, size: "md" }) }) : null,
+    /* @__PURE__ */ d("span", { className: "nim-option-card__text", children: [
+      /* @__PURE__ */ e("span", { className: "nim-option-card__title", children: m }),
+      a ? /* @__PURE__ */ e("span", { className: "nim-option-card__description", children: a }) : null,
+      r && t ? /* @__PURE__ */ e("span", { className: "nim-option-card__detail", children: t }) : null
+    ] }),
+    n ? /* @__PURE__ */ e("span", { className: "nim-option-card__badge", children: n }) : null,
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-option-card__dot" })
+  ] });
+}
+function ai({ className: n, items: i, title: a, totals: t = [] }) {
+  return /* @__PURE__ */ d("section", { className: b("nim-summary", n), children: [
+    a ? /* @__PURE__ */ e("h2", { className: "nim-summary__title", children: a }) : null,
+    /* @__PURE__ */ e("dl", { className: "nim-summary__lines", children: i.map((s) => /* @__PURE__ */ d("div", { className: "nim-summary__line", children: [
+      /* @__PURE__ */ d("dt", { children: [
+        /* @__PURE__ */ e("span", { className: "nim-summary__label", children: s.label }),
+        s.meta ? /* @__PURE__ */ e("span", { className: "nim-summary__meta", children: s.meta }) : null
+      ] }),
+      /* @__PURE__ */ e("dd", { className: "nim-summary__value", children: s.value })
+    ] }, s.key)) }),
+    t.length ? /* @__PURE__ */ d(Y, { children: [
+      /* @__PURE__ */ e("hr", { className: "nim-summary__rule" }),
+      /* @__PURE__ */ e("dl", { className: "nim-summary__lines nim-summary__lines--totals", children: t.map((s) => /* @__PURE__ */ d(
+        "div",
+        {
+          className: "nim-summary__line",
+          "data-emphasis": s.emphasis ? "true" : void 0,
+          children: [
+            /* @__PURE__ */ e("dt", { children: /* @__PURE__ */ e("span", { className: "nim-summary__label", children: s.label }) }),
+            /* @__PURE__ */ e("dd", { className: "nim-summary__value", children: s.value })
+          ]
+        },
+        s.key
+      )) })
+    ] }) : null
+  ] });
+}
+function ii({ action: n, className: i, note: a, total: t }) {
+  return /* @__PURE__ */ d("div", { className: b("nim-action-bar", i), children: [
+    /* @__PURE__ */ d("div", { className: "nim-action-bar__row", children: [
+      t ? /* @__PURE__ */ d("div", { className: "nim-action-bar__total", children: [
+        /* @__PURE__ */ e("span", { className: "nim-action-bar__total-label", children: t.label }),
+        /* @__PURE__ */ e("strong", { className: "nim-action-bar__total-value", children: t.value })
+      ] }) : null,
+      /* @__PURE__ */ e("div", { className: "nim-action-bar__action", children: n })
+    ] }),
+    a ? /* @__PURE__ */ e("p", { className: "nim-action-bar__note", children: a }) : null
+  ] });
+}
+function Me({ className: n, label: i = "Loading", size: a = "md", ...t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: b("nim-spinner", a !== "md" && `nim-spinner--${a}`, n),
+      role: "status",
+      ...t,
+      children: /* @__PURE__ */ e("span", { className: "nim-visually-hidden", children: i })
+    }
+  );
+}
+function jn({ className: n, label: i, value: a, ...t }) {
+  const s = a === void 0, l = s ? 0 : Math.min(100, Math.max(0, a));
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-label": i,
+      "aria-valuemax": 100,
+      "aria-valuemin": 0,
+      "aria-valuenow": s ? void 0 : l,
+      className: b("nim-progress", s && "nim-progress--indeterminate", n),
+      role: "progressbar",
+      ...t,
+      children: /* @__PURE__ */ e("div", { className: "nim-progress__fill", style: s ? void 0 : { inlineSize: `${l}%` } })
+    }
+  );
+}
+function ti({ className: n, height: i = "1em", radius: a, width: t = "100%", ...s }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: b("nim-skeleton", n),
+      style: { blockSize: i, borderRadius: a, inlineSize: t },
+      ...s
+    }
+  );
+}
+const Jn = {
+  download: "Download",
+  failed: "Not delivered",
+  pause: "Pause",
+  play: "Play",
+  read: "Read",
+  sending: "Sending",
+  sent: "Sent",
+  today: "Today",
+  typing: "is typing",
+  yesterday: "Yesterday",
+  voiceMessage: "Voice message"
+}, ge = 1024;
+function Qn(n, i) {
+  const a = ["B", "KB", "MB", "GB"];
+  let t = n, s = 0;
+  for (; t >= ge && s < a.length - 1; )
+    t /= ge, s += 1;
+  return `${new Intl.NumberFormat(i, { maximumFractionDigits: s === 0 ? 0 : 1 }).format(t)} ${a[s]}`;
+}
+function Le(n, i) {
+  const a = new Intl.NumberFormat(i, { minimumIntegerDigits: 2, useGrouping: !1 }), t = Math.max(0, Math.round(n));
+  return `${new Intl.NumberFormat(i).format(Math.floor(t / 60))}:${a.format(t % 60)}`;
+}
+function Xn({
+  attachment: n,
+  labels: i,
+  locale: a
+}) {
+  const t = L(null), [s, l] = A(!1), [o, c] = A(0), r = n.duration ?? 0, m = H(
+    () => n.waveform ?? Array.from({ length: 32 }, (u, p) => 0.35 + p * 7 % 11 / 18),
+    [n.waveform]
+  ), h = r > 0 ? Math.min(1, o / r) : 0;
+  return /* @__PURE__ */ d("div", { className: "nim-chat-voice", children: [
+    /* @__PURE__ */ e(
+      R,
+      {
+        label: s ? i.pause : i.play,
+        name: s ? "pause" : "play",
+        onClick: () => {
+          const u = t.current;
+          u && (u.paused ? u.play() : u.pause());
+        },
+        size: "sm",
+        variant: "solid"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-label": i.voiceMessage,
+        className: "nim-chat-voice__wave",
+        "aria-hidden": "true",
+        children: m.map((u, p) => /* @__PURE__ */ e(
+          "span",
+          {
+            className: "nim-chat-voice__bar",
+            "data-played": p / m.length <= h ? "true" : void 0,
+            style: { blockSize: `${Math.round(u * 100)}%` }
+          },
+          p
+        ))
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "nim-chat-voice__time", children: Le(s || o ? Math.max(0, r - o) : r, a) }),
+    /* @__PURE__ */ e(
+      "audio",
+      {
+        onEnded: () => {
+          l(!1), c(0);
+        },
+        onPause: () => l(!1),
+        onPlay: () => l(!0),
+        onTimeUpdate: (u) => c(u.currentTarget.currentTime),
+        preload: "metadata",
+        ref: t,
+        src: n.url
+      }
+    )
+  ] });
+}
+function qn({
+  attachment: n,
+  labels: i,
+  locale: a
+}) {
+  return n.kind === "voice" ? /* @__PURE__ */ e(Xn, { attachment: n, labels: i, locale: a }) : n.kind === "video" ? /* @__PURE__ */ d("figure", { className: "nim-chat-media", children: [
+    /* @__PURE__ */ e("video", { controls: !0, playsInline: !0, poster: n.poster, preload: "metadata", src: n.url }),
+    n.duration ? /* @__PURE__ */ e("figcaption", { className: "nim-chat-media__meta", children: Le(n.duration, a) }) : null
+  ] }) : n.kind === "image" ? /* @__PURE__ */ e("figure", { className: "nim-chat-media", children: /* @__PURE__ */ e("img", { alt: n.name ?? "", loading: "lazy", src: n.url }) }) : /* @__PURE__ */ d(
+    "a",
+    {
+      className: "nim-chat-file",
+      download: n.name,
+      href: n.url,
+      rel: "noreferrer",
+      target: "_blank",
+      children: [
+        /* @__PURE__ */ e("span", { className: "nim-chat-file__icon", children: /* @__PURE__ */ e(C, { name: "document", size: "md" }) }),
+        /* @__PURE__ */ d("span", { className: "nim-chat-file__text", children: [
+          /* @__PURE__ */ e("span", { className: "nim-chat-file__name", children: n.name ?? i.download }),
+          n.size !== void 0 ? /* @__PURE__ */ e("span", { className: "nim-chat-file__size", children: Qn(n.size, a) }) : null
+        ] }),
+        /* @__PURE__ */ e(C, { className: "nim-chat-file__action", name: "download", size: "sm" })
+      ]
+    }
+  );
+}
+function li({
+  className: n,
+  composer: i,
+  footer: a,
+  header: t,
+  labels: s,
+  locale: l,
+  messages: o,
+  typing: c
+}) {
+  const r = { ...Jn, ...s }, m = L(null), h = L(!0), u = H(
+    () => new Intl.DateTimeFormat(l, { hour: "2-digit", minute: "2-digit" }),
+    [l]
+  );
+  return Z(() => {
+    const p = m.current;
+    !p || !h.current || (p.scrollTop = p.scrollHeight);
+  }, [o, c]), /* @__PURE__ */ d("section", { className: b("nim-chat", n), children: [
+    t ? /* @__PURE__ */ e("header", { className: "nim-chat__header", children: t }) : null,
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: "nim-chat__scroll",
+        onScroll: (p) => {
+          const _ = p.currentTarget;
+          h.current = _.scrollHeight - _.scrollTop - _.clientHeight < 48;
+        },
+        ref: m,
+        children: [
+          /* @__PURE__ */ e("ol", { "aria-live": "polite", className: "nim-chat__list", children: o.map((p) => {
+            var _;
+            return /* @__PURE__ */ d(
+              "li",
+              {
+                className: b("nim-chat-message", p.own && "nim-chat-message--own"),
+                children: [
+                  !p.own && p.author ? /* @__PURE__ */ e(
+                    Hn,
+                    {
+                      className: "nim-chat-message__avatar",
+                      name: p.author.name,
+                      size: "sm",
+                      src: p.author.avatar
+                    }
+                  ) : null,
+                  /* @__PURE__ */ d("div", { className: "nim-chat-message__stack", children: [
+                    !p.own && p.author ? /* @__PURE__ */ e("span", { className: "nim-chat-message__author", children: p.author.name }) : null,
+                    /* @__PURE__ */ d("div", { className: "nim-chat-message__bubble", children: [
+                      (_ = p.attachments) == null ? void 0 : _.map((f, w) => /* @__PURE__ */ e(
+                        qn,
+                        {
+                          attachment: f,
+                          labels: r,
+                          locale: l
+                        },
+                        `${p.id}-${w}`
+                      )),
+                      p.text ? /* @__PURE__ */ e("p", { className: "nim-chat-message__text", children: p.text }) : null
+                    ] }),
+                    /* @__PURE__ */ d("span", { className: "nim-chat-message__meta", children: [
+                      p.at ? /* @__PURE__ */ e("time", { dateTime: p.at, children: u.format(new Date(p.at)) }) : null,
+                      p.own && p.status ? /* @__PURE__ */ e("span", { className: "nim-chat-message__status", "data-status": p.status, children: p.status === "sending" ? /* @__PURE__ */ e(Me, { size: "sm" }) : /* @__PURE__ */ e(
+                        C,
+                        {
+                          label: r[p.status],
+                          name: p.status === "failed" ? "danger" : "check-circle",
+                          size: "xs"
+                        }
+                      ) }) : null
+                    ] })
+                  ] })
+                ]
+              },
+              p.id
+            );
+          }) }),
+          c ? /* @__PURE__ */ d("p", { className: "nim-chat__typing", children: [
+            typeof c == "string" ? `${c} ${r.typing}` : r.typing,
+            /* @__PURE__ */ d("span", { "aria-hidden": "true", className: "nim-chat__dots", children: [
+              /* @__PURE__ */ e("i", {}),
+              /* @__PURE__ */ e("i", {}),
+              /* @__PURE__ */ e("i", {})
+            ] })
+          ] }) : null,
+          a ? /* @__PURE__ */ e("div", { className: "nim-chat__footer", children: a }) : null
+        ]
+      }
+    ),
+    i ? /* @__PURE__ */ e("div", { className: "nim-chat__composer", children: i }) : null
+  ] });
+}
+const ea = {
+  attach: "Attach a file",
+  cancel: "Cancel recording",
+  discard: "Remove attachment",
+  record: "Record a voice message",
+  recording: "Recording",
+  send: "Send",
+  stop: "Stop and attach",
+  video: "Attach a video"
+}, na = () => {
+  var n;
+  return typeof navigator < "u" && typeof window < "u" && "MediaRecorder" in window && !!((n = navigator.mediaDevices) != null && n.getUserMedia);
+}, aa = (n) => n.type.startsWith("video/") ? "video" : n.type.startsWith("image/") ? "image" : "file";
+function si({
+  accept: n,
+  allow: i,
+  className: a,
+  disabled: t = !1,
+  labels: s,
+  onFiles: l,
+  onSend: o,
+  placeholder: c
+}) {
+  const r = { ...ea, ...s }, m = { file: !0, video: !0, voice: !0, ...i }, [h, u] = A(""), [p, _] = A([]), [f, w] = A(!1), [N, g] = A(0), [y] = A(na), E = L([]), I = L(null), F = L(null), k = L(null), B = L(0), S = L([]), D = L(null), T = O(() => {
+    var v;
+    (v = k.current) == null || v.stream.getTracks().forEach((x) => x.stop()), k.current = null;
+  }, []);
+  Z(() => T, [T]), Z(() => {
+    if (!f) return;
+    const v = window.setInterval(() => g((Date.now() - B.current) / 1e3), 200);
+    return () => window.clearInterval(v);
+  }, [f]);
+  const P = O(
+    (v) => {
+      if (!(v != null && v.length)) return;
+      const x = Array.from(v);
+      E.current = [...E.current, ...x], _((M) => [
+        ...M,
+        ...x.map((z) => ({
+          kind: aa(z),
+          name: z.name,
+          size: z.size,
+          url: URL.createObjectURL(z)
+        }))
+      ]);
+    },
+    []
+  ), $ = O(async () => {
+    try {
+      const v = await navigator.mediaDevices.getUserMedia({ audio: !0 }), x = new MediaRecorder(v);
+      S.current = [], x.ondataavailable = (M) => {
+        M.data.size && S.current.push(M.data);
+      }, x.onstop = () => {
+        const M = new Blob(S.current, { type: x.mimeType }), z = new File([M], "voice-message", { type: x.mimeType });
+        E.current = [...E.current, z], _((U) => [
+          ...U,
+          {
+            duration: (Date.now() - B.current) / 1e3,
+            kind: "voice",
+            size: M.size,
+            url: URL.createObjectURL(M)
+          }
+        ]), T();
+      }, k.current = x, x.start(), B.current = Date.now(), g(0), w(!0);
+    } catch {
+      w(!1), T();
+    }
+  }, [T]), K = O(
+    (v) => {
+      const x = k.current;
+      w(!1), x && (v || (x.onstop = T), x.stop());
+    },
+    [T]
+  ), j = (v) => {
+    _((x) => (URL.revokeObjectURL(x[v].url), x.filter((M, z) => z !== v))), E.current = E.current.filter((x, M) => M !== v);
+  }, W = () => {
+    var v;
+    !h.trim() && p.length === 0 || (o({ attachments: p, text: h.trim() }), l == null || l(E.current), E.current = [], _([]), u(""), (v = D.current) == null || v.focus());
+  }, V = !h.trim() && p.length === 0;
+  return /* @__PURE__ */ d("div", { className: b("nim-composer", a), children: [
+    p.length ? /* @__PURE__ */ e("ul", { className: "nim-composer__tray", children: p.map((v, x) => /* @__PURE__ */ d("li", { className: "nim-composer__chip", children: [
+      /* @__PURE__ */ e(
+        C,
+        {
+          name: v.kind === "voice" ? "mic" : v.kind === "video" ? "video" : v.kind === "image" ? "camera" : "document",
+          size: "xs"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "nim-composer__chip-name", children: v.name ?? r.record }),
+      /* @__PURE__ */ e(
+        R,
+        {
+          label: r.discard,
+          name: "close",
+          onClick: () => j(x),
+          size: "sm"
+        }
+      )
+    ] }, v.url)) }) : null,
+    /* @__PURE__ */ e("div", { className: "nim-composer__row", children: f ? /* @__PURE__ */ d("div", { className: "nim-composer__recording", role: "status", children: [
+      /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-composer__pulse" }),
+      /* @__PURE__ */ e("span", { className: "nim-composer__recording-label", children: r.recording }),
+      /* @__PURE__ */ d("span", { className: "nim-composer__elapsed", children: [
+        N.toFixed(1),
+        "s"
+      ] }),
+      /* @__PURE__ */ e(
+        R,
+        {
+          label: r.cancel,
+          name: "close",
+          onClick: () => K(!1),
+          size: "sm"
+        }
+      ),
+      /* @__PURE__ */ e(
+        R,
+        {
+          label: r.stop,
+          name: "stop",
+          onClick: () => K(!0),
+          size: "sm",
+          variant: "solid"
+        }
+      )
+    ] }) : /* @__PURE__ */ d(Y, { children: [
+      m.file ? /* @__PURE__ */ e(
+        R,
+        {
+          disabled: t,
+          label: r.attach,
+          name: "paperclip",
+          onClick: () => {
+            var v;
+            return (v = I.current) == null ? void 0 : v.click();
+          },
+          size: "sm"
+        }
+      ) : null,
+      m.video ? /* @__PURE__ */ e(
+        R,
+        {
+          disabled: t,
+          label: r.video,
+          name: "video",
+          onClick: () => {
+            var v;
+            return (v = F.current) == null ? void 0 : v.click();
+          },
+          size: "sm"
+        }
+      ) : null,
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          className: "nim-composer__input",
+          disabled: t,
+          onChange: (v) => u(v.target.value),
+          onKeyDown: (v) => {
+            v.key === "Enter" && !v.shiftKey && (v.preventDefault(), W());
+          },
+          placeholder: c,
+          ref: D,
+          rows: 1,
+          value: h
+        }
+      ),
+      m.voice && y && V ? /* @__PURE__ */ e(
+        R,
+        {
+          disabled: t,
+          label: r.record,
+          name: "mic",
+          onClick: () => void $(),
+          size: "sm"
+        }
+      ) : /* @__PURE__ */ e(
+        R,
+        {
+          disabled: t || V,
+          label: r.send,
+          name: "send",
+          onClick: W,
+          size: "sm",
+          variant: "solid"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        accept: n,
+        className: "nim-visually-hidden",
+        multiple: !0,
+        onChange: (v) => {
+          P(v.target.files), v.target.value = "";
+        },
+        ref: I,
+        tabIndex: -1,
+        type: "file"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        accept: "video/*",
+        className: "nim-visually-hidden",
+        onChange: (v) => {
+          P(v.target.files), v.target.value = "";
+        },
+        ref: F,
+        tabIndex: -1,
+        type: "file"
+      }
+    )
+  ] });
+}
+function ri({ children: n, className: i, description: a, ...t }) {
+  return /* @__PURE__ */ d("label", { className: b("nim-choice nim-choice--checkbox", i), children: [
+    /* @__PURE__ */ e("input", { className: "nim-choice__input", type: "checkbox", ...t }),
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-checkbox__box", children: /* @__PURE__ */ e(C, { name: "check", size: "xs" }) }),
+    /* @__PURE__ */ d("span", { className: "nim-choice__text", children: [
+      n,
+      a ? /* @__PURE__ */ e("span", { className: "nim-choice__description", children: a }) : null
+    ] })
+  ] });
+}
+function ia({ children: n, className: i, description: a, ...t }) {
+  return /* @__PURE__ */ d("label", { className: b("nim-choice nim-choice--switch", i), children: [
+    /* @__PURE__ */ e("input", { className: "nim-choice__input", role: "switch", type: "checkbox", ...t }),
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-switch__track", children: /* @__PURE__ */ e("span", { className: "nim-switch__thumb" }) }),
+    /* @__PURE__ */ d("span", { className: "nim-choice__text", children: [
+      n,
+      a ? /* @__PURE__ */ e("span", { className: "nim-choice__description", children: a }) : null
+    ] })
+  ] });
+}
+function X({ children: n, className: i, error: a, hint: t, id: s, label: l, required: o }) {
+  const c = pe(), r = s ?? `nim-${c}`, m = t ? `${r}-hint` : void 0, h = a ? `${r}-error` : void 0, u = [h, m].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ d("div", { className: b("nim-field", a && "nim-field--invalid", i), children: [
+    l ? /* @__PURE__ */ d("label", { className: "nim-field__label", htmlFor: r, children: [
+      l,
+      o ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-field__required", children: "*" }) : null
+    ] }) : null,
+    n({ control: r, describedBy: u }),
+    a ? /* @__PURE__ */ e("p", { className: "nim-field__error", id: h, children: a }) : null,
+    t && !a ? /* @__PURE__ */ e("p", { className: "nim-field__hint", id: m, children: t }) : null
+  ] });
+}
+function ta({ className: n, error: i, hint: a, iconEnd: t, iconStart: s, id: l, label: o, required: c, ...r }) {
+  return /* @__PURE__ */ e(X, { error: i, hint: a, id: l, label: o, required: c, children: ({ control: m, describedBy: h }) => /* @__PURE__ */ d(
+    "div",
+    {
+      className: b(
+        "nim-input-shell",
+        s && "nim-input-shell--has-start",
+        t && "nim-input-shell--has-end"
+      ),
+      children: [
+        s ? /* @__PURE__ */ e("span", { className: "nim-input-shell__affix nim-input-shell__affix--start", children: /* @__PURE__ */ e(C, { name: s, size: "sm" }) }) : null,
+        /* @__PURE__ */ e(
+          "input",
+          {
+            "aria-describedby": h,
+            "aria-invalid": i ? !0 : void 0,
+            className: b("nim-input", n),
+            id: m,
+            required: c,
+            ...r
+          }
+        ),
+        t ? /* @__PURE__ */ e("span", { className: "nim-input-shell__affix nim-input-shell__affix--end", children: /* @__PURE__ */ e(C, { name: t, size: "sm" }) }) : null
+      ]
+    }
+  ) });
+}
+function ci({ className: n, error: i, hint: a, id: t, label: s, required: l, rows: o = 4, ...c }) {
+  return /* @__PURE__ */ e(X, { error: i, hint: a, id: t, label: s, required: l, children: ({ control: r, describedBy: m }) => /* @__PURE__ */ e(
+    "textarea",
+    {
+      "aria-describedby": m,
+      "aria-invalid": i ? !0 : void 0,
+      className: b("nim-textarea", n),
+      id: r,
+      required: l,
+      rows: o,
+      ...c
+    }
+  ) });
+}
+function oi({
+  className: n,
+  error: i,
+  hint: a,
+  id: t,
+  label: s,
+  options: l,
+  placeholder: o,
+  required: c,
+  ...r
+}) {
+  return /* @__PURE__ */ e(X, { error: i, hint: a, id: t, label: s, required: c, children: ({ control: m, describedBy: h }) => /* @__PURE__ */ d("div", { className: "nim-input-shell nim-input-shell--has-end", children: [
+    /* @__PURE__ */ d(
+      "select",
+      {
+        "aria-describedby": h,
+        "aria-invalid": i ? !0 : void 0,
+        className: b("nim-select", n),
+        id: m,
+        required: c,
+        ...r,
+        children: [
+          o ? /* @__PURE__ */ e("option", { value: "", disabled: !0, children: o }) : null,
+          l.map((u) => /* @__PURE__ */ e("option", { disabled: u.disabled, value: u.value, children: u.label }, u.value))
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "nim-input-shell__affix nim-input-shell__affix--end", children: /* @__PURE__ */ e(C, { name: "chevron-down", size: "sm" }) })
+  ] }) });
+}
+function di({
+  className: n,
+  emptyState: i,
+  error: a,
+  hint: t,
+  id: s,
+  label: l,
+  onChange: o,
+  options: c,
+  placeholder: r,
+  required: m,
+  value: h
+}) {
+  const u = pe(), p = c.find((S) => S.value === h) ?? null, [_, f] = A(""), [w, N] = A(!1), [g, y] = A(0), E = L(null), I = H(() => {
+    const S = _.trim().toLowerCase();
+    return S ? c.filter((D) => D.label.toLowerCase().includes(S)) : c;
+  }, [c, _]), F = (S) => {
+    o(S.value), f(""), N(!1);
+  }, k = (S) => {
+    if (S.key === "Escape") {
+      f(""), N(!1);
+      return;
+    }
+    if (!w && (S.key === "ArrowDown" || S.key === "ArrowUp")) {
+      N(!0);
+      return;
+    }
+    if (S.key === "ArrowDown" || S.key === "ArrowUp") {
+      S.preventDefault();
+      const D = S.key === "ArrowDown" ? 1 : -1, T = I.filter((P) => !P.disabled);
+      if (T.length === 0) return;
+      y((P) => (P + D + T.length) % T.length);
+    }
+    if (S.key === "Enter") {
+      const T = I.filter((P) => !P.disabled)[g];
+      T && (S.preventDefault(), F(T));
+    }
+  }, B = I.filter((S) => !S.disabled);
+  return /* @__PURE__ */ e(X, { className: n, error: a, hint: t, id: s, label: l, required: m, children: ({ control: S, describedBy: D }) => /* @__PURE__ */ d("div", { className: "nim-combobox", children: [
+    /* @__PURE__ */ d("div", { className: b("nim-input-shell", "nim-input-shell--has-end"), children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          "aria-autocomplete": "list",
+          "aria-controls": w ? u : void 0,
+          "aria-describedby": D,
+          "aria-expanded": w,
+          className: "nim-input",
+          id: S,
+          onBlur: () => window.setTimeout(() => N(!1), 120),
+          onChange: (T) => {
+            f(T.target.value), y(0), N(!0);
+          },
+          onFocus: () => N(!0),
+          onKeyDown: k,
+          placeholder: r,
+          ref: E,
+          role: "combobox",
+          value: w ? _ : (p == null ? void 0 : p.label) ?? ""
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "nim-input-shell__affix nim-input-shell__affix--end", children: /* @__PURE__ */ e(C, { name: "chevron-down", size: "sm" }) })
+    ] }),
+    w ? /* @__PURE__ */ e("div", { className: "nim-combobox__list", id: u, role: "listbox", children: B.length === 0 ? /* @__PURE__ */ e("div", { className: "nim-combobox__empty", children: i ? i(_) : `Nothing matches “${_}”.` }) : I.map((T) => /* @__PURE__ */ d(
+      "button",
+      {
+        "aria-selected": B.indexOf(T) === g,
+        className: "nim-combobox__option",
+        disabled: T.disabled,
+        onClick: () => F(T),
+        onPointerEnter: () => y(B.indexOf(T)),
+        role: "option",
+        type: "button",
+        children: [
+          /* @__PURE__ */ e("span", { children: T.label }),
+          T.meta ? /* @__PURE__ */ e("span", { className: "nim-combobox__meta", children: T.meta }) : null
+        ]
+      },
+      T.value
+    )) }) : null
+  ] }) });
+}
+function Ie(n, i, { onDismiss: a, open: t }) {
+  const [s, l] = A({ left: 0, top: 0 }), o = L(null), c = O(() => {
+    const r = n.current, m = i.current;
+    if (!r || !m) return;
+    const h = r.getBoundingClientRect(), { height: u, width: p } = m.getBoundingClientRect(), _ = 4, f = 8, w = getComputedStyle(r).direction === "rtl", N = h.bottom + _, y = N + u > window.innerHeight && h.top - _ - u > 0 ? h.top - _ - u : N, E = w ? h.right - p : h.left, I = Math.min(Math.max(E, f), window.innerWidth - p - f);
+    l({ left: I, top: y });
+  }, [i, n]);
+  return Ue(() => {
+    t && c();
+  }, [t, c]), Z(() => {
+    if (!t) return;
+    o.current = document.activeElement;
+    const r = (h) => {
+      h.key === "Escape" && (h.stopPropagation(), a());
+    }, m = (h) => {
+      var p, _;
+      const u = h.target;
+      (p = i.current) != null && p.contains(u) || (_ = n.current) != null && _.contains(u) || a();
+    };
+    return window.addEventListener("keydown", r), window.addEventListener("pointerdown", m), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), () => {
+      var h, u;
+      window.removeEventListener("keydown", r), window.removeEventListener("pointerdown", m), window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), (u = (h = o.current) == null ? void 0 : h.focus) == null || u.call(h);
+    };
+  }, [a, t, i, c, n]), s;
+}
+const la = (n) => n.kind === void 0 || n.kind === "action";
+function mi({ children: n, className: i, items: a, label: t }) {
+  const [s, l] = A(!1), [o, c] = A(0), r = L(null), m = L(null), h = Ie(r, m, { onDismiss: () => l(!1), open: s }), p = a.filter(la).filter((N) => !N.disabled), _ = () => {
+    c(0), l((N) => !N);
+  }, f = (N) => {
+    l(!1), N.onSelect();
+  }, w = (N) => {
+    if (p.length !== 0) {
+      if (N.key === "ArrowDown" || N.key === "ArrowUp") {
+        N.preventDefault();
+        const g = N.key === "ArrowDown" ? 1 : -1;
+        c((y) => (y + g + p.length) % p.length);
+      }
+      if (N.key === "Home" && (N.preventDefault(), c(0)), N.key === "End" && (N.preventDefault(), c(p.length - 1)), N.key === "Enter" || N.key === " ") {
+        N.preventDefault();
+        const g = p[o];
+        g && f(g);
+      }
+    }
+  };
+  return /* @__PURE__ */ d(Y, { children: [
+    n({ open: s, ref: r, toggle: _ }),
+    s && typeof document < "u" ? se(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          "aria-label": t,
+          className: b("nim-menu", i),
+          onKeyDown: w,
+          ref: m,
+          role: "menu",
+          style: { insetBlockStart: h.top, insetInlineStart: h.left },
+          tabIndex: -1,
+          children: a.map((N, g) => N.kind === "separator" ? /* @__PURE__ */ e("hr", { className: "nim-menu__separator" }, `sep-${g}`) : N.kind === "heading" ? /* @__PURE__ */ e("p", { className: "nim-menu__label", children: N.label }, `head-${g}`) : /* @__PURE__ */ d(
+            "button",
+            {
+              className: b("nim-menu__item", N.danger && "nim-menu__item--danger"),
+              "data-active": p.indexOf(N) === o ? "true" : void 0,
+              disabled: N.disabled,
+              onClick: () => f(N),
+              onPointerEnter: () => c(p.indexOf(N)),
+              role: "menuitem",
+              type: "button",
+              children: [
+                N.icon ? /* @__PURE__ */ e(C, { className: "nim-menu__icon", name: N.icon, size: "sm" }) : null,
+                /* @__PURE__ */ e("span", { children: N.label }),
+                N.shortcut ? /* @__PURE__ */ e("span", { className: "nim-menu__shortcut", children: N.shortcut }) : null
+              ]
+            },
+            N.label
+          ))
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+}
+function sa({ children: n, className: i, label: a, onClose: t, open: s, triggerRef: l }) {
+  const o = L(null), c = Ie(l, o, { onDismiss: t, open: s });
+  return !s || typeof document > "u" ? null : se(
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-label": a,
+        className: b("nim-popover", i),
+        ref: o,
+        role: "dialog",
+        style: { insetBlockStart: c.top, insetInlineStart: c.left },
+        children: n
+      }
+    ),
+    document.body
+  );
+}
+const ze = Ee(null);
+function ui({
+  children: n,
+  className: i,
+  defaultColorway: a = "vermilion",
+  defaultScheme: t = "light",
+  defaultStyle: s = "ledger",
+  direction: l = "ltr",
+  locale: o,
+  syncDocument: c = !0
+}) {
+  const [r, m] = A(s), [h, u] = A(a), [p, _] = A(t);
+  Z(() => {
+    if (!c || typeof document > "u") return;
+    const w = document.documentElement;
+    w.dataset.nimStyle = r, w.dataset.nimColorway = h, p === "system" ? delete w.dataset.nimScheme : w.dataset.nimScheme = p, w.dir = l, o && (w.lang = o);
+  }, [h, l, o, p, r, c]);
+  const f = H(
+    () => ({ colorway: h, direction: l, locale: o, scheme: p, setColorway: u, setScheme: _, setStyle: m, style: r }),
+    [h, l, o, p, r]
+  );
+  return /* @__PURE__ */ e(ze.Provider, { value: f, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: b("nim-root", i),
+      "data-nim-colorway": h,
+      "data-nim-scheme": p === "system" ? void 0 : p,
+      "data-nim-style": r,
+      dir: l,
+      lang: o,
+      children: n
+    }
+  ) });
+}
+function re() {
+  const n = xe(ze);
+  if (!n) throw new Error("useNim must be used inside <NimProvider>");
+  return n;
+}
+function hi() {
+  const { scheme: n, setScheme: i } = re();
+  return O(() => i(n === "dark" ? "light" : "dark"), [n, i]);
+}
+const te = 864e5, ra = Date.UTC(622, 2, 22), ca = 365.2422, ee = (n) => n.toISOString().slice(0, 10), ne = (n) => /* @__PURE__ */ new Date(`${n}T00:00:00Z`), ce = () => ee(/* @__PURE__ */ new Date()), oa = new Intl.DateTimeFormat("en-u-ca-persian-nu-latn", {
+  day: "numeric",
+  month: "numeric",
+  timeZone: "UTC",
+  year: "numeric"
+});
+function Q(n, i) {
+  const a = ne(n);
+  if (i === "gregory")
+    return { day: a.getUTCDate(), month: a.getUTCMonth() + 1, year: a.getUTCFullYear() };
+  const t = oa.formatToParts(a), s = (l) => {
+    var o;
+    return Number(((o = t.find((c) => c.type === l)) == null ? void 0 : o.value) ?? "0");
+  };
+  return { day: s("day"), month: s("month"), year: s("year") };
+}
+const ye = (n) => n.year * 1e4 + n.month * 100 + n.day;
+function ae(n, i) {
+  if (i === "gregory")
+    return ee(new Date(Date.UTC(n.year, n.month - 1, n.day)));
+  const a = Math.floor((n.year - 1) * ca) + (n.month <= 7 ? (n.month - 1) * 31 : 186 + (n.month - 7) * 30) + n.day - 1;
+  let t = new Date(ra + a * te);
+  const s = ye(n);
+  for (let l = 0; l < 40; l += 1) {
+    const o = Q(ee(t), "persian"), c = ye(o);
+    if (c === s) break;
+    const r = (n.year - o.year) * 365 + (n.month - o.month) * 30 + (n.day - o.day);
+    t = new Date(t.getTime() + (r === 0 ? c < s ? 1 : -1 : r) * te);
+  }
+  return ee(t);
+}
+function da(n, i) {
+  const a = Q(n, i);
+  return ae({ ...a, day: 1 }, i);
+}
+function we(n, i, a) {
+  const t = Q(n, a), s = t.year * 12 + (t.month - 1) + i, l = Math.floor(s / 12), o = s % 12 + 1, c = Pe(l, o, a);
+  return ae({ day: Math.min(t.day, c), month: o, year: l }, a);
+}
+function Pe(n, i, a) {
+  const t = ne(ae({ day: 1, month: i, year: n }, a)).getTime(), s = i === 12 ? 1 : i + 1, l = i === 12 ? n + 1 : n, o = ne(ae({ day: 1, month: s, year: l }, a)).getTime();
+  return Math.round((o - t) / te);
+}
+const me = (n, i) => ee(new Date(ne(n).getTime() + i * te)), ma = (n) => ne(n).getUTCDay();
+function ua(n, i) {
+  const a = n ?? "en";
+  return a.includes("-u-ca-") || a.includes("-u-") ? a : `${a}-u-ca-${i}`;
+}
+const _e = (n) => n != null && n.startsWith("fa") ? "persian" : "gregory", ha = (n) => n === "persian" ? 6 : 1, ke = /* @__PURE__ */ new Map();
+function pa(n) {
+  const i = n ?? "en", a = ke.get(i);
+  if (a) return a;
+  const t = new Intl.NumberFormat(i, { useGrouping: !1 }), s = Array.from({ length: 10 }, (l, o) => t.format(o));
+  return ke.set(i, s), s;
+}
+function he(n, i, a) {
+  const t = Q(n, a), s = pa(i), l = (o, c = 1) => String(o).padStart(c, "0").replace(/\d/g, (r) => s[Number(r)]);
+  return `${l(t.year)}/${l(t.month, 2)}/${l(t.day, 2)}`;
+}
+function _a(n, i) {
+  const t = fa(n).match(/\d+/g);
+  if (!t || t.length < 3) return null;
+  const [s, l, o] = t.map(Number);
+  if (l < 1 || l > 12 || o < 1 || o > Pe(s, l, i)) return null;
+  const c = ae({ day: o, month: l, year: s }, i), r = Q(c, i);
+  return r.year === s && r.month === l && r.day === o ? c : null;
+}
+function fa(n) {
+  let i = "";
+  for (const a of n) {
+    const t = a.codePointAt(0) ?? 0;
+    t >= 1776 && t <= 1785 ? i += String.fromCodePoint(t - 1776 + 48) : t >= 1632 && t <= 1641 ? i += String.fromCodePoint(t - 1632 + 48) : i += a;
+  }
+  return i;
+}
+const Ce = {
+  next: "Next month",
+  previous: "Previous month"
+};
+function Be({
+  className: n,
+  marked: i = [],
+  max: a,
+  min: t,
+  month: s,
+  onMonthChange: l,
+  onSelect: o,
+  system: c,
+  value: r,
+  weekStart: m
+}) {
+  const { locale: h } = re(), u = c ?? _e(h), p = m ?? ha(u), _ = ce(), f = ua(h, u), w = H(
+    () => new Intl.DateTimeFormat(f, { month: "long", timeZone: "UTC", year: "numeric" }),
+    [f]
+  ), N = H(() => new Intl.NumberFormat(h), [h]), g = H(
+    () => new Intl.DateTimeFormat(f, { timeZone: "UTC", weekday: "short" }),
+    [f]
+  ), y = da(s, u), E = Q(y, u).month, I = H(() => {
+    const k = (ma(y) - p + 7) % 7, B = me(y, -k);
+    return Array.from({ length: 42 }, (S, D) => {
+      const T = me(B, D), P = Q(T, u);
+      return { date: T, day: P.day, outside: P.month !== E };
+    });
+  }, [y, E, u, p]), F = H(() => {
+    const k = "2024-01-07";
+    return Array.from({ length: 7 }, (B, S) => ({
+      key: `${p}-${S}`,
+      label: g.format(/* @__PURE__ */ new Date(`${me(k, (p + S) % 7)}T00:00:00Z`))
+    }));
+  }, [p, g]);
+  return /* @__PURE__ */ d("div", { className: b("nim-calendar", n), children: [
+    /* @__PURE__ */ d("div", { className: "nim-calendar__header", children: [
+      /* @__PURE__ */ e(
+        R,
+        {
+          label: Ce.previous,
+          name: "chevron-back",
+          onClick: () => l(we(y, -1, u)),
+          size: "sm"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "nim-calendar__month", children: w.format(/* @__PURE__ */ new Date(`${y}T00:00:00Z`)) }),
+      /* @__PURE__ */ e(
+        R,
+        {
+          label: Ce.next,
+          name: "chevron-forward",
+          onClick: () => l(we(y, 1, u)),
+          size: "sm"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ d("div", { className: "nim-calendar__grid", role: "grid", children: [
+      F.map((k) => /* @__PURE__ */ e("span", { className: "nim-calendar__weekday", children: k.label }, k.key)),
+      I.map((k) => /* @__PURE__ */ e(
+        "button",
+        {
+          "aria-selected": k.date === r,
+          className: b(
+            "nim-calendar__day",
+            k.outside && "nim-calendar__day--outside",
+            k.date === _ && "nim-calendar__day--today",
+            i.includes(k.date) && "nim-calendar__day--marked"
+          ),
+          disabled: t !== void 0 && k.date < t || a !== void 0 && k.date > a,
+          onClick: () => o(k.date),
+          role: "gridcell",
+          type: "button",
+          children: N.format(k.day)
+        },
+        k.date
+      ))
+    ] })
+  ] });
+}
+function $e({
+  calendar: n,
+  describedBy: i,
+  id: a,
+  invalid: t,
+  locale: s,
+  onChange: l,
+  value: o
+}) {
+  const [c, r] = A(null);
+  if (n === "gregory")
+    return /* @__PURE__ */ e(
+      "input",
+      {
+        "aria-describedby": i,
+        "aria-invalid": t ? !0 : void 0,
+        className: "nim-input",
+        id: a,
+        onChange: (h) => l(h.target.value),
+        type: "date",
+        value: o
+      }
+    );
+  const m = c ?? (o ? he(o, s, n) : "");
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      "aria-describedby": i,
+      "aria-invalid": t ? !0 : void 0,
+      className: "nim-input",
+      dir: "ltr",
+      id: a,
+      inputMode: "numeric",
+      onBlur: () => r(null),
+      onChange: (h) => {
+        r(h.target.value);
+        const u = _a(h.target.value, n);
+        u ? l(u) : h.target.value.trim() === "" && l("");
+      },
+      placeholder: he(ce(), s, n),
+      type: "text",
+      value: m
+    }
+  );
+}
+function pi({
+  error: n,
+  hint: i,
+  id: a,
+  label: t,
+  onChange: s,
+  required: l,
+  value: o,
+  ...c
+}) {
+  const { locale: r } = re(), m = c.system ?? _e(r), [h, u] = A(o || ce());
+  return /* @__PURE__ */ e(X, { error: n, hint: i, id: a, label: t, required: l, children: ({ control: p, describedBy: _ }) => /* @__PURE__ */ d("div", { className: "nim-stack nim-stack--tight", children: [
+    /* @__PURE__ */ e(
+      $e,
+      {
+        calendar: m,
+        describedBy: _,
+        id: p,
+        invalid: !!n,
+        locale: r,
+        onChange: (f) => {
+          s(f), f && u(f);
+        },
+        value: o
+      }
+    ),
+    /* @__PURE__ */ e(
+      Be,
+      {
+        ...c,
+        month: h,
+        onMonthChange: u,
+        onSelect: (f) => {
+          s(f), u(f);
+        },
+        system: m,
+        value: o
+      }
+    )
+  ] }) });
+}
+function _i({
+  error: n,
+  hint: i,
+  id: a,
+  label: t,
+  labels: s,
+  onChange: l,
+  required: o,
+  showEquivalent: c,
+  value: r,
+  ...m
+}) {
+  const { locale: h } = re(), u = m.system ?? _e(h), [p, _] = A(!1), [f, w] = A(r || ce()), N = L(null), g = { clear: "Clear date", open: "Open calendar", ...s }, y = c ?? u === "persian", E = u === "persian" ? "gregory" : "persian";
+  return /* @__PURE__ */ e(X, { error: n, hint: i, id: a, label: t, required: o, children: ({ control: I, describedBy: F }) => /* @__PURE__ */ d("div", { className: "nim-date-picker", children: [
+    /* @__PURE__ */ d("div", { className: "nim-date-picker__group", children: [
+      /* @__PURE__ */ e(
+        $e,
+        {
+          calendar: u,
+          describedBy: F,
+          id: I,
+          invalid: !!n,
+          locale: h,
+          onChange: (k) => {
+            l(k), k && w(k);
+          },
+          value: r
+        }
+      ),
+      r ? /* @__PURE__ */ e(
+        R,
+        {
+          label: g.clear,
+          name: "close",
+          onClick: () => l(""),
+          size: "sm"
+        }
+      ) : null,
+      /* @__PURE__ */ e(
+        R,
+        {
+          "aria-expanded": p,
+          label: g.open,
+          name: "calendar",
+          onClick: () => _((k) => !k),
+          ref: N,
+          size: "sm"
+        }
+      )
+    ] }),
+    y && r ? /* @__PURE__ */ d("p", { className: "nim-date-picker__equivalent", children: [
+      /* @__PURE__ */ e(C, { name: "calendar", size: "xs" }),
+      /* @__PURE__ */ e("span", { dir: E === "gregory" ? "ltr" : void 0, children: he(r, h, E) })
+    ] }) : null,
+    /* @__PURE__ */ e(
+      sa,
+      {
+        label: t ?? g.open,
+        onClose: () => _(!1),
+        open: p,
+        triggerRef: N,
+        children: /* @__PURE__ */ e(
+          Be,
+          {
+            ...m,
+            month: f,
+            onMonthChange: w,
+            onSelect: (k) => {
+              l(k), w(k), _(!1);
+            },
+            system: u,
+            value: r
+          }
+        )
+      }
+    )
+  ] }) });
+}
+function fi({
+  children: n,
+  className: i,
+  closeLabel: a = "Close",
+  description: t,
+  footer: s,
+  onClose: l,
+  open: o,
+  title: c
+}) {
+  const r = L(null);
+  return Z(() => {
+    const m = r.current;
+    m && (o && !m.open && m.showModal(), !o && m.open && m.close());
+  }, [o]), Z(() => {
+    const m = r.current;
+    if (!m) return;
+    const h = () => l();
+    return m.addEventListener("close", h), () => m.removeEventListener("close", h);
+  }, [l]), /* @__PURE__ */ d(
+    "dialog",
+    {
+      className: b("nim-dialog", i),
+      onClick: (m) => {
+        m.target === r.current && l();
+      },
+      ref: r,
+      children: [
+        /* @__PURE__ */ d("div", { className: "nim-dialog__header", children: [
+          /* @__PURE__ */ d("div", { children: [
+            /* @__PURE__ */ e("p", { className: "nim-title nim-title--md", children: c }),
+            t ? /* @__PURE__ */ e("p", { className: "nim-caption", children: t }) : null
+          ] }),
+          /* @__PURE__ */ e(R, { label: a, name: "close", onClick: l, size: "sm" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nim-dialog__body", children: n }),
+        s ? /* @__PURE__ */ e("div", { className: "nim-dialog__footer", children: s }) : null
+      ]
+    }
+  );
+}
+function Ni({ actions: n, className: i, description: a, icon: t = "search", title: s, ...l }) {
+  return /* @__PURE__ */ d("div", { className: b("nim-empty", i), ...l, children: [
+    /* @__PURE__ */ e("span", { className: "nim-empty__icon", children: /* @__PURE__ */ e(C, { name: t, size: "md" }) }),
+    /* @__PURE__ */ e("p", { className: "nim-title nim-title--md", children: s }),
+    a ? /* @__PURE__ */ e("p", { className: "nim-body nim-body--sm nim-empty__body", children: a }) : null,
+    n ? /* @__PURE__ */ e("div", { className: "nim-empty__actions", children: n }) : null
+  ] });
+}
+function bi({
+  className: n,
+  detail: i,
+  label: a,
+  percent: t,
+  tone: s = "accent",
+  value: l,
+  ...o
+}) {
+  const c = typeof t == "number", r = Math.min(100, Math.max(0, t ?? 0)), m = typeof a == "string" ? a : void 0;
+  return /* @__PURE__ */ d("div", { className: b("nim-resource-meter", n), "data-tone": s, ...o, children: [
+    /* @__PURE__ */ d("div", { className: "nim-resource-meter__head", children: [
+      /* @__PURE__ */ e("span", { className: "nim-resource-meter__label", children: a }),
+      /* @__PURE__ */ e("span", { className: "nim-resource-meter__value", children: l })
+    ] }),
+    c ? /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-label": m,
+        "aria-valuemax": 100,
+        "aria-valuemin": 0,
+        "aria-valuenow": r,
+        className: "nim-resource-meter__track",
+        role: "meter",
+        children: /* @__PURE__ */ e("span", { className: "nim-resource-meter__fill", style: { inlineSize: `${r}%` } })
+      }
+    ) : null,
+    i ? /* @__PURE__ */ e("span", { className: "nim-resource-meter__detail", children: i }) : null
+  ] });
+}
+function vi({ children: n, className: i, ...a }) {
+  return /* @__PURE__ */ e("div", { className: b("nim-app-frame", i), ...a, children: n });
+}
+function gi({
+  children: n,
+  className: i,
+  gap: a = "md",
+  ...t
+}) {
+  return /* @__PURE__ */ e("div", { className: b("nim-stack", a !== "md" && `nim-stack--${a}`, i), ...t, children: n });
+}
+function yi({ children: n, className: i, ...a }) {
+  return /* @__PURE__ */ e("div", { className: b("nim-inline", i), ...a, children: n });
+}
+function Na({ children: n, className: i, plain: a = !1, ...t }) {
+  return /* @__PURE__ */ e("div", { className: b("nim-list", a && "nim-list--plain", i), ...t, children: n });
+}
+function ba({
+  className: n,
+  href: i,
+  leading: a,
+  onClick: t,
+  subtitle: s,
+  title: l,
+  trailing: o,
+  ...c
+}) {
+  const r = !!(i || t), m = /* @__PURE__ */ d(Y, { children: [
+    a ? /* @__PURE__ */ e("span", { className: "nim-list-row__leading", children: a }) : null,
+    /* @__PURE__ */ d("span", { className: "nim-list-row__content", children: [
+      /* @__PURE__ */ e("span", { className: "nim-list-row__title", children: l }),
+      s ? /* @__PURE__ */ e("span", { className: "nim-list-row__subtitle", children: s }) : null
+    ] }),
+    o ? /* @__PURE__ */ e("span", { className: "nim-list-row__trailing", children: o }) : null,
+    r && !o ? /* @__PURE__ */ e(C, { className: "nim-list-row__chevron", name: "chevron-forward", size: "sm" }) : null
+  ] }), h = b("nim-list-row", r && "nim-list-row--interactive", n);
+  return i ? /* @__PURE__ */ e("a", { className: h, href: i, ...c, children: m }) : t ? /* @__PURE__ */ e("button", { className: h, onClick: t, type: "button", ...c, children: m }) : /* @__PURE__ */ e("div", { className: h, ...c, children: m });
+}
+const va = {
+  back: "Back",
+  dot: (n) => `Slide ${n + 1}`
+};
+function wi({
+  brand: n,
+  className: i,
+  finishLabel: a,
+  footnote: t,
+  labels: s,
+  nextLabel: l,
+  onDone: o,
+  onSkip: c,
+  onStep: r,
+  skipLabel: m,
+  slides: h
+}) {
+  var g;
+  const [u, p] = A(0), _ = { ...va, ...s }, f = h[Math.min(u, h.length - 1)], w = u === h.length - 1, N = O(
+    (y) => {
+      p(y), r == null || r(y);
+    },
+    [r]
+  );
+  return /* @__PURE__ */ d("section", { className: b("nim-onboarding", i), children: [
+    /* @__PURE__ */ d("header", { className: "nim-onboarding__bar", children: [
+      /* @__PURE__ */ e("span", { className: "nim-onboarding__brand", children: n }),
+      m ? /* @__PURE__ */ e(
+        J,
+        {
+          iconEnd: "chevron-forward",
+          onClick: c ?? o,
+          size: "sm",
+          variant: "ghost",
+          children: m
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ d("div", { "aria-live": "polite", className: "nim-onboarding__stage", children: [
+      f.art ? /* @__PURE__ */ e("div", { className: "nim-onboarding__art", children: f.art }) : null,
+      f.proof ? /* @__PURE__ */ d("div", { className: "nim-onboarding__proof", children: [
+        f.proof.icon ? /* @__PURE__ */ e("span", { className: "nim-onboarding__proof-icon", children: f.proof.icon }) : null,
+        /* @__PURE__ */ d("span", { className: "nim-onboarding__proof-text", children: [
+          /* @__PURE__ */ e("span", { className: "nim-onboarding__proof-title", children: f.proof.title }),
+          (g = f.proof.points) != null && g.length ? /* @__PURE__ */ e("span", { className: "nim-onboarding__proof-points", children: f.proof.points.join(" · ") }) : null
+        ] })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ d("div", { className: "nim-onboarding__copy", children: [
+      f.label ? /* @__PURE__ */ e("span", { className: "nim-onboarding__chip", children: f.label }) : null,
+      /* @__PURE__ */ e("h1", { className: "nim-onboarding__title", children: f.title }),
+      f.body ? /* @__PURE__ */ e("p", { className: "nim-onboarding__body", children: f.body }) : null
+    ] }),
+    /* @__PURE__ */ d("footer", { className: "nim-onboarding__controls", children: [
+      /* @__PURE__ */ e("div", { className: "nim-onboarding__dots", children: h.map((y, E) => /* @__PURE__ */ e(
+        "button",
+        {
+          "aria-current": E === u ? "step" : void 0,
+          "aria-label": _.dot(E),
+          className: "nim-onboarding__dot",
+          onClick: () => N(E),
+          type: "button"
+        },
+        y.id
+      )) }),
+      /* @__PURE__ */ d("div", { className: "nim-onboarding__cta", children: [
+        u > 0 ? /* @__PURE__ */ e(
+          R,
+          {
+            label: _.back,
+            name: "chevron-back",
+            onClick: () => N(u - 1),
+            size: "lg",
+            variant: "outline"
+          }
+        ) : null,
+        /* @__PURE__ */ e(
+          J,
+          {
+            fullWidth: !0,
+            iconEnd: w ? "arrow-forward" : void 0,
+            onClick: () => w ? o() : N(u + 1),
+            size: "lg",
+            variant: "accent",
+            children: w ? a : l
+          }
+        )
+      ] }),
+      t ? /* @__PURE__ */ e("p", { className: "nim-onboarding__footnote", children: t }) : null
+    ] })
+  ] });
+}
+const ga = "AD:376 AE:971 AF:93 AG:1268 AI:1264 AL:355 AM:374 AO:244 AQ:672 AR:54 AS:1684 AT:43 AU:61 AW:297 AX:358 AZ:994 BA:387 BB:1246 BD:880 BE:32 BF:226 BG:359 BH:973 BI:257 BJ:229 BL:590 BM:1441 BN:673 BO:591 BQ:599 BR:55 BS:1242 BT:975 BW:267 BY:375 BZ:501 CA:1 CC:61 CD:243 CF:236 CG:242 CH:41 CI:225 CK:682 CL:56 CM:237 CN:86 CO:57 CR:506 CU:53 CV:238 CW:599 CX:61 CY:357 CZ:420 DE:49 DJ:253 DK:45 DM:1767 DO:1809 DZ:213 EC:593 EE:372 EG:20 EH:212 ER:291 ES:34 ET:251 FI:358 FJ:679 FK:500 FM:691 FO:298 FR:33 GA:241 GB:44 GD:1473 GE:995 GF:594 GG:44 GH:233 GI:350 GL:299 GM:220 GN:224 GP:590 GQ:240 GR:30 GT:502 GU:1671 GW:245 GY:592 HK:852 HN:504 HR:385 HT:509 HU:36 ID:62 IE:353 IL:972 IM:44 IN:91 IO:246 IQ:964 IR:98 IS:354 IT:39 JE:44 JM:1876 JO:962 JP:81 KE:254 KG:996 KH:855 KI:686 KM:269 KN:1869 KP:850 KR:82 KW:965 KY:1345 KZ:7 LA:856 LB:961 LC:1758 LI:423 LK:94 LR:231 LS:266 LT:370 LU:352 LV:371 LY:218 MA:212 MC:377 MD:373 ME:382 MF:590 MG:261 MH:692 MK:389 ML:223 MM:95 MN:976 MO:853 MP:1670 MQ:596 MR:222 MS:1664 MT:356 MU:230 MV:960 MW:265 MX:52 MY:60 MZ:258 NA:264 NC:687 NE:227 NF:672 NG:234 NI:505 NL:31 NO:47 NP:977 NR:674 NU:683 NZ:64 OM:968 PA:507 PE:51 PF:689 PG:675 PH:63 PK:92 PL:48 PM:508 PR:1787 PS:970 PT:351 PW:680 PY:595 QA:974 RE:262 RO:40 RS:381 RU:7 RW:250 SA:966 SB:677 SC:248 SD:249 SE:46 SG:65 SH:290 SI:386 SJ:47 SK:421 SL:232 SM:378 SN:221 SO:252 SR:597 SS:211 ST:239 SV:503 SX:1721 SY:963 SZ:268 TC:1649 TD:235 TG:228 TH:66 TJ:992 TK:690 TL:670 TM:993 TN:216 TO:676 TR:90 TT:1868 TV:688 TW:886 TZ:255 UA:380 UG:256 US:1 UY:598 UZ:998 VA:39 VC:1784 VE:58 VG:1284 VI:1340 VN:84 VU:678 WF:681 WS:685 YE:967 YT:262 ZA:27 ZM:260 ZW:263";
+function ya(n) {
+  return String.fromCodePoint(...[...n].map((i) => 127462 + i.charCodeAt(0) - 65));
+}
+const le = ga.split(" ").map((n) => {
+  const [i, a] = n.split(":");
+  return { dial: a, flag: ya(i), iso2: i };
+}), wa = new Map(le.map((n) => [n.iso2, n]));
+function Re(n) {
+  return wa.get(n.toUpperCase());
+}
+function ki(n) {
+  const i = n.replace(/\D/g, "");
+  let a;
+  for (const t of le)
+    i.startsWith(t.dial) && (!a || t.dial.length > a.dial.length) && (a = t);
+  return a;
+}
+const Se = /* @__PURE__ */ new Map();
+function ka(n) {
+  const i = Se.get(n);
+  if (i) return i;
+  let a;
+  try {
+    const t = new Intl.DisplayNames([n], { type: "region" });
+    a = (s) => t.of(s) ?? s;
+  } catch {
+    a = (t) => t;
+  }
+  return Se.set(n, a), a;
+}
+function ie(n) {
+  let i = "";
+  for (const a of n) {
+    const t = a.codePointAt(0) ?? 0;
+    t >= 1776 && t <= 1785 ? i += String.fromCodePoint(t - 1776 + 48) : t >= 1632 && t <= 1641 ? i += String.fromCodePoint(t - 1632 + 48) : a >= "0" && a <= "9" && (i += a);
+  }
+  return i;
+}
+function Ca({
+  autoFocus: n = !1,
+  className: i,
+  digitLabel: a,
+  error: t,
+  label: s,
+  length: l = 5,
+  onChange: o,
+  onComplete: c,
+  value: r
+}) {
+  const m = L(null), h = r.slice(0, l).split(""), u = O((N) => {
+    var y, E;
+    const g = (y = m.current) == null ? void 0 : y.querySelectorAll("input");
+    (E = g == null ? void 0 : g[Math.max(0, Math.min(N, g.length - 1))]) == null || E.focus();
+  }, []);
+  Z(() => {
+    n && u(0);
+  }, [n, u]);
+  const p = O(
+    (N, g) => {
+      const y = N.slice(0, l);
+      o(y), y.length === l ? c == null || c(y) : u(g);
+    },
+    [u, l, o, c]
+  ), _ = O(
+    (N, g) => {
+      const y = ie(g);
+      if (!y) return;
+      const E = (r.slice(0, N) + y).slice(0, l);
+      p(E, E.length);
+    },
+    [p, l, r]
+  ), f = O(
+    (N, g) => {
+      if (g.key === "Backspace") {
+        g.preventDefault();
+        const y = r[N] ? N : N - 1;
+        if (y < 0) return;
+        o(r.slice(0, y) + r.slice(y + 1)), u(y);
+      } else g.key === "ArrowLeft" ? u(N - 1) : g.key === "ArrowRight" && u(N + 1);
+    },
+    [u, o, r]
+  ), w = O(
+    (N) => {
+      const g = ie(N.clipboardData.getData("text"));
+      g && (N.preventDefault(), p(g.slice(0, l), g.length));
+    },
+    [p, l]
+  );
+  return /* @__PURE__ */ d("div", { className: b("nim-otp", t && "nim-otp--invalid", i), children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-label": s,
+        className: "nim-otp__boxes",
+        dir: "ltr",
+        onPaste: w,
+        ref: m,
+        role: "group",
+        children: Array.from({ length: l }, (N, g) => /* @__PURE__ */ e(
+          "input",
+          {
+            "aria-invalid": t ? !0 : void 0,
+            "aria-label": a ? a(g) : `${s} ${g + 1}`,
+            autoComplete: g === 0 ? "one-time-code" : "off",
+            className: "nim-otp__box",
+            "data-filled": h[g] ? "true" : void 0,
+            enterKeyHint: "done",
+            inputMode: "numeric",
+            onChange: (y) => _(g, y.target.value),
+            onFocus: (y) => y.currentTarget.select(),
+            onKeyDown: (y) => f(g, y),
+            type: "text",
+            value: h[g] ?? ""
+          },
+          g
+        ))
+      }
+    ),
+    t ? /* @__PURE__ */ e("p", { className: "nim-otp__error", role: "alert", children: t }) : null
+  ] });
+}
+const Sa = (n, i) => {
+  if (i <= 7) return Array.from({ length: i }, (s, l) => l + 1);
+  const a = /* @__PURE__ */ new Set([1, i, n, n - 1, n + 1]);
+  n <= 3 && [2, 3, 4].forEach((s) => a.add(s)), n >= i - 2 && [i - 3, i - 2, i - 1].forEach((s) => a.add(s));
+  const t = [...a].filter((s) => s >= 1 && s <= i).sort((s, l) => s - l);
+  return t.flatMap((s, l) => l > 0 && s - t[l - 1] > 1 ? ["gap", s] : [s]);
+};
+function Ci({
+  className: n,
+  label: i = "Pagination",
+  nextLabel: a = "Next page",
+  onChange: t,
+  page: s,
+  pageCount: l,
+  previousLabel: o = "Previous page",
+  summary: c
+}) {
+  return /* @__PURE__ */ d("nav", { "aria-label": i, className: b("nim-pagination", n), children: [
+    c ? /* @__PURE__ */ e("p", { className: "nim-pagination__summary", children: c }) : /* @__PURE__ */ e("span", {}),
+    /* @__PURE__ */ d("div", { className: "nim-pagination__list", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          "aria-label": o,
+          className: "nim-pagination__item",
+          disabled: s <= 1,
+          onClick: () => t(s - 1),
+          type: "button",
+          children: /* @__PURE__ */ e(C, { name: "chevron-back", size: "sm" })
+        }
+      ),
+      Sa(s, l).map(
+        (r, m) => r === "gap" ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-pagination__ellipsis", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e(
+          "button",
+          {
+            "aria-current": r === s ? "page" : void 0,
+            className: "nim-pagination__item",
+            onClick: () => t(r),
+            type: "button",
+            children: r
+          },
+          r
+        )
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          "aria-label": a,
+          className: "nim-pagination__item",
+          disabled: s >= l,
+          onClick: () => t(s + 1),
+          type: "button",
+          children: /* @__PURE__ */ e(C, { name: "chevron-forward", size: "sm" })
+        }
+      )
+    ] })
+  ] });
+}
+const Ta = {
+  hide: "Hide password",
+  show: "Show password",
+  strength: (n) => `Password strength: ${n}`
+}, Te = ["weak", "fair", "good", "strong"];
+function Aa({
+  className: n,
+  error: i,
+  hint: a,
+  id: t,
+  label: s,
+  labels: l,
+  required: o,
+  strength: c,
+  ...r
+}) {
+  const [m, h] = A(!1), u = { ...Ta, ...l };
+  return /* @__PURE__ */ e(X, { error: i, hint: a, id: t, label: s, required: o, children: ({ control: p, describedBy: _ }) => /* @__PURE__ */ d(Y, { children: [
+    /* @__PURE__ */ d("div", { className: "nim-input-shell nim-input-shell--has-end", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          "aria-describedby": _,
+          "aria-invalid": i ? !0 : void 0,
+          autoComplete: r.autoComplete ?? "current-password",
+          className: b("nim-input", n),
+          id: p,
+          required: o,
+          ...r,
+          type: m ? "text" : "password"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          "aria-controls": p,
+          "aria-label": m ? u.hide : u.show,
+          "aria-pressed": m,
+          className: "nim-password__toggle",
+          onClick: () => h((f) => !f),
+          type: "button",
+          children: /* @__PURE__ */ e(C, { name: "eye", size: "sm" })
+        }
+      )
+    ] }),
+    c ? /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-label": u.strength(c),
+        className: "nim-password__meter",
+        "data-level": c,
+        role: "img",
+        children: Te.map((f, w) => /* @__PURE__ */ e(
+          "span",
+          {
+            className: "nim-password__step",
+            "data-on": w <= Te.indexOf(c) ? "true" : void 0
+          },
+          f
+        ))
+      }
+    ) : null
+  ] }) });
+}
+function Si(n) {
+  if (n.length < 8) return "weak";
+  const i = [/[a-z]/, /[A-Z]/, /\d/, /[^\w\s]/].filter((a) => a.test(n)).length;
+  return n.length >= 14 && i >= 3 ? "strong" : n.length >= 10 && i >= 2 ? "good" : "fair";
+}
+const Ea = {
+  noMatch: "No country matches",
+  pickCountry: "Country code",
+  search: "Search countries"
+};
+function xa({
+  className: n,
+  country: i,
+  error: a,
+  hint: t,
+  id: s,
+  label: l,
+  labels: o,
+  locale: c,
+  onChange: r,
+  onCountryChange: m,
+  onSubmit: h,
+  placeholder: u,
+  priority: p = [],
+  required: _,
+  value: f
+}) {
+  const w = pe(), N = s ?? `nim-${w}`, g = t ? `${N}-hint` : void 0, y = a ? `${N}-error` : void 0, E = { ...Ea, ...o }, [I, F] = A(!1), [k, B] = A(""), S = L(null), D = L(null), T = L(null), P = c ?? (typeof document > "u" ? "en" : document.documentElement.lang || "en"), $ = H(() => ka(P), [P]), K = Re(i) ?? le[0], j = H(() => {
+    const v = new Intl.Collator(P), x = le.map((z) => ({ ...z, name: $(z.iso2) })), M = (z) => {
+      const U = p.indexOf(z);
+      return U === -1 ? p.length : U;
+    };
+    return x.sort(
+      (z, U) => M(z.iso2) - M(U.iso2) || v.compare(z.name, U.name)
+    );
+  }, [$, p, P]), W = H(() => {
+    const v = k.trim().toLocaleLowerCase(P);
+    if (!v) return j;
+    const x = ie(v);
+    return j.filter(
+      (M) => M.name.toLocaleLowerCase(P).includes(v) || M.iso2.toLowerCase().includes(v) || (x ? M.dial.startsWith(x) : !1)
+    );
+  }, [j, k, P]);
+  Z(() => {
+    var M;
+    if (!I) return;
+    (M = T.current) == null || M.focus();
+    const v = (z) => {
+      var U;
+      (U = S.current) != null && U.contains(z.target) || F(!1);
+    }, x = (z) => {
+      var U;
+      z.key === "Escape" && (F(!1), (U = D.current) == null || U.focus());
+    };
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", x), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", x);
+    };
+  }, [I]);
+  const V = (v) => {
+    var x;
+    m(v), F(!1), B(""), (x = D.current) == null || x.focus();
+  };
+  return /* @__PURE__ */ d("div", { className: b("nim-field", a && "nim-field--invalid", n), children: [
+    l ? /* @__PURE__ */ d("label", { className: "nim-field__label", htmlFor: N, children: [
+      l,
+      _ ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-field__required", children: "*" }) : null
+    ] }) : null,
+    /* @__PURE__ */ d("div", { className: "nim-phone", ref: S, children: [
+      /* @__PURE__ */ d("div", { className: "nim-phone__shell", dir: "ltr", children: [
+        /* @__PURE__ */ d(
+          "button",
+          {
+            "aria-expanded": I,
+            "aria-haspopup": "listbox",
+            "aria-label": `${E.pickCountry}: ${$(K.iso2)} +${K.dial}`,
+            className: "nim-phone__country",
+            onClick: () => F((v) => !v),
+            ref: D,
+            type: "button",
+            children: [
+              /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-phone__flag", children: K.flag }),
+              /* @__PURE__ */ d("span", { className: "nim-phone__dial", children: [
+                "+",
+                K.dial
+              ] }),
+              /* @__PURE__ */ e(C, { className: "nim-phone__caret", name: "chevron-down", size: "xs" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            "aria-describedby": [y, g].filter(Boolean).join(" ") || void 0,
+            "aria-invalid": a ? !0 : void 0,
+            autoComplete: "tel-national",
+            className: "nim-phone__input",
+            enterKeyHint: "go",
+            id: N,
+            inputMode: "tel",
+            onChange: (v) => r(ie(v.target.value)),
+            onKeyDown: (v) => {
+              v.key === "Enter" && (h == null || h());
+            },
+            placeholder: u,
+            required: _,
+            type: "tel",
+            value: f
+          }
+        )
+      ] }),
+      I ? /* @__PURE__ */ d("div", { className: "nim-phone__picker", children: [
+        /* @__PURE__ */ d("div", { className: "nim-phone__search", children: [
+          /* @__PURE__ */ e(C, { name: "search", size: "sm" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              "aria-label": E.search,
+              className: "nim-phone__search-input",
+              onChange: (v) => B(v.target.value),
+              placeholder: E.search,
+              ref: T,
+              type: "search",
+              value: k
+            }
+          )
+        ] }),
+        /* @__PURE__ */ d("ul", { className: "nim-phone__list", role: "listbox", children: [
+          W.map((v) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+            "button",
+            {
+              "aria-selected": v.iso2 === K.iso2,
+              className: "nim-phone__option",
+              onClick: () => V(v.iso2),
+              role: "option",
+              type: "button",
+              children: [
+                /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-phone__flag", children: v.flag }),
+                /* @__PURE__ */ e("span", { className: "nim-phone__name", children: v.name }),
+                /* @__PURE__ */ d("span", { className: "nim-phone__option-dial", dir: "ltr", children: [
+                  "+",
+                  v.dial
+                ] })
+              ]
+            }
+          ) }, v.iso2)),
+          W.length === 0 ? /* @__PURE__ */ e("li", { className: "nim-phone__empty", children: E.noMatch }) : null
+        ] })
+      ] }) : null
+    ] }),
+    a ? /* @__PURE__ */ e("p", { className: "nim-field__error", id: y, children: a }) : null,
+    t && !a ? /* @__PURE__ */ e("p", { className: "nim-field__hint", id: g, children: t }) : null
+  ] });
+}
+function Da(n, i) {
+  var t;
+  return `+${((t = Re(n)) == null ? void 0 : t.dial) ?? ""}${ie(i).replace(/^0+/, "")}`;
+}
+const Ma = {
+  excluded: "minus",
+  included: "check",
+  pending: "clock"
+};
+function La({
+  badge: n,
+  className: i,
+  features: a = [],
+  icon: t,
+  name: s,
+  onSelect: l,
+  price: o,
+  priceCaption: c,
+  secondary: r,
+  selected: m = !1,
+  tagline: h
+}) {
+  const u = /* @__PURE__ */ d(Y, { children: [
+    /* @__PURE__ */ d("div", { className: "nim-plan__top", children: [
+      t ? /* @__PURE__ */ e("span", { className: "nim-plan__icon", children: /* @__PURE__ */ e(C, { name: t, size: "md" }) }) : null,
+      /* @__PURE__ */ d("div", { className: "nim-plan__heading", children: [
+        /* @__PURE__ */ e("span", { className: "nim-plan__name", children: s }),
+        h ? /* @__PURE__ */ e("span", { className: "nim-plan__tagline", children: h }) : null
+      ] }),
+      n ? /* @__PURE__ */ e("span", { className: "nim-plan__badge", children: n }) : null,
+      l ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-plan__radio", children: m ? /* @__PURE__ */ e(C, { name: "check", size: "xs" }) : null }) : null
+    ] }),
+    /* @__PURE__ */ d("div", { className: "nim-plan__price-box", children: [
+      /* @__PURE__ */ d("div", { children: [
+        c ? /* @__PURE__ */ e("span", { className: "nim-plan__price-caption", children: c }) : null,
+        /* @__PURE__ */ e("strong", { className: "nim-plan__price", children: o })
+      ] }),
+      r ? /* @__PURE__ */ d("div", { className: "nim-plan__secondary", children: [
+        /* @__PURE__ */ e("span", { className: "nim-plan__price-caption", children: r.caption }),
+        /* @__PURE__ */ e("strong", { className: "nim-plan__secondary-value", children: r.value })
+      ] }) : null
+    ] }),
+    a.length ? /* @__PURE__ */ e("ul", { className: "nim-plan__features", children: a.map((_, f) => {
+      const w = _.state ?? "included";
+      return /* @__PURE__ */ d("li", { className: "nim-plan__feature", "data-state": w, children: [
+        /* @__PURE__ */ e(C, { name: Ma[w], size: "xs" }),
+        /* @__PURE__ */ e("span", { className: "nim-plan__feature-label", children: _.label }),
+        _.note ? /* @__PURE__ */ e("span", { className: "nim-plan__feature-note", children: _.note }) : null
+      ] }, f);
+    }) }) : null
+  ] }), p = b("nim-plan", m && "nim-plan--selected", i);
+  return l ? /* @__PURE__ */ e("button", { "aria-pressed": m, className: p, onClick: l, type: "button", children: u }) : /* @__PURE__ */ e("article", { className: p, children: u });
+}
+function Ia({
+  className: n,
+  fullWidth: i = !1,
+  label: a,
+  onChange: t,
+  options: s,
+  value: l,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-label": a,
+      className: b("nim-segmented", i && "nim-segmented--full", n),
+      role: "tablist",
+      ...o,
+      children: s.map((c) => /* @__PURE__ */ e(
+        "button",
+        {
+          "aria-selected": c.value === l,
+          className: "nim-segmented__option",
+          disabled: c.disabled,
+          onClick: () => t(c.value),
+          role: "tab",
+          type: "button",
+          children: c.label
+        },
+        c.value
+      ))
+    }
+  );
+}
+const za = {
+  cycle: "Billing period",
+  monthly: "Per month",
+  price: "This package"
+};
+function Ti({
+  className: n,
+  cycle: i,
+  cycles: a = [],
+  defaultCycle: t,
+  defaultPlan: s,
+  labels: l,
+  note: o,
+  onCycleChange: c,
+  onPlanChange: r,
+  onSubmit: m,
+  plan: h,
+  plans: u,
+  submitLabel: p
+}) {
+  var B, S;
+  const _ = { ...za, ...l }, [f, w] = A(t ?? ((B = a[0]) == null ? void 0 : B.id) ?? ""), [N, g] = A(s ?? ((S = u[0]) == null ? void 0 : S.id) ?? ""), y = i ?? f, E = h ?? N, I = (D) => {
+    g(D), r == null || r(D);
+  }, F = (D) => {
+    w(D), c == null || c(D);
+  }, k = a.find((D) => D.id === y);
+  return /* @__PURE__ */ d("section", { className: b("nim-plan-picker", n), children: [
+    a.length > 1 ? /* @__PURE__ */ d("div", { className: "nim-plan-picker__cycles", children: [
+      /* @__PURE__ */ e(
+        Ia,
+        {
+          fullWidth: !0,
+          label: _.cycle,
+          onChange: F,
+          options: a.map((D) => ({ label: D.label, value: D.id })),
+          value: y
+        }
+      ),
+      k != null && k.note ? /* @__PURE__ */ e("p", { className: "nim-plan-picker__save", children: k.note }) : null
+    ] }) : null,
+    /* @__PURE__ */ e("div", { className: "nim-plan-picker__plans", children: u.map(({ id: D, prices: T, ...P }) => {
+      const $ = T[y] ?? Object.values(T)[0];
+      return /* @__PURE__ */ Ge(
+        La,
+        {
+          ...P,
+          key: D,
+          onSelect: () => I(D),
+          price: ($ == null ? void 0 : $.price) ?? "",
+          priceCaption: _.price,
+          secondary: ($ == null ? void 0 : $.monthly) === void 0 ? void 0 : { caption: _.monthly, value: $.monthly },
+          selected: D === E
+        }
+      );
+    }) }),
+    p ? /* @__PURE__ */ d("div", { className: "nim-plan-picker__foot", children: [
+      /* @__PURE__ */ e(
+        J,
+        {
+          fullWidth: !0,
+          onClick: () => m == null ? void 0 : m(E, y),
+          size: "lg",
+          variant: "accent",
+          children: p
+        }
+      ),
+      o ? /* @__PURE__ */ e("p", { className: "nim-plan-picker__note", children: o }) : null
+    ] }) : null
+  ] });
+}
+function Pa({
+  action: n,
+  className: i,
+  description: a,
+  eyebrow: t,
+  title: s,
+  ...l
+}) {
+  return /* @__PURE__ */ d("header", { className: b("nim-section-header", i), ...l, children: [
+    /* @__PURE__ */ d("div", { children: [
+      t ? /* @__PURE__ */ e("p", { className: "nim-label nim-section-header__eyebrow", children: t }) : null,
+      /* @__PURE__ */ e("h2", { className: "nim-title nim-title--md", children: s }),
+      a ? /* @__PURE__ */ e("p", { className: "nim-body nim-body--sm nim-section-header__description", children: a }) : null
+    ] }),
+    n ? /* @__PURE__ */ e("div", { className: "nim-section-header__action", children: n }) : null
+  ] });
+}
+function Ai({
+  className: n,
+  footer: i,
+  sections: a = [],
+  ...t
+}) {
+  return /* @__PURE__ */ d("div", { className: b("nim-profile-screen", n), children: [
+    /* @__PURE__ */ e(Yn, { ...t }),
+    a.map((s) => /* @__PURE__ */ d("section", { className: "nim-profile-screen__section", children: [
+      s.title ? /* @__PURE__ */ e(Pa, { description: s.description, title: s.title }) : null,
+      /* @__PURE__ */ e(Na, { children: s.rows.map((l) => /* @__PURE__ */ e(
+        ba,
+        {
+          className: b(l.danger && "nim-list-row--danger"),
+          href: l.href,
+          leading: l.icon ? /* @__PURE__ */ e(C, { name: l.icon, size: "md" }) : void 0,
+          onClick: l.onToggle ? void 0 : l.onSelect,
+          subtitle: l.subtitle,
+          title: l.label,
+          trailing: l.onToggle ? (
+            // The row's own title names the switch, so the control
+            // carries the name rather than repeating the text beside
+            // itself. A toggle row is a div, never a button — a switch
+            // inside a button is two controls in one target.
+            /* @__PURE__ */ e(
+              ia,
+              {
+                "aria-label": typeof l.label == "string" ? l.label : void 0,
+                checked: l.checked ?? !1,
+                onChange: (o) => {
+                  var c;
+                  return (c = l.onToggle) == null ? void 0 : c.call(l, o.target.checked);
+                },
+                children: ""
+              }
+            )
+          ) : l.value !== void 0 ? /* @__PURE__ */ e("span", { className: "nim-profile-screen__value", children: l.value }) : void 0
+        },
+        l.key
+      )) })
+    ] }, s.key)),
+    i ? /* @__PURE__ */ e("div", { className: "nim-profile-screen__footer", children: i }) : null
+  ] });
+}
+const Ba = {
+  back: "Back",
+  codeLabel: "Verification code",
+  codeSubtitle: (n) => `Enter the code we sent to ${n}`,
+  codeTitle: "Verification code",
+  identifierLabel: "Email",
+  passwordLabel: "Password",
+  passwordSubtitle: "Use the email and password on your account.",
+  passwordTitle: "Sign in with a password",
+  phoneLabel: "Mobile number",
+  phoneSubtitle: "Enter your mobile number. We will text you a code — no password.",
+  phoneTitle: "Welcome",
+  resend: "Send the code again",
+  resendIn: (n) => `You can ask for a new code in ${n}s`,
+  sendCode: "Send code",
+  signIn: "Sign in",
+  usePassword: "Sign in with a password instead",
+  usePhone: "Sign in with a code instead",
+  verify: "Verify and sign in"
+}, ue = (n, i) => n instanceof Error && n.message.trim() ? n.message.trim() : i;
+function Ei({
+  brand: n,
+  className: i,
+  codeLength: a = 5,
+  copy: t,
+  defaultCountry: s = "IR",
+  defaultMethod: l = "code",
+  footer: o,
+  methods: c = ["code", "password"],
+  onPasswordSignIn: r,
+  onRequestCode: m,
+  onVerifyCode: h,
+  priority: u = ["IR", "AE", "TR", "DE", "US", "GB"],
+  resendSeconds: p = 60
+}) {
+  const _ = { ...Ba, ...t }, [f, w] = A(
+    c.includes(l) ? l : c[0]
+  ), [N, g] = A(!1), [y, E] = A(s), [I, F] = A(""), [k, B] = A(""), [S, D] = A(""), [T, P] = A(""), [$, K] = A(!1), [j, W] = A(""), [V, v] = A(0), x = L(!1);
+  Z(() => {
+    if (V <= 0) return;
+    const G = window.setTimeout(() => v((q) => q - 1), 1e3);
+    return () => window.clearTimeout(G);
+  }, [V]);
+  const M = Da(y, I), z = I.replace(/\D/g, "").length >= 6, U = O(
+    async (G = !1) => {
+      if (!($ || !G && !z)) {
+        K(!0), W("");
+        try {
+          await (m == null ? void 0 : m(M)), g(!0), B(""), v(p);
+        } catch (q) {
+          W(ue(q, _.sendCode));
+        } finally {
+          K(!1);
+        }
+      }
+    },
+    [$, M, m, z, p, _.sendCode]
+  ), fe = O(
+    async (G) => {
+      if (!(x.current || G.length !== a)) {
+        x.current = !0, K(!0), W("");
+        try {
+          await (h == null ? void 0 : h(M, G));
+        } catch (q) {
+          W(ue(q, _.verify)), B("");
+        } finally {
+          x.current = !1, K(!1);
+        }
+      }
+    },
+    [a, M, h, _.verify]
+  ), Ne = O(async () => {
+    if (!($ || !S.trim() || !T)) {
+      K(!0), W("");
+      try {
+        await (r == null ? void 0 : r(S.trim(), T));
+      } catch (G) {
+        W(ue(G, _.signIn));
+      } finally {
+        K(!1);
+      }
+    }
+  }, [$, S, r, T, _.signIn]), be = c.length > 1 ? /* @__PURE__ */ e(
+    J,
+    {
+      onClick: () => {
+        w(f === "code" ? "password" : "code"), W("");
+      },
+      size: "sm",
+      variant: "ghost",
+      children: f === "code" ? _.usePassword : _.usePhone
+    }
+  ) : null, oe = j ? /* @__PURE__ */ e(Vn, { tone: "danger", children: j }) : null;
+  return f === "password" ? /* @__PURE__ */ d(
+    de,
+    {
+      action: {
+        disabled: !S.trim() || !T,
+        label: _.signIn,
+        loading: $,
+        onClick: () => void Ne()
+      },
+      brand: n,
+      className: i,
+      footer: /* @__PURE__ */ d(Y, { children: [
+        be,
+        o
+      ] }),
+      subtitle: _.passwordSubtitle,
+      title: _.passwordTitle,
+      children: [
+        oe,
+        /* @__PURE__ */ e(
+          ta,
+          {
+            autoComplete: "username",
+            label: _.identifierLabel,
+            onChange: (G) => D(G.target.value),
+            type: "email",
+            value: S
+          }
+        ),
+        /* @__PURE__ */ e(
+          Aa,
+          {
+            autoComplete: "current-password",
+            label: _.passwordLabel,
+            onChange: (G) => P(G.target.value),
+            onKeyDown: (G) => {
+              G.key === "Enter" && Ne();
+            },
+            value: T
+          }
+        )
+      ]
+    }
+  ) : N ? /* @__PURE__ */ d(
+    de,
+    {
+      action: {
+        disabled: k.length !== a,
+        label: _.verify,
+        loading: $,
+        onClick: () => void fe(k)
+      },
+      back: {
+        label: _.back,
+        onClick: () => {
+          g(!1), B(""), W("");
+        }
+      },
+      className: i,
+      footer: /* @__PURE__ */ d(Y, { children: [
+        V > 0 ? /* @__PURE__ */ e("p", { children: _.resendIn(V) }) : /* @__PURE__ */ e(J, { onClick: () => void U(!0), size: "sm", variant: "ghost", children: _.resend }),
+        o
+      ] }),
+      subtitle: _.codeSubtitle(M),
+      title: _.codeTitle,
+      children: [
+        oe,
+        /* @__PURE__ */ e(
+          Ca,
+          {
+            autoFocus: !0,
+            label: _.codeLabel,
+            length: a,
+            onChange: B,
+            onComplete: (G) => void fe(G),
+            value: k
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ d(
+    de,
+    {
+      action: {
+        disabled: !z,
+        label: _.sendCode,
+        loading: $,
+        onClick: () => void U()
+      },
+      brand: n,
+      className: i,
+      footer: /* @__PURE__ */ d(Y, { children: [
+        be,
+        o
+      ] }),
+      subtitle: _.phoneSubtitle,
+      title: _.phoneTitle,
+      children: [
+        oe,
+        /* @__PURE__ */ e(
+          xa,
+          {
+            country: y,
+            label: _.phoneLabel,
+            onChange: F,
+            onCountryChange: E,
+            onSubmit: () => void U(),
+            priority: u,
+            value: I
+          }
+        )
+      ]
+    }
+  );
+}
+function xi({ children: n, className: i, closeLabel: a = "Close", footer: t, onClose: s, open: l, title: o }) {
+  const c = L(null), r = L(null);
+  return Z(() => {
+    var u;
+    if (!l) return;
+    r.current = document.activeElement;
+    const m = document.body.style.overflow;
+    document.body.style.overflow = "hidden", (u = c.current) == null || u.focus();
+    const h = (p) => {
+      p.key === "Escape" && s();
+    };
+    return window.addEventListener("keydown", h), () => {
+      var p, _;
+      document.body.style.overflow = m, window.removeEventListener("keydown", h), (_ = (p = r.current) == null ? void 0 : p.focus) == null || _.call(p);
+    };
+  }, [s, l]), !l || typeof document > "u" ? null : se(
+    /* @__PURE__ */ d(Y, { children: [
+      /* @__PURE__ */ e("div", { className: "nim-sheet__scrim", onClick: s }),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          "aria-label": typeof o == "string" ? o : a,
+          "aria-modal": "true",
+          className: b("nim-sheet__panel", i),
+          ref: c,
+          role: "dialog",
+          tabIndex: -1,
+          children: [
+            /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-sheet__handle" }),
+            o ? /* @__PURE__ */ d("div", { className: "nim-sheet__header", children: [
+              /* @__PURE__ */ e("p", { className: "nim-title nim-title--md", children: o }),
+              /* @__PURE__ */ e(R, { label: a, name: "close", onClick: s, size: "sm" })
+            ] }) : null,
+            /* @__PURE__ */ e("div", { className: "nim-sheet__body", children: n }),
+            t ? /* @__PURE__ */ e("div", { className: "nim-sheet__footer", children: t }) : null
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+function Di({
+  className: n,
+  label: i,
+  max: a = 100,
+  min: t = 0,
+  scale: s,
+  step: l = 1,
+  value: o,
+  ...c
+}) {
+  const r = a === t ? 0 : (o - t) / (a - t) * 100;
+  return /* @__PURE__ */ d("div", { className: "nim-field", children: [
+    i ? /* @__PURE__ */ e("span", { className: "nim-field__label", children: i }) : null,
+    /* @__PURE__ */ e(
+      "input",
+      {
+        "aria-label": i,
+        className: b("nim-slider", n),
+        max: a,
+        min: t,
+        step: l,
+        style: { "--nim-slider-progress": `${r}%` },
+        type: "range",
+        value: o,
+        ...c
+      }
+    ),
+    s ? /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "nim-inline", style: { justifyContent: "space-between" }, children: s.map((m) => /* @__PURE__ */ e("span", { className: "nim-caption", children: m }, m)) }) : null
+  ] });
+}
+function Mi({ className: n, delta: i, deltaDirection: a = "up", label: t, unit: s, value: l, ...o }) {
+  return /* @__PURE__ */ d("div", { className: b("nim-stat", n), ...o, children: [
+    /* @__PURE__ */ d("p", { className: "nim-stat__value", children: [
+      l,
+      s ? /* @__PURE__ */ e("span", { className: "nim-stat__unit", children: s }) : null
+    ] }),
+    /* @__PURE__ */ e("p", { className: "nim-label nim-stat__label", children: t }),
+    i ? /* @__PURE__ */ d("p", { className: "nim-stat__delta", "data-direction": a, children: [
+      /* @__PURE__ */ e(C, { name: a === "up" ? "trend-up" : "trend-down", size: "xs" }),
+      i
+    ] }) : null
+  ] });
+}
+function Li({
+  className: n,
+  decrementLabel: i = "Decrease",
+  incrementLabel: a = "Increase",
+  label: t,
+  max: s = Number.MAX_SAFE_INTEGER,
+  min: l = 0,
+  onChange: o,
+  step: c = 1,
+  value: r
+}) {
+  const m = (h) => Math.min(Math.max(h, l), s);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "aria-label": t,
+      "aria-valuemax": s,
+      "aria-valuemin": l,
+      "aria-valuenow": r,
+      className: b("nim-stepper", n),
+      role: "spinbutton",
+      tabIndex: 0,
+      onKeyDown: (h) => {
+        h.key === "ArrowUp" && (h.preventDefault(), o(m(r + c))), h.key === "ArrowDown" && (h.preventDefault(), o(m(r - c)));
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            "aria-label": i,
+            className: "nim-stepper__button",
+            disabled: r <= l,
+            onClick: () => o(m(r - c)),
+            tabIndex: -1,
+            type: "button",
+            children: /* @__PURE__ */ e(C, { name: "minus", size: "sm" })
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "nim-stepper__value", children: r }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            "aria-label": a,
+            className: "nim-stepper__button",
+            disabled: r >= s,
+            onClick: () => o(m(r + c)),
+            tabIndex: -1,
+            type: "button",
+            children: /* @__PURE__ */ e(C, { name: "plus", size: "sm" })
+          }
+        )
+      ]
+    }
+  );
+}
+const $a = {
+  of: (n, i) => `${n} of ${i} steps`,
+  status: {
+    active: "In progress",
+    done: "Done",
+    failed: "Failed",
+    pending: "Waiting",
+    skipped: "Skipped"
+  }
+}, Ra = {
+  done: "check",
+  failed: "close",
+  pending: "clock",
+  skipped: "minus"
+};
+function Ii({
+  action: n,
+  caption: i,
+  className: a,
+  labels: t,
+  steps: s,
+  title: l,
+  value: o
+}) {
+  const c = { ...$a, ...t }, r = s.filter((u) => u.status === "done" || u.status === "skipped").length, m = o ?? (s.length ? Math.round(r / s.length * 100) : 0), h = s.some((u) => u.status === "failed");
+  return /* @__PURE__ */ d(
+    "section",
+    {
+      "aria-live": "polite",
+      className: b("nim-task", h && "nim-task--failed", a),
+      children: [
+        /* @__PURE__ */ d("header", { className: "nim-task__head", children: [
+          l ? /* @__PURE__ */ e("h2", { className: "nim-task__title", children: l }) : null,
+          i ? /* @__PURE__ */ e("p", { className: "nim-task__caption", children: i }) : null,
+          /* @__PURE__ */ e(jn, { label: c.of(r, s.length), value: m })
+        ] }),
+        /* @__PURE__ */ e("ol", { className: "nim-task__steps", children: s.map((u) => /* @__PURE__ */ d("li", { className: "nim-task__step", "data-status": u.status, children: [
+          /* @__PURE__ */ e("span", { className: "nim-task__marker", children: u.status === "active" ? /* @__PURE__ */ e(Me, { size: "sm" }) : /* @__PURE__ */ e(C, { name: Ra[u.status], size: "xs" }) }),
+          /* @__PURE__ */ d("span", { className: "nim-task__step-text", children: [
+            /* @__PURE__ */ e("span", { className: "nim-task__step-label", children: u.label }),
+            /* @__PURE__ */ e("span", { className: "nim-task__step-detail", children: u.detail ?? c.status[u.status] })
+          ] })
+        ] }, u.id)) }),
+        n ? /* @__PURE__ */ e("div", { className: "nim-task__action", children: n }) : null
+      ]
+    }
+  );
+}
+function zi({ caption: n, className: i, columns: a, onSort: t, rowKey: s, rows: l, sort: o }) {
+  return /* @__PURE__ */ e("div", { className: b("nim-table-wrap", i), children: /* @__PURE__ */ d("table", { className: "nim-table", children: [
+    n ? /* @__PURE__ */ e("caption", { className: "nim-caption", children: n }) : null,
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((c) => {
+      const r = (o == null ? void 0 : o.key) === c.key ? o.direction : void 0;
+      return /* @__PURE__ */ e(
+        "th",
+        {
+          "aria-sort": r,
+          className: b(c.numeric && "nim-table__cell--numeric"),
+          scope: "col",
+          style: c.width ? { inlineSize: c.width } : void 0,
+          children: c.sortable && t ? /* @__PURE__ */ d("button", { className: "nim-table__sort", onClick: () => t(c.key), type: "button", children: [
+            c.header,
+            r ? /* @__PURE__ */ e(C, { name: r === "ascending" ? "chevron-up" : "chevron-down", size: "xs" }) : null
+          ] }) : c.header
+        },
+        c.key
+      );
+    }) }) }),
+    /* @__PURE__ */ e("tbody", { children: l.map((c) => /* @__PURE__ */ e("tr", { children: a.map((r) => /* @__PURE__ */ e("td", { className: b(r.numeric && "nim-table__cell--numeric"), children: r.render(c) }, r.key)) }, s(c))) })
+  ] }) });
+}
+function Pi({ className: n, label: i, onChange: a, options: t, value: s, ...l }) {
+  const o = L(null), c = (r) => {
+    var _, f;
+    const m = r.key === "ArrowRight" ? 1 : r.key === "ArrowLeft" ? -1 : 0;
+    if (m === 0) return;
+    r.preventDefault();
+    const h = t.filter((w) => !w.disabled), u = h.findIndex((w) => w.value === s), p = h[(u + m + h.length) % h.length];
+    p && (a(p.value), (f = (_ = o.current) == null ? void 0 : _.querySelector(`[data-value="${p.value}"]`)) == null || f.focus());
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-label": i,
+      className: b("nim-tabs", n),
+      onKeyDown: c,
+      ref: o,
+      role: "tablist",
+      ...l,
+      children: t.map((r) => /* @__PURE__ */ d(
+        "button",
+        {
+          "aria-selected": r.value === s,
+          className: "nim-tab",
+          "data-value": r.value,
+          disabled: r.disabled,
+          onClick: () => a(r.value),
+          role: "tab",
+          tabIndex: r.value === s ? 0 : -1,
+          type: "button",
+          children: [
+            r.label,
+            r.count === void 0 ? null : /* @__PURE__ */ e("span", { className: "nim-tab__count", children: r.count })
+          ]
+        },
+        r.value
+      ))
+    }
+  );
+}
+const Fe = Ee(null), Fa = {
+  accent: "sparkle",
+  danger: "danger",
+  neutral: "info",
+  success: "check-circle"
+};
+function Bi({ children: n }) {
+  const [i, a] = A([]), t = L(0), s = O((c) => {
+    a((r) => r.filter((m) => m.id !== c));
+  }, []), l = O(
+    (c) => {
+      const r = t.current++;
+      a((h) => [...h, { ...c, id: r }]);
+      const m = c.duration ?? 4e3;
+      m > 0 && window.setTimeout(() => s(r), m);
+    },
+    [s]
+  ), o = H(() => l, [l]);
+  return /* @__PURE__ */ d(Fe.Provider, { value: o, children: [
+    n,
+    typeof document < "u" ? se(
+      /* @__PURE__ */ e("div", { "aria-live": "polite", className: "nim-toast-stack", children: i.map((c) => /* @__PURE__ */ d("div", { className: b("nim-toast", `nim-toast--${c.tone ?? "neutral"}`), children: [
+        /* @__PURE__ */ e(C, { className: "nim-toast__icon", name: Fa[c.tone ?? "neutral"], size: "sm" }),
+        /* @__PURE__ */ e("span", { className: "nim-toast__message", children: c.message }),
+        c.action ? /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nim-toast__action",
+            onClick: () => {
+              var r;
+              (r = c.action) == null || r.onPress(), s(c.id);
+            },
+            type: "button",
+            children: c.action.label
+          }
+        ) : null
+      ] }, c.id)) }),
+      document.body
+    ) : null
+  ] });
+}
+function $i() {
+  const n = xe(Fe);
+  if (!n) throw new Error("useToast must be used inside <ToastProvider>");
+  return n;
+}
+function Ri({ children: n, className: i, label: a }) {
+  return /* @__PURE__ */ d("span", { className: b("nim-tooltip", i), children: [
+    n,
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "nim-tooltip__bubble", role: "tooltip", children: a })
+  ] });
+}
+const Oa = {
+  back: "Back",
+  close: "Close",
+  step: (n, i) => `Step ${n + 1} of ${i}`
+};
+function Fi({
+  className: n,
+  continueLabel: i,
+  finishLabel: a,
+  labels: t,
+  onClose: s,
+  onDone: l,
+  onStep: o,
+  steps: c
+}) {
+  const r = { ...Oa, ...t }, [m, h] = A(0), u = c[Math.min(m, c.length - 1)], p = m === c.length - 1, _ = O(
+    (f) => {
+      h(f), o == null || o(f);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ d("section", { className: b("nim-wizard", n), children: [
+    /* @__PURE__ */ d("header", { className: "nim-wizard__bar", children: [
+      /* @__PURE__ */ e("span", { className: "nim-wizard__slot", children: m > 0 ? /* @__PURE__ */ e(R, { label: r.back, name: "chevron-back", onClick: () => _(m - 1), size: "sm" }) : null }),
+      /* @__PURE__ */ e("ol", { "aria-label": r.step(m, c.length), className: "nim-wizard__dots", children: c.map((f, w) => /* @__PURE__ */ e(
+        "li",
+        {
+          className: "nim-wizard__dot",
+          "data-done": w < m ? "true" : void 0,
+          "data-on": w === m ? "true" : void 0
+        },
+        f.id
+      )) }),
+      /* @__PURE__ */ e("span", { className: "nim-wizard__slot", children: s ? /* @__PURE__ */ e(R, { label: r.close, name: "close", onClick: s, size: "sm" }) : null })
+    ] }),
+    u.question ? /* @__PURE__ */ d("div", { className: "nim-wizard__ask", children: [
+      /* @__PURE__ */ e("h1", { className: "nim-wizard__question", children: u.question }),
+      u.subtitle ? /* @__PURE__ */ e("p", { className: "nim-wizard__subtitle", children: u.subtitle }) : null
+    ] }) : null,
+    /* @__PURE__ */ e("div", { className: "nim-wizard__content", children: u.content }),
+    /* @__PURE__ */ e("footer", { className: "nim-wizard__foot", children: /* @__PURE__ */ e(
+      J,
+      {
+        disabled: u.canContinue === !1,
+        fullWidth: !0,
+        onClick: () => p ? l() : _(m + 1),
+        size: "lg",
+        variant: "accent",
+        children: u.continueLabel ?? (p ? a : i)
+      }
+    ) })
+  ] });
+}
+function Oi({
+  className: n,
+  max: i,
+  multiple: a = !1,
+  onChange: t,
+  options: s,
+  selected: l
+}) {
+  const o = a && i !== void 0 && l.length >= i, c = (r) => {
+    if (!a) {
+      t([r]);
+      return;
+    }
+    t(l.includes(r) ? l.filter((m) => m !== r) : [...l, r]);
+  };
+  return /* @__PURE__ */ e("div", { className: b("nim-choice-grid", n), role: a ? "group" : "radiogroup", children: s.map((r) => {
+    const m = l.includes(r.id);
+    return /* @__PURE__ */ d(
+      "button",
+      {
+        "aria-checked": m,
+        className: "nim-choice-grid__tile",
+        "data-on": m ? "true" : void 0,
+        disabled: r.disabled || o && !m,
+        onClick: () => c(r.id),
+        role: a ? "checkbox" : "radio",
+        type: "button",
+        children: [
+          r.icon ? /* @__PURE__ */ e("span", { className: "nim-choice-grid__icon", children: r.icon }) : null,
+          /* @__PURE__ */ e("span", { className: "nim-choice-grid__label", children: r.label })
+        ]
+      },
+      r.id
+    );
+  }) });
+}
+function Ui({ as: n = "h1", children: i, className: a, ...t }) {
+  return /* @__PURE__ */ e(n, { className: b("nim-display", a), ...t, children: i });
+}
+function Gi({
+  as: n = "h2",
+  children: i,
+  className: a,
+  size: t = "lg",
+  ...s
+}) {
+  return /* @__PURE__ */ e(n, { className: b("nim-title", t === "md" && "nim-title--md", a), ...s, children: i });
+}
+function Ki({
+  as: n = "p",
+  children: i,
+  className: a,
+  size: t = "md",
+  ...s
+}) {
+  return /* @__PURE__ */ e(n, { className: b("nim-body", t === "sm" && "nim-body--sm", a), ...s, children: i });
+}
+function Wi({ as: n = "span", children: i, className: a, ...t }) {
+  return /* @__PURE__ */ e(n, { className: b("nim-label", a), ...t, children: i });
+}
+function Hi({ as: n = "p", children: i, className: a, ...t }) {
+  return /* @__PURE__ */ e(n, { className: b("nim-caption", a), ...t, children: i });
+}
+function Yi({ className: n, ...i }) {
+  return /* @__PURE__ */ e("hr", { className: b("nim-rule", n), ...i });
+}
+export {
+  ii as ActionBar,
+  ja as ActivityFeed,
+  Ya as AdminShell,
+  vi as AppFrame,
+  Ja as AppShell,
+  de as AuthScreen,
+  Hn as Avatar,
+  Qa as AvatarRing,
+  Xa as Badge,
+  Vn as Banner,
+  Ki as Body,
+  qa as Breadcrumb,
+  J as Button,
+  le as COUNTRIES,
+  Be as Calendar,
+  Hi as Caption,
+  ei as Card,
+  li as Chat,
+  si as ChatComposer,
+  ri as Checkbox,
+  Oi as ChoiceGrid,
+  di as Combobox,
+  pi as DateField,
+  _i as DatePicker,
+  Za as DetailHeader,
+  fi as Dialog,
+  Ui as Display,
+  Ni as EmptyState,
+  Va as FilterChips,
+  C as Icon,
+  R as IconButton,
+  yi as Inline,
+  ta as Input,
+  Wi as Label,
+  Na as List,
+  ba as ListRow,
+  mi as Menu,
+  ui as NimProvider,
+  wi as Onboarding,
+  ni as OptionCard,
+  ai as OrderSummary,
+  Ca as OtpInput,
+  Ci as Pagination,
+  Aa as PasswordField,
+  xa as PhoneField,
+  La as PlanCard,
+  Ti as PlanPicker,
+  sa as Popover,
+  Yn as ProfileHeader,
+  Ai as ProfileScreen,
+  jn as Progress,
+  bi as ResourceMeter,
+  Yi as Rule,
+  Pa as SectionHeader,
+  Ia as Segmented,
+  oi as Select,
+  xi as Sheet,
+  Ei as SignInFlow,
+  ti as Skeleton,
+  Di as Slider,
+  Me as Spinner,
+  gi as Stack,
+  Mi as Stat,
+  Li as Stepper,
+  ia as Switch,
+  Kn as TabBar,
+  zi as Table,
+  Pi as Tabs,
+  Ii as TaskProgress,
+  ci as Textarea,
+  Gi as Title,
+  Bi as ToastProvider,
+  Ri as Tooltip,
+  Fi as Wizard,
+  me as addDays,
+  we as addMonths,
+  b as cn,
+  ki as countryByDial,
+  Re as countryByIso2,
+  ka as countryNamer,
+  he as formatNumeric,
+  ae as fromParts,
+  Ha as iconNames,
+  Pe as monthLength,
+  _a as parseNumeric,
+  Q as partsOf,
+  Si as scorePassword,
+  da as startOfMonth,
+  ie as toAsciiDigits,
+  Da as toE164,
+  ce as todayIso,
+  re as useNim,
+  hi as useSchemeToggle,
+  $i as useToast
+};