@ds-mo/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,2623 @@
+import { jsx as o, jsxs as S, Fragment as Ze } from "react/jsx-runtime";
+import le, { forwardRef as C, useState as z, useId as it, useRef as D, useCallback as ce, useEffect as q, useMemo as $e, useLayoutEffect as Pe, Component as yt, useSyncExternalStore as gt } from "react";
+import bt, { createPortal as Xe } from "react-dom";
+import { ChevronDown as ft, Cross as wt } from "@ds-mo/icons";
+const xt = "_text_12t2m_1", Nt = "_truncate1Line_12t2m_9", St = "_truncate2Lines_12t2m_15", Mt = "_truncate3Lines_12t2m_24", $t = "_truncate4Lines_12t2m_33", kt = "_truncate5Lines_12t2m_42", Lt = "_noTruncation_12t2m_51", Bt = "_wrapNowrap_12t2m_56", It = "_wrapBalance_12t2m_64", Rt = "_wrapPretty_12t2m_68", zt = "_colorPrimary_12t2m_76", Ct = "_colorSecondary_12t2m_80", Tt = "_colorTertiary_12t2m_84", Ft = "_colorBrand_12t2m_88", At = "_colorNegative_12t2m_92", Dt = "_colorPositive_12t2m_96", Et = "_colorWarning_12t2m_100", Wt = "_colorCaution_12t2m_104", Gt = "_colorAi_12t2m_108", Ht = "_colorOnStrong_12t2m_112", Pt = "_colorOnBold_12t2m_116", Xt = "_colorInherit_12t2m_120", Ot = "_decorationNone_12t2m_128", Ut = "_decorationUnderline_12t2m_132", qt = "_decorationDottedUnderline_12t2m_138", jt = "_italic_12t2m_148", Kt = "_alignLeft_12t2m_156", Vt = "_alignCenter_12t2m_160", Yt = "_alignRight_12t2m_164", A = {
+  text: xt,
+  truncate1Line: Nt,
+  truncate2Lines: St,
+  truncate3Lines: Mt,
+  truncate4Lines: $t,
+  truncate5Lines: kt,
+  noTruncation: Lt,
+  wrapNowrap: Bt,
+  wrapBalance: It,
+  wrapPretty: Rt,
+  colorPrimary: zt,
+  colorSecondary: Ct,
+  colorTertiary: Tt,
+  colorBrand: Ft,
+  colorNegative: At,
+  colorPositive: Dt,
+  colorWarning: Et,
+  colorCaution: Wt,
+  colorAi: Gt,
+  colorOnStrong: Ht,
+  colorOnBold: Pt,
+  colorInherit: Xt,
+  decorationNone: Ot,
+  decorationUnderline: Ut,
+  decorationDottedUnderline: qt,
+  italic: jt,
+  alignLeft: Kt,
+  alignCenter: Vt,
+  alignRight: Yt
+}, Zt = {
+  primary: A.colorPrimary,
+  secondary: A.colorSecondary,
+  tertiary: A.colorTertiary,
+  brand: A.colorBrand,
+  negative: A.colorNegative,
+  positive: A.colorPositive,
+  warning: A.colorWarning,
+  caution: A.colorCaution,
+  ai: A.colorAi,
+  "on-strong": A.colorOnStrong,
+  "on-bold": A.colorOnBold,
+  inherit: A.colorInherit
+}, Jt = {
+  none: A.decorationNone,
+  underline: A.decorationUnderline,
+  "dotted-underline": A.decorationDottedUnderline
+}, Qt = {
+  left: A.alignLeft,
+  center: A.alignCenter,
+  right: A.alignRight
+}, en = {
+  1: A.truncate1Line,
+  2: A.truncate2Lines,
+  3: A.truncate3Lines,
+  4: A.truncate4Lines,
+  5: A.truncate5Lines,
+  none: A.noTruncation
+}, Je = (e) => e.startsWith("var(--"), $ = C(
+  ({
+    variant: e = "text-body-medium",
+    children: t,
+    color: n,
+    decoration: s,
+    italic: i,
+    align: a,
+    lineTruncation: r = "none",
+    wrap: l,
+    as: c = "p",
+    id: _,
+    htmlFor: d,
+    className: v = "",
+    style: u
+  }, m) => {
+    const b = l === "nowrap" ? A.wrapNowrap : l === "balance" ? A.wrapBalance : l === "pretty" ? A.wrapPretty : "", f = l === "nowrap" ? "" : en[r], w = [
+      e,
+      A.text,
+      b,
+      f,
+      n && !Je(n) ? Zt[n] : "",
+      s ? Jt[s] : "",
+      i ? A.italic : "",
+      a ? Qt[a] : "",
+      v
+    ].filter(Boolean).join(" "), M = {
+      ...u,
+      ...n && Je(n) ? { color: n } : {}
+    }, p = {
+      className: w,
+      style: Object.keys(M).length > 0 ? M : void 0,
+      ..._ ? { id: _ } : {},
+      ...c === "label" && d ? { htmlFor: d } : {}
+    };
+    return /* @__PURE__ */ o(c, { ref: m, ...p, children: t });
+  }
+);
+$.displayName = "Text";
+const tn = "_surface_65ypw_7", nn = "_bgPrimary_65ypw_28", on = "_bgSecondary_65ypw_32", sn = "_bgTransparent_65ypw_36", rn = "_bgTranslucent_65ypw_40", an = "_intentBrandFaint_65ypw_51", cn = "_intentBrandMedium_65ypw_52", ln = "_intentBrandBold_65ypw_53", dn = "_intentBrandStrong_65ypw_54", _n = "_intentPositiveFaint_65ypw_57", un = "_intentPositiveMedium_65ypw_58", mn = "_intentPositiveBold_65ypw_59", hn = "_intentPositiveStrong_65ypw_60", vn = "_intentNegativeFaint_65ypw_63", pn = "_intentNegativeMedium_65ypw_64", yn = "_intentNegativeBold_65ypw_65", gn = "_intentNegativeStrong_65ypw_66", bn = "_intentWarningFaint_65ypw_69", fn = "_intentWarningMedium_65ypw_70", wn = "_intentWarningBold_65ypw_71", xn = "_intentWarningStrong_65ypw_72", Nn = "_intentCautionFaint_65ypw_75", Sn = "_intentCautionMedium_65ypw_76", Mn = "_intentCautionBold_65ypw_77", $n = "_intentCautionStrong_65ypw_78", kn = "_intentAiFaint_65ypw_81", Ln = "_intentAiMedium_65ypw_82", Bn = "_intentAiBold_65ypw_83", In = "_intentAiStrong_65ypw_84", Rn = "_intentNeutralFaint_65ypw_87", zn = "_intentNeutralMedium_65ypw_88", Cn = "_intentNeutralBold_65ypw_89", Tn = "_intentNeutralStrong_65ypw_90", Fn = "_intentWalkthroughFaint_65ypw_93", An = "_intentWalkthroughMedium_65ypw_94", Dn = "_intentWalkthroughBold_65ypw_95", En = "_intentWalkthroughStrong_65ypw_96", Wn = "_intentGuideFaint_65ypw_99", Gn = "_intentGuideMedium_65ypw_100", Hn = "_intentGuideBold_65ypw_101", Pn = "_intentGuideStrong_65ypw_102", Xn = "_elevationNone_65ypw_108", On = "_elevationDepressed_65ypw_110", Un = "_elevationDepressedMd_65ypw_114", qn = "_elevationFlat_65ypw_118", jn = "_elevationElevated_65ypw_122", Kn = "_elevationFloating_65ypw_126", Vn = "_elevationOverlayTop_65ypw_130", Yn = "_elevationOverlayRight_65ypw_134", Zn = "_elevationOverlayBottom_65ypw_138", Jn = "_elevationOverlayLeft_65ypw_142", Qn = "_edgeTop_65ypw_150", eo = "_edgeRight_65ypw_151", to = "_edgeBottom_65ypw_152", no = "_edgeLeft_65ypw_153", oo = "_radiusNone_65ypw_159", so = "_radiusXs_65ypw_160", ro = "_radiusSm_65ypw_161", io = "_radiusMd_65ypw_162", ao = "_radiusLg_65ypw_163", co = "_radiusXl_65ypw_164", lo = "_radius2xl_65ypw_165", _o = "_radiusFull_65ypw_166", uo = "_interactive_65ypw_172", mo = "_selected_65ypw_199", ho = "_inactive_65ypw_218", R = {
+  surface: tn,
+  bgPrimary: nn,
+  bgSecondary: on,
+  bgTransparent: sn,
+  bgTranslucent: rn,
+  intentBrandFaint: an,
+  intentBrandMedium: cn,
+  intentBrandBold: ln,
+  intentBrandStrong: dn,
+  intentPositiveFaint: _n,
+  intentPositiveMedium: un,
+  intentPositiveBold: mn,
+  intentPositiveStrong: hn,
+  intentNegativeFaint: vn,
+  intentNegativeMedium: pn,
+  intentNegativeBold: yn,
+  intentNegativeStrong: gn,
+  intentWarningFaint: bn,
+  intentWarningMedium: fn,
+  intentWarningBold: wn,
+  intentWarningStrong: xn,
+  intentCautionFaint: Nn,
+  intentCautionMedium: Sn,
+  intentCautionBold: Mn,
+  intentCautionStrong: $n,
+  intentAiFaint: kn,
+  intentAiMedium: Ln,
+  intentAiBold: Bn,
+  intentAiStrong: In,
+  intentNeutralFaint: Rn,
+  intentNeutralMedium: zn,
+  intentNeutralBold: Cn,
+  intentNeutralStrong: Tn,
+  intentWalkthroughFaint: Fn,
+  intentWalkthroughMedium: An,
+  intentWalkthroughBold: Dn,
+  intentWalkthroughStrong: En,
+  intentGuideFaint: Wn,
+  intentGuideMedium: Gn,
+  intentGuideBold: Hn,
+  intentGuideStrong: Pn,
+  elevationNone: Xn,
+  elevationDepressed: On,
+  elevationDepressedMd: Un,
+  elevationFlat: qn,
+  elevationElevated: jn,
+  elevationFloating: Kn,
+  elevationOverlayTop: Vn,
+  elevationOverlayRight: Yn,
+  elevationOverlayBottom: Zn,
+  elevationOverlayLeft: Jn,
+  edgeTop: Qn,
+  edgeRight: eo,
+  edgeBottom: to,
+  edgeLeft: no,
+  radiusNone: oo,
+  radiusXs: so,
+  radiusSm: ro,
+  radiusMd: io,
+  radiusLg: ao,
+  radiusXl: co,
+  radius2xl: lo,
+  radiusFull: _o,
+  interactive: uo,
+  selected: mo,
+  inactive: ho
+}, vo = {
+  primary: R.bgPrimary,
+  secondary: R.bgSecondary,
+  transparent: R.bgTransparent,
+  translucent: R.bgTranslucent
+}, po = {
+  none: R.elevationNone,
+  depressed: R.elevationDepressed,
+  "depressed-md": R.elevationDepressedMd,
+  flat: R.elevationFlat,
+  elevated: R.elevationElevated,
+  floating: R.elevationFloating,
+  overlayTop: R.elevationOverlayTop,
+  overlayRight: R.elevationOverlayRight,
+  overlayBottom: R.elevationOverlayBottom,
+  overlayLeft: R.elevationOverlayLeft
+}, Qe = {
+  top: R.edgeTop,
+  right: R.edgeRight,
+  bottom: R.edgeBottom,
+  left: R.edgeLeft
+}, at = {
+  none: R.radiusNone,
+  xs: R.radiusXs,
+  sm: R.radiusSm,
+  md: R.radiusMd,
+  lg: R.radiusLg,
+  xl: R.radiusXl,
+  "2xl": R.radius2xl,
+  full: R.radiusFull
+}, yo = (e, t) => {
+  const n = e.charAt(0).toUpperCase() + e.slice(1), s = t.charAt(0).toUpperCase() + t.slice(1);
+  return R[`intent${n}${s}`] || "";
+}, Ue = (e) => e in at, be = C(
+  ({
+    children: e,
+    background: t = "transparent",
+    intent: n,
+    contrast: s = "faint",
+    elevation: i = "none",
+    edge: a,
+    radius: r,
+    interactive: l = !1,
+    selected: c = !1,
+    inactive: _ = !1,
+    as: d = "div",
+    className: v = "",
+    style: u,
+    type: m,
+    ...b
+  }, f) => {
+    const w = [
+      R.surface,
+      // Background or intent+contrast
+      n ? yo(n, s) : vo[t],
+      // Elevation
+      po[i],
+      // Edge(s) — only when elevation is 'none'
+      ...a && i === "none" ? Array.isArray(a) ? a.map((B) => Qe[B]) : [Qe[a]] : [],
+      // Radius (preset only — custom handled via inline style)
+      r && Ue(r) ? at[r] : "",
+      // States
+      l ? R.interactive : "",
+      c ? R.selected : "",
+      _ ? R.inactive : "",
+      v
+    ].filter(Boolean).join(" "), M = {
+      ...u,
+      ...r && !Ue(r) ? { borderRadius: r } : {}
+    }, p = r && !Ue(r) || u && Object.keys(u).length > 0, x = {
+      ref: f,
+      className: w,
+      style: p ? M : void 0,
+      disabled: d === "button" ? _ : void 0,
+      type: d === "button" ? m || "button" : void 0,
+      ...b
+    };
+    return (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      /* @__PURE__ */ o(d, { ...x, children: e })
+    );
+  }
+);
+be.displayName = "Surface";
+const go = "_card_1idsz_6", bo = "_elevationFlat_1idsz_13", fo = "_elevationElevated_1idsz_14", wo = "_elevationFloating_1idsz_15", xo = "_radiusSm_1idsz_18", No = "_radiusMd_1idsz_19", So = "_radiusLg_1idsz_20", Mo = "_radiusXl_1idsz_21", $o = "_header_1idsz_24", ko = "_body_1idsz_29", Lo = "_footer_1idsz_33", _e = {
+  card: go,
+  elevationFlat: bo,
+  elevationElevated: fo,
+  elevationFloating: wo,
+  radiusSm: xo,
+  radiusMd: No,
+  radiusLg: So,
+  radiusXl: Mo,
+  header: $o,
+  body: ko,
+  footer: Lo
+};
+function N(...e) {
+  return e.filter(Boolean).join(" ");
+}
+const Bo = {
+  flat: _e.elevationFlat,
+  elevated: _e.elevationElevated,
+  floating: _e.elevationFloating
+}, Io = {
+  sm: _e.radiusSm,
+  md: _e.radiusMd,
+  lg: _e.radiusLg,
+  xl: _e.radiusXl
+}, Ro = C(
+  ({ children: e, header: t, footer: n, elevation: s = "elevated", radius: i = "lg", className: a, style: r }, l) => /* @__PURE__ */ S(
+    "div",
+    {
+      ref: l,
+      className: N(_e.card, Bo[s], Io[i], a),
+      style: r,
+      children: [
+        t && /* @__PURE__ */ o("div", { className: _e.header, children: t }),
+        /* @__PURE__ */ o("div", { className: _e.body, children: e }),
+        n && /* @__PURE__ */ o("div", { className: _e.footer, children: n })
+      ]
+    }
+  )
+);
+Ro.displayName = "Card";
+const zo = "_labelWrap_1t38o_8", Co = "_sizeSm_1t38o_16", To = "_sizeXs_1t38o_19", Fo = "_truncate_1t38o_22", Ae = {
+  labelWrap: zo,
+  sizeSm: Co,
+  sizeXs: To,
+  truncate: Fo
+}, Oe = ({ children: e, size: t = "md", truncate: n = !1, className: s }) => /* @__PURE__ */ o("span", { className: N(Ae.labelWrap, t === "sm" && Ae.sizeSm, t === "xs" && Ae.sizeXs, n && Ae.truncate, s), children: e });
+Oe.displayName = "LabelWrap";
+const Ao = "_loader_fz5t7_1", Do = {
+  loader: Ao
+}, ct = ({ size: e = 20, className: t }) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    className: `${Do.loader}${t ? ` ${t}` : ""}`,
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ o(
+      "circle",
+      {
+        cx: "8",
+        cy: "8",
+        r: "5",
+        stroke: "currentColor",
+        strokeWidth: "1",
+        strokeLinecap: "round",
+        strokeDasharray: "23.6 7.9"
+      }
+    )
+  }
+);
+ct.displayName = "Loader";
+const Eo = "_button_1vroe_6", Wo = "_inactive_1vroe_35", Go = "_onMedium_1vroe_50", Ho = "_onBold_1vroe_56", Po = "_onStrong_1vroe_62", Xo = "_onAlwaysDark_1vroe_68", Oo = "_primary_1vroe_79", Uo = "_intentNone_1vroe_84", qo = "_intentBrand_1vroe_102", jo = "_intentNeutral_1vroe_103", Ko = "_intentPositive_1vroe_104", Vo = "_intentNegative_1vroe_105", Yo = "_intentWarning_1vroe_106", Zo = "_intentCaution_1vroe_107", Jo = "_intentAi_1vroe_108", Qo = "_contrastMedium_1vroe_112", es = "_contrastStrong_1vroe_126", ts = "_contrastFaint_1vroe_140", ns = "_secondary_1vroe_158", os = "_elevationFlat_1vroe_224", ss = "_elevationElevated_1vroe_228", rs = "_elevationFloating_1vroe_235", is = "_elevationNone_1vroe_248", as = "_iconOnly_1vroe_275", cs = "_labelOnly_1vroe_276", ls = "_iconAndLabel_1vroe_277", ds = "_dropdown_1vroe_278", _s = "_sizeSM_1vroe_284", us = "_sizeXS_1vroe_289", ms = "_sizeLG_1vroe_293", hs = "_rounded_1vroe_302", vs = "_badge_1vroe_324", ps = "_fullWidth_1vroe_340", Q = {
+  button: Eo,
+  inactive: Wo,
+  onMedium: Go,
+  onBold: Ho,
+  onStrong: Po,
+  onAlwaysDark: Xo,
+  primary: Oo,
+  intentNone: Uo,
+  intentBrand: qo,
+  intentNeutral: jo,
+  intentPositive: Ko,
+  intentNegative: Vo,
+  intentWarning: Yo,
+  intentCaution: Zo,
+  intentAi: Jo,
+  contrastMedium: Qo,
+  contrastStrong: es,
+  contrastFaint: ts,
+  secondary: ns,
+  elevationFlat: os,
+  elevationElevated: ss,
+  elevationFloating: rs,
+  elevationNone: is,
+  iconOnly: as,
+  labelOnly: cs,
+  iconAndLabel: ls,
+  dropdown: ds,
+  sizeSM: _s,
+  sizeXS: us,
+  sizeLG: ms,
+  rounded: hs,
+  badge: vs,
+  fullWidth: ps
+}, ys = { xs: 12, sm: 16, md: 20, lg: 24 }, gs = {
+  xs: "text-caption-emphasis",
+  sm: "text-body-small-emphasis",
+  md: "text-body-medium-emphasis",
+  lg: "text-body-large-emphasis"
+}, bs = C(
+  ({
+    as: e,
+    variant: t = "primary",
+    label: n,
+    icon: s,
+    intent: i = "brand",
+    size: a = "md",
+    rounded: r = !1,
+    fullWidth: l = !1,
+    width: c,
+    contrast: _ = "bold",
+    background: d,
+    dropdown: v = !1,
+    badgeCount: u,
+    elevation: m,
+    loading: b = !1,
+    onClick: f,
+    onMouseEnter: w,
+    onMouseLeave: M,
+    className: p,
+    inactive: x = !1,
+    type: B = "button",
+    id: T,
+    "aria-label": j,
+    href: F,
+    target: re,
+    rel: X
+  }, U) => {
+    const G = e ?? "button", K = !e || e === "button", te = !x && !b, ne = !!s, de = !!n, O = ne || b, ue = O && !de, ve = de && !O, E = O && de, y = ys[a], I = gs[a], h = m ?? (t === "primary" ? "none" : "flat"), g = h.charAt(0).toUpperCase() + h.slice(1), L = N(
+      Q.button,
+      Q[t],
+      Q[`intent${i.charAt(0).toUpperCase() + i.slice(1)}`],
+      a !== "md" && Q[`size${a.toUpperCase()}`],
+      r && Q.rounded,
+      (x || b) && Q.inactive,
+      ue && Q.iconOnly,
+      ve && Q.labelOnly,
+      E && Q.iconAndLabel,
+      v && Q.dropdown,
+      t === "primary" && i !== "none" && _ !== "bold" && Q[`contrast${_.charAt(0).toUpperCase() + _.slice(1)}`],
+      Q[`elevation${g}`],
+      d && d !== "faint" && Q[d === "always-dark" ? "onAlwaysDark" : `on${d.charAt(0).toUpperCase() + d.slice(1)}`],
+      l && Q.fullWidth,
+      p
+    ), H = j || n || "button", k = {};
+    return K && (k.type = B, k.disabled = x || b), F && (k.href = F), re && (k.target = re), X && (k.rel = X), /* @__PURE__ */ S(
+      G,
+      {
+        ref: U,
+        id: T,
+        className: L,
+        style: c ? { width: c } : void 0,
+        onClick: te ? f : void 0,
+        onMouseEnter: te ? w : void 0,
+        onMouseLeave: te ? M : void 0,
+        "aria-label": H,
+        "aria-busy": b || void 0,
+        ...k,
+        children: [
+          b ? /* @__PURE__ */ o(ct, { size: y }) : s && /* @__PURE__ */ o(s, { size: y }),
+          n && /* @__PURE__ */ o(Oe, { truncate: l, children: /* @__PURE__ */ o($, { variant: I, as: "span", color: "inherit", children: n }) }),
+          v && /* @__PURE__ */ o(ft, { size: y }),
+          u != null && u > 0 && /* @__PURE__ */ o("span", { className: Q.badge, children: u > 9 ? "+" : u })
+        ]
+      }
+    );
+  }
+);
+bs.displayName = "Button";
+const fs = "_toggleButton_ywix4_11", ws = "_inactive_ywix4_38", xs = "_onMedium_ywix4_51", Ns = "_onBold_ywix4_57", Ss = "_onStrong_ywix4_63", Ms = "_onAlwaysDark_ywix4_69", $s = "_elevationElevated_ywix4_81", ks = "_elevationFlat_ywix4_91", Ls = "_elevationNone_ywix4_98", Bs = "_elevationFloating_ywix4_104", Is = "_pressed_ywix4_129", Rs = "_iconOnly_ywix4_138", zs = "_labelOnly_ywix4_139", Cs = "_iconAndLabel_ywix4_140", Ts = "_sizeSM_ywix4_146", Fs = "_sizeXS_ywix4_151", As = "_rounded_ywix4_159", me = {
+  toggleButton: fs,
+  inactive: ws,
+  onMedium: xs,
+  onBold: Ns,
+  onStrong: Ss,
+  onAlwaysDark: Ms,
+  elevationElevated: $s,
+  elevationFlat: ks,
+  elevationNone: Ls,
+  elevationFloating: Bs,
+  pressed: Is,
+  iconOnly: Rs,
+  labelOnly: zs,
+  iconAndLabel: Cs,
+  sizeSM: Ts,
+  sizeXS: Fs,
+  rounded: As
+}, Ds = { md: 20, sm: 16, xs: 12 }, Es = {
+  md: "text-body-medium-emphasis",
+  sm: "text-body-small-emphasis",
+  xs: "text-caption-emphasis"
+}, Ws = C(
+  ({
+    elevation: e = "elevated",
+    label: t,
+    icon: n,
+    size: s = "md",
+    rounded: i = !1,
+    background: a,
+    pressed: r,
+    onPressedChange: l,
+    inactive: c = !1,
+    className: _,
+    id: d,
+    "aria-label": v
+  }, u) => {
+    const m = !!n, b = !!t, f = m && !b, w = b && !m, M = m && b, p = Ds[s], x = Es[s], B = e.charAt(0).toUpperCase() + e.slice(1), T = N(
+      me.toggleButton,
+      me[`elevation${B}`],
+      s !== "md" && me[`size${s.toUpperCase()}`],
+      i && me.rounded,
+      c && me.inactive,
+      f && me.iconOnly,
+      w && me.labelOnly,
+      M && me.iconAndLabel,
+      a && a !== "faint" && me[a === "always-dark" ? "onAlwaysDark" : `on${a.charAt(0).toUpperCase() + a.slice(1)}`],
+      r && me.pressed,
+      _
+    );
+    return /* @__PURE__ */ S(
+      "button",
+      {
+        ref: u,
+        id: d,
+        className: T,
+        onClick: c ? void 0 : () => l(!r),
+        type: "button",
+        disabled: c,
+        "aria-label": v || t || "toggle",
+        "aria-pressed": r,
+        children: [
+          n && /* @__PURE__ */ o(n, { size: p }),
+          t && /* @__PURE__ */ o(Oe, { children: /* @__PURE__ */ o($, { variant: x, as: "span", color: "inherit", children: t }) })
+        ]
+      }
+    );
+  }
+);
+Ws.displayName = "ToggleButton";
+const Gs = "_group_1u9mw_5", Hs = "_groupElevated_1u9mw_27", Ps = "_groupFlat_1u9mw_31", Xs = "_groupFloating_1u9mw_33", Os = "_groupRounded_1u9mw_37", Us = "_item_1u9mw_23", qs = "_divider_1u9mw_64", js = "_dividerGhost_1u9mw_75", Ks = "_dividerGhostXS_1u9mw_76", Vs = "_dividerGhostSM_1u9mw_77", Ys = "_dividerGhostLG_1u9mw_78", Zs = "_dividerBold_1u9mw_81", Js = "_dividerMedium_1u9mw_82", Qs = "_dividerStrong_1u9mw_83", er = "_itemShort_1u9mw_100", tr = "_first_1u9mw_94", nr = "_last_1u9mw_94", or = "_middle_1u9mw_95", sr = "_roundedFirstMD_1u9mw_145", rr = "_roundedLastMD_1u9mw_146", ir = "_roundedMidMD_1u9mw_147", ar = "_roundedFirstSM_1u9mw_150", cr = "_roundedLastSM_1u9mw_151", lr = "_roundedMidSM_1u9mw_152", dr = "_roundedFirstLG_1u9mw_155", _r = "_roundedLastLG_1u9mw_156", ur = "_roundedMidLG_1u9mw_157", Y = {
+  group: Gs,
+  groupElevated: Hs,
+  groupFlat: Ps,
+  groupFloating: Xs,
+  groupRounded: Os,
+  item: Us,
+  divider: qs,
+  dividerGhost: js,
+  dividerGhostXS: Ks,
+  dividerGhostSM: Vs,
+  dividerGhostLG: Ys,
+  dividerBold: Zs,
+  dividerMedium: Js,
+  dividerStrong: Qs,
+  itemShort: er,
+  first: tr,
+  last: nr,
+  middle: or,
+  roundedFirstMD: sr,
+  roundedLastMD: rr,
+  roundedMidMD: ir,
+  roundedFirstSM: ar,
+  roundedLastSM: cr,
+  roundedMidSM: lr,
+  roundedFirstLG: dr,
+  roundedLastLG: _r,
+  roundedMidLG: ur
+}, mr = ({ children: e, className: t }) => {
+  const n = le.Children.toArray(e).filter(le.isValidElement), s = n.length, i = n[0], a = i == null ? void 0 : i.props, r = (a == null ? void 0 : a.variant) ?? "secondary", l = (a == null ? void 0 : a.elevation) ?? (r === "primary" ? "none" : "flat"), c = !!(a != null && a.rounded), _ = l.charAt(0).toUpperCase() + l.slice(1);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: N(
+        Y.group,
+        Y[`group${_}`],
+        c && Y.groupRounded,
+        t
+      ),
+      role: "group",
+      children: n.map((d, v) => {
+        const u = d, m = u.props, b = v === 0, f = v === s - 1, w = !b && !f, M = m.variant ?? "secondary", p = m.size ?? "md", x = m.contrast ?? "bold", B = m.intent ?? "brand", T = !!m.rounded, j = !!m.icon && !m.label, F = M === "secondary" && (m.elevation ?? "flat") === "none", re = M === "primary" && B !== "none", X = x.charAt(0).toUpperCase() + x.slice(1), U = p.toUpperCase(), G = T && !j && p !== "xs", K = N(
+          Y.divider,
+          F && Y.dividerGhost,
+          F && p === "xs" && Y.dividerGhostXS,
+          F && p === "sm" && Y.dividerGhostSM,
+          F && p === "lg" && Y.dividerGhostLG,
+          re && Y[`divider${X}`]
+        );
+        return /* @__PURE__ */ S(le.Fragment, { children: [
+          v > 0 && /* @__PURE__ */ o("div", { className: K, "aria-hidden": "true" }),
+          le.cloneElement(u, {
+            className: N(
+              m.className,
+              Y.item,
+              b && Y.first,
+              f && Y.last,
+              w && Y.middle,
+              // Ghost (secondary+elevation=none): ::after overlay gets 4px radius treatment
+              F && Y.itemShort,
+              // Rounded: revert inner-edge padding to base (non-pill) value
+              G && b && Y[`roundedFirst${U}`],
+              G && f && Y[`roundedLast${U}`],
+              G && w && Y[`roundedMid${U}`]
+            )
+          })
+        ] }, v);
+      })
+    }
+  );
+};
+mr.displayName = "ButtonGroup";
+const hr = "_group_14dyx_5", vr = "_groupElevated_14dyx_27", pr = "_groupFlat_14dyx_31", yr = "_groupFloating_14dyx_33", gr = "_groupRounded_14dyx_37", br = "_item_14dyx_23", fr = "_divider_14dyx_66", wr = "_dividerGhost_14dyx_77", xr = "_dividerGhostXS_14dyx_78", Nr = "_dividerGhostSM_14dyx_79", Sr = "_itemPressed_14dyx_86", Mr = "_itemShort_14dyx_102", $r = "_first_14dyx_96", kr = "_last_14dyx_96", Lr = "_middle_14dyx_96", Br = "_roundedFirstMD_14dyx_156", Ir = "_roundedLastMD_14dyx_157", Rr = "_roundedMidMD_14dyx_158", zr = "_roundedFirstSM_14dyx_161", Cr = "_roundedLastSM_14dyx_162", Tr = "_roundedMidSM_14dyx_163", Z = {
+  group: hr,
+  groupElevated: vr,
+  groupFlat: pr,
+  groupFloating: yr,
+  groupRounded: gr,
+  item: br,
+  divider: fr,
+  dividerGhost: wr,
+  dividerGhostXS: xr,
+  dividerGhostSM: Nr,
+  itemPressed: Sr,
+  itemShort: Mr,
+  first: $r,
+  last: kr,
+  middle: Lr,
+  roundedFirstMD: Br,
+  roundedLastMD: Ir,
+  roundedMidMD: Rr,
+  roundedFirstSM: zr,
+  roundedLastSM: Cr,
+  roundedMidSM: Tr
+}, Fr = ({ children: e, className: t }) => {
+  const n = le.Children.toArray(e).filter(le.isValidElement), s = n.length, i = n[0], a = i == null ? void 0 : i.props, r = (a == null ? void 0 : a.elevation) ?? "elevated", l = !!(a != null && a.rounded), c = r.charAt(0).toUpperCase() + r.slice(1);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: N(
+        Z.group,
+        Z[`group${c}`],
+        l && Z.groupRounded,
+        t
+      ),
+      role: "group",
+      children: n.map((_, d) => {
+        const v = _, u = v.props, m = d === 0, b = d === s - 1, f = !m && !b, w = u.size ?? "md", M = !!u.rounded, p = !!u.pressed, x = !!u.icon && !u.label, B = (u.elevation ?? "elevated") === "none", T = w.toUpperCase(), j = M && !x && w !== "xs", F = N(
+          Z.divider,
+          B && Z.dividerGhost,
+          B && w === "xs" && Z.dividerGhostXS,
+          B && w === "sm" && Z.dividerGhostSM
+        );
+        return /* @__PURE__ */ S(le.Fragment, { children: [
+          d > 0 && /* @__PURE__ */ o("div", { className: F, "aria-hidden": "true" }),
+          le.cloneElement(v, {
+            className: N(
+              u.className,
+              Z.item,
+              m && Z.first,
+              b && Z.last,
+              f && Z.middle,
+              // Ghost variant: ::after overlay gets 4px radius treatment
+              B && Z.itemShort,
+              // Ghost + pressed: selected state background chip
+              B && p && Z.itemPressed,
+              // Rounded: revert inner-edge padding to base (non-pill) value
+              j && m && Z[`roundedFirst${T}`],
+              j && b && Z[`roundedLast${T}`],
+              j && f && Z[`roundedMid${T}`]
+            )
+          })
+        ] }, d);
+      })
+    }
+  );
+};
+Fr.displayName = "ToggleButtonGroup";
+const Ar = "_tag_1sd2v_6", Dr = "_sizeMd_1sd2v_27", Er = "_sizeSm_1sd2v_28", Wr = "_sizeXs_1sd2v_29", Gr = "_rounded_1sd2v_35", Hr = "_roundedLeftMD_1sd2v_46", Pr = "_roundedRightMD_1sd2v_47", Xr = "_roundedLeftSM_1sd2v_50", Or = "_roundedRightSM_1sd2v_51", Ur = "_roundedLeftXS_1sd2v_54", qr = "_roundedRightXS_1sd2v_55", jr = "_iconLeftMD_1sd2v_69", Kr = "_iconRightMD_1sd2v_70", Vr = "_iconLeftSM_1sd2v_72", Yr = "_iconRightSM_1sd2v_73", Zr = "_iconLeftXS_1sd2v_75", Jr = "_iconRightXS_1sd2v_76", Qr = "_onMedium_1sd2v_82", ei = "_onBold_1sd2v_87", ti = "_onStrong_1sd2v_92", ni = "_onAlwaysDark_1sd2v_97", oi = "_elevationFlat_1sd2v_111", si = "_intentNeutral_1sd2v_120", ri = "_contrastBold_1sd2v_120", ii = "_intentBrand_1sd2v_121", ai = "_intentAi_1sd2v_122", ci = "_intentNegative_1sd2v_123", li = "_intentWarning_1sd2v_124", di = "_intentCaution_1sd2v_125", _i = "_intentPositive_1sd2v_126", ui = "_contrastStrong_1sd2v_128", mi = "_contrastMedium_1sd2v_136", hi = "_contrastFaint_1sd2v_144", vi = "_elevationElevated_1sd2v_152", pi = "_interactive_1sd2v_206", yi = "_pressed_1sd2v_226", gi = "_removable_1sd2v_236", bi = "_removeButton_1sd2v_239", fi = "_inactive_1sd2v_270", J = {
+  tag: Ar,
+  sizeMd: Dr,
+  sizeSm: Er,
+  sizeXs: Wr,
+  rounded: Gr,
+  roundedLeftMD: Hr,
+  roundedRightMD: Pr,
+  roundedLeftSM: Xr,
+  roundedRightSM: Or,
+  roundedLeftXS: Ur,
+  roundedRightXS: qr,
+  iconLeftMD: jr,
+  iconRightMD: Kr,
+  iconLeftSM: Vr,
+  iconRightSM: Yr,
+  iconLeftXS: Zr,
+  iconRightXS: Jr,
+  onMedium: Qr,
+  onBold: ei,
+  onStrong: ti,
+  onAlwaysDark: ni,
+  elevationFlat: oi,
+  intentNeutral: si,
+  contrastBold: ri,
+  intentBrand: ii,
+  intentAi: ai,
+  intentNegative: ci,
+  intentWarning: li,
+  intentCaution: di,
+  intentPositive: _i,
+  contrastStrong: ui,
+  contrastMedium: mi,
+  contrastFaint: hi,
+  elevationElevated: vi,
+  interactive: pi,
+  pressed: yi,
+  removable: gi,
+  removeButton: bi,
+  inactive: fi
+}, wi = { md: 20, sm: 16, xs: 12 }, xi = {
+  md: "text-body-medium",
+  sm: "text-body-small",
+  xs: "text-caption"
+}, Ni = C(
+  ({
+    label: e,
+    intent: t = "neutral",
+    contrast: n = "faint",
+    elevation: s = "none",
+    size: i = "md",
+    rounded: a = !1,
+    icon: r,
+    removable: l = !1,
+    onRemove: c,
+    removeIcon: _,
+    maxWidth: d,
+    inactive: v = !1,
+    background: u,
+    onClick: m,
+    pressed: b,
+    onPressedChange: f,
+    className: w
+  }, M) => {
+    const p = !!m || !!f, x = l && !!c, B = wi[i], T = xi[i], j = s.charAt(0).toUpperCase() + s.slice(1), F = i.toUpperCase(), re = N(
+      J.tag,
+      J[`intent${t.charAt(0).toUpperCase() + t.slice(1)}`],
+      J[`contrast${n.charAt(0).toUpperCase() + n.slice(1)}`],
+      J[`elevation${j}`],
+      J[`size${i.charAt(0).toUpperCase() + i.slice(1)}`],
+      a && J.rounded,
+      // Pill padding correction — extra space-050 on bare sides (no content anchor)
+      a && !r && J[`roundedLeft${F}`],
+      a && !x && J[`roundedRight${F}`],
+      // Icon-edge correction — reduce padding to (height − icon) / 2 on icon sides
+      !!r && J[`iconLeft${F}`],
+      x && J[`iconRight${F}`],
+      l && J.removable,
+      p && J.interactive,
+      u && u !== "faint" && J[u === "always-dark" ? "onAlwaysDark" : `on${u.charAt(0).toUpperCase() + u.slice(1)}`],
+      v && J.inactive,
+      b && J.pressed,
+      w
+    ), X = d != null ? { maxWidth: typeof d == "number" ? `${d}px` : d } : void 0;
+    return /* @__PURE__ */ S(
+      "div",
+      {
+        ref: M,
+        className: re,
+        style: X,
+        onClick: p && !v ? () => {
+          f == null || f(!b), m == null || m();
+        } : void 0,
+        onKeyDown: p && !v ? (K) => {
+          (K.key === "Enter" || K.key === " ") && (K.preventDefault(), f == null || f(!b), m == null || m());
+        } : void 0,
+        role: p ? "button" : void 0,
+        tabIndex: p && !v ? 0 : void 0,
+        "aria-pressed": f != null ? b : void 0,
+        "aria-disabled": v || void 0,
+        children: [
+          r && /* @__PURE__ */ o(r, { size: B }),
+          /* @__PURE__ */ o(Oe, { size: i, children: /* @__PURE__ */ o($, { variant: T, as: "span", color: "inherit", children: e }) }),
+          l && c && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: J.removeButton,
+              onClick: (K) => {
+                K.stopPropagation(), c();
+              },
+              "aria-label": `Remove ${e}`,
+              tabIndex: -1,
+              children: _ ? /* @__PURE__ */ o(_, { size: B }) : /* @__PURE__ */ o(wt, { size: B })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ni.displayName = "Tag";
+const Si = "_badge_1nscu_1", Mi = {
+  badge: Si
+}, $i = ({ count: e, isSelected: t = !1, className: n }) => {
+  if (e === 0) return null;
+  const s = e > 9 ? "+" : e.toString();
+  return /* @__PURE__ */ o("span", { className: `${Mi.badge} ${n || ""}`, "aria-label": `${e} unread`, children: /* @__PURE__ */ o($, { variant: "text-caption-emphasis", as: "span", color: t ? "primary" : "secondary", children: s }) });
+};
+$i.displayName = "Badge";
+const ki = "_toggle_1aw6v_1", Li = "_checked_1aw6v_35", Bi = "_thumb_1aw6v_39", Ii = "_inactive_1aw6v_62", De = {
+  toggle: ki,
+  checked: Li,
+  thumb: Bi,
+  inactive: Ii
+}, Ri = C(
+  ({ checked: e = !1, onChange: t, inactive: n = !1, className: s, "aria-label": i }, a) => {
+    const [r, l] = z(!1), c = (v) => {
+      n || (v.preventDefault(), l(!0));
+    }, _ = () => {
+      n || !r || (l(!1), t == null || t(!e));
+    }, d = () => {
+      r && l(!1);
+    };
+    return /* @__PURE__ */ o(
+      "button",
+      {
+        ref: a,
+        type: "button",
+        role: "switch",
+        "aria-checked": e,
+        "aria-label": i,
+        disabled: n,
+        className: N(De.toggle, e && De.checked, n && De.inactive, s),
+        onMouseDown: c,
+        onMouseUp: _,
+        onMouseLeave: d,
+        children: /* @__PURE__ */ o("span", { className: De.thumb })
+      }
+    );
+  }
+);
+Ri.displayName = "Toggle";
+const zi = "_checkbox_1brbf_1", Ci = "_inactive_1brbf_18", Ti = "_box_1brbf_25", Fi = "_boxChecked_1brbf_37", Ai = "_checkmark_1brbf_42", Be = {
+  checkbox: zi,
+  inactive: Ci,
+  box: Ti,
+  boxChecked: Fi,
+  checkmark: Ai
+}, Di = C(
+  ({
+    label: e,
+    checked: t = !1,
+    indeterminate: n = !1,
+    onChange: s,
+    inactive: i = !1,
+    className: a,
+    checkedIcon: r,
+    uncheckedIcon: l,
+    indeterminateIcon: c
+  }, _) => {
+    const d = () => {
+      i || s == null || s(!t);
+    }, v = n || t ? "var(--color-foreground-primary)" : "var(--color-foreground-secondary)", u = n ? c : t ? r : l;
+    return /* @__PURE__ */ S(
+      "div",
+      {
+        ref: _,
+        role: "checkbox",
+        "aria-checked": n ? "mixed" : t,
+        "aria-inactive": i,
+        tabIndex: i ? -1 : 0,
+        className: N(Be.checkbox, i && Be.inactive, a),
+        onClick: d,
+        onKeyDown: (m) => {
+          (m.key === " " || m.key === "Enter") && (m.preventDefault(), d());
+        },
+        children: [
+          u ? /* @__PURE__ */ o(u, { size: 20, color: v }) : /* @__PURE__ */ o("span", { className: N(Be.box, (t || n) && Be.boxChecked), children: (t || n) && /* @__PURE__ */ o("span", { className: Be.checkmark, children: n ? "−" : "✓" }) }),
+          /* @__PURE__ */ o($, { variant: "text-body-medium", as: "span", color: "inherit", children: e })
+        ]
+      }
+    );
+  }
+);
+Di.displayName = "Checkbox";
+const Ei = "_wrapper_14bd3_1", Wi = "_row_14bd3_16", Gi = "_input_14bd3_24", Hi = "_clearButton_14bd3_49", Pi = "_suffix_14bd3_65", Ie = {
+  wrapper: Ei,
+  row: Wi,
+  input: Gi,
+  clearButton: Hi,
+  suffix: Pi
+}, Xi = C(
+  ({
+    value: e,
+    onChange: t,
+    id: n,
+    placeholder: s,
+    autoFocus: i = !1,
+    className: a,
+    type: r = "text",
+    inactive: l = !1,
+    onKeyDown: c,
+    suffix: _,
+    clearIcon: d,
+    "aria-label": v
+  }, u) => {
+    const m = r === "search" && e.length > 0 && !l, b = () => {
+      t({ target: { value: "" } });
+    };
+    return /* @__PURE__ */ o("div", { ref: u, className: N(Ie.wrapper, a), children: /* @__PURE__ */ S("div", { className: Ie.row, children: [
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: r,
+          id: n,
+          value: e,
+          onChange: t,
+          onKeyDown: c,
+          placeholder: s,
+          className: Ie.input,
+          autoFocus: i,
+          disabled: l,
+          "aria-label": v
+        }
+      ),
+      m && /* @__PURE__ */ o("button", { type: "button", className: Ie.clearButton, onClick: b, "aria-label": "Clear", children: d ? /* @__PURE__ */ o(d, { size: 16 }) : /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "×" }) }),
+      _ && /* @__PURE__ */ o("div", { className: Ie.suffix, children: _ })
+    ] }) });
+  }
+);
+Xi.displayName = "Input";
+const Oi = "_field_6azt6_1", Ui = "_labelRow_6azt6_2", qi = "_track_6azt6_4", ji = "_trackInner_6azt6_10", Ki = "_fillTrack_6azt6_16", Vi = "_fill_6azt6_16", Yi = "_trackAtMin_6azt6_27", Zi = "_thumb_6azt6_29", Ji = "_trackInactive_6azt6_49", Qi = "_input_6azt6_54", he = {
+  field: Oi,
+  labelRow: Ui,
+  track: qi,
+  trackInner: ji,
+  fillTrack: Ki,
+  fill: Vi,
+  trackAtMin: Yi,
+  thumb: Zi,
+  trackInactive: Ji,
+  input: Qi
+}, ea = C(
+  ({ value: e, onChange: t, min: n = 0, max: s = 100, step: i = 1, label: a, id: r, inactive: l = !1, className: c }, _) => {
+    const d = it(), v = r ?? d, u = D(null), [m, b] = z(() => {
+      const M = s - n;
+      return M === 0 ? 0 : Math.round((e - n) / M * 100);
+    }), f = ce(() => {
+      const M = s - n;
+      b(M === 0 ? 0 : Math.round((e - n) / M * 100));
+    }, [e, n, s]);
+    q(() => {
+      f();
+    }, [f]);
+    const w = (M) => {
+      t(Number(M.target.value));
+    };
+    return /* @__PURE__ */ S("div", { ref: _, className: N(he.field, c), children: [
+      /* @__PURE__ */ S("div", { className: he.labelRow, children: [
+        /* @__PURE__ */ o($, { variant: "text-body-small-emphasis", as: "label", htmlFor: v, children: a }),
+        /* @__PURE__ */ o($, { variant: "text-body-small-emphasis", as: "span", children: e })
+      ] }),
+      /* @__PURE__ */ S(
+        "div",
+        {
+          ref: u,
+          className: N(he.track, l && he.trackInactive, m === 0 && he.trackAtMin),
+          style: { "--slider-pct": m },
+          children: [
+            /* @__PURE__ */ S("div", { className: he.trackInner, children: [
+              /* @__PURE__ */ o("div", { className: he.fillTrack, children: /* @__PURE__ */ o("div", { className: he.fill }) }),
+              /* @__PURE__ */ o("div", { className: he.thumb })
+            ] }),
+            /* @__PURE__ */ o(
+              "input",
+              {
+                type: "range",
+                id: v,
+                min: n,
+                max: s,
+                step: i,
+                value: e,
+                onChange: w,
+                disabled: l,
+                className: he.input,
+                "aria-valuemin": n,
+                "aria-valuemax": s,
+                "aria-valuenow": e
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+ea.displayName = "Slider";
+const ta = "_field_140we_1", na = {
+  field: ta
+}, oa = C(
+  ({ label: e, children: t, id: n, className: s }, i) => /* @__PURE__ */ S("div", { ref: i, className: N(na.field, s), children: [
+    /* @__PURE__ */ o($, { variant: "text-body-small-emphasis", as: "label", htmlFor: n, children: e }),
+    t
+  ] })
+);
+oa.displayName = "Field";
+const sa = "_backdrop_k4mxw_1", ra = "_closing_k4mxw_15", ia = "_dialog_k4mxw_29", aa = "_header_k4mxw_51", ca = "_subtitle_k4mxw_55", la = "_body_k4mxw_60", da = "_footer_k4mxw_65", fe = {
+  backdrop: sa,
+  closing: ra,
+  dialog: ia,
+  header: aa,
+  subtitle: ca,
+  body: la,
+  footer: da
+}, _a = {
+  sm: "var(--dimension-modal-width-sm, 400px)",
+  md: "var(--dimension-modal-width-md, 560px)",
+  lg: "var(--dimension-modal-width-lg, 720px)"
+}, ua = 220, ma = ({
+  isOpen: e,
+  onClose: t,
+  title: n,
+  subtitle: s,
+  children: i,
+  footer: a,
+  width: r = "md",
+  bodyClassName: l
+}) => {
+  const c = D(null), _ = it(), [d, v] = z(!1), [u, m] = z(e), b = $e(() => r === "sm" || r === "md" || r === "lg" ? _a[r] : r, [r]);
+  return q(() => {
+    if (e)
+      m(!0), v(!1);
+    else if (u) {
+      v(!0);
+      const f = setTimeout(() => {
+        m(!1), v(!1);
+      }, ua);
+      return () => clearTimeout(f);
+    }
+  }, [e, u]), q(() => {
+    if (!e) return;
+    const f = (w) => {
+      w.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [e, t]), q(() => {
+    if (!e || !u) return;
+    const f = requestAnimationFrame(() => {
+      var w;
+      (w = c.current) == null || w.focus();
+    });
+    return () => cancelAnimationFrame(f);
+  }, [e, u]), u ? Xe(
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: `${fe.backdrop} ${d ? fe.closing : ""}`,
+        onMouseDown: (f) => {
+          f.target === f.currentTarget && t();
+        },
+        children: /* @__PURE__ */ S(
+          be,
+          {
+            ref: c,
+            background: "primary",
+            elevation: "floating",
+            radius: "var(--dimension-radius-275, 22px)",
+            className: fe.dialog,
+            style: { width: `min(${b}, calc(100vw - 32px))` },
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": _,
+            tabIndex: -1,
+            children: [
+              /* @__PURE__ */ S("div", { className: fe.header, children: [
+                /* @__PURE__ */ o($, { id: _, as: "h2", variant: "text-title-small", children: n }),
+                s != null && /* @__PURE__ */ o("div", { className: fe.subtitle, children: s })
+              ] }),
+              /* @__PURE__ */ o("div", { className: `${fe.body} ${l ?? ""}`.trim(), children: i }),
+              a != null && /* @__PURE__ */ o("div", { className: fe.footer, children: a })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  ) : null;
+};
+ma.displayName = "Modal";
+const ha = "_menuItem_ozcs1_1", va = "_subtext_ozcs1_15", pa = "_iconPrefix_ozcs1_17", ya = "_menuItemSelected_ozcs1_24", ga = "_content_ozcs1_26", ba = "_label_ozcs1_34", fa = "_menuItemLabelTertiary_ozcs1_37", wa = "_menuItemNegative_ozcs1_38", xa = "_menuItemInactive_ozcs1_42", Na = "_toggleSuffix_ozcs1_44", Sa = "_toggle_ozcs1_44", Ma = "_toggleOn_ozcs1_55", $a = "_toggleThumb_ozcs1_57", ka = "_checkSuffix_ozcs1_70", La = "_chevronSuffix_ozcs1_77", ee = {
+  menuItem: ha,
+  subtext: va,
+  iconPrefix: pa,
+  menuItemSelected: ya,
+  content: ga,
+  label: ba,
+  menuItemLabelTertiary: fa,
+  menuItemNegative: wa,
+  menuItemInactive: xa,
+  toggleSuffix: Na,
+  toggle: Sa,
+  toggleOn: Ma,
+  toggleThumb: $a,
+  checkSuffix: ka,
+  chevronSuffix: La
+}, lt = C(
+  ({
+    label: e,
+    onClick: t,
+    isSelected: n = !1,
+    isInactive: s = !1,
+    icon: i,
+    labelColor: a,
+    subtext: r,
+    showToggle: l = !1,
+    toggleValue: c = !1,
+    intent: _,
+    selectionStyle: d = "highlight",
+    showTrailingChevron: v = !1,
+    checkIcon: u,
+    chevronIcon: m
+  }, b) => {
+    const f = d === "radio";
+    return /* @__PURE__ */ S(
+      be,
+      {
+        ref: b,
+        as: "button",
+        interactive: !s,
+        selected: n && !(d === "noOverlay" || f),
+        radius: "sm",
+        className: `${ee.menuItem} ${n ? ee.menuItemSelected : ""} ${s ? ee.menuItemInactive : ""} ${_ === "negative" ? ee.menuItemNegative : ""} ${a === "tertiary" ? ee.menuItemLabelTertiary : ""}`,
+        onClick: t,
+        type: "button",
+        inactive: s,
+        children: [
+          i && /* @__PURE__ */ o("div", { className: ee.iconPrefix, children: /* @__PURE__ */ o(i, { size: 20 }) }),
+          /* @__PURE__ */ S("div", { className: ee.content, children: [
+            /* @__PURE__ */ o(
+              $,
+              {
+                variant: n ? "text-body-medium-emphasis" : "text-body-medium",
+                color: a,
+                as: "span",
+                className: ee.label,
+                children: e
+              }
+            ),
+            r && /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", className: ee.subtext, children: r })
+          ] }),
+          l && /* @__PURE__ */ o("div", { className: ee.toggleSuffix, children: /* @__PURE__ */ o("div", { className: `${ee.toggle} ${c ? ee.toggleOn : ""}`, children: /* @__PURE__ */ o("div", { className: ee.toggleThumb }) }) }),
+          f && n && u && /* @__PURE__ */ o("div", { className: ee.checkSuffix, children: /* @__PURE__ */ o(u, { size: 20 }) }),
+          v && m && /* @__PURE__ */ o("div", { className: ee.chevronSuffix, children: /* @__PURE__ */ o(m, { size: 20 }) })
+        ]
+      }
+    );
+  }
+);
+lt.displayName = "MenuItem";
+const Ba = "_destructiveMenuItem_1t03u_1", Ia = "_subtext_1t03u_19", Ra = "_progressFill_1t03u_21", za = "_content_1t03u_44", Ca = "_label_1t03u_53", Re = {
+  destructiveMenuItem: Ba,
+  subtext: Ia,
+  progressFill: Ra,
+  content: za,
+  label: Ca
+}, dt = C(
+  ({ label: e, onClick: t, holdDuration: n = 4e3, subtext: s }, i) => {
+    const [a, r] = z(0), l = D(null), c = D(0), _ = D(null), d = () => {
+      r(0), l.current && (clearTimeout(l.current), l.current = null), _.current && (cancelAnimationFrame(_.current), _.current = null);
+    }, v = (b) => {
+      if (b.stopPropagation(), b.preventDefault(), n === 0) {
+        t();
+        return;
+      }
+      c.current = performance.now();
+      const f = () => {
+        const w = performance.now() - c.current, M = Math.min(w / n * 100, 100);
+        r(M), M < 100 && (_.current = requestAnimationFrame(f));
+      };
+      _.current = requestAnimationFrame(f), l.current = window.setTimeout(() => {
+        t(), d();
+      }, n);
+    }, u = (b) => {
+      b.stopPropagation(), d();
+    }, m = (b) => {
+      b.stopPropagation(), d();
+    };
+    return q(() => () => {
+      d();
+    }, []), /* @__PURE__ */ S(
+      "button",
+      {
+        ref: i,
+        className: Re.destructiveMenuItem,
+        onMouseDown: v,
+        onMouseUp: u,
+        onMouseLeave: m,
+        type: "button",
+        children: [
+          /* @__PURE__ */ o("div", { className: Re.progressFill, style: { width: `${a}%` } }),
+          /* @__PURE__ */ S("div", { className: Re.content, children: [
+            /* @__PURE__ */ o($, { variant: "text-body-medium", as: "span", className: Re.label, children: e }),
+            s && /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", className: Re.subtext, children: s })
+          ] })
+        ]
+      }
+    );
+  }
+);
+dt.displayName = "DestructiveMenuItem";
+function et(e, t) {
+  if (typeof document > "u") return t;
+  const n = getComputedStyle(document.documentElement).getPropertyValue(e).trim(), s = parseFloat(n);
+  return Number.isNaN(s) ? t : s;
+}
+function _t(e, t) {
+  if (typeof document > "u") return t;
+  const n = getComputedStyle(document.documentElement).getPropertyValue(e).trim();
+  return n.endsWith("ms") ? parseFloat(n) || t : n.endsWith("s") && (parseFloat(n) || 0) * 1e3 || t;
+}
+const Ta = "_menuContainer_ljt4d_1", Fa = "_closing_ljt4d_21", Aa = "_menuSection_ljt4d_30", Da = "_sectionHeader_ljt4d_37", Ea = "_sectionLabel_ljt4d_46", ze = {
+  menuContainer: Ta,
+  closing: Fa,
+  menuSection: Aa,
+  sectionHeader: Da,
+  sectionLabel: Ea
+}, Wa = 220, ut = ({
+  isOpen: e,
+  onClose: t,
+  anchorRef: n,
+  items: s,
+  sections: i,
+  side: a = "bottom",
+  align: r = "start",
+  sideOffset: l = 4,
+  alignOffset: c = 0,
+  sideOffsetToken: _,
+  alignOffsetToken: d,
+  width: v,
+  minWidth: u,
+  maxWidth: m,
+  matchAnchorWidth: b = !1,
+  matchAnchorWidthOffset: f = 0,
+  usePortal: w = !0
+}) => {
+  const [M, p] = z(!1), [x, B] = z(e), [T, j] = z(!1), [F, re] = z({ x: 0, y: 0 }), [X, U] = z({ width: 0, height: 0 }), [G, K] = z({ width: 0, height: 0 }), te = D(!1), ne = D(null), de = D([]), O = i || (s ? [{ items: s }] : []), ue = O.some((h) => h.items.length > 0);
+  !M && O.length > 0 && ue && (de.current = O);
+  const ve = M ? de.current : O;
+  if (q(() => {
+    if (e)
+      B(!0), p(!1), j(!1), te.current = !1;
+    else if (x) {
+      p(!0);
+      const h = setTimeout(() => {
+        B(!1), p(!1), te.current = !1;
+      }, Wa);
+      return () => clearTimeout(h);
+    }
+  }, [e, x]), Pe(() => {
+    if (!e || !x || !ne.current) return;
+    const h = () => {
+      if (!ne.current) return;
+      const g = ne.current.getBoundingClientRect();
+      g.width > 0 && g.height > 0 && U({ width: g.width, height: g.height });
+    };
+    if (h(), requestAnimationFrame(() => requestAnimationFrame(h)), typeof ResizeObserver < "u") {
+      const g = new ResizeObserver(h);
+      return g.observe(ne.current), () => g.disconnect();
+    }
+  }, [e, x, O.length]), Pe(() => {
+    if (!e || !x || !n.current || !ne.current) return;
+    const h = () => {
+      const L = n.current, H = ne.current;
+      if (!L || !H) return;
+      const k = L.getBoundingClientRect(), oe = H.getBoundingClientRect(), ie = oe.width || X.width || 200, se = oe.height || X.height || 160;
+      K({ width: k.width, height: k.height });
+      const ae = _ != null ? et(_, 12) : l, V = d != null ? et(d, 4) : c;
+      let ke = 0, Le = 0;
+      switch (a) {
+        case "top":
+          Le = k.top - se - ae, ke = r === "start" ? k.left + V : r === "end" ? k.right - ie + V : k.left + k.width / 2 - ie / 2 + V;
+          break;
+        case "bottom":
+          Le = k.bottom + ae, ke = r === "start" ? k.left + V : r === "end" ? k.right - ie + V : k.left + k.width / 2 - ie / 2 + V;
+          break;
+        case "left":
+          ke = k.left - ie - ae, Le = r === "start" ? k.top + V : r === "end" ? k.bottom - se + V : k.top + k.height / 2 - se / 2 + V;
+          break;
+        case "right":
+          ke = k.right + ae, Le = r === "start" ? k.top + V : r === "end" ? k.bottom - se + V : k.top + k.height / 2 - se / 2 + V;
+          break;
+      }
+      const Fe = 4;
+      re({
+        x: Math.min(Math.max(ke, Fe), window.innerWidth - ie - Fe),
+        y: Math.min(Math.max(Le, Fe), window.innerHeight - se - Fe)
+      }), te.current = !0, j(!0);
+    };
+    te.current || (h(), requestAnimationFrame(() => {
+      te.current || h();
+    }));
+    const g = () => h();
+    return window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
+      window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
+    };
+  }, [e, x, n, a, r, l, c, _, d, X.width, X.height, O.length, f]), q(() => {
+    if (!e || !x) return;
+    const h = (g) => {
+      var H, k;
+      const L = g.target;
+      (H = ne.current) != null && H.contains(L) || (k = n.current) != null && k.contains(L) || t();
+    };
+    return document.addEventListener("mousedown", h, !0), () => document.removeEventListener("mousedown", h, !0);
+  }, [e, x, t, n]), q(() => {
+    if (!e) return;
+    const h = (g) => {
+      g.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+  }, [e, t]), !x || ve.length === 0) return null;
+  const E = (h, g) => h.isDestructive ? /* @__PURE__ */ o(
+    dt,
+    {
+      label: h.label,
+      subtext: h.subtext,
+      holdDuration: h.holdDuration ?? 4e3,
+      onClick: () => {
+        h.onClick(), h.keepOpenOnClick || t();
+      }
+    },
+    g
+  ) : /* @__PURE__ */ o(
+    lt,
+    {
+      icon: h.icon,
+      label: h.label,
+      subtext: h.subtext,
+      onClick: () => {
+        h.isInactive || (h.onClick(), h.keepOpenOnClick || t());
+      },
+      isSelected: h.isSelected,
+      isInactive: h.isInactive,
+      intent: h.intent,
+      showToggle: h.showToggle,
+      toggleValue: h.toggleValue,
+      selectionStyle: h.selectionStyle
+    },
+    g
+  ), y = {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    transform: `translate(${Math.round(F.x)}px, ${Math.round(F.y)}px)`,
+    willChange: "transform",
+    zIndex: 9998,
+    visibility: T ? "visible" : "hidden",
+    ...b && G.width > 0 ? { width: `${G.width + f}px` } : v ? { width: v } : {},
+    ...u ? { minWidth: u } : {},
+    ...m ? { maxWidth: m } : {}
+  }, I = /* @__PURE__ */ o("div", { ref: ne, className: `${ze.menuContainer} ${M ? ze.closing : ""}`, style: y, role: "menu", "aria-label": "Menu", children: ve.map((h, g) => /* @__PURE__ */ S(
+    be,
+    {
+      as: "div",
+      className: ze.menuSection,
+      edge: g < ve.length - 1 ? "bottom" : void 0,
+      elevation: "none",
+      children: [
+        h.header && /* @__PURE__ */ o("div", { className: ze.sectionHeader, children: /* @__PURE__ */ o($, { variant: "text-body-small-emphasis", as: "span", className: ze.sectionLabel, children: h.header }) }),
+        h.items.map((L, H) => E(L, H))
+      ]
+    },
+    g
+  )) });
+  return w ? Xe(I, document.body) : I;
+};
+ut.displayName = "Menu";
+const Ga = "_tooltip_3kdaq_1", Ha = "_tooltipInner_3kdaq_14", Pa = "_keyHint_3kdaq_21", Xa = "_closing_3kdaq_33", Ee = {
+  tooltip: Ga,
+  tooltipInner: Ha,
+  keyHint: Pa,
+  closing: Xa
+}, Oa = 1e3, Ua = 300, qa = 200;
+let tt = 0;
+const ja = ({
+  label: e,
+  children: t,
+  delay: n,
+  side: s = "top",
+  align: i = "center",
+  sideOffset: a = 4,
+  alignOffset: r = 0,
+  shortcutKey: l,
+  shortcutKeyPosition: c = "end",
+  usePortal: _ = !0
+}) => {
+  const d = _t("--effect-animation-delay-medium-3", Oa), v = n ?? d, u = D(null), m = D(null), b = ce(
+    (E) => {
+      u.current = E;
+      const y = le.Children.only(t), I = "ref" in y ? y.ref : void 0;
+      typeof I == "function" ? I(E) : I && typeof I == "object" && (I.current = E);
+    },
+    [t]
+  ), [f, w] = z(!1), [M, p] = z(!1), [x, B] = z(!1), [T, j] = z({ x: 0, y: 0 }), [F, re] = z({ width: 0, height: 0 }), X = D(null), U = D(null), G = 4, K = () => {
+    X.current && (clearTimeout(X.current), X.current = null);
+  }, te = () => {
+    if (K(), Date.now() - tt < Ua) {
+      w(!0), B(!0), p(!1);
+      return;
+    }
+    X.current = setTimeout(() => {
+      X.current = null, w(!0), B(!0), p(!1);
+    }, v);
+  }, ne = () => {
+    K(), U.current && (clearTimeout(U.current), U.current = null), !(!f && !x) && (tt = Date.now(), p(!0), U.current = setTimeout(() => {
+      U.current = null, B(!1), w(!1), p(!1);
+    }, qa));
+  };
+  q(() => () => {
+    K(), U.current && clearTimeout(U.current);
+  }, []), Pe(() => {
+    if (!x || !m.current) return;
+    const E = () => {
+      if (!m.current) return;
+      const y = m.current.getBoundingClientRect(), I = y.width || m.current.offsetWidth, h = y.height || m.current.offsetHeight;
+      I > 0 && h > 0 && re({ width: I, height: h });
+    };
+    if (E(), requestAnimationFrame(E), typeof ResizeObserver < "u") {
+      const y = new ResizeObserver(E);
+      return y.observe(m.current), () => y.disconnect();
+    }
+  }, [x, e, l, c]), Pe(() => {
+    if (!x || !u.current || !m.current) return;
+    const E = () => {
+      if (!u.current || !m.current) return;
+      const y = u.current.getBoundingClientRect(), I = m.current.getBoundingClientRect().width || F.width || 80, h = m.current.getBoundingClientRect().height || F.height || 24;
+      let g = 0, L = 0;
+      switch (s) {
+        case "top":
+          L = y.top - h - a, g = i === "start" ? y.left + r : i === "end" ? y.right - I + r : y.left + y.width / 2 - I / 2 + r;
+          break;
+        case "bottom":
+          L = y.bottom + a, g = i === "start" ? y.left + r : i === "end" ? y.right - I + r : y.left + y.width / 2 - I / 2 + r;
+          break;
+        case "left":
+          g = y.left - I - a, L = i === "start" ? y.top + r : i === "end" ? y.bottom - h + r : y.top + y.height / 2 - h / 2 + r;
+          break;
+        case "right":
+          g = y.right + a, L = i === "start" ? y.top + r : i === "end" ? y.bottom - h + r : y.top + y.height / 2 - h / 2 + r;
+          break;
+      }
+      j({
+        x: Math.min(Math.max(g, G), window.innerWidth - I - G),
+        y: Math.min(Math.max(L, G), window.innerHeight - h - G)
+      });
+    };
+    E(), requestAnimationFrame(() => requestAnimationFrame(E));
+  }, [x, s, i, a, r, F.width, F.height, e]), q(() => {
+    if (!x) return;
+    const E = () => {
+      if (!u.current || !m.current) return;
+      const y = u.current.getBoundingClientRect(), I = F.width || 80, h = F.height || 24;
+      let g = 0, L = 0;
+      switch (s) {
+        case "top":
+          L = y.top - h - a, g = i === "start" ? y.left + r : i === "end" ? y.right - I + r : y.left + y.width / 2 - I / 2 + r;
+          break;
+        case "bottom":
+          L = y.bottom + a, g = i === "start" ? y.left + r : i === "end" ? y.right - I + r : y.left + y.width / 2 - I / 2 + r;
+          break;
+        case "left":
+          g = y.left - I - a, L = i === "start" ? y.top + r : i === "end" ? y.bottom - h + r : y.top + y.height / 2 - h / 2 + r;
+          break;
+        case "right":
+          g = y.right + a, L = i === "start" ? y.top + r : i === "end" ? y.bottom - h + r : y.top + y.height / 2 - h / 2 + r;
+          break;
+      }
+      j({
+        x: Math.min(Math.max(g, G), window.innerWidth - I - G),
+        y: Math.min(Math.max(L, G), window.innerHeight - h - G)
+      });
+    };
+    return window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), () => {
+      window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E);
+    };
+  }, [x, s, i, a, r, F.width, F.height]);
+  const de = l ? /* @__PURE__ */ o("div", { className: Ee.keyHint, "aria-hidden": !0, children: /* @__PURE__ */ o($, { variant: "text-caption-emphasis", as: "span", color: "primary", children: l }) }) : null, O = x ? /* @__PURE__ */ o(
+    "div",
+    {
+      ref: m,
+      className: `${Ee.tooltip} ${M ? Ee.closing : ""}`,
+      style: {
+        position: "fixed",
+        left: 0,
+        top: 0,
+        transform: `translate(${Math.round(T.x)}px, ${Math.round(T.y)}px)`,
+        willChange: "transform",
+        zIndex: 1e4
+      },
+      role: "tooltip",
+      children: /* @__PURE__ */ S("div", { className: Ee.tooltipInner, children: [
+        l && c === "start" && de,
+        /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", color: "primary", children: e }),
+        l && c === "end" && de
+      ] })
+    }
+  ) : null, ue = le.Children.only(t), ve = le.isValidElement(ue) ? le.cloneElement(ue, {
+    ref: b,
+    onMouseEnter: (E) => {
+      var y, I;
+      te(), (I = (y = ue.props).onMouseEnter) == null || I.call(y, E);
+    },
+    onMouseLeave: (E) => {
+      var y, I;
+      ne(), (I = (y = ue.props).onMouseLeave) == null || I.call(y, E);
+    }
+  }) : t;
+  return /* @__PURE__ */ S(Ze, { children: [
+    ve,
+    _ ? Xe(O, document.body) : O
+  ] });
+};
+ja.displayName = "Tooltip";
+const Ka = "_selectWrapper_17kkf_1", Va = "_selectButton_17kkf_6", Ya = "_chevron_17kkf_26", qe = {
+  selectWrapper: Ka,
+  selectButton: Va,
+  chevron: Ya
+}, Za = C(
+  ({ value: e, onChange: t, options: n, placeholder: s = "Select option", className: i, inactive: a = !1, id: r, chevronIcon: l }, c) => {
+    const [_, d] = z(!1), v = D(null), u = n.find((w) => w.value === e), m = (u == null ? void 0 : u.label) || s, b = n.map((w) => ({
+      label: w.label,
+      onClick: () => {
+        t(w.value), d(!1);
+      },
+      isSelected: w.value === e
+    })), f = () => {
+      a || d((w) => !w);
+    };
+    return /* @__PURE__ */ S("div", { ref: c, className: `${qe.selectWrapper} ${i || ""}`, children: [
+      /* @__PURE__ */ S(
+        be,
+        {
+          id: r,
+          ref: v,
+          as: "button",
+          type: "button",
+          elevation: "elevated",
+          radius: "sm",
+          interactive: !0,
+          selected: _,
+          className: qe.selectButton,
+          onClick: f,
+          inactive: a,
+          children: [
+            /* @__PURE__ */ o(
+              $,
+              {
+                variant: "text-body-medium",
+                as: "span",
+                color: u ? "primary" : "secondary",
+                children: m
+              }
+            ),
+            l && /* @__PURE__ */ o("span", { className: qe.chevron, children: /* @__PURE__ */ o(l, { size: 16 }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        ut,
+        {
+          isOpen: _,
+          onClose: () => d(!1),
+          anchorRef: v,
+          items: b,
+          side: "bottom",
+          align: "start",
+          sideOffset: 4,
+          alignOffset: -4,
+          matchAnchorWidth: !0,
+          matchAnchorWidthOffset: 8
+        }
+      )
+    ] });
+  }
+);
+Za.displayName = "Select";
+const Ja = "_bannerWrapper_xz2oj_1", Qa = "_banner_xz2oj_1", ec = "_bannerHeaderSurface_xz2oj_10", tc = "_bannerHeader_xz2oj_10", nc = "_bannerBody_xz2oj_30", oc = "_message_xz2oj_35", sc = "_floatingPosition_xz2oj_41", rc = "_floatingToast_xz2oj_49", ic = "_closing_xz2oj_55", pe = {
+  bannerWrapper: Ja,
+  banner: Qa,
+  bannerHeaderSurface: ec,
+  bannerHeader: tc,
+  bannerBody: nc,
+  message: oc,
+  floatingPosition: sc,
+  floatingToast: rc,
+  closing: ic
+}, ac = 4e3, cc = 200, lc = (e, t) => t === "bold" ? "var(--color-foreground-on-bold-background-primary)" : `var(--color-foreground-${t === "faint" ? "bold" : t === "medium" ? "strong" : "medium"}-${e})`, dc = ({
+  intent: e,
+  contrast: t,
+  message: n,
+  header: s = !1,
+  className: i = "",
+  floating: a = !1,
+  onDismiss: r
+}) => {
+  const l = _t("--effect-animation-delay-long-2", ac), c = lc(e, t), [_, d] = z(!1), v = D(null), u = D(null), m = ce(() => {
+    v.current && clearTimeout(v.current), u.current && clearTimeout(u.current), v.current = setTimeout(() => {
+      v.current = null, d(!0), u.current = setTimeout(() => {
+        u.current = null, r == null || r();
+      }, cc);
+    }, l);
+  }, [r, l]);
+  q(() => (a && n && m(), () => {
+    v.current && clearTimeout(v.current), u.current && clearTimeout(u.current);
+  }), [a, n, m]);
+  const b = /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${pe.bannerWrapper} ${i}`.trim(),
+      style: { "--banner-content": c },
+      children: /* @__PURE__ */ S(
+        be,
+        {
+          elevation: a ? "floating" : "elevated",
+          intent: e,
+          contrast: t,
+          radius: "sm",
+          className: pe.banner,
+          children: [
+            s && /* @__PURE__ */ o("div", { className: pe.bannerHeaderSurface, children: /* @__PURE__ */ o("div", { className: pe.bannerHeader, "aria-hidden": !0 }) }),
+            /* @__PURE__ */ o("div", { className: pe.bannerBody, children: /* @__PURE__ */ o($, { variant: "text-body-medium", as: "span", className: pe.message, children: n }) })
+          ]
+        }
+      )
+    }
+  );
+  return a ? Xe(
+    /* @__PURE__ */ o("div", { className: pe.floatingPosition, style: { zIndex: 9998 }, children: /* @__PURE__ */ o("div", { className: `${pe.floatingToast} ${_ ? pe.closing : ""}`, children: b }) }),
+    document.body
+  ) : b;
+};
+dc.displayName = "Banner";
+const _c = "_tableWrapper_1xqt4_1", uc = "_tableScroll_1xqt4_9", mc = "_table_1xqt4_1", hc = "_headerRow_1xqt4_20", vc = "_headerCell_1xqt4_24", pc = "_sortable_1xqt4_38", yc = "_sortIndicator_1xqt4_46", gc = "_row_1xqt4_51", bc = "_cell_1xqt4_55", fc = "_rowSelected_1xqt4_59", wc = "_rowClickable_1xqt4_63", xc = "_alignRight_1xqt4_77", Nc = "_alignCenter_1xqt4_78", Sc = "_emptyRow_1xqt4_80", Mc = "_skeleton_1xqt4_88", $c = "_pagination_1xqt4_102", kc = "_pageButton_1xqt4_112", W = {
+  tableWrapper: _c,
+  tableScroll: uc,
+  table: mc,
+  headerRow: hc,
+  headerCell: vc,
+  sortable: pc,
+  sortIndicator: yc,
+  row: gc,
+  cell: bc,
+  rowSelected: fc,
+  rowClickable: wc,
+  alignRight: xc,
+  alignCenter: Nc,
+  emptyRow: Sc,
+  skeleton: Mc,
+  pagination: $c,
+  pageButton: kc
+};
+function je(e, t) {
+  if (e.accessorKey) return t[e.accessorKey];
+  if (e.accessor) return e.accessor(t);
+}
+function Lc(e, t, n) {
+  const s = n === "asc" ? 1 : -1;
+  return e == null && t == null ? 0 : e == null ? s : t == null ? -s : typeof e == "number" && typeof t == "number" ? (e - t) * s : String(e).localeCompare(String(t)) * s;
+}
+function Bc({
+  columns: e,
+  data: t,
+  sortState: n,
+  onSort: s,
+  className: i,
+  onRowClick: a,
+  selectedRows: r,
+  loading: l = !1,
+  pagination: c,
+  onPaginationChange: _,
+  emptyMessage: d = "No results found."
+}) {
+  const v = $e(() => e.filter((p) => !p.hide), [e]), u = $e(
+    () => v.map((p) => p.width ? typeof p.width == "number" ? `${p.width}px` : p.width : "minmax(120px, 1fr)").join(" "),
+    [v]
+  ), m = $e(() => {
+    if (!n) return t;
+    const p = e.find((x) => x.id === n.columnId);
+    return p ? [...t].sort(
+      (x, B) => Lc(je(p, x), je(p, B), n.direction)
+    ) : t;
+  }, [t, e, n]), b = $e(() => {
+    if (!c) return m;
+    const p = c.pageIndex * c.pageSize;
+    return m.slice(p, p + c.pageSize);
+  }, [m, c]), f = c ? Math.ceil(m.length / c.pageSize) : 1, w = !l && b.length === 0, M = (p) => {
+    s && s(p);
+  };
+  return /* @__PURE__ */ S("div", { className: N(W.tableWrapper, i), children: [
+    /* @__PURE__ */ o("div", { className: W.tableScroll, children: /* @__PURE__ */ S("div", { className: W.table, style: { gridTemplateColumns: u }, role: "table", children: [
+      /* @__PURE__ */ o("div", { className: W.headerRow, role: "row", children: v.map((p) => /* @__PURE__ */ S(
+        "div",
+        {
+          className: N(
+            W.headerCell,
+            p.sortable && W.sortable,
+            p.align === "right" && W.alignRight,
+            p.align === "center" && W.alignCenter
+          ),
+          role: "columnheader",
+          onClick: () => p.sortable && M(p.id),
+          style: p.minWidth ? { minWidth: typeof p.minWidth == "number" ? `${p.minWidth}px` : p.minWidth } : void 0,
+          children: [
+            typeof p.header == "string" ? /* @__PURE__ */ o($, { variant: "text-body-small-emphasis", as: "span", color: "secondary", children: p.header }) : p.header,
+            (n == null ? void 0 : n.columnId) === p.id && /* @__PURE__ */ o("span", { className: W.sortIndicator, "aria-hidden": !0, children: n.direction === "asc" ? "↑" : "↓" })
+          ]
+        },
+        p.id
+      )) }),
+      l && Array.from({ length: 5 }).map((p, x) => /* @__PURE__ */ o("div", { className: W.row, role: "row", children: v.map((B) => /* @__PURE__ */ o("div", { className: W.cell, role: "cell", children: /* @__PURE__ */ o("div", { className: W.skeleton }) }, B.id)) }, `skeleton-${x}`)),
+      w && /* @__PURE__ */ o("div", { className: W.emptyRow, style: { gridColumn: "1 / -1" }, children: /* @__PURE__ */ o($, { variant: "text-body-medium", as: "p", color: "secondary", children: d }) }),
+      !l && b.map((p, x) => {
+        const B = r == null ? void 0 : r.has(x);
+        return /* @__PURE__ */ o(
+          "div",
+          {
+            className: N(
+              W.row,
+              B && W.rowSelected,
+              a && W.rowClickable
+            ),
+            role: "row",
+            onClick: () => a == null ? void 0 : a(p, x),
+            children: v.map((T) => /* @__PURE__ */ o(
+              "div",
+              {
+                className: N(
+                  W.cell,
+                  T.align === "right" && W.alignRight,
+                  T.align === "center" && W.alignCenter
+                ),
+                role: "cell",
+                children: T.renderCell ? T.renderCell(p, x) : /* @__PURE__ */ o($, { variant: "text-body-medium", as: "span", lineTruncation: 1, children: String(je(T, p) ?? "") })
+              },
+              T.id
+            ))
+          },
+          x
+        );
+      })
+    ] }) }),
+    c && _ && f > 1 && /* @__PURE__ */ S("div", { className: W.pagination, children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: W.pageButton,
+          disabled: c.pageIndex === 0,
+          onClick: () => _(c.pageIndex - 1, c.pageSize),
+          type: "button",
+          children: /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", children: "Previous" })
+        }
+      ),
+      /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", color: "secondary", children: `Page ${c.pageIndex + 1} of ${f}` }),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: W.pageButton,
+          disabled: c.pageIndex >= f - 1,
+          onClick: () => _(c.pageIndex + 1, c.pageSize),
+          type: "button",
+          children: /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", children: "Next" })
+        }
+      )
+    ] })
+  ] });
+}
+Bc.displayName = "Table";
+const Ic = "_tab_7ngwl_5", Rc = "_tabSelected_7ngwl_33", zc = "_onMedium_7ngwl_39", Cc = "_onBold_7ngwl_44", Tc = "_onStrong_7ngwl_52", Fc = "_onAlwaysDark_7ngwl_60", Ke = {
+  tab: Ic,
+  tabSelected: Rc,
+  onMedium: zc,
+  onBold: Cc,
+  onStrong: Tc,
+  onAlwaysDark: Fc
+}, mt = C(
+  ({ id: e, label: t, isSelected: n = !1, background: s, onClick: i, className: a }, r) => {
+    const l = s && s !== "faint" ? Ke[s === "always-dark" ? "onAlwaysDark" : `on${s.charAt(0).toUpperCase() + s.slice(1)}`] : void 0;
+    return /* @__PURE__ */ o(
+      "button",
+      {
+        ref: r,
+        id: e,
+        className: N(Ke.tab, n && Ke.tabSelected, l, a),
+        onClick: i,
+        type: "button",
+        "aria-selected": n,
+        role: "tab",
+        children: /* @__PURE__ */ o($, { variant: n ? "text-body-medium-emphasis" : "text-body-medium", as: "span", children: t })
+      }
+    );
+  }
+);
+mt.displayName = "Tab";
+const Ac = "_emptyState_1988v_1", Dc = {
+  emptyState: Ac
+}, Ec = {
+  "no-content": "No page contents to display.",
+  "no-results": "No results found.",
+  "no-results-filter": "No results found. Please update search criteria.",
+  "no-access": "You don't have access to this page."
+}, ht = C(
+  ({ type: e = "no-content", message: t, className: n }, s) => /* @__PURE__ */ o("div", { ref: s, className: N(Dc.emptyState, n), children: /* @__PURE__ */ o($, { variant: "text-body-medium", as: "p", color: "secondary", children: t || Ec[e] }) })
+);
+ht.displayName = "EmptyState";
+const Wc = "_fade_8nnao_1", Gc = "_fadeTop_8nnao_13", Hc = "_fadeBottom_8nnao_18", Pc = "_fadeLeft_8nnao_23", Xc = "_fadeRight_8nnao_28", nt = {
+  fade: Wc,
+  fadeTop: Gc,
+  fadeBottom: Hc,
+  fadeLeft: Pc,
+  fadeRight: Xc
+}, Oc = {
+  top: "fadeTop",
+  bottom: "fadeBottom",
+  left: "fadeLeft",
+  right: "fadeRight"
+}, Uc = C(
+  ({ side: e, height: t, background: n = "var(--color-background-secondary)", className: s, style: i = {} }, a) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: a,
+      className: N(nt.fade, nt[Oc[e]], s),
+      style: { ...i, height: t, "--background": n },
+      "aria-hidden": "true"
+    }
+  )
+);
+Uc.displayName = "Fade";
+const qc = "_container_153sa_1", jc = "_content_153sa_8", Kc = "_track_153sa_20", Vc = "_thumb_153sa_35", Yc = "_trackHorizontal_153sa_49", Zc = "_thumbHorizontal_153sa_64", Jc = "_thick_153sa_78", we = {
+  container: qc,
+  content: jc,
+  track: Kc,
+  thumb: Vc,
+  trackHorizontal: Yc,
+  thumbHorizontal: Zc,
+  thick: Jc
+}, Qc = ({
+  children: e,
+  className: t,
+  variant: n = "default",
+  showTrackOnHover: s = !0,
+  onScroll: i,
+  fadeOverlay: a,
+  contentRef: r
+}) => {
+  const l = D(null), c = D(null), _ = r || c, d = D(null), v = D(null), [u, m] = z(0), [b, f] = z(0), [w, M] = z(0), [p, x] = z(0), [B, T] = z(!1), [j, F] = z(!1), [re, X] = z(!1), U = D(0), G = D(0), K = D(0), te = D(0), ne = ce(() => {
+    s && X(!0);
+  }, [s]), de = ce(() => {
+    X(!1);
+  }, []), O = ce(() => {
+    const h = l.current, g = _.current;
+    if (!h || !g) return;
+    const L = h.clientHeight, H = h.clientWidth, k = g.scrollHeight, oe = g.scrollWidth, ie = g.scrollTop, se = g.scrollLeft;
+    if (k <= L)
+      m(0);
+    else {
+      const ae = L / k, V = Math.max(20, L * ae);
+      m(V), f(ie / (k - L) * (L - V));
+    }
+    if (oe <= H)
+      M(0);
+    else {
+      const ae = H / oe, V = Math.max(20, H * ae);
+      M(V), x(se / (oe - H) * (H - V));
+    }
+  }, [_]);
+  q(() => {
+    const h = _.current;
+    if (!h) return;
+    const g = (L) => {
+      O(), i && i(L);
+    };
+    return h.addEventListener("scroll", g), () => h.removeEventListener("scroll", g);
+  }, [O, i, _]), q(() => {
+    const h = _.current;
+    if (!h) return;
+    const g = () => O();
+    if (window.addEventListener("resize", g), typeof ResizeObserver < "u") {
+      const L = new ResizeObserver(g);
+      return L.observe(h), () => {
+        window.removeEventListener("resize", g), L.disconnect();
+      };
+    }
+    return () => window.removeEventListener("resize", g);
+  }, [O, _]), q(() => {
+    O();
+  }, [O, e]);
+  const ue = ce((h) => {
+    h.preventDefault(), h.stopPropagation();
+    const g = _.current;
+    if (!g) return;
+    T(!0), U.current = h.clientY, G.current = g.scrollTop;
+    const L = (k) => {
+      const oe = l.current;
+      if (!oe || !g) return;
+      const ie = k.clientY - U.current, se = g.scrollHeight - oe.clientHeight, ae = se / (oe.clientHeight - u);
+      g.scrollTop = Math.max(0, Math.min(se, G.current + ie * ae));
+    }, H = () => {
+      T(!1), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", H);
+    };
+    document.addEventListener("mousemove", L), document.addEventListener("mouseup", H);
+  }, [u, _]), ve = ce((h) => {
+    h.preventDefault(), h.stopPropagation();
+    const g = _.current;
+    if (!g) return;
+    F(!0), K.current = h.clientX, te.current = g.scrollLeft;
+    const L = (k) => {
+      const oe = l.current;
+      if (!oe || !g) return;
+      const ie = k.clientX - K.current, se = g.scrollWidth - oe.clientWidth, ae = se / (oe.clientWidth - w);
+      g.scrollLeft = Math.max(0, Math.min(se, te.current + ie * ae));
+    }, H = () => {
+      F(!1), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", H);
+    };
+    document.addEventListener("mousemove", L), document.addEventListener("mouseup", H);
+  }, [w, _]), E = u > 0, y = w > 0, I = s && (re || B || j);
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      ref: l,
+      className: N(we.container, n === "thick" && we.thick, t),
+      onMouseEnter: ne,
+      onMouseLeave: de,
+      "data-dragging": B || j,
+      "data-show-track": I ? "true" : "false",
+      children: [
+        /* @__PURE__ */ o("div", { ref: _, className: we.content, children: e }),
+        a,
+        E && /* @__PURE__ */ o("div", { className: we.track, children: /* @__PURE__ */ o("div", { ref: d, className: we.thumb, style: { height: `${u}px`, top: `${b}px` }, onMouseDown: ue }) }),
+        y && /* @__PURE__ */ o("div", { className: we.trackHorizontal, children: /* @__PURE__ */ o("div", { ref: v, className: we.thumbHorizontal, style: { width: `${w}px`, left: `${p}px` }, onMouseDown: ve }) })
+      ]
+    }
+  );
+};
+Qc.displayName = "Scrollbar";
+const el = "_errorBoundary_1avvb_1", tl = "_errorDetails_1avvb_11", ot = {
+  errorBoundary: el,
+  errorDetails: tl
+};
+class Vd extends yt {
+  constructor(t) {
+    super(t), this.handleReset = () => {
+      this.setState({ hasError: !1, error: null });
+    }, this.state = { hasError: !1, error: null };
+  }
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
+  }
+  componentDidCatch(t, n) {
+    console.error("ErrorBoundary caught an error:", t, n);
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ S("div", { className: ot.errorBoundary, children: [
+      /* @__PURE__ */ o(ht, { type: "no-content" }),
+      /* @__PURE__ */ o("div", { className: ot.errorDetails, children: /* @__PURE__ */ o($, { variant: "text-body-small", as: "p", color: "secondary", children: "Something went wrong. Please refresh the page." }) })
+    ] }) : this.props.children;
+  }
+}
+const nl = "_sidebar_1al5s_2", ol = "_resizing_1al5s_14", sl = "_collapsed_1al5s_16", rl = "_mobile_1al5s_18", il = "_mini_1al5s_26", al = "_itemLabel_1al5s_26", cl = "_itemBadge_1al5s_27", ll = "_sectionHeader_1al5s_28", dl = "_backdrop_1al5s_30", _l = "_content_1al5s_37", ul = "_footer_1al5s_47", ml = "_resizeHandle_1al5s_54", hl = "_section_1al5s_28", vl = "_sectionHeaderClickable_1al5s_87", pl = "_sectionItems_1al5s_89", yl = "_itemWrapper_1al5s_96", gl = "_item_1al5s_26", bl = "_itemSelected_1al5s_130", fl = "_itemDisabled_1al5s_133", wl = "_itemIcon_1al5s_135", xl = "_subItems_1al5s_156", P = {
+  sidebar: nl,
+  resizing: ol,
+  collapsed: sl,
+  mobile: rl,
+  mini: il,
+  itemLabel: al,
+  itemBadge: cl,
+  sectionHeader: ll,
+  backdrop: dl,
+  content: _l,
+  footer: ul,
+  resizeHandle: ml,
+  section: hl,
+  sectionHeaderClickable: vl,
+  sectionItems: pl,
+  itemWrapper: yl,
+  item: gl,
+  itemSelected: bl,
+  itemDisabled: fl,
+  itemIcon: wl,
+  subItems: xl
+}, Nl = 56, Sl = 240, Ml = 180, $l = 140, kl = C(
+  ({
+    children: e,
+    isCollapsed: t = !1,
+    onToggle: n,
+    width: s = "default",
+    onWidthChange: i,
+    resizable: a = !0,
+    footer: r,
+    className: l,
+    isMobile: c = !1
+  }, _) => {
+    const d = D(null), v = _ || d, [u, m] = z(!1), b = s === "mini", f = s === "mini" ? Nl : s === "default" ? Sl : s, w = ce((M) => {
+      if (!a || !i) return;
+      M.preventDefault(), m(!0), M.clientX;
+      const p = (B) => {
+        const T = B.clientX;
+        T < $l ? i("mini") : T < Ml ? i("default") : i(T);
+      }, x = () => {
+        m(!1), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", x), document.body.style.cursor = "", document.body.style.userSelect = "";
+      };
+      document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", x);
+    }, [a, i]);
+    return q(() => {
+      if (!c || t) return;
+      const M = (p) => {
+        p.key === "Escape" && (n == null || n());
+      };
+      return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
+    }, [c, t, n]), t && !c ? null : /* @__PURE__ */ S(Ze, { children: [
+      c && !t && /* @__PURE__ */ o("div", { className: P.backdrop, onClick: n, "aria-hidden": !0 }),
+      /* @__PURE__ */ S(
+        "aside",
+        {
+          ref: v,
+          className: N(
+            P.sidebar,
+            b && P.mini,
+            c && P.mobile,
+            t && P.collapsed,
+            u && P.resizing,
+            l
+          ),
+          style: { width: t ? 0 : f },
+          role: "navigation",
+          "aria-label": "Sidebar",
+          children: [
+            /* @__PURE__ */ o("div", { className: P.content, children: e }),
+            r && /* @__PURE__ */ o("div", { className: P.footer, children: r }),
+            a && !c && /* @__PURE__ */ o(
+              "div",
+              {
+                className: P.resizeHandle,
+                onMouseDown: w,
+                role: "separator",
+                "aria-orientation": "vertical",
+                "aria-label": "Resize sidebar"
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+kl.displayName = "Sidebar";
+const Ll = C(
+  ({ label: e, children: t, collapsible: n = !1, defaultCollapsed: s = !1, className: i }, a) => {
+    const [r, l] = z(s);
+    return /* @__PURE__ */ S("div", { ref: a, className: N(P.section, i), children: [
+      e && /* @__PURE__ */ o(
+        "div",
+        {
+          className: N(P.sectionHeader, n && P.sectionHeaderClickable),
+          onClick: n ? () => l((c) => !c) : void 0,
+          role: n ? "button" : void 0,
+          "aria-expanded": n ? !r : void 0,
+          children: /* @__PURE__ */ o($, { variant: "text-caption-emphasis", as: "span", color: "tertiary", children: e })
+        }
+      ),
+      !r && /* @__PURE__ */ o("div", { className: P.sectionItems, children: t })
+    ] });
+  }
+);
+Ll.displayName = "SidebarSection";
+const Bl = C(
+  ({ label: e, icon: t, isSelected: n = !1, isDisabled: s = !1, onClick: i, badge: a, children: r, className: l }, c) => /* @__PURE__ */ S("div", { className: N(P.itemWrapper, l), children: [
+    /* @__PURE__ */ S(
+      "button",
+      {
+        ref: c,
+        className: N(
+          P.item,
+          n && P.itemSelected,
+          s && P.itemDisabled
+        ),
+        onClick: i,
+        disabled: s,
+        type: "button",
+        "aria-current": n ? "page" : void 0,
+        children: [
+          t && /* @__PURE__ */ o("span", { className: P.itemIcon, children: /* @__PURE__ */ o(t, { size: 20 }) }),
+          /* @__PURE__ */ o(
+            $,
+            {
+              variant: n ? "text-body-medium-emphasis" : "text-body-medium",
+              as: "span",
+              className: P.itemLabel,
+              lineTruncation: 1,
+              children: e
+            }
+          ),
+          a && /* @__PURE__ */ o("span", { className: P.itemBadge, children: a })
+        ]
+      }
+    ),
+    r && n && /* @__PURE__ */ o("div", { className: P.subItems, children: r })
+  ] })
+);
+Bl.displayName = "SidebarItem";
+const Il = "_header_1902d_1", Rl = "_left_1902d_11", zl = "_center_1902d_19", Cl = "_right_1902d_28", We = {
+  header: Il,
+  left: Rl,
+  center: zl,
+  right: Cl
+}, Tl = C(
+  ({ title: e, left: t, center: n, right: s, background: i = "secondary", className: a }, r) => /* @__PURE__ */ S(
+    be,
+    {
+      ref: r,
+      as: "header",
+      background: i,
+      elevation: "none",
+      edge: "bottom",
+      className: N(We.header, a),
+      children: [
+        /* @__PURE__ */ S("div", { className: We.left, children: [
+          t,
+          e && !n && /* @__PURE__ */ o($, { variant: "text-title-small", as: "h1", lineTruncation: 1, children: e })
+        ] }),
+        n && /* @__PURE__ */ o("div", { className: We.center, children: n }),
+        /* @__PURE__ */ o("div", { className: We.right, children: s })
+      ]
+    }
+  )
+);
+Tl.displayName = "Header";
+const Fl = "_group_9khnl_1", Al = "_horizontal_9khnl_7", Dl = "_radio_9khnl_14", El = "_inactive_9khnl_31", Wl = "_circle_9khnl_39", Gl = "_circleChecked_9khnl_52", Hl = "_dot_9khnl_56", Ne = {
+  group: Fl,
+  horizontal: Al,
+  radio: Dl,
+  inactive: El,
+  circle: Wl,
+  circleChecked: Gl,
+  dot: Hl
+}, Pl = C(
+  ({
+    value: e,
+    onChange: t,
+    options: n,
+    "aria-label": s,
+    direction: i = "vertical",
+    inactive: a = !1,
+    className: r
+  }, l) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: l,
+      role: "radiogroup",
+      "aria-label": s,
+      className: N(
+        Ne.group,
+        i === "horizontal" && Ne.horizontal,
+        r
+      ),
+      children: n.map((c) => /* @__PURE__ */ o(
+        vt,
+        {
+          label: c.label,
+          checked: e === c.value,
+          inactive: a || c.inactive,
+          onChange: () => t(c.value)
+        },
+        c.value
+      ))
+    }
+  )
+);
+Pl.displayName = "RadioGroup";
+const vt = C(
+  ({ label: e, checked: t = !1, onChange: n, inactive: s = !1, className: i }, a) => {
+    const r = () => {
+      !s && !t && (n == null || n());
+    };
+    return /* @__PURE__ */ S(
+      "div",
+      {
+        ref: a,
+        role: "radio",
+        "aria-checked": t,
+        tabIndex: s ? -1 : 0,
+        className: N(Ne.radio, s && Ne.inactive, i),
+        onClick: r,
+        onKeyDown: (l) => {
+          (l.key === " " || l.key === "Enter") && (l.preventDefault(), r());
+        },
+        children: [
+          /* @__PURE__ */ o("span", { className: N(Ne.circle, t && Ne.circleChecked), children: t && /* @__PURE__ */ o("span", { className: Ne.dot }) }),
+          /* @__PURE__ */ o($, { variant: "text-body-medium", as: "span", color: "inherit", children: e })
+        ]
+      }
+    );
+  }
+);
+vt.displayName = "RadioItem";
+const Xl = "_tabGroup_1kx0a_1", Ol = "_tabsRow_1kx0a_7", Ul = "_track_1kx0a_12", ql = "_indicator_1kx0a_18", Ge = {
+  tabGroup: Xl,
+  tabsRow: Ol,
+  track: Ul,
+  indicator: ql
+}, jl = C(
+  ({ tabs: e, activeIndex: t = 0, onTabChange: n, className: s }, i) => {
+    const a = D([]), [r, l] = z({ left: 0, width: 0 }), c = ce(() => {
+      const _ = a.current[t];
+      _ && _.parentElement && l({
+        left: _.offsetLeft,
+        width: _.offsetWidth
+      });
+    }, [t]);
+    return q(() => {
+      c();
+    }, [c]), q(() => {
+      var v;
+      const _ = new ResizeObserver(c), d = (v = a.current[0]) == null ? void 0 : v.parentElement;
+      return d && _.observe(d), () => _.disconnect();
+    }, [c]), /* @__PURE__ */ S(
+      "div",
+      {
+        ref: i,
+        role: "tablist",
+        className: N(Ge.tabGroup, s),
+        children: [
+          /* @__PURE__ */ o("div", { className: Ge.tabsRow, children: e.map((_, d) => /* @__PURE__ */ o(
+            mt,
+            {
+              ref: (v) => {
+                a.current[d] = v;
+              },
+              id: _.id,
+              label: _.label,
+              isSelected: d === t,
+              onClick: () => n == null ? void 0 : n(d)
+            },
+            _.id ?? d
+          )) }),
+          /* @__PURE__ */ o("div", { className: Ge.track, children: /* @__PURE__ */ o(
+            "div",
+            {
+              className: Ge.indicator,
+              style: {
+                transform: `translateX(${r.left}px)`,
+                width: r.width
+              }
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+jl.displayName = "TabGroup";
+const Kl = "_accordion_15kid_1", Vl = "_item_15kid_8", Yl = "_inactive_15kid_16", Zl = "_trigger_15kid_23", Jl = "_chevron_15kid_44", Ql = "_chevronOpen_15kid_52", ed = "_body_15kid_58", td = "_bodyInner_15kid_63", ge = {
+  accordion: Kl,
+  item: Vl,
+  inactive: Yl,
+  trigger: Zl,
+  chevron: Jl,
+  chevronOpen: Ql,
+  body: ed,
+  bodyInner: td
+}, nd = C(
+  ({ items: e, multiple: t = !1, expandedIds: n, onExpandedChange: s, className: i }, a) => {
+    const [r, l] = z([]), c = n ?? r, _ = (d) => {
+      let v;
+      c.includes(d) ? v = c.filter((u) => u !== d) : v = t ? [...c, d] : [d], l(v), s == null || s(v);
+    };
+    return /* @__PURE__ */ o("div", { ref: a, className: N(ge.accordion, i), children: e.map((d) => /* @__PURE__ */ o(
+      pt,
+      {
+        label: d.label,
+        isExpanded: c.includes(d.id),
+        inactive: d.inactive,
+        onToggle: () => _(d.id),
+        children: d.content
+      },
+      d.id
+    )) });
+  }
+);
+nd.displayName = "Accordion";
+const pt = C(
+  ({ label: e, children: t, isExpanded: n = !1, onToggle: s, inactive: i = !1, className: a }, r) => {
+    const l = D(null), [c, _] = z(0), d = ce(() => {
+      l.current && _(l.current.scrollHeight);
+    }, []);
+    return q(() => {
+      d();
+      const v = l.current;
+      if (!v) return;
+      const u = new ResizeObserver(d);
+      return u.observe(v), () => u.disconnect();
+    }, [d]), /* @__PURE__ */ S("div", { ref: r, className: N(ge.item, i && ge.inactive, a), children: [
+      /* @__PURE__ */ S(
+        "button",
+        {
+          type: "button",
+          className: ge.trigger,
+          onClick: () => !i && (s == null ? void 0 : s()),
+          "aria-expanded": n,
+          tabIndex: i ? -1 : 0,
+          children: [
+            /* @__PURE__ */ o($, { variant: "text-body-medium-emphasis", as: "span", color: "inherit", children: e }),
+            /* @__PURE__ */ o("span", { className: N(ge.chevron, n && ge.chevronOpen), children: "›" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: ge.body,
+          style: { height: n ? c : 0 },
+          "aria-hidden": !n,
+          children: /* @__PURE__ */ o("div", { ref: l, className: ge.bodyInner, children: t })
+        }
+      )
+    ] });
+  }
+);
+pt.displayName = "AccordionItem";
+const od = "_breadcrumb_1xq6b_1", sd = "_list_1xq6b_6", rd = "_item_1xq6b_15", id = "_link_1xq6b_21", ad = "_separator_1xq6b_41", Se = {
+  breadcrumb: od,
+  list: sd,
+  item: rd,
+  link: id,
+  separator: ad
+}, cd = C(
+  ({ items: e, separator: t = "/", className: n }, s) => /* @__PURE__ */ o("nav", { ref: s, "aria-label": "Breadcrumb", className: N(Se.breadcrumb, n), children: /* @__PURE__ */ o("ol", { className: Se.list, children: e.map((i, a) => {
+    const r = a === e.length - 1;
+    return /* @__PURE__ */ o("li", { className: Se.item, children: r ? /* @__PURE__ */ o($, { variant: "text-body-medium-emphasis", as: "span", color: "primary", "aria-current": "page", children: i.label }) : /* @__PURE__ */ S(Ze, { children: [
+      i.href ? /* @__PURE__ */ o(
+        "a",
+        {
+          href: i.href,
+          className: Se.link,
+          onClick: (l) => {
+            i.onClick && (l.preventDefault(), i.onClick());
+          },
+          children: /* @__PURE__ */ o($, { variant: "text-body-medium", as: "span", color: "inherit", children: i.label })
+        }
+      ) : /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: Se.link,
+          onClick: i.onClick,
+          children: /* @__PURE__ */ o($, { variant: "text-body-medium", as: "span", color: "inherit", children: i.label })
+        }
+      ),
+      /* @__PURE__ */ o("span", { className: Se.separator, "aria-hidden": "true", children: t })
+    ] }) }, a);
+  }) }) })
+);
+cd.displayName = "Breadcrumb";
+const ld = "_pagination_ax4c0_1", dd = "_inactive_ax4c0_9", _d = "_button_ax4c0_16", ud = "_active_ax4c0_45", md = "_nav_ax4c0_52", hd = "_ellipsis_ax4c0_58", ye = {
+  pagination: ld,
+  inactive: dd,
+  button: _d,
+  active: ud,
+  nav: md,
+  ellipsis: hd
+};
+function He(e, t) {
+  const n = [];
+  for (let s = e; s <= t; s++) n.push(s);
+  return n;
+}
+function vd(e, t, n) {
+  const s = n * 2 + 5;
+  if (t <= s) return He(1, t);
+  const i = Math.max(e - n, 2), a = Math.min(e + n, t - 1), r = i > 2, l = a < t - 1;
+  return !r && l ? [...He(1, n * 2 + 3), "ellipsis", t] : r && !l ? [1, "ellipsis", ...He(t - (n * 2 + 2), t)] : [1, "ellipsis", ...He(i, a), "ellipsis", t];
+}
+const pd = C(
+  ({ page: e, totalPages: t, onPageChange: n, siblingCount: s = 1, inactive: i = !1, className: a }, r) => {
+    const l = $e(() => vd(e, t, s), [e, t, s]);
+    return t <= 1 ? null : /* @__PURE__ */ S("nav", { ref: r, "aria-label": "Pagination", className: N(ye.pagination, i && ye.inactive, a), children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: N(ye.button, ye.nav),
+          disabled: e <= 1 || i,
+          onClick: () => n(e - 1),
+          "aria-label": "Previous page",
+          children: /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", color: "inherit", children: "‹" })
+        }
+      ),
+      l.map(
+        (c, _) => c === "ellipsis" ? /* @__PURE__ */ o("span", { className: ye.ellipsis, children: /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", color: "tertiary", children: "…" }) }, `e${_}`) : /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: N(ye.button, c === e && ye.active),
+            onClick: () => n(c),
+            "aria-current": c === e ? "page" : void 0,
+            disabled: i,
+            children: /* @__PURE__ */ o($, { variant: c === e ? "text-body-small-emphasis" : "text-body-small", as: "span", color: "inherit", children: c })
+          },
+          c
+        )
+      ),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: N(ye.button, ye.nav),
+          disabled: e >= t || i,
+          onClick: () => n(e + 1),
+          "aria-label": "Next page",
+          children: /* @__PURE__ */ o($, { variant: "text-body-small", as: "span", color: "inherit", children: "›" })
+        }
+      )
+    ] });
+  }
+);
+pd.displayName = "Pagination";
+const yd = "_divider_yo1st_1", gd = "_vertical_yo1st_9", st = {
+  divider: yd,
+  vertical: gd
+}, bd = C(
+  ({ orientation: e = "horizontal", className: t }, n) => /* @__PURE__ */ o(
+    "hr",
+    {
+      ref: n,
+      role: "separator",
+      "aria-orientation": e,
+      className: N(
+        st.divider,
+        e === "vertical" && st.vertical,
+        t
+      )
+    }
+  )
+);
+bd.displayName = "Divider";
+const fd = "_skeleton_gebkr_1", wd = "_text_gebkr_9", xd = "_circular_gebkr_15", Nd = "_rectangular_gebkr_21", Sd = "_textGroup_gebkr_29", Md = "_animate_gebkr_37", $d = "_shimmer_gebkr_1", xe = {
+  skeleton: fd,
+  text: wd,
+  circular: xd,
+  rectangular: Nd,
+  textGroup: Sd,
+  animate: Md,
+  shimmer: $d
+}, kd = C(
+  ({
+    variant: e = "text",
+    width: t,
+    height: n,
+    lines: s = 1,
+    animate: i = !0,
+    className: a
+  }, r) => e === "text" && s > 1 ? /* @__PURE__ */ o("div", { ref: r, className: N(xe.textGroup, a), style: { width: t }, children: Array.from({ length: s }, (l, c) => /* @__PURE__ */ o(
+    "div",
+    {
+      className: N(xe.skeleton, xe.text, i && xe.animate),
+      style: {
+        width: c === s - 1 ? "60%" : "100%",
+        height: n
+      }
+    },
+    c
+  )) }) : /* @__PURE__ */ o(
+    "div",
+    {
+      ref: r,
+      className: N(
+        xe.skeleton,
+        xe[e],
+        i && xe.animate,
+        a
+      ),
+      style: { width: t, height: n },
+      "aria-hidden": "true"
+    }
+  )
+);
+kd.displayName = "Skeleton";
+const Ld = "_container_ssyox_3", Bd = "_topCenter_ssyox_16", Id = "_topRight_ssyox_23", Rd = "_bottomCenter_ssyox_29", zd = "_bottomRight_ssyox_36", Cd = "_toast_ssyox_44", Td = "_slideIn_ssyox_1", Fd = "_toastExit_ssyox_54", Ad = "_fadeOut_ssyox_1", Dd = "_dismiss_ssyox_58", Te = {
+  container: Ld,
+  topCenter: Bd,
+  topRight: Id,
+  bottomCenter: Rd,
+  bottomRight: zd,
+  toast: Cd,
+  slideIn: Td,
+  toastExit: Fd,
+  fadeOut: Ad,
+  dismiss: Dd
+};
+let Me = [];
+const Ye = /* @__PURE__ */ new Set();
+function Ve() {
+  Ye.forEach((e) => e());
+}
+function rt() {
+  return Me;
+}
+function Ed(e) {
+  return Ye.add(e), () => {
+    Ye.delete(e);
+  };
+}
+let Wd = 0;
+const Ce = {
+  show(e) {
+    const t = `toast-${++Wd}`;
+    return Me = [...Me, { id: t, ...e }], Ve(), t;
+  },
+  info(e, t) {
+    return Ce.show({ message: e, intent: "neutral", ...t });
+  },
+  success(e, t) {
+    return Ce.show({ message: e, intent: "positive", ...t });
+  },
+  error(e, t) {
+    return Ce.show({ message: e, intent: "negative", ...t });
+  },
+  warning(e, t) {
+    return Ce.show({ message: e, intent: "warning", ...t });
+  },
+  dismiss(e) {
+    Me = Me.filter((t) => t.id !== e), Ve();
+  },
+  dismissAll() {
+    Me = [], Ve();
+  }
+};
+function Gd() {
+  return gt(Ed, rt, rt);
+}
+const Hd = {
+  neutral: "neutral",
+  brand: "brand",
+  positive: "positive",
+  negative: "negative",
+  warning: "warning",
+  caution: "caution"
+}, Pd = ({ data: e }) => {
+  const [t, n] = z(!1), s = D(), i = ce(() => {
+    n(!0), setTimeout(() => {
+      var a;
+      Ce.dismiss(e.id), (a = e.onDismiss) == null || a.call(e);
+    }, 200);
+  }, [e]);
+  return q(() => {
+    const a = e.duration ?? 4e3;
+    return a > 0 && (s.current = setTimeout(i, a)), () => {
+      s.current && clearTimeout(s.current);
+    };
+  }, [e.duration, i]), /* @__PURE__ */ S(
+    be,
+    {
+      intent: Hd[e.intent ?? "neutral"],
+      contrast: "bold",
+      elevation: "floating",
+      radius: "lg",
+      className: N(Te.toast, t && Te.toastExit),
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ o($, { variant: "text-body-medium", as: "span", color: "inherit", children: e.message }),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: Te.dismiss,
+            onClick: i,
+            "aria-label": "Dismiss",
+            children: "×"
+          }
+        )
+      ]
+    }
+  );
+}, Xd = C(
+  ({ position: e = "top-center" }, t) => {
+    const n = Gd();
+    return typeof document > "u" ? null : bt.createPortal(
+      /* @__PURE__ */ o(
+        "div",
+        {
+          ref: t,
+          className: N(Te.container, Te[Od(e)]),
+          "aria-label": "Notifications",
+          children: n.map((s) => /* @__PURE__ */ o(Pd, { data: s }, s.id))
+        }
+      ),
+      document.body
+    );
+  }
+);
+Xd.displayName = "ToastContainer";
+function Od(e) {
+  switch (e) {
+    case "top-center":
+      return "topCenter";
+    case "top-right":
+      return "topRight";
+    case "bottom-center":
+      return "bottomCenter";
+    case "bottom-right":
+      return "bottomRight";
+  }
+}
+export {
+  nd as Accordion,
+  pt as AccordionItem,
+  $i as Badge,
+  dc as Banner,
+  cd as Breadcrumb,
+  bs as Button,
+  mr as ButtonGroup,
+  Ro as Card,
+  Di as Checkbox,
+  dt as DestructiveMenuItem,
+  bd as Divider,
+  ht as EmptyState,
+  Vd as ErrorBoundary,
+  Uc as Fade,
+  oa as Field,
+  Tl as Header,
+  Xi as Input,
+  ct as Loader,
+  ut as Menu,
+  lt as MenuItem,
+  ma as Modal,
+  pd as Pagination,
+  Pl as RadioGroup,
+  vt as RadioItem,
+  Qc as Scrollbar,
+  Za as Select,
+  kl as Sidebar,
+  Bl as SidebarItem,
+  Ll as SidebarSection,
+  kd as Skeleton,
+  ea as Slider,
+  be as Surface,
+  mt as Tab,
+  jl as TabGroup,
+  Bc as Table,
+  Ni as Tag,
+  $ as Text,
+  Xd as ToastContainer,
+  Ri as Toggle,
+  Ws as ToggleButton,
+  Fr as ToggleButtonGroup,
+  ja as Tooltip,
+  Ce as toast,
+  Gd as useToasts
+};
+//# sourceMappingURL=index.js.map