@clarlabs/ui 0.1.2

package/dist/index.mjs

@@ -0,0 +1,1625 @@
+import { jsx as e, jsxs as u, Fragment as Ne } from "react/jsx-runtime";
+import me, { useState as k, useRef as G, useEffect as j, forwardRef as Re, createContext as ze, useCallback as ke, useContext as Te } from "react";
+const De = "styles-module__accordion__gf0fR", Ee = "styles-module__item__KZ8v2", Be = "styles-module__header__wApZ8", Ve = "styles-module__title__yCYjK", Me = "styles-module__icon__8N04V", je = "styles-module__iconOpen__PXmc8", Oe = "styles-module__content__WKJF6", Fe = "styles-module__contentOpen__l7aJG", Ke = "styles-module__contentInner__Co6a-", V = {
+  accordion: De,
+  item: Ee,
+  header: Be,
+  title: Ve,
+  icon: Me,
+  iconOpen: je,
+  content: Oe,
+  contentOpen: Fe,
+  contentInner: Ke
+};
+function Q_({ items: s, allowMultiple: t = !1, defaultOpenIds: o = [], className: l = "" }) {
+  const [n, a] = k(new Set(o)), _ = (c) => {
+    a((i) => {
+      const d = new Set(i);
+      return d.has(c) ? d.delete(c) : (t || d.clear(), d.add(c)), d;
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: `${V.accordion} ${l}`, children: s.map((c) => /* @__PURE__ */ e(Pe, { item: c, isOpen: n.has(c.id), onToggle: () => _(c.id) }, c.id)) });
+}
+function Pe({ item: s, isOpen: t, onToggle: o }) {
+  return /* @__PURE__ */ u("div", { className: `${V.item} ${t ? V.open : ""}`, children: [
+    /* @__PURE__ */ u("button", { className: V.header, onClick: o, "aria-expanded": t, children: [
+      /* @__PURE__ */ e("span", { className: V.title, children: s.title }),
+      /* @__PURE__ */ e("span", { className: `${V.icon} ${t ? V.iconOpen : ""}`, children: "▼" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: `${V.content} ${t ? V.contentOpen : ""}`, children: /* @__PURE__ */ e("div", { className: V.contentInner, children: s.content }) })
+  ] });
+}
+const Ae = "styles-module__alert__EMa3w", Ge = "styles-module__icon__7XvtI", Ze = "styles-module__content__qU8OK", Je = "styles-module__title__Jui7D", Xe = "styles-module__message__cazZX", Ue = "styles-module__dismissButton__RhF19", qe = "styles-module__info__Rb2nq", He = "styles-module__success__sQGN5", Qe = "styles-module__warning__Ev8EY", Ye = "styles-module__error__plkoU", ee = {
+  alert: Ae,
+  icon: Ge,
+  content: Ze,
+  title: Je,
+  message: Xe,
+  dismissButton: Ue,
+  info: qe,
+  success: He,
+  warning: Qe,
+  error: Ye
+};
+function Y_({ variant: s = "info", title: t, message: o, dismissible: l = !1, onDismiss: n, className: a = "" }) {
+  const _ = {
+    info: "ℹ",
+    success: "✓",
+    warning: "⚠",
+    error: "✕"
+  };
+  return /* @__PURE__ */ u("div", { className: `${ee.alert} ${ee[s]} ${a}`, role: "alert", children: [
+    /* @__PURE__ */ e("div", { className: ee.icon, children: _[s] }),
+    /* @__PURE__ */ u("div", { className: ee.content, children: [
+      t && /* @__PURE__ */ e("div", { className: ee.title, children: t }),
+      /* @__PURE__ */ e("div", { className: ee.message, children: o })
+    ] }),
+    l && /* @__PURE__ */ e("button", { className: ee.dismissButton, onClick: n, "aria-label": "Dismiss alert", children: "✕" })
+  ] });
+}
+const es = "styles-module__avatar__xMx8n", ss = "styles-module__image__rl-6T", ts = "styles-module__initials__d0Z0v", ls = "styles-module__sm__YBcEp", ns = "styles-module__md__4GVi1", os = "styles-module__lg__bEtEd", as = "styles-module__xl__WBAtD", cs = "styles-module__status__8qwum", _s = "styles-module__online__9lOl6", ds = "styles-module__offline__pi-XT", is = "styles-module__busy__Cer8C", rs = "styles-module__away__zT9iM", te = {
+  avatar: es,
+  image: ss,
+  initials: ts,
+  sm: ls,
+  md: ns,
+  lg: os,
+  xl: as,
+  status: cs,
+  online: _s,
+  offline: ds,
+  busy: is,
+  away: rs
+};
+function ed({ src: s, alt: t = "Avatar", initials: o, size: l = "md", status: n, className: a = "" }) {
+  const _ = () => {
+    if (o) return o;
+    if (t) {
+      const c = t.split(" ");
+      return c.length >= 2 ? `${c[0][0]}${c[1][0]}`.toUpperCase() : t.slice(0, 2).toUpperCase();
+    }
+    return "?";
+  };
+  return /* @__PURE__ */ u("div", { className: `${te.avatar} ${te[l]} ${a}`, children: [
+    s ? /* @__PURE__ */ e("img", { src: s, alt: t, className: te.image }) : /* @__PURE__ */ e("div", { className: te.initials, children: _() }),
+    n && /* @__PURE__ */ e("span", { className: `${te.status} ${te[n]}`, "aria-label": `Status: ${n}` })
+  ] });
+}
+const us = "styles-module__badge__d6igj", ms = "styles-module__dot__lsgxk", ps = "styles-module__sm__rstsk", ys = "styles-module__md__o-6j3", hs = "styles-module__lg__EXM1E", $s = "styles-module__primary__tHsyl", fs = "styles-module__success__okGOk", bs = "styles-module__warning__W-psO", gs = "styles-module__error__300RS", vs = "styles-module__info__Qec-V", pe = {
+  badge: us,
+  dot: ms,
+  sm: ps,
+  md: ys,
+  lg: hs,
+  default: "styles-module__default__lOwCs",
+  primary: $s,
+  success: fs,
+  warning: bs,
+  error: gs,
+  info: vs
+};
+function sd({ children: s, variant: t = "default", size: o = "md", dot: l = !1, className: n = "" }) {
+  return /* @__PURE__ */ u("span", { className: `${pe.badge} ${pe[t]} ${pe[o]} ${n}`, children: [
+    l && /* @__PURE__ */ e("span", { className: pe.dot }),
+    s
+  ] });
+}
+const Ns = "styles-module__breadcrumbs__jVeyK", ks = "styles-module__list__IBUYZ", ws = "styles-module__item__unpP2", Cs = "styles-module__link__n-LMO", xs = "styles-module__button__MamiK", Is = "styles-module__text__xQt-q", Ws = "styles-module__current__vuaM0", Ls = "styles-module__separator__81mEk", Z = {
+  breadcrumbs: Ns,
+  list: ks,
+  item: ws,
+  link: Cs,
+  button: xs,
+  text: Is,
+  current: Ws,
+  separator: Ls
+};
+function td({ items: s, separator: t = "/", className: o = "" }) {
+  return /* @__PURE__ */ e("nav", { className: `${Z.breadcrumbs} ${o}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ e("ol", { className: Z.list, children: s.map((l, n) => {
+    const a = n === s.length - 1;
+    return /* @__PURE__ */ u("li", { className: Z.item, children: [
+      l.href && !a ? /* @__PURE__ */ e("a", { href: l.href, className: Z.link, children: l.label }) : l.onClick && !a ? /* @__PURE__ */ e("button", { onClick: l.onClick, className: Z.button, children: l.label }) : /* @__PURE__ */ e("span", { className: `${Z.text} ${a ? Z.current : ""}`, children: l.label }),
+      !a && /* @__PURE__ */ e("span", { className: Z.separator, "aria-hidden": "true", children: t })
+    ] }, n);
+  }) }) });
+}
+const Ss = "styles-module__button__Sh-fr", Rs = "styles-module__sm__TZ7PA", zs = "styles-module__md__MdfAS", Ts = "styles-module__lg__zhBVx", Ds = "styles-module__fullWidth__KAUu7", Es = "styles-module__loading__jL3RT", Bs = "styles-module__spinner__cTprF", Vs = "styles-module__spin__aE1Nk", Ms = "styles-module__hiddenContent__lbKDI", js = "styles-module__primary__TRNPt", Os = "styles-module__secondary__QKgly", Fs = "styles-module__success__DI2AT", Ks = "styles-module__danger__dnMp7", Ps = "styles-module__outline__-o6rL", As = "styles-module__ghost__lca2R", se = {
+  button: Ss,
+  sm: Rs,
+  md: zs,
+  lg: Ts,
+  fullWidth: Ds,
+  loading: Es,
+  spinner: Bs,
+  spin: Vs,
+  hiddenContent: Ms,
+  primary: js,
+  secondary: Os,
+  success: Fs,
+  danger: Ks,
+  outline: Ps,
+  ghost: As
+};
+function ld({ variant: s = "primary", size: t = "md", fullWidth: o = !1, loading: l = !1, disabled: n, className: a = "", children: _, ...c }) {
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      className: `
+        ${se.button}
+        ${se[s]}
+        ${se[t]}
+        ${o ? se.fullWidth : ""}
+        ${l ? se.loading : ""}
+        ${a}
+      `,
+      disabled: n || l,
+      ...c,
+      children: [
+        l && /* @__PURE__ */ e("span", { className: se.spinner }),
+        /* @__PURE__ */ e("span", { className: l ? se.hiddenContent : "", children: _ })
+      ]
+    }
+  );
+}
+const Gs = "styles-module__buttonGroup__Uqp-x", Zs = "styles-module__horizontal__oeLpW", Js = "styles-module__vertical__ZrJkT", Xs = "styles-module__fullWidth__sxqJJ", $e = {
+  buttonGroup: Gs,
+  horizontal: Zs,
+  vertical: Js,
+  fullWidth: Xs
+};
+function nd({ children: s, orientation: t = "horizontal", fullWidth: o = !1, className: l = "" }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `
+        ${$e.buttonGroup}
+        ${$e[t]}
+        ${o ? $e.fullWidth : ""}
+        ${l}
+      `,
+      role: "group",
+      children: s
+    }
+  );
+}
+const Us = "styles-module__card__0iVez", qs = "styles-module__hoverable__7-MZP", Hs = "styles-module__clickable__WiARM", Qs = "styles-module__imageWrapper__LlBXL", Ys = "styles-module__image__5KApl", et = "styles-module__content__-0XZZ", st = "styles-module__header__WVGN7", tt = "styles-module__title__-Th-m", lt = "styles-module__subtitle__VDwvc", nt = "styles-module__body__iaDKl", ot = "styles-module__footer__b10VS", R = {
+  card: Us,
+  hoverable: qs,
+  clickable: Hs,
+  imageWrapper: Qs,
+  image: Ys,
+  content: et,
+  header: st,
+  title: tt,
+  subtitle: lt,
+  body: nt,
+  footer: ot
+};
+function od({ children: s, title: t, subtitle: o, footer: l, image: n, hoverable: a = !1, className: _ = "", onClick: c }) {
+  const i = !!c;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: `
+        ${R.card}
+        ${a ? R.hoverable : ""}
+        ${i ? R.clickable : ""}
+        ${_}
+      `,
+      onClick: c,
+      role: i ? "button" : void 0,
+      tabIndex: i ? 0 : void 0,
+      children: [
+        n && /* @__PURE__ */ e("div", { className: R.imageWrapper, children: /* @__PURE__ */ e("img", { src: n, alt: t || "", className: R.image }) }),
+        /* @__PURE__ */ u("div", { className: R.content, children: [
+          (t || o) && /* @__PURE__ */ u("div", { className: R.header, children: [
+            t && /* @__PURE__ */ e("h3", { className: R.title, children: t }),
+            o && /* @__PURE__ */ e("p", { className: R.subtitle, children: o })
+          ] }),
+          /* @__PURE__ */ e("div", { className: R.body, children: s }),
+          l && /* @__PURE__ */ e("div", { className: R.footer, children: l })
+        ] })
+      ]
+    }
+  );
+}
+const at = "styles-module__checkboxWrapper__5ECcg", ct = "styles-module__checkbox__AVGTi", _t = "styles-module__checkmark__xfDiG", dt = "styles-module__label__56KkR", it = "styles-module__checkIcon__B246P", rt = "styles-module__indeterminateIcon__L9Kf-", le = {
+  checkboxWrapper: at,
+  checkbox: ct,
+  checkmark: _t,
+  label: dt,
+  checkIcon: it,
+  indeterminateIcon: rt
+};
+function ad({ label: s, indeterminate: t = !1, className: o = "", ...l }) {
+  const n = me.useRef(null);
+  return me.useEffect(() => {
+    n.current && (n.current.indeterminate = t);
+  }, [t]), /* @__PURE__ */ u("label", { className: `${le.checkboxWrapper} ${o}`, children: [
+    /* @__PURE__ */ e("input", { ref: n, type: "checkbox", className: le.checkbox, ...l }),
+    /* @__PURE__ */ e("span", { className: le.checkmark, children: t ? /* @__PURE__ */ e("span", { className: le.indeterminateIcon, children: "−" }) : /* @__PURE__ */ e("span", { className: le.checkIcon, children: "✓" }) }),
+    s && /* @__PURE__ */ e("span", { className: le.label, children: s })
+  ] });
+}
+const ut = "styles-module__combobox__YH03u", mt = "styles-module__inputWrapper__UsIYk", pt = "styles-module__input__F-6BL", yt = "styles-module__disabled__UR9gQ", ht = "styles-module__arrow__LV12a", $t = "styles-module__open__-bJ28", ft = "styles-module__menu__twpPT", bt = "styles-module__option__v6IYz", gt = "styles-module__optionDisabled__vOMRI", vt = "styles-module__highlighted__pxy-X", Nt = "styles-module__noResults__-sgTv", z = {
+  combobox: ut,
+  inputWrapper: mt,
+  input: pt,
+  disabled: yt,
+  arrow: ht,
+  open: $t,
+  menu: ft,
+  option: bt,
+  optionDisabled: gt,
+  highlighted: vt,
+  noResults: Nt
+};
+function cd({
+  options: s,
+  value: t,
+  defaultValue: o = "",
+  onChange: l,
+  placeholder: n = "Select or type...",
+  disabled: a = !1,
+  className: _ = "",
+  allowCustomValue: c = !1,
+  filterFunction: i
+}) {
+  const [d, r] = k(o), [m, y] = k(!1), [h, $] = k(-1), p = G(null), v = G(null), N = G(null), de = t !== void 0, O = de ? t : d, xe = i || ((f, w) => f.label.toLowerCase().includes(w.toLowerCase())), Y = s.filter((f) => xe(f, O));
+  j(() => {
+    const f = (w) => {
+      N.current && !N.current.contains(w.target) && y(!1);
+    };
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+  }, []), j(() => {
+    if (m && h >= 0 && v.current) {
+      const f = v.current.children[h];
+      f && f.scrollIntoView({ block: "nearest" });
+    }
+  }, [h, m]);
+  const Ie = (f) => {
+    const w = f.target.value;
+    de || r(w), l?.(w), y(!0), $(-1);
+  }, ge = (f) => {
+    if (f.disabled) return;
+    const w = f.value;
+    de || r(f.label), l?.(w), y(!1), $(-1), p.current?.blur();
+  }, We = (f) => {
+    if (!a)
+      switch (f.key) {
+        case "ArrowDown":
+          f.preventDefault(), y(!0), $((w) => {
+            const D = Y.length - 1;
+            if (w >= D) return D;
+            let ie = w + 1;
+            for (; ie <= D && Y[ie].disabled; )
+              ie++;
+            return ie <= D ? ie : w;
+          });
+          break;
+        case "ArrowUp":
+          f.preventDefault(), $((w) => {
+            if (w <= 0) return -1;
+            let D = w - 1;
+            for (; D >= 0 && Y[D].disabled; )
+              D--;
+            return D >= 0 ? D : -1;
+          });
+          break;
+        case "Enter":
+          f.preventDefault(), m && h >= 0 ? ge(Y[h]) : c && (l?.(O), y(!1));
+          break;
+        case "Escape":
+          f.preventDefault(), y(!1), $(-1), p.current?.blur();
+          break;
+        case "Tab":
+          y(!1);
+          break;
+      }
+  }, Le = () => {
+    a || y(!0);
+  }, ve = s.find((f) => f.value === O), Se = ve ? ve.label : O;
+  return /* @__PURE__ */ u("div", { ref: N, className: `${z.combobox} ${_}`, children: [
+    /* @__PURE__ */ u("div", { className: z.inputWrapper, children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: p,
+          type: "text",
+          className: `${z.input} ${a ? z.disabled : ""}`,
+          value: Se,
+          onChange: Ie,
+          onKeyDown: We,
+          onFocus: Le,
+          placeholder: n,
+          disabled: a,
+          autoComplete: "off",
+          role: "combobox",
+          "aria-expanded": m,
+          "aria-autocomplete": "list",
+          "aria-controls": "combobox-listbox"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: `${z.arrow} ${m ? z.open : ""}`, children: "▼" })
+    ] }),
+    m && Y.length > 0 && /* @__PURE__ */ e("ul", { ref: v, id: "combobox-listbox", className: z.menu, role: "listbox", children: Y.map((f, w) => /* @__PURE__ */ e(
+      "li",
+      {
+        className: `${z.option} ${h === w ? z.highlighted : ""} ${f.disabled ? z.optionDisabled : ""}`,
+        onClick: () => ge(f),
+        role: "option",
+        "aria-selected": f.value === O,
+        "aria-disabled": f.disabled,
+        children: f.label
+      },
+      f.value
+    )) }),
+    m && Y.length === 0 && /* @__PURE__ */ e("div", { className: z.noResults, children: c ? "Press Enter to use custom value" : "No results found" })
+  ] });
+}
+const kt = "styles-module__datagridWrapper__rcPKe", wt = "styles-module__datagrid__2KTB3", Ct = "styles-module__thead__VLK3H", xt = "styles-module__th__GVqEG", It = "styles-module__tbody__vIVcl", Wt = "styles-module__tr__Qn6CH", Lt = "styles-module__td__UsBhW", St = "styles-module__hoverable__6H3Yy", Rt = "styles-module__clickable__acA9M", zt = "styles-module__striped__1a6NP", E = {
+  datagridWrapper: kt,
+  datagrid: wt,
+  thead: Ct,
+  th: xt,
+  tbody: It,
+  tr: Wt,
+  td: Lt,
+  hoverable: St,
+  clickable: Rt,
+  striped: zt
+};
+function _d({ columns: s, data: t, onRowClick: o, striped: l = !1, hoverable: n = !0, className: a = "" }) {
+  return /* @__PURE__ */ e("div", { className: `${E.datagridWrapper} ${a}`, children: /* @__PURE__ */ u("table", { className: E.datagrid, children: [
+    /* @__PURE__ */ e("thead", { className: E.thead, children: /* @__PURE__ */ e("tr", { children: s.map((_) => /* @__PURE__ */ e("th", { className: E.th, style: { width: _.width }, children: _.header }, _.key)) }) }),
+    /* @__PURE__ */ e("tbody", { className: E.tbody, children: t.map((_, c) => /* @__PURE__ */ e(
+      "tr",
+      {
+        className: `
+                ${E.tr}
+                ${l && c % 2 === 1 ? E.striped : ""}
+                ${n ? E.hoverable : ""}
+                ${o ? E.clickable : ""}
+              `,
+        onClick: () => o?.(_),
+        children: s.map((i) => /* @__PURE__ */ e("td", { className: E.td, children: i.render ? i.render(_[i.key], _) : _[i.key] }, i.key))
+      },
+      c
+    )) })
+  ] }) });
+}
+const Tt = "styles-module__datePicker__uLxOg", Dt = "styles-module__input__0m5L3", Et = "styles-module__icon__0-EVW", fe = {
+  datePicker: Tt,
+  input: Dt,
+  icon: Et
+};
+function dd({ value: s, onChange: t, minDate: o, maxDate: l, className: n = "", ...a }) {
+  const [_, c] = k(s ? be(s) : ""), i = (d) => {
+    const r = d.target.value;
+    if (c(r), r) {
+      const m = new Date(r);
+      isNaN(m.getTime()) || t?.(m);
+    } else
+      t?.(null);
+  };
+  return /* @__PURE__ */ u("div", { className: `${fe.datePicker} ${n}`, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "date",
+        className: fe.input,
+        value: _,
+        onChange: i,
+        min: o ? be(o) : void 0,
+        max: l ? be(l) : void 0,
+        ...a
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: fe.icon, children: "📅" })
+  ] });
+}
+function be(s) {
+  const t = s.getFullYear(), o = String(s.getMonth() + 1).padStart(2, "0"), l = String(s.getDate()).padStart(2, "0");
+  return `${t}-${o}-${l}`;
+}
+const Bt = "styles-module__dateRangePicker__2-ckk", Vt = "styles-module__inputWrapper__gXzep", Mt = "styles-module__input__yirN1", jt = "styles-module__icon__k-Xdp", Ot = "styles-module__separator__Lxjed", J = {
+  dateRangePicker: Bt,
+  inputWrapper: Vt,
+  input: Mt,
+  icon: jt,
+  separator: Ot
+};
+function id({ value: s, onChange: t, minDate: o, maxDate: l, className: n = "" }) {
+  const [a, _] = k(s?.start ? ne(s.start) : ""), [c, i] = k(s?.end ? ne(s.end) : ""), d = (m) => {
+    const y = m.target.value;
+    _(y);
+    const h = y ? new Date(y) : null, $ = c ? new Date(c) : null;
+    h && !isNaN(h.getTime()) ? t?.({ start: h, end: $ }) : t?.({ start: null, end: $ });
+  }, r = (m) => {
+    const y = m.target.value;
+    i(y);
+    const h = a ? new Date(a) : null, $ = y ? new Date(y) : null;
+    $ && !isNaN($.getTime()) ? t?.({ start: h, end: $ }) : t?.({ start: h, end: null });
+  };
+  return /* @__PURE__ */ u("div", { className: `${J.dateRangePicker} ${n}`, children: [
+    /* @__PURE__ */ u("div", { className: J.inputWrapper, children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "date",
+          className: J.input,
+          value: a,
+          onChange: d,
+          min: o ? ne(o) : void 0,
+          max: c || (l ? ne(l) : void 0),
+          placeholder: "Start date"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: J.icon, children: "📅" })
+    ] }),
+    /* @__PURE__ */ e("span", { className: J.separator, children: "→" }),
+    /* @__PURE__ */ u("div", { className: J.inputWrapper, children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "date",
+          className: J.input,
+          value: c,
+          onChange: r,
+          min: a || (o ? ne(o) : void 0),
+          max: l ? ne(l) : void 0,
+          placeholder: "End date"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: J.icon, children: "📅" })
+    ] })
+  ] });
+}
+function ne(s) {
+  const t = s.getFullYear(), o = String(s.getMonth() + 1).padStart(2, "0"), l = String(s.getDate()).padStart(2, "0");
+  return `${t}-${o}-${l}`;
+}
+const Ft = "styles-module__divider__I6KTc", Kt = "styles-module__horizontal__rrjPy", Pt = "styles-module__solid__LhHPX", At = "styles-module__dashed__2ZL2z", Gt = "styles-module__dotted__N8tLr", Zt = "styles-module__line__ff0dO", Jt = "styles-module__label__izE2E", Xt = "styles-module__vertical__RBm03", oe = {
+  divider: Ft,
+  horizontal: Kt,
+  solid: Pt,
+  dashed: At,
+  dotted: Gt,
+  line: Zt,
+  label: Jt,
+  vertical: Xt
+};
+function rd({ orientation: s = "horizontal", variant: t = "solid", label: o, className: l = "" }) {
+  const n = `${oe.divider} ${oe[s]} ${oe[t]} ${l}`;
+  return o && s === "horizontal" ? /* @__PURE__ */ u("div", { className: n, children: [
+    /* @__PURE__ */ e("span", { className: oe.line }),
+    /* @__PURE__ */ e("span", { className: oe.label, children: o }),
+    /* @__PURE__ */ e("span", { className: oe.line })
+  ] }) : /* @__PURE__ */ e("div", { className: n });
+}
+const Ut = "styles-module__dropdown__uiKSF", qt = "styles-module__trigger__tVV7I", Ht = "styles-module__disabled__Xy0oo", Qt = "styles-module__selected__RnAL-", Yt = "styles-module__placeholder__aePOZ", el = "styles-module__arrow__QYBcO", sl = "styles-module__open__huthl", tl = "styles-module__menu__Fvg4d", ll = "styles-module__option__OLwBz", nl = "styles-module__optionDisabled__n9Gdm", ol = "styles-module__active__W7XbV", T = {
+  dropdown: Ut,
+  trigger: qt,
+  disabled: Ht,
+  selected: Qt,
+  placeholder: Yt,
+  arrow: el,
+  open: sl,
+  menu: tl,
+  option: ll,
+  optionDisabled: nl,
+  active: ol
+};
+function ud({ options: s, value: t, onChange: o, placeholder: l = "Select an option", disabled: n = !1, className: a = "" }) {
+  const [_, c] = k(!1), [i, d] = k(t || ""), r = G(null);
+  j(() => {
+    const $ = (p) => {
+      r.current && !r.current.contains(p.target) && c(!1);
+    };
+    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
+  }, []);
+  const m = ($) => {
+    n || (d($), c(!1), o?.($));
+  }, y = s.find(($) => $.value === i), h = y?.label || l;
+  return /* @__PURE__ */ u("div", { className: `${T.dropdown} ${a}`, ref: r, children: [
+    /* @__PURE__ */ u(
+      "button",
+      {
+        className: `${T.trigger} ${n ? T.disabled : ""}`,
+        onClick: () => !n && c(!_),
+        disabled: n,
+        type: "button",
+        children: [
+          /* @__PURE__ */ e("span", { className: y ? T.selected : T.placeholder, children: h }),
+          /* @__PURE__ */ e("span", { className: `${T.arrow} ${_ ? T.open : ""}`, children: "▼" })
+        ]
+      }
+    ),
+    _ && /* @__PURE__ */ e("div", { className: T.menu, children: s.map(($) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: `${T.option} ${$.value === i ? T.active : ""} ${$.disabled ? T.optionDisabled : ""}`,
+        onClick: () => !$.disabled && m($.value),
+        children: $.label
+      },
+      $.value
+    )) })
+  ] });
+}
+const al = "styles-module__filePicker__mq8yj", cl = "styles-module__dropzone__DdFZi", _l = "styles-module__disabled__PEgD4", dl = "styles-module__icon__lgApu", il = "styles-module__text__Djodx", rl = "styles-module__input__3Edc4", ul = "styles-module__fileList__mG9O1", ml = "styles-module__fileItem__NB3Uq", pl = "styles-module__processing__R-ZHY", yl = "styles-module__uploaded__gJ1od", hl = "styles-module__failed__MlKNj", $l = "styles-module__fileIcon__IUNOU", fl = "styles-module__fileName__E1M5I", bl = "styles-module__fileSize__Yiown", gl = "styles-module__error__KmdmE", vl = "styles-module__remove__JiGmS", x = {
+  filePicker: al,
+  dropzone: cl,
+  disabled: _l,
+  icon: dl,
+  text: il,
+  input: rl,
+  fileList: ul,
+  fileItem: ml,
+  processing: pl,
+  uploaded: yl,
+  failed: hl,
+  fileIcon: $l,
+  fileName: fl,
+  fileSize: bl,
+  error: gl,
+  remove: vl
+};
+function md({ accept: s, multiple: t = !1, maxSize: o, disabled: l = !1, onChange: n, onUpload: a, className: _ = "" }) {
+  const [c, i] = k([]), d = G(null), r = async (p) => {
+    if (!p || l) return;
+    const v = Array.from(p).map((N) => o && N.size > o ? { file: N, status: "failed", error: "File too large" } : { file: N, status: "idle" });
+    if (i((N) => [...N, ...v]), n?.(v), a)
+      for (const N of v)
+        N.status !== "failed" && await m(N);
+  }, m = async (p) => {
+    y(p.file.name, "processing");
+    try {
+      await a?.(p.file), y(p.file.name, "uploaded");
+    } catch (v) {
+      y(p.file.name, "failed", v.message);
+    }
+  }, y = (p, v, N) => {
+    i((de) => de.map((O) => O.file.name === p ? { ...O, status: v, error: N } : O));
+  }, h = (p) => {
+    i((v) => v.filter((N) => N.file.name !== p));
+  }, $ = (p) => {
+    switch (p) {
+      case "processing":
+        return "⏳";
+      case "uploaded":
+        return "✓";
+      case "failed":
+        return "✗";
+      default:
+        return "📄";
+    }
+  };
+  return /* @__PURE__ */ u("div", { className: `${x.filePicker} ${_}`, children: [
+    /* @__PURE__ */ u("div", { className: `${x.dropzone} ${l ? x.disabled : ""}`, onClick: () => !l && d.current?.click(), children: [
+      /* @__PURE__ */ e("span", { className: x.icon, children: "📁" }),
+      /* @__PURE__ */ e("span", { className: x.text, children: "Click to select files" })
+    ] }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: d,
+        type: "file",
+        accept: s,
+        multiple: t,
+        disabled: l,
+        onChange: (p) => r(p.target.files),
+        className: x.input
+      }
+    ),
+    c.length > 0 && /* @__PURE__ */ e("div", { className: x.fileList, children: c.map((p, v) => /* @__PURE__ */ u("div", { className: `${x.fileItem} ${x[p.status]}`, children: [
+      /* @__PURE__ */ e("span", { className: x.fileIcon, children: $(p.status) }),
+      /* @__PURE__ */ e("span", { className: x.fileName, children: p.file.name }),
+      /* @__PURE__ */ u("span", { className: x.fileSize, children: [
+        (p.file.size / 1024).toFixed(1),
+        " KB"
+      ] }),
+      p.error && /* @__PURE__ */ e("span", { className: x.error, children: p.error }),
+      /* @__PURE__ */ e("button", { className: x.remove, onClick: () => h(p.file.name), children: "×" })
+    ] }, `${p.file.name}-${v}`)) })
+  ] });
+}
+const Nl = "styles-module__header__9QAJF", kl = "styles-module__sticky__wm-sd", wl = "styles-module__content__ZPdW7", Cl = "styles-module__brand__-0bx7", xl = "styles-module__logo__3KpY5", Il = "styles-module__title__yDhEG", Wl = "styles-module__nav__6MmHf", Ll = "styles-module__actions__yTPsJ", X = {
+  header: Nl,
+  sticky: kl,
+  content: wl,
+  brand: Cl,
+  logo: xl,
+  title: Il,
+  nav: Wl,
+  actions: Ll
+};
+function pd({ logo: s, title: t, children: o, actions: l, sticky: n = !1, className: a = "" }) {
+  return /* @__PURE__ */ e("header", { className: `${X.header} ${n ? X.sticky : ""} ${a}`, children: /* @__PURE__ */ u("div", { className: X.content, children: [
+    (s || t) && /* @__PURE__ */ u("div", { className: X.brand, children: [
+      s && /* @__PURE__ */ e("div", { className: X.logo, children: s }),
+      t && /* @__PURE__ */ e("h1", { className: X.title, children: t })
+    ] }),
+    o && /* @__PURE__ */ e("div", { className: X.nav, children: o }),
+    l && /* @__PURE__ */ e("div", { className: X.actions, children: l })
+  ] }) });
+}
+const Sl = "styles-module__inputContainer__KSDK-", Rl = "styles-module__fullWidth__rLaUj", zl = "styles-module__label__-uPCz", Tl = "styles-module__wrapper__JTZMt", Dl = "styles-module__input__KRJnF", El = "styles-module__withIcon__mikvP", Bl = "styles-module__disabled__NjJFs", Vl = "styles-module__sm__cr6Ko", Ml = "styles-module__lg__geHP2", jl = "styles-module__error__UCrFp", Ol = "styles-module__success__fKUT8", Fl = "styles-module__icon__qopq-", Kl = "styles-module__helperText__9ULK8", Pl = "styles-module__errorText__JTsOi", L = {
+  inputContainer: Sl,
+  fullWidth: Rl,
+  label: zl,
+  wrapper: Tl,
+  input: Dl,
+  withIcon: El,
+  disabled: Bl,
+  sm: Vl,
+  lg: Ml,
+  error: jl,
+  success: Ol,
+  icon: Fl,
+  helperText: Kl,
+  errorText: Pl
+}, Al = Re(
+  ({ label: s, error: t, helperText: o, size: l = "md", variant: n = "default", icon: a, fullWidth: _ = !1, className: c = "", disabled: i = !1, ...d }, r) => {
+    const m = t ? "error" : n, y = `${L.inputContainer} ${_ ? L.fullWidth : ""} ${c}`, h = `${L.input} ${L[l]} ${L[m]} ${a ? L.withIcon : ""} ${i ? L.disabled : ""}`;
+    return /* @__PURE__ */ u("div", { className: y, children: [
+      s && /* @__PURE__ */ e("label", { className: L.label, children: s }),
+      /* @__PURE__ */ u("div", { className: L.wrapper, children: [
+        a && /* @__PURE__ */ e("span", { className: L.icon, children: a }),
+        /* @__PURE__ */ e("input", { ref: r, className: h, disabled: i, ...d })
+      ] }),
+      (t || o) && /* @__PURE__ */ e("span", { className: `${L.helperText} ${t ? L.errorText : ""}`, children: t || o })
+    ] });
+  }
+);
+Al.displayName = "Input";
+const Gl = "styles-module__label__QjEAd", Zl = "styles-module__disabled__yJ4NK", Jl = "styles-module__sm__KnRgV", Xl = "styles-module__md__z8a54", Ul = "styles-module__lg__KOzy-", ql = "styles-module__required__ZBqbG", ye = {
+  label: Gl,
+  disabled: Zl,
+  sm: Jl,
+  md: Xl,
+  lg: Ul,
+  required: ql
+};
+function yd({ size: s = "md", required: t = !1, disabled: o = !1, className: l = "", children: n, ...a }) {
+  return /* @__PURE__ */ u("label", { className: `${ye.label} ${ye[s]} ${o ? ye.disabled : ""} ${l}`, ...a, children: [
+    n,
+    t && /* @__PURE__ */ e("span", { className: ye.required, children: "*" })
+  ] });
+}
+const Hl = "styles-module__list__i-PH3", Ql = "styles-module__dividers__klcR-", Yl = "styles-module__item__hLR7A", en = "styles-module__hoverable__6FbJF", sn = "styles-module__clickable__ahnDb", tn = "styles-module__disabled__W5Z3Y", ln = "styles-module__icon__fSr06", nn = "styles-module__content__ujdaE", on = "styles-module__badge__dwlRk", F = {
+  list: Hl,
+  dividers: Ql,
+  item: Yl,
+  hoverable: en,
+  clickable: sn,
+  disabled: tn,
+  icon: ln,
+  content: nn,
+  badge: on
+};
+function hd({ items: s, hoverable: t = !1, dividers: o = !1, className: l = "" }) {
+  return /* @__PURE__ */ e("ul", { className: `${F.list} ${o ? F.dividers : ""} ${l}`, children: s.map((n) => /* @__PURE__ */ u(
+    "li",
+    {
+      className: `${F.item} ${t && !n.disabled ? F.hoverable : ""} ${n.disabled ? F.disabled : ""} ${n.onClick && !n.disabled ? F.clickable : ""}`,
+      onClick: n.disabled ? void 0 : n.onClick,
+      children: [
+        n.icon && /* @__PURE__ */ e("span", { className: F.icon, children: n.icon }),
+        /* @__PURE__ */ e("span", { className: F.content, children: n.content }),
+        n.badge && /* @__PURE__ */ e("span", { className: F.badge, children: n.badge })
+      ]
+    },
+    n.id
+  )) });
+}
+const an = "styles-module__overlay__Ty-He", cn = "styles-module__fadeIn__vywQ8", _n = "styles-module__modal__bC015", dn = "styles-module__slideUp__i-uri", rn = "styles-module__sm__HasCZ", un = "styles-module__md__y-51k", mn = "styles-module__lg__bXotd", pn = "styles-module__xl__wKYbR", yn = "styles-module__header__agEZy", hn = "styles-module__title__91HGo", $n = "styles-module__closeButton__u-naO", fn = "styles-module__content__1xlis", bn = "styles-module__footer__m3SbZ", U = {
+  overlay: an,
+  fadeIn: cn,
+  modal: _n,
+  slideUp: dn,
+  sm: rn,
+  md: un,
+  lg: mn,
+  xl: pn,
+  header: yn,
+  title: hn,
+  closeButton: $n,
+  content: fn,
+  footer: bn
+};
+function $d({
+  isOpen: s,
+  onClose: t,
+  title: o,
+  children: l,
+  footer: n,
+  size: a = "md",
+  closeOnOverlayClick: _ = !0,
+  showCloseButton: c = !0,
+  className: i = ""
+}) {
+  return j(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [s]), j(() => {
+    const d = (r) => {
+      r.key === "Escape" && s && t();
+    };
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, [s, t]), s ? /* @__PURE__ */ e("div", { className: U.overlay, onClick: _ ? t : void 0, children: /* @__PURE__ */ u("div", { className: `${U.modal} ${U[a]} ${i}`, onClick: (d) => d.stopPropagation(), children: [
+    (o || c) && /* @__PURE__ */ u("div", { className: U.header, children: [
+      o && /* @__PURE__ */ e("h2", { className: U.title, children: o }),
+      c && /* @__PURE__ */ e("button", { className: U.closeButton, onClick: t, type: "button", children: "×" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: U.content, children: l }),
+    n && /* @__PURE__ */ e("div", { className: U.footer, children: n })
+  ] }) }) : null;
+}
+const gn = "styles-module__pagination__P-TuL", vn = "styles-module__pageButton__saWQq", Nn = "styles-module__active__6G9dp", kn = "styles-module__dots__HNsj1", q = {
+  pagination: gn,
+  pageButton: vn,
+  active: Nn,
+  dots: kn
+};
+function fd({ currentPage: s, totalPages: t, onPageChange: o, showFirstLast: l = !0, siblingCount: n = 1, className: a = "" }) {
+  const _ = (m, y) => Array.from({ length: y - m + 1 }, (h, $) => m + $), i = (() => {
+    const m = n + 5;
+    if (t <= m)
+      return _(1, t);
+    const y = Math.max(s - n, 1), h = Math.min(s + n, t), $ = y > 2, p = h < t - 1;
+    return !$ && p ? [..._(1, 3 + 2 * n), "...", t] : $ && !p ? [1, "...", ..._(t - (2 + 2 * n), t)] : [1, "...", ..._(y, h), "...", t];
+  })(), d = () => {
+    s > 1 && o(s - 1);
+  }, r = () => {
+    s < t && o(s + 1);
+  };
+  return /* @__PURE__ */ u("nav", { className: `${q.pagination} ${a}`, children: [
+    l && /* @__PURE__ */ e("button", { className: q.pageButton, onClick: () => o(1), disabled: s === 1, children: "«" }),
+    /* @__PURE__ */ e("button", { className: q.pageButton, onClick: d, disabled: s === 1, children: "‹" }),
+    i.map((m, y) => m === "..." ? /* @__PURE__ */ e("span", { className: q.dots, children: "..." }, `dots-${y}`) : /* @__PURE__ */ e(
+      "button",
+      {
+        className: `${q.pageButton} ${m === s ? q.active : ""}`,
+        onClick: () => o(m),
+        children: m
+      },
+      m
+    )),
+    /* @__PURE__ */ e("button", { className: q.pageButton, onClick: r, disabled: s === t, children: "›" }),
+    l && /* @__PURE__ */ e("button", { className: q.pageButton, onClick: () => o(t), disabled: s === t, children: "»" })
+  ] });
+}
+const wn = "styles-module__container__u4q5n", Cn = "styles-module__progressBar__wAUjD", xn = "styles-module__sm__ZBiyl", In = "styles-module__md__oXZzu", Wn = "styles-module__lg__JmNO0", Ln = "styles-module__fill__bDflZ", Sn = "styles-module__success__drT36", Rn = "styles-module__warning__p-mHQ", zn = "styles-module__error__ecpJB", Tn = "styles-module__info__vfjga", Dn = "styles-module__striped__El9o5", En = "styles-module__animated__9FN7u", Bn = "styles-module__progress-stripes__etVVj", Vn = "styles-module__label__TpB8Q", H = {
+  container: wn,
+  progressBar: Cn,
+  sm: xn,
+  md: In,
+  lg: Wn,
+  fill: Ln,
+  default: "styles-module__default__7qIAE",
+  success: Sn,
+  warning: Rn,
+  error: zn,
+  info: Tn,
+  striped: Dn,
+  animated: En,
+  "progress-stripes": "styles-module__progress-stripes__etVVj",
+  progressStripes: Bn,
+  label: Vn
+};
+function bd({
+  value: s,
+  max: t = 100,
+  variant: o = "default",
+  size: l = "md",
+  showLabel: n = !1,
+  label: a,
+  animated: _ = !1,
+  striped: c = !1,
+  className: i = ""
+}) {
+  const d = Math.min(Math.max(s / t * 100, 0), 100), r = a || `${Math.round(d)}%`;
+  return /* @__PURE__ */ e("div", { className: `${H.container} ${i}`, children: /* @__PURE__ */ e("div", { className: `${H.progressBar} ${H[l]}`, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: `${H.fill} ${H[o]} ${c ? H.striped : ""} ${_ ? H.animated : ""}`,
+      style: { width: `${d}%` },
+      children: n && /* @__PURE__ */ e("span", { className: H.label, children: r })
+    }
+  ) }) });
+}
+const Mn = "styles-module__radioButton__30HVZ", jn = "styles-module__disabled__TuSU6", On = "styles-module__input__-NkgJ", Fn = "styles-module__radio__dKOL5", Kn = "styles-module__label__M94so", re = {
+  radioButton: Mn,
+  disabled: jn,
+  input: On,
+  radio: Fn,
+  label: Kn
+};
+function gd({ label: s, value: t, name: o, checked: l = !1, disabled: n = !1, onChange: a, className: _ = "", ...c }) {
+  return /* @__PURE__ */ u("label", { className: `${re.radioButton} ${n ? re.disabled : ""} ${_}`, children: [
+    /* @__PURE__ */ e("input", { type: "radio", name: o, value: t, checked: l, disabled: n, onChange: a, className: re.input, ...c }),
+    /* @__PURE__ */ e("span", { className: re.radio }),
+    s && /* @__PURE__ */ e("span", { className: re.label, children: s })
+  ] });
+}
+const Pn = "styles-module__container__KhKB7", An = "styles-module__label__nGyr8", Gn = "styles-module__rangeWrapper__dnhOv", Zn = "styles-module__inputWrapper__vVIhy", Jn = "styles-module__input__C9H5I", Xn = "styles-module__disabled__8xB9M", Un = "styles-module__minMax__5jVHq", qn = "styles-module__value__4hZJK", K = {
+  container: Pn,
+  label: An,
+  rangeWrapper: Gn,
+  inputWrapper: Zn,
+  input: Jn,
+  disabled: Xn,
+  minMax: Un,
+  value: qn
+};
+function vd({
+  label: s,
+  min: t = 0,
+  max: o = 100,
+  step: l = 1,
+  value: n = 50,
+  showValue: a = !1,
+  showMinMax: _ = !1,
+  onChange: c,
+  className: i = "",
+  disabled: d = !1,
+  ...r
+}) {
+  const m = (n - t) / (o - t) * 100;
+  return /* @__PURE__ */ u("div", { className: `${K.container} ${i}`, children: [
+    s && /* @__PURE__ */ e("label", { className: K.label, children: s }),
+    /* @__PURE__ */ u("div", { className: K.rangeWrapper, children: [
+      _ && /* @__PURE__ */ e("span", { className: K.minMax, children: t }),
+      /* @__PURE__ */ e("div", { className: K.inputWrapper, children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "range",
+          min: t,
+          max: o,
+          step: l,
+          value: n,
+          onChange: c,
+          disabled: d,
+          className: `${K.input} ${d ? K.disabled : ""}`,
+          style: { "--percentage": `${m}%` },
+          ...r
+        }
+      ) }),
+      _ && /* @__PURE__ */ e("span", { className: K.minMax, children: o })
+    ] }),
+    a && /* @__PURE__ */ e("span", { className: K.value, children: n })
+  ] });
+}
+const Hn = "styles-module__richSelect__xtDdz", Qn = "styles-module__trigger__nkuFi", Yn = "styles-module__disabled__aRnNR", eo = "styles-module__selectedContent__1YUDI", so = "styles-module__textContent__sVML5", to = "styles-module__label__DYAVs", lo = "styles-module__description__-NG4t", no = "styles-module__placeholder__83U0w", oo = "styles-module__icon__v-J2b", ao = "styles-module__arrow__m-D1Y", co = "styles-module__open__gZef9", _o = "styles-module__menu__zMZHy", io = "styles-module__searchWrapper__yPXor", ro = "styles-module__searchInput__Vq3C6", uo = "styles-module__optionsList__OAhYK", mo = "styles-module__option__vTDi0", po = "styles-module__optionDisabled__spphz", yo = "styles-module__active__FRlKy", ho = "styles-module__noResults__DsPu8", b = {
+  richSelect: Hn,
+  trigger: Qn,
+  disabled: Yn,
+  selectedContent: eo,
+  textContent: so,
+  label: to,
+  description: lo,
+  placeholder: no,
+  icon: oo,
+  arrow: ao,
+  open: co,
+  menu: _o,
+  searchWrapper: io,
+  searchInput: ro,
+  optionsList: uo,
+  option: mo,
+  optionDisabled: po,
+  active: yo,
+  noResults: ho
+};
+function Nd({
+  options: s,
+  value: t,
+  onChange: o,
+  placeholder: l = "Select an option",
+  disabled: n = !1,
+  searchable: a = !1,
+  className: _ = ""
+}) {
+  const [c, i] = k(!1), [d, r] = k(""), m = G(null);
+  j(() => {
+    const p = (v) => {
+      m.current && !m.current.contains(v.target) && (i(!1), r(""));
+    };
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
+  }, []);
+  const y = (p) => {
+    n || (o?.(p), i(!1), r(""));
+  }, h = s.find((p) => p.value === t), $ = a ? s.filter((p) => p.label.toLowerCase().includes(d.toLowerCase())) : s;
+  return /* @__PURE__ */ u("div", { className: `${b.richSelect} ${_}`, ref: m, children: [
+    /* @__PURE__ */ u(
+      "button",
+      {
+        className: `${b.trigger} ${n ? b.disabled : ""}`,
+        onClick: () => !n && i(!c),
+        disabled: n,
+        type: "button",
+        children: [
+          h ? /* @__PURE__ */ u("div", { className: b.selectedContent, children: [
+            h.icon && /* @__PURE__ */ e("span", { className: b.icon, children: h.icon }),
+            /* @__PURE__ */ u("div", { className: b.textContent, children: [
+              /* @__PURE__ */ e("span", { className: b.label, children: h.label }),
+              h.description && /* @__PURE__ */ e("span", { className: b.description, children: h.description })
+            ] })
+          ] }) : /* @__PURE__ */ e("span", { className: b.placeholder, children: l }),
+          /* @__PURE__ */ e("span", { className: `${b.arrow} ${c ? b.open : ""}`, children: "▼" })
+        ]
+      }
+    ),
+    c && /* @__PURE__ */ u("div", { className: b.menu, children: [
+      a && /* @__PURE__ */ e("div", { className: b.searchWrapper, children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          className: b.searchInput,
+          placeholder: "Search...",
+          value: d,
+          onChange: (p) => r(p.target.value),
+          autoFocus: !0
+        }
+      ) }),
+      /* @__PURE__ */ u("div", { className: b.optionsList, children: [
+        $.map((p) => /* @__PURE__ */ u(
+          "div",
+          {
+            className: `${b.option} ${p.value === t ? b.active : ""} ${p.disabled ? b.optionDisabled : ""}`,
+            onClick: () => !p.disabled && y(p.value),
+            children: [
+              p.icon && /* @__PURE__ */ e("span", { className: b.icon, children: p.icon }),
+              /* @__PURE__ */ u("div", { className: b.textContent, children: [
+                /* @__PURE__ */ e("span", { className: b.label, children: p.label }),
+                p.description && /* @__PURE__ */ e("span", { className: b.description, children: p.description })
+              ] })
+            ]
+          },
+          p.value
+        )),
+        $.length === 0 && /* @__PURE__ */ e("div", { className: b.noResults, children: "No results found" })
+      ] })
+    ] })
+  ] });
+}
+const $o = "styles-module__overlay__tP-g3", fo = "styles-module__fadeIn__MKn3S", bo = "styles-module__sidePanel__bfmoW", go = "styles-module__left__X7-S4", vo = "styles-module__slideInLeft__nE6Ff", No = "styles-module__right__Fvefe", ko = "styles-module__slideInRight__bvjTy", wo = "styles-module__sm__CHsFH", Co = "styles-module__md__17Q10", xo = "styles-module__lg__8XCJd", Io = "styles-module__header__-AKr-", Wo = "styles-module__title__8S4yp", Lo = "styles-module__closeButton__DQgJe", So = "styles-module__content__XGAif", Ro = "styles-module__footer__cX66N", P = {
+  overlay: $o,
+  fadeIn: fo,
+  sidePanel: bo,
+  left: go,
+  slideInLeft: vo,
+  right: No,
+  slideInRight: ko,
+  sm: wo,
+  md: Co,
+  lg: xo,
+  header: Io,
+  title: Wo,
+  closeButton: Lo,
+  content: So,
+  footer: Ro
+};
+function kd({
+  isOpen: s,
+  onClose: t,
+  title: o,
+  children: l,
+  footer: n,
+  position: a = "right",
+  size: _ = "md",
+  closeOnOverlayClick: c = !0,
+  showCloseButton: i = !0,
+  className: d = ""
+}) {
+  return j(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [s]), j(() => {
+    const r = (m) => {
+      m.key === "Escape" && s && t();
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [s, t]), s ? /* @__PURE__ */ e("div", { className: P.overlay, onClick: c ? t : void 0, children: /* @__PURE__ */ u("div", { className: `${P.sidePanel} ${P[a]} ${P[_]} ${d}`, onClick: (r) => r.stopPropagation(), children: [
+    (o || i) && /* @__PURE__ */ u("div", { className: P.header, children: [
+      o && /* @__PURE__ */ e("h2", { className: P.title, children: o }),
+      i && /* @__PURE__ */ e("button", { className: P.closeButton, onClick: t, type: "button", children: "×" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: P.content, children: l }),
+    n && /* @__PURE__ */ e("div", { className: P.footer, children: n })
+  ] }) }) : null;
+}
+const zo = "styles-module__signpost__tLnmc", To = "styles-module__trigger__25KnS", Do = "styles-module__content__z4pUG", Eo = "styles-module__fadeIn__0jB27", Bo = "styles-module__top__Jn5XX", Vo = "styles-module__bottom__CGe3J", Mo = "styles-module__left__zuDmF", jo = "styles-module__right__xnSw3", Oo = "styles-module__inner__7euCB", Fo = "styles-module__arrow__mGVpk", ae = {
+  signpost: zo,
+  trigger: To,
+  content: Do,
+  fadeIn: Eo,
+  top: Bo,
+  bottom: Vo,
+  left: Mo,
+  right: jo,
+  inner: Oo,
+  arrow: Fo
+};
+function wd({ trigger: s, children: t, position: o = "top", className: l = "" }) {
+  const [n, a] = k(!1), _ = G(null);
+  return j(() => {
+    const c = (i) => {
+      _.current && !_.current.contains(i.target) && a(!1);
+    };
+    return n && document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+  }, [n]), /* @__PURE__ */ u("div", { className: `${ae.signpost} ${l}`, ref: _, children: [
+    /* @__PURE__ */ e("div", { className: ae.trigger, onClick: () => a(!n), children: s }),
+    n && /* @__PURE__ */ u("div", { className: `${ae.content} ${ae[o]}`, children: [
+      /* @__PURE__ */ e("div", { className: ae.arrow }),
+      /* @__PURE__ */ e("div", { className: ae.inner, children: t })
+    ] })
+  ] });
+}
+const Ko = "styles-module__spinnerWrapper__ht5E9", Po = "styles-module__spinner__D8f-h", Ao = "styles-module__circle__z537L", Go = "styles-module__spin__Gt3A-", Zo = "styles-module__sm__Ukc8Q", Jo = "styles-module__md__Hg7EK", Xo = "styles-module__lg__ac6jQ", Uo = "styles-module__primary__Pah-x", qo = "styles-module__secondary__D29qO", Ho = "styles-module__label__nc2IY", ce = {
+  spinnerWrapper: Ko,
+  spinner: Po,
+  circle: Ao,
+  spin: Go,
+  sm: Zo,
+  md: Jo,
+  lg: Xo,
+  default: "styles-module__default__X7JGx",
+  primary: Uo,
+  secondary: qo,
+  label: Ho
+};
+function Cd({ size: s = "md", variant: t = "default", className: o = "", label: l }) {
+  return /* @__PURE__ */ u("div", { className: `${ce.spinnerWrapper} ${o}`, children: [
+    /* @__PURE__ */ e("div", { className: `${ce.spinner} ${ce[s]} ${ce[t]}`, role: "status", "aria-label": l || "Loading", children: /* @__PURE__ */ e("div", { className: ce.circle }) }),
+    l && /* @__PURE__ */ e("span", { className: ce.label, children: l })
+  ] });
+}
+const Qo = "styles-module__stackView__wGZRw", Yo = "styles-module__horizontal__MCJ8E", ea = "styles-module__vertical__INW6v", sa = "styles-module__wrap__wvZPS", ta = "styles-module__align-start__TeH6Z", la = "styles-module__align-center__DWOt-", na = "styles-module__align-end__9Xsx4", oa = "styles-module__align-stretch__raPvB", aa = "styles-module__justify-start__YVdZp", ca = "styles-module__justify-center__VKg8-", _a = "styles-module__justify-end__kVPBC", da = "styles-module__justify-space-between__z5-wE", ia = "styles-module__justify-space-around__FP-0m", ra = "styles-module__justify-space-evenly__v5xco", ua = "styles-module__spacing-none__M23xt", ma = "styles-module__spacing-xs__zdXjS", pa = "styles-module__spacing-sm__G-5sR", ya = "styles-module__spacing-md__oa-Jw", ha = "styles-module__spacing-lg__5zhiQ", $a = "styles-module__spacing-xl__qSFPT", _e = {
+  stackView: Qo,
+  horizontal: Yo,
+  vertical: ea,
+  wrap: sa,
+  "align-start": "styles-module__align-start__TeH6Z",
+  alignStart: ta,
+  "align-center": "styles-module__align-center__DWOt-",
+  alignCenter: la,
+  "align-end": "styles-module__align-end__9Xsx4",
+  alignEnd: na,
+  "align-stretch": "styles-module__align-stretch__raPvB",
+  alignStretch: oa,
+  "justify-start": "styles-module__justify-start__YVdZp",
+  justifyStart: aa,
+  "justify-center": "styles-module__justify-center__VKg8-",
+  justifyCenter: ca,
+  "justify-end": "styles-module__justify-end__kVPBC",
+  justifyEnd: _a,
+  "justify-space-between": "styles-module__justify-space-between__z5-wE",
+  justifySpaceBetween: da,
+  "justify-space-around": "styles-module__justify-space-around__FP-0m",
+  justifySpaceAround: ia,
+  "justify-space-evenly": "styles-module__justify-space-evenly__v5xco",
+  justifySpaceEvenly: ra,
+  "spacing-none": "styles-module__spacing-none__M23xt",
+  spacingNone: ua,
+  "spacing-xs": "styles-module__spacing-xs__zdXjS",
+  spacingXs: ma,
+  "spacing-sm": "styles-module__spacing-sm__G-5sR",
+  spacingSm: pa,
+  "spacing-md": "styles-module__spacing-md__oa-Jw",
+  spacingMd: ya,
+  "spacing-lg": "styles-module__spacing-lg__5zhiQ",
+  spacingLg: ha,
+  "spacing-xl": "styles-module__spacing-xl__qSFPT",
+  spacingXl: $a
+};
+function xd({
+  children: s,
+  direction: t = "horizontal",
+  align: o = "start",
+  justify: l = "start",
+  spacing: n = "md",
+  wrap: a = !1,
+  className: _ = "",
+  style: c
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `${_e.stackView} ${_e[t]} ${_e[`align-${o}`]} ${_e[`justify-${l}`]} ${_e[`spacing-${n}`]} ${a ? _e.wrap : ""} ${_}`,
+      style: c,
+      children: s
+    }
+  );
+}
+const fa = "styles-module__stepper__NUsL2", ba = "styles-module__horizontal__wW8by", ga = "styles-module__vertical__UqRFo", va = "styles-module__step__lmR8-", Na = "styles-module__clickable__-O5QE", ka = "styles-module__stepIndicator__GbO4U", wa = "styles-module__current__LW7L4", Ca = "styles-module__completed__MC9gq", xa = "styles-module__checkmark__GAoUn", Ia = "styles-module__stepNumber__qLNDJ", Wa = "styles-module__stepContent__pKC94", La = "styles-module__stepLabel__JK-4j", Sa = "styles-module__stepDescription__hlARr", Ra = "styles-module__connector__76Rsb", I = {
+  stepper: fa,
+  horizontal: ba,
+  vertical: ga,
+  step: va,
+  clickable: Na,
+  stepIndicator: ka,
+  current: wa,
+  completed: Ca,
+  checkmark: xa,
+  stepNumber: Ia,
+  stepContent: Wa,
+  stepLabel: La,
+  stepDescription: Sa,
+  connector: Ra
+};
+function Id({ steps: s, currentStep: t, orientation: o = "horizontal", onStepClick: l, className: n = "" }) {
+  return /* @__PURE__ */ e("div", { className: `${I.stepper} ${I[o]} ${n}`, children: s.map((a, _) => {
+    const c = _ < t, i = _ === t, d = l && (c || i);
+    return /* @__PURE__ */ u(me.Fragment, { children: [
+      /* @__PURE__ */ u(
+        "div",
+        {
+          className: `${I.step} ${c ? I.completed : ""} ${i ? I.current : ""} ${d ? I.clickable : ""}`,
+          onClick: () => d && l(_),
+          children: [
+            /* @__PURE__ */ e("div", { className: I.stepIndicator, children: c ? /* @__PURE__ */ e("span", { className: I.checkmark, children: "✓" }) : a.icon ? a.icon : /* @__PURE__ */ e("span", { className: I.stepNumber, children: _ + 1 }) }),
+            /* @__PURE__ */ u("div", { className: I.stepContent, children: [
+              /* @__PURE__ */ e("div", { className: I.stepLabel, children: a.label }),
+              a.description && /* @__PURE__ */ e("div", { className: I.stepDescription, children: a.description })
+            ] })
+          ]
+        }
+      ),
+      _ < s.length - 1 && /* @__PURE__ */ e("div", { className: `${I.connector} ${c ? I.completed : ""}` })
+    ] }, _);
+  }) });
+}
+const za = "styles-module__tableWrapper__7pbjW", Ta = "styles-module__table__G-UMw", Da = "styles-module__thead__uTTEj", Ea = "styles-module__th__tBFLB", Ba = "styles-module__tbody__-OiiP", Va = "styles-module__tr__ioLC7", Ma = "styles-module__td__mjOQt", ja = "styles-module__striped__iZ3bT", Oa = "styles-module__hoverable__ewlPb", Fa = "styles-module__bordered__IB5cr", Ka = "styles-module__compact__JfcIE", Pa = "styles-module__clickable__URnJc", Aa = "styles-module__empty__Xo2NZ", W = {
+  tableWrapper: za,
+  table: Ta,
+  thead: Da,
+  th: Ea,
+  tbody: Ba,
+  tr: Va,
+  td: Ma,
+  striped: ja,
+  hoverable: Oa,
+  bordered: Fa,
+  compact: Ka,
+  clickable: Pa,
+  empty: Aa
+};
+function Wd({
+  columns: s,
+  data: t,
+  striped: o = !1,
+  hoverable: l = !1,
+  bordered: n = !1,
+  compact: a = !1,
+  onRowClick: _,
+  className: c = ""
+}) {
+  return /* @__PURE__ */ u("div", { className: `${W.tableWrapper} ${c}`, children: [
+    /* @__PURE__ */ u(
+      "table",
+      {
+        className: `${W.table} ${o ? W.striped : ""} ${l ? W.hoverable : ""} ${n ? W.bordered : ""} ${a ? W.compact : ""}`,
+        children: [
+          /* @__PURE__ */ e("thead", { className: W.thead, children: /* @__PURE__ */ e("tr", { children: s.map((i) => /* @__PURE__ */ e("th", { className: W.th, style: { width: i.width }, children: i.header }, i.key)) }) }),
+          /* @__PURE__ */ e("tbody", { className: W.tbody, children: t.map((i, d) => /* @__PURE__ */ e("tr", { className: `${W.tr} ${_ ? W.clickable : ""}`, onClick: () => _?.(i), children: s.map((r) => /* @__PURE__ */ e("td", { className: W.td, children: r.render ? r.render(i[r.key], i) : String(i[r.key] ?? "") }, r.key)) }, d)) })
+        ]
+      }
+    ),
+    t.length === 0 && /* @__PURE__ */ e("div", { className: W.empty, children: "No data available" })
+  ] });
+}
+const Ga = "styles-module__tabsContainer__Jv3WS", Za = "styles-module__tabsList__G5a9Z", Ja = "styles-module__fullWidth__IiyGO", Xa = "styles-module__tab__Veki-", Ua = "styles-module__disabled__M9qZK", qa = "styles-module__active__PVi-W", Ha = "styles-module__icon__4sTw8", Qa = "styles-module__pills__VlbD0", Ya = "styles-module__underline__Jdu1g", ec = "styles-module__tabContent__bSDk7", sc = "styles-module__fadeIn__sgbzQ", A = {
+  tabsContainer: Ga,
+  tabsList: Za,
+  fullWidth: Ja,
+  tab: Xa,
+  disabled: Ua,
+  active: qa,
+  icon: Ha,
+  default: "styles-module__default__02SGT",
+  pills: Qa,
+  underline: Ya,
+  tabContent: ec,
+  fadeIn: sc
+};
+function Ld({ items: s, defaultActiveId: t, variant: o = "default", fullWidth: l = !1, onChange: n, className: a = "" }) {
+  const [_, c] = k(t || s[0]?.id), i = (r, m) => {
+    m || (c(r), n?.(r));
+  }, d = s.find((r) => r.id === _);
+  return /* @__PURE__ */ u("div", { className: `${A.tabsContainer} ${a}`, children: [
+    /* @__PURE__ */ e("div", { className: `${A.tabsList} ${A[o]} ${l ? A.fullWidth : ""}`, role: "tablist", children: s.map((r) => /* @__PURE__ */ u(
+      "button",
+      {
+        role: "tab",
+        "aria-selected": r.id === _,
+        "aria-disabled": r.disabled,
+        className: `${A.tab} ${r.id === _ ? A.active : ""} ${r.disabled ? A.disabled : ""}`,
+        onClick: () => i(r.id, r.disabled),
+        disabled: r.disabled,
+        children: [
+          r.icon && /* @__PURE__ */ e("span", { className: A.icon, children: r.icon }),
+          /* @__PURE__ */ e("span", { children: r.label })
+        ]
+      },
+      r.id
+    )) }),
+    /* @__PURE__ */ e("div", { className: A.tabContent, role: "tabpanel", children: d?.content })
+  ] });
+}
+const tc = "styles-module__textareaWrapper__xo-uo", lc = "styles-module__fullWidth__y5-Ce", nc = "styles-module__label__xONj0", oc = "styles-module__textarea__LmnbQ", ac = "styles-module__sm__uIQkQ", cc = "styles-module__md__qfL-2", _c = "styles-module__lg__s6Iey", dc = "styles-module__success__ehWww", ic = "styles-module__error__h9V4X", rc = "styles-module__resize-none__w4h2b", uc = "styles-module__resize-vertical__4lTu1", mc = "styles-module__resize-horizontal__3Fdb7", pc = "styles-module__resize-both__07ghL", yc = "styles-module__helperText__Zaq6O", hc = "styles-module__errorText__RI-rl", B = {
+  textareaWrapper: tc,
+  fullWidth: lc,
+  label: nc,
+  textarea: oc,
+  sm: ac,
+  md: cc,
+  lg: _c,
+  default: "styles-module__default__jlE7o",
+  success: dc,
+  error: ic,
+  "resize-none": "styles-module__resize-none__w4h2b",
+  resizeNone: rc,
+  "resize-vertical": "styles-module__resize-vertical__4lTu1",
+  resizeVertical: uc,
+  "resize-horizontal": "styles-module__resize-horizontal__3Fdb7",
+  resizeHorizontal: mc,
+  "resize-both": "styles-module__resize-both__07ghL",
+  resizeBoth: pc,
+  helperText: yc,
+  errorText: hc
+}, $c = me.forwardRef(
+  ({ label: s, helperText: t, error: o, size: l = "md", variant: n = "default", fullWidth: a = !1, resize: _ = "vertical", className: c = "", disabled: i, ...d }, r) => {
+    const m = o ? "error" : n;
+    return /* @__PURE__ */ u("div", { className: `${B.textareaWrapper} ${a ? B.fullWidth : ""} ${c}`, children: [
+      s && /* @__PURE__ */ e("label", { className: B.label, children: s }),
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          ref: r,
+          className: `${B.textarea} ${B[l]} ${B[m]} ${B[`resize-${_}`]} ${i ? B.disabled : ""}`,
+          disabled: i,
+          ...d
+        }
+      ),
+      o && /* @__PURE__ */ e("span", { className: B.errorText, children: o }),
+      !o && t && /* @__PURE__ */ e("span", { className: B.helperText, children: t })
+    ] });
+  }
+);
+$c.displayName = "Textarea";
+const fc = "styles-module__timeline__khbcN", bc = "styles-module__vertical__EcI8f", gc = "styles-module__horizontal__kv46j", vc = "styles-module__timelineItem__j0IQ5", Nc = "styles-module__timelineMarker__qk22j", kc = "styles-module__dot__gfgUf", wc = "styles-module__icon__hWWJd", Cc = "styles-module__primary__t4Cyx", xc = "styles-module__success__NWp7i", Ic = "styles-module__warning__mfRNM", Wc = "styles-module__error__AwsC3", Lc = "styles-module__info__QaR5w", Sc = "styles-module__timelineConnector__deWEH", Rc = "styles-module__timelineContent__Yzy-t", zc = "styles-module__date__OIOdY", Tc = "styles-module__title__PZb8L", Dc = "styles-module__description__LesWv", C = {
+  timeline: fc,
+  vertical: bc,
+  horizontal: gc,
+  timelineItem: vc,
+  timelineMarker: Nc,
+  dot: kc,
+  icon: wc,
+  default: "styles-module__default__QmROp",
+  primary: Cc,
+  success: xc,
+  warning: Ic,
+  error: Wc,
+  info: Lc,
+  timelineConnector: Sc,
+  timelineContent: Rc,
+  date: zc,
+  title: Tc,
+  description: Dc
+};
+function Sd({ items: s, orientation: t = "vertical", className: o = "" }) {
+  return /* @__PURE__ */ e("div", { className: `${C.timeline} ${C[t]} ${o}`, children: s.map((l, n) => /* @__PURE__ */ u("div", { className: C.timelineItem, children: [
+    /* @__PURE__ */ e("div", { className: `${C.timelineMarker} ${l.color ? C[l.color] : C.default}`, children: l.icon ? /* @__PURE__ */ e("span", { className: C.icon, children: l.icon }) : /* @__PURE__ */ e("span", { className: C.dot }) }),
+    n < s.length - 1 && /* @__PURE__ */ e("div", { className: `${C.timelineConnector} ${l.color ? C[l.color] : C.default}` }),
+    /* @__PURE__ */ u("div", { className: C.timelineContent, children: [
+      l.date && /* @__PURE__ */ e("span", { className: C.date, children: l.date }),
+      /* @__PURE__ */ e("h4", { className: C.title, children: l.title }),
+      l.description && /* @__PURE__ */ e("p", { className: C.description, children: l.description })
+    ] })
+  ] }, l.id)) });
+}
+const Ec = "styles-module__toggleSwitch__HDqFP", Bc = "styles-module__disabled__tbXNT", Vc = "styles-module__input__oBVdg", Mc = "styles-module__sm__O8zA8", jc = "styles-module__md__2vfHI", Oc = "styles-module__lg__S65-b", Fc = "styles-module__slider__gYGJ6", Kc = "styles-module__checked__-4pJ2", Pc = "styles-module__label__xIgTV", Q = {
+  toggleSwitch: Ec,
+  disabled: Bc,
+  input: Vc,
+  switch: "styles-module__switch__4NsVE",
+  sm: Mc,
+  md: jc,
+  lg: Oc,
+  slider: Fc,
+  checked: Kc,
+  label: Pc
+};
+function Rd({ checked: s, defaultChecked: t = !1, onChange: o, label: l, disabled: n = !1, size: a = "md", className: _ = "" }) {
+  const [c, i] = me.useState(t), d = s !== void 0, r = d ? s : c, m = () => {
+    if (n) return;
+    const y = !r;
+    d || i(y), o?.(y);
+  };
+  return /* @__PURE__ */ u("label", { className: `${Q.toggleSwitch} ${n ? Q.disabled : ""} ${_}`, children: [
+    /* @__PURE__ */ e("input", { type: "checkbox", checked: r, onChange: m, disabled: n, className: Q.input }),
+    /* @__PURE__ */ e("span", { className: `${Q.switch} ${Q[a]} ${r ? Q.checked : ""}`, children: /* @__PURE__ */ e("span", { className: Q.slider }) }),
+    l && /* @__PURE__ */ e("span", { className: Q.label, children: l })
+  ] });
+}
+const Ac = "styles-module__tooltipWrapper__jXXEP", Gc = "styles-module__tooltip__NP2ZM", Zc = "styles-module__fadeIn__5hHms", Jc = "styles-module__top__kvf2D", Xc = "styles-module__bottom__vkl92", Uc = "styles-module__left__q2e3D", qc = "styles-module__right__FRcXP", Hc = "styles-module__tooltipContent__3R4WL", Qc = "styles-module__tooltipArrow__11JdT", ue = {
+  tooltipWrapper: Ac,
+  tooltip: Gc,
+  fadeIn: Zc,
+  top: Jc,
+  bottom: Xc,
+  left: Uc,
+  right: qc,
+  tooltipContent: Hc,
+  tooltipArrow: Qc
+};
+function zd({ children: s, content: t, position: o = "top", delay: l = 200, className: n = "" }) {
+  const [a, _] = k(!1), c = G(), i = G(null), d = () => {
+    c.current = setTimeout(() => {
+      _(!0);
+    }, l);
+  }, r = () => {
+    c.current && clearTimeout(c.current), _(!1);
+  };
+  return j(() => () => {
+    c.current && clearTimeout(c.current);
+  }, []), /* @__PURE__ */ u(
+    "div",
+    {
+      className: `${ue.tooltipWrapper} ${n}`,
+      ref: i,
+      onMouseEnter: d,
+      onMouseLeave: r,
+      onFocus: d,
+      onBlur: r,
+      children: [
+        s,
+        a && /* @__PURE__ */ u("div", { className: `${ue.tooltip} ${ue[o]}`, role: "tooltip", children: [
+          /* @__PURE__ */ e("div", { className: ue.tooltipContent, children: t }),
+          /* @__PURE__ */ e("div", { className: ue.tooltipArrow })
+        ] })
+      ]
+    }
+  );
+}
+const Yc = "styles-module__toastContainer__-uOPe", e_ = "styles-module__topLeft__MCDhr", s_ = "styles-module__topCenter__loC-J", t_ = "styles-module__topRight__alKSR", l_ = "styles-module__bottomLeft__sPZ6I", n_ = "styles-module__bottomCenter__12yLT", o_ = "styles-module__bottomRight__EdLbD", a_ = "styles-module__toast__q9A3H", c_ = "styles-module__slideIn__-Mhbw", __ = "styles-module__fadeIn__I0huT", d_ = "styles-module__slideInLeft__Bs5x3", i_ = "styles-module__slideInDown__OUDGH", r_ = "styles-module__icon__iRAEt", u_ = "styles-module__message__id55d", m_ = "styles-module__closeButton__vnBxf", p_ = "styles-module__info__RjsXR", y_ = "styles-module__success__1qQf4", h_ = "styles-module__warning__UhEF-", $_ = "styles-module__error__sOYOC", S = {
+  toastContainer: Yc,
+  topLeft: e_,
+  topCenter: s_,
+  topRight: t_,
+  bottomLeft: l_,
+  bottomCenter: n_,
+  bottomRight: o_,
+  toast: a_,
+  slideIn: c_,
+  fadeIn: __,
+  slideInLeft: d_,
+  slideInDown: i_,
+  icon: r_,
+  message: u_,
+  closeButton: m_,
+  info: p_,
+  success: y_,
+  warning: h_,
+  error: $_
+}, we = ze(void 0);
+function Td({ children: s, position: t = "top-right", maxToasts: o = 5 }) {
+  const [l, n] = k([]), a = ke(
+    (d, r = {}) => {
+      const m = Math.random().toString(36).substring(2, 9), y = {
+        id: m,
+        message: d,
+        variant: r.variant || "info",
+        duration: r.duration ?? 5e3,
+        dismissible: r.dismissible ?? !0
+      };
+      n((h) => [...h, y].slice(-o)), y.duration && y.duration > 0 && setTimeout(() => {
+        _(m);
+      }, y.duration);
+    },
+    [o]
+  ), _ = ke((d) => {
+    n((r) => r.filter((m) => m.id !== d));
+  }, []), c = () => ({
+    "top-left": S.topLeft,
+    "top-center": S.topCenter,
+    "top-right": S.topRight,
+    "bottom-left": S.bottomLeft,
+    "bottom-center": S.bottomCenter,
+    "bottom-right": S.bottomRight
+  })[t], i = (d) => ({
+    info: "ℹ",
+    success: "✓",
+    warning: "⚠",
+    error: "✕"
+  })[d];
+  return /* @__PURE__ */ u(we.Provider, { value: { showToast: a }, children: [
+    s,
+    /* @__PURE__ */ e("div", { className: `${S.toastContainer} ${c()}`, children: l.map((d) => /* @__PURE__ */ u("div", { className: `${S.toast} ${S[d.variant || "info"]}`, role: "alert", "aria-live": "polite", children: [
+      /* @__PURE__ */ e("div", { className: S.icon, children: i(d.variant || "info") }),
+      /* @__PURE__ */ e("div", { className: S.message, children: d.message }),
+      d.dismissible && /* @__PURE__ */ e("button", { className: S.closeButton, onClick: () => _(d.id), "aria-label": "Close", children: "✕" })
+    ] }, d.id)) })
+  ] });
+}
+function Dd() {
+  const s = Te(we);
+  if (!s)
+    throw new Error("useToast must be used within a ToastProvider");
+  return s;
+}
+const f_ = "styles-module__treeView__qtZfC", b_ = "styles-module__treeNodeWrapper__6m8CE", g_ = "styles-module__treeNode__xhhOE", v_ = "styles-module__disabled__-brxQ", N_ = "styles-module__expandIcon__Zp-Yb", k_ = "styles-module__expanded__A4kyH", w_ = "styles-module__spacer__56WdM", C_ = "styles-module__icon__AIE-i", x_ = "styles-module__label__XDGcT", I_ = "styles-module__children__N1c5Z", M = {
+  treeView: f_,
+  treeNodeWrapper: b_,
+  treeNode: g_,
+  disabled: v_,
+  expandIcon: N_,
+  expanded: k_,
+  spacer: w_,
+  icon: C_,
+  label: x_,
+  children: I_
+};
+function Ce({ node: s, level: t, expandedIds: o, onToggle: l, onNodeClick: n }) {
+  const a = s.children && s.children.length > 0, _ = o.has(s.id), c = () => {
+    s.disabled || (a && l(s.id), n?.(s));
+  };
+  return /* @__PURE__ */ u("div", { className: M.treeNodeWrapper, children: [
+    /* @__PURE__ */ u("div", { className: `${M.treeNode} ${s.disabled ? M.disabled : ""}`, style: { paddingLeft: `${t * 1.5}rem` }, onClick: c, children: [
+      a && /* @__PURE__ */ e("span", { className: `${M.expandIcon} ${_ ? M.expanded : ""}`, children: "▶" }),
+      !a && /* @__PURE__ */ e("span", { className: M.spacer }),
+      s.icon && /* @__PURE__ */ e("span", { className: M.icon, children: s.icon }),
+      /* @__PURE__ */ e("span", { className: M.label, children: s.label })
+    ] }),
+    a && _ && /* @__PURE__ */ e("div", { className: M.children, children: s.children.map((i) => /* @__PURE__ */ e(Ce, { node: i, level: t + 1, expandedIds: o, onToggle: l, onNodeClick: n }, i.id)) })
+  ] });
+}
+function Ed({ data: s, defaultExpandedIds: t = [], onNodeClick: o, className: l = "" }) {
+  const [n, a] = k(new Set(t)), _ = (c) => {
+    a((i) => {
+      const d = new Set(i);
+      return d.has(c) ? d.delete(c) : d.add(c), d;
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: `${M.treeView} ${l}`, children: s.map((c) => /* @__PURE__ */ e(Ce, { node: c, level: 0, expandedIds: n, onToggle: _, onNodeClick: o }, c.id)) });
+}
+const W_ = "styles-module__nav__sMQSv", L_ = "styles-module__vertical__6EFeu", S_ = "styles-module__collapsed__eIVC7", R_ = "styles-module__horizontal__5UU20", z_ = "styles-module__navItemWrapper__Sc9wi", T_ = "styles-module__navItem__7O2YX", D_ = "styles-module__disabled__hvWkN", E_ = "styles-module__nested__oejUs", B_ = "styles-module__icon__SLdZe", V_ = "styles-module__label__pji80", M_ = "styles-module__badge__03qDH", j_ = "styles-module__expandIcon__bGlQG", O_ = "styles-module__dropdownIcon__uf35v", F_ = "styles-module__expanded__2R6-v", K_ = "styles-module__children__sfAGb", P_ = "styles-module__slideDown__xKrR1", A_ = "styles-module__dropdown__LuTLW", G_ = "styles-module__megaMenu__02Wp7", Z_ = "styles-module__megaMenuWrapper__yLvBH", J_ = "styles-module__megaMenuGrid__4FrxU", X_ = "styles-module__megaMenuColumn__DI0z2", g = {
+  nav: W_,
+  vertical: L_,
+  collapsed: S_,
+  horizontal: R_,
+  navItemWrapper: z_,
+  navItem: T_,
+  disabled: D_,
+  nested: E_,
+  icon: B_,
+  label: V_,
+  badge: M_,
+  expandIcon: j_,
+  dropdownIcon: O_,
+  expanded: F_,
+  children: K_,
+  slideDown: P_,
+  dropdown: A_,
+  megaMenu: G_,
+  megaMenuWrapper: Z_,
+  megaMenuGrid: J_,
+  megaMenuColumn: X_
+};
+function he({ item: s, level: t, expandedIds: o, onToggle: l, onItemClick: n, orientation: a, collapsed: _ }) {
+  const c = s.children && s.children.length > 0, i = o.has(s.id), d = s.megaMenu && c, r = (h) => {
+    s.disabled || (c && a === "vertical" && (h.preventDefault(), l(s.id)), s.onClick && s.onClick(), n?.(s));
+  }, m = () => /* @__PURE__ */ u(Ne, { children: [
+    s.icon && /* @__PURE__ */ e("span", { className: g.icon, children: s.icon }),
+    !_ && /* @__PURE__ */ e("span", { className: g.label, children: s.label }),
+    !_ && s.badge && /* @__PURE__ */ e("span", { className: g.badge, children: s.badge }),
+    !_ && c && a === "vertical" && /* @__PURE__ */ e("span", { className: `${g.expandIcon} ${i ? g.expanded : ""}`, children: "▶" }),
+    !_ && c && a === "horizontal" && /* @__PURE__ */ e("span", { className: g.dropdownIcon, children: "▼" })
+  ] }), y = s.href ? /* @__PURE__ */ e("a", { href: s.href, className: `${g.navItem} ${s.disabled ? g.disabled : ""} ${t > 0 ? g.nested : ""}`, onClick: r, children: m() }) : /* @__PURE__ */ e("button", { type: "button", className: `${g.navItem} ${s.disabled ? g.disabled : ""} ${t > 0 ? g.nested : ""}`, onClick: r, children: m() });
+  return /* @__PURE__ */ u("div", { className: `${g.navItemWrapper} ${d ? g.megaMenuWrapper : ""}`, children: [
+    y,
+    c && /* @__PURE__ */ u(Ne, { children: [
+      a === "vertical" && i && /* @__PURE__ */ e("div", { className: g.children, children: s.children.map((h) => /* @__PURE__ */ e(
+        he,
+        {
+          item: h,
+          level: t + 1,
+          expandedIds: o,
+          onToggle: l,
+          onItemClick: n,
+          orientation: a,
+          collapsed: _
+        },
+        h.id
+      )) }),
+      a === "horizontal" && /* @__PURE__ */ e("div", { className: `${g.dropdown} ${d ? g.megaMenu : ""}`, children: d ? /* @__PURE__ */ e("div", { className: g.megaMenuGrid, children: s.children.map((h) => /* @__PURE__ */ e("div", { className: g.megaMenuColumn, children: /* @__PURE__ */ e(
+        he,
+        {
+          item: h,
+          level: t + 1,
+          expandedIds: o,
+          onToggle: l,
+          onItemClick: n,
+          orientation: a,
+          collapsed: _
+        }
+      ) }, h.id)) }) : s.children.map((h) => /* @__PURE__ */ e(
+        he,
+        {
+          item: h,
+          level: t + 1,
+          expandedIds: o,
+          onToggle: l,
+          onItemClick: n,
+          orientation: a,
+          collapsed: _
+        },
+        h.id
+      )) })
+    ] })
+  ] });
+}
+function Bd({ items: s, orientation: t = "vertical", defaultExpandedIds: o = [], onItemClick: l, className: n = "", collapsed: a = !1 }) {
+  const [_, c] = k(new Set(o)), i = (d) => {
+    c((r) => {
+      const m = new Set(r);
+      return m.has(d) ? m.delete(d) : m.add(d), m;
+    });
+  };
+  return /* @__PURE__ */ e("nav", { className: `${g.nav} ${g[t]} ${a ? g.collapsed : ""} ${n}`, children: s.map((d) => /* @__PURE__ */ e(
+    he,
+    {
+      item: d,
+      level: 0,
+      expandedIds: _,
+      onToggle: i,
+      onItemClick: l,
+      orientation: t,
+      collapsed: a
+    },
+    d.id
+  )) });
+}
+export {
+  Q_ as Accordion,
+  Y_ as Alert,
+  ed as Avatar,
+  sd as Badge,
+  td as Breadcrumbs,
+  ld as Button,
+  nd as ButtonGroup,
+  od as Card,
+  ad as Checkbox,
+  cd as Combobox,
+  _d as Datagrid,
+  dd as DatePicker,
+  id as DateRangePicker,
+  rd as Divider,
+  ud as Dropdown,
+  md as FilePicker,
+  pd as Header,
+  Al as Input,
+  yd as Label,
+  hd as List,
+  $d as Modal,
+  fd as Pagination,
+  bd as ProgressBar,
+  gd as RadioButton,
+  vd as RangeInput,
+  Nd as RichSelect,
+  kd as SidePanel,
+  wd as Signpost,
+  Cd as Spinner,
+  xd as StackView,
+  Id as Stepper,
+  Wd as Table,
+  Ld as Tabs,
+  $c as Textarea,
+  Sd as Timeline,
+  Td as ToastProvider,
+  Rd as ToggleSwitch,
+  zd as Tooltip,
+  Ed as TreeView,
+  Bd as VerticalNav,
+  Dd as useToast
+};
+//# sourceMappingURL=index.mjs.map