@inkorange/space-ui 1.0.0

package/dist/index.js

@@ -0,0 +1,1356 @@
+"use client";
+import { forwardRef as y, createElement as se, isValidElement as M, cloneElement as X, useId as L, useMemo as F, useState as R, useRef as w, useEffect as O, useLayoutEffect as ee, Children as he, useCallback as Be, useContext as x, createContext as q } from "react";
+import { jsx as r, jsxs as $, Fragment as U } from "react/jsx-runtime";
+import { c as E } from "./spaceControls.module-Bk7m5-Ag.js";
+const V = {
+  0: "0",
+  1: "var(--spacing-xs)",
+  2: "var(--spacing-sm)",
+  3: "var(--spacing-md)",
+  4: "var(--spacing-md)",
+  5: "var(--spacing-lg)",
+  6: "var(--spacing-xl)"
+};
+function D({ m: e, mt: n, mb: o, p: s, pb: t }, l) {
+  const i = {
+    ...e !== void 0 && { margin: V[e] },
+    ...n !== void 0 && { marginTop: V[n] },
+    ...o !== void 0 && { marginBottom: V[o] },
+    ...s !== void 0 && { padding: V[s] },
+    ...t !== void 0 && { paddingBottom: V[t] },
+    ...l
+  };
+  return Object.keys(i).length > 0 ? i : void 0;
+}
+function g(...e) {
+  return e.filter(Boolean).join(" ");
+}
+const We = "_text_4vcq4_1", Fe = "_size1_4vcq4_5", Ge = "_size2_4vcq4_11", Ue = "_size3_4vcq4_16", Ke = "_size4_4vcq4_21", Xe = "_size5_4vcq4_27", Ye = "_size6_4vcq4_33", Qe = "_medium_4vcq4_39", Je = "_bold_4vcq4_43", et = "_colorMuted_4vcq4_47", tt = "_colorDanger_4vcq4_51", nt = "_colorSuccess_4vcq4_55", ot = "_colorWarning_4vcq4_59", Y = {
+  text: We,
+  size1: Fe,
+  size2: Ge,
+  size3: Ue,
+  size4: Ke,
+  size5: Xe,
+  size6: Ye,
+  medium: Qe,
+  bold: Je,
+  colorMuted: et,
+  colorDanger: tt,
+  colorSuccess: nt,
+  colorWarning: ot
+}, rt = y(function({ as: n = "span", size: o, weight: s, color: t, className: l, style: i, m: c, mt: _, mb: d, p: a, pb: p, ...u }, f) {
+  return se(n, {
+    ...u,
+    ref: f,
+    className: g(
+      Y.text,
+      o && Y[`size${o}`],
+      s && Y[s],
+      t && Y[`color${t[0].toUpperCase()}${t.slice(1)}`],
+      l
+    ),
+    style: D({ m: c, mt: _, mb: d, p: a, pb: p }, i)
+  });
+}), st = "_heading_vs4zk_1", lt = "_size4_vs4zk_7", it = "_size5_vs4zk_13", ct = "_size6_vs4zk_19", at = "_size7_vs4zk_25", ut = "_size8_vs4zk_31", dt = "_size9_vs4zk_37", _t = "_colorMuted_vs4zk_43", pt = "_colorDanger_vs4zk_47", ft = "_alignCenter_vs4zk_51", Z = {
+  heading: st,
+  size4: lt,
+  size5: it,
+  size6: ct,
+  size7: at,
+  size8: ut,
+  size9: dt,
+  colorMuted: _t,
+  colorDanger: pt,
+  alignCenter: ft
+}, gt = y(function({ as: n = "h2", size: o, color: s, align: t, className: l, style: i, m: c, mt: _, mb: d, p: a, pb: p, ...u }, f) {
+  return se(n, {
+    ...u,
+    ref: f,
+    className: g(
+      Z.heading,
+      o && Z[`size${o}`],
+      s === "muted" && Z.colorMuted,
+      s === "danger" && Z.colorDanger,
+      t === "center" && Z.alignCenter,
+      l
+    ),
+    style: D({ m: c, mt: _, mb: d, p: a, pb: p }, i)
+  });
+}), Ct = "_link_1qa7j_1", mt = "_size1_1qa7j_10", ht = "_size2_1qa7j_16", vt = "_size3_1qa7j_21", pe = {
+  link: Ct,
+  size1: mt,
+  size2: ht,
+  size3: vt
+}, C1 = y(function({ asChild: n, size: o, className: s, style: t, m: l, mt: i, mb: c, p: _, pb: d, children: a, ...p }, u) {
+  const f = g(pe.link, o && pe[`size${o}`], s), C = D({ m: l, mt: i, mb: c, p: _, pb: d }, t);
+  if (n && M(a)) {
+    const m = a;
+    return X(m, {
+      ...p,
+      className: g(f, m.props.className),
+      style: { ...C, ...m.props.style }
+    });
+  }
+  return /* @__PURE__ */ r("a", { ...p, ref: u, className: f, style: C, children: a });
+}), bt = "_flex_v4ziu_1", wt = "_gap1_v4ziu_5", yt = "_gap2_v4ziu_9", $t = "_gap3_v4ziu_13", Rt = "_gap4_v4ziu_17", xt = "_gap5_v4ziu_21", qt = "_gap6_v4ziu_25", kt = "_directionRow_v4ziu_29", zt = "_directionColumn_v4ziu_33", Lt = "_alignStart_v4ziu_37", Mt = "_alignCenter_v4ziu_41", Dt = "_alignEnd_v4ziu_45", It = "_alignBaseline_v4ziu_49", St = "_alignStretch_v4ziu_53", Nt = "_justifyStart_v4ziu_57", Tt = "_justifyCenter_v4ziu_61", Ht = "_justifyEnd_v4ziu_65", jt = "_justifyBetween_v4ziu_69", Ot = "_wrapWrap_v4ziu_73", Et = "_wrapNowrap_v4ziu_77", N = {
+  flex: bt,
+  gap1: wt,
+  gap2: yt,
+  gap3: $t,
+  gap4: Rt,
+  gap5: xt,
+  gap6: qt,
+  directionRow: kt,
+  directionColumn: zt,
+  alignStart: Lt,
+  alignCenter: Mt,
+  alignEnd: Dt,
+  alignBaseline: It,
+  alignStretch: St,
+  justifyStart: Nt,
+  justifyCenter: Tt,
+  justifyEnd: Ht,
+  justifyBetween: jt,
+  wrapWrap: Ot,
+  wrapNowrap: Et
+}, Q = (e) => e[0].toUpperCase() + e.slice(1), m1 = y(function({ asChild: n, gap: o, direction: s, align: t, justify: l, wrap: i, className: c, style: _, m: d, mt: a, mb: p, p: u, pb: f, children: C, ...m }, h) {
+  const v = g(
+    N.flex,
+    o && N[`gap${o}`],
+    s && N[`direction${Q(s)}`],
+    t && N[`align${Q(t)}`],
+    l && N[`justify${Q(l)}`],
+    i && N[`wrap${Q(i)}`],
+    c
+  ), I = D({ m: d, mt: a, mb: p, p: u, pb: f }, _);
+  if (n && M(C)) {
+    const S = C;
+    return X(S, {
+      ...m,
+      className: g(v, S.props.className),
+      style: { ...I, ...S.props.style }
+    });
+  }
+  return /* @__PURE__ */ r("div", { ...m, ref: h, className: v, style: I, children: C });
+}), h1 = y(function({ style: n, m: o, mt: s, mb: t, p: l, pb: i, ...c }, _) {
+  return /* @__PURE__ */ r("div", { ...c, ref: _, style: D({ m: o, mt: s, mb: t, p: l, pb: i }, n) });
+}), Pt = "_grid_erpqq_1", Vt = "_cols1_erpqq_5", Zt = "_cols2_erpqq_9", At = "_cols3_erpqq_13", Bt = "_smCols2_erpqq_18", Wt = "_smCols3_erpqq_21", Ft = "_mdCols2_erpqq_26", Gt = "_mdCols3_erpqq_29", Ut = "_gap1_erpqq_33", Kt = "_gap2_erpqq_37", Xt = "_gap3_erpqq_41", Yt = "_gap4_erpqq_45", Qt = "_gap5_erpqq_49", Jt = "_gap6_erpqq_53", T = {
+  grid: Pt,
+  cols1: Vt,
+  cols2: Zt,
+  cols3: At,
+  smCols2: Bt,
+  smCols3: Wt,
+  mdCols2: Ft,
+  mdCols3: Gt,
+  gap1: Ut,
+  gap2: Kt,
+  gap3: Xt,
+  gap4: Yt,
+  gap5: Qt,
+  gap6: Jt
+}, v1 = y(function({ columns: n, gap: o, className: s, style: t, m: l, mt: i, mb: c, p: _, pb: d, ...a }, p) {
+  const u = typeof n == "string" ? [T[`cols${n}`]] : n ? [
+    n.initial && T[`cols${n.initial}`],
+    n.sm && T[`smCols${n.sm}`],
+    n.md && T[`mdCols${n.md}`]
+  ] : [];
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...a,
+      ref: p,
+      className: g(T.grid, ...u, o && T[`gap${o}`], s),
+      style: D({ m: l, mt: i, mb: c, p: _, pb: d }, t)
+    }
+  );
+}), en = "_badge_1twqf_2", tn = "_size1_1twqf_10", nn = "_size2_1twqf_19", on = "_colorMuted_1twqf_28", rn = "_colorPrimary_1twqf_33", sn = "_colorSuccess_1twqf_38", ln = "_colorDanger_1twqf_43", cn = "_colorWarning_1twqf_48", an = "_colorCyan_1twqf_53", un = "_colorPurple_1twqf_58", dn = "_colorOrange_1twqf_63", _n = "_colorAccent_1twqf_68", pn = "_colorYellow_1twqf_73", fn = "_solid_1twqf_81", gn = "_wrap_1twqf_89", A = {
+  badge: en,
+  size1: tn,
+  size2: nn,
+  colorMuted: on,
+  colorPrimary: rn,
+  colorSuccess: sn,
+  colorDanger: ln,
+  colorWarning: cn,
+  colorCyan: an,
+  colorPurple: un,
+  colorOrange: dn,
+  colorAccent: _n,
+  colorYellow: pn,
+  solid: fn,
+  wrap: gn
+}, Cn = (e) => e[0].toUpperCase() + e.slice(1), b1 = y(function({ color: n = "primary", variant: o = "soft", size: s = "1", wrap: t, className: l, style: i, m: c, mt: _, mb: d, p: a, pb: p, ...u }, f) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      ...u,
+      ref: f,
+      className: g(
+        A.badge,
+        A[`color${Cn(n)}`],
+        o === "solid" && A.solid,
+        A[`size${s}`],
+        t && A.wrap,
+        l
+      ),
+      style: D({ m: c, mt: _, mb: d, p: a, pb: p }, i)
+    }
+  );
+}), mn = "_separator_vao01_1", hn = "_full_vao01_7", fe = {
+  separator: mn,
+  full: hn
+}, w1 = y(function({ size: n = "4", className: o, ...s }, t) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      ...s,
+      ref: t,
+      role: "separator",
+      className: g(fe.separator, n === "4" && fe.full, o)
+    }
+  );
+}), vn = "_card_10wsm_1", bn = {
+  card: vn
+}, y1 = y(function({ className: n, style: o, m: s, mt: t, mb: l, p: i, pb: c, ..._ }, d) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ..._,
+      ref: d,
+      className: g(bn.card, n),
+      style: D({ m: s, mt: t, mb: l, p: i, pb: c }, o)
+    }
+  );
+}), wn = "_scrollArea_ujp70_1", yn = {
+  scrollArea: wn
+}, $1 = y(function({ className: n, ...o }, s) {
+  return /* @__PURE__ */ r("div", { ...o, ref: s, className: g(yn.scrollArea, n) });
+}), $n = "_spaceButton_kjhqx_14", Rn = "_rimRotate_kjhqx_1", xn = "_glintSweep_kjhqx_1", qn = "_iconOnly_kjhqx_97", kn = "_lg_kjhqx_104", zn = "_sm_kjhqx_110", Ln = "_micro_kjhqx_122", Mn = "_stars_kjhqx_136", Dn = "_fullWidth_kjhqx_141", In = "_ember_kjhqx_147", Sn = "_label_kjhqx_157", Nn = "_star_kjhqx_136", Tn = "_twinkle_kjhqx_1", k = {
+  spaceButton: $n,
+  rimRotate: Rn,
+  glintSweep: xn,
+  iconOnly: qn,
+  lg: kn,
+  sm: zn,
+  micro: Ln,
+  stars: Mn,
+  fullWidth: Dn,
+  ember: In,
+  label: Sn,
+  star: Nn,
+  twinkle: Tn
+};
+function Hn(e) {
+  return function() {
+    e |= 0, e = e + 1831565813 | 0;
+    let n = Math.imul(e ^ e >>> 15, 1 | e);
+    return n = n + Math.imul(n ^ n >>> 7, 61 | n) ^ n, ((n ^ n >>> 14) >>> 0) / 4294967296;
+  };
+}
+function jn(e) {
+  let n = 2166136261;
+  for (let o = 0; o < e.length; o++)
+    n ^= e.charCodeAt(o), n = Math.imul(n, 16777619);
+  return n >>> 0;
+}
+const R1 = y(
+  function({ iconOnly: n, ember: o, size: s = "md", fullWidth: t, animated: l = !0, className: i, children: c, ..._ }, d) {
+    const a = L(), p = F(() => {
+      const f = Hn(jn(a));
+      return Array.from({ length: 3 }, () => ({
+        top: `${12 + f() * 58}%`,
+        left: `${8 + f() * 80}%`,
+        animationDelay: `${(f() * 3.2).toFixed(2)}s`,
+        animationDuration: `${(2.8 + f() * 1.8).toFixed(2)}s`
+      }));
+    }, [a]), u = [
+      k.spaceButton,
+      n ? k.iconOnly : "",
+      o ? k.ember : "",
+      s !== "md" ? k[s] : "",
+      t ? k.fullWidth : "",
+      i ?? ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ $(
+      "button",
+      {
+        ref: d,
+        className: u,
+        "data-animated": l ? void 0 : "false",
+        ..._,
+        children: [
+          s !== "micro" && /* @__PURE__ */ r("span", { className: k.stars, "aria-hidden": !0, children: p.map((f, C) => /* @__PURE__ */ r("i", { className: k.star, style: f }, C)) }),
+          /* @__PURE__ */ r("span", { className: k.label, children: c })
+        ]
+      }
+    );
+  }
+), On = "_wrap_dwcut_5", En = "_sm_dwcut_30", Pn = "_md_dwcut_36", Vn = "_lg_dwcut_42", Zn = "_orbit_dwcut_49", An = "_planet_dwcut_58", Bn = "_moon_dwcut_73", Wn = "_label_dwcut_92", H = {
+  wrap: On,
+  sm: En,
+  md: Pn,
+  lg: Vn,
+  orbit: Zn,
+  planet: An,
+  "sp-loader-planet-pulse": "_sp-loader-planet-pulse_dwcut_1",
+  moon: Bn,
+  "sp-loader-orbit": "_sp-loader-orbit_dwcut_1",
+  label: Wn,
+  "sp-loader-reduced-pulse": "_sp-loader-reduced-pulse_dwcut_1"
+};
+function x1({ size: e = "md", label: n, className: o }) {
+  return /* @__PURE__ */ $(
+    "div",
+    {
+      className: g(H.wrap, H[e], o),
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": n ?? "Loading",
+      children: [
+        /* @__PURE__ */ $("span", { className: H.orbit, children: [
+          /* @__PURE__ */ r("span", { className: H.planet }),
+          /* @__PURE__ */ r("span", { className: H.moon })
+        ] }),
+        n && /* @__PURE__ */ r("span", { className: H.label, children: n })
+      ]
+    }
+  );
+}
+const Fn = "_content_1bxfq_6", Gn = {
+  content: Fn
+}, Un = 350, Kn = 80, ge = 8, B = 8;
+function Xn({ triggerRef: e, tooltipId: n, show: o, hide: s, children: t }) {
+  const l = t.props;
+  return X(t, {
+    ref: e,
+    // Always present, so the id it points at never dangles: the content
+    // element stays mounted and only toggles its popover state.
+    "aria-describedby": n,
+    onPointerEnter: (i) => {
+      var c;
+      (c = l.onPointerEnter) == null || c.call(l, i), i.pointerType === "mouse" && o();
+    },
+    onPointerLeave: (i) => {
+      var c;
+      (c = l.onPointerLeave) == null || c.call(l, i), s();
+    },
+    // Keyboard focus shows it immediately — no hover delay to wait out.
+    onFocus: (i) => {
+      var c;
+      (c = l.onFocus) == null || c.call(l, i), o(!0);
+    },
+    onBlur: (i) => {
+      var c;
+      (c = l.onBlur) == null || c.call(l, i), s();
+    },
+    // A tooltip must never outlive the action it describes: clicking the
+    // control (expand, switch view) leaves it stranded over the new layout.
+    onClick: (i) => {
+      var c;
+      (c = l.onClick) == null || c.call(l, i), s();
+    }
+  });
+}
+function Yn({ label: e, side: n = "bottom", children: o }) {
+  const s = L(), [t, l] = R(!1), [i, c] = R(null), _ = w(null), d = w(null), a = w(null), p = w(null), u = () => {
+    a.current && (clearTimeout(a.current), a.current = null), p.current && (clearTimeout(p.current), p.current = null);
+  }, f = (m = !1) => {
+    if (u(), m) {
+      l(!0);
+      return;
+    }
+    a.current = setTimeout(() => l(!0), Un);
+  }, C = () => {
+    u(), p.current = setTimeout(() => l(!1), Kn);
+  };
+  return O(() => u, []), ee(() => {
+    const m = d.current;
+    if (!m) return;
+    if (!t) {
+      m.matches(":popover-open") && m.hidePopover();
+      return;
+    }
+    m.matches(":popover-open") || m.showPopover();
+    const h = _.current;
+    if (!h) return;
+    const v = h.getBoundingClientRect(), I = m.offsetWidth, S = m.offsetHeight, te = v.bottom + ge, ne = v.top - S - ge, de = te + S <= window.innerHeight - B, _e = ne >= B, Ze = n === "bottom" ? de || !_e ? te : ne : _e || !de ? ne : te, Ae = Math.min(
+      Math.max(v.left + v.width / 2 - I / 2, B),
+      Math.max(window.innerWidth - I - B, B)
+    );
+    c({ top: Ze, left: Ae });
+  }, [t, n, e]), !e || !M(o) ? /* @__PURE__ */ r(U, { children: o }) : /* @__PURE__ */ $(U, { children: [
+    /* @__PURE__ */ r(
+      Xn,
+      {
+        triggerRef: _,
+        tooltipId: s,
+        show: f,
+        hide: C,
+        children: o
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        id: s,
+        popover: "auto",
+        role: "tooltip",
+        className: Gn.content,
+        style: i ? { top: i.top, left: i.left } : void 0,
+        onToggle: (m) => {
+          m.nativeEvent.newState === "closed" && t && l(!1);
+        },
+        children: e
+      }
+    )
+  ] });
+}
+const Qn = "_group_1kj0b_3", Jn = "_segment_1kj0b_14", eo = "_active_1kj0b_34", oe = {
+  group: Qn,
+  segment: Jn,
+  active: eo
+};
+function q1({
+  options: e,
+  value: n,
+  onValueChange: o,
+  className: s = ""
+}) {
+  return /* @__PURE__ */ r("div", { className: `${oe.group} ${s}`, role: "group", children: e.map((t) => (
+    // The pill sits at the top of the scene, so its tooltips hang below.
+    /* @__PURE__ */ r(Yn, { label: t.label, side: "bottom", children: /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: `${oe.segment} ${t.value === n ? oe.active : ""}`,
+        "aria-label": t.label,
+        "aria-pressed": t.value === n,
+        onClick: () => {
+          t.value !== n && o(t.value);
+        },
+        children: t.icon
+      }
+    ) }, t.value)
+  )) });
+}
+const to = "_root_1bvtq_2", no = "_trigger_1bvtq_7", oo = "_labelWrap_1bvtq_30", ro = "_sizer_1bvtq_8", so = "_triggerLabel_1bvtq_70", lo = "_chevron_1bvtq_77", io = "_listbox_1bvtq_82", co = "_item_1bvtq_110", z = {
+  root: to,
+  trigger: no,
+  labelWrap: oo,
+  sizer: ro,
+  triggerLabel: so,
+  chevron: lo,
+  listbox: io,
+  item: co
+}, ve = q(null), le = () => {
+  const e = x(ve);
+  if (!e) throw new Error("Select parts must be inside Select.Root");
+  return e;
+}, be = (e, n) => `${e}-${encodeURIComponent(n)}`, we = q(null), ie = () => {
+  const e = x(we);
+  if (!e) throw new Error("Select parts must be inside Select.Root");
+  return e;
+};
+function ao(e) {
+  const n = [], o = (s) => {
+    he.forEach(s, (t) => {
+      if (!M(t)) return;
+      const l = t.props;
+      t.type === $e && typeof l.value == "string" ? n.push({ value: l.value, label: l.children, disabled: l.disabled }) : l.children && o(l.children);
+    });
+  };
+  return o(e), n;
+}
+function uo({ value: e, onValueChange: n, disabled: o, children: s }) {
+  const [t, l] = R(!1), [i, c] = R(null), _ = L(), d = w(null), a = w(null), p = F(() => {
+    let h = null;
+    return he.forEach(s, (v) => {
+      M(v) && v.type === ye && (h = v.props.children);
+    }), h;
+  }, [s]), u = F(() => ao(p), [p]), f = F(() => u.filter((h) => !h.disabled).map((h) => h.value), [u]), C = F(() => u.map((h) => h.label), [u]), m = Be(
+    (h) => {
+      var v;
+      return ((v = u.find((I) => I.value === h)) == null ? void 0 : v.label) ?? null;
+    },
+    [u]
+  );
+  return O(() => {
+    if (!t) return;
+    const h = (v) => {
+      a.current && !a.current.contains(v.target) && l(!1);
+    };
+    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
+  }, [t]), /* @__PURE__ */ r(
+    ve.Provider,
+    {
+      value: { value: e, onValueChange: n, disabled: o, open: t, setOpen: l, highlighted: i, setHighlighted: c, listboxId: _, values: f, itemLabels: C, labelFor: m },
+      children: /* @__PURE__ */ r(we.Provider, { value: d, children: /* @__PURE__ */ r("div", { ref: a, className: z.root, children: s }) })
+    }
+  );
+}
+function _o({ placeholder: e, animated: n = !0, className: o, ...s }) {
+  const t = le(), l = ie(), i = t.value ? t.labelFor(t.value) : null, c = (_) => {
+    t.setHighlighted(_ ?? t.values[0] ?? null), t.setOpen(!0);
+  };
+  return /* @__PURE__ */ $(
+    "button",
+    {
+      type: "button",
+      ...s,
+      ref: l,
+      disabled: t.disabled,
+      className: g(z.trigger, E.spaceControl, "spSelectTrigger", o),
+      "data-animated": n ? void 0 : "false",
+      "data-state": t.open ? "open" : "closed",
+      "aria-haspopup": "listbox",
+      "aria-expanded": t.open,
+      "aria-controls": t.listboxId,
+      onClick: () => t.open ? t.setOpen(!1) : c(t.value || null),
+      onKeyDown: (_) => {
+        (_.key === "ArrowDown" || _.key === "Enter" || _.key === " ") && (_.preventDefault(), c(t.value || null));
+      },
+      children: [
+        /* @__PURE__ */ $("span", { className: z.labelWrap, children: [
+          /* @__PURE__ */ $("span", { className: z.sizer, "data-sizer": "", "aria-hidden": "true", children: [
+            t.itemLabels.map((_, d) => (
+              // eslint-disable-next-line react/no-array-index-key
+              /* @__PURE__ */ r("span", { children: _ }, d)
+            )),
+            e && /* @__PURE__ */ r("span", { children: e })
+          ] }),
+          /* @__PURE__ */ r("span", { className: z.triggerLabel, children: i ?? e ?? "" })
+        ] }),
+        /* @__PURE__ */ r("svg", { className: z.chevron, width: "9", height: "9", viewBox: "0 0 9 9", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M0.5 3 L4.5 7 L8.5 3", fill: "none", stroke: "currentColor", strokeWidth: "1.2" }) })
+      ]
+    }
+  );
+}
+function ye({ className: e, position: n, animated: o = !0, children: s }) {
+  const t = le(), l = ie(), i = w(null), [c, _] = R(null), [d, a] = R(null);
+  ee(() => {
+    if (t.open && l.current) {
+      const u = l.current.getBoundingClientRect();
+      _(l.current.offsetWidth);
+      const f = window.innerHeight - u.bottom - 16;
+      a(Math.min(380, Math.max(120, f)));
+    }
+  }, [t.open, l]), O(() => {
+    var u;
+    t.open && ((u = i.current) == null || u.focus());
+  }, [t.open]);
+  const p = (u) => {
+    const f = t.highlighted ? t.values.indexOf(t.highlighted) : -1, C = Math.min(Math.max(f + u, 0), t.values.length - 1);
+    t.setHighlighted(t.values[C] ?? null);
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: i,
+      id: t.listboxId,
+      role: "listbox",
+      tabIndex: -1,
+      hidden: !t.open,
+      "aria-activedescendant": t.highlighted ? be(t.listboxId, t.highlighted) : void 0,
+      className: g(z.listbox, E.spacePanel, e),
+      "data-animated": o ? void 0 : "false",
+      style: c != null || d != null ? {
+        ...c != null ? { "--_select-trigger-width": `${c}px` } : {},
+        ...d != null ? { maxHeight: `${d}px` } : {}
+      } : void 0,
+      onKeyDown: (u) => {
+        var f, C;
+        u.key === "Escape" ? (u.stopPropagation(), t.setOpen(!1), (f = l.current) == null || f.focus()) : u.key === "ArrowDown" ? (u.preventDefault(), p(1)) : u.key === "ArrowUp" ? (u.preventDefault(), p(-1)) : u.key === "Home" ? (u.preventDefault(), t.setHighlighted(t.values[0] ?? null)) : u.key === "End" ? (u.preventDefault(), t.setHighlighted(t.values[t.values.length - 1] ?? null)) : u.key === "Enter" || u.key === " " ? (u.preventDefault(), t.highlighted && (t.onValueChange(t.highlighted), t.setOpen(!1), (C = l.current) == null || C.focus())) : u.key === "Tab" && t.setOpen(!1);
+      },
+      children: s
+    }
+  );
+}
+function $e({ value: e, disabled: n, children: o }) {
+  const s = le(), t = ie(), l = s.value === e, i = s.highlighted === e;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      id: be(s.listboxId, e),
+      role: "option",
+      "aria-selected": l,
+      "aria-disabled": n || void 0,
+      "data-highlighted": i ? "" : void 0,
+      className: g(z.item, "spSelectItem"),
+      onMouseEnter: () => !n && s.setHighlighted(e),
+      onClick: () => {
+        var c;
+        n || (s.onValueChange(e), s.setOpen(!1), (c = t.current) == null || c.focus());
+      },
+      children: o
+    }
+  );
+}
+const k1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: ye,
+  Item: $e,
+  Root: uo,
+  Trigger: _o
+}, Symbol.toStringTag, { value: "Module" })), po = "_root_1lx7y_1", fo = "_input_1lx7y_7", go = "_slot_1lx7y_17", re = {
+  root: po,
+  input: fo,
+  slot: go
+}, Co = y(function({ className: n, style: o, animated: s = !0, children: t, ...l }, i) {
+  return /* @__PURE__ */ $(
+    "div",
+    {
+      className: g(re.root, E.spaceInput, "spTextFieldRoot", n),
+      "data-animated": s ? void 0 : "false",
+      style: o,
+      children: [
+        t,
+        /* @__PURE__ */ r("input", { ...l, ref: i, className: g(re.input, "spTextFieldInput") })
+      ]
+    }
+  );
+});
+function mo({
+  children: e
+}) {
+  return /* @__PURE__ */ r("span", { className: re.slot, children: e });
+}
+const z1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Root: Co,
+  Slot: mo
+}, Symbol.toStringTag, { value: "Module" })), ho = "_root_1qu6w_1", vo = "_textarea_1qu6w_6", Ce = {
+  root: ho,
+  textarea: vo
+}, L1 = y(function({ className: n, style: o, animated: s = !0, ...t }, l) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: g(Ce.root, E.spaceInput, E.spaceTextArea, "spTextFieldRoot", n),
+      "data-animated": s ? void 0 : "false",
+      style: o,
+      children: /* @__PURE__ */ r("textarea", { ...t, ref: l, className: g(Ce.textarea, "spTextAreaInput") })
+    }
+  );
+}), bo = "_root_14a1b_1", wo = "_track_14a1b_12", yo = "_range_14a1b_22", $o = "_thumb_14a1b_28", Ro = "_input_14a1b_38", W = {
+  root: bo,
+  track: wo,
+  range: yo,
+  thumb: $o,
+  input: Ro
+}, M1 = y(function({ value: n, onValueChange: o, min: s, max: t, step: l, disabled: i, className: c, "aria-label": _ }, d) {
+  const a = n[0] ?? s, p = t === s ? 0 : (a - s) / (t - s) * 100;
+  return /* @__PURE__ */ $("span", { className: g(W.root, E.spaceSlider, c), "data-disabled": i || void 0, children: [
+    /* @__PURE__ */ r("span", { className: g(W.track, "spSliderTrack"), children: /* @__PURE__ */ r("span", { className: g(W.range, "spSliderRange"), style: { width: `${p}%` } }) }),
+    /* @__PURE__ */ r("span", { className: g(W.thumb, "spSliderThumb"), style: { left: `${p}%` } }),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        ref: d,
+        type: "range",
+        className: g(W.input, "spSliderInput"),
+        value: a,
+        min: s,
+        max: t,
+        step: l,
+        disabled: i,
+        "aria-label": _,
+        onChange: (u) => o([Number(u.target.value)])
+      }
+    )
+  ] });
+}), xo = "_root_1qhel_2", qo = "_item_1qhel_8", ko = "_selfLabeled_1qhel_15", zo = "_input_1qhel_19", Lo = "_orb_1qhel_35", j = {
+  root: xo,
+  item: qo,
+  selfLabeled: ko,
+  input: zo,
+  orb: Lo
+}, Re = q(null);
+function Mo({ value: e, onValueChange: n, disabled: o, className: s, children: t }) {
+  const l = L();
+  return /* @__PURE__ */ r(Re.Provider, { value: { value: e, onValueChange: n, disabled: o, name: l }, children: /* @__PURE__ */ r("div", { role: "radiogroup", className: g(j.root, s), children: t }) });
+}
+function Do({ value: e, disabled: n, children: o }) {
+  const s = x(Re);
+  if (!s) throw new Error("RadioGroup.Item must be inside RadioGroup.Root");
+  const t = n || s.disabled, l = /* @__PURE__ */ $(U, { children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        type: "radio",
+        className: j.input,
+        name: s.name,
+        value: e,
+        checked: s.value === e,
+        disabled: t,
+        onChange: () => s.onValueChange(e)
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: g(j.orb, "spRadioOrb"), "aria-hidden": "true" })
+  ] });
+  return o == null ? /* @__PURE__ */ r("span", { className: j.item, children: l }) : /* @__PURE__ */ $("label", { className: g(j.item, j.selfLabeled), children: [
+    l,
+    o
+  ] });
+}
+const D1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Item: Do,
+  Root: Mo
+}, Symbol.toStringTag, { value: "Module" })), Io = "_progress_sr231_16", So = {
+  progress: Io
+};
+function I1({ value: e, max: n = 100, className: o, style: s, ...t }) {
+  const l = n > 0 ? Math.min(Math.max(e / n * 100, 0), 100) : 0;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...t,
+      role: "progressbar",
+      "aria-valuenow": e,
+      "aria-valuemin": 0,
+      "aria-valuemax": n,
+      className: g(So.progress, o),
+      style: s,
+      children: /* @__PURE__ */ r("div", { style: { width: `${l}%`, height: "100%" } })
+    }
+  );
+}
+const b = {
+  width: 15,
+  height: 15,
+  viewBox: "0 0 15 15",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": !0
+};
+function S1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M3.5 5.00006C3.22386 5.00006 3 5.22392 3 5.50006L3 11.5001C3 11.7762 3.22386 12.0001 3.5 12.0001L11.5 12.0001C11.7761 12.0001 12 11.7762 12 11.5001L12 5.50006C12 5.22392 11.7761 5.00006 11.5 5.00006L10.25 5.00006C9.97386 5.00006 9.75 4.7762 9.75 4.50006C9.75 4.22392 9.97386 4.00006 10.25 4.00006L11.5 4.00006C12.3284 4.00006 13 4.67163 13 5.50006L13 11.5001C13 12.3285 12.3284 13.0001 11.5 13.0001L3.5 13.0001C2.67157 13.0001 2 12.3285 2 11.5001L2 5.50006C2 4.67163 2.67157 4.00006 3.5 4.00006L4.75 4.00006C5.02614 4.00006 5.25 4.22392 5.25 4.50006C5.25 4.7762 5.02614 5.00006 4.75 5.00006L3.5 5.00006ZM7 1.6364L5.5682 3.0682C5.39246 3.24393 5.10754 3.24393 4.9318 3.0682C4.75607 2.89246 4.75607 2.60754 4.9318 2.4318L7.1818 0.181802C7.26619 0.09741 7.38065 0.049999 7.5 0.049999C7.61935 0.049999 7.73381 0.09741 7.8182 0.181802L10.0682 2.4318C10.2439 2.60754 10.2439 2.89246 10.0682 3.0682C9.89246 3.24393 9.60754 3.24393 9.4318 3.0682L8 1.6364L8 8.5C8 8.77614 7.77614 9 7.5 9C7.22386 9 7 8.77614 7 8.5L7 1.6364Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function N1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M12.5 3L2.5 3.00002C1.67157 3.00002 1 3.6716 1 4.50002V9.50003C1 10.3285 1.67157 11 2.5 11H7.50003C7.63264 11 7.75982 11.0527 7.85358 11.1465L10 13.2929V11.5C10 11.2239 10.2239 11 10.5 11H12.5C13.3284 11 14 10.3285 14 9.50003V4.5C14 3.67157 13.3284 3 12.5 3ZM2.49999 2.00002L12.5 2C13.8807 2 15 3.11929 15 4.5V9.50003C15 10.8807 13.8807 12 12.5 12H11V14.5C11 14.7022 10.8782 14.8845 10.6913 14.9619C10.5045 15.0393 10.2894 14.9965 10.1464 14.8536L7.29292 12H2.5C1.11929 12 0 10.8807 0 9.50003V4.50002C0 3.11931 1.11928 2.00003 2.49999 2.00002Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function T1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function H1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M11.8536 1.14645C11.6583 0.951184 11.3417 0.951184 11.1465 1.14645L3.71455 8.57836C3.62459 8.66832 3.55263 8.77461 3.50251 8.89155L2.04044 12.303C1.9599 12.491 2.00189 12.709 2.14646 12.8536C2.29103 12.9981 2.50905 13.0401 2.69697 12.9596L6.10847 11.4975C6.2254 11.4474 6.3317 11.3754 6.42166 11.2855L13.8536 3.85355C14.0488 3.65829 14.0488 3.34171 13.8536 3.14645L11.8536 1.14645ZM4.42166 9.28547L11.5 2.20711L12.7929 3.5L5.71455 10.5784L4.21924 11.2192L3.78081 10.7808L4.42166 9.28547Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function j1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M1.35248 4.90532C1.35248 2.94498 2.936 1.35248 4.89346 1.35248C6.25769 1.35248 6.86058 1.92336 7.50002 2.93545C8.13946 1.92336 8.74235 1.35248 10.1066 1.35248C12.064 1.35248 13.6476 2.94498 13.6476 4.90532C13.6476 6.74041 12.6013 8.50508 11.4008 9.96927C10.2636 11.3562 8.92194 12.5508 8.00601 13.3664C7.94645 13.4194 7.88869 13.4709 7.83291 13.5206C7.64324 13.6899 7.3568 13.6899 7.16713 13.5206C7.11135 13.4709 7.05359 13.4194 6.99403 13.3664C6.0781 12.5508 4.73641 11.3562 3.59926 9.96927C2.39872 8.50508 1.35248 6.74041 1.35248 4.90532Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function O1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M5.5 2C5.77614 2 6 2.22386 6 2.5V5.5C6 5.77614 5.77614 6 5.5 6H2.5C2.22386 6 2 5.77614 2 5.5C2 5.22386 2.22386 5 2.5 5H5V2.5C5 2.22386 5.22386 2 5.5 2ZM9.5 2C9.77614 2 10 2.22386 10 2.5V5H12.5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H9.5C9.22386 6 9 5.77614 9 5.5V2.5C9 2.22386 9.22386 2 9.5 2ZM2 9.5C2 9.22386 2.22386 9 2.5 9H5.5C5.77614 9 6 9.22386 6 9.5V12.5C6 12.7761 5.77614 13 5.5 13C5.22386 13 5 12.7761 5 12.5V10H2.5C2.22386 10 2 9.77614 2 9.5ZM9 9.5C9 9.22386 9.22386 9 9.5 9H12.5C12.7761 9 13 9.22386 13 9.5C13 9.77614 12.7761 10 12.5 10H10V12.5C10 12.7761 9.77614 13 9.5 13C9.22386 13 9 12.7761 9 12.5V9.5Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function E1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M2 2.5C2 2.22386 2.22386 2 2.5 2H5.5C5.77614 2 6 2.22386 6 2.5C6 2.77614 5.77614 3 5.5 3H3V5.5C3 5.77614 2.77614 6 2.5 6C2.22386 6 2 5.77614 2 5.5V2.5ZM9 2.5C9 2.22386 9.22386 2 9.5 2H12.5C12.7761 2 13 2.22386 13 2.5V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3H9.5C9.22386 3 9 2.77614 9 2.5ZM2.5 9C2.77614 9 3 9.22386 3 9.5V12H5.5C5.77614 12 6 12.2239 6 12.5C6 12.7761 5.77614 13 5.5 13H2.5C2.22386 13 2 12.7761 2 12.5V9.5C2 9.22386 2.22386 9 2.5 9ZM12.5 9C12.7761 9 13 9.22386 13 9.5V12.5C13 12.7761 12.7761 13 12.5 13H9.5C9.22386 13 9 12.7761 9 12.5C9 12.2239 9.22386 12 9.5 12H12V9.5C12 9.22386 12.2239 9 12.5 9Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function P1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function V1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M5.5 1C5.22386 1 5 1.22386 5 1.5C5 1.77614 5.22386 2 5.5 2H9.5C9.77614 2 10 1.77614 10 1.5C10 1.22386 9.77614 1 9.5 1H5.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H5H10H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H11V12C11 12.5523 10.5523 13 10 13H5C4.44772 13 4 12.5523 4 12V4L3.5 4C3.22386 4 3 3.77614 3 3.5ZM5 4H10V12H5V4Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function Z1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M0.877075 7.49972C0.877075 3.84204 3.84222 0.876892 7.49991 0.876892C11.1576 0.876892 14.1227 3.84204 14.1227 7.49972C14.1227 11.1574 11.1576 14.1226 7.49991 14.1226C3.84222 14.1226 0.877075 11.1574 0.877075 7.49972ZM7.49991 1.82689C4.36689 1.82689 1.82708 4.36671 1.82708 7.49972C1.82708 10.6327 4.36689 13.1726 7.49991 13.1726C10.6329 13.1726 13.1727 10.6327 13.1727 7.49972C13.1727 4.36671 10.6329 1.82689 7.49991 1.82689ZM8.24993 10.5C8.24993 10.9142 7.91414 11.25 7.49993 11.25C7.08571 11.25 6.74993 10.9142 6.74993 10.5C6.74993 10.0858 7.08571 9.75 7.49993 9.75C7.91414 9.75 8.24993 10.0858 8.24993 10.5ZM6.05003 6.25C6.05003 5.57211 6.63511 4.925 7.50003 4.925C8.36496 4.925 8.95003 5.57211 8.95003 6.25C8.95003 6.74118 8.68002 6.99212 8.21447 7.27494C8.16251 7.30651 8.10258 7.34131 8.03847 7.37854L8.03841 7.37858C7.85521 7.48497 7.63788 7.61119 7.47449 7.73849C7.23214 7.92732 6.95003 8.23198 6.95003 8.7C6.95004 9.00376 7.19628 9.25 7.50004 9.25C7.8024 9.25 8.04778 9.00601 8.05002 8.70417L8.05056 8.7033C8.05924 8.6896 8.08493 8.65735 8.15058 8.6062C8.25207 8.52712 8.36508 8.46163 8.51567 8.37436L8.51571 8.37433C8.59422 8.32883 8.68296 8.27741 8.78559 8.21506C9.32004 7.89038 10.05 7.35382 10.05 6.25C10.05 4.92789 8.93511 3.825 7.50003 3.825C6.06496 3.825 4.95003 4.92789 4.95003 6.25C4.95003 6.55376 5.19628 6.8 5.50003 6.8C5.80379 6.8 6.05003 6.55376 6.05003 6.25Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function A1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function B1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function W1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function F1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M4.89346 2.35248C3.49195 2.35248 2.35248 3.49359 2.35248 4.90532C2.35248 6.38164 3.20954 7.9168 4.37255 9.33522C5.39396 10.581 6.59464 11.6702 7.50002 12.4778C8.4054 11.6702 9.60608 10.581 10.6275 9.33522C11.7905 7.9168 12.6476 6.38164 12.6476 4.90532C12.6476 3.49359 11.5081 2.35248 10.1066 2.35248C9.27059 2.35248 8.81894 2.64323 8.5397 2.95843C8.27877 3.25295 8.14623 3.58566 8.02501 3.88993C8.00391 3.9429 7.98315 3.99501 7.96211 4.04591C7.88482 4.23294 7.7024 4.35494 7.50002 4.35494C7.29765 4.35494 7.11523 4.23295 7.03793 4.04592C7.01689 3.99501 6.99612 3.94289 6.97502 3.8899C6.8538 3.58564 6.72126 3.25294 6.46034 2.95843C6.18109 2.64323 5.72945 2.35248 4.89346 2.35248ZM1.35248 4.90532C1.35248 2.94498 2.936 1.35248 4.89346 1.35248C6.0084 1.35248 6.73504 1.76049 7.20884 2.2953C7.32062 2.42147 7.41686 2.55382 7.50002 2.68545C7.58318 2.55382 7.67941 2.42147 7.79119 2.2953C8.265 1.76049 8.99164 1.35248 10.1066 1.35248C12.064 1.35248 13.6476 2.94498 13.6476 4.90532C13.6476 6.74041 12.6013 8.50508 11.4008 9.96927C10.2636 11.3562 8.92194 12.5508 8.00601 13.3664C7.94645 13.4194 7.88869 13.4709 7.83291 13.5206C7.64324 13.6899 7.3568 13.6899 7.16713 13.5206C7.11135 13.4709 7.05359 13.4194 6.99403 13.3664C6.0781 12.5508 4.73641 11.3562 3.59926 9.96927C2.39872 8.50508 1.35248 6.74041 1.35248 4.90532Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function G1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function U1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function K1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M6.1584 3.13508C5.95694 3.32394 5.94673 3.64036 6.13559 3.84182L9.56499 7.49991L6.13559 11.158C5.94673 11.3595 5.95694 11.6759 6.1584 11.8647C6.35986 12.0536 6.67628 12.0434 6.86514 11.8419L10.6151 7.84182C10.7954 7.64946 10.7954 7.35036 10.6151 7.158L6.86514 3.15801C6.67628 2.95655 6.35986 2.94634 6.1584 3.13508Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function X1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M8.84182 3.13508C9.04328 3.32394 9.05348 3.64036 8.86462 3.84182L5.43523 7.49991L8.86462 11.158C9.05348 11.3595 9.04328 11.6759 8.84182 11.8647C8.64036 12.0536 8.32394 12.0434 8.13508 11.8419L4.38508 7.84182C4.20477 7.64946 4.20477 7.35036 4.38508 7.158L8.13508 3.15801C8.32394 2.95655 8.64036 2.94634 8.84182 3.13508Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function Y1(e) {
+  return /* @__PURE__ */ r("svg", { ...b, ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M3 2.5C3 2.22386 3.22386 2 3.5 2H11.5C11.7761 2 12 2.22386 12 2.5V13.5C12 13.6818 11.9014 13.8492 11.7424 13.9373C11.5834 14.0254 11.3891 14.0203 11.235 13.924L7.5 11.5896L3.765 13.924C3.61087 14.0203 3.41659 14.0254 3.25762 13.9373C3.09864 13.8492 3 13.6818 3 13.5V2.5ZM4 3V12.5979L6.97 10.7416C7.29427 10.539 7.70573 10.539 8.03 10.7416L11 12.5979V3H4Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function No(e) {
+  return /* @__PURE__ */ r("svg", { viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", ...e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M11.8 3.2a.6.6 0 0 0-.85 0L7.5 6.65 4.05 3.2a.6.6 0 1 0-.85.85L6.65 7.5 3.2 10.95a.6.6 0 1 0 .85.85L7.5 8.35l3.45 3.45a.6.6 0 0 0 .85-.85L8.35 7.5l3.45-3.45a.6.6 0 0 0 0-.85Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+const To = "_dialog_1qqku_2", Ho = "_inner_1qqku_34", jo = "_size4_1qqku_39", Oo = "_title_1qqku_43", Eo = "_closeX_1qqku_51", G = {
+  dialog: To,
+  inner: Ho,
+  size4: jo,
+  title: Oo,
+  closeX: Eo
+};
+let J = 0;
+const xe = q(null), P = () => {
+  const e = x(xe);
+  if (!e) throw new Error("Dialog parts must be inside Dialog.Root");
+  return e;
+};
+function ce(e) {
+  return function({ open: o, onOpenChange: s, children: t }) {
+    const [l, i] = R(!1), c = o !== void 0, _ = c ? o : l, d = (C) => {
+      c || i(C), s == null || s(C);
+    }, a = L(), p = L(), [u, f] = R(!1);
+    return /* @__PURE__ */ r(xe.Provider, { value: { open: _, setOpen: d, titleId: a, descId: p, alert: e, hasDesc: u, setHasDesc: f }, children: t });
+  };
+}
+const Po = ce(!1), qe = (e, n) => {
+  if (!M(e)) return e;
+  const o = e;
+  return X(o, {
+    onClick: (s) => {
+      var t, l;
+      (l = (t = o.props).onClick) == null || l.call(t, s), n();
+    }
+  });
+};
+function ke({
+  children: e
+}) {
+  const n = P();
+  return /* @__PURE__ */ r(U, { children: qe(e, () => n.setOpen(!0)) });
+}
+function ae({
+  children: e
+}) {
+  const n = P();
+  return /* @__PURE__ */ r(U, { children: qe(e, () => n.setOpen(!1)) });
+}
+function ze({ size: e = "3", maxWidth: n, className: o, style: s, children: t, ...l }) {
+  const i = P(), c = w(null), _ = w(!1), d = w(!1);
+  return O(() => {
+    const a = c.current;
+    a && (i.open && !a.open ? a.showModal() : !i.open && a.open && a.close());
+  }, [i.open]), O(() => {
+    if (i.open)
+      return J += 1, J === 1 && (document.body.style.overflow = "hidden"), () => {
+        J -= 1, J === 0 && (document.body.style.overflow = "");
+      };
+  }, [i.open]), /* @__PURE__ */ r(
+    "dialog",
+    {
+      ...l,
+      ref: c,
+      role: i.alert ? "alertdialog" : void 0,
+      "aria-labelledby": i.titleId,
+      "aria-describedby": i.hasDesc ? i.descId : void 0,
+      className: g(G.dialog, "spDialog", e === "4" && G.size4, o),
+      style: { ...n ? { maxWidth: n } : null, ...s },
+      onKeyDownCapture: (a) => {
+        var p, u;
+        a.key === "Escape" && ((p = c.current) != null && p.querySelector("dialog[open]") || (u = c.current) != null && u.querySelector('[role="listbox"]:not([hidden])') && (_.current = !0));
+      },
+      onCancel: (a) => {
+        if (a.preventDefault(), _.current) {
+          _.current = !1;
+          return;
+        }
+        i.setOpen(!1);
+      },
+      onClose: () => {
+        i.open && i.setOpen(!1);
+      },
+      onPointerDown: (a) => {
+        d.current = a.target === c.current;
+      },
+      onClick: (a) => {
+        !i.alert && a.target === c.current && d.current && i.setOpen(!1);
+      },
+      children: /* @__PURE__ */ $("div", { className: G.inner, children: [
+        !i.alert && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: G.closeX,
+            "aria-label": "Close",
+            onClick: () => i.setOpen(!1),
+            children: /* @__PURE__ */ r(No, { width: 16, height: 16 })
+          }
+        ),
+        t
+      ] })
+    }
+  );
+}
+function Le({ className: e, ...n }) {
+  const o = P();
+  return /* @__PURE__ */ r(gt, { as: "h2", size: "5", ...n, id: o.titleId, className: g(G.title, e) });
+}
+function Me(e) {
+  const n = P(), { setHasDesc: o } = n;
+  return ee(() => (o(!0), () => o(!1)), [o]), /* @__PURE__ */ r(rt, { as: "p", ...e, id: n.descId });
+}
+const Q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Close: ae,
+  Content: ze,
+  Description: Me,
+  Root: Po,
+  Title: Le,
+  Trigger: ke,
+  makeRoot: ce,
+  useDialog: P
+}, Symbol.toStringTag, { value: "Module" })), Vo = ce(!0), Zo = ke, Ao = ze, Bo = Le, Wo = Me, Fo = ae, Go = ae, J1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Action: Go,
+  Cancel: Fo,
+  Content: Ao,
+  Description: Wo,
+  Root: Vo,
+  Title: Bo,
+  Trigger: Zo
+}, Symbol.toStringTag, { value: "Module" })), Uo = "_menu_1hwyv_1", Ko = "_label_1hwyv_16", Xo = "_item_1hwyv_26", Yo = "_danger_1hwyv_45", Qo = "_separator_1hwyv_49", K = {
+  menu: Uo,
+  label: Ko,
+  item: Xo,
+  danger: Yo,
+  separator: Qo
+}, De = q(null), ue = () => {
+  const e = x(De);
+  if (!e) throw new Error("DropdownMenu parts must be inside DropdownMenu.Root");
+  return e;
+}, Ie = q(null), Se = () => {
+  const e = x(Ie);
+  if (!e) throw new Error("DropdownMenu parts must be inside DropdownMenu.Root");
+  return e;
+}, Ne = q(null), Jo = () => {
+  const e = x(Ne);
+  if (!e) throw new Error("DropdownMenu parts must be inside DropdownMenu.Root");
+  return e;
+}, Te = q(null), He = () => {
+  const e = x(Te);
+  if (!e) throw new Error("DropdownMenu parts must be inside DropdownMenu.Root");
+  return e;
+}, je = q(null), Oe = () => {
+  const e = x(je);
+  if (!e) throw new Error("DropdownMenu parts must be inside DropdownMenu.Root");
+  return e;
+};
+function e1(e) {
+  return e.current ? (e.current = !1, !0) : !1;
+}
+function me(e) {
+  e.current = !0;
+}
+function t1({
+  children: e
+}) {
+  const [n, o] = R(!1), s = L(), t = w(null), l = w(null), i = w(!1), c = w(!1);
+  return /* @__PURE__ */ r(De.Provider, { value: { open: n, setOpen: o, menuId: s }, children: /* @__PURE__ */ r(Ie.Provider, { value: t, children: /* @__PURE__ */ r(Ne.Provider, { value: l, children: /* @__PURE__ */ r(Te.Provider, { value: i, children: /* @__PURE__ */ r(je.Provider, { value: c, children: e }) }) }) }) });
+}
+function n1({
+  children: e
+}) {
+  const n = ue(), o = Se(), s = He();
+  if (!M(e)) return null;
+  const t = e;
+  return X(t, {
+    ref: o,
+    "aria-haspopup": "menu",
+    "aria-expanded": n.open,
+    "aria-controls": n.menuId,
+    onClick: (l) => {
+      var i, c;
+      (c = (i = t.props).onClick) == null || c.call(i, l), !e1(s) && n.setOpen(!n.open);
+    }
+  });
+}
+function o1({
+  align: e = "start",
+  children: n
+}) {
+  const o = ue(), s = Se(), t = Jo(), l = He(), i = Oe(), [c, _] = R(null);
+  return ee(() => {
+    var a;
+    const d = t.current;
+    if (d)
+      if (o.open) {
+        const p = s.current;
+        if (p) {
+          const u = p.getBoundingClientRect(), f = e === "end" ? "auto" : u.left, C = e === "end" ? window.innerWidth - u.right : "auto";
+          _({ top: u.bottom + 6, left: f, right: C });
+        }
+        d.showPopover(), (a = d.querySelector('[role="menuitem"]')) == null || a.focus();
+      } else d.matches(":popover-open") && d.hidePopover();
+  }, [o.open, e, t, s]), O(() => {
+    if (!o.open) return;
+    const d = o.setOpen, a = () => d(!1);
+    return window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+  }, [o.open, o.setOpen]), /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      id: o.menuId,
+      role: "menu",
+      popover: "auto",
+      className: K.menu,
+      style: c ? {
+        top: c.top,
+        left: c.left === "auto" ? "auto" : c.left,
+        right: c.right === "auto" ? "auto" : c.right
+      } : void 0,
+      onToggle: (d) => {
+        if (d.nativeEvent.newState === "closed") {
+          const a = i.current;
+          i.current = !1, a || (l.current = !0, setTimeout(() => {
+            l.current = !1;
+          }, 300)), o.open && o.setOpen(!1);
+        }
+      },
+      onKeyDown: (d) => {
+        var u, f, C, m, h, v;
+        const a = Array.from(
+          ((u = t.current) == null ? void 0 : u.querySelectorAll('[role="menuitem"]')) ?? []
+        ), p = a.indexOf(document.activeElement);
+        d.key === "ArrowDown" ? (d.preventDefault(), (f = a[Math.min(p + 1, a.length - 1)]) == null || f.focus()) : d.key === "ArrowUp" ? (d.preventDefault(), (C = a[Math.max(p - 1, 0)]) == null || C.focus()) : d.key === "Home" ? (d.preventDefault(), (m = a[0]) == null || m.focus()) : d.key === "End" ? (d.preventDefault(), (h = a[a.length - 1]) == null || h.focus()) : d.key === "Escape" && (o.setOpen(!1), (v = s.current) == null || v.focus());
+      },
+      children: n
+    }
+  );
+}
+function r1({
+  children: e
+}) {
+  return /* @__PURE__ */ r("div", { className: K.label, children: e });
+}
+function s1({ asChild: e, color: n, onSelect: o, children: s }) {
+  const t = ue(), l = Oe(), i = g(K.item, n === "danger" && K.danger), c = () => {
+    me(l), t.setOpen(!1), o == null || o();
+  };
+  if (e && M(s)) {
+    const _ = s, {
+      className: d,
+      onClick: a,
+      children: p,
+      role: u,
+      tabIndex: f,
+      ...C
+    } = _.props, m = _.ref;
+    return se(
+      _.type,
+      {
+        key: _.key,
+        ref: m,
+        role: "menuitem",
+        tabIndex: -1,
+        ...C,
+        className: g(i, d),
+        onClick: (h) => {
+          a == null || a(h), me(l), t.setOpen(!1);
+        }
+      },
+      p
+    );
+  }
+  return /* @__PURE__ */ r("button", { type: "button", role: "menuitem", tabIndex: -1, className: i, onClick: c, children: s });
+}
+function l1() {
+  return /* @__PURE__ */ r("div", { role: "separator", className: K.separator });
+}
+const er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: o1,
+  Item: s1,
+  Label: r1,
+  Root: t1,
+  Separator: l1,
+  Trigger: n1
+}, Symbol.toStringTag, { value: "Module" })), i1 = "_list_19grf_19", c1 = "_trigger_19grf_28", Ee = {
+  list: i1,
+  trigger: c1
+}, Pe = q(null), Ve = () => {
+  const e = x(Pe);
+  if (!e) throw new Error("Tabs parts must be inside Tabs.Root");
+  return e;
+};
+function a1({ value: e, onValueChange: n, className: o, children: s }) {
+  const t = L();
+  return /* @__PURE__ */ r(Pe.Provider, { value: { value: e, onValueChange: n, id: t }, children: /* @__PURE__ */ r("div", { className: o, children: s }) });
+}
+function u1({
+  children: e
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "tablist",
+      className: g(Ee.list, "spTabsList"),
+      onKeyDown: (n) => {
+        const o = Array.from(
+          n.currentTarget.querySelectorAll('[role="tab"]')
+        ), s = o.indexOf(document.activeElement);
+        if (s !== -1) {
+          if (n.key === "ArrowRight") {
+            n.preventDefault();
+            const t = o[(s + 1) % o.length];
+            t.focus(), t.click();
+          } else if (n.key === "ArrowLeft") {
+            n.preventDefault();
+            const t = o[(s - 1 + o.length) % o.length];
+            t.focus(), t.click();
+          } else if (n.key === "Home") {
+            n.preventDefault();
+            const t = o[0];
+            t.focus(), t.click();
+          } else if (n.key === "End") {
+            n.preventDefault();
+            const t = o[o.length - 1];
+            t.focus(), t.click();
+          }
+        }
+      },
+      children: e
+    }
+  );
+}
+function d1({ value: e, className: n, children: o, ...s }) {
+  const t = Ve(), l = t.value === e;
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ...s,
+      type: "button",
+      role: "tab",
+      id: `${t.id}-tab-${e}`,
+      "aria-selected": l,
+      "aria-controls": `${t.id}-panel-${e}`,
+      tabIndex: l ? 0 : -1,
+      "data-state": l ? "active" : "inactive",
+      className: g(Ee.trigger, "spTabsTrigger", n),
+      onClick: () => t.onValueChange(e),
+      children: o
+    }
+  );
+}
+function _1({
+  value: e,
+  children: n
+}) {
+  const o = Ve();
+  return o.value !== e ? null : /* @__PURE__ */ r("div", { role: "tabpanel", id: `${o.id}-panel-${e}`, "aria-labelledby": `${o.id}-tab-${e}`, children: n });
+}
+const tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: _1,
+  List: u1,
+  Root: a1,
+  Trigger: d1
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  J1 as AlertDialog,
+  b1 as Badge,
+  Y1 as BookmarkIcon,
+  h1 as Box,
+  R1 as Button,
+  y1 as Card,
+  N1 as ChatBubbleIcon,
+  P1 as CheckIcon,
+  U1 as ChevronDownIcon,
+  X1 as ChevronLeftIcon,
+  K1 as ChevronRightIcon,
+  G1 as ChevronUpIcon,
+  Q1 as Dialog,
+  er as DropdownMenu,
+  E1 as EnterFullScreenIcon,
+  O1 as ExitFullScreenIcon,
+  m1 as Flex,
+  v1 as Grid,
+  gt as Heading,
+  j1 as HeartFilledIcon,
+  F1 as HeartIcon,
+  q1 as IconToggle,
+  C1 as Link,
+  x1 as Loader,
+  W1 as MagnifyingGlassIcon,
+  B1 as MinusIcon,
+  H1 as Pencil1Icon,
+  A1 as PersonIcon,
+  T1 as PlusIcon,
+  I1 as Progress,
+  Z1 as QuestionMarkCircledIcon,
+  D1 as RadioGroup,
+  $1 as ScrollArea,
+  k1 as Select,
+  w1 as Separator,
+  S1 as Share2Icon,
+  M1 as Slider,
+  tr as Tabs,
+  rt as Text,
+  L1 as TextArea,
+  z1 as TextField,
+  Yn as Tooltip,
+  V1 as TrashIcon,
+  No as XIcon
+};
+//# sourceMappingURL=index.js.map