@maks1mio/pulsesync-uikit 1.0.0

package/dist/pulsesync-ui.js

@@ -0,0 +1,2740 @@
+import { jsx as t, jsxs as m, Fragment as Ue } from "react/jsx-runtime";
+import { useContext as Ee, createContext as Oe, useState as x, useRef as M, useCallback as S, useEffect as O, useId as Ke, Children as rt, isValidElement as it, cloneElement as at, useMemo as Je, useLayoutEffect as He, forwardRef as ct } from "react";
+import { AnimatePresence as Xe, motion as Te } from "framer-motion";
+import { createPortal as Re } from "react-dom";
+import './index.css';const Qe = Oe({});
+function ec({
+  children: e,
+  LinkComponent: s,
+  usePathname: n
+}) {
+  return /* @__PURE__ */ t(Qe.Provider, { value: { LinkComponent: s, usePathname: n }, children: e });
+}
+function Ye() {
+  return Ee(Qe);
+}
+const lt = "_button_89h6d_2", dt = "_disabled_89h6d_20", ut = "_primary_89h6d_25", _t = "_secondary_89h6d_36", pt = "_ghost_89h6d_46", mt = "_outline_89h6d_56", ht = "_control_89h6d_66", ft = "_sm_89h6d_84", vt = "_icon_89h6d_96", gt = "_md_89h6d_101", bt = "_lg_89h6d_118", wt = "_fullWidth_89h6d_136", yt = "_loading_89h6d_140", kt = "_label_89h6d_163", xt = "_spinner_89h6d_168", Nt = "_ps-spin_89h6d_1", fe = {
+  button: lt,
+  disabled: dt,
+  primary: ut,
+  secondary: _t,
+  ghost: pt,
+  outline: mt,
+  control: ht,
+  sm: ft,
+  icon: vt,
+  md: gt,
+  lg: bt,
+  fullWidth: wt,
+  loading: yt,
+  label: kt,
+  spinner: xt,
+  psSpin: Nt
+};
+function et(e) {
+  var s, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var i = e.length;
+    for (s = 0; s < i; s++) e[s] && (n = et(e[s])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function w() {
+  for (var e, s, n = 0, o = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (s = et(e)) && (o && (o += " "), o += s);
+  return o;
+}
+function Ze(e) {
+  const { LinkComponent: s } = Ye(), {
+    variant: n = "primary",
+    size: o = "md",
+    icon: i,
+    iconPosition: c = "left",
+    fullWidth: r = !1,
+    loading: d = !1,
+    disabled: a,
+    className: u,
+    children: f,
+    ...p
+  } = e, v = w(
+    fe.button,
+    fe[n],
+    fe[o],
+    r && fe.fullWidth,
+    d && fe.loading,
+    a && fe.disabled,
+    u
+  ), l = d ? /* @__PURE__ */ t("span", { className: fe.spinner }) : /* @__PURE__ */ m(Ue, { children: [
+    i && c === "left" && /* @__PURE__ */ t("span", { className: fe.icon, children: i }),
+    f && /* @__PURE__ */ t("span", { className: fe.label, children: f }),
+    i && c === "right" && /* @__PURE__ */ t("span", { className: fe.icon, children: i })
+  ] });
+  if ("href" in e && e.href) {
+    const { href: y, target: k, rel: C, ...L } = p;
+    return y.startsWith("http") || y.startsWith("//") ? /* @__PURE__ */ t(
+      "a",
+      {
+        href: y,
+        target: k || "_blank",
+        rel: C || "noopener noreferrer",
+        className: v,
+        "aria-disabled": a,
+        ...L,
+        children: l
+      }
+    ) : s ? /* @__PURE__ */ t(s, { href: y, className: v, "aria-disabled": a, ...L, children: l }) : /* @__PURE__ */ t("a", { href: y, className: v, "aria-disabled": a, ...L, children: l });
+  }
+  return /* @__PURE__ */ t("button", { className: v, disabled: a || d, ...p, children: l });
+}
+const Ct = "_wrapper_6xesh_2", Lt = "_tooltip_6xesh_7", $t = "_visible_6xesh_28", Rt = "_arrow_6xesh_34", Bt = "_top_6xesh_44", It = "_bottom_6xesh_60", Et = "_left_6xesh_76", jt = "_right_6xesh_92", Dt = "_followCursor_6xesh_109", St = "_cursorTop_6xesh_120", Tt = "_cursorBottom_6xesh_128", Mt = "_cursorLeft_6xesh_136", zt = "_cursorRight_6xesh_144", xe = {
+  wrapper: Ct,
+  tooltip: Lt,
+  visible: $t,
+  arrow: Rt,
+  top: Bt,
+  bottom: It,
+  left: Et,
+  right: jt,
+  followCursor: Dt,
+  cursorTop: St,
+  cursorBottom: Tt,
+  cursorLeft: Mt,
+  cursorRight: zt
+};
+function Le({
+  content: e,
+  children: s,
+  position: n = "top",
+  delay: o = 0,
+  className: i,
+  tooltipClassName: c,
+  disabled: r = !1,
+  followCursor: d = !1,
+  cursorOffset: a = 16
+}) {
+  const [u, f] = x(!1), [p, v] = x({ x: 0, y: 0 }), [l, _] = x("bottom"), [y, k] = x({ x: 50, y: 50 }), C = M(null), L = M(null), $ = M(null), N = S(
+    (h, I) => {
+      if (!$.current) return;
+      const E = $.current.getBoundingClientRect(), P = 12, H = window.innerWidth, K = window.innerHeight;
+      let b = h, W = I, X = "bottom", re = 50, j = 50;
+      const g = I, R = K - I, Z = h, V = H - h;
+      n === "top" || n === "bottom" ? (R >= E.height + a + P ? (X = "bottom", W = I + a) : g >= E.height + a + P ? (X = "top", W = I - a - E.height) : (X = R > g ? "bottom" : "top", W = X === "bottom" ? I + a : I - a - E.height), b = h - E.width / 2, b < P && (b = P), b + E.width > H - P && (b = H - P - E.width), re = (h - b) / E.width * 100, re = Math.max(10, Math.min(90, re))) : (V >= E.width + a + P ? (X = "right", b = h + a) : Z >= E.width + a + P ? (X = "left", b = h - a - E.width) : (X = V > Z ? "right" : "left", b = X === "right" ? h + a : h - a - E.width), W = I - E.height / 2, W < P && (W = P), W + E.height > K - P && (W = K - P - E.height), j = (I - W) / E.height * 100, j = Math.max(10, Math.min(90, j))), b = Math.max(P, Math.min(b, H - E.width - P)), W = Math.max(P, Math.min(W, K - E.height - P)), v({ x: b, y: W }), _(X), k({ x: re, y: j });
+    },
+    [n, a]
+  ), F = S(
+    (h) => {
+      d && u && requestAnimationFrame(() => N(h.clientX, h.clientY));
+    },
+    [d, u, N]
+  ), q = (h) => {
+    if (r) return;
+    const I = () => {
+      f(!0), d && h && requestAnimationFrame(() => N(h.clientX, h.clientY));
+    };
+    o > 0 ? C.current = setTimeout(I, o) : I();
+  }, A = () => {
+    C.current && (clearTimeout(C.current), C.current = null), f(!1);
+  };
+  O(() => {
+    if (d && u)
+      return window.addEventListener("mousemove", F), () => window.removeEventListener("mousemove", F);
+  }, [d, u, F]), O(() => () => {
+    C.current && clearTimeout(C.current);
+  }, []);
+  const U = d ? {
+    position: "fixed",
+    left: `${p.x}px`,
+    top: `${p.y}px`,
+    transform: "none",
+    "--arrow-x": `${y.x}%`,
+    "--arrow-y": `${y.y}%`
+  } : {};
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: L,
+      className: w(xe.wrapper, i),
+      onMouseEnter: (h) => q(h),
+      onMouseLeave: A,
+      onFocus: () => q(),
+      onBlur: A,
+      children: [
+        s,
+        /* @__PURE__ */ m(
+          "div",
+          {
+            ref: $,
+            className: w(
+              xe.tooltip,
+              !d && xe[n],
+              d && xe.followCursor,
+              d && xe[`cursor${l.charAt(0).toUpperCase() + l.slice(1)}`],
+              u && xe.visible,
+              c
+            ),
+            style: U,
+            role: "tooltip",
+            children: [
+              e,
+              /* @__PURE__ */ t("span", { className: xe.arrow })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const Pt = "_overlay_1qjmo_1", At = "_modal_1qjmo_12", Wt = "_title_1qjmo_21", Ft = "_text_1qjmo_28", qt = "_actions_1qjmo_35", Ut = "_dangerButton_1qjmo_42", $e = {
+  overlay: Pt,
+  modal: At,
+  title: Wt,
+  text: Ft,
+  actions: qt,
+  dangerButton: Ut
+};
+function Ot({
+  isOpen: e,
+  title: s,
+  message: n,
+  confirmText: o = "OK",
+  cancelText: i = "Cancel",
+  tone: c = "default",
+  hideCancel: r = !1,
+  onConfirm: d,
+  onCancel: a
+}) {
+  return O(() => {
+    if (!e) return;
+    const u = (f) => {
+      f.key === "Escape" && a();
+    };
+    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
+  }, [e, a]), /* @__PURE__ */ t(Xe, { children: e && /* @__PURE__ */ t(
+    Te.div,
+    {
+      className: $e.overlay,
+      onClick: a,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.18 },
+      children: /* @__PURE__ */ m(
+        Te.div,
+        {
+          className: $e.modal,
+          onClick: (u) => u.stopPropagation(),
+          initial: { opacity: 0, y: 12, scale: 0.98 },
+          animate: { opacity: 1, y: 0, scale: 1 },
+          exit: { opacity: 0, y: 12, scale: 0.98 },
+          transition: { duration: 0.2, ease: "easeOut" },
+          role: "dialog",
+          "aria-modal": "true",
+          children: [
+            s && /* @__PURE__ */ t("h3", { className: $e.title, children: s }),
+            /* @__PURE__ */ t("p", { className: $e.text, children: n }),
+            /* @__PURE__ */ m("div", { className: $e.actions, children: [
+              /* @__PURE__ */ t(
+                Ze,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  className: c === "danger" ? $e.dangerButton : void 0,
+                  onClick: d,
+                  type: "button",
+                  children: o
+                }
+              ),
+              !r && /* @__PURE__ */ t(Ze, { variant: "secondary", size: "sm", onClick: a, type: "button", children: i })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+function tc() {
+  const [e, s] = x(null), n = S((r) => {
+    s((d) => (d && d.resolve(r), null));
+  }, []), o = S((r) => new Promise((d) => {
+    s((a) => (a && a.resolve(!1), {
+      resolve: d,
+      title: r.title,
+      message: r.message,
+      confirmText: r.confirmText ?? "OK",
+      cancelText: r.cancelText ?? "Cancel",
+      tone: r.tone ?? "default",
+      hideCancel: r.hideCancel ?? !1
+    }));
+  }), []), i = S(
+    (r) => o({ ...r, hideCancel: !0 }).then(() => {
+    }),
+    [o]
+  ), c = /* @__PURE__ */ t(
+    Ot,
+    {
+      isOpen: !!e,
+      title: e == null ? void 0 : e.title,
+      message: (e == null ? void 0 : e.message) ?? "",
+      confirmText: e == null ? void 0 : e.confirmText,
+      cancelText: e == null ? void 0 : e.cancelText,
+      tone: e == null ? void 0 : e.tone,
+      hideCancel: e == null ? void 0 : e.hideCancel,
+      onCancel: () => n(!1),
+      onConfirm: () => n(!0)
+    }
+  );
+  return { alert: i, confirm: o, modal: c };
+}
+const Ht = "_overlay_13ign_1", Kt = "_modal_13ign_12", Zt = "_title_13ign_21", Vt = "_text_13ign_28", Gt = "_input_13ign_35", Jt = "_actions_13ign_54", Xt = "_cancelButton_13ign_61", Qt = "_confirmButton_13ign_77", Yt = "_dangerButton_13ign_94", be = {
+  overlay: Ht,
+  modal: Kt,
+  title: Zt,
+  text: Vt,
+  input: Gt,
+  actions: Jt,
+  cancelButton: Xt,
+  confirmButton: Qt,
+  dangerButton: Yt
+};
+function en({
+  isOpen: e,
+  title: s,
+  message: n,
+  placeholder: o,
+  defaultValue: i = "",
+  confirmText: c = "OK",
+  cancelText: r = "Cancel",
+  tone: d = "default",
+  onConfirm: a,
+  onCancel: u
+}) {
+  const [f, p] = x(i), v = M(null);
+  O(() => {
+    if (!e) return;
+    p(i);
+    const _ = (y) => {
+      y.key === "Escape" && u();
+    };
+    return window.addEventListener("keydown", _), () => window.removeEventListener("keydown", _);
+  }, [i, e, u]), O(() => {
+    if (!e) return;
+    const _ = window.setTimeout(() => {
+      var y;
+      return (y = v.current) == null ? void 0 : y.focus();
+    }, 0);
+    return () => window.clearTimeout(_);
+  }, [e]);
+  const l = S(() => {
+    a(f);
+  }, [a, f]);
+  return /* @__PURE__ */ t(Xe, { children: e && /* @__PURE__ */ t(
+    Te.div,
+    {
+      className: be.overlay,
+      onClick: u,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.18 },
+      children: /* @__PURE__ */ m(
+        Te.div,
+        {
+          className: be.modal,
+          onClick: (_) => _.stopPropagation(),
+          initial: { opacity: 0, y: 12, scale: 0.98 },
+          animate: { opacity: 1, y: 0, scale: 1 },
+          exit: { opacity: 0, y: 12, scale: 0.98 },
+          transition: { duration: 0.2, ease: "easeOut" },
+          role: "dialog",
+          "aria-modal": "true",
+          children: [
+            s && /* @__PURE__ */ t("h3", { className: be.title, children: s }),
+            n && /* @__PURE__ */ t("p", { className: be.text, children: n }),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: v,
+                className: be.input,
+                value: f,
+                placeholder: o,
+                onChange: (_) => p(_.target.value),
+                onKeyDown: (_) => {
+                  _.key === "Enter" && (_.preventDefault(), l());
+                }
+              }
+            ),
+            /* @__PURE__ */ m("div", { className: be.actions, children: [
+              /* @__PURE__ */ t("button", { className: be.cancelButton, onClick: u, type: "button", children: r }),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: `${be.confirmButton} ${d === "danger" ? be.dangerButton : ""}`,
+                  onClick: l,
+                  type: "button",
+                  children: c
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+function nc() {
+  const [e, s] = x(null), n = S((c) => {
+    s((r) => (r && r.resolve(c), null));
+  }, []), o = S((c) => new Promise((r) => {
+    s((d) => (d && d.resolve(null), {
+      resolve: r,
+      title: c.title,
+      message: c.message,
+      placeholder: c.placeholder,
+      defaultValue: c.defaultValue ?? "",
+      confirmText: c.confirmText ?? "OK",
+      cancelText: c.cancelText ?? "Cancel",
+      tone: c.tone ?? "default"
+    }));
+  }), []), i = /* @__PURE__ */ t(
+    en,
+    {
+      isOpen: !!e,
+      title: e == null ? void 0 : e.title,
+      message: e == null ? void 0 : e.message,
+      placeholder: e == null ? void 0 : e.placeholder,
+      defaultValue: e == null ? void 0 : e.defaultValue,
+      confirmText: e == null ? void 0 : e.confirmText,
+      cancelText: e == null ? void 0 : e.cancelText,
+      tone: e == null ? void 0 : e.tone,
+      onCancel: () => n(null),
+      onConfirm: (c) => n(c)
+    }
+  );
+  return { prompt: o, modal: i };
+}
+const tn = "_wrapper_1785o_1", nn = "_resetBtn_1785o_8", on = "_trigger_1785o_24", sn = "_label_1785o_39", rn = "_chevron_1785o_47", an = "_open_1785o_67", cn = "_menu_1785o_71", ln = "_menuClosing_1785o_85", dn = "_option_1785o_109", un = "_optionGroup_1785o_136", ve = {
+  wrapper: tn,
+  resetBtn: nn,
+  trigger: on,
+  label: sn,
+  chevron: rn,
+  open: an,
+  menu: cn,
+  menuClosing: ln,
+  option: dn,
+  optionGroup: un
+};
+function oc({
+  options: e,
+  value: s = null,
+  onChange: n,
+  defaultValue: o,
+  resetText: i = "Reset",
+  placeholder: c,
+  disabled: r = !1,
+  className: d,
+  menuClassName: a,
+  optionClassName: u,
+  wrapperClassName: f,
+  showChevron: p = !0,
+  ariaLabel: v,
+  onTriggerMouseDown: l
+}) {
+  const [_, y] = x(!1), [k, C] = x(!1), [L, $] = x(!1), [N, F] = x({}), q = M(null), A = M(null), U = M(null), h = Ke(), I = Ke();
+  O(() => {
+    C(!0);
+  }, []);
+  const E = s == null ? null : String(s), P = E !== null ? e.find((T) => String(T.value) === E) : void 0, H = (P == null ? void 0 : P.label) ?? c ?? "", K = S(() => {
+    var te;
+    const T = (te = A.current) == null ? void 0 : te.getBoundingClientRect();
+    T && F({
+      top: T.bottom + 6,
+      left: T.left,
+      minWidth: T.width
+    });
+  }, []), b = S(() => {
+    _ && $(!0);
+  }, [_]), W = S(() => {
+    L && ($(!1), y(!1));
+  }, [L]);
+  O(() => {
+    if (!_) return;
+    K();
+    const T = (B) => {
+      var G, Q;
+      const z = B.target;
+      (G = q.current) != null && G.contains(z) || (Q = U.current) != null && Q.contains(z) || b();
+    }, te = (B) => {
+      var z;
+      B.key === "Escape" && (B.preventDefault(), b(), (z = A.current) == null || z.focus());
+    }, we = () => K(), ce = () => K();
+    return document.addEventListener("mousedown", T), document.addEventListener("keydown", te), window.addEventListener("resize", ce), window.addEventListener("scroll", we, !0), () => {
+      document.removeEventListener("mousedown", T), document.removeEventListener("keydown", te), window.removeEventListener("resize", ce), window.removeEventListener("scroll", we, !0);
+    };
+  }, [b, _, K]), O(() => {
+    r && _ && b();
+  }, [b, r, _]), O(() => {
+    var ce, B;
+    if (!_) return;
+    const te = Array.from(
+      ((ce = U.current) == null ? void 0 : ce.querySelectorAll("[data-option-picker-option]")) ?? []
+    ).filter((z) => !z.disabled);
+    (B = te.find((z) => z.dataset.value === E) ?? te[0]) == null || B.focus();
+  }, [_, E, e]);
+  const X = () => {
+    r || (_ ? b() : y(!0));
+  }, re = (T) => {
+    r || (T.key === "ArrowDown" || T.key === "Enter" || T.key === " ") && (T.preventDefault(), y(!0));
+  }, j = (T) => {
+    var te;
+    T.disabled || T.kind === "group" || (n == null || n(String(T.value)), b(), (te = A.current) == null || te.focus());
+  }, g = o !== void 0 && String(s) !== String(o), R = (T) => {
+    T.stopPropagation(), o !== void 0 && (n == null || n(String(o)));
+  }, Z = [ve.trigger, d].filter(Boolean).join(" "), V = [ve.wrapper, _ ? ve.open : "", f].filter(Boolean).join(" "), _e = [ve.menu, L ? ve.menuClosing : "", a].filter(Boolean).join(" "), me = _ || L ? /* @__PURE__ */ t(
+    "div",
+    {
+      ref: U,
+      className: _e,
+      style: N,
+      role: "listbox",
+      id: h,
+      "aria-labelledby": I,
+      "data-option-picker": !0,
+      onAnimationEnd: W,
+      children: e.map((T) => {
+        const te = E !== null && String(T.value) === E, we = T.disabled || T.kind === "group", ce = [
+          ve.option,
+          T.kind === "group" ? ve.optionGroup : "",
+          u
+        ].filter(Boolean).join(" ");
+        return /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: ce,
+            onClick: () => j(T),
+            disabled: we,
+            "aria-selected": te,
+            "aria-disabled": we,
+            "data-value": String(T.value),
+            "data-option-picker-option": !0,
+            children: T.label
+          },
+          `${T.value}`
+        );
+      })
+    }
+  ) : null;
+  return /* @__PURE__ */ m("div", { ref: q, className: V, "data-option-picker": !0, children: [
+    /* @__PURE__ */ m(
+      "button",
+      {
+        ref: A,
+        type: "button",
+        className: Z,
+        onClick: X,
+        onKeyDown: re,
+        onMouseDown: l,
+        disabled: r,
+        "aria-haspopup": "listbox",
+        "aria-expanded": _,
+        "aria-controls": h,
+        "aria-label": v,
+        id: I,
+        "data-option-picker": !0,
+        children: [
+          /* @__PURE__ */ t("span", { className: ve.label, children: H }),
+          p && /* @__PURE__ */ t("span", { className: ve.chevron, "aria-hidden": "true", children: /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { d: "M6 9l6 6 6-6" }) }) })
+        ]
+      }
+    ),
+    g && /* @__PURE__ */ t("button", { type: "button", className: ve.resetBtn, onClick: R, children: i }),
+    k && me ? Re(me, document.body) : null
+  ] });
+}
+const _n = "_navLink_d355b_1", pn = "_active_d355b_28", mn = "_icon_d355b_35", hn = "_label_d355b_42", je = {
+  navLink: _n,
+  active: pn,
+  icon: mn,
+  label: hn
+};
+function sc({
+  href: e,
+  children: s,
+  exact: n = !1,
+  icon: o,
+  active: i,
+  className: c,
+  ...r
+}) {
+  const { LinkComponent: d, usePathname: a } = Ye();
+  let u = i;
+  if (u === void 0 && a)
+    try {
+      const v = a();
+      u = n ? v === e : v === e || v.startsWith(e + "/");
+    } catch {
+      u = !1;
+    }
+  const f = w(je.navLink, u && je.active, c), p = /* @__PURE__ */ m(Ue, { children: [
+    o && /* @__PURE__ */ t("span", { className: je.icon, children: o }),
+    /* @__PURE__ */ t("span", { className: je.label, children: s })
+  ] });
+  return d ? /* @__PURE__ */ t(d, { href: e, className: f, ...r, children: p }) : /* @__PURE__ */ t("a", { href: e, className: f, ...r, children: p });
+}
+const fn = "_avatar_1rkbu_2", vn = "_rounded_1rkbu_13", gn = "_circle_1rkbu_17", bn = "_square_1rkbu_21", wn = "_xs_1rkbu_26", yn = "_sm_1rkbu_35", kn = "_md_1rkbu_44", xn = "_lg_1rkbu_53", Nn = "_xl_1rkbu_62", Cn = "_imageWrap_1rkbu_72", Ln = "_image_1rkbu_72", $n = "_fallback_1rkbu_87", Rn = "_status_1rkbu_104", Bn = "_statusOnline_1rkbu_154", In = "_statusOffline_1rkbu_159", En = "_statusBusy_1rkbu_163", jn = "_statusAway_1rkbu_168", Dn = "_group_1rkbu_174", Sn = "_overflowTrigger_1rkbu_205", Tn = "_overflowPopover_1rkbu_211", Mn = "_overflowItem_1rkbu_238", zn = "_overflowItemName_1rkbu_250", se = {
+  avatar: fn,
+  rounded: vn,
+  circle: gn,
+  square: bn,
+  xs: wn,
+  sm: yn,
+  md: kn,
+  lg: xn,
+  xl: Nn,
+  imageWrap: Cn,
+  image: Ln,
+  fallback: $n,
+  status: Rn,
+  statusOnline: Bn,
+  statusOffline: In,
+  statusBusy: En,
+  statusAway: jn,
+  group: Dn,
+  overflowTrigger: Sn,
+  overflowPopover: Tn,
+  overflowItem: Mn,
+  overflowItemName: zn
+};
+function Pn(e) {
+  return e ? e.split(/\s+/).slice(0, 2).map((s) => s[0]).join("").toUpperCase() : "?";
+}
+const An = {
+  online: se.statusOnline,
+  offline: se.statusOffline,
+  busy: se.statusBusy,
+  away: se.statusAway
+};
+function qe({
+  src: e,
+  alt: s,
+  size: n = "md",
+  shape: o = "rounded",
+  status: i,
+  fallback: c,
+  className: r,
+  onClick: d,
+  ...a
+}) {
+  const [u, f] = x(!1), p = e && !u;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: w(se.avatar, se[n], se[o], r),
+      onClick: d,
+      role: d ? "button" : void 0,
+      tabIndex: d ? 0 : void 0,
+      style: d ? { cursor: "pointer" } : void 0,
+      children: [
+        p ? /* @__PURE__ */ t("div", { className: se.imageWrap, children: /* @__PURE__ */ t(
+          "img",
+          {
+            src: e,
+            alt: s || "",
+            className: se.image,
+            onError: () => f(!0),
+            draggable: !1,
+            ...a
+          }
+        ) }) : /* @__PURE__ */ t("span", { className: se.fallback, children: c || Pn(s) }),
+        i && /* @__PURE__ */ t("span", { className: w(se.status, An[i]), "aria-label": i })
+      ]
+    }
+  );
+}
+function Wn(e) {
+  const s = e.props;
+  return {
+    src: s.src,
+    alt: s.alt || "?",
+    size: s.size,
+    shape: s.shape
+  };
+}
+function rc({ children: e, className: s, max: n }) {
+  const o = rt.toArray(e).filter(it), i = n ? o.slice(0, n) : o, c = n && o.length > n ? o.slice(n) : [];
+  return /* @__PURE__ */ m("div", { className: w(se.group, s), children: [
+    i,
+    c.length > 0 && /* @__PURE__ */ m("div", { className: se.overflowTrigger, children: [
+      /* @__PURE__ */ t(qe, { fallback: `+${c.length}`, size: "md", shape: "circle" }),
+      /* @__PURE__ */ t("div", { className: se.overflowPopover, children: c.map((r, d) => {
+        const a = Wn(r);
+        return /* @__PURE__ */ m("div", { className: se.overflowItem, children: [
+          at(r, {
+            size: "xs",
+            shape: a.shape || "circle",
+            status: void 0
+          }),
+          /* @__PURE__ */ t("span", { className: se.overflowItemName, children: a.alt })
+        ] }, d);
+      }) })
+    ] })
+  ] });
+}
+const Fn = "_container_itjlj_3", qn = "_toast_itjlj_17", Un = "_toastVisible_itjlj_32", On = "_toastExiting_itjlj_37", Hn = "_iconContainer_itjlj_44", Kn = "_textContainer_itjlj_59", Zn = "_title_itjlj_69", Vn = "_message_itjlj_75", Gn = "_dismissButton_itjlj_83", Jn = "_progressBar_itjlj_106", ge = {
+  container: Fn,
+  toast: qn,
+  toastVisible: Un,
+  toastExiting: On,
+  iconContainer: Hn,
+  textContainer: Kn,
+  title: Zn,
+  message: Vn,
+  dismissButton: Gn,
+  progressBar: Jn
+}, tt = {
+  success: "#87FF77",
+  error: "#FF7777",
+  warning: "#FFEF77",
+  info: "#77FFC9"
+}, Xn = {
+  success: "Success",
+  error: "Error",
+  warning: "Warning",
+  info: "Info"
+};
+function Qn({ type: e }) {
+  const s = tt[e];
+  switch (e) {
+    case "success":
+      return /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM9.29 16.29L5.7 12.7C5.31 12.31 5.31 11.68 5.7 11.29C6.09 10.9 6.72 10.9 7.11 11.29L10 14.17L16.88 7.29C17.27 6.9 17.9 6.9 18.29 7.29C18.68 7.68 18.68 8.31 18.29 8.7L10.7 16.29C10.32 16.68 9.68 16.68 9.29 16.29Z",
+          fill: s
+        }
+      ) });
+    case "error":
+      return /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 13C11.45 13 11 12.55 11 12V8C11 7.45 11.45 7 12 7C12.55 7 13 7.45 13 8V12C13 12.55 12.55 13 12 13ZM13 17H11V15H13V17Z",
+          fill: s
+        }
+      ) });
+    case "warning":
+      return /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M4.47 21H19.53C21.07 21 22.03 19.33 21.26 18L13.73 4.99C12.96 3.66 11.04 3.66 10.27 4.99L2.74 18C1.97 19.33 2.93 21 4.47 21ZM12 14C11.45 14 11 13.55 11 13V11C11 10.45 11.45 10 12 10C12.55 10 13 10.45 13 11V13C13 13.55 12.55 14 12 14ZM13 18H11V16H13V18Z",
+          fill: s
+        }
+      ) });
+    case "info":
+      return /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM13 9H11V7H13V9Z",
+          fill: s
+        }
+      ) });
+  }
+}
+function Yn() {
+  return /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ t("path", { d: "M18 6L6 18M6 6l12 12" }) });
+}
+function eo({
+  toast: e,
+  onDismiss: s
+}) {
+  const n = e.duration ?? 5e3, [o, i] = x(100), c = M(Date.now());
+  O(() => {
+    if (n === 1 / 0) return;
+    c.current = Date.now();
+    const d = setInterval(() => {
+      const a = Date.now() - c.current, u = Math.max(0, 100 - a / n * 100);
+      i(u), u <= 0 && clearInterval(d);
+    }, 50);
+    return () => clearInterval(d);
+  }, [n]);
+  const r = [
+    ge.toast,
+    e.state === "entering" || e.state === "visible" ? ge.toastVisible : "",
+    e.state === "exiting" ? ge.toastExiting : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: r,
+      style: { "--toast-color": tt[e.type] },
+      children: [
+        /* @__PURE__ */ t("div", { className: ge.iconContainer, children: /* @__PURE__ */ t(Qn, { type: e.type }) }),
+        /* @__PURE__ */ m("div", { className: ge.textContainer, children: [
+          /* @__PURE__ */ t("div", { className: ge.title, children: e.title || Xn[e.type] }),
+          /* @__PURE__ */ t("div", { className: ge.message, children: e.message })
+        ] }),
+        /* @__PURE__ */ t("button", { className: ge.dismissButton, onClick: () => s(e.id), children: /* @__PURE__ */ t(Yn, {}) }),
+        n !== 1 / 0 && /* @__PURE__ */ t(
+          "div",
+          {
+            className: ge.progressBar,
+            style: { width: `${o}%`, transitionDuration: "50ms" }
+          }
+        )
+      ]
+    }
+  );
+}
+const nt = Oe(null);
+let to = 0;
+function no() {
+  return `ps-toast-${++to}`;
+}
+function ic({ children: e }) {
+  const [s, n] = x([]), [o, i] = x(!1);
+  O(() => {
+    i(!0);
+  }, []);
+  const c = S((a) => {
+    n(
+      (u) => u.map((f) => f.id === a ? { ...f, state: "exiting" } : f)
+    ), setTimeout(() => {
+      n((u) => u.filter((f) => f.id !== a));
+    }, 500);
+  }, []), r = S(
+    ({ type: a, title: u, message: f, duration: p }) => {
+      const v = no(), l = p ?? 5e3, _ = {
+        id: v,
+        type: a,
+        title: u,
+        message: f,
+        duration: l,
+        state: "entering",
+        createdAt: Date.now()
+      };
+      return n((y) => [...y, _]), requestAnimationFrame(() => {
+        n(
+          (y) => y.map((k) => k.id === v ? { ...k, state: "visible" } : k)
+        );
+      }), l !== 1 / 0 && setTimeout(() => c(v), l), v;
+    },
+    [c]
+  ), d = {
+    add: r,
+    dismiss: c,
+    success: (a, u) => r({ type: "success", message: a, title: u }),
+    error: (a, u) => r({ type: "error", message: a, title: u }),
+    warning: (a, u) => r({ type: "warning", message: a, title: u }),
+    info: (a, u) => r({ type: "info", message: a, title: u })
+  };
+  return /* @__PURE__ */ m(nt.Provider, { value: d, children: [
+    e,
+    o ? Re(
+      /* @__PURE__ */ t("div", { className: ge.container, children: s.map((a) => /* @__PURE__ */ t(eo, { toast: a, onDismiss: c }, a.id)) }),
+      document.body
+    ) : null
+  ] });
+}
+function ac() {
+  const e = Ee(nt);
+  if (!e)
+    throw new Error("useToast must be used within <ToastProvider>");
+  return e;
+}
+const oo = "_pagination_1oqir_1", so = "_pageItem_1oqir_8", ro = "_active_1oqir_25", io = "_nav_1oqir_41", ao = "_ellipsis_1oqir_45", ye = {
+  pagination: oo,
+  pageItem: so,
+  active: ro,
+  nav: io,
+  ellipsis: ao
+};
+function co() {
+  return /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("polyline", { points: "15 18 9 12 15 6" }) });
+}
+function lo() {
+  return /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("polyline", { points: "9 6 15 12 9 18" }) });
+}
+function uo(e, s, n) {
+  if (s <= n)
+    return Array.from({ length: s }, (d, a) => a + 1);
+  const o = [], i = Math.floor((n - 3) / 2);
+  o.push(1);
+  const c = Math.max(2, e - i), r = Math.min(s - 1, e + i);
+  c > 2 && o.push("...");
+  for (let d = c; d <= r; d++)
+    o.push(d);
+  return r < s - 1 && o.push("..."), s > 1 && o.push(s), o;
+}
+function cc({
+  totalItems: e,
+  itemsPerPage: s,
+  currentPage: n,
+  onPageChange: o,
+  maxButtons: i = 7,
+  className: c
+}) {
+  const r = Math.ceil(e / s), d = Je(
+    () => uo(n, r, i),
+    [n, r, i]
+  );
+  return r <= 1 ? null : /* @__PURE__ */ m("nav", { className: w(ye.pagination, c), "aria-label": "Pagination", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        className: w(ye.pageItem, ye.nav),
+        onClick: () => o(n - 1),
+        disabled: n <= 1,
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ t(co, {})
+      }
+    ),
+    d.map((a, u) => a === "..." ? /* @__PURE__ */ t("span", { className: ye.ellipsis, children: "…" }, `ellipsis-${u}`) : /* @__PURE__ */ t(
+      "button",
+      {
+        className: w(ye.pageItem, n === a && ye.active),
+        onClick: () => o(a),
+        "aria-current": n === a ? "page" : void 0,
+        children: a
+      },
+      a
+    )),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        className: w(ye.pageItem, ye.nav),
+        onClick: () => o(n + 1),
+        disabled: n >= r,
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ t(lo, {})
+      }
+    )
+  ] });
+}
+const _o = "_container_1np4j_1", po = "_topSection_1np4j_26", mo = "_userAvatar_1np4j_39", ho = "_userInfo_1np4j_47", fo = "_badges_1np4j_57", vo = "_badge_1np4j_57", go = "_badgeIcon_1np4j_73", bo = "_badgeDot_1np4j_82", wo = "_nickname_1np4j_88", yo = "_bottomSection_1np4j_100", ko = "_statusText_1np4j_109", xo = "_statusIcon_1np4j_120", de = {
+  container: _o,
+  topSection: po,
+  userAvatar: mo,
+  userInfo: ho,
+  badges: fo,
+  badge: vo,
+  badgeIcon: go,
+  badgeDot: bo,
+  nickname: wo,
+  bottomSection: yo,
+  statusText: ko,
+  statusIcon: xo
+};
+function No({ user: e, statusText: s, statusColor: n, className: o }) {
+  const i = e.bannerUrl ? `linear-gradient(0deg, #2C303F 0%, rgba(55,60,80,0.3) 100%), url(${e.bannerUrl})` : "linear-gradient(0deg, #2C303F 0%, rgba(55,60,80,0.3) 100%)", r = (e.currentTrack ? e.currentTrack.artists ? `${e.currentTrack.title} — ${e.currentTrack.artists}` : e.currentTrack.title : null) || s || (e.status === "online" ? "Online" : "Offline"), a = { "--ps-user-status-color": n || (e.status === "online" ? "#66E3FF" : "#434B61") };
+  return /* @__PURE__ */ m("div", { className: w(de.container, o), style: a, "aria-hidden": !0, children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: de.topSection,
+        style: { background: i },
+        children: [
+          /* @__PURE__ */ t(
+            "img",
+            {
+              src: e.avatarUrl,
+              alt: e.username,
+              className: de.userAvatar,
+              draggable: !1
+            }
+          ),
+          /* @__PURE__ */ m("div", { className: de.userInfo, children: [
+            e.badges && e.badges.length > 0 && /* @__PURE__ */ t("div", { className: de.badges, children: e.badges.map((u) => /* @__PURE__ */ t("div", { className: de.badge, title: u.name, children: typeof u.icon == "string" ? /* @__PURE__ */ t("img", { src: u.icon, alt: u.name, className: de.badgeIcon, draggable: !1 }) : u.icon ? /* @__PURE__ */ t("span", { className: de.badgeIcon, children: u.icon }) : /* @__PURE__ */ t(
+              "span",
+              {
+                className: de.badgeDot,
+                style: { background: u.color || "var(--ps-text-muted)" }
+              }
+            ) }, u.key)) }),
+            /* @__PURE__ */ t("div", { className: de.nickname, children: e.nickname || e.username })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ m("div", { className: de.bottomSection, children: [
+      /* @__PURE__ */ t("div", { className: de.statusText, children: r }),
+      /* @__PURE__ */ t("div", { className: de.statusIcon, "aria-hidden": !0, children: "●" })
+    ] })
+  ] });
+}
+const Co = "_root_xyr14_1", Lo = "_trigger_xyr14_6", $o = "_dot_xyr14_24", Ro = "_username_xyr14_31", Bo = "_popover_xyr14_36", Io = "_fallbackContent_xyr14_60", Ne = {
+  root: Co,
+  trigger: Lo,
+  dot: $o,
+  username: Ro,
+  popover: Bo,
+  fallbackContent: Io
+};
+function lc({
+  username: e,
+  dotColor: s = "#94a3b8",
+  user: n,
+  onFetchUser: o,
+  statusText: i,
+  statusColor: c,
+  loadingContent: r,
+  notFoundContent: d,
+  className: a
+}) {
+  const [u, f] = x(!1), [p, v] = x(null), [l, _] = x(!1), [y, k] = x(!1), C = M(null), L = M(null), $ = n ?? p, N = S(() => {
+    L.current && (clearTimeout(L.current), L.current = null), C.current = window.setTimeout(async () => {
+      if (f(!0), n === void 0 && o && !y) {
+        _(!0);
+        try {
+          const q = await o(e);
+          v(q);
+        } catch {
+          v(null);
+        } finally {
+          _(!1), k(!0);
+        }
+      }
+    }, 150);
+  }, [n, o, y, e]), F = S(() => {
+    C.current && (clearTimeout(C.current), C.current = null), L.current = window.setTimeout(() => f(!1), 200);
+  }, []);
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      className: w(Ne.root, a),
+      onMouseEnter: N,
+      onMouseLeave: F,
+      children: [
+        /* @__PURE__ */ m("span", { className: Ne.trigger, role: "button", tabIndex: 0, children: [
+          /* @__PURE__ */ t("span", { className: Ne.dot, style: { background: s }, "aria-hidden": !0 }),
+          /* @__PURE__ */ t("span", { className: Ne.username, children: e })
+        ] }),
+        u && /* @__PURE__ */ m("div", { className: Ne.popover, children: [
+          l && !$ && /* @__PURE__ */ t("div", { className: Ne.fallbackContent, children: r || "Loading..." }),
+          !l && !$ && y && /* @__PURE__ */ t("div", { className: Ne.fallbackContent, children: d || "User not found" }),
+          $ && /* @__PURE__ */ t(
+            No,
+            {
+              user: $,
+              statusText: i,
+              statusColor: c
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const Eo = "_tabs_1tgyr_1", jo = "_tabList_1tgyr_6", Do = "_tabIndicator_1tgyr_16", So = "_tab_1tgyr_1", To = "_tabActive_1tgyr_46", Mo = "_tabDisabled_1tgyr_50", zo = "_tabPanel_1tgyr_55", Ce = {
+  tabs: Eo,
+  tabList: jo,
+  tabIndicator: Do,
+  tab: So,
+  tabActive: To,
+  tabDisabled: Mo,
+  tabPanel: zo
+}, Me = Oe(null);
+function dc({ value: e, onChange: s, children: n, className: o }) {
+  return /* @__PURE__ */ t(Me.Provider, { value: { value: e, onChange: s }, children: /* @__PURE__ */ t("div", { className: w(Ce.tabs, o), children: n }) });
+}
+function uc({ children: e, className: s }) {
+  const n = Ee(Me), o = M(null), [i, c] = x({ left: 0, width: 0 });
+  return He(() => {
+    const r = o.current, d = n == null ? void 0 : n.value;
+    if (!r || !d) return;
+    const a = r.querySelector(`[data-tab-value="${d}"]`);
+    if (!a) return;
+    const u = r.getBoundingClientRect(), f = a.getBoundingClientRect();
+    c({
+      left: f.left - u.left,
+      width: f.width
+    });
+  }, [n == null ? void 0 : n.value, e]), /* @__PURE__ */ m("div", { ref: o, className: w(Ce.tabList, s), role: "tablist", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: Ce.tabIndicator,
+        style: {
+          transform: `translateX(${i.left}px)`,
+          width: Math.max(i.width, 0),
+          opacity: i.width > 0 ? 1 : 0
+        }
+      }
+    ),
+    e
+  ] });
+}
+function _c({ value: e, children: s, disabled: n, className: o }) {
+  const i = Ee(Me), c = (i == null ? void 0 : i.value) === e, r = S(() => {
+    !n && i && i.onChange(e);
+  }, [i, e, n]);
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      role: "tab",
+      "aria-selected": c,
+      tabIndex: c ? 0 : -1,
+      "data-tab-value": e,
+      className: w(Ce.tab, c && Ce.tabActive, n && Ce.tabDisabled, o),
+      onClick: r,
+      disabled: n,
+      children: s
+    }
+  );
+}
+function pc({ value: e, children: s, className: n }) {
+  const o = Ee(Me);
+  return (o == null ? void 0 : o.value) !== e ? null : /* @__PURE__ */ t("div", { role: "tabpanel", className: w(Ce.tabPanel, n), children: s });
+}
+const Po = "_wrapper_1n2ha_2", Ao = "_labelRow_1n2ha_9", Wo = "_label_1n2ha_9", Fo = "_resetBtn_1n2ha_24", qo = "_input_1n2ha_44", Uo = "_size-sm_1n2ha_68", Oo = "_size-md_1n2ha_73", Ho = "_size-lg_1n2ha_78", Ko = "_hasError_1n2ha_84", Zo = "_inputContainer_1n2ha_92", Vo = "_hasIcons_1n2ha_97", Go = "_iconLeft_1n2ha_119", Jo = "_iconRight_1n2ha_132", Xo = "_hint_1n2ha_146", Qo = "_hintError_1n2ha_151", ie = {
+  wrapper: Po,
+  labelRow: Ao,
+  label: Wo,
+  resetBtn: Fo,
+  input: qo,
+  sizeSm: Uo,
+  sizeMd: Oo,
+  sizeLg: Ho,
+  hasError: Ko,
+  inputContainer: Zo,
+  hasIcons: Vo,
+  iconLeft: Go,
+  iconRight: Jo,
+  hint: Xo,
+  hintError: Qo
+}, Yo = ct(
+  ({ label: e, hint: s, error: n, size: o = "md", leftIcon: i, rightIcon: c, resetValue: r, onResetValue: d, resetText: a = "Reset", wrapperClassName: u, className: f, disabled: p, value: v, defaultValue: l, ..._ }, y) => {
+    const k = !!(i || c), C = v !== void 0 ? String(v) : void 0, L = r !== void 0 && C !== void 0 && C !== r;
+    return /* @__PURE__ */ m("div", { className: w(ie.wrapper, ie[`size-${o}`], n && ie.hasError, u), children: [
+      (e || L) && /* @__PURE__ */ m("div", { className: ie.labelRow, children: [
+        e && /* @__PURE__ */ t("label", { className: ie.label, children: e }),
+        L && /* @__PURE__ */ t("button", { type: "button", className: ie.resetBtn, onClick: ($) => {
+          $.stopPropagation(), d == null || d(r);
+        }, children: a })
+      ] }),
+      k ? /* @__PURE__ */ m("div", { className: w(ie.inputContainer, ie.hasIcons, n && ie.hasError), children: [
+        i && /* @__PURE__ */ t("span", { className: ie.iconLeft, children: i }),
+        /* @__PURE__ */ t("input", { ref: y, className: w(ie.input, f), disabled: p, value: v, defaultValue: l, ..._ }),
+        c && /* @__PURE__ */ t("span", { className: ie.iconRight, children: c })
+      ] }) : /* @__PURE__ */ t("input", { ref: y, className: w(ie.input, f), disabled: p, value: v, defaultValue: l, ..._ }),
+      (n || s) && /* @__PURE__ */ t("span", { className: w(ie.hint, n && ie.hintError), children: n || s })
+    ] });
+  }
+);
+Yo.displayName = "Input";
+const es = "_badge_1vdax_1", ts = "_uppercase_1vdax_11", ns = "_size-sm_1vdax_16", os = "_size-md_1vdax_21", ss = "_variant-success_1vdax_27", rs = "_variant-danger_1vdax_32", is = "_variant-warning_1vdax_37", as = "_variant-info_1vdax_42", cs = "_variant-neutral_1vdax_47", ls = "_icon_1vdax_53", Be = {
+  badge: es,
+  uppercase: ts,
+  sizeSm: ns,
+  sizeMd: os,
+  variantSuccess: ss,
+  variantDanger: rs,
+  variantWarning: is,
+  variantInfo: as,
+  variantNeutral: cs,
+  icon: ls
+};
+function mc({
+  children: e,
+  variant: s = "neutral",
+  size: n = "md",
+  icon: o,
+  uppercase: i = !0,
+  className: c
+}) {
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      className: w(
+        Be.badge,
+        Be[`variant-${s}`],
+        Be[`size-${n}`],
+        i && Be.uppercase,
+        c
+      ),
+      children: [
+        o && /* @__PURE__ */ t("span", { className: Be.icon, children: o }),
+        e
+      ]
+    }
+  );
+}
+const ds = "_skeleton_sk2cr_1", us = "_animated_sk2cr_7", _s = "_group_sk2cr_21", Ie = {
+  skeleton: ds,
+  animated: us,
+  group: _s
+};
+function hc({
+  width: e,
+  height: s,
+  variant: n = "text",
+  borderRadius: o,
+  count: i = 1,
+  gap: c = 8,
+  static: r,
+  className: d
+}) {
+  const a = () => {
+    if (o !== void 0) return typeof o == "number" ? `${o}px` : o;
+    switch (n) {
+      case "circular":
+        return "50%";
+      case "rounded":
+        return "12px";
+      case "rectangular":
+        return "0";
+      case "text":
+      default:
+        return "8px";
+    }
+  }, u = {
+    width: typeof e == "number" ? `${e}px` : e,
+    height: typeof s == "number" ? `${s}px` : s || (n === "text" ? "16px" : void 0),
+    borderRadius: a()
+  };
+  return n === "circular" && e && !s && (u.height = u.width), i > 1 ? /* @__PURE__ */ t("div", { className: Ie.group, style: { gap: c }, children: Array.from({ length: i }, (f, p) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: w(Ie.skeleton, !r && Ie.animated, d),
+      style: {
+        ...u,
+        width: p === i - 1 ? "75%" : u.width
+      }
+    },
+    p
+  )) }) : /* @__PURE__ */ t("div", { className: w(Ie.skeleton, !r && Ie.animated, d), style: u });
+}
+const ps = "_wrapper_jnagf_6", ms = "_disabled_jnagf_13", hs = "_labelRow_jnagf_19", fs = "_label_jnagf_19", vs = "_resetBtn_jnagf_36", gs = "_descDot_jnagf_52", bs = "_bar_jnagf_70", ws = "_barActive_jnagf_91", ys = "_fill_jnagf_96", ks = "_edge_jnagf_114", xs = "_edgeActive_jnagf_130", Ns = "_content_jnagf_136", Cs = "_minLabel_jnagf_148", Ls = "_maxLabel_jnagf_149", $s = "_valueCenter_jnagf_161", Rs = "_valueBtn_jnagf_169", Bs = "_unit_jnagf_186", Is = "_valueInput_jnagf_193", ne = {
+  wrapper: ps,
+  disabled: ms,
+  labelRow: hs,
+  label: fs,
+  resetBtn: vs,
+  descDot: gs,
+  bar: bs,
+  barActive: ws,
+  fill: ys,
+  edge: ks,
+  edgeActive: xs,
+  content: Ns,
+  minLabel: Cs,
+  maxLabel: Ls,
+  valueCenter: $s,
+  valueBtn: Rs,
+  unit: Bs,
+  valueInput: Is
+}, De = (e, s, n) => Math.min(n, Math.max(s, e)), Es = (e, s, n) => Math.round((e - n) / s) * s + n;
+function fc({
+  min: e,
+  max: s,
+  step: n = 1,
+  value: o,
+  onChange: i,
+  defaultValue: c,
+  label: r,
+  description: d,
+  unit: a,
+  showValue: u = !0,
+  editable: f = !0,
+  disabled: p = !1,
+  resetText: v = "Reset",
+  className: l
+}) {
+  const _ = M(null), [y, k] = x(!1), [C, L] = x(!1), [$, N] = x(""), F = Math.max(1e-5, s - e), q = De(o, e, s), A = (q - e) / F * 100, U = c !== void 0 && o !== c, h = S((b) => {
+    i == null || i(De(Es(b, n, e), e, s));
+  }, [i, n, e, s]), I = (b) => {
+    b.stopPropagation(), c !== void 0 && (i == null || i(c));
+  };
+  O(() => {
+    if (!y) return;
+    const b = (X) => {
+      if (!_.current) return;
+      const re = _.current.getBoundingClientRect(), j = De((X.clientX - re.left) / re.width, 0, 1);
+      h(e + j * F);
+    }, W = () => k(!1);
+    return window.addEventListener("mousemove", b), window.addEventListener("mouseup", W), () => {
+      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", W);
+    };
+  }, [y, e, F, h]);
+  const E = (b) => {
+    if (p || C || (b.stopPropagation(), k(!0), !_.current)) return;
+    const W = _.current.getBoundingClientRect(), X = De((b.clientX - W.left) / W.width, 0, 1);
+    h(e + X * F);
+  }, P = (b) => {
+    if (p) return;
+    const W = b.shiftKey ? 10 : 1;
+    (b.key === "ArrowLeft" || b.key === "ArrowDown") && (b.preventDefault(), h(q - n * W)), (b.key === "ArrowRight" || b.key === "ArrowUp") && (b.preventDefault(), h(q + n * W)), b.key === "Home" && (b.preventDefault(), h(e)), b.key === "End" && (b.preventDefault(), h(s));
+  }, H = (b) => {
+    b.stopPropagation(), !(!f || p) && (N(String(q)), L(!0));
+  }, K = (b) => {
+    if (b) {
+      const W = Number($.replace(",", "."));
+      Number.isFinite(W) && h(W);
+    }
+    L(!1);
+  };
+  return /* @__PURE__ */ m("div", { className: w(ne.wrapper, p && ne.disabled, l), children: [
+    (r || U) && /* @__PURE__ */ m("div", { className: ne.labelRow, children: [
+      r && /* @__PURE__ */ m("div", { className: ne.label, children: [
+        r,
+        d && /* @__PURE__ */ t(Le, { content: d, position: "right", children: /* @__PURE__ */ t("span", { className: ne.descDot, children: "?" }) })
+      ] }),
+      U && /* @__PURE__ */ t("button", { type: "button", className: ne.resetBtn, onClick: I, children: v })
+    ] }),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        ref: _,
+        className: w(ne.bar, y && ne.barActive),
+        role: "slider",
+        "aria-valuemin": e,
+        "aria-valuemax": s,
+        "aria-valuenow": q,
+        "aria-label": r,
+        tabIndex: p ? -1 : 0,
+        onKeyDown: P,
+        onMouseDown: E,
+        children: [
+          /* @__PURE__ */ t("div", { className: ne.fill, style: { width: `${A}%` } }),
+          /* @__PURE__ */ t("div", { className: w(ne.edge, y && ne.edgeActive), style: { left: `${A}%` } }),
+          /* @__PURE__ */ m("div", { className: ne.content, children: [
+            /* @__PURE__ */ m("span", { className: ne.minLabel, children: [
+              e,
+              a
+            ] }),
+            /* @__PURE__ */ m("span", { className: ne.maxLabel, children: [
+              s,
+              a
+            ] }),
+            u && /* @__PURE__ */ t("div", { className: ne.valueCenter, children: C ? /* @__PURE__ */ t(
+              "input",
+              {
+                className: ne.valueInput,
+                autoFocus: !0,
+                value: $,
+                onClick: (b) => b.stopPropagation(),
+                onMouseDown: (b) => b.stopPropagation(),
+                onChange: (b) => N(b.target.value),
+                onBlur: () => K(!0),
+                onKeyDown: (b) => {
+                  b.stopPropagation(), b.key === "Enter" && K(!0), b.key === "Escape" && K(!1);
+                }
+              }
+            ) : /* @__PURE__ */ m("button", { type: "button", className: ne.valueBtn, onMouseDown: (b) => b.stopPropagation(), onClick: H, children: [
+              q,
+              /* @__PURE__ */ t("span", { className: ne.unit, children: a })
+            ] }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const js = "_container_1h6u9_3", Ds = "_disabled_1h6u9_21", Ss = "_labelRow_1h6u9_26", Ts = "_label_1h6u9_26", Ms = "_descDot_1h6u9_43", zs = "_resetBtn_1h6u9_58", Ps = "_valueLine_1h6u9_74", As = "_value_1h6u9_74", Ws = "_valueInactive_1h6u9_88", Fs = "_indicator_1h6u9_92", qs = "_indicatorActive_1h6u9_99", Us = "_error_1h6u9_104", Os = "_errorText_1h6u9_108", ue = {
+  container: js,
+  disabled: Ds,
+  labelRow: Ss,
+  label: Ts,
+  descDot: Ms,
+  resetBtn: zs,
+  valueLine: Ps,
+  value: As,
+  valueInactive: Ws,
+  indicator: Fs,
+  indicatorActive: qs,
+  error: Us,
+  errorText: Os
+};
+function Hs() {
+  return /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function Ks() {
+  return /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
+}
+function vc({
+  checked: e,
+  onChange: s,
+  defaultChecked: n,
+  label: o,
+  description: i,
+  enabledText: c = "Включено",
+  disabledText: r = "Выключено",
+  disabled: d,
+  error: a,
+  resetText: u = "Reset",
+  className: f
+}) {
+  const p = S(() => {
+    d || s(!e);
+  }, [e, d, s]), v = n !== void 0 && e !== n, l = S((_) => {
+    _.stopPropagation(), n !== void 0 && s(n);
+  }, [n, s]);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: w(ue.container, d && ue.disabled, a && ue.error, f),
+      onClick: p,
+      role: "switch",
+      "aria-checked": e,
+      tabIndex: 0,
+      onKeyDown: (_) => {
+        (_.key === " " || _.key === "Enter") && (_.preventDefault(), p());
+      },
+      children: [
+        (o || v) && /* @__PURE__ */ m("div", { className: ue.labelRow, children: [
+          o && /* @__PURE__ */ m("div", { className: ue.label, children: [
+            o,
+            i && /* @__PURE__ */ t(Le, { content: i, position: "right", children: /* @__PURE__ */ t("span", { className: ue.descDot, children: "?" }) })
+          ] }),
+          v && /* @__PURE__ */ t("button", { type: "button", className: ue.resetBtn, onClick: l, children: u })
+        ] }),
+        /* @__PURE__ */ m("div", { className: ue.valueLine, children: [
+          /* @__PURE__ */ t("span", { className: w(ue.value, !e && ue.valueInactive), children: e ? c : r }),
+          /* @__PURE__ */ t("span", { className: w(ue.indicator, e && ue.indicatorActive), children: e ? /* @__PURE__ */ t(Hs, {}) : /* @__PURE__ */ t(Ks, {}) })
+        ] }),
+        a && /* @__PURE__ */ t("div", { className: ue.errorText, children: a })
+      ]
+    }
+  );
+}
+const Zs = "_container_1ylo8_2", Vs = "_open_1ylo8_20", Gs = "_disabled_1ylo8_24", Js = "_labelRow_1ylo8_29", Xs = "_label_1ylo8_29", Qs = "_resetBtn_1ylo8_46", Ys = "_descDot_1ylo8_62", er = "_valueLine_1ylo8_77", tr = "_value_1ylo8_77", nr = "_placeholder_1ylo8_91", or = "_arrow_1ylo8_95", sr = "_arrowOpen_1ylo8_101", rr = "_panel_1ylo8_107", ir = "_panelClosing_1ylo8_119", ar = "_list_1ylo8_144", cr = "_option_1ylo8_151", lr = "_hover_1ylo8_169", dr = "_optionLabel_1ylo8_173", ur = "_check_1ylo8_179", _r = "_active_1ylo8_185", pr = "_error_1ylo8_190", mr = "_errorText_1ylo8_194", J = {
+  container: Zs,
+  open: Vs,
+  disabled: Gs,
+  labelRow: Js,
+  label: Xs,
+  resetBtn: Qs,
+  descDot: Ys,
+  valueLine: er,
+  value: tr,
+  placeholder: nr,
+  arrow: or,
+  arrowOpen: sr,
+  panel: rr,
+  panelClosing: ir,
+  list: ar,
+  option: cr,
+  hover: lr,
+  optionLabel: dr,
+  check: ur,
+  active: _r,
+  error: pr,
+  errorText: mr
+};
+function hr() {
+  return /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" }) });
+}
+function fr() {
+  return /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function gc({
+  label: e,
+  description: s,
+  value: n,
+  options: o,
+  onChange: i,
+  disabled: c = !1,
+  placeholder: r = "Select…",
+  error: d,
+  defaultValue: a,
+  resetText: u = "Reset",
+  className: f
+}) {
+  const [p, v] = x(!1), [l, _] = x(!1), [y, k] = x(!1), [C, L] = x({}), [$, N] = x(-1), F = M(null), q = M(null), A = M(null);
+  O(() => k(!0), []);
+  const U = p || l, h = Je(
+    () => o.findIndex((j) => String(j.value) === String(n)),
+    [o, n]
+  ), I = h >= 0 ? o[h] : null, E = S(() => {
+    p && _(!0);
+  }, [p]), P = S(() => {
+    l && (_(!1), v(!1));
+  }, [l]), H = S(() => {
+    const j = F.current;
+    if (!j) return;
+    const g = j.getBoundingClientRect();
+    L({
+      position: "fixed",
+      top: g.bottom + 6,
+      left: g.left,
+      minWidth: g.width,
+      zIndex: 10050
+    });
+  }, []);
+  O(() => {
+    if (p)
+      return H(), window.addEventListener("scroll", H, !0), window.addEventListener("resize", H), () => {
+        window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
+      };
+  }, [p, H]), O(() => {
+    const j = (g) => {
+      var Z, V;
+      const R = g.target;
+      (Z = F.current) != null && Z.contains(R) || (V = q.current) != null && V.contains(R) || E();
+    };
+    return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
+  }, [E]);
+  const K = (j) => {
+    const g = o[j];
+    g && (i == null || i(g.value), E());
+  }, b = () => {
+    c || (p ? E() : (N(h >= 0 ? h : 0), v(!0)));
+  }, W = a !== void 0 && String(n) !== String(a), X = (j) => {
+    j.stopPropagation(), a !== void 0 && (i == null || i(a));
+  }, re = (j) => {
+    if (!p && (j.key === "ArrowDown" || j.key === "Enter" || j.key === " ")) {
+      j.preventDefault(), b();
+      return;
+    }
+    if (p) {
+      if (j.key === "Escape") {
+        j.preventDefault(), E();
+        return;
+      }
+      if (j.key === "ArrowDown") {
+        j.preventDefault(), N((g) => Math.min(o.length - 1, g < 0 ? 0 : g + 1));
+        return;
+      }
+      if (j.key === "ArrowUp") {
+        j.preventDefault(), N((g) => Math.max(0, g < 0 ? 0 : g - 1));
+        return;
+      }
+      j.key === "Enter" && (j.preventDefault(), K($ >= 0 ? $ : h >= 0 ? h : 0));
+    }
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: F,
+      className: w(J.container, p && J.open, c && J.disabled, d && J.error, f),
+      role: "button",
+      "aria-expanded": p,
+      tabIndex: 0,
+      onKeyDown: re,
+      onClick: (j) => {
+        var g;
+        (g = A.current) != null && g.contains(j.target) || b();
+      },
+      children: [
+        (e || W) && /* @__PURE__ */ m("div", { className: J.labelRow, children: [
+          e && /* @__PURE__ */ m("div", { className: J.label, children: [
+            e,
+            s && /* @__PURE__ */ t(Le, { content: s, position: "right", children: /* @__PURE__ */ t("span", { className: J.descDot, children: "?" }) })
+          ] }),
+          W && /* @__PURE__ */ t("button", { type: "button", className: J.resetBtn, onClick: X, children: u })
+        ] }),
+        /* @__PURE__ */ m("div", { className: J.valueLine, children: [
+          /* @__PURE__ */ t("span", { className: w(J.value, !I && J.placeholder), children: I ? I.label : r }),
+          /* @__PURE__ */ t("span", { className: w(J.arrow, p && J.arrowOpen), children: /* @__PURE__ */ t(hr, {}) })
+        ] }),
+        y && U && Re(
+          /* @__PURE__ */ t(
+            "div",
+            {
+              ref: q,
+              className: w(J.panel, l && J.panelClosing),
+              style: C,
+              onClick: (j) => j.stopPropagation(),
+              onAnimationEnd: P,
+              children: /* @__PURE__ */ t("div", { ref: A, className: J.list, role: "listbox", children: o.map((j, g) => {
+                const R = String(j.value) === String(n);
+                return /* @__PURE__ */ m(
+                  "button",
+                  {
+                    type: "button",
+                    className: w(J.option, R && J.active, $ === g && J.hover),
+                    role: "option",
+                    "aria-selected": R,
+                    onMouseEnter: () => N(g),
+                    onClick: () => K(g),
+                    children: [
+                      /* @__PURE__ */ t("span", { className: J.optionLabel, children: j.label }),
+                      R && /* @__PURE__ */ t("span", { className: J.check, children: /* @__PURE__ */ t(fr, {}) })
+                    ]
+                  },
+                  String(j.value)
+                );
+              }) })
+            }
+          ),
+          document.body
+        ),
+        d && /* @__PURE__ */ t("div", { className: J.errorText, children: d })
+      ]
+    }
+  );
+}
+const vr = "_wrapper_15zjr_2", gr = "_labelRow_15zjr_9", br = "_label_15zjr_9", wr = "_resetBtn_15zjr_27", yr = "_descDot_15zjr_43", kr = "_field_15zjr_59", xr = "_hasError_15zjr_75", Nr = "_disabled_15zjr_82", Cr = "_editorWrap_15zjr_87", Lr = "_placeholder_15zjr_94", $r = "_editor_15zjr_87", Rr = "_cmdBtn_15zjr_127", Br = "_cmdBtnActive_15zjr_143", Ir = "_cmdPanel_15zjr_149", Er = "_cmdPanelClosing_15zjr_161", jr = "_cmdItem_15zjr_187", Dr = "_cmdKey_15zjr_208", Sr = "_cmdSep_15zjr_213", Tr = "_cmdLabel_15zjr_217", Mr = "_hint_15zjr_222", zr = "_error_15zjr_227", Y = {
+  wrapper: vr,
+  labelRow: gr,
+  label: br,
+  resetBtn: wr,
+  descDot: yr,
+  field: kr,
+  hasError: xr,
+  disabled: Nr,
+  editorWrap: Cr,
+  placeholder: Lr,
+  editor: $r,
+  cmdBtn: Rr,
+  cmdBtnActive: Br,
+  cmdPanel: Ir,
+  cmdPanelClosing: Er,
+  cmdItem: jr,
+  cmdKey: Dr,
+  cmdSep: Sr,
+  cmdLabel: Tr,
+  hint: Mr,
+  error: zr
+};
+function Pr(e) {
+  const s = [], n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, {
+    acceptNode: (i) => i.textContent && i.textContent.length >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
+  });
+  let o = n.nextNode();
+  for (; o; )
+    s.push(o), o = n.nextNode();
+  return s;
+}
+function Ar(e, s, n) {
+  var l;
+  const o = Pr(e), i = o.reduce((_, y) => {
+    var k;
+    return _ + (((k = y.textContent) == null ? void 0 : k.length) ?? 0);
+  }, 0), c = Math.max(0, Math.min(s, i)), r = Math.max(0, Math.min(n, i));
+  let d = e, a = 0, u = e, f = 0, p = 0;
+  for (const _ of o) {
+    const y = ((l = _.textContent) == null ? void 0 : l.length) ?? 0, k = p + y;
+    c >= p && c <= k && (d = _, a = c - p), r >= p && r <= k && (u = _, f = r - p), p = k;
+  }
+  const v = document.createRange();
+  try {
+    o.length === 0 ? (v.selectNodeContents(e), v.collapse(!1)) : (v.setStart(d, a), v.setEnd(u, f));
+    const _ = window.getSelection();
+    _ == null || _.removeAllRanges(), _ == null || _.addRange(v);
+  } catch {
+    v.selectNodeContents(e), v.collapse(!1);
+    const _ = window.getSelection();
+    _ == null || _.removeAllRanges(), _ == null || _.addRange(v);
+  }
+}
+function Wr() {
+  return /* @__PURE__ */ m("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ t("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", ry: "2" }),
+    /* @__PURE__ */ t("line", { x1: "6", y1: "8", x2: "6", y2: "8" }),
+    /* @__PURE__ */ t("line", { x1: "10", y1: "8", x2: "10", y2: "8" }),
+    /* @__PURE__ */ t("line", { x1: "14", y1: "8", x2: "14", y2: "8" }),
+    /* @__PURE__ */ t("line", { x1: "18", y1: "8", x2: "18", y2: "8" }),
+    /* @__PURE__ */ t("line", { x1: "6", y1: "12", x2: "6", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "10", y1: "12", x2: "10", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "14", y1: "12", x2: "14", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "18", y1: "12", x2: "18", y2: "12" }),
+    /* @__PURE__ */ t("line", { x1: "8", y1: "16", x2: "16", y2: "16" })
+  ] });
+}
+function bc({
+  name: e,
+  label: s,
+  description: n,
+  placeholder: o,
+  value: i,
+  onChange: c,
+  onBlur: r,
+  showCommandsButton: d = !1,
+  commands: a = [],
+  commandsButtonContent: u,
+  hint: f,
+  error: p,
+  touched: v,
+  defaultValue: l,
+  resetText: _ = "Reset",
+  disabled: y,
+  className: k,
+  ariaLabel: C
+}) {
+  const [L, $] = x(!1), [N, F] = x(!1), [q, A] = x(!1), U = M(null), h = M(null), I = M(null), E = M(null), P = M(null), H = M(i), K = M(null), [b, W] = x(!1), [X, re] = x({});
+  O(() => W(!0), []);
+  const j = N || q, g = v && p, R = l !== void 0 && i !== l, Z = S((B) => {
+    P.current && (P.current.style.display = B ? "none" : "");
+  }, []), V = S(() => {
+    N && A(!0);
+  }, [N]), _e = S(() => {
+    q && (A(!1), F(!1));
+  }, [q]), pe = S(() => {
+    const B = U.current, z = window.getSelection();
+    if (!B || !z || z.rangeCount === 0) return;
+    const G = z.getRangeAt(0), Q = G.cloneRange();
+    Q.selectNodeContents(B), Q.setEnd(G.startContainer, G.startOffset);
+    const he = Q.toString().length;
+    K.current = { start: he, end: he + G.toString().length };
+  }, []), me = S(() => {
+    const B = U.current;
+    if (!B) return;
+    const z = document.createRange(), G = window.getSelection();
+    z.selectNodeContents(B), z.collapse(!1), G == null || G.removeAllRanges(), G == null || G.addRange(z);
+  }, []);
+  He(() => {
+    const B = U.current;
+    if (!B) return;
+    (B.textContent || "").replace(/\u200B/g, "") !== i && (i ? B.textContent = i : B.innerHTML = "<br>"), H.current = i, Z(i), document.activeElement === B && (K.current ? Ar(B, K.current.start, K.current.end) : me());
+  }, [i, me, Z]);
+  const T = () => {
+    var G;
+    const B = U.current;
+    if (!B) return;
+    const z = ((G = B.textContent) == null ? void 0 : G.replace(/\u200B/g, "")) || "";
+    Z(z), z === "" && B.innerHTML !== "<br>" && (B.innerHTML = "<br>"), z !== H.current && (pe(), H.current = z, c == null || c(z));
+  }, te = (B) => {
+    U.current && (U.current.focus(), U.current.contains(B.target) || me());
+  }, we = (B) => {
+    const z = U.current;
+    if (!z) return;
+    (z.textContent || "").replace(/\u200B/g, "") || (z.textContent = ""), z.focus();
+    const Q = window.getSelection();
+    if (!Q || Q.rangeCount === 0) {
+      const Pe = document.createRange();
+      Pe.selectNodeContents(z), Pe.collapse(!1), Q == null || Q.removeAllRanges(), Q == null || Q.addRange(Pe);
+    }
+    const he = Q.getRangeAt(0);
+    he.deleteContents();
+    const ze = document.createTextNode(B);
+    he.insertNode(ze), he.setStartAfter(ze), he.setEndAfter(ze), Q.removeAllRanges(), Q.addRange(he), T(), pe(), V();
+  }, ce = S(() => {
+    const B = I.current;
+    if (!B) return;
+    const z = B.getBoundingClientRect();
+    re({
+      position: "fixed",
+      top: z.bottom + 6,
+      left: z.left,
+      width: z.width,
+      zIndex: 10050
+    });
+  }, []);
+  return O(() => {
+    if (N)
+      return ce(), window.addEventListener("scroll", ce, !0), window.addEventListener("resize", ce), () => {
+        window.removeEventListener("scroll", ce, !0), window.removeEventListener("resize", ce);
+      };
+  }, [N, ce]), O(() => {
+    const B = (z) => {
+      var Q, he;
+      const G = z.target;
+      (Q = h.current) != null && Q.contains(G) || (he = E.current) != null && he.contains(G) || V();
+    };
+    return document.addEventListener("mousedown", B), () => document.removeEventListener("mousedown", B);
+  }, []), /* @__PURE__ */ m(
+    "div",
+    {
+      ref: h,
+      className: w(Y.wrapper, g && Y.hasError, y && Y.disabled, k),
+      children: [
+        (s || R) && /* @__PURE__ */ m("div", { className: Y.labelRow, children: [
+          s && /* @__PURE__ */ m("div", { className: Y.label, children: [
+            s,
+            n && /* @__PURE__ */ t(Le, { content: n, position: "right", children: /* @__PURE__ */ t("span", { className: Y.descDot, children: "?" }) })
+          ] }),
+          R && /* @__PURE__ */ t("button", { type: "button", className: Y.resetBtn, onClick: () => c == null ? void 0 : c(l), children: _ })
+        ] }),
+        /* @__PURE__ */ m("div", { ref: I, className: Y.field, onClick: te, style: { position: "relative" }, children: [
+          /* @__PURE__ */ m("div", { className: Y.editorWrap, children: [
+            o && /* @__PURE__ */ t(
+              "span",
+              {
+                ref: P,
+                className: Y.placeholder,
+                style: i ? { display: "none" } : void 0,
+                children: o
+              }
+            ),
+            /* @__PURE__ */ t(
+              "div",
+              {
+                ref: U,
+                id: e,
+                role: "textbox",
+                contentEditable: !y,
+                suppressContentEditableWarning: !0,
+                className: Y.editor,
+                spellCheck: "true",
+                "aria-label": C,
+                "aria-multiline": "true",
+                "aria-invalid": !!g,
+                "aria-errormessage": g ? `${e}-error` : void 0,
+                onInput: T,
+                onFocus: () => {
+                  $(!0), pe();
+                },
+                onKeyUp: pe,
+                onMouseUp: pe,
+                onBlur: (B) => {
+                  $(!1), r == null || r(B);
+                }
+              }
+            )
+          ] }),
+          d && a.length > 0 && /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: w(Y.cmdBtn, N && Y.cmdBtnActive),
+              onClick: (B) => {
+                B.stopPropagation(), N ? V() : F(!0);
+              },
+              children: u ?? /* @__PURE__ */ t(Wr, {})
+            }
+          ),
+          b && j && a.length > 0 && Re(
+            /* @__PURE__ */ t(
+              "div",
+              {
+                ref: E,
+                className: w(Y.cmdPanel, q && Y.cmdPanelClosing),
+                style: X,
+                onAnimationEnd: _e,
+                children: a.map((B) => /* @__PURE__ */ m(
+                  "button",
+                  {
+                    type: "button",
+                    className: Y.cmdItem,
+                    onClick: () => we(B.key),
+                    children: [
+                      /* @__PURE__ */ t("span", { className: Y.cmdKey, children: B.key }),
+                      /* @__PURE__ */ t("span", { className: Y.cmdSep, children: "—" }),
+                      /* @__PURE__ */ t("span", { className: Y.cmdLabel, children: B.label })
+                    ]
+                  },
+                  B.key
+                ))
+              }
+            ),
+            document.body
+          )
+        ] }),
+        g && /* @__PURE__ */ t("div", { id: `${e}-error`, className: Y.error, children: p }),
+        !g && f && /* @__PURE__ */ t("div", { className: Y.hint, children: f })
+      ]
+    }
+  );
+}
+const Fr = "_wrapper_1wzk6_2", qr = "_trigger_1wzk6_7", Ur = "_menu_1wzk6_12", Or = "_menuRight_1wzk6_27", Hr = "_menuDrill_1wzk6_34", Kr = "_menuClosing_1wzk6_38", Zr = "_item_1wzk6_64", Vr = "_itemActive_1wzk6_83", Gr = "_itemReverse_1wzk6_98", Jr = "_itemDisabled_1wzk6_104", Xr = "_itemIcon_1wzk6_110", Qr = "_itemLabel_1wzk6_124", Yr = "_itemChevron_1wzk6_132", ei = "_itemChevronLeft_1wzk6_144", ti = "_itemChevronOpen_1wzk6_148", ni = "_toggle_1wzk6_158", oi = "_toggleDot_1wzk6_170", si = "_toggleChecked_1wzk6_178", ri = "_radio_1wzk6_187", ii = "_radioDot_1wzk6_199", ai = "_radioChecked_1wzk6_207", ci = "_divider_1wzk6_216", li = "_submenu_1wzk6_225", di = "_submenuClosing_1wzk6_250", ui = "_submenuLeft_1wzk6_256", _i = "_submenuClosingLeft_1wzk6_268", pi = "_drillChevron_1wzk6_316", mi = "_drillContent_1wzk6_336", hi = "_drillSlideIn_1wzk6_340", fi = "_drillSlideOut_1wzk6_344", vi = "_drillBack_1wzk6_369", gi = "_drillBackIcon_1wzk6_389", bi = "_drillBackLabel_1wzk6_399", D = {
+  wrapper: Fr,
+  trigger: qr,
+  menu: Ur,
+  menuRight: Or,
+  menuDrill: Hr,
+  menuClosing: Kr,
+  item: Zr,
+  itemActive: Vr,
+  itemReverse: Gr,
+  itemDisabled: Jr,
+  itemIcon: Xr,
+  itemLabel: Qr,
+  itemChevron: Yr,
+  itemChevronLeft: ei,
+  itemChevronOpen: ti,
+  toggle: ni,
+  toggleDot: oi,
+  toggleChecked: si,
+  radio: ri,
+  radioDot: ii,
+  radioChecked: ai,
+  divider: ci,
+  submenu: li,
+  submenuClosing: di,
+  submenuLeft: ui,
+  submenuClosingLeft: _i,
+  drillChevron: pi,
+  drillContent: mi,
+  drillSlideIn: hi,
+  drillSlideOut: fi,
+  drillBack: vi,
+  drillBackIcon: gi,
+  drillBackLabel: bi
+};
+function wi() {
+  return /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" }) });
+}
+function yi() {
+  return /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("polyline", { points: "15 18 9 12 15 6" }) });
+}
+function ki() {
+  return /* @__PURE__ */ m("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ t("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ t("path", { d: "M12 5l7 7-7 7" })
+  ] });
+}
+function xi() {
+  return /* @__PURE__ */ m("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ t("path", { d: "M19 12H5" }),
+    /* @__PURE__ */ t("path", { d: "M12 19l-7-7 7-7" })
+  ] });
+}
+function ot({
+  item: e,
+  onClose: s,
+  openDirection: n,
+  closeOnSelect: o
+}) {
+  const [i, c] = x(!1), [r, d] = x(!1), a = M(null), u = M(null), f = M(null), p = e.children && e.children.length > 0, v = i || r, l = n === "left", _ = () => {
+    a.current && clearTimeout(a.current), d(!1), c(!0);
+  }, y = () => {
+    a.current && clearTimeout(a.current), i && d(!0);
+  }, k = () => {
+    r && (d(!1), c(!1));
+  }, C = () => {
+    p && _();
+  }, L = (A) => {
+    if (!p) return;
+    const U = A.relatedTarget;
+    U && f.current && f.current.contains(U) || (a.current = setTimeout(y, 80));
+  }, $ = (A) => {
+    const U = A.relatedTarget;
+    if (U && u.current && u.current.contains(U)) {
+      a.current && clearTimeout(a.current);
+      return;
+    }
+    a.current = setTimeout(y, 80);
+  }, N = () => {
+    if (!e.disabled) {
+      if ((e.toggle || e.radio) && e.onClick) {
+        e.onClick();
+        return;
+      }
+      !p && e.onClick && (e.onClick(), o && s());
+    }
+  };
+  O(() => () => {
+    a.current && clearTimeout(a.current);
+  }, []);
+  const F = (e.toggle || e.radio) && /* @__PURE__ */ t("span", { className: w(
+    e.radio ? D.radio : D.toggle,
+    e.checked && (e.radio ? D.radioChecked : D.toggleChecked)
+  ), children: /* @__PURE__ */ t("span", { className: e.radio ? D.radioDot : D.toggleDot }) }), q = p && /* @__PURE__ */ t("span", { className: w(
+    D.itemChevron,
+    l && D.itemChevronLeft,
+    i && !r && D.itemChevronOpen
+  ), children: l ? /* @__PURE__ */ t(yi, {}) : /* @__PURE__ */ t(wi, {}) });
+  return /* @__PURE__ */ m(Ue, { children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        ref: u,
+        className: w(
+          D.item,
+          e.disabled && D.itemDisabled,
+          i && !r && D.itemActive,
+          l && D.itemReverse
+        ),
+        onClick: N,
+        onMouseEnter: C,
+        onMouseLeave: L,
+        children: [
+          l && q,
+          e.icon && /* @__PURE__ */ t("span", { className: D.itemIcon, children: e.icon }),
+          /* @__PURE__ */ t("span", { className: D.itemLabel, children: e.label }),
+          F,
+          !l && q,
+          v && p && /* @__PURE__ */ t(
+            "div",
+            {
+              ref: f,
+              className: w(
+                D.submenu,
+                l && D.submenuLeft,
+                r && (l ? D.submenuClosingLeft : D.submenuClosing)
+              ),
+              onAnimationEnd: k,
+              onMouseEnter: _,
+              onMouseLeave: $,
+              children: e.children.map((A) => /* @__PURE__ */ t(ot, { item: A, onClose: s, openDirection: n, closeOnSelect: o }, A.key))
+            }
+          )
+        ]
+      }
+    ),
+    e.divider && /* @__PURE__ */ t("div", { className: D.divider })
+  ] });
+}
+function Ni({
+  items: e,
+  onClose: s,
+  closeOnSelect: n
+}) {
+  const [o, i] = x([]), [c, r] = x(null), d = o.length > 0 ? o[o.length - 1].items : e, a = o.length > 0 ? o[o.length - 1].title : null, u = (l) => {
+    !l.children || l.children.length === 0 || (r("in"), i((_) => [..._, { title: String(l.label), items: l.children }]));
+  }, f = () => {
+    o.length !== 0 && (r("out"), i((l) => l.slice(0, -1)));
+  }, p = (l) => {
+    if (!l.disabled) {
+      if ((l.toggle || l.radio) && l.onClick) {
+        l.onClick();
+        return;
+      }
+      if (l.children && l.children.length > 0) {
+        u(l);
+        return;
+      }
+      l.onClick && (l.onClick(), n && s());
+    }
+  }, v = () => {
+    r(null);
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: w(
+        D.drillContent,
+        c === "in" && D.drillSlideIn,
+        c === "out" && D.drillSlideOut
+      ),
+      onAnimationEnd: v,
+      children: [
+        a && /* @__PURE__ */ m("div", { className: D.drillBack, onClick: f, children: [
+          /* @__PURE__ */ t("span", { className: D.drillBackIcon, children: /* @__PURE__ */ t(xi, {}) }),
+          /* @__PURE__ */ t("span", { className: D.drillBackLabel, children: a })
+        ] }),
+        d.map((l) => /* @__PURE__ */ m("div", { children: [
+          /* @__PURE__ */ m(
+            "div",
+            {
+              className: w(
+                D.item,
+                l.disabled && D.itemDisabled
+              ),
+              onClick: () => p(l),
+              children: [
+                l.icon && /* @__PURE__ */ t("span", { className: D.itemIcon, children: l.icon }),
+                /* @__PURE__ */ t("span", { className: D.itemLabel, children: l.label }),
+                (l.toggle || l.radio) && /* @__PURE__ */ t("span", { className: w(
+                  l.radio ? D.radio : D.toggle,
+                  l.checked && (l.radio ? D.radioChecked : D.toggleChecked)
+                ), children: /* @__PURE__ */ t("span", { className: l.radio ? D.radioDot : D.toggleDot }) }),
+                l.children && l.children.length > 0 && /* @__PURE__ */ t("span", { className: D.drillChevron, children: /* @__PURE__ */ t(ki, {}) })
+              ]
+            }
+          ),
+          l.divider && /* @__PURE__ */ t("div", { className: D.divider })
+        ] }, l.key))
+      ]
+    }
+  );
+}
+function wc({
+  items: e,
+  children: s,
+  className: n,
+  menuClassName: o,
+  align: i = "left",
+  mode: c = "hover",
+  closeOnSelect: r = !0
+}) {
+  const [d, a] = x(!1), [u, f] = x(!1), p = M(null), v = d || u, l = S(() => {
+    d && f(!0);
+  }, [d]), _ = S(() => {
+    u && (f(!1), a(!1));
+  }, [u]);
+  O(() => {
+    const C = (L) => {
+      p.current && !p.current.contains(L.target) && l();
+    };
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+  }, [l]), O(() => {
+    if (!d) return;
+    const C = (L) => {
+      L.key === "Escape" && l();
+    };
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
+  }, [d, l]);
+  const y = () => {
+    d ? l() : a(!0);
+  }, k = i === "right" ? "left" : "right";
+  return /* @__PURE__ */ m("div", { ref: p, className: w(D.wrapper, n), children: [
+    /* @__PURE__ */ t("div", { className: D.trigger, onClick: y, children: s }),
+    v && /* @__PURE__ */ t(
+      "div",
+      {
+        className: w(
+          D.menu,
+          u && D.menuClosing,
+          i === "right" && D.menuRight,
+          c === "drill" && D.menuDrill,
+          o
+        ),
+        onAnimationEnd: _,
+        children: c === "drill" ? /* @__PURE__ */ t(Ni, { items: e, onClose: l, closeOnSelect: r }) : e.map((C) => /* @__PURE__ */ t(ot, { item: C, onClose: l, openDirection: k, closeOnSelect: r }, C.key))
+      }
+    )
+  ] });
+}
+const Ci = "_wrapper_16sej_2", Li = "_disabled_16sej_14", $i = "_labelRow_16sej_19", Ri = "_label_16sej_19", Bi = "_resetBtn_16sej_36", Ii = "_descDot_16sej_52", Ei = "_trigger_16sej_68", ji = "_swatch_16sej_78", Di = "_hexLabel_16sej_86", Si = "_panel_16sej_94", Ti = "_sv_16sej_118", Mi = "_svKnob_16sej_129", zi = "_hueSlider_16sej_142", Pi = "_alphaRow_16sej_176", Ai = "_alphaChecker_16sej_180", Wi = "_alphaSlider_16sej_189", Fi = "_inputs_16sej_225", qi = "_hexInput_16sej_230", Ui = "_opacityBox_16sej_247", Oi = "_opacityInput_16sej_253", Hi = "_opacitySuffix_16sej_270", ee = {
+  wrapper: Ci,
+  disabled: Li,
+  labelRow: $i,
+  label: Ri,
+  resetBtn: Bi,
+  descDot: Ii,
+  trigger: Ei,
+  swatch: ji,
+  hexLabel: Di,
+  panel: Si,
+  sv: Ti,
+  svKnob: Mi,
+  hueSlider: zi,
+  alphaRow: Pi,
+  alphaChecker: Ai,
+  alphaSlider: Wi,
+  inputs: Fi,
+  hexInput: qi,
+  opacityBox: Ui,
+  opacityInput: Oi,
+  opacitySuffix: Hi
+}, Se = (e, s, n) => Math.min(n, Math.max(s, e)), Ae = (e) => {
+  const s = /^#?([0-9a-f]{6})([0-9a-f]{2})?$/i.exec((e || "").trim());
+  if (!s) return { r: 255, g: 255, b: 255, a: 1 };
+  const n = parseInt(s[1], 16);
+  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255, a: s[2] ? parseInt(s[2], 16) / 255 : 1 };
+}, Ki = (e, s, n, o = 1, i = !0) => {
+  const c = (r) => r.toString(16).padStart(2, "0").toUpperCase();
+  return `#${c(e)}${c(s)}${c(n)}${i ? c(Math.round(Se(o, 0, 1) * 255)) : ""}`;
+}, We = (e, s, n) => {
+  e /= 255, s /= 255, n /= 255;
+  const o = Math.max(e, s, n), i = Math.min(e, s, n), c = o - i;
+  let r = 0;
+  return c && (o === e ? r = (s - n) / c % 6 : o === s ? r = (n - e) / c + 2 : r = (e - s) / c + 4, r *= 60, r < 0 && (r += 360)), { h: r, s: o === 0 ? 0 : c / o, v: o };
+}, st = (e, s, n) => {
+  const o = n * s, i = o * (1 - Math.abs(e / 60 % 2 - 1)), c = n - o;
+  let r = 0, d = 0, a = 0;
+  return e < 60 ? (r = o, d = i) : e < 120 ? (r = i, d = o) : e < 180 ? (d = o, a = i) : e < 240 ? (d = i, a = o) : e < 300 ? (r = i, a = o) : (r = o, a = i), { r: Math.round((r + c) * 255), g: Math.round((d + c) * 255), b: Math.round((a + c) * 255) };
+}, Fe = (e, s = !0) => {
+  const { r: n, g: o, b: i } = st(e.h, e.s, e.v);
+  return Ki(n, o, i, e.a, s);
+}, Ve = (e) => (e || "").trim().toUpperCase().replace(/^(?!#)/, "#");
+function yc({
+  value: e,
+  onChange: s,
+  defaultValue: n,
+  label: o,
+  description: i,
+  withAlpha: c = !0,
+  disabled: r = !1,
+  resetText: d = "Reset",
+  className: a
+}) {
+  const [u, f] = x(!1), [p, v] = x(!1), [l, _] = x({}), y = M(null), k = M(null), C = M(null), L = M(null), $ = M(!1);
+  O(() => v(!0), []);
+  const [N, F] = x(() => {
+    const { r: g, g: R, b: Z, a: V } = Ae(e), { h: _e, s: pe, v: me } = We(g, R, Z);
+    return { h: _e, s: pe, v: me, a: V };
+  }), [q, A] = x(e || "#FFFFFF"), U = n !== void 0 && Ve(e) !== Ve(n);
+  O(() => {
+    const g = (e || "#FFFFFF").trim().toUpperCase(), R = Fe(N, c).toUpperCase();
+    if (g !== R) {
+      const { r: Z, g: V, b: _e, a: pe } = Ae(e), { h: me, s: T, v: te } = We(Z, V, _e);
+      F({ h: me, s: T, v: te, a: pe }), A(g);
+    }
+  }, [e, c]);
+  const h = S(() => {
+    const g = k.current;
+    if (!g) return;
+    const R = g.getBoundingClientRect();
+    _({
+      position: "fixed",
+      top: R.bottom + 8,
+      left: R.left,
+      zIndex: 10050
+    });
+  }, []);
+  O(() => {
+    if (u)
+      return h(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
+        window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
+      };
+  }, [u, h]), O(() => {
+    const g = (R) => {
+      var V, _e;
+      const Z = R.target;
+      (V = y.current) != null && V.contains(Z) || (_e = C.current) != null && _e.contains(Z) || f(!1);
+    };
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+  }, []);
+  const I = S((g) => {
+    const R = Fe(g, c);
+    F(g), A(R.toUpperCase()), s == null || s(R);
+  }, [s, c]), E = (g) => {
+    if (!L.current) return;
+    const R = L.current.getBoundingClientRect(), Z = Se((g.clientX - R.left) / R.width, 0, 1), V = 1 - Se((g.clientY - R.top) / R.height, 0, 1);
+    I({ ...N, s: Z, v: V });
+  }, { r: P, g: H, b: K } = st(N.h, N.s, N.v), b = `rgba(${P},${H},${K},${N.a})`, W = Fe(N, c).toUpperCase(), X = () => {
+    const g = /^#?([0-9a-f]{3,8})$/i.exec(q.trim());
+    if (g) {
+      let R = g[1];
+      if (R.length === 3 && (R = R[0] + R[0] + R[1] + R[1] + R[2] + R[2]), R.length === 6 || R.length === 8) {
+        const { r: Z, g: V, b: _e, a: pe } = Ae("#" + R), { h: me, s: T, v: te } = We(Z, V, _e);
+        I({ h: me, s: T, v: te, a: c ? pe : 1 });
+        return;
+      }
+    }
+    A(W);
+  }, re = (g) => {
+    g.stopPropagation(), n && (s == null || s(n));
+  }, j = () => {
+    r || u || f(!0);
+  };
+  return /* @__PURE__ */ m("div", { ref: y, className: w(ee.wrapper, r && ee.disabled, a), onClick: j, children: [
+    (o || U) && /* @__PURE__ */ m("div", { className: ee.labelRow, children: [
+      o && /* @__PURE__ */ m("div", { className: ee.label, children: [
+        o,
+        i && /* @__PURE__ */ t(Le, { content: i, position: "right", children: /* @__PURE__ */ t("span", { className: ee.descDot, children: "?" }) })
+      ] }),
+      U && /* @__PURE__ */ t("button", { type: "button", className: ee.resetBtn, onClick: re, children: d })
+    ] }),
+    /* @__PURE__ */ m("button", { ref: k, type: "button", className: ee.trigger, onClick: (g) => {
+      g.stopPropagation(), f((R) => !R);
+    }, children: [
+      /* @__PURE__ */ t("span", { className: ee.swatch, style: { background: b } }),
+      /* @__PURE__ */ t("span", { className: ee.hexLabel, children: W })
+    ] }),
+    p && u && Re(
+      /* @__PURE__ */ m("div", { ref: C, className: ee.panel, style: l, onClick: (g) => g.stopPropagation(), children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            ref: L,
+            className: ee.sv,
+            style: { backgroundColor: `hsl(${N.h} 100% 50%)` },
+            onMouseDown: (g) => {
+              $.current = !0, E(g);
+            },
+            onMouseMove: (g) => {
+              $.current && E(g);
+            },
+            onMouseUp: () => {
+              $.current = !1;
+            },
+            onMouseLeave: () => {
+              $.current = !1;
+            },
+            children: /* @__PURE__ */ t("div", { className: ee.svKnob, style: { left: `${N.s * 100}%`, top: `${(1 - N.v) * 100}%` } })
+          }
+        ),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "range",
+            min: 0,
+            max: 360,
+            value: Math.round(N.h),
+            className: ee.hueSlider,
+            onChange: (g) => I({ ...N, h: Number(g.target.value) })
+          }
+        ),
+        c && /* @__PURE__ */ m("div", { className: ee.alphaRow, children: [
+          /* @__PURE__ */ t("div", { className: ee.alphaChecker }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "range",
+              min: 0,
+              max: 100,
+              value: Math.round(N.a * 100),
+              className: ee.alphaSlider,
+              style: { background: `linear-gradient(90deg, rgba(${P},${H},${K},0), rgba(${P},${H},${K},1))` },
+              onChange: (g) => I({ ...N, a: Number(g.target.value) / 100 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m("div", { className: ee.inputs, children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              className: ee.hexInput,
+              value: q,
+              onChange: (g) => A(g.target.value),
+              onBlur: X,
+              onKeyDown: (g) => {
+                g.key === "Enter" && g.currentTarget.blur();
+              }
+            }
+          ),
+          c && /* @__PURE__ */ m("div", { className: ee.opacityBox, children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                className: ee.opacityInput,
+                value: Math.round(N.a * 100),
+                onChange: (g) => {
+                  const R = Se(parseInt(g.target.value || "0", 10), 0, 100);
+                  I({ ...N, a: R / 100 });
+                }
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: ee.opacitySuffix, children: "%" })
+          ] })
+        ] })
+      ] }),
+      document.body
+    )
+  ] });
+}
+const Zi = "_wrapper_1bima_2", Vi = "_disabled_1bima_15", Gi = "_previewWrap_1bima_21", Ji = "_previewImg_1bima_30", Xi = "_previewLoaded_1bima_39", Qi = "_labelRow_1bima_45", Yi = "_label_1bima_45", ea = "_resetBtn_1bima_63", ta = "_descDot_1bima_79", na = "_field_1bima_95", oa = "_textInput_1bima_110", sa = "_clearBtn_1bima_126", ra = "_pickBtn_1bima_127", ia = "_hidden_1bima_150", le = {
+  wrapper: Zi,
+  disabled: Vi,
+  previewWrap: Gi,
+  previewImg: Ji,
+  previewLoaded: Xi,
+  labelRow: Qi,
+  label: Yi,
+  resetBtn: ea,
+  descDot: ta,
+  field: na,
+  textInput: oa,
+  clearBtn: sa,
+  pickBtn: ra,
+  hidden: ia
+}, Ge = /\.(png|jpe?g|gif|webp|bmp|svg|avif)$/i;
+function aa() {
+  return /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }) });
+}
+function ca() {
+  return /* @__PURE__ */ m("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+function kc({
+  label: e,
+  description: s,
+  value: n = "",
+  onChange: o,
+  accept: i = "",
+  placeholder: c = "Select a file…",
+  showPreview: r = !0,
+  previewUrl: d,
+  defaultValue: a,
+  resetText: u = "Reset",
+  disabled: f = !1,
+  className: p
+}) {
+  const v = M(null), [l, _] = x(null), [y, k] = x(!1), C = Ge.test(n), L = r && (l || d) && C;
+  O(() => () => {
+    l && URL.revokeObjectURL(l);
+  }, [l]);
+  const $ = S((h) => {
+    var E;
+    const I = (E = h.target.files) == null ? void 0 : E[0];
+    I && (Ge.test(I.name) ? (l && URL.revokeObjectURL(l), _(URL.createObjectURL(I)), k(!1)) : (l && URL.revokeObjectURL(l), _(null)), o == null || o(I.name, I), h.target.value = "");
+  }, [o, l]), N = S(() => {
+    l && URL.revokeObjectURL(l), _(null), k(!1), o == null || o("", null);
+  }, [o, l]), F = () => {
+    var h;
+    return (h = v.current) == null ? void 0 : h.click();
+  }, q = l || d || null, A = a !== void 0 && n !== a, U = (h) => {
+    h.stopPropagation(), l && URL.revokeObjectURL(l), _(null), k(!1), o == null || o(a ?? "", null);
+  };
+  return /* @__PURE__ */ m("div", { className: w(le.wrapper, f && le.disabled, p), onClick: F, style: { cursor: f ? "default" : "pointer" }, children: [
+    L && q && /* @__PURE__ */ t("div", { className: w(le.previewWrap, y && le.previewLoaded), onClick: F, children: /* @__PURE__ */ t(
+      "img",
+      {
+        className: le.previewImg,
+        src: q,
+        alt: "",
+        onLoad: () => k(!0),
+        onError: () => k(!1)
+      }
+    ) }),
+    (e || A) && /* @__PURE__ */ m("div", { className: le.labelRow, children: [
+      e && /* @__PURE__ */ m("div", { className: le.label, children: [
+        e,
+        s && /* @__PURE__ */ t(Le, { content: s, position: "right", children: /* @__PURE__ */ t("span", { className: le.descDot, children: "?" }) })
+      ] }),
+      A && /* @__PURE__ */ t("button", { type: "button", className: le.resetBtn, onClick: U, children: u })
+    ] }),
+    /* @__PURE__ */ m("div", { className: le.field, onClick: (h) => h.stopPropagation(), children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          className: le.textInput,
+          value: n,
+          placeholder: c,
+          readOnly: !0,
+          onClick: F
+        }
+      ),
+      n && /* @__PURE__ */ t("button", { type: "button", className: le.clearBtn, onClick: (h) => {
+        h.stopPropagation(), N();
+      }, title: "Clear", children: /* @__PURE__ */ t(ca, {}) }),
+      /* @__PURE__ */ t("button", { type: "button", className: le.pickBtn, onClick: (h) => {
+        h.stopPropagation(), F();
+      }, title: "Browse", children: /* @__PURE__ */ t(aa, {}) })
+    ] }),
+    /* @__PURE__ */ t("input", { ref: v, type: "file", accept: i, onChange: $, className: le.hidden, tabIndex: -1 })
+  ] });
+}
+const la = "_wrapper_14mkh_2", da = "_section_14mkh_9", ua = "_sectionDisabled_14mkh_13", _a = "_header_14mkh_19", pa = "_sectionOpen_14mkh_37", ma = "_badge_14mkh_41", ha = "_title_14mkh_62", fa = "_chevron_14mkh_70", va = "_chevronOpen_14mkh_78", ga = "_bodyContent_14mkh_84", ba = "_divider_14mkh_89", wa = "_body_14mkh_84", ya = "_bodyOpening_14mkh_103", ka = "_bodyInner_14mkh_103", xa = "_bodyClosing_14mkh_107", ae = {
+  wrapper: la,
+  section: da,
+  sectionDisabled: ua,
+  header: _a,
+  sectionOpen: pa,
+  badge: ma,
+  title: ha,
+  chevron: fa,
+  chevronOpen: va,
+  bodyContent: ga,
+  divider: ba,
+  body: wa,
+  bodyOpening: ya,
+  bodyInner: ka,
+  bodyClosing: xa
+};
+function Na() {
+  return /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" }) });
+}
+function Ca({
+  item: e,
+  index: s,
+  isOpen: n,
+  onToggle: o,
+  numbered: i,
+  sectionClassName: c,
+  headerClassName: r,
+  bodyClassName: d,
+  showDivider: a
+}) {
+  const u = M(null), f = M(null), [p, v] = x("idle"), [l, _] = x(n ? "auto" : 0), y = M(n);
+  He(() => {
+    const C = y.current;
+    if (y.current = n, C === n) return;
+    const L = f.current;
+    if (!L) return;
+    const $ = L.scrollHeight;
+    n ? (_(0), v("opening"), requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        _($);
+      });
+    })) : (_($), v("closing"), requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        _(0);
+      });
+    }));
+  }, [n]);
+  const k = () => {
+    p === "opening" ? (_("auto"), v("idle")) : p === "closing" && v("idle");
+  };
+  return /* @__PURE__ */ m("div", { className: w(
+    ae.section,
+    n && ae.sectionOpen,
+    e.disabled && ae.sectionDisabled,
+    c,
+    e.className
+  ), children: [
+    /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        className: w(ae.header, r),
+        onClick: () => {
+          e.disabled || o();
+        },
+        "aria-expanded": n,
+        children: [
+          i && /* @__PURE__ */ t("span", { className: ae.badge, children: s + 1 }),
+          /* @__PURE__ */ t("span", { className: ae.title, children: e.title }),
+          /* @__PURE__ */ t("span", { className: w(ae.chevron, n && ae.chevronOpen), children: /* @__PURE__ */ t(Na, {}) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: u,
+        className: w(ae.body, p === "opening" && ae.bodyOpening, p === "closing" && ae.bodyClosing),
+        style: { height: l },
+        onTransitionEnd: k,
+        children: /* @__PURE__ */ m("div", { ref: f, className: ae.bodyContent, children: [
+          a && /* @__PURE__ */ t("div", { className: ae.divider }),
+          /* @__PURE__ */ t("div", { className: w(ae.bodyInner, d, e.contentClassName), children: e.content })
+        ] })
+      }
+    )
+  ] });
+}
+function xc({
+  items: e,
+  multiple: s = !1,
+  defaultOpen: n = [],
+  openKeys: o,
+  onOpenKeysChange: i,
+  numbered: c = !0,
+  className: r,
+  sectionClassName: d,
+  headerClassName: a,
+  bodyClassName: u,
+  showDivider: f = !0
+}) {
+  const [p, v] = x(new Set(n)), l = o !== void 0, _ = l ? new Set(o) : p, y = S((k) => {
+    const C = (L) => {
+      const $ = new Set(L);
+      return $.has(k) ? $.delete(k) : (s || $.clear(), $.add(k)), $;
+    };
+    if (l) {
+      const L = C(new Set(o));
+      i == null || i(Array.from(L));
+    } else
+      v((L) => {
+        const $ = C(L);
+        return i == null || i(Array.from($)), $;
+      });
+  }, [s, l, o, i]);
+  return /* @__PURE__ */ t("div", { className: w(ae.wrapper, r), children: e.map((k, C) => /* @__PURE__ */ t(
+    Ca,
+    {
+      item: k,
+      index: C,
+      isOpen: _.has(k.key),
+      onToggle: () => y(k.key),
+      numbered: c,
+      sectionClassName: d,
+      headerClassName: a,
+      bodyClassName: u,
+      showDivider: f
+    },
+    k.key
+  )) });
+}
+const La = "_wrapper_1xxwq_3", $a = "_trigger_1xxwq_8", Ra = "_panel_1xxwq_12", Ba = "_panelRight_1xxwq_24", Ia = "_panelClosing_1xxwq_28", Ea = "_content_1xxwq_53", ja = "_banner_1xxwq_59", Da = "_userInfo_1xxwq_66", Sa = "_avatarWrap_1xxwq_76", Ta = "_userDetails_1xxwq_84", Ma = "_username_1xxwq_91", za = "_nickname_1xxwq_98", Pa = "_menu_1xxwq_111", Aa = "_item_1xxwq_117", Wa = "_itemDisabled_1xxwq_138", Fa = "_itemIcon_1xxwq_143", qa = "_itemLabel_1xxwq_151", oe = {
+  wrapper: La,
+  trigger: $a,
+  panel: Ra,
+  panelRight: Ba,
+  panelClosing: Ia,
+  content: Ea,
+  banner: ja,
+  userInfo: Da,
+  avatarWrap: Sa,
+  userDetails: Ta,
+  username: Ma,
+  nickname: za,
+  menu: Pa,
+  item: Aa,
+  itemDisabled: Wa,
+  itemIcon: Fa,
+  itemLabel: qa
+};
+function Nc({
+  avatarSrc: e,
+  avatarAlt: s,
+  username: n,
+  nickname: o,
+  bannerSrc: i,
+  status: c,
+  items: r,
+  children: d,
+  className: a,
+  align: u = "right"
+}) {
+  const [f, p] = x(!1), [v, l] = x(!1), [_, y] = x(!1), [k, C] = x({}), L = M(null), $ = M(null);
+  O(() => y(!0), []);
+  const N = S(() => {
+    const h = L.current;
+    if (!h) return;
+    const I = h.getBoundingClientRect();
+    C({
+      position: "fixed",
+      top: I.bottom + 6,
+      left: u === "right" ? void 0 : I.left,
+      right: u === "right" ? window.innerWidth - I.right : void 0,
+      minWidth: 280,
+      zIndex: 10050
+    });
+  }, [u]);
+  O(() => {
+    if (f)
+      return N(), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N), () => {
+        window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
+      };
+  }, [f, N]);
+  const F = S(() => {
+    !f && !v || v || l(!0);
+  }, [f, v]);
+  O(() => {
+    const h = (I) => {
+      var P, H;
+      const E = I.target;
+      (P = L.current) != null && P.contains(E) || (H = $.current) != null && H.contains(E) || F();
+    };
+    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
+  }, [F]);
+  const q = S(() => {
+    v && (l(!1), p(!1));
+  }, [v]), A = () => {
+    f ? F() : p(!0);
+  }, U = f || v;
+  return /* @__PURE__ */ m("div", { ref: L, className: w(oe.wrapper, a), children: [
+    /* @__PURE__ */ t("div", { className: oe.trigger, onClick: A, role: "button", tabIndex: 0, onKeyDown: (h) => h.key === "Enter" && A(), children: d ?? /* @__PURE__ */ t(
+      qe,
+      {
+        src: e,
+        alt: s || "",
+        size: "sm",
+        shape: "rounded",
+        status: c
+      }
+    ) }),
+    _ && U && Re(
+      /* @__PURE__ */ m(
+        "div",
+        {
+          ref: $,
+          className: w(oe.panel, u === "right" && oe.panelRight, v && oe.panelClosing),
+          style: k,
+          onAnimationEnd: q,
+          children: [
+            /* @__PURE__ */ m("div", { className: oe.content, children: [
+              i && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: oe.banner,
+                  style: { backgroundImage: `linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%), url(${i})` }
+                }
+              ),
+              /* @__PURE__ */ m("div", { className: oe.userInfo, children: [
+                /* @__PURE__ */ t("div", { className: oe.avatarWrap, children: /* @__PURE__ */ t(
+                  qe,
+                  {
+                    src: e,
+                    alt: s || "",
+                    size: "lg",
+                    shape: "rounded",
+                    status: c
+                  }
+                ) }),
+                /* @__PURE__ */ m("div", { className: oe.userDetails, children: [
+                  /* @__PURE__ */ t("div", { className: oe.username, children: n }),
+                  o != null && /* @__PURE__ */ t("div", { className: oe.nickname, children: o })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { className: oe.menu, children: r.map((h) => /* @__PURE__ */ m(
+              "button",
+              {
+                type: "button",
+                className: w(oe.item, h.disabled && oe.itemDisabled),
+                disabled: h.disabled,
+                onClick: () => {
+                  var I;
+                  h.disabled || ((I = h.onClick) == null || I.call(h), p(!1));
+                },
+                children: [
+                  h.icon && /* @__PURE__ */ t("span", { className: oe.itemIcon, children: h.icon }),
+                  /* @__PURE__ */ t("span", { className: oe.itemLabel, children: h.label })
+                ]
+              },
+              h.key
+            )) })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+const Ua = "_bar_ctl9k_3", Oa = "_items_ctl9k_11", Ha = "_item_ctl9k_11", Ka = "_iconWrap_ctl9k_37", Za = "_itemActive_ctl9k_47", Va = "_itemDisabled_ctl9k_56", Ga = "_slot_ctl9k_62", ke = {
+  bar: Ua,
+  items: Oa,
+  item: Ha,
+  iconWrap: Ka,
+  itemActive: Za,
+  itemDisabled: Va,
+  slot: Ga
+};
+function Cc({
+  items: e,
+  defaultActiveColor: s,
+  tooltipPosition: n = "right",
+  topContent: o,
+  bottomContent: i,
+  className: c
+}) {
+  return /* @__PURE__ */ m(
+    "nav",
+    {
+      className: w(ke.bar, c),
+      role: "navigation",
+      style: s ? { "--ps-nav-active": s } : void 0,
+      children: [
+        o && /* @__PURE__ */ t("div", { className: ke.slot, children: o }),
+        /* @__PURE__ */ t("div", { className: ke.items, children: e.map((r) => {
+          const d = /* @__PURE__ */ t("span", { className: ke.iconWrap, children: r.icon }), a = r.disabled ? r.disabledTooltip ?? r.tooltip : r.tooltip, u = (v) => a ? /* @__PURE__ */ t(Le, { content: a, position: n, children: v }) : v, f = w(
+            ke.item,
+            r.active && ke.itemActive,
+            r.disabled && ke.itemDisabled
+          ), p = r.active && r.activeColor ? { backgroundColor: r.activeColor } : void 0;
+          return r.href && !r.disabled ? /* @__PURE__ */ t(
+            "a",
+            {
+              href: r.href,
+              className: f,
+              style: p,
+              "aria-label": r.tooltip,
+              "aria-current": r.active ? "page" : void 0,
+              children: u(d)
+            },
+            r.key
+          ) : /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: f,
+              style: p,
+              onClick: r.onClick,
+              disabled: r.disabled,
+              "aria-label": r.tooltip,
+              "aria-current": r.active ? "page" : void 0,
+              children: u(d)
+            },
+            r.key
+          );
+        }) }),
+        i && /* @__PURE__ */ t("div", { className: ke.slot, children: i })
+      ]
+    }
+  );
+}
+export {
+  xc as Accordion,
+  qe as Avatar,
+  rc as AvatarGroup,
+  mc as Badge,
+  Ze as Button,
+  yc as ColorPicker,
+  Ot as ConfirmModal,
+  wc as DropdownMenu,
+  kc as FilePicker,
+  Yo as Input,
+  sc as NavLink,
+  Cc as NavigationBar,
+  oc as OptionPicker,
+  cc as Pagination,
+  en as PromptModal,
+  ec as PulseSyncUIProvider,
+  gc as Select,
+  hc as Skeleton,
+  fc as Slider,
+  _c as Tab,
+  uc as TabList,
+  pc as TabPanel,
+  dc as Tabs,
+  bc as TextInput,
+  ic as ToastProvider,
+  vc as Toggle,
+  Le as Tooltip,
+  No as UserCard,
+  lc as UserMention,
+  Nc as UserMenu,
+  tc as useConfirmModal,
+  nc as usePromptModal,
+  Ye as usePulseSyncUI,
+  ac as useToast
+};
+//# sourceMappingURL=pulsesync-ui.js.map