twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/input-DOIOurw8.js

@@ -0,0 +1,1322 @@
+import { c as l, n as la, r as w, s as N, t as da } from "./theme-constants-DETwIS-a.js";
+import { n as ca, t as Or } from "./Pill-abKRH4XK.js";
+import { o as sa, u as ua } from "./utilities-kvjM4sIB.js";
+import { o as H, s as ma } from "./theme-OwFrow8b.js";
+import { n as _a } from "./Button-u4e3zI-a.js";
+import { t as S } from "./mergeClassNames-BHKm1BNi.js";
+import { Et as pa, Or as va, Sa as ha, jo as ba, wt as Mr } from "./TablerIcons-Ctfi8z4q.js";
+import { t as Pr } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
+import { _ as Nr, m as ga, x as fa } from "./data-display-ByvqdkPn.js";
+import { i as ka, n as jr, r as Wr } from "./OverflowingTextWithTooltip-C21bgWKF.js";
+import { _ as I, l as L, u as Q } from "./surfaces-B8zw9F5W.js";
+import { n as ya, t as Sa } from "./useResizeHandle-CCRiw9Fi.js";
+import { clsx as _ } from "clsx";
+import br, { createContext as Na, forwardRef as W, useContext as Ca, useEffect as sr, useId as Vr, useLayoutEffect as xa, useMemo as Kr, useRef as $a, useState as P } from "react";
+import { isBoolean as Ba, isFunction as Ur, isNumber as wa } from "@sniptt/guards";
+import { Fragment as or, jsx as o, jsxs as v } from "react/jsx-runtime";
+import { Link as gr } from "react-router-dom";
+import { useRender as Yr } from "@base-ui/react/use-render";
+import { Radio as Cr } from "@base-ui/react/radio";
+import { Checkbox as xr } from "@base-ui/react/checkbox";
+import Ia, { loader as La } from "@monaco-editor/react";
+import { Field as j } from "@base-ui/react/field";
+import { useDirection as za } from "@base-ui/react/direction-provider";
+import { Input as fr } from "@base-ui/react/input";
+import { RadioGroup as Ta } from "@base-ui/react/radio-group";
+import { Select as B } from "@base-ui/react/select";
+import { Slider as O } from "@base-ui/react/slider";
+import { Switch as $r } from "@base-ui/react/switch";
+var Da = "_button_1qefn_1", Ea = "_small_1qefn_53", Ra = "_medium_1qefn_58", qa = "_fullWidth_1qefn_63", Fa = "_square_1qefn_67", Ha = "_motion_1qefn_73", Aa = "_separator_1qefn_77", Ga = "_shortcutLabel_1qefn_93", Oa = "_soonPillContainer_1qefn_107", D = {
+  button: Da,
+  small: Ea,
+  medium: Ra,
+  fullWidth: qa,
+  square: Fa,
+  motion: Ha,
+  separator: Aa,
+  shortcutLabel: Ga,
+  soonPillContainer: Oa
+}, Ma = ({ variant: r, inverted: a, accent: n, disabled: t, focus: i, position: d }) => {
+  const e = {
+    background: "transparent",
+    borderColor: "transparent",
+    borderWidthOverride: "",
+    boxShadow: "none",
+    color: l.font.color.secondary,
+    hoverBackground: "transparent",
+    activeBackground: "transparent"
+  };
+  switch (r) {
+    case "primary":
+      switch (n) {
+        case "default":
+          e.background = a ? l.background.primary : l.background.secondary, e.borderColor = a ? l.background.transparent.light : !t && i ? l.color.blue : l.background.transparent.light, e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && i ? `0 0 0 3px ${a ? l.background.transparent.medium : l.accent.tertiary}` : "none", e.color = a ? l.font.color.secondary : t ? l.font.color.extraLight : l.font.color.secondary, t ? (e.hoverBackground = e.background, e.activeBackground = e.background) : (e.hoverBackground = a ? l.background.secondary : l.background.tertiary, e.activeBackground = a ? l.background.tertiary : l.background.quaternary);
+          break;
+        case "blue":
+          e.background = a ? l.background.primary : l.color.blue, e.borderColor = a ? l.background.transparent.light : i ? l.color.blue : l.background.transparent.light, e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && i ? `0 0 0 3px ${a ? l.background.transparent.medium : l.accent.tertiary}` : "none", e.color = a ? l.color.blue : H.gray1, t ? (e.hoverBackground = e.background, e.activeBackground = e.background) : (e.hoverBackground = a ? l.background.secondary : l.color.blue10, e.activeBackground = a ? l.background.tertiary : l.color.blue12);
+          break;
+        case "danger":
+          e.background = a ? l.background.primary : l.color.red, e.borderColor = a ? l.background.transparent.light : i ? l.color.red : l.background.transparent.light, e.borderWidthOverride = "1px 1px", e.boxShadow = !t && i ? `0 0 0 3px ${a ? l.background.transparent.medium : l.color.red3}` : "none", e.color = a ? l.color.red : l.background.primary, t ? (e.hoverBackground = e.background, e.activeBackground = e.background) : (e.hoverBackground = a ? l.background.secondary : l.color.red8, e.activeBackground = a ? l.background.tertiary : l.color.red10);
+          break;
+      }
+      break;
+    case "secondary":
+    case "tertiary":
+      switch (n) {
+        case "default":
+          e.background = "transparent", e.borderColor = a ? r === "secondary" ? i || t ? H.gray1 : l.background.transparent.primary : i ? H.gray1 : "transparent" : r === "secondary" ? !t && i ? l.color.blue : l.background.transparent.medium : i ? l.color.blue : "transparent", e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && i ? `0 0 0 3px ${a ? l.background.transparent.medium : l.accent.tertiary}` : "none", e.color = a ? l.font.color.inverted : t ? l.font.color.extraLight : l.font.color.secondary, e.hoverBackground = a ? l.background.transparent.light : t ? "transparent" : l.background.transparent.light, e.activeBackground = a ? l.background.transparent.medium : t ? "transparent" : l.background.transparent.light;
+          break;
+        case "blue":
+          e.background = "transparent", e.borderColor = a ? r === "secondary" ? i || t ? H.gray1 : l.background.transparent.primary : i ? H.gray1 : "transparent" : r === "secondary" ? i ? l.color.blue : l.accent.primary : i ? l.color.blue : "transparent", e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && i ? `0 0 0 3px ${a ? l.background.transparent.medium : l.accent.tertiary}` : "none", e.color = a ? l.font.color.inverted : t ? l.accent.accent4060 : l.color.blue, e.hoverBackground = a ? l.background.transparent.light : t ? "transparent" : l.accent.tertiary, e.activeBackground = a ? l.background.transparent.medium : t ? "transparent" : l.accent.secondary;
+          break;
+        case "danger":
+          e.background = "transparent", e.borderColor = a ? r === "secondary" ? i || t ? H.gray1 : l.background.transparent.primary : i ? H.gray1 : "transparent" : r === "secondary" ? i ? l.color.red : l.border.color.danger : i ? l.color.red : "transparent", e.borderWidthOverride = "1px 1px 1px 1px", e.boxShadow = !t && i ? `0 0 0 3px ${a ? l.background.transparent.medium : l.color.red3}` : "none", e.color = a ? l.font.color.inverted : l.font.color.danger, e.hoverBackground = a ? l.background.transparent.light : t ? "transparent" : l.background.danger, e.activeBackground = a ? l.background.transparent.medium : t ? "transparent" : l.background.danger;
+          break;
+      }
+      break;
+  }
+  if (e.borderWidthOverride !== "" && d !== "standalone") switch (d) {
+    case "left":
+      e.borderWidthOverride = "1px 0px 1px 1px";
+      break;
+    case "middle":
+      e.borderWidthOverride = "1px 0px 1px 0px";
+      break;
+    case "right":
+      e.borderWidthOverride = "1px 1px 1px 0px";
+      break;
+  }
+  return e;
+}, Yt = ({ className: r, Icon: a, animatedSvg: n, title: t, fullWidth: i = !1, variant: d = "primary", inverted: e = !1, size: c = "medium", accent: s = "default", square: u = !1, position: m = "standalone", soon: f = !1, disabled: y = !1, justify: x = "flex-start", focus: p = !1, onClick: b, to: k, target: g, dataTestId: $, hotkeys: R, ariaLabel: V, dataClickOutsideId: Y, dataGloballyPreventClickOutside: tr, soonLabel: nr = "Soon" }) => {
+  const ir = w(), X = sa(), M = f || y, lr = Kr(() => {
+    const T = Ma({
+      variant: d,
+      inverted: e,
+      accent: s,
+      disabled: M,
+      focus: p,
+      position: m
+    });
+    return {
+      "--abtn-bg": T.background,
+      "--abtn-border-color": T.borderColor,
+      "--abtn-border-width": T.borderWidthOverride || void 0,
+      "--abtn-box-shadow": T.boxShadow,
+      "--abtn-color": T.color,
+      "--abtn-hover-bg": T.hoverBackground,
+      "--abtn-active-bg": T.activeBackground
+    };
+  }, [
+    d,
+    e,
+    s,
+    M,
+    p,
+    m
+  ]);
+  return /* @__PURE__ */ v(k ? gr : "button", {
+    className: _(D.button, D[c], u && D.square, i && D.fullWidth, r),
+    "data-position": m,
+    "data-disabled": M || void 0,
+    disabled: M,
+    style: {
+      ...lr,
+      "--abtn-justify": x
+    },
+    onClick: b,
+    to: k,
+    target: g,
+    "data-testid": $,
+    "aria-label": V,
+    "data-click-outside-id": Y,
+    "data-globally-prevent-click-outside": tr,
+    children: [
+      a && /* @__PURE__ */ o("div", {
+        className: D.motion,
+        children: /* @__PURE__ */ o(a, {
+          size: ir.icon.size.sm,
+          "aria-hidden": !0
+        })
+      }),
+      n && /* @__PURE__ */ o("div", {
+        className: D.motion,
+        children: n
+      }),
+      t,
+      R && !X && /* @__PURE__ */ v(or, { children: [/* @__PURE__ */ o("div", {
+        className: D.separator,
+        "data-size": c,
+        "data-accent": s
+      }), /* @__PURE__ */ o("div", {
+        className: D.shortcutLabel,
+        "data-variant": d,
+        "data-accent": s,
+        children: R.join(ua())
+      })] }),
+      f && /* @__PURE__ */ o("span", {
+        className: D.soonPillContainer,
+        children: /* @__PURE__ */ o(Or, { label: nr })
+      })
+    ]
+  });
+}, Pa = "_button_qb7pr_1", ja = "_small_qb7pr_51", Wa = "_medium_qb7pr_57", Va = "_iconContainer_qb7pr_63", ur = {
+  button: Pa,
+  small: ja,
+  medium: Wa,
+  iconContainer: Va
+}, Xt = ({ "aria-label": r, className: a, testId: n, Icon: t, active: i = !1, size: d = "small", accent: e = "secondary", disabled: c = !1, focus: s = !1, rotate: u, onClick: m, title: f }) => {
+  const y = w();
+  return /* @__PURE__ */ o("button", {
+    "data-testid": n,
+    "aria-label": r,
+    onClick: m,
+    disabled: c,
+    "data-disabled": c || void 0,
+    "data-focus": s && !c || void 0,
+    "data-accent": e,
+    "data-active": i || void 0,
+    className: _(ur.button, ur[d], a),
+    title: f,
+    children: /* @__PURE__ */ o("div", {
+      className: ur.iconContainer,
+      style: u !== void 0 ? { transform: `rotate(${u}deg)` } : void 0,
+      children: t && /* @__PURE__ */ o(t, {
+        size: d === "medium" ? y.icon.size.md : y.icon.size.sm,
+        "aria-hidden": !!r
+      })
+    })
+  });
+}, Ka = "_container_143ex_1", Ua = { container: Ka }, Jt = ({ className: r, children: a, variant: n, size: t, color: i, render: d, ref: e, ...c }) => {
+  const s = Yr({
+    render: d,
+    ref: e,
+    props: {
+      role: "group",
+      ...c,
+      className: _(Ua.container, r),
+      children: a
+    }
+  });
+  return /* @__PURE__ */ o(_a.Provider, {
+    value: {
+      variant: n,
+      color: i,
+      size: t
+    },
+    children: s
+  });
+}, Ya = "_root_ahkrw_1", Xa = "_control_ahkrw_18", Ja = "_sm_ahkrw_33", Qa = "_md_ahkrw_38", Za = "_indicator_ahkrw_49", Z = {
+  root: Ya,
+  control: Xa,
+  sm: Ja,
+  md: Qa,
+  indicator: Za
+}, re = ({ children: r, className: a, size: n = "sm", ...t }) => /* @__PURE__ */ v(Cr.Root, {
+  ...t,
+  className: S(_(Z.root, Z[n]), a),
+  children: [/* @__PURE__ */ o("span", {
+    className: Z.control,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ o(Cr.Indicator, { className: Z.indicator })
+  }), r]
+}), ae = "_container_1gape_1", ee = "_cardInner_1gape_23", Br = {
+  container: ae,
+  cardInner: ee
+}, Qt = ({ children: r, className: a, ...n }) => /* @__PURE__ */ o(re, {
+  render: /* @__PURE__ */ o("div", {}),
+  ...n,
+  className: S(Br.container, a),
+  children: /* @__PURE__ */ o("div", {
+    className: Br.cardInner,
+    children: r
+  })
+}), Zt = ({ size: r = "sm", variant: a = "solid", shape: n = "square", color: t = "accent", hoverable: i = !0, className: d, children: e, ...c }) => /* @__PURE__ */ v(xr.Root, {
+  ...c,
+  className: S(_(I.root, I[r], I[a], I[n], I[t], i && I.hoverable), d),
+  children: [/* @__PURE__ */ o("span", {
+    className: I.box,
+    children: /* @__PURE__ */ v(xr.Indicator, {
+      className: I.indicator,
+      children: [/* @__PURE__ */ o(Mr, {
+        className: I.check,
+        "aria-hidden": !0
+      }), /* @__PURE__ */ o(ha, {
+        className: I.minus,
+        "aria-hidden": !0
+      })]
+    })
+  }), e]
+}), wr = "baseCodeEditorTheme", h = (r) => {
+  if (r.trim() === "transparent") return "#00000000";
+  const a = r.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);
+  if (N(a)) {
+    const [, n, t, i, d] = a, e = Math.round(parseFloat(n) * 255).toString(16).padStart(2, "0"), c = Math.round(parseFloat(t) * 255).toString(16).padStart(2, "0"), s = Math.round(parseFloat(i) * 255).toString(16).padStart(2, "0");
+    return N(d) ? `#${e}${c}${s}${Math.round(parseFloat(d) * 255).toString(16).padStart(2, "0")}` : `#${e}${c}${s}`;
+  }
+  return r;
+}, oe = (r, a) => ({
+  base: a === "dark" ? "vs-dark" : "vs",
+  inherit: !0,
+  rules: [
+    {
+      token: "",
+      foreground: h(r.font.color.secondary)
+    },
+    {
+      token: "keyword",
+      foreground: h(r.color.pink11)
+    },
+    {
+      token: "keyword.control",
+      foreground: h(r.color.pink11)
+    },
+    {
+      token: "keyword.json",
+      foreground: h(r.color.orange11)
+    },
+    {
+      token: "number",
+      foreground: h(r.color.orange11)
+    },
+    {
+      token: "number.json",
+      foreground: h(r.color.orange11)
+    },
+    {
+      token: "regexp",
+      foreground: h(r.color.orange11)
+    },
+    {
+      token: "type",
+      foreground: h(r.color.green11)
+    },
+    {
+      token: "attribute.name",
+      foreground: h(r.color.blue11)
+    },
+    {
+      token: "tag",
+      foreground: h(r.color.pink11)
+    },
+    {
+      token: "string",
+      foreground: h(r.color.green11)
+    },
+    {
+      token: "string.key.json",
+      foreground: h(r.color.blue11)
+    },
+    {
+      token: "delimiter",
+      foreground: h(r.font.color.light)
+    },
+    {
+      token: "delimiter.bracket.json",
+      foreground: h(r.font.color.light)
+    },
+    {
+      token: "string.value.json",
+      foreground: h(r.color.green11)
+    },
+    {
+      token: "comment",
+      foreground: h(r.font.color.light),
+      fontStyle: "italic"
+    }
+  ],
+  colors: {
+    "editor.background": h("transparent"),
+    "editor.foreground": h(r.font.color.secondary),
+    "editorCursor.foreground": h(r.font.color.primary),
+    "editorLineNumber.foreground": h(r.font.color.extraLight),
+    "editorLineNumber.activeForeground": h(r.font.color.light),
+    "editor.lineHighlightBackground": h(r.background.tertiary),
+    "editor.selectionBackground": h(r.background.transparent.blue),
+    "editor.inactiveSelectionBackground": h(r.background.transparent.light),
+    "editorIndentGuide.background1": h(r.border.color.light),
+    "editorIndentGuide.activeBackground1": h(r.border.color.medium),
+    "editorBracketMatch.background": h(r.background.transparent.light),
+    "editorBracketMatch.border": h(r.border.color.medium)
+  }
+}), te = "_editorLoader_zilk9_1", ne = "_container_zilk9_20", ie = "_editorWrapper_zilk9_24", mr = {
+  editorLoader: te,
+  container: ne,
+  editorWrapper: ie
+}, Ir, le = () => (Ir ??= import("monaco-editor").then((r) => {
+  La.config({ monaco: r });
+}), Ir), Lr = (r, a, n) => {
+  r.editor.defineTheme(wr, oe(a, n)), r.editor.setTheme(wr);
+}, rn = ({ value: r, language: a, onMount: n, onChange: t, setMarkers: i, onValidate: d, height: e = 450, variant: c = "default", transparentBackground: s, isLoading: u = !1, options: m, resizable: f = !1, contentPadding: y = "default", autoHeight: x = !1 }) => {
+  const p = w(), b = la(), [k, g] = P(void 0), [$, R] = P(void 0), [V, Y] = P(!1), [tr, nr] = P(!1), [ir, X] = P(void 0), { size: M, handleResizeStart: lr, handleResizeMove: T, handleResizeEnd: oa } = Sa({ initialSize: typeof e == "number" ? e : 450 }), dr = x && !f, cr = typeof p.spacingMultiplicator == "number" ? p.spacingMultiplicator * 4 : void 0, J = dr ? ir ?? e : f ? M : e, ta = {
+    ...y === "comfortable" ? { lineDecorationsWidth: cr } : {},
+    padding: {
+      bottom: cr,
+      top: cr
+    }
+  }, { padding: kt, ...na } = m ?? {}, Sr = (C, q) => {
+    const F = C?.getModel();
+    if (!N(F)) return;
+    const K = i?.(F.getValue());
+    N(K) && q?.editor.setModelMarkers(F, "customMarker", K);
+  }, ia = (C) => {
+    V && C.stopPropagation();
+  };
+  return sr(() => {
+    let C = !0;
+    return le().then(() => {
+      C && nr(!0);
+    }), () => {
+      C = !1;
+    };
+  }, []), sr(() => {
+    N(k) && Lr(k, p, b);
+  }, [
+    b,
+    k,
+    p
+  ]), sr(() => {
+    if (!dr || !N($)) {
+      X(void 0);
+      return;
+    }
+    const C = () => {
+      const F = $.getContentHeight();
+      !Number.isFinite(F) || F <= 0 || X((K) => K === F ? K : F);
+    };
+    C();
+    const q = $.onDidContentSizeChange(C);
+    return () => {
+      q.dispose();
+    };
+  }, [$, dr]), u || !tr ? /* @__PURE__ */ o("div", {
+    className: mr.editorLoader,
+    "data-variant": c,
+    style: { "--code-editor-height": typeof J == "number" ? `${J}px` : J },
+    children: /* @__PURE__ */ o(ca, {})
+  }) : /* @__PURE__ */ v("div", {
+    className: mr.container,
+    onKeyDown: ia,
+    children: [
+      /* @__PURE__ */ o("input", {
+        type: "hidden",
+        "data-testid": "code-editor-value",
+        value: r ?? "",
+        readOnly: !0
+      }),
+      /* @__PURE__ */ o("div", {
+        className: mr.editorWrapper,
+        "data-variant": c,
+        "data-transparent-background": s || void 0,
+        children: /* @__PURE__ */ o(Ia, {
+          height: J,
+          value: r,
+          language: a,
+          loading: "",
+          onMount: (C, q) => {
+            g(q), R(C), Lr(q, p, b), C.onDidFocusEditorWidget(() => {
+              Y(!0);
+            }), C.onDidBlurEditorWidget(() => {
+              Y(!1);
+            }), n?.(C, q), Sr(C, q);
+          },
+          onChange: (C) => {
+            N(C) && (t?.(C), Sr($, k));
+          },
+          onValidate: (C) => {
+            d?.(C);
+          },
+          options: {
+            formatOnPaste: !0,
+            formatOnType: !0,
+            fontFamily: p.code.font.family,
+            bracketPairColorization: { enabled: !1 },
+            overviewRulerLanes: 0,
+            scrollBeyondLastLine: !1,
+            scrollbar: {
+              vertical: "hidden",
+              horizontal: "hidden"
+            },
+            minimap: { enabled: !1 },
+            ...na,
+            ...ta
+          }
+        })
+      }),
+      f && /* @__PURE__ */ o(ya, {
+        onPointerDown: lr,
+        onPointerMove: T,
+        onPointerUp: oa
+      })
+    ]
+  });
+}, de = "_editorHeader_19qlo_1", ce = "_elementContainer_19qlo_15", _r = {
+  editorHeader: de,
+  elementContainer: ce
+}, an = ({ title: r, leftNodes: a, rightNodes: n }) => /* @__PURE__ */ v("div", {
+  className: _r.editorHeader,
+  children: [/* @__PURE__ */ v("div", {
+    className: _r.elementContainer,
+    children: [a && a.map((t, i) => /* @__PURE__ */ o("div", { children: t }, `left-${i}`)), r]
+  }), /* @__PURE__ */ o("div", {
+    className: _r.elementContainer,
+    children: n && n.map((t, i) => /* @__PURE__ */ o("div", { children: t }, `right-${i}`))
+  })]
+}), se = "_button_18q4p_1", ue = "_small_18q4p_36", me = "_medium_18q4p_42", zr = {
+  button: se,
+  small: ue,
+  medium: me
+}, Xr = ({ "aria-label": r, className: a, testId: n, Icon: t, active: i = !1, size: d = "small", accent: e = "secondary", disabled: c = !1, focus: s = !1, onClick: u, title: m }) => {
+  const f = w();
+  return /* @__PURE__ */ o("button", {
+    "data-testid": n,
+    "aria-label": r,
+    onClick: u,
+    disabled: c,
+    className: _(zr.button, zr[d], a),
+    "data-accent": e,
+    "data-active": i || void 0,
+    "data-disabled": c || void 0,
+    "data-focus": s && !c || void 0,
+    title: m,
+    children: t && /* @__PURE__ */ o(t, {
+      size: d === "medium" ? f.icon.size.md : f.icon.size.sm,
+      "aria-hidden": !!r
+    })
+  });
+}, _e = "_wrapper_1dmor_1", pe = { wrapper: _e }, en = ({ colorName: r, isSelected: a, onClick: n }) => /* @__PURE__ */ o("div", {
+  className: pe.wrapper,
+  "data-selected": a || void 0,
+  children: /* @__PURE__ */ o(Xr, {
+    size: "medium",
+    Icon: () => /* @__PURE__ */ o(ga, { colorName: r }),
+    "aria-label": `Select ${r} color`,
+    onClick: n
+  })
+}), ve = "_container_qsmue_1", he = "_colorSchemeBackground_qsmue_6", be = "_colorSchemeContent_qsmue_22", ge = "_mixedColorSchemeSegment_qsmue_39", fe = "_checkmarkContainer_qsmue_54", A = {
+  container: ve,
+  colorSchemeBackground: he,
+  colorSchemeContent: be,
+  mixedColorSchemeSegment: ge,
+  checkmarkContainer: fe
+}, pr = ({ variant: r, style: a, className: n, onClick: t, onMouseEnter: i, onMouseLeave: d }) => {
+  const e = r === "Dark" ? ma : H, c = _(A.colorSchemeBackground, n), s = {
+    "--color-scheme-card-background": e.gray4,
+    "--color-scheme-card-border-color": e.gray5,
+    "--color-scheme-card-content-background": e.gray1,
+    "--color-scheme-card-content-color": e.gray12,
+    ...a
+  }, u = /* @__PURE__ */ o("div", {
+    className: A.colorSchemeContent,
+    children: "Aa"
+  });
+  return N(t) ? /* @__PURE__ */ o("div", {
+    className: c,
+    style: s,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": r,
+    onClick: t,
+    onKeyDown: Pr,
+    onMouseEnter: i,
+    onMouseLeave: d,
+    children: u
+  }) : /* @__PURE__ */ o("div", {
+    className: c,
+    style: s,
+    onMouseEnter: i,
+    onMouseLeave: d,
+    children: u
+  });
+}, vr = ({ variant: r, selected: a, onClick: n, className: t }) => {
+  const i = /* @__PURE__ */ v(or, { children: [/* @__PURE__ */ o(pr, {
+    style: {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    },
+    variant: "Light"
+  }), /* @__PURE__ */ o(pr, {
+    style: {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0
+    },
+    variant: "Dark"
+  })] });
+  return r === "System" ? /* @__PURE__ */ v("div", {
+    className: _(A.container, t),
+    children: [N(n) ? /* @__PURE__ */ o("div", {
+      className: A.mixedColorSchemeSegment,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": r,
+      onClick: n,
+      onKeyDown: Pr,
+      children: i
+    }) : /* @__PURE__ */ o("div", {
+      className: A.mixedColorSchemeSegment,
+      children: i
+    }), /* @__PURE__ */ o("div", {
+      className: A.checkmarkContainer,
+      "data-selected": a || void 0,
+      children: /* @__PURE__ */ o(Nr, {})
+    })]
+  }) : /* @__PURE__ */ v("div", {
+    className: _(A.container, t),
+    children: [/* @__PURE__ */ o(pr, {
+      variant: r,
+      onClick: n
+    }), /* @__PURE__ */ o("div", {
+      className: A.checkmarkContainer,
+      "data-selected": a || void 0,
+      children: /* @__PURE__ */ o(Nr, {})
+    })]
+  });
+}, ke = "_container_pqcwk_1", ye = "_cardContainer_pqcwk_13", Se = "_card_pqcwk_13", Ne = "_label_pqcwk_29", z = {
+  container: ke,
+  cardContainer: ye,
+  card: Se,
+  label: Ne
+}, on = ({ value: r, onChange: a, className: n, lightLabel: t, darkLabel: i, systemLabel: d }) => /* @__PURE__ */ v("div", {
+  className: _(z.container, n),
+  children: [
+    /* @__PURE__ */ v("div", {
+      className: z.cardContainer,
+      children: [/* @__PURE__ */ o(vr, {
+        className: z.card,
+        onClick: () => a("Light"),
+        variant: "Light",
+        selected: r === "Light"
+      }), /* @__PURE__ */ o("span", {
+        className: z.label,
+        children: t
+      })]
+    }),
+    /* @__PURE__ */ v("div", {
+      className: z.cardContainer,
+      children: [/* @__PURE__ */ o(vr, {
+        className: z.card,
+        onClick: () => a("Dark"),
+        variant: "Dark",
+        selected: r === "Dark"
+      }), /* @__PURE__ */ o("span", {
+        className: z.label,
+        children: i
+      })]
+    }),
+    /* @__PURE__ */ v("div", {
+      className: z.cardContainer,
+      children: [/* @__PURE__ */ o(vr, {
+        className: z.card,
+        onClick: () => a("System"),
+        variant: "System",
+        selected: r === "System"
+      }), /* @__PURE__ */ o("span", {
+        className: z.label,
+        children: d
+      })]
+    })
+  ]
+}), Ce = "_description_yrj5x_1", xe = { description: Ce }, Jr = W(({ className: r, ...a }, n) => /* @__PURE__ */ o(j.Description, {
+  ref: n,
+  className: S(xe.description, r),
+  ...a
+}));
+Jr.displayName = "FieldDescription";
+var $e = "_error_179et_1", Be = { error: $e }, Qr = W(({ className: r, ...a }, n) => /* @__PURE__ */ o(j.Error, {
+  ref: n,
+  className: S(Be.error, r),
+  ...a
+}));
+Qr.displayName = "FieldError";
+var we = "_label_1yxve_1", Ie = { label: we }, Zr = W(({ className: r, ...a }, n) => /* @__PURE__ */ o(j.Label, {
+  ref: n,
+  className: S(Ie.label, r),
+  ...a
+}));
+Zr.displayName = "FieldLabel";
+var tn = {
+  Root: j.Root,
+  Label: Zr,
+  Control: j.Control,
+  Description: Jr,
+  Error: Qr,
+  Validity: j.Validity
+}, Le = "_button_1l322_1", ze = "_small_1l322_37", Te = "_medium_1l322_41", Tr = {
+  button: Le,
+  small: ze,
+  medium: Te
+}, nn = ({ className: r, Icon: a, title: n, ariaLabel: t, size: i = "small", position: d = "standalone", applyBlur: e = !0, applyShadow: c = !0, disabled: s = !1, focus: u = !1, to: m }) => {
+  const f = w();
+  return /* @__PURE__ */ v(m ? gr : "button", {
+    disabled: s,
+    "aria-label": t,
+    className: _(Tr.button, Tr[i], r),
+    "data-position": d,
+    "data-apply-blur": e || void 0,
+    "data-apply-shadow": c || void 0,
+    "data-disabled": s || void 0,
+    "data-focus": u && !s || void 0,
+    to: m,
+    children: [a && /* @__PURE__ */ o(a, {
+      size: f.icon.size.sm,
+      "aria-hidden": !0
+    }), n]
+  });
+}, De = "_container_4trh1_1", Ee = { container: De }, ln = ({ children: r, size: a, className: n }) => /* @__PURE__ */ o("div", {
+  className: _(Ee.container, n),
+  children: br.Children.map(r, (t, i) => {
+    let d;
+    i === 0 ? d = "left" : i === r.length - 1 ? d = "right" : d = "middle";
+    const e = {
+      position: d,
+      size: a,
+      applyShadow: !1,
+      applyBlur: !1
+    };
+    return N(a) && (e.size = a), br.cloneElement(t, e);
+  })
+}), Re = "_button_1nypz_1", qe = "_small_1nypz_23", Fe = "_medium_1nypz_28", Dr = {
+  button: Re,
+  small: qe,
+  medium: Fe
+}, He = ({ className: r, Icon: a, ariaLabel: n, size: t = "small", position: i = "standalone", applyShadow: d = !0, applyBlur: e = !0, disabled: c = !1, focus: s = !1, onClick: u, isActive: m }) => {
+  const f = w();
+  return /* @__PURE__ */ o("button", {
+    disabled: c,
+    "aria-label": n,
+    className: _(Dr.button, Dr[t], r),
+    "data-position": i,
+    "data-apply-shadow": d || void 0,
+    "data-apply-blur": e || void 0,
+    "data-disabled": c || void 0,
+    "data-focus": s && !c || void 0,
+    "data-is-active": m || void 0,
+    onClick: u,
+    children: a && /* @__PURE__ */ o(a, {
+      size: f.icon.size.md,
+      "aria-hidden": !!n
+    })
+  });
+}, Ae = "_container_o9kcz_1", Ge = { container: Ae }, dn = ({ iconButtons: r, size: a, className: n }) => /* @__PURE__ */ o("div", {
+  className: _(Ge.container, n),
+  children: r.map(({ Icon: t, onClick: i, isActive: d, ariaLabel: e }, c) => /* @__PURE__ */ o(He, {
+    applyBlur: !1,
+    applyShadow: !1,
+    Icon: t,
+    ariaLabel: e,
+    onClick: i,
+    position: r.length === 1 ? "standalone" : c === 0 ? "left" : c === r.length - 1 ? "right" : "middle",
+    size: a,
+    isActive: d
+  }, `floating-icon-button-${c}`))
+}), Oe = "_button_lxb7o_1", Me = "_small_lxb7o_40", Pe = "_medium_lxb7o_45", Er = {
+  button: Oe,
+  small: Me,
+  medium: Pe
+}, kr = br.forwardRef(({ className: r, Icon: a, variant: n = "primary", size: t = "medium", accent: i = "default", position: d = "standalone", disabled: e = !1, focus: c = !1, dataTestId: s, ariaLabel: u, "aria-label": m, onClick: f, to: y, children: x, ...p }, b) => {
+  const k = w(), g = u ?? m;
+  return /* @__PURE__ */ v("button", {
+    ...p,
+    ref: b,
+    "data-testid": s,
+    className: _(Er.button, Er[t], r),
+    "data-variant": n,
+    "data-accent": i,
+    "data-position": d,
+    "data-disabled": e || void 0,
+    "data-focus": c || void 0,
+    disabled: e,
+    onClick: f,
+    "aria-label": g,
+    to: y,
+    children: [a ? /* @__PURE__ */ o(a, {
+      size: k.icon.size.md,
+      "aria-hidden": !!g
+    }) : null, x]
+  });
+});
+kr.displayName = "IconButton";
+var je = "_button_1khhu_1", We = { button: je }, Ve = ({ className: r, Icon: a, ariaLabel: n, onClick: t, disabled: i = !1 }) => {
+  const d = w();
+  return /* @__PURE__ */ o("button", {
+    className: _(We.button, r),
+    "aria-label": n,
+    onClick: t,
+    disabled: i,
+    "data-disabled": i || void 0,
+    children: a && /* @__PURE__ */ o(a, {
+      size: d.icon.size.sm,
+      "aria-hidden": !!n
+    })
+  });
+}, Ke = "_container_1l4n2_1", Ue = { container: Ke }, cn = ({ iconButtons: r, disabled: a, className: n }) => /* @__PURE__ */ o("div", {
+  className: _(Ue.container, n),
+  "data-disabled": a || void 0,
+  children: r.map(({ Icon: t, onClick: i, ariaLabel: d }, e) => /* @__PURE__ */ o(Ve, {
+    Icon: t,
+    ariaLabel: d,
+    onClick: i,
+    disabled: a
+  }, e))
+}), sn = ({ tooltipContent: r, tooltipPlace: a = ka.Bottom, tooltipDelay: n = Wr.longDelay, tooltipOffset: t = 5, Icon: i, ariaLabel: d, onClick: e, size: c, variant: s, disabled: u }) => {
+  const m = Vr();
+  return /* @__PURE__ */ v(or, { children: [/* @__PURE__ */ o("div", {
+    "data-tooltip-id": m,
+    children: /* @__PURE__ */ o(kr, {
+      Icon: i,
+      ariaLabel: d,
+      onClick: e,
+      size: c,
+      variant: s,
+      disabled: u
+    })
+  }), /* @__PURE__ */ o(jr, {
+    anchorSelect: u ? `[data-tooltip-id='${m}']` : `[data-tooltip-id='${m}'] > button`,
+    title: r,
+    delay: n,
+    place: a,
+    offset: t,
+    noArrow: !0
+  })] });
+}, Ye = (r) => /* @__PURE__ */ v("svg", {
+  width: 8,
+  height: 32,
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  ...r,
+  children: [
+    /* @__PURE__ */ o("path", {
+      stroke: "null",
+      id: "svg_1",
+      fill: "#D6D6D6",
+      d: "m0,7.5l4.5,0c0.82843,0 1.5,0.67157 1.5,1.5c0,0.82843 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"
+    }),
+    /* @__PURE__ */ o("path", {
+      id: "svg_2",
+      fill: "#D6D6D6",
+      d: "m0,14.5l4.5,0c0.82843,0 1.5,0.6716 1.5,1.5c0,0.8284 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"
+    }),
+    /* @__PURE__ */ o("path", {
+      id: "svg_3",
+      fill: "#D6D6D6",
+      d: "m0,21.5l4.5,0c0.82843,0 1.5,0.6716 1.5,1.5c0,0.8284 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"
+    })
+  ]
+}), un = (r) => {
+  const a = r.size ?? 8;
+  return /* @__PURE__ */ o(Ye, {
+    height: r.size ?? 32,
+    width: a
+  });
+}, ra = Na(null), Xe = "_input_14itx_1", Je = "_sm_14itx_45", Qe = "_md_14itx_49", er = {
+  input: Xe,
+  sm: Je,
+  md: Qe
+}, mn = ({ size: r, className: a, ...n }) => {
+  const t = Ca(ra), i = r ?? t?.size ?? "md";
+  return /* @__PURE__ */ o(fr, {
+    ...n,
+    className: S(_(er.input, er[i]), a),
+    "data-grouped": N(t) || void 0
+  });
+}, Ze = "_root_lk8ci_1", ro = "_sm_lk8ci_27", ao = "_md_lk8ci_31", eo = "_startElement_lk8ci_35", oo = "_endElement_lk8ci_36", rr = {
+  root: Ze,
+  sm: ro,
+  md: ao,
+  startElement: eo,
+  endElement: oo
+}, Rr = (r) => N(r) && !Ba(r) && r !== "", _n = ({ size: r = "md", startElement: a, endElement: n, className: t, children: i, render: d, ref: e, ...c }) => {
+  const s = Yr({
+    render: d,
+    ref: e,
+    props: {
+      ...c,
+      className: _(rr.root, rr[r], t),
+      children: /* @__PURE__ */ v(or, { children: [
+        Rr(a) && /* @__PURE__ */ o("span", {
+          className: rr.startElement,
+          children: a
+        }),
+        i,
+        Rr(n) && /* @__PURE__ */ o("span", {
+          className: rr.endElement,
+          children: n
+        })
+      ] })
+    }
+  });
+  return /* @__PURE__ */ o(ra.Provider, {
+    value: { size: r },
+    children: s
+  });
+}, to = "_hint_1tfyy_1", no = "_danger_1tfyy_8", qr = {
+  hint: to,
+  danger: no
+}, pn = ({ children: r, className: a, danger: n }) => /* @__PURE__ */ o("div", {
+  className: _(qr.hint, n && qr.danger, a),
+  children: r
+}), io = "_label_1yxve_1", lo = { label: io }, vn = ({ children: r, className: a, htmlFor: n }) => /* @__PURE__ */ o("label", {
+  className: _(lo.label, a),
+  htmlFor: n,
+  children: r
+}), co = "_container_7kzmx_1", so = { container: co }, hn = ({ iconButtons: r, size: a, className: n }) => /* @__PURE__ */ o("div", {
+  className: _(so.container, n),
+  children: r.map(({ Wrapper: t, Icon: i, accent: d, onClick: e, ariaLabel: c, dataTestId: s }, u) => {
+    const m = /* @__PURE__ */ o(Xr, {
+      Icon: i,
+      accent: d,
+      disabled: !e,
+      onClick: e,
+      size: a,
+      "aria-label": c,
+      testId: s
+    }, `light-icon-button-${u}`);
+    return t ? /* @__PURE__ */ o(t, { iconButton: m }, `light-icon-button-wrapper-${u}`) : m;
+  })
+}), uo = "_root_1h79s_1", mo = { root: uo }, bn = ({ className: r, ...a }) => /* @__PURE__ */ o(Ta, {
+  ...a,
+  className: S(mo.root, r)
+}), _o = "_button_vfe7z_1", po = "_small_vfe7z_28", vo = "_medium_vfe7z_33", Fr = {
+  button: _o,
+  small: po,
+  medium: vo
+}, gn = ({ Icon: r, onClick: a, disabled: n, className: t, size: i = "small", "aria-label": d }) => {
+  const e = w();
+  return /* @__PURE__ */ o("button", {
+    className: _(Fr.button, Fr[i], t),
+    disabled: n,
+    "aria-label": d,
+    onClick: a,
+    children: /* @__PURE__ */ o(r, {
+      size: e.icon.size.md,
+      "aria-hidden": !!d
+    })
+  });
+}, ho = "_wrapper_1nhk7_1", bo = "_inputContainer_1nhk7_8", go = "_iconContainer_1nhk7_25", fo = "_input_1nhk7_8", ar = {
+  wrapper: ho,
+  inputContainer: bo,
+  iconContainer: go,
+  input: fo
+}, fn = ({ value: r, onChange: a, placeholder: n, filterDropdown: t, autoFocus: i, disabled: d, className: e, id: c, filterButtonAriaLabel: s = "Filter", "aria-label": u, "aria-labelledby": m }) => {
+  const f = w(), [y, x] = P(!1), p = Vr(), b = c ?? p, k = /* @__PURE__ */ o(kr, {
+    Icon: va,
+    variant: "secondary",
+    ariaLabel: s
+  });
+  return /* @__PURE__ */ v("div", {
+    className: _(ar.wrapper, e),
+    children: [/* @__PURE__ */ v("div", {
+      className: ar.inputContainer,
+      children: [/* @__PURE__ */ o("div", {
+        className: ar.iconContainer,
+        "data-focused": y || void 0,
+        "aria-hidden": !0,
+        children: /* @__PURE__ */ o(ba, { size: f.icon.size.md })
+      }), /* @__PURE__ */ o(fr, {
+        id: b,
+        className: ar.input,
+        value: r,
+        onValueChange: (g) => a(g),
+        onFocus: () => x(!0),
+        onBlur: () => x(!1),
+        placeholder: n,
+        autoFocus: i,
+        disabled: d,
+        "aria-label": m ? void 0 : u ?? n,
+        "aria-labelledby": m
+      })]
+    }), t && t(k)]
+  });
+}, ko = "_container_1fskn_1", yo = "_item_1fskn_16", So = "_iconOnly_1fskn_56", No = "_icon_1fskn_56", Co = "_label_1fskn_70", U = {
+  container: ko,
+  item: yo,
+  iconOnly: So,
+  icon: No,
+  label: Co
+}, kn = ({ ariaLabel: r, itemWidth: a = "equal", onChange: n, options: t, role: i = "group", value: d, width: e }) => {
+  const c = w(), s = i === "tablist", u = N(e) ? { "--segmented-control-width": typeof e == "number" ? `${e}px` : e } : void 0, m = ({ event: y, optionIndex: x, optionValue: p }) => {
+    n(p), Array.from(y.currentTarget.parentElement?.querySelectorAll("button:not(:disabled)") ?? [])[x]?.focus();
+  }, f = (y, x) => {
+    if (!s) return;
+    const p = t.filter(($) => !$.disabled), b = p.findIndex(($) => $.value === x);
+    if (b === -1 || p.length === 0) return;
+    const k = p.length - 1, g = {
+      ArrowDown: (b + 1) % p.length,
+      ArrowLeft: b === 0 ? k : b - 1,
+      ArrowRight: (b + 1) % p.length,
+      ArrowUp: b === 0 ? k : b - 1,
+      End: k,
+      Home: 0
+    }[y.key];
+    N(g) && (y.preventDefault(), m({
+      event: y,
+      optionIndex: g,
+      optionValue: p[g].value
+    }));
+  };
+  return /* @__PURE__ */ o("div", {
+    className: U.container,
+    role: i,
+    "aria-label": r,
+    style: u,
+    children: t.map(({ Icon: y, ariaLabel: x, disabled: p, label: b, value: k }) => {
+      const g = k === d, $ = x ?? (typeof b == "string" ? b : void 0), R = N(b);
+      return /* @__PURE__ */ v("button", {
+        "aria-label": $,
+        "aria-pressed": s ? void 0 : g,
+        "aria-selected": s ? g : void 0,
+        className: _(U.item, !R && U.iconOnly),
+        "data-active": g || void 0,
+        disabled: p,
+        "data-item-width": a,
+        onClick: () => n(k),
+        onKeyDown: (V) => f(V, k),
+        role: s ? "tab" : void 0,
+        tabIndex: s ? g ? 0 : -1 : void 0,
+        type: "button",
+        children: [y && /* @__PURE__ */ o("span", {
+          className: U.icon,
+          children: /* @__PURE__ */ o(y, {
+            "aria-hidden": R || N($),
+            color: g ? c.font.color.primary : c.font.color.secondary,
+            size: c.icon.size.md
+          })
+        }), R && /* @__PURE__ */ o("span", {
+          className: U.label,
+          children: b
+        })]
+      }, k);
+    })
+  });
+}, xo = "_trigger_hijh9_1", $o = "_value_hijh9_12", Bo = "_icon_hijh9_31", wo = "_positioner_hijh9_42", Io = "_popup_hijh9_46", Lo = "_item_hijh9_71", zo = "_indicator_hijh9_75", To = "_groupLabel_hijh9_81", Do = "_separator_hijh9_89", E = {
+  trigger: xo,
+  value: $o,
+  icon: Bo,
+  positioner: wo,
+  popup: Io,
+  item: Lo,
+  indicator: zo,
+  groupLabel: To,
+  separator: Do
+}, Eo = ({ className: r, ...a }) => /* @__PURE__ */ o(B.GroupLabel, {
+  ...a,
+  className: S(E.groupLabel, r)
+}), Ro = ({ className: r, children: a, startIcon: n, endIcon: t, description: i, descriptionPlacement: d = "inline", ...e }) => /* @__PURE__ */ v(B.Item, {
+  ...e,
+  className: S(_(L.root, E.item), r),
+  "data-color": "neutral",
+  "data-indicator": "check",
+  children: [
+    Q(n) && /* @__PURE__ */ o("div", {
+      className: L.startIcon,
+      "aria-hidden": !0,
+      children: n
+    }),
+    /* @__PURE__ */ v("div", {
+      className: L.label,
+      children: [/* @__PURE__ */ o(B.ItemText, {
+        className: L.text,
+        children: a
+      }), Q(i) && d === "inline" && /* @__PURE__ */ o("div", {
+        className: _(L.description, L.inlineDescription),
+        children: i
+      })]
+    }),
+    Q(i) && d === "end" && /* @__PURE__ */ o("div", {
+      className: _(L.description, L.endDescription),
+      children: i
+    }),
+    Q(t) && /* @__PURE__ */ o("div", {
+      className: L.endIcon,
+      "aria-hidden": !0,
+      children: t
+    }),
+    /* @__PURE__ */ o(B.ItemIndicator, {
+      className: E.indicator,
+      children: /* @__PURE__ */ o(Mr, { className: L.checkIndicator })
+    })
+  ]
+}), qo = ({ side: r = "bottom", align: a = "start", sideOffset: n = 8, alignOffset: t, alignItemWithTrigger: i = !1, anchor: d, container: e, className: c, ...s }) => {
+  const u = da(), m = za();
+  return /* @__PURE__ */ o(B.Portal, {
+    container: e === void 0 ? u ?? void 0 : e,
+    children: /* @__PURE__ */ o(B.Positioner, {
+      dir: m,
+      side: r,
+      align: a,
+      sideOffset: n,
+      alignOffset: t,
+      alignItemWithTrigger: i,
+      anchor: d,
+      className: E.positioner,
+      children: /* @__PURE__ */ o(B.Popup, {
+        ...s,
+        className: S(E.popup, c)
+      })
+    })
+  });
+}, Fo = ({ className: r, ...a }) => /* @__PURE__ */ o(B.Separator, {
+  ...a,
+  className: S(E.separator, r)
+}), Ho = ({ size: r = "md", className: a, children: n, ...t }) => /* @__PURE__ */ v(B.Trigger, {
+  ...t,
+  className: S(_(er.input, er[r], E.trigger), a),
+  children: [n, /* @__PURE__ */ o(B.Icon, {
+    className: E.icon,
+    children: /* @__PURE__ */ o(pa, {})
+  })]
+}), Ao = ({ className: r, ...a }) => /* @__PURE__ */ o(B.Value, {
+  ...a,
+  className: S(E.value, r)
+}), Go = () => ({
+  Root: B.Root,
+  Trigger: Ho,
+  Value: Ao,
+  Popup: qo,
+  Item: Ro,
+  Group: B.Group,
+  GroupLabel: Eo,
+  Separator: Fo
+}), yn = /* @__PURE__ */ Go(), Oo = "_root_1mh0w_1", Mo = "_accent_1mh0w_16", Po = "_success_1mh0w_20", jo = "_control_1mh0w_24", Wo = "_track_1mh0w_42", Vo = "_indicator_1mh0w_55", Ko = "_thumb_1mh0w_66", Uo = "_label_1mh0w_80", Yo = "_value_1mh0w_81", G = {
+  root: Oo,
+  accent: Mo,
+  success: Po,
+  control: jo,
+  track: Wo,
+  indicator: Vo,
+  thumb: Ko,
+  label: Uo,
+  value: Yo
+}, Xo = ({ className: r, color: a = "accent", thumbAlignment: n = "edge", ...t }) => /* @__PURE__ */ o(O.Root, {
+  ...t,
+  thumbAlignment: n,
+  className: S(_(G.root, G[a]), r)
+}), Jo = ({ className: r, ...a }) => /* @__PURE__ */ o(O.Control, {
+  ...a,
+  className: S(G.control, r)
+}), Qo = ({ className: r, ...a }) => /* @__PURE__ */ o(O.Track, {
+  ...a,
+  className: S(G.track, r)
+}), Zo = ({ className: r, ...a }) => /* @__PURE__ */ o(O.Indicator, {
+  ...a,
+  className: S(G.indicator, r)
+}), rt = ({ className: r, ...a }) => /* @__PURE__ */ o(O.Thumb, {
+  ...a,
+  className: S(G.thumb, r)
+}), at = ({ className: r, ...a }) => /* @__PURE__ */ o(O.Label, {
+  ...a,
+  className: S(G.label, r)
+}), et = ({ className: r, ...a }) => /* @__PURE__ */ o(O.Value, {
+  ...a,
+  className: S(G.value, r)
+}), Sn = {
+  Root: Xo,
+  Control: Jo,
+  Track: Qo,
+  Indicator: Zo,
+  Thumb: rt,
+  Label: at,
+  Value: et
+}, ot = "_root_rn2ew_1", tt = "_sm_rn2ew_33", nt = "_md_rn2ew_39", it = "_thumb_rn2ew_45", hr = {
+  root: ot,
+  sm: tt,
+  md: nt,
+  thumb: it
+}, Nn = ({ size: r = "md", className: a, children: n, ...t }) => /* @__PURE__ */ v($r.Root, {
+  ...t,
+  className: S(_(hr.root, hr[r]), a),
+  children: [/* @__PURE__ */ o($r.Thumb, { className: hr.thumb }), n]
+}), lt = "_tabButton_y4kj0_1", dt = "_tabContainer_y4kj0_36", ct = "_tabHover_y4kj0_67", yr = {
+  tabButton: lt,
+  tabContainer: dt,
+  tabHover: ct
+}, aa = W(({ active: r, disabled: a, to: n, state: t, replace: i, className: d, children: e, ...c }, s) => /* @__PURE__ */ o(n ? gr : "button", {
+  ref: s,
+  to: n,
+  state: n ? t : void 0,
+  replace: n ? i : void 0,
+  disabled: n ? void 0 : a,
+  className: _(yr.tabButton, d),
+  "data-active": r || void 0,
+  "data-disabled": a || void 0,
+  ...c,
+  children: e
+}));
+aa.displayName = "StyledTabButton";
+var st = W(({ active: r, disabled: a, className: n, children: t, ...i }, d) => /* @__PURE__ */ o("div", {
+  ref: d,
+  className: _(yr.tabContainer, n),
+  "data-active": r || void 0,
+  "data-disabled": a || void 0,
+  ...i,
+  children: t
+}));
+st.displayName = "StyledTabContainer";
+var ea = W(({ contentSize: r, className: a, children: n, ...t }, i) => /* @__PURE__ */ o("span", {
+  ref: i,
+  className: _(yr.tabHover, a),
+  "data-content-size": r,
+  ...t,
+  children: n
+}));
+ea.displayName = "StyledTabHover";
+var ut = ({ active: r, disabled: a, LeftIcon: n, title: t, logo: i, RightIcon: d, pill: e, contentSize: c = "sm", className: s }) => {
+  const u = w(), m = r ? u.font.color.primary : a ? u.font.color.extraLight : u.font.color.secondary;
+  return /* @__PURE__ */ v(ea, {
+    contentSize: c,
+    className: s,
+    children: [
+      n && /* @__PURE__ */ o(n, {
+        color: m,
+        size: u.icon.size.md,
+        "aria-hidden": !0
+      }),
+      i && /* @__PURE__ */ o(fa, {
+        src: i,
+        size: "md",
+        name: t,
+        "aria-hidden": !0
+      }),
+      t,
+      d && /* @__PURE__ */ o(d, {
+        color: m,
+        size: u.icon.size.md,
+        "aria-hidden": !0
+      }),
+      e && (typeof e == "string" ? /* @__PURE__ */ o(Or, { label: e }) : e)
+    ]
+  });
+}, mt = "_tabTooltipWrapper_197au_1", _t = { tabTooltipWrapper: mt }, Cn = ({ id: r, active: a, disabled: n, to: t, state: i, replace: d, LeftIcon: e, className: c, title: s, onClick: u, logo: m, RightIcon: f, pill: y, contentSize: x = "sm", disableTestId: p = !1, tooltipContent: b, onMouseEnter: k, onMouseLeave: g }) => {
+  const $ = `tab-${r}`;
+  return /* @__PURE__ */ v("div", {
+    id: $,
+    className: _t.tabTooltipWrapper,
+    children: [/* @__PURE__ */ o(aa, {
+      "data-testid": p ? void 0 : `tab-${r}`,
+      active: a,
+      disabled: n,
+      to: t,
+      state: i,
+      replace: d,
+      className: c,
+      onClick: u,
+      onMouseEnter: k,
+      onMouseLeave: g,
+      children: /* @__PURE__ */ o(ut, {
+        id: r,
+        active: a,
+        disabled: n,
+        LeftIcon: e,
+        title: s,
+        logo: m,
+        RightIcon: f,
+        pill: y,
+        contentSize: x
+      })
+    }), b && /* @__PURE__ */ o(jr, {
+      anchorSelect: `#${$}`,
+      title: b,
+      noArrow: !0,
+      place: "bottom",
+      positionStrategy: "fixed",
+      delay: Wr.shortDelay
+    })]
+  }, r);
+}, pt = (r) => N(r) ? wa(r) ? `${r}px` : String(r) : "", Hr = (r, a) => {
+  if (N(r)) {
+    if (Ur(r)) return r(a);
+    r.current = a;
+  }
+}, vt = (...r) => (a) => {
+  const n = r.map((t) => {
+    const i = Hr(t, a);
+    return Ur(i) ? i : () => Hr(t, null);
+  });
+  return () => {
+    for (const t of n) t();
+  };
+}, Ar = (r) => {
+  r.style.blockSize = "auto";
+  const a = r.offsetHeight - r.clientHeight;
+  r.style.blockSize = `${r.scrollHeight + a}px`;
+}, ht = "_textarea_1qcvj_1", bt = "_sm_1qcvj_38", gt = "_md_1qcvj_42", Gr = {
+  textarea: ht,
+  sm: bt,
+  md: gt
+}, ft = /* @__PURE__ */ o("textarea", {}), xn = ({ size: r = "md", autoResize: a = !1, maxRows: n, className: t, style: i, ref: d, render: e = ft, onChange: c, value: s, rows: u, ...m }) => {
+  const f = $a(null), y = Kr(() => vt(d, f), [d]), x = N(s), p = i?.blockSize;
+  xa(() => {
+    const g = f.current;
+    if (N(g)) {
+      if (!a) {
+        g.style.blockSize = pt(p);
+        return;
+      }
+      Ar(g);
+    }
+  }, [
+    a,
+    s,
+    n,
+    u,
+    p
+  ]);
+  const b = (g) => {
+    a && !x && Ar(g.currentTarget), c?.(g);
+  }, k = N(n) ? {
+    ...i,
+    "--tw-textarea-max-rows": n
+  } : i;
+  return /* @__PURE__ */ o(fr, {
+    ...m,
+    rows: u,
+    onChange: b,
+    ref: y,
+    render: e,
+    value: s,
+    className: S(_(Gr.textarea, Gr[r]), t),
+    style: k,
+    "data-auto-resize": a || void 0
+  });
+};
+export {
+  Xr as A,
+  Yt as B,
+  He as C,
+  on as D,
+  tn as E,
+  Zt as F,
+  Qt as I,
+  re as L,
+  rn as M,
+  oe as N,
+  vr as O,
+  wr as P,
+  Jt as R,
+  dn as S,
+  nn as T,
+  un as _,
+  Nn as a,
+  Ve as b,
+  kn as c,
+  bn as d,
+  hn as f,
+  mn as g,
+  _n as h,
+  st as i,
+  an as j,
+  en as k,
+  fn as l,
+  pn as m,
+  Cn as n,
+  Sn as o,
+  vn as p,
+  ut as r,
+  yn as s,
+  xn as t,
+  gn as u,
+  sn as v,
+  ln as w,
+  kr as x,
+  cn as y,
+  Xt as z
+};