@agent-factory-platform/ui-kit 0.2.0

package/dist/index.js

@@ -0,0 +1,4506 @@
+import { jsx as r, jsxs as h, Fragment as fe } from "react/jsx-runtime";
+import { Slot as Pe, ContextMenu as Ae, DropdownMenu as ne, Popover as ae, Slider as $e, Checkbox as bt, RadioGroup as _e, Switch as gt, ToggleGroup as xt, Toolbar as Be, Accordion as Ee, Collapsible as tt, Progress as vt, AspectRatio as fr, ScrollArea as Oe, Separator as hr } from "radix-ui";
+import { forwardRef as he, useState as j, useRef as U, useCallback as Se, useEffect as q, useMemo as ce, useContext as At, createContext as $t, useId as Q, useLayoutEffect as Ye, isValidElement as Et, cloneElement as Ot } from "react";
+import { AlertCircle as Ht, TriangleAlert as pr, CircleCheck as mr, CircleHelp as br, LoaderCircle as Ut, Info as gr, CheckCircle2 as xr, X as Ke, Pin as vr, AlertTriangle as wr, Inbox as yr, Search as ut, Check as ve, Pipette as kr, ChevronDown as Ve, ArrowUp as Nr, ArrowDown as Cr, ChevronsUpDown as Sr, Sun as zr, Moon as Mr, Monitor as Tr, ChevronLeft as jt, ChevronRight as Bt, GripVertical as wt, GripHorizontal as Dr } from "lucide-react";
+import { createPortal as ze } from "react-dom";
+import { AnimatePresence as Ze, motion as Me } from "motion/react";
+import Ir, { useContainerWidth as Rr, noCompactor as Pr } from "react-grid-layout";
+import { UI_KIT_CATEGORIES as Xo, UI_KIT_COMPONENTS as Yo, UI_KIT_DEFERRED_COMPONENTS as Vo } from "./manifest.js";
+import { UI_KIT_COMPONENT_API as Jo } from "./component-api.js";
+import { ResponsiveContainer as Le, AreaChart as Kt, CartesianGrid as _t, XAxis as Ft, YAxis as Wt, Tooltip as Je, Area as ot, BarChart as Lr, Bar as Ar, Cell as Gt, PieChart as $r, Legend as Er, Pie as Or, RadarChart as Hr, PolarGrid as Ur, PolarAngleAxis as qt, PolarRadiusAxis as jr, Radar as yt, RadialBarChart as Br, RadialBar as Kr } from "recharts";
+function v(...t) {
+  return t.filter(Boolean).join(" ");
+}
+function de({
+  asChild: t = !1,
+  variant: e = "primary",
+  size: n = "default",
+  className: a,
+  children: o,
+  type: i = "button",
+  ...s
+}) {
+  const l = t ? Pe.Root : "button", d = "inline-flex shrink-0 items-center justify-center gap-2 rounded-control font-sohne font-[500] tracking-[0] outline-none transition-[background-color,color,border-color,opacity,transform] duration-150 active:scale-[0.98] focus-visible:ring-2 focus-visible:ring-rust/35 focus-visible:ring-offset-2 focus-visible:ring-offset-surface-canvas disabled:pointer-events-none disabled:opacity-45", c = {
+    primary: "bg-solid text-on-solid hover:opacity-90",
+    accent: "bg-rust text-on-accent hover:opacity-90",
+    secondary: "border border-border bg-surface-muted text-ink hover:bg-surface-hover",
+    ghost: "text-ink hover:bg-surface-hover",
+    success: "bg-up text-on-status hover:opacity-90",
+    danger: "bg-danger text-on-status hover:opacity-90",
+    text: "h-auto rounded-none p-0 text-ink underline-offset-4 hover:underline"
+  }, p = {
+    compact: "h-control-compact px-2.5 text-caption",
+    default: "h-control-default px-3.5 text-body-sm",
+    touch: "h-control-touch px-4 text-body",
+    icon: "size-control-default p-0"
+  };
+  return /* @__PURE__ */ r(
+    l,
+    {
+      type: t ? void 0 : i,
+      "data-variant": e,
+      "data-size": n,
+      className: v(d, c[e], p[n], a),
+      ...s,
+      children: o
+    }
+  );
+}
+function Jn({ children: t }) {
+  return /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center justify-end gap-2", children: t });
+}
+const _r = he(function({ asChild: e = !1, active: n = !1, className: a, children: o, ...i }, s) {
+  const l = e ? Pe.Root : "button";
+  return /* @__PURE__ */ r(
+    l,
+    {
+      ref: s,
+      type: e ? void 0 : "button",
+      "data-active": n || void 0,
+      className: v(
+        "outline-none transition-[background-color,color,border-color,box-shadow,transform] focus-visible:ring-2 focus-visible:ring-rust/35 focus-visible:ring-offset-2 focus-visible:ring-offset-surface-canvas active:scale-[0.99]",
+        a
+      ),
+      ...i,
+      children: o
+    }
+  );
+});
+function Qn({ label: t, children: e, orientation: n = "horizontal", className: a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "group",
+      "aria-label": t,
+      "aria-orientation": n,
+      "data-orientation": n,
+      className: v(
+        "inline-flex min-w-0 [&>button]:relative [&>button]:focus-visible:z-10",
+        n === "horizontal" ? "flex-row [&>button:not(:first-child)]:-ml-px [&>button:not(:first-child)]:rounded-l-none [&>button:not(:last-child)]:rounded-r-none" : "flex-col [&>button:not(:first-child)]:-mt-px [&>button:not(:first-child)]:rounded-t-none [&>button:not(:last-child)]:rounded-b-none",
+        a
+      ),
+      children: e
+    }
+  );
+}
+const Fr = {
+  info: "border-info/35 bg-info/10 text-info",
+  success: "border-success/35 bg-success/10 text-success",
+  warning: "border-warning/35 bg-warning/10 text-warning",
+  danger: "border-danger/35 bg-danger/10 text-danger"
+}, Wr = {
+  info: /* @__PURE__ */ r(br, { size: 16, "aria-hidden": !0 }),
+  success: /* @__PURE__ */ r(mr, { size: 16, "aria-hidden": !0 }),
+  warning: /* @__PURE__ */ r(pr, { size: 16, "aria-hidden": !0 }),
+  danger: /* @__PURE__ */ r(Ht, { size: 16, "aria-hidden": !0 })
+};
+function ea({ title: t, children: e, tone: n = "info", icon: a, action: o, className: i }) {
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      role: n === "warning" || n === "danger" ? "alert" : "status",
+      "data-tone": n,
+      className: v("grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] gap-2 rounded-panel border p-3", Fr[n], i),
+      children: [
+        /* @__PURE__ */ r("span", { className: "mt-0.5 shrink-0", children: a ?? Wr[n] }),
+        /* @__PURE__ */ h("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ r("p", { className: "font-product text-body-sm font-[600] text-ink", children: t }),
+          e && /* @__PURE__ */ r("div", { className: "mt-0.5 font-product text-caption leading-relaxed text-graphite", children: e })
+        ] }),
+        o && /* @__PURE__ */ r("div", { className: "shrink-0", children: o })
+      ]
+    }
+  );
+}
+const Gr = {
+  compact: "size-control-compact text-data",
+  default: "size-control-default text-caption",
+  touch: "size-control-touch text-body-sm"
+}, qr = {
+  online: "bg-success",
+  away: "bg-warning",
+  offline: "bg-graphite"
+};
+function ta({ src: t, fallback: e, label: n, status: a, statusLabel: o, size: i = "default", className: s }) {
+  const [l, d] = j(!1);
+  return /* @__PURE__ */ h(
+    "span",
+    {
+      role: "img",
+      "aria-label": n,
+      "data-size": i,
+      className: v("relative inline-grid shrink-0 place-items-center overflow-visible rounded-full bg-surface-muted font-data font-[600] text-ink ring-1 ring-border", Gr[i], s),
+      children: [
+        t && !l ? /* @__PURE__ */ r(
+          "img",
+          {
+            src: t,
+            alt: "",
+            className: "size-full rounded-full object-cover",
+            onError: () => d(!0)
+          }
+        ) : /* @__PURE__ */ r("span", { className: "truncate px-1", "data-slot": "avatar-fallback", children: e }),
+        a && /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-label": o,
+            "aria-hidden": o ? void 0 : !0,
+            "data-status": a,
+            className: v("absolute bottom-0 right-0 z-10 size-2.5 rounded-full ring-2 ring-surface-canvas", qr[a])
+          }
+        )
+      ]
+    }
+  );
+}
+const Xr = {
+  compact: "-space-x-1.5",
+  default: "-space-x-2"
+};
+function ra({
+  label: t,
+  children: e,
+  overlap: n = "default",
+  className: a,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      role: "group",
+      "aria-label": t,
+      className: v(
+        "isolate inline-flex items-center overflow-visible [&>*]:relative [&>*]:ring-2 [&>*]:ring-surface-raised [&>*]:transition-transform [&>*:hover]:z-10 [&>*:hover]:-translate-y-px",
+        Xr[n],
+        a
+      ),
+      ...o,
+      children: e
+    }
+  );
+}
+function na({
+  count: t,
+  label: e,
+  size: n = 20,
+  showPlus: a = !0,
+  className: o,
+  style: i,
+  ...s
+}) {
+  const l = Math.max(0, Math.floor(t)), d = `${a && l > 0 ? "+" : ""}${l}`, c = Math.max(n, 18 + Math.max(0, d.length - 2) * 4);
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      role: "img",
+      "aria-label": e,
+      "data-avatar-overflow-count": l,
+      className: v(
+        "inline-grid shrink-0 place-items-center overflow-visible whitespace-nowrap rounded-full bg-surface-muted font-data text-[9px] font-[600] leading-none text-ink",
+        o
+      ),
+      style: { width: c, height: c, ...i },
+      ...s,
+      children: d
+    }
+  );
+}
+function aa({ label: t, size: e = "default", className: n }) {
+  return /* @__PURE__ */ r("span", { role: "status", "aria-label": t, "data-size": e, className: v("inline-grid shrink-0 place-items-center text-graphite", n), children: /* @__PURE__ */ r(Ut, { size: e === "compact" ? 14 : 18, className: "animate-spin", "aria-hidden": !0 }) });
+}
+const Yr = { error: Ht, success: xr, info: gr }, Vr = { error: "bg-danger", success: "bg-success", info: "bg-info" }, Xt = $t(null);
+function oa() {
+  const t = At(Xt);
+  if (!t) throw new Error("useToast must be used within ToastProvider");
+  return t;
+}
+function ia({ children: t, closeLabel: e, duration: n = 6e3 }) {
+  const [a, o] = j([]), i = U(1), s = U(/* @__PURE__ */ new Map()), l = Se((u) => {
+    o((g) => g.filter((m) => m.id !== u));
+    const y = s.current.get(u);
+    y && clearTimeout(y), s.current.delete(u);
+  }, []), d = Se((u) => {
+    const y = s.current.get(u);
+    y && clearTimeout(y), s.current.set(u, setTimeout(() => l(u), n));
+  }, [l, n]), c = Se((u, y = "error") => {
+    o((g) => {
+      const m = g.find((b) => b.message === u && b.tone === y);
+      if (m)
+        return d(m.id), g;
+      const f = i.current++;
+      return d(f), [...g, { id: f, message: u, tone: y }];
+    });
+  }, [d]);
+  q(() => () => {
+    for (const u of s.current.values()) clearTimeout(u);
+    s.current.clear();
+  }, []);
+  const p = ce(() => ({ show: c }), [c]);
+  return /* @__PURE__ */ h(Xt.Provider, { value: p, children: [
+    t,
+    /* @__PURE__ */ r("div", { className: "pointer-events-none fixed right-4 top-[calc(60px+1rem)] z-[9999] flex w-[calc(100vw-2rem)] flex-col items-end gap-2.5 sm:right-6 sm:w-auto sm:max-w-sm", "data-slot": "toast-viewport", children: a.map((u) => {
+      const y = Yr[u.tone];
+      return /* @__PURE__ */ h(
+        "div",
+        {
+          role: u.tone === "error" ? "alert" : "status",
+          "data-tone": u.tone,
+          className: "t-item pointer-events-auto flex w-full items-center gap-3 rounded-panel border border-border bg-surface-raised py-3 pl-3.5 pr-3 shadow-pop",
+          children: [
+            /* @__PURE__ */ r("span", { className: v("grid size-8 shrink-0 place-items-center rounded-full text-on-status", Vr[u.tone]), children: /* @__PURE__ */ r(y, { size: 17, "aria-hidden": !0 }) }),
+            /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 break-words font-product text-caption font-[480] text-ink", children: u.message }),
+            /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => l(u.id),
+                "aria-label": e,
+                className: "grid size-7 shrink-0 place-items-center rounded-control text-graphite outline-none transition hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust/35",
+                children: /* @__PURE__ */ r(Ke, { size: 14, "aria-hidden": !0 })
+              }
+            )
+          ]
+        },
+        u.id
+      );
+    }) })
+  ] });
+}
+function sa({ className: t, ...e }) {
+  return /* @__PURE__ */ r(
+    "kbd",
+    {
+      className: v("inline-flex min-w-5 items-center justify-center rounded-indicator border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-micro leading-none text-graphite shadow-subtle", t),
+      ...e
+    }
+  );
+}
+function la({ label: t, children: e, className: n }) {
+  return /* @__PURE__ */ r("span", { role: "group", "aria-label": t, className: v("inline-flex items-center gap-1", n), children: e });
+}
+const rt = [0.22, 0.61, 0.36, 1], xe = {
+  /** Sidebar / context-panel expand-collapse. */
+  panel: { duration: 0.26, ease: rt },
+  /** Mobile drawer slide. */
+  drawer: { duration: 0.24, ease: rt },
+  /** Scrims, tooltips, small opacity changes. */
+  fade: { duration: 0.18, ease: rt }
+}, Yt = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1 },
+  exit: { opacity: 0 }
+}, Vt = {
+  initial: { y: "100%" },
+  animate: { y: 0 },
+  exit: { y: "100%" }
+}, Zr = {
+  initial: { opacity: 0, y: 24 },
+  animate: { opacity: 1, y: 0 },
+  exit: { opacity: 0, y: 24 }
+};
+function Jr(t = 560) {
+  const e = `(min-width: ${t}px)`, [n, a] = j(
+    () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(e).matches
+  );
+  return q(() => {
+    if (typeof window.matchMedia != "function") return;
+    const o = window.matchMedia(e), i = () => a(o.matches);
+    return o.addEventListener("change", i), () => o.removeEventListener("change", i);
+  }, [e]), n;
+}
+function Zt({
+  open: t,
+  onClose: e,
+  title: n,
+  ariaLabel: a,
+  closeLabel: o = "Close",
+  children: i,
+  footer: s,
+  size: l = "sm",
+  bare: d = !1,
+  /** Viewport width (px) at which the modal becomes a centered card; below stays bottom sheet. */
+  sheetUntilPx: c = 560,
+  placement: p = "responsive",
+  rootClassName: u,
+  panelClassName: y
+}) {
+  const g = U(null), m = Q(), f = U(e);
+  f.current = e;
+  const b = Jr(c), w = p === "center" || p === "responsive" && b, x = w ? Zr : Vt, C = w ? xe.panel : xe.drawer;
+  return q(() => {
+    if (!t) return;
+    const T = document.activeElement, k = (N) => {
+      if (N.key === "Escape") {
+        f.current();
+        return;
+      }
+      if (N.key === "Tab" && g.current) {
+        const M = g.current.querySelectorAll(
+          'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])'
+        );
+        if (M.length === 0) {
+          N.preventDefault();
+          return;
+        }
+        const D = M[0], P = M[M.length - 1], z = document.activeElement;
+        N.shiftKey && (z === D || z === g.current) ? (N.preventDefault(), P.focus()) : !N.shiftKey && z === P && (N.preventDefault(), D.focus());
+      }
+    };
+    document.addEventListener("keydown", k);
+    const L = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const O = requestAnimationFrame(() => {
+      var N;
+      return (N = g.current) == null ? void 0 : N.focus();
+    });
+    return () => {
+      var N;
+      document.removeEventListener("keydown", k), document.body.style.overflow = L, cancelAnimationFrame(O), (N = T == null ? void 0 : T.focus) == null || N.call(T);
+    };
+  }, [t]), typeof document > "u" ? null : ze(
+    /* @__PURE__ */ r(Ze, { children: t && /* @__PURE__ */ h(
+      "div",
+      {
+        className: v("fixed inset-0 z-50 flex justify-center", w ? "items-center" : "items-end", u),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": !d && n ? m : void 0,
+        "aria-label": d ? a ?? n : n ? void 0 : a,
+        "data-overlay": "modal",
+        "data-placement": w ? "center" : "bottom",
+        children: [
+          /* @__PURE__ */ r(
+            Me.div,
+            {
+              ...Yt,
+              transition: xe.fade,
+              "aria-hidden": "true",
+              onClick: e,
+              className: "absolute inset-0 bg-black/55 backdrop-blur-sm"
+            }
+          ),
+          /* @__PURE__ */ r(
+            Me.div,
+            {
+              ref: g,
+              "data-testid": "modal-panel",
+              tabIndex: -1,
+              onClick: (T) => T.stopPropagation(),
+              onMouseDown: (T) => T.stopPropagation(),
+              initial: x.initial,
+              animate: x.animate,
+              exit: x.exit,
+              transition: C,
+              className: v(
+                // overflow-hidden clips full-bleed children (e.g. the account
+                // modal's Fog sidebar) to the panel radius — without it a square
+                // child paints over the rounded corners.
+                "relative z-10 flex max-h-[90dvh] w-full min-w-0 flex-col overflow-hidden border border-border bg-surface-raised shadow-pop outline-none",
+                w ? v(
+                  "m-4 rounded-overlay pb-0",
+                  l === "full" ? "max-w-[1500px]" : l === "wide" ? "max-w-[980px]" : l === "xl" ? "max-w-overlay-dashboard" : l === "lg" ? "max-w-overlay-lg" : l === "command" ? "max-w-overlay-command" : "max-w-overlay-sm"
+                ) : "rounded-t-sheet border-b-0 pb-[env(safe-area-inset-bottom)]",
+                y
+              ),
+              children: d ? i : /* @__PURE__ */ h(fe, { children: [
+                n && /* @__PURE__ */ h("header", { className: "flex shrink-0 items-center justify-between gap-3 px-5 pb-1 pt-5", children: [
+                  /* @__PURE__ */ r("h2", { id: m, className: "font-sohne text-body-lg font-[500] tracking-[0] text-ink", children: n }),
+                  /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: e,
+                      title: o,
+                      "aria-label": o,
+                      className: "-mr-1 grid size-8 place-items-center rounded-control text-graphite outline-none transition hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust/35",
+                      children: /* @__PURE__ */ r(Ke, { size: 16, "aria-hidden": !0 })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r("div", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto px-5 pb-5 pt-2", children: i }),
+                s && /* @__PURE__ */ r("div", { className: "shrink-0 border-t border-divider px-5 py-3", children: s })
+              ] })
+            }
+          )
+        ]
+      }
+    ) }),
+    document.body
+  );
+}
+function ca({
+  open: t,
+  onClose: e,
+  title: n,
+  message: a,
+  body: o,
+  confirmLabel: i,
+  cancelLabel: s,
+  closeLabel: l,
+  onConfirm: d,
+  confirmVariant: c,
+  busy: p = !1,
+  busyLabel: u,
+  confirmDisabled: y = !1
+}) {
+  return /* @__PURE__ */ h(
+    Zt,
+    {
+      open: t,
+      onClose: p ? () => {
+      } : e,
+      title: n,
+      closeLabel: l ?? s,
+      footer: /* @__PURE__ */ h("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ r(
+          de,
+          {
+            variant: "secondary",
+            onClick: e,
+            disabled: p,
+            children: s
+          }
+        ),
+        /* @__PURE__ */ r(
+          de,
+          {
+            variant: c ?? "primary",
+            onClick: () => void d(),
+            disabled: p || y,
+            "aria-busy": p || void 0,
+            children: p ? u ?? i : i
+          }
+        )
+      ] }),
+      children: [
+        a && /* @__PURE__ */ r("p", { className: "font-sohne text-body-sm leading-relaxed text-ash", children: a }),
+        o && /* @__PURE__ */ r("div", { className: "mt-3", children: o })
+      ]
+    }
+  );
+}
+const Qr = {
+  initial: { x: "100%" },
+  animate: { x: 0 },
+  exit: { x: "100%" }
+};
+function en() {
+  const [t, e] = j(
+    () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(min-width: 640px)").matches
+  );
+  return q(() => {
+    if (typeof window.matchMedia != "function") return;
+    const n = window.matchMedia("(min-width: 640px)"), a = () => e(n.matches);
+    return n.addEventListener("change", a), () => n.removeEventListener("change", a);
+  }, []), t;
+}
+function da({
+  open: t,
+  onClose: e,
+  title: n,
+  ariaLabel: a,
+  closeLabel: o = "Close",
+  description: i,
+  children: s,
+  footer: l,
+  size: d = "md",
+  bare: c = !1,
+  side: p = "right",
+  mobilePlacement: u = "bottom",
+  rootClassName: y,
+  panelClassName: g
+}) {
+  const m = U(null), f = Q(), b = U(e);
+  b.current = e;
+  const x = en() || u === "side", T = x ? p === "left" ? { initial: { x: "-100%" }, animate: { x: 0 }, exit: { x: "-100%" } } : Qr : Vt;
+  if (q(() => {
+    if (!t) return;
+    const L = document.activeElement, O = (D) => {
+      if (D.key === "Escape") {
+        b.current();
+        return;
+      }
+      if (D.key === "Tab" && m.current) {
+        const P = m.current.querySelectorAll(
+          'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])'
+        );
+        if (P.length === 0) {
+          D.preventDefault();
+          return;
+        }
+        const z = P[0], S = P[P.length - 1];
+        D.shiftKey && (document.activeElement === z || document.activeElement === m.current) ? (D.preventDefault(), S.focus()) : !D.shiftKey && document.activeElement === S && (D.preventDefault(), z.focus());
+      }
+    };
+    document.addEventListener("keydown", O);
+    const N = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const M = requestAnimationFrame(() => {
+      var D;
+      return (D = m.current) == null ? void 0 : D.focus();
+    });
+    return () => {
+      var D;
+      document.removeEventListener("keydown", O), document.body.style.overflow = N, cancelAnimationFrame(M), (D = L == null ? void 0 : L.focus) == null || D.call(L);
+    };
+  }, [t]), typeof document > "u") return null;
+  const k = d === "xl" ? "sm:w-drawer-xl" : d === "lg" ? "sm:w-drawer-lg" : d === "sm" ? "sm:w-drawer-sm" : "sm:w-drawer-md";
+  return ze(
+    /* @__PURE__ */ r(Ze, { children: t && /* @__PURE__ */ h(
+      "div",
+      {
+        className: v(
+          "fixed inset-0 z-50 flex",
+          x ? p === "left" ? "items-stretch justify-start" : "items-stretch justify-end" : "items-end justify-center sm:items-stretch sm:justify-end",
+          y
+        ),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": !c && n ? f : void 0,
+        "aria-label": c ? a ?? n : n ? void 0 : a,
+        "data-overlay": "drawer",
+        "data-placement": x ? p : "bottom",
+        children: [
+          /* @__PURE__ */ r(
+            Me.div,
+            {
+              ...Yt,
+              transition: xe.fade,
+              "aria-hidden": "true",
+              onClick: e,
+              className: "absolute inset-0 bg-black/55 backdrop-blur-sm"
+            }
+          ),
+          /* @__PURE__ */ r(
+            Me.div,
+            {
+              ref: m,
+              "data-testid": "drawer-panel",
+              tabIndex: -1,
+              initial: T.initial,
+              animate: T.animate,
+              exit: T.exit,
+              transition: xe.drawer,
+              className: v(
+                "relative z-10 flex w-full min-w-0 flex-col overflow-hidden border border-border bg-surface-raised shadow-pop outline-none",
+                x ? v(
+                  "h-full max-h-none pb-0",
+                  p === "left" ? "rounded-r-overlay border-l-0" : "rounded-l-overlay border-r-0"
+                ) : "max-h-[90dvh] rounded-t-sheet border-b-0 pb-[env(safe-area-inset-bottom)] sm:h-full sm:max-h-none sm:rounded-none sm:rounded-l-overlay sm:border-b sm:border-r-0 sm:pb-0",
+                k,
+                g
+              ),
+              children: c ? s : /* @__PURE__ */ h(fe, { children: [
+                n && /* @__PURE__ */ h("header", { className: "flex shrink-0 items-start justify-between gap-2 border-b border-divider px-5 py-3.5", children: [
+                  /* @__PURE__ */ h("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ r("h2", { id: f, className: "font-sohne text-body font-[500] text-ink", children: n }),
+                    i && /* @__PURE__ */ r("p", { className: "mt-0.5 font-sohne text-caption text-graphite", children: i })
+                  ] }),
+                  /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: e,
+                      title: o,
+                      "aria-label": o,
+                      className: "-mr-1 grid size-8 place-items-center rounded-control text-graphite outline-none transition hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust/35",
+                      children: /* @__PURE__ */ r(Ke, { size: 16, "aria-hidden": !0 })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: s }),
+                l && /* @__PURE__ */ r("div", { className: "shrink-0 border-t border-divider px-5 py-3", children: l })
+              ] })
+            }
+          )
+        ]
+      }
+    ) }),
+    document.body
+  );
+}
+const me = 12, be = 12, Fe = 6, We = (t, e, n) => Math.max(e, Math.min(n, t));
+function tn(t, e, n) {
+  const a = window.innerWidth, o = window.innerHeight;
+  if (!t)
+    return {
+      top: (o - e.height) / 2,
+      left: (a - e.width) / 2,
+      placement: "center",
+      arrow: 0
+    };
+  const i = t.left + t.width / 2, s = t.top + t.height / 2, l = {
+    bottom: t.top + t.height + me + e.height <= o - be,
+    top: t.top - me - e.height >= be,
+    right: t.left + t.width + me + e.width <= a - be,
+    left: t.left - me - e.width >= be
+  }, c = (n && n !== "auto" ? [n, "bottom", "top", "right", "left"] : ["bottom", "top", "right", "left"]).find((g) => l[g]) ?? "bottom";
+  let p, u;
+  c === "bottom" || c === "top" ? (u = We(i - e.width / 2, be, a - be - e.width), p = c === "bottom" ? t.top + t.height + me : t.top - me - e.height) : (p = We(s - e.height / 2, be, o - be - e.height), u = c === "right" ? t.left + t.width + me : t.left - me - e.width);
+  const y = c === "bottom" || c === "top" ? We(i - u, 20, e.width - 20) : We(s - p, 20, e.height - 20);
+  return { top: p, left: u, placement: c, arrow: y };
+}
+function rn({ placement: t, offset: e }) {
+  const n = "absolute size-2.5 rotate-45 border border-border bg-surface-raised";
+  return t === "bottom" ? /* @__PURE__ */ r("span", { "aria-hidden": !0, className: n, style: { top: -5, left: e - 5 } }) : t === "top" ? /* @__PURE__ */ r("span", { "aria-hidden": !0, className: n, style: { bottom: -5, left: e - 5 } }) : t === "right" ? /* @__PURE__ */ r("span", { "aria-hidden": !0, className: n, style: { left: -5, top: e - 5 } }) : t === "left" ? /* @__PURE__ */ r("span", { "aria-hidden": !0, className: n, style: { right: -5, top: e - 5 } }) : null;
+}
+function ua({
+  open: t,
+  label: e,
+  target: n = null,
+  preferredPlacement: a = "auto",
+  onEscape: o,
+  children: i,
+  className: s
+}) {
+  const l = U(null), [d, c] = j({ width: 320, height: 180 });
+  if (Ye(() => {
+    if (!t || !l.current) return;
+    const u = l.current, y = () => {
+      const m = u.getBoundingClientRect();
+      c((f) => f.width === m.width && f.height === m.height ? f : { width: m.width, height: m.height });
+    };
+    if (y(), typeof ResizeObserver > "u") return;
+    const g = new ResizeObserver(y);
+    return g.observe(u), () => g.disconnect();
+  }, [i, t, n]), q(() => {
+    if (!t) return;
+    const u = document.activeElement, y = document.body.style.overflow, g = (f) => {
+      if (f.key === "Escape") {
+        o();
+        return;
+      }
+      if (f.key !== "Tab" || !l.current) return;
+      const b = l.current.querySelectorAll(
+        'a[href],button:not([disabled]),input:not([disabled]),[tabindex]:not([tabindex="-1"])'
+      );
+      if (b.length === 0) {
+        f.preventDefault();
+        return;
+      }
+      const w = b[0], x = b[b.length - 1];
+      f.shiftKey && (document.activeElement === w || document.activeElement === l.current) ? (f.preventDefault(), x.focus()) : !f.shiftKey && document.activeElement === x && (f.preventDefault(), w.focus());
+    };
+    document.body.style.overflow = "hidden", document.addEventListener("keydown", g);
+    const m = requestAnimationFrame(() => {
+      var f;
+      return (f = l.current) == null ? void 0 : f.focus();
+    });
+    return () => {
+      var f;
+      cancelAnimationFrame(m), document.removeEventListener("keydown", g), document.body.style.overflow = y, (f = u == null ? void 0 : u.focus) == null || f.call(u);
+    };
+  }, [o, t]), !t || typeof document > "u") return null;
+  const p = tn(n, d, a);
+  return ze(
+    /* @__PURE__ */ h("div", { className: "fixed inset-0 z-[60]", role: "dialog", "aria-modal": "true", "aria-label": e, "data-overlay": "spotlight-tour", children: [
+      /* @__PURE__ */ r("div", { "data-uikit-interaction-shield": !0, className: "absolute inset-0", onClick: (u) => u.stopPropagation() }),
+      n ? /* @__PURE__ */ r(
+        "div",
+        {
+          "aria-hidden": !0,
+          className: "pointer-events-none absolute rounded-panel transition-[top,left,width,height] duration-300 ease-out motion-reduce:transition-none",
+          style: {
+            top: n.top - Fe,
+            left: n.left - Fe,
+            width: n.width + Fe * 2,
+            height: n.height + Fe * 2,
+            boxShadow: "0 0 0 3px color-mix(in srgb, var(--color-pure-white) 55%, transparent), 0 0 0 9999px color-mix(in srgb, black 60%, transparent)"
+          }
+        }
+      ) : /* @__PURE__ */ r("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 bg-black/60" }),
+      /* @__PURE__ */ h(
+        Me.div,
+        {
+          ref: l,
+          tabIndex: -1,
+          initial: { opacity: 0, scale: 0.98 },
+          animate: { opacity: 1, scale: 1 },
+          transition: xe.fade,
+          className: v(
+            "absolute w-80 max-w-[calc(100vw-24px)] rounded-panel border border-border bg-surface-raised p-5 shadow-pop outline-none",
+            s
+          ),
+          style: { top: p.top, left: p.left },
+          children: [
+            /* @__PURE__ */ r(rn, { placement: p.placement, offset: p.arrow }),
+            i
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+function nn(t = 560) {
+  const e = `(min-width: ${t}px)`, [n, a] = j(
+    () => typeof window < "u" && window.matchMedia(e).matches
+  );
+  return q(() => {
+    const o = window.matchMedia(e), i = () => a(o.matches);
+    return o.addEventListener("change", i), () => o.removeEventListener("change", i);
+  }, [e]), n;
+}
+const De = (t, e, n) => Math.max(e, Math.min(n, t));
+function fa({
+  open: t,
+  onClose: e,
+  title: n,
+  children: a,
+  initialW: o = 560,
+  initialH: i = 440,
+  minW: s = 320,
+  minH: l = 260,
+  pinLabel: d = "Pin",
+  unpinLabel: c = "Unpin",
+  closeLabel: p = "Close"
+}) {
+  const u = nn(640), [y, g] = j(!1), [m, f] = j({ w: o, h: i }), [b, w] = j(null), x = U(null), C = U(null);
+  if (q(() => {
+    !t || typeof window > "u" || !u || w(
+      (z) => z ?? {
+        x: De((window.innerWidth - o) / 2, 16, Math.max(16, window.innerWidth - o - 16)),
+        y: De((window.innerHeight - i) / 3, 16, Math.max(16, window.innerHeight - i - 16))
+      }
+    );
+  }, [t, o, i, u]), q(() => {
+    if (!t || u && y) return;
+    const z = (S) => {
+      S.key === "Escape" && e();
+    };
+    return document.addEventListener("keydown", z), () => document.removeEventListener("keydown", z);
+  }, [t, y, e, u]), q(() => {
+    if (!t || u || typeof document > "u") return;
+    const z = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = z;
+    };
+  }, [t, u]), !t || typeof document > "u" || u && !b) return null;
+  const T = (z) => {
+    try {
+      z.currentTarget.setPointerCapture(z.pointerId);
+    } catch {
+    }
+  }, k = (z) => {
+    !u || z.button !== 0 || !b || (x.current = { ox: z.clientX - b.x, oy: z.clientY - b.y }, T(z));
+  }, L = (z) => {
+    !u || !x.current || !b || w({
+      x: De(z.clientX - x.current.ox, 0, window.innerWidth - m.w),
+      y: De(z.clientY - x.current.oy, 0, window.innerHeight - 40)
+    });
+  }, O = (z) => {
+    var S, A;
+    x.current = null, (A = (S = z.currentTarget).releasePointerCapture) == null || A.call(S, z.pointerId);
+  }, N = (z) => {
+    !u || !b || (z.stopPropagation(), C.current = { sx: z.clientX, sy: z.clientY, sw: m.w, sh: m.h }, T(z));
+  }, M = (z) => {
+    !u || !C.current || !b || f({
+      w: De(C.current.sw + (z.clientX - C.current.sx), s, window.innerWidth - b.x - 8),
+      h: De(C.current.sh + (z.clientY - C.current.sy), l, window.innerHeight - b.y - 8)
+    });
+  }, D = (z) => {
+    var S, A;
+    C.current = null, (A = (S = z.currentTarget).releasePointerCapture) == null || A.call(S, z.pointerId);
+  }, P = /* @__PURE__ */ h(
+    "div",
+    {
+      role: "dialog",
+      "aria-label": n,
+      className: v(
+        "flex flex-col overflow-hidden bg-surface-raised shadow-subtle ring-1 ring-border",
+        u ? "fixed z-50 rounded-overlay" : "relative z-10 h-[min(92dvh,var(--spacing-overlay-dashboard))] w-full max-w-none rounded-t-sheet pb-[env(safe-area-inset-bottom)]"
+      ),
+      style: u && b ? { left: b.x, top: b.y, width: m.w, height: m.h } : void 0,
+      children: [
+        /* @__PURE__ */ h(
+          "header",
+          {
+            onPointerDown: k,
+            onPointerMove: L,
+            onPointerUp: O,
+            onPointerCancel: O,
+            className: v(
+              "flex shrink-0 select-none items-center justify-between gap-2 border-b border-border bg-fog/50 px-3 py-2",
+              u ? "cursor-move touch-none" : "cursor-default"
+            ),
+            children: [
+              !u && /* @__PURE__ */ r("span", { className: "absolute left-1/2 top-1.5 h-1 w-10 -translate-x-1/2 rounded-full bg-dove/80", "aria-hidden": !0 }),
+              /* @__PURE__ */ r("span", { className: v("truncate font-sohne text-caption font-[480] text-ink", !u && "pt-1"), children: n }),
+              /* @__PURE__ */ h("div", { className: "flex shrink-0 items-center gap-1", children: [
+                u && /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    onPointerDown: (z) => z.stopPropagation(),
+                    onClick: () => g((z) => !z),
+                    "aria-pressed": y,
+                    title: y ? c : d,
+                    "aria-label": y ? c : d,
+                    className: v(
+                      "grid h-6 w-6 place-items-center rounded-full transition hover:bg-dove/50",
+                      y ? "text-ink" : "text-graphite"
+                    ),
+                    children: /* @__PURE__ */ r(vr, { size: 13, fill: y ? "currentColor" : "none" })
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    onPointerDown: (z) => z.stopPropagation(),
+                    onClick: e,
+                    title: p,
+                    "aria-label": p,
+                    className: "grid h-6 w-6 place-items-center rounded-full text-graphite transition hover:bg-dove/50 hover:text-ink",
+                    children: /* @__PURE__ */ r(Ke, { size: 14, "aria-hidden": !0 })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "relative flex min-h-0 flex-1 flex-col p-2", children: a }),
+        u && /* @__PURE__ */ r(
+          "div",
+          {
+            onPointerDown: N,
+            onPointerMove: M,
+            onPointerUp: D,
+            onPointerCancel: D,
+            "aria-hidden": !0,
+            className: "absolute bottom-0 right-0 h-4 w-4 cursor-nwse-resize touch-none",
+            children: /* @__PURE__ */ r("svg", { viewBox: "0 0 10 10", className: "h-full w-full text-graphite/60", "aria-hidden": !0, children: /* @__PURE__ */ r("path", { d: "M9 3 L3 9 M9 6 L6 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", fill: "none" }) })
+          }
+        )
+      ]
+    }
+  );
+  return u ? ze(P, document.body) : ze(
+    /* @__PURE__ */ h("div", { className: "fixed inset-0 z-50 flex items-end justify-center", children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          "aria-label": p,
+          onClick: e,
+          className: "absolute inset-0 bg-black/45 backdrop-blur-[2px]"
+        }
+      ),
+      P
+    ] }),
+    document.body
+  );
+}
+const an = {
+  sm: { pad: "py-8", wrap: "size-9", icon: 18, title: "text-caption", desc: "text-[11px]", gap: "gap-2", button: "compact" },
+  md: { pad: "py-12", wrap: "size-12", icon: 24, title: "text-body", desc: "text-caption", gap: "gap-2.5", button: "default" },
+  lg: { pad: "py-16", wrap: "size-14", icon: 28, title: "text-body-lg", desc: "text-body", gap: "gap-3", button: "default" }
+};
+function ha({
+  variant: t = "empty",
+  size: e = "md",
+  tone: n = "default",
+  icon: a,
+  title: o,
+  description: i,
+  /** Shorthand for a single primary action. Prefer `actions` when you need more than one. */
+  action: s,
+  actions: l,
+  children: d,
+  className: c,
+  "data-testid": p
+}) {
+  const u = an[e], y = n === "scrim" ? "text-ash" : "text-graphite", g = l ?? (s ? [s] : []);
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      role: t === "error" ? "alert" : "status",
+      "data-testid": p,
+      "data-variant": t,
+      "data-size": e,
+      className: v("flex flex-col items-center justify-center text-center", u.pad, u.gap, c),
+      children: [
+        t === "loading" ? /* @__PURE__ */ r(on, { size: u.icon }) : /* @__PURE__ */ r(
+          "div",
+          {
+            className: v(
+              "grid shrink-0 place-items-center rounded-full",
+              u.wrap,
+              t === "error" ? "bg-danger/10 text-danger" : v("bg-fog", y)
+            ),
+            children: a ?? (t === "error" ? /* @__PURE__ */ r(ln, { size: u.icon }) : /* @__PURE__ */ r(sn, { size: u.icon }))
+          }
+        ),
+        o != null && o !== "" && /* @__PURE__ */ r("p", { className: v("font-sohne font-[480]", u.title, t === "error" ? "text-danger" : "text-ink"), children: o }),
+        i != null && i !== "" && /* @__PURE__ */ r("p", { className: v("max-w-sm font-sohne leading-snug", y, u.desc), children: i }),
+        d,
+        g.length > 0 && /* @__PURE__ */ r("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-2", children: g.map((f, b) => /* @__PURE__ */ r(
+          de,
+          {
+            size: u.button,
+            variant: f.variant ?? (b === 0 ? "primary" : "secondary"),
+            disabled: f.disabled,
+            onClick: f.onClick,
+            children: f.label
+          },
+          `${f.label}-${b}`
+        )) })
+      ]
+    }
+  );
+}
+function on({ size: t }) {
+  return /* @__PURE__ */ r(Ut, { size: t, className: "animate-spin text-graphite", "aria-hidden": !0 });
+}
+function sn({ size: t }) {
+  return /* @__PURE__ */ r(yr, { size: t, "aria-hidden": !0 });
+}
+function ln({ size: t }) {
+  return /* @__PURE__ */ r(wr, { size: t, "aria-hidden": !0 });
+}
+function pa({ className: t, style: e }) {
+  return /* @__PURE__ */ r("div", { "aria-hidden": !0, className: v("t-shimmer rounded-control", t), style: e });
+}
+function ma({
+  className: t,
+  children: e,
+  width: n = "fluid"
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-page-width": n,
+      className: v(
+        "w-full px-3 md:px-5",
+        n === "contained" && "mx-auto max-w-[96rem]",
+        t
+      ),
+      children: e
+    }
+  );
+}
+function Jt({ asChild: t = !1, as: e = "div", tone: n = "plain", density: a = "default", className: o, children: i, ...s }) {
+  const l = t ? Pe.Root : e;
+  return /* @__PURE__ */ r(
+    l,
+    {
+      "data-density": a,
+      className: v(
+        "rounded-panel",
+        a === "none" ? "" : a === "compact" ? "p-3" : "p-4",
+        {
+          plain: "border border-border bg-surface-card",
+          warm: "border border-border bg-surface-warm",
+          cool: "border border-border bg-surface-cool"
+        }[n],
+        o
+      ),
+      ...s,
+      children: i
+    }
+  );
+}
+function cn({ children: t, className: e }) {
+  return /* @__PURE__ */ r("h3", { className: v("font-sohne text-body font-[500] tracking-[0] text-ink", e), children: t });
+}
+function dn({ children: t, className: e }) {
+  return /* @__PURE__ */ r("span", { className: v("font-sohne text-caption text-graphite", e), children: t });
+}
+const un = {
+  live: "bg-up",
+  stale: "bg-warning",
+  loading: "bg-info",
+  error: "bg-danger"
+};
+function ba({
+  title: t,
+  summary: e,
+  status: n,
+  statusLabel: a,
+  toolbar: o,
+  legend: i,
+  className: s,
+  children: l,
+  ...d
+}) {
+  const c = Q(), p = Q();
+  return /* @__PURE__ */ h(
+    "figure",
+    {
+      "aria-labelledby": c,
+      "aria-describedby": p,
+      "data-chart-status": n,
+      className: v(
+        "flex min-h-chart-frame-min min-w-0 flex-col overflow-hidden rounded-panel border border-border bg-surface-card",
+        s
+      ),
+      ...d,
+      children: [
+        /* @__PURE__ */ h("header", { className: "flex min-h-row-compact shrink-0 items-center justify-between gap-3 border-b border-divider px-3", children: [
+          /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ r("span", { id: c, className: "truncate font-sohne text-caption font-[500] text-ink", children: t }),
+            n && a && /* @__PURE__ */ h("span", { className: "inline-flex shrink-0 items-center gap-1.5 font-sohne text-micro text-graphite", children: [
+              /* @__PURE__ */ r("span", { className: v("size-1.5 rounded-full", un[n]), "aria-hidden": !0 }),
+              a
+            ] })
+          ] }),
+          o && /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center gap-1", children: o })
+        ] }),
+        i && /* @__PURE__ */ r("div", { className: "shrink-0 border-b border-divider px-3 py-1.5", children: i }),
+        /* @__PURE__ */ r("div", { className: "min-h-0 min-w-0 flex-1 p-3", children: l }),
+        /* @__PURE__ */ r("figcaption", { id: p, className: "sr-only", children: e })
+      ]
+    }
+  );
+}
+function ga({
+  open: t,
+  onClose: e,
+  title: n,
+  query: a,
+  onQueryChange: o,
+  placeholder: i,
+  inputRef: s,
+  busy: l = !1,
+  filters: d,
+  filter: c,
+  onFilterChange: p,
+  filterAriaLabel: u,
+  children: y,
+  footer: g,
+  onKeyDown: m,
+  className: f
+}) {
+  return /* @__PURE__ */ r(Zt, { open: t, onClose: e, title: n, size: "command", sheetUntilPx: 640, bare: !0, children: /* @__PURE__ */ h("div", { "data-command-dialog": !0, className: v("flex min-h-0 flex-col", f), onKeyDown: m, children: [
+    /* @__PURE__ */ h(
+      "div",
+      {
+        "data-slot": "command-search",
+        className: "flex min-h-command-search shrink-0 items-center gap-2 border-b border-divider px-4",
+        children: [
+          /* @__PURE__ */ r(ut, { size: 17, className: "shrink-0 text-graphite", "aria-hidden": !0 }),
+          /* @__PURE__ */ r(
+            "input",
+            {
+              ref: s,
+              value: a,
+              onChange: (b) => o(b.target.value),
+              placeholder: i,
+              "aria-label": n,
+              "aria-busy": l,
+              autoComplete: "off",
+              spellCheck: !1,
+              className: "min-w-0 flex-1 bg-transparent font-sohne text-body text-ink outline-none placeholder:text-graphite"
+            }
+          ),
+          l && /* @__PURE__ */ r(
+            "span",
+            {
+              className: "size-4 shrink-0 animate-spin rounded-full border-2 border-graphite/25 border-t-graphite",
+              "aria-hidden": !0
+            }
+          ),
+          /* @__PURE__ */ r("kbd", { className: "hidden rounded-control border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-micro text-graphite sm:inline", children: "Esc" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        "data-slot": "command-filters",
+        role: "group",
+        "aria-label": u,
+        className: "flex min-h-row-default shrink-0 items-end gap-4 overflow-x-auto border-b border-divider px-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        children: d.map((b) => {
+          const w = b.value === c;
+          return /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": w,
+              disabled: b.disabled,
+              onClick: () => p(b.value),
+              className: v(
+                "relative h-row-default shrink-0 px-0.5 font-sohne text-caption outline-none transition-colors focus-visible:ring-2 focus-visible:ring-rust/35 disabled:pointer-events-none disabled:opacity-45",
+                w ? "font-[500] text-ink after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-rust" : "text-graphite hover:text-ink"
+              ),
+              children: b.label
+            },
+            b.value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "min-h-0 max-h-command-results flex-1 overflow-y-auto px-2 py-2", children: y }),
+    g && /* @__PURE__ */ r("div", { className: "min-h-row-compact shrink-0 border-t border-divider px-4 py-2 font-sohne text-data text-graphite", children: g })
+  ] }) });
+}
+const ft = "w-full rounded-control border border-border bg-pure-white font-sohne text-ink outline-none transition-colors placeholder:text-graphite hover:border-graphite focus:border-rust/70 focus-visible:ring-2 focus-visible:ring-rust/20 disabled:cursor-not-allowed disabled:bg-surface-muted disabled:text-graphite disabled:opacity-70", Qt = {
+  compact: "h-control-compact px-2.5 text-caption",
+  default: "h-control-default px-3 text-body-sm",
+  touch: "h-control-touch px-3.5 text-body"
+}, xa = `${ft} ${Qt.default}`, fn = v(
+  ft,
+  "min-h-[7.5rem] resize-y px-3 py-2.5 text-body-sm"
+), ht = he(
+  function({ className: e, density: n = "default", ...a }, o) {
+    return /* @__PURE__ */ r(
+      "input",
+      {
+        ref: o,
+        "data-density": n,
+        className: v(ft, Qt[n], e),
+        ...a
+      }
+    );
+  }
+), va = he(
+  function({ className: e, variant: n = "outlined", ...a }, o) {
+    return /* @__PURE__ */ r(
+      "textarea",
+      {
+        ref: o,
+        "data-variant": n,
+        className: v(
+          n === "outlined" ? fn : "w-full min-h-[7.5rem] resize-y border-0 bg-transparent px-0 py-0 font-sohne text-body-sm text-ink outline-none placeholder:text-graphite focus-visible:ring-0 disabled:cursor-not-allowed disabled:text-graphite disabled:opacity-70",
+          e
+        ),
+        ...a
+      }
+    );
+  }
+), pt = "relative z-50 min-w-48 rounded-panel border border-border bg-surface-raised p-1 font-sohne text-body-sm text-ink shadow-pop outline-none", it = "flex h-row-default cursor-default select-none items-center rounded-control px-3 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-surface-hover";
+function hn({
+  trigger: t,
+  title: e,
+  closeLabel: n,
+  children: a,
+  open: o,
+  onOpenChange: i,
+  size: s = "sm",
+  align: l = "center",
+  side: d = "bottom",
+  sideOffset: c = 4,
+  contentClassName: p
+}) {
+  return /* @__PURE__ */ h(ae.Root, { open: o, onOpenChange: i, children: [
+    /* @__PURE__ */ r(ae.Trigger, { asChild: !0, children: t }),
+    /* @__PURE__ */ r(ae.Portal, { children: /* @__PURE__ */ h(
+      ae.Content,
+      {
+        role: "dialog",
+        "aria-label": e,
+        sideOffset: c,
+        collisionPadding: 8,
+        align: l,
+        side: d,
+        className: v(pt, "af-popup-bound p-3", s === "command" ? "w-overlay-command" : "w-overlay-sm", p),
+        children: [
+          n && /* @__PURE__ */ r(ae.Close, { asChild: !0, children: /* @__PURE__ */ r("button", { type: "button", "aria-label": n, className: "absolute right-2 top-2 z-10 grid size-7 place-items-center rounded-control text-graphite outline-none hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust/35", children: /* @__PURE__ */ r(Ke, { size: 14, "aria-hidden": !0 }) }) }),
+          a
+        ]
+      }
+    ) })
+  ] });
+}
+function wa({ label: t, className: e, children: n, ...a }) {
+  return /* @__PURE__ */ r("div", { role: "menu", "aria-label": t, className: e, ...a, children: n });
+}
+function ya({ selected: t, asChild: e = !1, children: n, ...a }) {
+  const o = e ? Pe.Root : "button";
+  return /* @__PURE__ */ r(o, { role: "menuitemradio", "aria-checked": t, ...a, children: n });
+}
+function ka({ asChild: t = !1, children: e, ...n }) {
+  const a = t ? Pe.Root : "button";
+  return /* @__PURE__ */ r(a, { role: "menuitem", ...n, children: e });
+}
+function Na({
+  trigger: t,
+  label: e,
+  items: n,
+  value: a,
+  onValueChange: o,
+  open: i,
+  onOpenChange: s,
+  align: l = "start",
+  side: d = "bottom",
+  contentClassName: c
+}) {
+  const p = Q(), u = U(null), y = n.filter((f) => f.kind === "radio"), g = n.filter((f) => f.kind !== "radio"), m = (f, b = !1) => /* @__PURE__ */ h(fe, { children: [
+    f.leading && /* @__PURE__ */ r("span", { className: "shrink-0", "aria-hidden": !0, children: f.leading }),
+    /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate", children: f.label }),
+    f.trailing,
+    b && !f.trailing && /* @__PURE__ */ r(ve, { size: 14, className: "shrink-0 text-ink", "aria-hidden": !0 })
+  ] });
+  return /* @__PURE__ */ h(
+    ne.Root,
+    {
+      modal: !1,
+      open: i,
+      onOpenChange: (f) => {
+        s == null || s(f), f && requestAnimationFrame(() => {
+          var b;
+          return (b = u.current) == null ? void 0 : b.focus();
+        });
+      },
+      children: [
+        /* @__PURE__ */ r(ne.Trigger, { asChild: !0, children: t }),
+        /* @__PURE__ */ r(ne.Portal, { children: /* @__PURE__ */ h(
+          ne.Content,
+          {
+            "aria-labelledby": p,
+            sideOffset: 4,
+            collisionPadding: 8,
+            align: l,
+            side: d,
+            className: v(pt, c),
+            children: [
+              /* @__PURE__ */ r("span", { id: p, className: "sr-only", children: e }),
+              y.length > 0 && /* @__PURE__ */ r(
+                ne.RadioGroup,
+                {
+                  value: a,
+                  onValueChange: (f) => {
+                    var b, w;
+                    o == null || o(f), (w = (b = y.find((x) => x.id === f)) == null ? void 0 : b.onSelect) == null || w.call(b);
+                  },
+                  children: y.map((f, b) => /* @__PURE__ */ r(
+                    ne.RadioItem,
+                    {
+                      value: f.id,
+                      ref: b === 0 ? u : void 0,
+                      disabled: f.disabled,
+                      className: v(it, "gap-2", f.danger && "text-danger"),
+                      children: m(f, a === f.id)
+                    },
+                    f.id
+                  ))
+                }
+              ),
+              g.map((f, b) => /* @__PURE__ */ h("div", { children: [
+                f.separatorBefore && /* @__PURE__ */ r(ne.Separator, { className: "my-1 h-px bg-divider" }),
+                /* @__PURE__ */ r(
+                  ne.Item,
+                  {
+                    ref: y.length === 0 && b === 0 ? u : void 0,
+                    disabled: f.disabled,
+                    onSelect: f.onSelect,
+                    className: v(it, "gap-2", f.danger && "text-danger"),
+                    children: m(f)
+                  }
+                )
+              ] }, f.id))
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Ca({
+  children: t,
+  label: e,
+  items: n
+}) {
+  const a = Q();
+  return /* @__PURE__ */ h(Ae.Root, { children: [
+    /* @__PURE__ */ r(Ae.Trigger, { asChild: !0, children: t }),
+    /* @__PURE__ */ r(Ae.Portal, { children: /* @__PURE__ */ h(Ae.Content, { "aria-labelledby": a, collisionPadding: 8, className: pt, children: [
+      /* @__PURE__ */ r("span", { id: a, className: "sr-only", children: e }),
+      n.map((o) => /* @__PURE__ */ r(
+        Ae.Item,
+        {
+          disabled: o.disabled,
+          onSelect: o.onSelect,
+          className: `${it} ${o.danger ? "text-danger" : ""}`,
+          children: o.label
+        },
+        o.id
+      ))
+    ] }) })
+  ] });
+}
+function Ge(t, e = 0, n = 1) {
+  return Math.min(n, Math.max(e, t));
+}
+function pn(t) {
+  const e = /^#[0-9a-f]{6}$/i.test(t) ? t : "#000000", [n, a, o] = [1, 3, 5].map((c) => Number.parseInt(e.slice(c, c + 2), 16) / 255), i = Math.max(n, a, o), s = Math.min(n, a, o), l = i - s;
+  let d = 0;
+  return l > 0 && (i === n ? d = 60 * ((a - o) / l % 6) : i === a ? d = 60 * ((o - n) / l + 2) : d = 60 * ((n - a) / l + 4)), {
+    h: d < 0 ? d + 360 : d,
+    s: i === 0 ? 0 : l / i,
+    v: i
+  };
+}
+function mn({ h: t, s: e, v: n }) {
+  const a = n * e, o = t / 60, i = a * (1 - Math.abs(o % 2 - 1)), [s, l, d] = o < 1 ? [a, i, 0] : o < 2 ? [i, a, 0] : o < 3 ? [0, a, i] : o < 4 ? [0, i, a] : o < 5 ? [i, 0, a] : [a, 0, i], c = n - a, p = (u) => Math.round((u + c) * 255).toString(16).padStart(2, "0");
+  return `#${p(s)}${p(l)}${p(d)}`;
+}
+function bn({ value: t, onChange: e, labels: n, presets: a = [], disabled: o = !1 }) {
+  const i = /^#[0-9a-f]{6}$/i.test(t) ? t.toLowerCase() : "#000000", s = ce(() => pn(i), [i]), [l, d] = j(i.toUpperCase()), c = U(null);
+  q(() => d(i.toUpperCase()), [i]);
+  const p = (g) => e(mn({ h: (g.h + 360) % 360, s: Ge(g.s), v: Ge(g.v) })), u = (g) => {
+    const m = c.current;
+    if (!m) return;
+    const f = m.getBoundingClientRect();
+    p({ h: s.h, s: Ge((g.clientX - f.left) / f.width), v: 1 - Ge((g.clientY - f.top) / f.height) });
+  }, y = () => {
+    /^#[0-9a-f]{6}$/i.test(l) ? e(l.toLowerCase()) : d(i.toUpperCase());
+  };
+  return /* @__PURE__ */ r(
+    hn,
+    {
+      title: n.dialog,
+      closeLabel: n.close,
+      trigger: /* @__PURE__ */ h(
+        de,
+        {
+          "data-color-picker-trigger": "true",
+          variant: "secondary",
+          disabled: o,
+          "aria-label": n.trigger,
+          className: "w-full min-w-0 justify-between px-2.5",
+          children: [
+            /* @__PURE__ */ h("span", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ r("span", { className: "size-5 shrink-0 rounded-full border border-border shadow-subtle", style: { backgroundColor: i }, "aria-hidden": !0 }),
+              /* @__PURE__ */ r("span", { className: "min-w-0 text-left text-caption text-graphite", children: n.trigger })
+            ] }),
+            /* @__PURE__ */ r("span", { className: "shrink-0 font-data text-data tabular-nums text-ink", children: i.toUpperCase() })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ h("div", { className: "grid min-w-0 gap-3 pt-5", children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: c,
+            role: "slider",
+            tabIndex: 0,
+            "aria-label": n.saturation,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": Math.round(s.s * s.v * 100),
+            className: "relative h-40 touch-none cursor-crosshair overflow-hidden rounded-control border border-border outline-none focus-visible:ring-2 focus-visible:ring-rust/35",
+            style: { backgroundImage: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${s.h} 100% 50%))` },
+            onPointerDown: (g) => {
+              g.currentTarget.setPointerCapture(g.pointerId), u(g);
+            },
+            onPointerMove: (g) => {
+              g.currentTarget.hasPointerCapture(g.pointerId) && u(g);
+            },
+            onKeyDown: (g) => {
+              const m = g.shiftKey ? 0.1 : 0.02;
+              if (g.key === "ArrowLeft") p({ ...s, s: s.s - m });
+              else if (g.key === "ArrowRight") p({ ...s, s: s.s + m });
+              else if (g.key === "ArrowUp") p({ ...s, v: s.v + m });
+              else if (g.key === "ArrowDown") p({ ...s, v: s.v - m });
+              else return;
+              g.preventDefault();
+            },
+            children: /* @__PURE__ */ r(
+              "span",
+              {
+                className: "pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-pure-white shadow-pop",
+                style: { left: `${s.s * 100}%`, top: `${(1 - s.v) * 100}%`, backgroundColor: i },
+                "aria-hidden": !0
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ h("label", { className: "grid gap-1.5", children: [
+          /* @__PURE__ */ r("span", { className: "font-product text-micro font-[600] text-graphite", children: n.hue }),
+          /* @__PURE__ */ r(
+            "input",
+            {
+              type: "range",
+              min: 0,
+              max: 359,
+              value: Math.round(s.h),
+              "aria-label": n.hue,
+              onChange: (g) => p({ ...s, h: Number(g.target.value) }),
+              className: "af-color-picker-hue h-3 w-full cursor-pointer appearance-none rounded-full outline-none focus-visible:ring-2 focus-visible:ring-rust/35"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ h("label", { className: "grid gap-1.5", children: [
+          /* @__PURE__ */ r("span", { className: "font-product text-micro font-[600] text-graphite", children: n.hex }),
+          /* @__PURE__ */ h("span", { className: "grid grid-cols-[auto_minmax(0,1fr)] items-center overflow-hidden rounded-control border border-border bg-pure-white has-[input:focus-visible]:border-rust has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-rust/20", children: [
+            /* @__PURE__ */ r("span", { className: "grid size-control-default place-items-center border-r border-divider text-graphite", "aria-hidden": !0, children: /* @__PURE__ */ r(kr, { size: 15 }) }),
+            /* @__PURE__ */ r(
+              ht,
+              {
+                value: l,
+                "aria-label": n.hex,
+                maxLength: 7,
+                spellCheck: !1,
+                onChange: (g) => d(g.target.value.startsWith("#") ? g.target.value : `#${g.target.value}`),
+                onBlur: y,
+                onKeyDown: (g) => {
+                  g.key === "Enter" && (y(), g.currentTarget.blur());
+                },
+                className: "border-0 bg-transparent font-data uppercase focus-visible:ring-0"
+              }
+            )
+          ] })
+        ] }),
+        a.length > 0 ? /* @__PURE__ */ h("div", { className: "grid gap-1.5", children: [
+          /* @__PURE__ */ r("span", { className: "font-product text-micro font-[600] text-graphite", children: n.presets }),
+          /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-2", role: "group", "aria-label": n.presets, children: a.map((g) => {
+            const m = g.toLowerCase() === i;
+            return /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                "aria-label": `${n.presets}: ${g}`,
+                "aria-pressed": m,
+                onClick: () => e(g.toLowerCase()),
+                className: "grid size-8 place-items-center rounded-full border-2 border-surface-raised outline-none ring-1 ring-border transition-transform hover:scale-110 focus-visible:ring-2 focus-visible:ring-rust aria-pressed:ring-2 aria-pressed:ring-ink",
+                style: { backgroundColor: g },
+                children: m ? /* @__PURE__ */ r(ve, { size: 14, className: "text-pure-white drop-shadow-sm", strokeWidth: 3, "aria-hidden": !0 }) : null
+              },
+              g
+            );
+          }) })
+        ] }) : null
+      ] })
+    }
+  );
+}
+function gn({ label: t, start: e, end: n, children: a, className: o }) {
+  const i = Et(a) ? Ot(a, {
+    className: v("min-w-0 flex-1 !rounded-none !border-0 !bg-transparent focus:!border-0 focus-visible:!ring-0", a.props.className)
+  }) : a;
+  return /* @__PURE__ */ h("div", { role: "group", "aria-label": t, "data-focus-shell": !0, className: v("flex min-w-0 items-center overflow-hidden rounded-control border border-border bg-pure-white has-[input:focus-visible]:border-rust/70 has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-rust/20", o), children: [
+    e && /* @__PURE__ */ r("span", { "data-slot": "input-start", className: "shrink-0 border-r border-divider px-2.5 font-product text-caption text-graphite", children: e }),
+    i,
+    n && /* @__PURE__ */ r("span", { "data-slot": "input-end", className: "shrink-0 border-l border-divider px-2.5 font-product text-caption text-graphite", children: n })
+  ] });
+}
+function Sa({
+  value: t,
+  onValueChange: e,
+  label: n,
+  length: a = 6,
+  disabled: o = !1,
+  invalid: i = !1,
+  inputMode: s = "numeric",
+  className: l
+}) {
+  const d = (c) => {
+    const p = c.target.value, u = s === "numeric" ? p.replace(/\D/g, "") : p;
+    e(u.slice(0, a));
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      "data-slot": "input-otp",
+      "data-focus-shell": !0,
+      "data-invalid": i || void 0,
+      className: v("group relative inline-flex max-w-full items-center gap-1.5 rounded-selection outline-none has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-rust/35", l),
+      children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "text",
+            value: t,
+            onChange: d,
+            maxLength: a,
+            inputMode: s,
+            autoComplete: "one-time-code",
+            "aria-label": n,
+            "aria-invalid": i || void 0,
+            disabled: o,
+            className: "absolute inset-0 z-10 size-full cursor-text opacity-0 outline-none disabled:cursor-not-allowed"
+          }
+        ),
+        Array.from({ length: a }, (c, p) => /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-hidden": !0,
+            "data-active": p === Math.min(t.length, a - 1) || void 0,
+            className: "grid size-control-default place-items-center rounded-control border border-border bg-pure-white font-mono text-body-sm tabular-nums text-ink data-[active=true]:border-rust data-[active=true]:bg-surface-muted group-data-[invalid=true]:border-danger",
+            children: t[p] ?? ""
+          },
+          p
+        ))
+      ]
+    }
+  );
+}
+function za({ label: t, options: e, onChange: n, className: a, ...o }) {
+  return /* @__PURE__ */ r(
+    "select",
+    {
+      "aria-label": t,
+      className: v("h-control-default min-w-0 rounded-control border border-border bg-pure-white px-3 font-product text-body-sm text-ink outline-none hover:border-graphite focus:border-rust/70 focus-visible:ring-2 focus-visible:ring-rust/20 disabled:bg-surface-muted disabled:text-graphite", a),
+      onChange: (i) => n(i.target.value),
+      ...o,
+      children: e.map((i) => /* @__PURE__ */ r("option", { value: i.value, disabled: i.disabled, children: i.label }, i.value))
+    }
+  );
+}
+function xn({ label: t, children: e, hint: n, error: a, required: o = !1, className: i = "" }) {
+  const s = Q(), l = e.props.id ?? s, d = n ? `${l}-hint` : void 0, c = a ? `${l}-error` : void 0, p = [e.props["aria-describedby"], d, c].filter(Boolean).join(" ") || void 0, u = Et(e) ? Ot(e, {
+    id: l,
+    "aria-describedby": p,
+    "aria-invalid": !!a || void 0
+  }) : e;
+  return /* @__PURE__ */ h("div", { className: `grid min-w-0 gap-1.5 font-sohne text-caption ${i}`, "data-slot": "field", children: [
+    /* @__PURE__ */ h("label", { htmlFor: l, className: "font-[500] text-graphite", children: [
+      t,
+      o && /* @__PURE__ */ r("span", { className: "ml-1 text-danger", "aria-hidden": !0, children: "*" })
+    ] }),
+    u,
+    n && /* @__PURE__ */ r("p", { id: d, className: "text-caption text-graphite", children: n }),
+    a && /* @__PURE__ */ r("p", { id: c, className: "text-caption text-danger", children: a })
+  ] });
+}
+function Ma({
+  value: t,
+  options: e,
+  onChange: n,
+  ariaLabel: a,
+  placeholder: o,
+  disabled: i = !1,
+  density: s = "default",
+  menuAlign: l = "start",
+  portaled: d = !1,
+  className: c
+}) {
+  const [p, u] = j(!1), [y, g] = j(-1), m = U(null), f = U(null), [b, w] = j(), x = Q(), C = ce(() => e.find((S) => S.value === t), [e, t]), T = !i && e.length > 0, k = (S, A) => {
+    var F;
+    for (let Y = 0; Y < e.length; Y += 1) {
+      const ue = (S + A * Y + e.length) % e.length;
+      if (!((F = e[ue]) != null && F.disabled)) return ue;
+    }
+    return -1;
+  }, L = () => {
+    if (!T) return;
+    const S = e.findIndex((A) => A.value === t && !A.disabled);
+    g(S >= 0 ? S : k(0, 1)), u(!0);
+  };
+  q(() => {
+    if (!p) return;
+    const S = (F) => {
+      var ue, Te;
+      const Y = F.target;
+      !((ue = m.current) != null && ue.contains(Y)) && !((Te = f.current) != null && Te.contains(Y)) && u(!1);
+    }, A = (F) => {
+      F.key === "Escape" && u(!1);
+    };
+    return document.addEventListener("mousedown", S, !0), document.addEventListener("keydown", A), () => {
+      document.removeEventListener("mousedown", S, !0), document.removeEventListener("keydown", A);
+    };
+  }, [p]), Ye(() => {
+    if (!p || !d) return;
+    const S = () => {
+      var E;
+      const A = (E = m.current) == null ? void 0 : E.getBoundingClientRect();
+      if (!A) return;
+      const F = 8, Y = Math.max(220, A.width), ue = l === "end" ? A.right - Y : A.left, Te = Math.max(F, Math.min(ue, window.innerWidth - Y - F)), I = window.innerHeight - A.bottom - F - 6, R = I < 160 && A.top > I;
+      w({
+        position: "fixed",
+        left: Te,
+        top: R ? void 0 : A.bottom + 6,
+        bottom: R ? window.innerHeight - A.top + 6 : void 0,
+        width: Y,
+        maxHeight: Math.max(96, Math.min(256, R ? A.top - 14 : I))
+      });
+    };
+    return S(), window.addEventListener("resize", S), window.addEventListener("scroll", S, !0), () => {
+      window.removeEventListener("resize", S), window.removeEventListener("scroll", S, !0);
+    };
+  }, [l, p, d]), q(() => {
+    i && u(!1);
+  }, [i]), q(() => {
+    if (!p || y < 0) return;
+    const S = f.current, A = S == null ? void 0 : S.children.item(y);
+    if (!S || !A) return;
+    const F = A.offsetTop, Y = F + A.offsetHeight;
+    F < S.scrollTop ? S.scrollTop = F : Y > S.scrollTop + S.clientHeight && (S.scrollTop = Y - S.clientHeight);
+  }, [y, x, p]);
+  const O = (S) => {
+    const A = e[S];
+    !A || A.disabled || (n(A.value), u(!1));
+  }, N = (S) => {
+    g((A) => k(A < 0 ? S === 1 ? -1 : 0 : A + S, S));
+  }, M = (S) => {
+    if (T) {
+      if (!p) {
+        (S.key === "ArrowDown" || S.key === "ArrowUp" || S.key === "Enter" || S.key === " ") && (S.preventDefault(), L());
+        return;
+      }
+      D(S);
+    }
+  }, D = (S) => {
+    switch (S.key) {
+      case "ArrowDown":
+        S.preventDefault(), N(1);
+        break;
+      case "ArrowUp":
+        S.preventDefault(), N(-1);
+        break;
+      case "Home":
+        S.preventDefault(), g(k(0, 1));
+        break;
+      case "End":
+        S.preventDefault(), g(k(e.length - 1, -1));
+        break;
+      case "Enter":
+      case " ":
+        S.preventDefault(), y >= 0 && O(y);
+        break;
+    }
+  }, P = p && y >= 0 ? `${x}-opt-${y}` : void 0, z = /* @__PURE__ */ r(Ze, { children: p && /* @__PURE__ */ r(
+    Me.div,
+    {
+      ref: f,
+      id: x,
+      initial: { opacity: 0, y: -4, scale: 0.98 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      exit: { opacity: 0, y: -4, scale: 0.98 },
+      transition: xe.fade,
+      style: d ? b : void 0,
+      className: v(
+        "z-[100] max-h-64 w-full min-w-[220px] overflow-y-auto rounded-panel border border-border bg-surface-raised p-1 shadow-pop",
+        d ? "fixed" : "absolute top-[calc(100%+6px)]",
+        !d && (l === "end" ? "right-0" : "left-0")
+      ),
+      role: "listbox",
+      "aria-label": a,
+      children: e.map((S, A) => {
+        const F = S.value === t, Y = A === y;
+        return /* @__PURE__ */ h(
+          "button",
+          {
+            id: `${x}-opt-${A}`,
+            type: "button",
+            role: "option",
+            "aria-selected": F,
+            disabled: S.disabled,
+            tabIndex: -1,
+            onMouseEnter: () => !S.disabled && g(A),
+            onClick: () => {
+              S.disabled || O(A);
+            },
+            className: v(
+              "flex min-h-row-default w-full min-w-0 items-center gap-2 rounded-control px-2.5 py-1.5 text-left font-sohne text-body-sm transition-colors disabled:cursor-not-allowed disabled:opacity-45",
+              F ? "bg-surface-muted font-[500] text-ink" : "text-graphite hover:bg-surface-hover hover:text-ink",
+              Y && !F && "bg-surface-hover text-ink"
+            ),
+            children: [
+              S.leading,
+              /* @__PURE__ */ h("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ r("span", { className: "block truncate", children: S.label }),
+                S.meta && /* @__PURE__ */ r("span", { className: "mt-0.5 block truncate text-caption font-[450] text-graphite", children: S.meta })
+              ] }),
+              F && /* @__PURE__ */ r(ve, { size: 14, className: "shrink-0 text-ink" })
+            ]
+          },
+          S.value
+        );
+      })
+    }
+  ) });
+  return /* @__PURE__ */ h("div", { ref: m, className: v("relative min-w-0", c), children: [
+    /* @__PURE__ */ h(
+      "button",
+      {
+        type: "button",
+        "aria-label": a,
+        "aria-haspopup": "listbox",
+        "aria-expanded": p,
+        "aria-controls": p ? x : void 0,
+        "aria-activedescendant": P,
+        disabled: !T,
+        "data-density": s,
+        onClick: () => p ? u(!1) : L(),
+        onKeyDown: M,
+        className: v(
+          "flex w-full min-w-0 items-center gap-2 rounded-control border border-border bg-pure-white font-sohne font-[500] leading-none text-ink outline-none transition hover:border-graphite hover:bg-surface-hover disabled:cursor-not-allowed disabled:text-graphite focus-visible:ring-2 focus-visible:ring-rust/35",
+          s === "compact" ? "h-control-compact px-2 text-caption" : "h-control-default px-3 text-body-sm"
+        ),
+        children: [
+          C == null ? void 0 : C.leading,
+          /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate text-left", children: (C == null ? void 0 : C.label) ?? o }),
+          /* @__PURE__ */ r(
+            Ve,
+            {
+              size: 12,
+              className: v("shrink-0 text-ink transition-transform", p && "rotate-180")
+            }
+          )
+        ]
+      }
+    ),
+    d && typeof document < "u" ? ze(z, document.body) : z
+  ] });
+}
+function we({
+  value: t,
+  options: e,
+  onChange: n,
+  ariaLabel: a,
+  density: o = "default",
+  semantics: i = "selection",
+  className: s
+}) {
+  const l = o === "compact" ? "min-h-control-compact py-1 text-caption" : o === "touch" ? "min-h-control-touch py-1.5 text-body" : "min-h-control-default py-1 text-body-sm";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: i === "tabs" ? "tablist" : "group",
+      "aria-label": a,
+      "data-density": o,
+      className: v("inline-flex min-w-0 items-center rounded-selection bg-surface-muted p-0.5", s),
+      children: e.map((d) => {
+        const c = d.value === t;
+        return /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            role: i === "tabs" ? "tab" : void 0,
+            "aria-selected": i === "tabs" ? c : void 0,
+            "aria-pressed": i === "selection" ? c : void 0,
+            disabled: d.disabled,
+            onClick: () => n(d.value),
+            className: v(
+              "min-w-0 flex-1 rounded-control px-3 font-sohne font-[500] outline-none transition-[background-color,color,box-shadow,transform] duration-150 active:scale-[0.98] focus-visible:ring-2 focus-visible:ring-rust/35 disabled:pointer-events-none disabled:opacity-45",
+              l,
+              c ? "bg-surface-raised text-ink shadow-subtle" : "text-graphite hover:text-ink"
+            ),
+            children: /* @__PURE__ */ r("span", { className: "flex min-w-0 items-center justify-center whitespace-normal break-words text-center", children: d.label })
+          },
+          d.value
+        );
+      })
+    }
+  );
+}
+function st({
+  value: t,
+  min: e = 0,
+  max: n = 100,
+  step: a = 1,
+  density: o = "default",
+  onChange: i,
+  onCommit: s,
+  disabled: l = !1,
+  ariaLabel: d,
+  formatValue: c,
+  marks: p = [],
+  variant: u = "plain",
+  className: y,
+  testId: g
+}) {
+  const m = U(null), [f, b] = j(!1), w = Se(
+    (k) => {
+      const L = Math.round((k - e) / a) * a + e, O = (a.toString().split(".")[1] ?? "").length;
+      return parseFloat(Math.min(n, Math.max(e, L)).toFixed(O));
+    },
+    [e, n, a]
+  ), x = u === "boxed" ? 8 : u === "allocation" ? 2 : 0, C = Se(
+    (k) => {
+      const L = m.current;
+      if (!L) return t;
+      const { left: O, width: N } = L.getBoundingClientRect(), M = Math.max(1, N - x * 2), D = Math.min(1, Math.max(0, (k - O - x) / M));
+      return w(e + (n - e) * D);
+    },
+    [x, e, n, w, t]
+  ), T = Math.min(100, Math.max(0, (t - e) / (n - e) * 100));
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: m,
+      role: "slider",
+      "aria-disabled": l || void 0,
+      "aria-valuemin": e,
+      "aria-valuemax": n,
+      "aria-valuenow": t,
+      "aria-valuetext": c == null ? void 0 : c(t),
+      "aria-label": d,
+      "data-density": o,
+      "data-variant": u,
+      tabIndex: l ? -1 : 0,
+      "data-testid": g,
+      onPointerDown: (k) => {
+        l || (k.currentTarget.setPointerCapture(k.pointerId), b(!0), i(C(k.clientX)));
+      },
+      onPointerMove: (k) => {
+        l || !f || i(C(k.clientX));
+      },
+      onPointerUp: (k) => {
+        k.currentTarget.hasPointerCapture(k.pointerId) && k.currentTarget.releasePointerCapture(k.pointerId), !(!f || l) && (b(!1), s == null || s(C(k.clientX)));
+      },
+      onPointerCancel: () => b(!1),
+      onKeyDown: (k) => {
+        l || ((k.key === "ArrowLeft" || k.key === "ArrowDown") && i(w(t - a)), (k.key === "ArrowRight" || k.key === "ArrowUp") && i(w(t + a)), k.key === "Home" && i(e), k.key === "End" && i(n), k.key === "PageDown" && i(w(t - a * 10)), k.key === "PageUp" && i(w(t + a * 10)));
+      },
+      onKeyUp: (k) => {
+        !l && ["ArrowLeft", "ArrowDown", "ArrowRight", "ArrowUp", "Home", "End", "PageDown", "PageUp"].includes(k.key) && (s == null || s(t));
+      },
+      onBlur: () => {
+        l || s == null || s(t);
+      },
+      className: v(
+        "group relative w-full shrink-0 touch-none cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-rust/35 focus-visible:ring-offset-2 focus-visible:ring-offset-surface-canvas",
+        l && "cursor-not-allowed opacity-50",
+        u === "boxed" || u === "allocation" ? "h-control-default overflow-hidden rounded-control border border-border bg-surface-raised" : o === "compact" ? "h-6" : "h-control-touch",
+        y
+      ),
+      children: /* @__PURE__ */ h("div", { className: "absolute inset-y-0", style: { left: x, right: x }, children: [
+        u === "allocation" ? /* @__PURE__ */ h(fe, { children: [
+          /* @__PURE__ */ r("div", { "data-slot": "allocation-track", className: "absolute inset-y-0 w-full bg-surface-raised" }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              "data-slot": "allocation-fill",
+              "data-risk": T >= 75 ? "high" : T >= 50 ? "medium" : "low",
+              className: "absolute inset-y-0 left-0 bg-rust/30",
+              style: { width: `${T}%` }
+            }
+          )
+        ] }) : /* @__PURE__ */ r("div", { "data-slot": "slider-track", className: "absolute top-1/2 h-slider-track w-full -translate-y-1/2 rounded-full bg-dove/40" }),
+        p.map((k) => {
+          const L = Math.min(100, Math.max(0, (k - e) / (n - e) * 100));
+          return /* @__PURE__ */ r("span", { "data-slider-mark": !0, "aria-hidden": !0, className: v("pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2", u === "allocation" ? "h-3 w-px rounded-full bg-graphite/70 shadow-[0_0_0_1px_var(--color-surface-canvas)]" : "size-1 rounded-full bg-graphite/70 ring-1 ring-surface-canvas"), style: { left: `${L}%` } }, k);
+        }),
+        u !== "allocation" && /* @__PURE__ */ r("div", { "data-slot": "slider-range", className: "absolute top-1/2 h-slider-track -translate-y-1/2 rounded-full bg-rust", style: { width: `${T}%` } }),
+        u === "allocation" ? /* @__PURE__ */ r(
+          "div",
+          {
+            "data-slot": "allocation-thumb",
+            className: v("absolute top-1/2 z-10 h-6 w-1 -translate-x-1/2 -translate-y-1/2 rounded-full border border-on-accent/70 bg-rust shadow-subtle transition-transform", f && "scale-y-110"),
+            style: { left: `${T}%` }
+          }
+        ) : /* @__PURE__ */ r("div", { "data-slot": "slider-thumb", className: ["absolute top-1/2 z-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-rust ring-2 ring-pure-white shadow-subtle transition-transform", o === "compact" ? "size-slider-thumb-compact" : "size-slider-thumb-default", f ? "scale-110" : "group-hover:scale-110 group-focus:scale-110"].join(" "), style: { left: `${T}%` } })
+      ] })
+    }
+  );
+}
+function Ta(t) {
+  return /* @__PURE__ */ r(st, { ...t, density: "compact", variant: "allocation" });
+}
+function Da({
+  value: t,
+  min: e = 0,
+  max: n = 100,
+  step: a = 1,
+  density: o = "default",
+  onChange: i,
+  onCommit: s,
+  lowerLabel: l,
+  upperLabel: d,
+  formatValue: c
+}) {
+  return /* @__PURE__ */ h(
+    $e.Root,
+    {
+      value: t,
+      min: e,
+      max: n,
+      step: a,
+      minStepsBetweenThumbs: 1,
+      "data-density": o,
+      "data-focus-shell": !0,
+      onValueChange: (p) => i([p[0], p[1]]),
+      onValueCommit: (p) => s == null ? void 0 : s([p[0], p[1]]),
+      className: `relative flex w-full touch-none select-none items-center outline-none has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-rust/35 ${o === "compact" ? "h-6" : "h-control-touch"}`,
+      children: [
+        /* @__PURE__ */ r($e.Track, { "data-slot": "slider-track", className: "relative h-slider-track w-full grow overflow-hidden rounded-full bg-dove/40", children: /* @__PURE__ */ r($e.Range, { "data-slot": "slider-range", className: "absolute h-full bg-rust" }) }),
+        /* @__PURE__ */ r(
+          $e.Thumb,
+          {
+            "data-slot": "slider-thumb-lower",
+            "aria-label": l,
+            "aria-valuetext": c == null ? void 0 : c(t[0]),
+            className: `block rounded-full bg-rust ring-2 ring-pure-white shadow-subtle outline-none focus-visible:ring-rust ${o === "compact" ? "size-slider-thumb-compact" : "size-slider-thumb-default"}`
+          }
+        ),
+        /* @__PURE__ */ r(
+          $e.Thumb,
+          {
+            "data-slot": "slider-thumb-upper",
+            "aria-label": d,
+            "aria-valuetext": c == null ? void 0 : c(t[1]),
+            className: `block rounded-full bg-rust ring-2 ring-pure-white shadow-subtle outline-none focus-visible:ring-rust ${o === "compact" ? "size-slider-thumb-compact" : "size-slider-thumb-default"}`
+          }
+        )
+      ]
+    }
+  );
+}
+function Ia({
+  value: t,
+  options: e,
+  onValueChange: n,
+  label: a,
+  valueLabel: o
+}) {
+  const i = Q(), s = e.filter((l) => t.includes(l.value));
+  return /* @__PURE__ */ h(ne.Root, { children: [
+    /* @__PURE__ */ r(ne.Trigger, { asChild: !0, children: /* @__PURE__ */ h(de, { variant: "secondary", "aria-label": a, className: "max-w-full", children: [
+      /* @__PURE__ */ r("span", { className: "truncate", children: o(s) }),
+      /* @__PURE__ */ r(Ve, { size: 14, className: "shrink-0", "aria-hidden": !0 })
+    ] }) }),
+    /* @__PURE__ */ r(ne.Portal, { children: /* @__PURE__ */ h(
+      ne.Content,
+      {
+        "aria-labelledby": i,
+        sideOffset: 4,
+        collisionPadding: 8,
+        className: "z-50 min-w-48 rounded-panel border border-border bg-surface-raised p-1 font-product text-body-sm text-ink shadow-pop outline-none",
+        children: [
+          /* @__PURE__ */ r("span", { id: i, className: "sr-only", children: a }),
+          e.map((l) => {
+            const d = t.includes(l.value);
+            return /* @__PURE__ */ h(
+              ne.CheckboxItem,
+              {
+                checked: d,
+                disabled: l.disabled,
+                onCheckedChange: (c) => n(c ? [...t, l.value] : t.filter((p) => p !== l.value)),
+                onSelect: (c) => c.preventDefault(),
+                className: "group flex min-h-row-default cursor-default select-none items-center gap-2 rounded-control px-3 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-surface-hover",
+                children: [
+                  /* @__PURE__ */ r("span", { className: "inline-flex size-4 shrink-0 items-center justify-center rounded-indicator border border-border group-data-[state=checked]:border-rust group-data-[state=checked]:bg-rust group-data-[state=checked]:text-on-accent", children: /* @__PURE__ */ r(ne.ItemIndicator, { children: /* @__PURE__ */ r(ve, { size: 12, strokeWidth: 3, "aria-hidden": !0 }) }) }),
+                  /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate", children: l.label }),
+                  l.meta
+                ]
+              },
+              l.value
+            );
+          })
+        ]
+      }
+    ) })
+  ] });
+}
+function Ra({ label: t, checked: e, onCheckedChange: n, disabled: a = !1, className: o }) {
+  return /* @__PURE__ */ h("label", { className: v("inline-flex min-h-control-default items-center gap-2 font-sohne text-body-sm text-ink", o), children: [
+    /* @__PURE__ */ r(
+      bt.Root,
+      {
+        checked: e,
+        onCheckedChange: (i) => n(i === !0),
+        disabled: a,
+        className: "inline-flex size-4 shrink-0 items-center justify-center rounded-indicator border border-border bg-surface-raised text-on-accent outline-none transition-colors hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-rust disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-rust data-[state=checked]:bg-rust",
+        children: /* @__PURE__ */ r(bt.Indicator, { children: /* @__PURE__ */ r(ve, { size: 12, strokeWidth: 3, "aria-hidden": !0 }) })
+      }
+    ),
+    /* @__PURE__ */ r("span", { children: t })
+  ] });
+}
+function vn({
+  label: t,
+  checked: e,
+  onCheckedChange: n,
+  disabled: a = !1,
+  labelPosition: o = "end",
+  hideLabel: i = !1,
+  className: s,
+  labelClassName: l
+}) {
+  const d = /* @__PURE__ */ r("span", { className: v(i && "sr-only", l), children: t });
+  return /* @__PURE__ */ h("label", { className: v("inline-flex min-h-control-default items-center gap-2 font-sohne text-body-sm text-ink", s), children: [
+    o === "start" && d,
+    /* @__PURE__ */ r(
+      gt.Root,
+      {
+        checked: e,
+        onCheckedChange: n,
+        disabled: a,
+        className: "relative h-5 w-9 shrink-0 rounded-full border border-border bg-surface-hover outline-none transition-colors focus-visible:ring-2 focus-visible:ring-rust disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-rust",
+        children: /* @__PURE__ */ r(gt.Thumb, { className: "block size-4 translate-x-0.5 rounded-full bg-surface-raised shadow-subtle transition-transform data-[state=checked]:translate-x-4" })
+      }
+    ),
+    o === "end" && d
+  ] });
+}
+function Pa({
+  label: t,
+  value: e,
+  options: n,
+  onValueChange: a,
+  appearance: o = "control",
+  className: i,
+  optionClassName: s
+}) {
+  return /* @__PURE__ */ r(
+    _e.Root,
+    {
+      "aria-label": t,
+      value: e,
+      onValueChange: (l) => a(l),
+      className: v(o === "card" ? "grid min-w-0 gap-2" : "flex min-w-0 flex-wrap items-center gap-3", i),
+      children: n.map((l) => o === "card" ? /* @__PURE__ */ r(
+        _e.Item,
+        {
+          value: l.value,
+          disabled: l.disabled,
+          className: v(
+            "min-w-0 rounded-panel border border-border bg-surface-card p-2 text-left text-ink outline-none transition-colors hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-rust data-[state=checked]:border-rust data-[state=checked]:ring-1 data-[state=checked]:ring-rust",
+            s
+          ),
+          children: l.label
+        },
+        l.value
+      ) : /* @__PURE__ */ h("label", { className: "inline-flex min-h-control-default items-center gap-2 font-sohne text-body-sm text-ink", children: [
+        /* @__PURE__ */ r(
+          _e.Item,
+          {
+            value: l.value,
+            disabled: l.disabled,
+            onFocus: () => {
+              l.value !== e && a(l.value);
+            },
+            className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full border border-border bg-surface-raised outline-none transition-colors hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-rust disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-rust",
+            children: /* @__PURE__ */ r(_e.Indicator, { className: "size-2 rounded-full bg-rust" })
+          }
+        ),
+        /* @__PURE__ */ r("span", { children: l.label })
+      ] }, l.value))
+    }
+  );
+}
+function La({ label: t, value: e, options: n, onValueChange: a }) {
+  return /* @__PURE__ */ r(
+    xt.Root,
+    {
+      type: "multiple",
+      "aria-label": t,
+      value: e,
+      onValueChange: (o) => a(o),
+      className: "inline-flex items-center gap-1 rounded-panel border border-border bg-surface-fog p-1",
+      children: n.map((o) => /* @__PURE__ */ r(
+        xt.Item,
+        {
+          value: o.value,
+          "aria-label": o.label,
+          className: "inline-flex size-control-compact items-center justify-center rounded-control text-graphite outline-none transition-colors hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust data-[state=on]:bg-surface-raised data-[state=on]:text-ink",
+          children: o.label
+        },
+        o.value
+      ))
+    }
+  );
+}
+function Aa({ label: t, children: e, className: n = "", variant: a = "framed", density: o = "default" }) {
+  return /* @__PURE__ */ r(
+    Be.Root,
+    {
+      "aria-label": t,
+      "data-variant": a,
+      "data-density": o,
+      className: `inline-flex items-center gap-1 ${o === "compact" ? "h-control-compact" : "h-control-default"} ${a === "framed" ? "rounded-panel border border-border bg-surface-fog p-1" : "bg-transparent"} ${n}`,
+      loop: !0,
+      children: e
+    }
+  );
+}
+function $a(t) {
+  return /* @__PURE__ */ r(
+    Be.Button,
+    {
+      ...t,
+      className: `inline-flex size-control-compact items-center justify-center rounded-control text-graphite outline-none transition-colors hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust disabled:opacity-50 ${t.className ?? ""}`
+    }
+  );
+}
+function Ea({ children: t }) {
+  return /* @__PURE__ */ r(Be.ToggleGroup, { type: "multiple", children: t });
+}
+function Oa(t) {
+  return /* @__PURE__ */ r(
+    Be.ToggleItem,
+    {
+      ...t,
+      className: `inline-flex size-control-compact items-center justify-center rounded-control text-graphite outline-none transition-colors hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust data-[state=on]:bg-surface-raised data-[state=on]:text-ink ${t.className ?? ""}`
+    }
+  );
+}
+function Ha(t) {
+  return /* @__PURE__ */ r(Be.Separator, { ...t, className: `mx-1 h-4 w-px bg-divider ${t.className ?? ""}` });
+}
+function Ua({ label: t, className: e, children: n, ...a }) {
+  return /* @__PURE__ */ r("div", { role: "listbox", "aria-label": t, className: v("min-w-0", e), ...a, children: n });
+}
+function ja({
+  selected: t,
+  disabled: e = !1,
+  asChild: n = !1,
+  className: a,
+  children: o,
+  ...i
+}) {
+  const s = n ? Pe.Root : "div";
+  return /* @__PURE__ */ r(
+    s,
+    {
+      role: "option",
+      "aria-selected": t,
+      "aria-disabled": e || void 0,
+      "data-selected": t ? "true" : "false",
+      "data-disabled": e ? "true" : void 0,
+      className: a,
+      ...i,
+      children: o
+    }
+  );
+}
+function Ba({
+  value: t,
+  title: e,
+  children: n
+}) {
+  return /* @__PURE__ */ r(Ee.Root, { type: "single", collapsible: !0, className: "overflow-hidden rounded-panel border border-border bg-surface-fog", children: /* @__PURE__ */ h(Ee.Item, { value: t, children: [
+    /* @__PURE__ */ r(Ee.Header, { children: /* @__PURE__ */ h(Ee.Trigger, { className: "group flex h-row-default w-full items-center justify-between gap-3 px-3 font-sohne text-body-sm font-[500] text-ink outline-none transition-colors hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-rust", children: [
+      /* @__PURE__ */ r("span", { children: e }),
+      /* @__PURE__ */ r(Ve, { size: 14, className: "shrink-0 text-graphite transition-transform group-data-[state=open]:rotate-180", "aria-hidden": !0 })
+    ] }) }),
+    /* @__PURE__ */ r(Ee.Content, { className: "border-t border-divider px-3 py-2 font-sohne text-caption text-graphite", children: n })
+  ] }) });
+}
+function Ka({ title: t, children: e }) {
+  return /* @__PURE__ */ h(tt.Root, { className: "overflow-hidden rounded-panel border border-border bg-surface-fog", children: [
+    /* @__PURE__ */ h(tt.Trigger, { className: "group flex h-row-default w-full items-center justify-between gap-3 px-3 font-sohne text-body-sm font-[500] text-ink outline-none transition-colors hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-rust", children: [
+      /* @__PURE__ */ r("span", { children: t }),
+      /* @__PURE__ */ r(Ve, { size: 14, className: "shrink-0 text-graphite transition-transform group-data-[state=open]:rotate-180", "aria-hidden": !0 })
+    ] }),
+    /* @__PURE__ */ r(tt.Content, { className: "border-t border-divider px-3 py-2 font-sohne text-caption text-graphite", children: e })
+  ] });
+}
+function _a({ value: t, label: e }) {
+  const n = Math.min(100, Math.max(0, t));
+  return /* @__PURE__ */ r(
+    vt.Root,
+    {
+      value: n,
+      "aria-label": e,
+      className: "relative h-1 w-full overflow-hidden rounded-full bg-surface-hover",
+      children: /* @__PURE__ */ r(
+        vt.Indicator,
+        {
+          className: "h-full w-full origin-left bg-rust transition-transform",
+          style: { transform: `translateX(-${100 - n}%)` }
+        }
+      )
+    }
+  );
+}
+function Fa({
+  value: t,
+  options: e,
+  onValueChange: n,
+  label: a,
+  resultsLabel: o,
+  placeholder: i,
+  emptyText: s,
+  disabled: l = !1,
+  className: d
+}) {
+  const c = U(null), p = Q(), u = e.find((N) => N.value === t), [y, g] = j((u == null ? void 0 : u.label) ?? ""), [m, f] = j(!1), [b, w] = j(0);
+  q(() => {
+    m || g((u == null ? void 0 : u.label) ?? "");
+  }, [m, u == null ? void 0 : u.label]);
+  const x = ce(() => {
+    const N = y.trim().toLocaleLowerCase();
+    return !N || N === (u == null ? void 0 : u.label.toLocaleLowerCase()) ? [...e] : e.filter(
+      (M) => `${M.label} ${M.meta ?? ""}`.toLocaleLowerCase().includes(N)
+    );
+  }, [e, y, u == null ? void 0 : u.label]), C = (N, M) => {
+    var D;
+    for (let P = 0; P < x.length; P += 1) {
+      const z = (N + P * M + x.length) % x.length;
+      if (!((D = x[z]) != null && D.disabled)) return z;
+    }
+    return -1;
+  }, T = (N) => {
+    const M = x[N];
+    !M || M.disabled || (n(M.value), g(M.label), f(!1), requestAnimationFrame(() => {
+      var D;
+      return (D = c.current) == null ? void 0 : D.focus();
+    }));
+  }, k = (N) => {
+    w((M) => {
+      const D = x.length ? (M + N + x.length) % x.length : 0;
+      return C(D, N);
+    });
+  }, L = (N) => {
+    l || (N.key === "ArrowDown" || N.key === "ArrowUp" ? (N.preventDefault(), m ? k(N.key === "ArrowDown" ? 1 : -1) : (f(!0), w(C(N.key === "ArrowDown" ? 0 : x.length - 1, N.key === "ArrowDown" ? 1 : -1)))) : N.key === "Enter" && m ? (N.preventDefault(), T(b)) : N.key === "Escape" && m ? (N.preventDefault(), f(!1), g((u == null ? void 0 : u.label) ?? "")) : N.key === "Home" && m ? (N.preventDefault(), w(C(0, 1))) : N.key === "End" && m && (N.preventDefault(), w(C(x.length - 1, -1))));
+  }, O = m && b >= 0 ? `${p}-option-${b}` : void 0;
+  return /* @__PURE__ */ h(ae.Root, { open: m, onOpenChange: f, children: [
+    /* @__PURE__ */ r(ae.Trigger, { asChild: !0, children: /* @__PURE__ */ h("div", { className: v("relative min-w-0", d), children: [
+      /* @__PURE__ */ r(ut, { size: 14, className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-graphite", "aria-hidden": !0 }),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: c,
+          role: "combobox",
+          "aria-label": a,
+          "aria-controls": p,
+          "aria-expanded": m,
+          "aria-autocomplete": "list",
+          "aria-activedescendant": O,
+          autoComplete: "off",
+          disabled: l,
+          placeholder: i,
+          value: y,
+          onFocus: () => {
+            l || f(!0);
+          },
+          onChange: (N) => {
+            g(N.target.value), w(0), f(!0);
+          },
+          onKeyDown: L,
+          className: "h-control-default w-full rounded-control border border-border bg-surface-raised pl-9 pr-3 font-product text-body-sm text-ink outline-none placeholder:text-graphite focus:border-rust focus-visible:ring-2 focus-visible:ring-rust/20 disabled:cursor-not-allowed disabled:opacity-50"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ r(ae.Portal, { children: /* @__PURE__ */ h(
+      ae.Content,
+      {
+        role: "listbox",
+        id: p,
+        "aria-label": o,
+        sideOffset: 4,
+        align: "start",
+        collisionPadding: 8,
+        onOpenAutoFocus: (N) => {
+          var M;
+          N.preventDefault(), (M = c.current) == null || M.focus();
+        },
+        onCloseAutoFocus: (N) => {
+          var M;
+          N.preventDefault(), (M = c.current) == null || M.focus();
+        },
+        className: "af-popup-bound z-50 max-h-command-results w-overlay-sm overflow-y-auto rounded-panel border border-border bg-surface-raised p-1 font-product text-body-sm text-ink shadow-pop outline-none",
+        children: [
+          x.length === 0 && /* @__PURE__ */ r("div", { className: "px-3 py-2 text-caption text-graphite", children: s }),
+          x.map((N, M) => {
+            const D = M === b, P = N.value === t;
+            return /* @__PURE__ */ h(
+              "div",
+              {
+                id: `${p}-option-${M}`,
+                role: "option",
+                "aria-selected": P,
+                "aria-disabled": N.disabled || void 0,
+                "data-active": D || void 0,
+                onPointerMove: () => {
+                  N.disabled || w(M);
+                },
+                onPointerDown: (z) => z.preventDefault(),
+                onClick: () => T(M),
+                className: "flex min-h-row-default cursor-default items-center gap-2 rounded-control px-3 outline-none data-[active]:bg-surface-hover aria-disabled:pointer-events-none aria-disabled:opacity-50",
+                children: [
+                  /* @__PURE__ */ h("span", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ r("span", { className: "block truncate", children: N.label }),
+                    N.meta && /* @__PURE__ */ r("span", { className: "block truncate text-caption text-graphite", children: N.meta })
+                  ] }),
+                  P && /* @__PURE__ */ r(ve, { size: 14, className: "shrink-0 text-rust", "aria-hidden": !0 })
+                ]
+              },
+              N.value
+            );
+          })
+        ]
+      }
+    ) })
+  ] });
+}
+function Wa({
+  label: t,
+  columns: e,
+  rows: n,
+  rowKey: a,
+  emptyText: o
+}) {
+  const [i, s] = j(null), l = U(null), [d, c] = j(() => e.map(() => 100 / e.length)), p = ce(() => {
+    if (!i) return [...n];
+    const m = e.find((b) => b.id === i.id);
+    if (!(m != null && m.sortValue)) return [...n];
+    const f = i.direction === "ascending" ? 1 : -1;
+    return [...n].sort((b, w) => {
+      var T, k;
+      const x = ((T = m.sortValue) == null ? void 0 : T.call(m, b)) ?? "", C = ((k = m.sortValue) == null ? void 0 : k.call(m, w)) ?? "";
+      return (typeof x == "number" && typeof C == "number" ? x - C : String(x).localeCompare(String(C))) * f;
+    });
+  }, [e, n, i]), u = (m, f) => {
+    m >= d.length - 1 || c((b) => {
+      const w = [...b], x = b[m] + b[m + 1], C = Math.min(x - 10, Math.max(10, b[m] + f));
+      return w[m] = C, w[m + 1] = x - C, w;
+    });
+  }, y = (m, f) => {
+    m.key === "ArrowLeft" ? (m.preventDefault(), u(f, -5)) : m.key === "ArrowRight" && (m.preventDefault(), u(f, 5));
+  }, g = (m, f) => {
+    var O;
+    if (m.button !== 0) return;
+    m.preventDefault();
+    const b = m.currentTarget, w = m.clientX, x = ((O = l.current) == null ? void 0 : O.getBoundingClientRect().width) ?? 1, C = d[f], T = d[f] + d[f + 1];
+    b.setPointerCapture(m.pointerId);
+    const k = (N) => {
+      const M = Math.min(
+        T - 10,
+        Math.max(10, C + (N.clientX - w) / x * 100)
+      );
+      c((D) => {
+        const P = [...D];
+        return P[f] = M, P[f + 1] = T - M, P;
+      });
+    }, L = (N) => {
+      b.hasPointerCapture(N.pointerId) && b.releasePointerCapture(N.pointerId), b.removeEventListener("pointermove", k), b.removeEventListener("pointerup", L), b.removeEventListener("pointercancel", L);
+    };
+    b.addEventListener("pointermove", k), b.addEventListener("pointerup", L), b.addEventListener("pointercancel", L);
+  };
+  return /* @__PURE__ */ r("div", { className: "min-w-0 overflow-x-auto rounded-panel border border-border", children: /* @__PURE__ */ h("table", { ref: l, "aria-label": t, className: "w-full min-w-xl border-collapse table-fixed", children: [
+    /* @__PURE__ */ r("colgroup", { children: e.map((m, f) => /* @__PURE__ */ r("col", { style: { width: `${d[f]}%` } }, m.id)) }),
+    /* @__PURE__ */ r("thead", { className: "bg-surface-muted font-product text-micro uppercase text-graphite", children: /* @__PURE__ */ r("tr", { className: "h-row-compact", children: e.map((m, f) => {
+      const b = (i == null ? void 0 : i.id) === m.id ? i.direction : void 0;
+      return /* @__PURE__ */ h(
+        "th",
+        {
+          scope: "col",
+          "aria-sort": b ?? (m.sortValue ? "none" : void 0),
+          className: v("relative px-3 font-[500]", m.align === "right" ? "text-right" : "text-left"),
+          children: [
+            m.sortValue ? /* @__PURE__ */ h(
+              "button",
+              {
+                type: "button",
+                onClick: () => s((w) => ({
+                  id: m.id,
+                  direction: (w == null ? void 0 : w.id) === m.id && w.direction === "ascending" ? "descending" : "ascending"
+                })),
+                className: v(
+                  "inline-flex h-control-compact max-w-full items-center gap-1 rounded-control outline-none hover:text-ink focus-visible:ring-2 focus-visible:ring-rust",
+                  m.align === "right" && "ml-auto"
+                ),
+                children: [
+                  /* @__PURE__ */ r("span", { className: "truncate", children: m.header }),
+                  b === "ascending" ? /* @__PURE__ */ r(Nr, { size: 12, "aria-hidden": !0 }) : b === "descending" ? /* @__PURE__ */ r(Cr, { size: 12, "aria-hidden": !0 }) : /* @__PURE__ */ r(Sr, { size: 12, "aria-hidden": !0 })
+                ]
+              }
+            ) : m.header,
+            m.resizeLabel && f < e.length - 1 && /* @__PURE__ */ r(
+              "span",
+              {
+                role: "separator",
+                tabIndex: 0,
+                "aria-label": m.resizeLabel,
+                "aria-orientation": "vertical",
+                "aria-valuemin": 10,
+                "aria-valuemax": Math.round(d[f] + d[f + 1] - 10),
+                "aria-valuenow": Math.round(d[f]),
+                onKeyDown: (w) => y(w, f),
+                onPointerDown: (w) => g(w, f),
+                className: "absolute inset-y-0 right-0 z-10 w-1 cursor-col-resize touch-none bg-transparent outline-none hover:bg-rust focus-visible:bg-rust"
+              }
+            )
+          ]
+        },
+        m.id
+      );
+    }) }) }),
+    /* @__PURE__ */ h("tbody", { className: "font-data text-data tabular-nums text-ink", children: [
+      p.map((m) => /* @__PURE__ */ r("tr", { className: "h-row-default border-t border-divider hover:bg-surface-hover", children: e.map((f) => /* @__PURE__ */ r(
+        "td",
+        {
+          className: v("truncate px-3", f.align === "right" ? "text-right" : "text-left"),
+          children: f.cell(m)
+        },
+        f.id
+      )) }, a(m))),
+      p.length === 0 && /* @__PURE__ */ r("tr", { className: "h-row-touch border-t border-divider", children: /* @__PURE__ */ r("td", { colSpan: e.length, className: "px-3 text-center font-product text-caption text-graphite", children: o }) })
+    ] })
+  ] }) });
+}
+const Ga = he(function({ className: e, ...n }, a) {
+  return /* @__PURE__ */ r("table", { ref: a, className: v("w-full border-collapse font-product text-caption text-ink", e), ...n });
+}), qa = he(function({ className: e, ...n }, a) {
+  return /* @__PURE__ */ r("thead", { ref: a, className: v("bg-surface-muted text-micro text-graphite", e), ...n });
+}), Xa = he(function({ className: e, ...n }, a) {
+  return /* @__PURE__ */ r("tbody", { ref: a, className: v("[&_tr:last-child]:border-b-0", e), ...n });
+}), Ya = he(function({ className: e, ...n }, a) {
+  return /* @__PURE__ */ r("tr", { ref: a, className: v("border-b border-divider transition-colors hover:bg-surface-hover", e), ...n });
+}), Va = he(function({ className: e, ...n }, a) {
+  return /* @__PURE__ */ r("th", { ref: a, className: v("h-row-compact px-3 text-left align-middle font-[500]", e), ...n });
+}), Za = he(function({ className: e, ...n }, a) {
+  return /* @__PURE__ */ r("td", { ref: a, className: v("h-row-default px-3 align-middle", e), ...n });
+});
+function Ja({ value: t, children: e, className: n, ...a }) {
+  const o = U(t), i = U(0), [s, l] = j(null);
+  return q(() => {
+    const d = o.current;
+    t != null && Number.isFinite(t) && d != null && Number.isFinite(d) && t !== d && l({ direction: t > d ? "up" : "down", sequence: ++i.current }), o.current = t;
+  }, [t]), q(() => {
+    if (!s) return;
+    const d = window.setTimeout(() => l((c) => (c == null ? void 0 : c.sequence) === s.sequence ? null : c), 1200);
+    return () => window.clearTimeout(d);
+  }, [s]), /* @__PURE__ */ r("span", { "data-live-value": !0, className: v("inline-flex min-w-0", n), ...a, children: /* @__PURE__ */ r(
+    "span",
+    {
+      "data-live-value-pulse": !0,
+      "data-direction": s == null ? void 0 : s.direction,
+      className: v("rounded-control px-0.5", s && (s.direction === "up" ? "af-live-value-up" : "af-live-value-down")),
+      children: e
+    },
+    (s == null ? void 0 : s.sequence) ?? 0
+  ) });
+}
+const te = {
+  mode: "light",
+  brand: "#e5ad27",
+  accent: "#e5ad27",
+  neutral: "#726e68",
+  positive: "#38a67c",
+  negative: "#bc263e",
+  warning: "#b7680d",
+  info: "#2e78c1",
+  shape: "soft",
+  solidStyle: "inverse",
+  effect: "flat",
+  surface: "filled",
+  dataStyle: "categorical",
+  motion: "all",
+  fontScale: 1,
+  radiusScale: 1
+}, wn = [
+  "#e5ad27",
+  "#2e78c1",
+  "#278f82",
+  "#8c42c5",
+  "#c02b86",
+  "#b7680d",
+  "#d43b24",
+  "#bc263e",
+  "#4d8421",
+  "#2e7d5b",
+  "#257d94",
+  "#6752d9"
+], yn = [
+  "#e5ad27",
+  "#2e78c1",
+  "#38a67c",
+  "#7c4dce",
+  "#c02b86",
+  "#b7680d",
+  "#d43b24",
+  "#bc263e",
+  "#4d8421",
+  "#2e7d5b",
+  "#257d94",
+  "#6752d9"
+], kn = ["#726e68", "#60656f", "#6c686f", "#5f6d69", "#796b69", "#59656b"], qe = [
+  "#38a67c",
+  "#2e7d5b",
+  "#5cc09b",
+  "#bc263e",
+  "#d44b62",
+  "#b7680d",
+  "#2e78c1",
+  "#7c4dce"
+];
+function kt(t, e, n) {
+  return Math.min(n, Math.max(e, t));
+}
+function Nn(t) {
+  return /^#[0-9a-f]{6}$/i.test(t);
+}
+function ye(t, e) {
+  return typeof t == "string" && Nn(t) ? t.toLowerCase() : e;
+}
+function Nt(t) {
+  const e = Cn(t);
+  return Ct(e, 0) >= Ct(e, 1) ? "#000000" : "#ffffff";
+}
+function Cn(t) {
+  const n = [t.slice(1, 3), t.slice(3, 5), t.slice(5, 7)].map((a) => Number.parseInt(a, 16) / 255).map((a) => a <= 0.04045 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4);
+  return 0.2126 * n[0] + 0.7152 * n[1] + 0.0722 * n[2];
+}
+function Ct(t, e) {
+  return (Math.max(t, e) + 0.05) / (Math.min(t, e) + 0.05);
+}
+function ke(t, e, n) {
+  return typeof t == "string" && e.includes(t) ? t : n;
+}
+function Qe(t) {
+  return {
+    mode: ke(t.mode, ["light", "dark", "system"], te.mode),
+    brand: ye(t.brand, te.brand),
+    accent: ye(t.accent, te.accent),
+    neutral: ye(t.neutral, te.neutral),
+    positive: ye(t.positive, te.positive),
+    negative: ye(t.negative, te.negative),
+    warning: ye(t.warning, te.warning),
+    info: ye(t.info, te.info),
+    shape: ke(t.shape, ["sharp", "compact", "soft", "round"], te.shape),
+    solidStyle: ke(t.solidStyle, ["color", "inverse"], te.solidStyle),
+    effect: ke(t.effect, ["flat", "plastic"], te.effect),
+    surface: ke(t.surface, ["filled", "translucent"], te.surface),
+    dataStyle: ke(t.dataStyle, ["categorical", "divergent", "sequential"], te.dataStyle),
+    motion: ke(t.motion, ["all", "micro", "macro", "none"], te.motion),
+    fontScale: kt(Number.isFinite(t.fontScale) ? t.fontScale : 1, 0.875, 1.25),
+    radiusScale: kt(Number.isFinite(t.radiusScale) ? t.radiusScale : 1, 0, 2)
+  };
+}
+function Sn(t) {
+  return t !== "system" ? t : typeof matchMedia == "function" && matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function er(t) {
+  const e = Qe(t), n = e.solidStyle === "color" ? e.brand : "var(--color-ink)", a = e.solidStyle === "color" ? Nt(e.brand) : "var(--color-pure-white)", o = e.dataStyle === "divergent" ? ["var(--color-up)", "var(--color-down)", e.brand, e.neutral, "var(--color-dove)"] : e.dataStyle === "sequential" ? [e.brand, `color-mix(in srgb, ${e.brand} 78%, transparent)`, `color-mix(in srgb, ${e.brand} 56%, transparent)`, `color-mix(in srgb, ${e.brand} 36%, transparent)`, e.neutral] : [e.brand, "var(--color-data-blue)", e.neutral, "var(--color-apricot-wash)", "var(--color-dove)"];
+  return {
+    "--color-brand": e.brand,
+    "--color-rust": e.accent,
+    "--color-on-accent": Nt(e.accent),
+    "--color-graphite": e.neutral,
+    "--color-up": e.positive,
+    "--color-down": e.negative,
+    "--color-warning": e.warning,
+    "--color-info": e.info,
+    "--color-solid": n,
+    "--color-on-solid": a,
+    "--color-data-1": o[0],
+    "--color-data-2": o[1],
+    "--color-data-3": o[2],
+    "--color-data-4": o[3],
+    "--color-data-5": o[4],
+    "--font-scale": String(e.fontScale),
+    "--radius-scale": String(e.radiusScale),
+    "--surface-opacity": e.surface === "translucent" ? "0.82" : "1",
+    "--effect-shadow-strength": e.effect === "plastic" ? "1" : "0",
+    "--motion-scale": e.motion === "none" ? "0" : e.motion === "micro" ? "0.65" : e.motion === "macro" ? "1.2" : "1"
+  };
+}
+function tr(t) {
+  const e = Sn(t.mode);
+  return { mode: e, attributes: { "data-theme": e, "data-theme-mode": t.mode, "data-shape": t.shape, "data-effect": t.effect, "data-surface": t.surface, "data-data-style": t.dataStyle, "data-motion": t.motion } };
+}
+function Qa(t, e) {
+  const n = Qe(e), { mode: a, attributes: o } = tr(n);
+  t.classList.toggle("dark", a === "dark"), t.classList.toggle("light", a === "light"), t.style.colorScheme = a;
+  for (const [i, s] of Object.entries(o)) t.setAttribute(i, s);
+  for (const [i, s] of Object.entries(er(n))) t.style.setProperty(i, String(s));
+  return n;
+}
+const rr = $t(te);
+function eo() {
+  return At(rr);
+}
+function to({ settings: t, className: e, children: n, style: a, ...o }) {
+  const i = ce(() => Qe(t), [t]), { mode: s, attributes: l } = tr(i);
+  return /* @__PURE__ */ r(rr.Provider, { value: i, children: /* @__PURE__ */ r("div", { ...o, ...l, className: v(s, e), style: { ...er(i), ...a }, children: n }) });
+}
+function Ie({ title: t, children: e }) {
+  return /* @__PURE__ */ h("section", { className: "min-w-0 overflow-hidden rounded-panel border border-border bg-surface-raised", children: [
+    /* @__PURE__ */ r("h3", { className: "border-b border-divider px-3 py-2.5 font-product text-body-sm font-[600] text-ink", children: t }),
+    /* @__PURE__ */ r("div", { className: "grid min-w-0 divide-y divide-divider", children: e })
+  ] });
+}
+function le({ label: t, children: e }) {
+  return /* @__PURE__ */ h("div", { className: "af-theme-field grid min-w-0 gap-2.5 px-3 py-3", children: [
+    /* @__PURE__ */ r("span", { className: "af-theme-field-label min-w-0 font-product text-caption font-[500] text-ink", children: t }),
+    /* @__PURE__ */ r("div", { className: "min-w-0", children: e })
+  ] });
+}
+function Ne({ icon: t, children: e }) {
+  return /* @__PURE__ */ h("span", { className: "flex min-w-0 items-center justify-center gap-1.5", children: [
+    t,
+    e
+  ] });
+}
+function Ce({
+  label: t,
+  customLabel: e,
+  colors: n,
+  value: a,
+  onChange: o,
+  pickerLabels: i
+}) {
+  return /* @__PURE__ */ r(le, { label: t, children: /* @__PURE__ */ h("div", { className: "grid min-w-0 gap-2.5", children: [
+    /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-wrap items-center gap-2", role: "group", "aria-label": t, children: n.map((s) => /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${t} ${s}`,
+        "aria-pressed": a === s,
+        onClick: () => o(s),
+        className: "grid size-8 place-items-center rounded-full border-2 border-surface-raised outline-none ring-1 ring-border transition-transform hover:scale-110 focus-visible:ring-2 focus-visible:ring-rust aria-pressed:ring-2 aria-pressed:ring-ink",
+        style: { backgroundColor: s },
+        children: a === s ? /* @__PURE__ */ r(ve, { size: 13, className: "text-pure-white drop-shadow-sm", strokeWidth: 3, "aria-hidden": !0 }) : null
+      },
+      s
+    )) }),
+    /* @__PURE__ */ r(bn, { value: a, onChange: o, presets: n, labels: { ...i, trigger: e } })
+  ] }) });
+}
+function ro({
+  settings: t,
+  labels: e,
+  onChange: n,
+  brands: a = wn,
+  accents: o = yn,
+  neutrals: i = kn
+}) {
+  const s = (c) => n(Qe({ ...t, ...c })), l = "flex w-full", d = (c) => ({
+    trigger: c,
+    dialog: e.colorPickerTitle(c),
+    hex: e.colorPickerHex,
+    hue: e.colorPickerHue,
+    saturation: e.colorPickerSaturation,
+    presets: e.colorPickerPresets,
+    close: e.colorPickerClose
+  });
+  return /* @__PURE__ */ h("div", { "data-ui-theme-editor": "true", className: "af-theme-editor grid min-w-0 gap-4 overflow-x-hidden", children: [
+    /* @__PURE__ */ r(Ie, { title: e.preview, children: /* @__PURE__ */ r("div", { "data-theme-preview": !0, className: "min-w-0 p-3", children: /* @__PURE__ */ h("div", { className: "min-w-0 rounded-panel border border-border bg-surface-canvas p-3 shadow-subtle", children: [
+      /* @__PURE__ */ h("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
+        /* @__PURE__ */ h("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ r("p", { className: "font-product text-micro uppercase text-graphite", children: e.previewEyebrow }),
+          /* @__PURE__ */ r("p", { className: "mt-0.5 break-words font-product text-body font-[600] text-ink", children: e.previewTitle }),
+          /* @__PURE__ */ r("p", { className: "mt-1 break-words font-product text-caption leading-normal text-graphite", children: e.previewDescription })
+        ] }),
+        /* @__PURE__ */ r("span", { className: "shrink-0 rounded-control bg-rust/12 px-2 py-1 font-product text-micro font-[600] text-rust", children: e.previewMetric })
+      ] }),
+      /* @__PURE__ */ h("div", { className: "mt-3 flex items-center gap-4 border-b border-divider font-product text-caption", children: [
+        /* @__PURE__ */ r("span", { className: "border-b-2 border-rust pb-1.5 font-[600] text-ink", children: e.previewPrimaryTab }),
+        /* @__PURE__ */ r("span", { className: "pb-1.5 text-graphite", children: e.previewSecondaryTab })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "mt-3 h-2 overflow-hidden rounded-full bg-surface-muted", "aria-hidden": !0, children: /* @__PURE__ */ r("div", { className: "h-full w-3/5 rounded-full bg-rust" }) }),
+      /* @__PURE__ */ h("div", { className: "mt-3 flex min-w-0 flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ r(de, { variant: "accent", size: "compact", children: e.previewAction }),
+        /* @__PURE__ */ r(de, { variant: "ghost", size: "compact", children: e.previewSecondaryAction }),
+        /* @__PURE__ */ r(vn, { label: e.previewSwitch, checked: !0, onCheckedChange: () => {
+        } })
+      ] }),
+      /* @__PURE__ */ h("div", { className: "mt-3 flex items-center gap-2", "aria-hidden": !0, children: [
+        /* @__PURE__ */ r("span", { className: "size-5 rounded-control bg-rust" }),
+        /* @__PURE__ */ r("span", { className: "size-5 rounded-control bg-up" }),
+        /* @__PURE__ */ r("span", { className: "size-5 rounded-control bg-down" })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ h(Ie, { title: e.page, children: [
+      /* @__PURE__ */ r(le, { label: e.mode, children: /* @__PURE__ */ r(
+        we,
+        {
+          className: l,
+          value: t.mode,
+          onChange: (c) => s({ mode: c }),
+          ariaLabel: e.mode,
+          options: [
+            { value: "light", label: /* @__PURE__ */ r(Ne, { icon: /* @__PURE__ */ r(zr, { size: 14, "aria-hidden": !0 }), children: e.light }) },
+            { value: "dark", label: /* @__PURE__ */ r(Ne, { icon: /* @__PURE__ */ r(Mr, { size: 14, "aria-hidden": !0 }), children: e.dark }) },
+            { value: "system", label: /* @__PURE__ */ r(Ne, { icon: /* @__PURE__ */ r(Tr, { size: 14, "aria-hidden": !0 }), children: e.system }) }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r(le, { label: e.shape, children: /* @__PURE__ */ r(
+        we,
+        {
+          className: l,
+          value: t.shape,
+          onChange: (c) => s({ shape: c, radiusScale: { sharp: 0, compact: 0.65, soft: 1, round: 2 }[c] }),
+          ariaLabel: e.shape,
+          options: [
+            { value: "sharp", label: /* @__PURE__ */ r(Ne, { icon: /* @__PURE__ */ r("span", { className: "size-3 border border-current", "aria-hidden": !0 }), children: e.sharp }) },
+            { value: "compact", label: /* @__PURE__ */ r(Ne, { icon: /* @__PURE__ */ r("span", { className: "size-3 rounded-[2px] border border-current", "aria-hidden": !0 }), children: e.compact }) },
+            { value: "soft", label: /* @__PURE__ */ r(Ne, { icon: /* @__PURE__ */ r("span", { className: "size-3 rounded-[4px] border border-current", "aria-hidden": !0 }), children: e.soft }) },
+            { value: "round", label: /* @__PURE__ */ r(Ne, { icon: /* @__PURE__ */ r("span", { className: "size-3 rounded-full border border-current", "aria-hidden": !0 }), children: e.round }) }
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ h(Ie, { title: e.colors, children: [
+      /* @__PURE__ */ r(Ce, { label: e.brand, customLabel: e.customBrand, colors: a, value: t.brand, onChange: (c) => s({ brand: c }), pickerLabels: d(e.customBrand) }),
+      /* @__PURE__ */ r(Ce, { label: e.accent, customLabel: e.customAccent, colors: o, value: t.accent, onChange: (c) => s({ accent: c }), pickerLabels: d(e.customAccent) }),
+      /* @__PURE__ */ r(Ce, { label: e.neutral, customLabel: e.customNeutral, colors: i, value: t.neutral, onChange: (c) => s({ neutral: c }), pickerLabels: d(e.customNeutral) })
+    ] }),
+    /* @__PURE__ */ h(Ie, { title: e.semanticColors, children: [
+      /* @__PURE__ */ r(Ce, { label: e.positive, customLabel: e.customPositive, colors: qe, value: t.positive, onChange: (c) => s({ positive: c }), pickerLabels: d(e.customPositive) }),
+      /* @__PURE__ */ r(Ce, { label: e.negative, customLabel: e.customNegative, colors: qe, value: t.negative, onChange: (c) => s({ negative: c }), pickerLabels: d(e.customNegative) }),
+      /* @__PURE__ */ r(Ce, { label: e.warning, customLabel: e.customWarning, colors: qe, value: t.warning, onChange: (c) => s({ warning: c }), pickerLabels: d(e.customWarning) }),
+      /* @__PURE__ */ r(Ce, { label: e.info, customLabel: e.customInfo, colors: qe, value: t.info, onChange: (c) => s({ info: c }), pickerLabels: d(e.customInfo) })
+    ] }),
+    /* @__PURE__ */ h(Ie, { title: e.controls, children: [
+      /* @__PURE__ */ r(le, { label: e.solidStyle, children: /* @__PURE__ */ r(we, { className: l, value: t.solidStyle, onChange: (c) => s({ solidStyle: c }), ariaLabel: e.solidStyle, options: [{ value: "color", label: e.color }, { value: "inverse", label: e.inverse }] }) }),
+      /* @__PURE__ */ r(le, { label: e.effect, children: /* @__PURE__ */ r(we, { className: l, value: t.effect, onChange: (c) => s({ effect: c }), ariaLabel: e.effect, options: [{ value: "flat", label: e.flat }, { value: "plastic", label: e.plastic }] }) })
+    ] }),
+    /* @__PURE__ */ h(Ie, { title: e.advanced, children: [
+      /* @__PURE__ */ r(le, { label: e.surface, children: /* @__PURE__ */ r(we, { className: l, value: t.surface, onChange: (c) => s({ surface: c }), ariaLabel: e.surface, options: [{ value: "filled", label: e.filled }, { value: "translucent", label: e.translucent }] }) }),
+      /* @__PURE__ */ r(le, { label: e.dataStyle, children: /* @__PURE__ */ r(we, { className: l, value: t.dataStyle, onChange: (c) => s({ dataStyle: c }), ariaLabel: e.dataStyle, options: [{ value: "categorical", label: e.categorical }, { value: "divergent", label: e.divergent }, { value: "sequential", label: e.sequential }] }) }),
+      /* @__PURE__ */ r(le, { label: e.motion, children: /* @__PURE__ */ r(we, { className: l, value: t.motion, onChange: (c) => s({ motion: c }), ariaLabel: e.motion, options: [{ value: "all", label: e.all }, { value: "micro", label: e.micro }, { value: "macro", label: e.macro }, { value: "none", label: e.none }] }) }),
+      /* @__PURE__ */ r(le, { label: e.fontScale, children: /* @__PURE__ */ h("div", { className: "grid grid-cols-[minmax(0,1fr)_4.75rem] items-center gap-3", children: [
+        /* @__PURE__ */ r(st, { value: t.fontScale, min: 0.875, max: 1.25, step: 0.125, onChange: (c) => s({ fontScale: c }), ariaLabel: e.fontScale, formatValue: e.value }),
+        /* @__PURE__ */ r("output", { className: "rounded-control border border-border bg-surface-raised px-2 py-1.5 text-center font-data text-data tabular-nums text-ink", children: e.value(t.fontScale) })
+      ] }) }),
+      /* @__PURE__ */ r(le, { label: e.radiusScale, children: /* @__PURE__ */ h("div", { className: "grid grid-cols-[minmax(0,1fr)_4.75rem] items-center gap-3", children: [
+        /* @__PURE__ */ r(st, { value: t.radiusScale, min: 0, max: 2, step: 0.25, onChange: (c) => s({ radiusScale: c }), ariaLabel: e.radiusScale, formatValue: e.value }),
+        /* @__PURE__ */ r("output", { className: "rounded-control border border-border bg-surface-raised px-2 py-1.5 text-center font-data text-data tabular-nums text-ink", children: e.value(t.radiusScale) })
+      ] }) })
+    ] })
+  ] });
+}
+function no({ label: t, items: e }) {
+  return /* @__PURE__ */ r("nav", { "aria-label": t, children: /* @__PURE__ */ r("ol", { className: "flex min-w-0 items-center gap-1 font-product text-caption text-graphite", children: e.map((n, a) => {
+    const o = a === e.length - 1;
+    return /* @__PURE__ */ h("li", { className: "flex min-w-0 items-center gap-1", children: [
+      a > 0 && /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "/" }),
+      o ? /* @__PURE__ */ r("span", { "aria-current": "page", className: "truncate font-[500] text-ink", children: n.label }) : n.href ? /* @__PURE__ */ r("a", { href: n.href, className: "truncate rounded-control outline-none hover:text-ink focus-visible:ring-2 focus-visible:ring-rust", children: n.label }) : /* @__PURE__ */ r("button", { type: "button", onClick: n.onClick, className: "truncate rounded-control outline-none hover:text-ink focus-visible:ring-2 focus-visible:ring-rust", children: n.label })
+    ] }, n.id);
+  }) }) });
+}
+function ao({
+  label: t,
+  page: e,
+  pageCount: n,
+  onPageChange: a,
+  pageLabel: o,
+  previousLabel: i,
+  nextLabel: s
+}) {
+  const l = Array.from({ length: n }, (c, p) => p + 1), d = "inline-flex size-control-compact items-center justify-center rounded-control font-data text-caption outline-none hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-rust disabled:opacity-40";
+  return /* @__PURE__ */ h("nav", { "aria-label": t, className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ r("button", { type: "button", "aria-label": i, disabled: e <= 1, onClick: () => a(e - 1), className: d, children: /* @__PURE__ */ r(jt, { size: 14, "aria-hidden": !0 }) }),
+    l.map((c) => /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-label": o(c),
+        "aria-current": c === e ? "page" : void 0,
+        onClick: () => a(c),
+        className: `${d} ${c === e ? "bg-surface-hover font-[500] text-ink" : "text-graphite"}`,
+        children: c
+      },
+      c
+    )),
+    /* @__PURE__ */ r("button", { type: "button", "aria-label": s, disabled: e >= n, onClick: () => a(e + 1), className: d, children: /* @__PURE__ */ r(Bt, { size: 14, "aria-hidden": !0 }) })
+  ] });
+}
+function Re(t) {
+  const [e, n, a] = t.split("-").map(Number);
+  return new Date(Date.UTC(e, n - 1, a));
+}
+function lt(t) {
+  return [
+    t.getUTCFullYear(),
+    String(t.getUTCMonth() + 1).padStart(2, "0"),
+    String(t.getUTCDate()).padStart(2, "0")
+  ].join("-");
+}
+function St(t, e) {
+  const n = Re(t);
+  return n.setUTCDate(n.getUTCDate() + e), lt(n);
+}
+function He(t) {
+  return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
+}
+function zn({
+  value: t,
+  onValueChange: e,
+  label: n,
+  locale: a,
+  weekdayLabels: o,
+  previousMonthLabel: i,
+  nextMonthLabel: s,
+  dateLabel: l = (u) => u,
+  minimum: d,
+  maximum: c,
+  className: p
+}) {
+  const u = t ? Re(t) : /* @__PURE__ */ new Date(), [y, g] = j(() => He(u)), m = Q(), [f, b] = y.split("-").map(Number), w = new Date(Date.UTC(f, b - 1, 1)), x = new Date(w);
+  x.setUTCDate(1 - w.getUTCDay());
+  const C = Array.from({ length: 42 }, (M, D) => {
+    const P = new Date(x);
+    return P.setUTCDate(x.getUTCDate() + D), lt(P);
+  }), T = lt(/* @__PURE__ */ new Date()), k = ce(
+    () => new Intl.DateTimeFormat(a, { year: "numeric", month: "long", timeZone: "UTC" }).format(w),
+    [a, y]
+  );
+  q(() => {
+    t && g(He(Re(t)));
+  }, [t]);
+  const L = (M) => {
+    const D = new Date(w);
+    D.setUTCMonth(D.getUTCMonth() + M), g(He(D));
+  }, O = (M) => {
+    g(He(Re(M))), requestAnimationFrame(() => {
+      var D;
+      (D = document.querySelector(`[data-calendar-id="${m}"] [data-date="${M}"]`)) == null || D.focus();
+    });
+  }, N = (M, D) => {
+    const P = {
+      ArrowLeft: -1,
+      ArrowRight: 1,
+      ArrowUp: -7,
+      ArrowDown: 7
+    }[M.key];
+    if (P)
+      M.preventDefault(), O(St(D, P));
+    else if (M.key === "Home" || M.key === "End") {
+      M.preventDefault();
+      const z = Re(D).getUTCDay();
+      O(St(D, M.key === "Home" ? -z : 6 - z));
+    } else (M.key === "PageUp" || M.key === "PageDown") && (M.preventDefault(), L(M.key === "PageUp" ? -1 : 1));
+  };
+  return /* @__PURE__ */ h("div", { className: v("font-product text-body-sm text-ink", p), children: [
+    /* @__PURE__ */ h("div", { className: "mb-2 flex h-row-default items-center justify-between", children: [
+      /* @__PURE__ */ r(de, { size: "icon", variant: "ghost", "aria-label": i, onClick: () => L(-1), children: /* @__PURE__ */ r(jt, { size: 14, "aria-hidden": !0 }) }),
+      /* @__PURE__ */ r("span", { className: "font-[500]", children: k }),
+      /* @__PURE__ */ r(de, { size: "icon", variant: "ghost", "aria-label": s, onClick: () => L(1), children: /* @__PURE__ */ r(Bt, { size: 14, "aria-hidden": !0 }) })
+    ] }),
+    /* @__PURE__ */ h("div", { role: "grid", "aria-label": n, "data-calendar-id": m, children: [
+      /* @__PURE__ */ r("div", { role: "row", className: "grid grid-cols-7", children: o.map((M) => /* @__PURE__ */ r("span", { role: "columnheader", className: "grid h-row-compact place-items-center text-micro text-graphite", children: M }, M)) }),
+      Array.from({ length: 6 }, (M, D) => /* @__PURE__ */ r("div", { role: "row", className: "grid grid-cols-7", children: C.slice(D * 7, D * 7 + 7).map((P) => {
+        const z = Re(P), S = z.getUTCMonth() !== b - 1, A = P === t, F = !!(d && P < d || c && P > c);
+        return /* @__PURE__ */ r("span", { role: "gridcell", "aria-selected": A, children: /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            "data-date": P,
+            "aria-label": l(P),
+            "aria-current": P === T ? "date" : void 0,
+            "aria-pressed": A,
+            disabled: F,
+            tabIndex: A || !t && z.getUTCDate() === 1 && !S ? 0 : -1,
+            onKeyDown: (Y) => N(Y, P),
+            onClick: () => {
+              e(P), g(He(z));
+            },
+            className: "grid size-control-default place-items-center rounded-control font-data text-caption tabular-nums text-ink outline-none hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-rust disabled:opacity-30 data-[outside=true]:text-graphite aria-pressed:bg-rust aria-pressed:text-on-accent",
+            "data-outside": S || void 0,
+            children: z.getUTCDate()
+          }
+        ) }, P);
+      }) }, D))
+    ] })
+  ] });
+}
+function zt({
+  value: t,
+  onValueChange: e,
+  label: n,
+  calendarLabel: a,
+  placeholder: o,
+  displayValue: i = (l) => l,
+  ...s
+}) {
+  const [l, d] = j(!1);
+  return /* @__PURE__ */ h(ae.Root, { open: l, onOpenChange: d, children: [
+    /* @__PURE__ */ r(ae.Trigger, { asChild: !0, children: /* @__PURE__ */ r(de, { variant: "secondary", "aria-label": n, className: "w-full justify-start", children: t ? i(t) : o }) }),
+    /* @__PURE__ */ r(ae.Portal, { children: /* @__PURE__ */ r(
+      ae.Content,
+      {
+        role: "dialog",
+        "aria-label": a,
+        sideOffset: 4,
+        collisionPadding: 8,
+        className: "z-50 w-80 rounded-panel border border-border bg-surface-raised p-3 shadow-pop outline-none",
+        children: /* @__PURE__ */ r(
+          zn,
+          {
+            ...s,
+            value: t,
+            label: a,
+            onValueChange: (c) => {
+              e(c), d(!1);
+            }
+          }
+        )
+      }
+    ) })
+  ] });
+}
+function oo({
+  start: t,
+  end: e,
+  onChange: n,
+  startLabel: a,
+  endLabel: o,
+  ...i
+}) {
+  return /* @__PURE__ */ h("div", { className: "grid min-w-0 gap-2 sm:grid-cols-2", children: [
+    /* @__PURE__ */ r(
+      zt,
+      {
+        ...i,
+        value: t,
+        label: a,
+        maximum: e || void 0,
+        onValueChange: (s) => n({ start: s, end: e })
+      }
+    ),
+    /* @__PURE__ */ r(
+      zt,
+      {
+        ...i,
+        value: e,
+        label: o,
+        minimum: t || void 0,
+        onValueChange: (s) => n({ start: t, end: s })
+      }
+    )
+  ] });
+}
+function io({
+  label: t,
+  value: e,
+  onValueChange: n,
+  timezone: a,
+  minimum: o,
+  maximum: i
+}) {
+  return /* @__PURE__ */ r(xn, { label: t, children: /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ r(
+      ht,
+      {
+        type: "time",
+        "aria-label": t,
+        value: e,
+        min: o,
+        max: i,
+        onChange: (s) => n(s.target.value),
+        className: "min-w-0 flex-1 font-data tabular-nums"
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: "shrink-0 font-mono text-data text-graphite", children: a })
+  ] }) });
+}
+function Mn(t, e, n) {
+  return Math.min(n, Math.max(e, t));
+}
+function so({
+  value: t,
+  onValueChange: e,
+  label: n,
+  first: a,
+  second: o,
+  direction: i = "horizontal",
+  minimum: s = 20,
+  maximum: l = 80,
+  step: d = 5,
+  className: c
+}) {
+  const p = U(null), u = Q(), y = Q(), g = (b, w = !1) => e(Mn(w ? Math.round(b / d) * d : b, s, l)), m = (b) => {
+    if (b.button !== 0) return;
+    b.preventDefault();
+    const w = b.currentTarget;
+    w.setPointerCapture(b.pointerId);
+    const x = (T) => {
+      var N;
+      const k = (N = p.current) == null ? void 0 : N.getBoundingClientRect(), L = i === "horizontal" ? k == null ? void 0 : k.width : k == null ? void 0 : k.height;
+      if (!k || !L) return;
+      const O = i === "horizontal" ? T.clientX - k.left : T.clientY - k.top;
+      g(O / L * 100, !0);
+    }, C = (T) => {
+      w.hasPointerCapture(T.pointerId) && w.releasePointerCapture(T.pointerId), w.removeEventListener("pointermove", x), w.removeEventListener("pointerup", C), w.removeEventListener("pointercancel", C);
+    };
+    w.addEventListener("pointermove", x), w.addEventListener("pointerup", C), w.addEventListener("pointercancel", C);
+  }, f = (b) => {
+    const w = i === "horizontal" ? "ArrowLeft" : "ArrowUp", x = i === "horizontal" ? "ArrowRight" : "ArrowDown";
+    b.key === w ? (b.preventDefault(), g(t - d)) : b.key === x ? (b.preventDefault(), g(t + d)) : b.key === "Home" ? (b.preventDefault(), g(s)) : b.key === "End" && (b.preventDefault(), g(l));
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: p,
+      className: v("flex min-h-0 min-w-0 overflow-hidden", i === "horizontal" ? "flex-row" : "flex-col", c),
+      "data-slot": "resizable-pane-group",
+      "data-direction": i,
+      children: [
+        /* @__PURE__ */ r("div", { id: u, "data-slot": "resizable-pane-first", className: "min-h-0 min-w-0 shrink-0 overflow-auto", style: { flexBasis: `${t}%` }, children: a }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            role: "separator",
+            tabIndex: 0,
+            "aria-label": n,
+            "aria-orientation": i === "horizontal" ? "vertical" : "horizontal",
+            "aria-valuemin": s,
+            "aria-valuemax": l,
+            "aria-valuenow": t,
+            "aria-controls": `${u} ${y}`,
+            onPointerDown: m,
+            onKeyDown: f,
+            className: v(
+              "group relative z-10 shrink-0 touch-none bg-divider outline-none after:absolute after:rounded-full after:bg-graphite/60 hover:after:bg-rust focus-visible:after:bg-rust",
+              i === "horizontal" ? "w-1 cursor-col-resize after:inset-y-2 after:left-1/2 after:w-0.5 after:-translate-x-1/2" : "h-1 cursor-row-resize after:inset-x-2 after:top-1/2 after:h-0.5 after:-translate-y-1/2"
+            )
+          }
+        ),
+        /* @__PURE__ */ r("div", { id: y, "data-slot": "resizable-pane-second", className: "min-h-0 min-w-0 flex-1 overflow-auto", children: o })
+      ]
+    }
+  );
+}
+function lo({ label: t, className: e, ...n }) {
+  return /* @__PURE__ */ r("aside", { "aria-label": t, className: v("flex min-h-0 w-64 shrink-0 flex-col border-r border-divider bg-surface-fog", e), ...n });
+}
+function co({ className: t, ...e }) {
+  return /* @__PURE__ */ r("div", { className: v("flex min-h-row-touch shrink-0 items-center border-b border-divider px-4 font-product text-body-sm font-[600] text-ink", t), ...e });
+}
+function uo({ className: t, ...e }) {
+  return /* @__PURE__ */ r("div", { className: v("min-h-0 flex-1 overflow-y-auto p-2", t), ...e });
+}
+function fo({ label: t, children: e, className: n }) {
+  return /* @__PURE__ */ h("section", { className: v("py-2", n), children: [
+    /* @__PURE__ */ r("h2", { className: "px-2 pb-1 font-product text-micro font-[600] uppercase text-graphite", children: t }),
+    /* @__PURE__ */ r("div", { className: "min-w-0", children: e })
+  ] });
+}
+function ho({
+  title: t,
+  status: e,
+  toolbar: n,
+  headerContent: a,
+  headerClassName: o,
+  hideHeader: i = !1,
+  density: s = "default",
+  children: l,
+  className: d,
+  contentClassName: c,
+  ...p
+}) {
+  const u = Q();
+  return /* @__PURE__ */ h(
+    "section",
+    {
+      role: "region",
+      "aria-labelledby": u,
+      className: v("min-w-0 overflow-hidden rounded-panel border border-border bg-surface-fog", d),
+      ...p,
+      children: [
+        i ? /* @__PURE__ */ r("h3", { id: u, className: "sr-only", children: t }) : /* @__PURE__ */ r("header", { className: v("flex items-center gap-2 border-b border-divider px-3", !a && (s === "compact" ? "h-row-compact" : "h-row-default"), o), children: a ? /* @__PURE__ */ h(fe, { children: [
+          /* @__PURE__ */ r("h3", { id: u, className: "sr-only", children: t }),
+          a
+        ] }) : /* @__PURE__ */ h(fe, { children: [
+          /* @__PURE__ */ r("h3", { id: u, className: v("min-w-0 flex-1 truncate font-product font-[500] text-ink", s === "compact" ? "text-caption" : "text-body-sm"), children: t }),
+          e && /* @__PURE__ */ r("div", { className: "shrink-0 font-data text-data tabular-nums text-graphite", children: e }),
+          n && /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center gap-1", children: n })
+        ] }) }),
+        /* @__PURE__ */ r("div", { "data-slot": "widget-content", className: v("min-w-0", c), children: l })
+      ]
+    }
+  );
+}
+function je(t) {
+  return typeof t == "number" && Number.isFinite(t);
+}
+const $ = 1e-3, Tn = 0.3, Dn = {
+  ...Pr,
+  preventCollision: !0
+};
+function G(t) {
+  return Math.round(t / $) * $;
+}
+function ge(t) {
+  return t.map((e) => ({ ...e }));
+}
+function ct(t, e, n, a) {
+  if (!Array.isArray(t) || t.length !== e.length) return !1;
+  const o = new Map(e.map((s) => [s.i, s])), i = /* @__PURE__ */ new Set();
+  for (const s of t) {
+    if (!s || typeof s != "object") return !1;
+    const l = s;
+    if (typeof l.i != "string" || i.has(l.i)) return !1;
+    const d = o.get(l.i);
+    if (!d || ![l.x, l.y, l.w, l.h].every(je)) return !1;
+    const { x: c, y: p, w: u, h: y } = l;
+    if (c < -$ || p < -$ || u < (d.minW ?? 1) - $ || y < (d.minH ?? 1) - $ || u > (d.maxW ?? n) + $ || y > (d.maxH ?? a) + $ || c + u > n + $ || p + y > a + $) return !1;
+    i.add(l.i);
+  }
+  return t.every((s, l) => t.slice(l + 1).every((d) => !mt(s, d)));
+}
+function nr(t, e) {
+  const n = new Map(e.map((a) => [a.i, a]));
+  return t.map(({ i: a, x: o, y: i, w: s, h: l }) => ({
+    ...n.get(a),
+    i: a,
+    x: G(o),
+    y: G(i),
+    w: G(s),
+    h: G(l)
+  }));
+}
+function In(t, e, n, a) {
+  if (!t || typeof window > "u") return ge(e);
+  try {
+    const o = JSON.parse(window.localStorage.getItem(t) ?? "null");
+    return ct(o, e, n, a) ? nr(o, e) : (window.localStorage.removeItem(t), ge(e));
+  } catch {
+    return window.localStorage.removeItem(t), ge(e);
+  }
+}
+function mt(t, e) {
+  return t.x < e.x + e.w - $ && t.x + t.w > e.x + $ && t.y < e.y + e.h - $ && t.y + t.h > e.y + $;
+}
+function nt(t) {
+  var a;
+  const e = t;
+  if (je(e.clientX) && je(e.clientY)) return { x: e.clientX, y: e.clientY };
+  const n = (a = e.changedTouches) == null ? void 0 : a[0];
+  return n && je(n.clientX) && je(n.clientY) ? { x: n.clientX, y: n.clientY } : null;
+}
+function Rn(t, e) {
+  const n = Math.max(0, Math.min(t.left + t.width, e.left + e.width) - Math.max(t.left, e.left)), a = Math.max(0, Math.min(t.top + t.height, e.top + e.height) - Math.max(t.top, e.top)), o = Math.min(t.width * t.height, e.width * e.height);
+  return o > 0 ? n * a / o : 0;
+}
+function Mt(t, e) {
+  const n = new Map(e.map((a) => [a.i, a]));
+  for (const a of t) {
+    const o = n.get(a.i);
+    o && Object.assign(a, o);
+  }
+}
+function Ue(t, e) {
+  return Math.abs(t - e) <= $;
+}
+function Pn(t) {
+  if (t.length === 0) return null;
+  const e = Math.min(...t.map((i) => i.x)), n = Math.min(...t.map((i) => i.y)), a = Math.max(...t.map((i) => i.x + i.w)), o = Math.max(...t.map((i) => i.y + i.h));
+  return { x: e, y: n, w: a - e, h: o - n };
+}
+function Ln(t, e, n) {
+  const a = n === "x" ? e.x : e.y, o = a + (n === "x" ? e.w : e.h), i = /* @__PURE__ */ new Set();
+  for (const s of t) {
+    const l = n === "x" ? s.x : s.y, d = l + (n === "x" ? s.w : s.h);
+    l > a + $ && l < o - $ && i.add(G(l)), d > a + $ && d < o - $ && i.add(G(d));
+  }
+  return [...i].filter((s) => t.every((l) => {
+    const d = n === "x" ? l.x : l.y;
+    return d + (n === "x" ? l.w : l.h) <= s + $ || d >= s - $;
+  })).sort((s, l) => s - l);
+}
+function ar(t, e) {
+  const n = t.reduce((o, i) => o + i.w * i.h, 0);
+  if (!Ue(n, e.w * e.h)) return null;
+  if (t.length === 1) {
+    const [o] = t;
+    return !Ue(o.x, e.x) || !Ue(o.y, e.y) || !Ue(o.w, e.w) || !Ue(o.h, e.h) ? null : { kind: "leaf", bounds: e, item: { ...o } };
+  }
+  const a = ["x", "y"].map((o) => ({ axis: o, cuts: Ln(t, e, o) })).filter(({ cuts: o }) => o.length > 0).sort((o, i) => o.cuts.length - i.cuts.length);
+  for (const { axis: o, cuts: i } of a) {
+    const s = o === "x" ? e.x : e.y, l = s + (o === "x" ? e.w : e.h), d = [s, ...i, l], c = [];
+    let p = !0;
+    for (let u = 0; u < d.length - 1; u += 1) {
+      const y = d[u], g = d[u + 1], m = t.filter((w) => {
+        const x = o === "x" ? w.x : w.y, C = x + (o === "x" ? w.w : w.h);
+        return x >= y - $ && C <= g + $;
+      });
+      if (m.length === 0) {
+        p = !1;
+        break;
+      }
+      const f = o === "x" ? { x: y, y: e.y, w: g - y, h: e.h } : { x: e.x, y, w: e.w, h: g - y }, b = ar(m, f);
+      if (!b) {
+        p = !1;
+        break;
+      }
+      c.push(b);
+    }
+    if (p && c.length > 1) return { kind: "split", bounds: e, axis: o, children: c };
+  }
+  return null;
+}
+function dt(t, e) {
+  return t.kind === "leaf" ? t.item.i === e : t.children.some((n) => dt(n, e));
+}
+function or(t, e, n) {
+  const a = {
+    ...t.bounds,
+    x: G(t.bounds.x + e),
+    y: G(t.bounds.y + n)
+  };
+  return t.kind === "leaf" ? {
+    kind: "leaf",
+    bounds: a,
+    item: {
+      ...t.item,
+      x: G(t.item.x + e),
+      y: G(t.item.y + n)
+    }
+  } : {
+    kind: "split",
+    bounds: a,
+    axis: t.axis,
+    children: t.children.map((o) => or(o, e, n))
+  };
+}
+function An(t, e) {
+  let n = t.axis === "x" ? t.bounds.x : t.bounds.y;
+  const a = e.map((o) => {
+    const i = t.axis === "x" ? o.bounds.x : o.bounds.y, s = or(o, t.axis === "x" ? n - i : 0, t.axis === "y" ? n - i : 0);
+    return n += t.axis === "x" ? o.bounds.w : o.bounds.h, s;
+  });
+  return { ...t, children: a };
+}
+function ir(t, e, n) {
+  if (t.kind === "leaf") return { node: t, changed: !1 };
+  const a = t.children.findIndex((l) => dt(l, e)), o = t.children.findIndex((l) => dt(l, n));
+  if (a < 0 || o < 0) return { node: t, changed: !1 };
+  if (a !== o) {
+    const l = [...t.children], [d] = l.splice(a, 1);
+    return l.splice(o, 0, d), { node: An(t, l), changed: !0 };
+  }
+  const i = ir(t.children[a], e, n);
+  if (!i.changed) return { node: t, changed: !1 };
+  const s = [...t.children];
+  return s[a] = i.node, { node: { ...t, children: s }, changed: !0 };
+}
+function sr(t, e = /* @__PURE__ */ new Map()) {
+  return t.kind === "leaf" ? e.set(t.item.i, t.item) : t.children.forEach((n) => sr(n, e)), e;
+}
+function $n(t, e, n) {
+  let a = { x: e.x, y: e.y, w: e.w, h: e.h }, o = { x: n.x, y: n.y, w: n.w, h: n.h };
+  if (Math.abs(e.w - n.w) <= $ && Math.abs(e.h - n.h) <= $)
+    a = { ...a, x: n.x, y: n.y }, o = { ...o, x: e.x, y: e.y };
+  else if (Math.abs(e.x - n.x) <= $ && Math.abs(e.w - n.w) <= $ && (Math.abs(e.y + e.h - n.y) <= $ || Math.abs(n.y + n.h - e.y) <= $)) {
+    const i = Math.min(e.y, n.y);
+    e.y < n.y ? (o = { ...o, y: i }, a = { ...a, y: i + n.h }) : (a = { ...a, y: i }, o = { ...o, y: i + e.h });
+  } else if (Math.abs(e.y - n.y) <= $ && Math.abs(e.h - n.h) <= $ && (Math.abs(e.x + e.w - n.x) <= $ || Math.abs(n.x + n.w - e.x) <= $)) {
+    const i = Math.min(e.x, n.x);
+    e.x < n.x ? (o = { ...o, x: i }, a = { ...a, x: i + n.w }) : (a = { ...a, x: i }, o = { ...o, x: i + e.w });
+  } else return null;
+  return t.map((i) => i.i === e.i ? { ...i, ...a } : i.i === n.i ? { ...i, ...o } : i);
+}
+function at(t, e, n) {
+  if (e.i === n.i) return null;
+  const a = Pn(t), o = a ? ar(t, a) : null;
+  if (o) {
+    const i = ir(o, e.i, n.i);
+    if (i.changed) {
+      const s = sr(i.node);
+      return t.map((l) => {
+        const d = s.get(l.i);
+        return d ? { ...l, x: d.x, y: d.y } : l;
+      });
+    }
+  }
+  return $n(t, e, n);
+}
+function En(t) {
+  const e = /* @__PURE__ */ new Map(), n = (a, o, i, s, l, d) => {
+    if (s <= i) return;
+    const c = `${a}:${o}`, p = e.get(c) ?? [];
+    p.push({ id: c, orientation: a, boundary: o, start: i, end: s, before: [l], after: [d] }), e.set(c, p);
+  };
+  for (let a = 0; a < t.length; a += 1)
+    for (let o = a + 1; o < t.length; o += 1) {
+      const i = t[a], s = t[o];
+      Math.abs(i.x + i.w - s.x) <= $ && n("vertical", G(s.x), Math.max(i.y, s.y), Math.min(i.y + i.h, s.y + s.h), i.i, s.i), Math.abs(s.x + s.w - i.x) <= $ && n("vertical", G(i.x), Math.max(i.y, s.y), Math.min(i.y + i.h, s.y + s.h), s.i, i.i), Math.abs(i.y + i.h - s.y) <= $ && n("horizontal", G(s.y), Math.max(i.x, s.x), Math.min(i.x + i.w, s.x + s.w), i.i, s.i), Math.abs(s.y + s.h - i.y) <= $ && n("horizontal", G(i.y), Math.max(i.x, s.x), Math.min(i.x + i.w, s.x + s.w), s.i, i.i);
+    }
+  return [...e.values()].flatMap((a) => {
+    const o = [...a].sort((s, l) => s.start - l.start), i = [];
+    for (const s of o) {
+      const l = i.at(-1);
+      if (!l || s.start > l.end) {
+        i.push({ ...s, id: `${s.id}:${s.start}-${s.end}` });
+        continue;
+      }
+      l.end = Math.max(l.end, s.end), l.before = [.../* @__PURE__ */ new Set([...l.before, ...s.before])], l.after = [.../* @__PURE__ */ new Set([...l.after, ...s.after])];
+    }
+    return i.map((s) => ({
+      ...s,
+      id: `${s.orientation}:${[...s.before].sort().join("+")}|${[...s.after].sort().join("+")}`
+    }));
+  });
+}
+function Tt(t, e, n, a, o) {
+  if (n === 0) return t;
+  const i = new Set(e.before), s = new Set(e.after), l = t.map((c) => {
+    if (e.orientation === "vertical") {
+      if (i.has(c.i)) return { ...c, w: G(c.w + n) };
+      if (s.has(c.i)) return { ...c, x: G(c.x + n), w: G(c.w - n) };
+    } else {
+      if (i.has(c.i)) return { ...c, h: G(c.h + n) };
+      if (s.has(c.i)) return { ...c, y: G(c.y + n), h: G(c.h - n) };
+    }
+    return c;
+  });
+  return l.every((c) => c.x >= 0 && c.y >= 0 && c.x + c.w <= a && c.y + c.h <= o && c.w >= (c.minW ?? 1) && c.h >= (c.minH ?? 1) && c.w <= (c.maxW ?? a) && c.h <= (c.maxH ?? o)) && l.every((c, p) => l.slice(p + 1).every((u) => !mt(c, u))) ? l : null;
+}
+function po({
+  label: t,
+  moveLabel: e,
+  resizeLabel: n = t,
+  items: a,
+  initialLayout: o,
+  storageKey: i,
+  columns: s = 12,
+  rows: l = 12,
+  gap: d = 6,
+  className: c,
+  testId: p,
+  onLayoutChange: u
+}) {
+  const { width: y, containerRef: g, mounted: m } = Rr({ initialWidth: 1200 }), [f, b] = j(720), [w, x] = j(() => In(i, o, s, l)), C = U(null), T = U(null), k = U(null);
+  q(() => {
+    const I = g.current;
+    if (!I) return;
+    const R = () => b(Math.max(240, I.clientHeight));
+    if (R(), typeof ResizeObserver > "u") return;
+    const E = new ResizeObserver(R);
+    return E.observe(I), () => E.disconnect();
+  }, [g]);
+  const L = ce(() => new Map(w.map((I) => [I.i, I])), [w]), O = ce(() => En(w), [w]), N = ce(() => w.map((I) => ({ ...I, isResizable: !1 })), [w]), M = Math.max(16, (f - d * (l - 1)) / l), D = (y + d) / s, P = M + d, z = (I) => {
+    if (!ct(I, o, s, l)) return !1;
+    const R = nr(I, o);
+    return x(R), i && window.localStorage.setItem(i, JSON.stringify(R)), u == null || u(R), !0;
+  }, S = (I, R, E, W, V, B) => {
+    const Z = ge(I), X = (R == null ? void 0 : R.i) ?? (E == null ? void 0 : E.i), re = nt(V), J = B == null ? void 0 : B.getBoundingClientRect();
+    if (!X || !re || !J) {
+      C.current = null;
+      return;
+    }
+    C.current = {
+      origin: Z,
+      draggedId: X,
+      pointerOffsetX: re.x - J.left,
+      pointerOffsetY: re.y - J.top,
+      width: J.width,
+      height: J.height
+    }, T.current = null, k.current = null;
+  }, A = (I, R, E, W, V) => {
+    var oe;
+    const B = C.current, Z = nt(V), X = (oe = g.current) == null ? void 0 : oe.getBoundingClientRect();
+    if (!B || !Z || !X) return;
+    const re = B.origin.find((K) => K.i === B.draggedId);
+    if (!re) return;
+    const J = {
+      left: Z.x - B.pointerOffsetX,
+      top: Z.y - B.pointerOffsetY,
+      width: B.width,
+      height: B.height
+    }, pe = B.origin.filter((K) => K.i !== re.i).map((K) => {
+      const _ = {
+        left: X.left + K.x * D,
+        top: X.top + K.y * P,
+        width: K.w * D - d,
+        height: K.h * P - d
+      }, ur = Z.x >= _.left && Z.x <= _.left + _.width && Z.y >= _.top && Z.y <= _.top + _.height;
+      return { item: K, score: ur ? Rn(J, _) : 0 };
+    }).filter(({ score: K }) => K >= Tn).sort((K, _) => _.score - K.score);
+    let se = null, ee = null;
+    for (const K of pe) {
+      const _ = at(B.origin, re, K.item);
+      if (_ && ct(_, o, s, l)) {
+        se = K.item.i, ee = _;
+        break;
+      }
+    }
+    if (ee && se) {
+      Mt(I, ee), T.current = ge(ee), k.current !== se && (k.current = se, x(ge(ee)));
+      return;
+    }
+    T.current = null, k.current && (k.current = null, Mt(I, B.origin), x(ge(B.origin)));
+  }, F = (I, R, E, W, V) => {
+    var se;
+    const B = C.current, Z = (B == null ? void 0 : B.origin) ?? ge(w), X = T.current;
+    if (C.current = null, T.current = null, k.current = null, X && z(X))
+      return;
+    const re = Z.find((ee) => ee.i === ((R == null ? void 0 : R.i) ?? (E == null ? void 0 : E.i))), J = nt(V), pe = (se = g.current) == null ? void 0 : se.getBoundingClientRect();
+    if (re && J && pe) {
+      const ee = (J.x - pe.left) / D, oe = (J.y - pe.top) / P, K = Z.find((_) => _.i !== re.i && ee >= _.x && ee <= _.x + _.w && oe >= _.y && oe <= _.y + _.h);
+      if (K) {
+        const _ = at(Z, re, K);
+        if (_ && z(_))
+          return;
+      }
+    }
+    z(I) || z(Z);
+  }, Y = (I, R) => {
+    const E = {
+      ArrowLeft: [-1, 0],
+      ArrowRight: [1, 0],
+      ArrowUp: [0, -1],
+      ArrowDown: [0, 1]
+    }[I.key];
+    if (!E) return;
+    I.preventDefault();
+    const W = w.find((X) => X.i === R);
+    if (!W) return;
+    const V = {
+      ...W,
+      x: Math.max(0, Math.min(s - W.w, W.x + E[0])),
+      y: Math.max(0, Math.min(l - W.h, W.y + E[1]))
+    };
+    if (V.x === W.x && V.y === W.y) return;
+    const B = w.find((X) => X.i !== R && mt(V, X));
+    if (!B) {
+      z(w.map((X) => X.i === R ? V : X));
+      return;
+    }
+    const Z = at(w, W, B);
+    Z && z(Z);
+  }, ue = (I, R) => {
+    const E = R.orientation === "vertical" ? "ArrowLeft" : "ArrowUp", W = R.orientation === "vertical" ? "ArrowRight" : "ArrowDown";
+    if (I.key !== E && I.key !== W) return;
+    I.preventDefault();
+    const V = Tt(w, R, I.key === W ? 1 : -1, s, l);
+    V && z(V);
+  }, Te = (I, R) => {
+    if (I.button !== 0) return;
+    I.preventDefault(), I.stopPropagation();
+    const E = I.currentTarget, W = I.pointerId;
+    E.setPointerCapture(W);
+    const V = w.map((oe) => ({ ...oe })), B = R.orientation === "vertical" ? I.clientX : I.clientY, Z = R.orientation === "vertical" ? D : P;
+    let X = V, re = 0, J = 0;
+    const pe = () => {
+      J = 0;
+      const oe = G(re / Z), K = Tt(V, R, oe, s, l);
+      if (!K) {
+        E.dataset.resizeBlocked = "true";
+        return;
+      }
+      delete E.dataset.resizeBlocked, X = K, x(K);
+    }, se = (oe) => {
+      re = (R.orientation === "vertical" ? oe.clientX : oe.clientY) - B, J || (J = window.requestAnimationFrame(pe));
+    }, ee = () => {
+      window.removeEventListener("pointermove", se), window.removeEventListener("pointerup", ee), window.removeEventListener("pointercancel", ee), J && (window.cancelAnimationFrame(J), pe()), delete E.dataset.resizeBlocked, E.hasPointerCapture(W) && E.releasePointerCapture(W), z(X);
+    };
+    window.addEventListener("pointermove", se), window.addEventListener("pointerup", ee), window.addEventListener("pointercancel", ee);
+  };
+  return /* @__PURE__ */ h("div", { ref: g, role: "group", "aria-label": t, "data-testid": p, className: v("relative h-full min-h-0 min-w-0", c), children: [
+    m && /* @__PURE__ */ r(
+      Ir,
+      {
+        width: y,
+        layout: N,
+        gridConfig: { cols: s, rowHeight: M, margin: [d, d], containerPadding: [0, 0], maxRows: l },
+        dragConfig: { enabled: !0, bounded: !0, handle: ".af-workspace-grid-handle", threshold: 3 },
+        resizeConfig: { enabled: !1 },
+        compactor: Dn,
+        autoSize: !1,
+        style: { height: f },
+        className: "h-full",
+        onDragStart: S,
+        onDrag: A,
+        onDragStop: F,
+        children: a.map((I) => {
+          const R = L.get(I.id) ?? o.find((E) => E.i === I.id);
+          return /* @__PURE__ */ h(
+            "div",
+            {
+              "data-workspace-grid-item": !0,
+              "data-testid": `workspace-grid-item-${I.id}`,
+              "data-grid-x": R == null ? void 0 : R.x,
+              "data-grid-y": R == null ? void 0 : R.y,
+              "data-grid-w": R == null ? void 0 : R.w,
+              "data-grid-h": R == null ? void 0 : R.h,
+              className: "group/workspace-grid-item min-h-0 min-w-0",
+              children: [
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    "data-workspace-drag-handle": !0,
+                    "data-testid": `workspace-drag-handle-${I.id}`,
+                    "aria-label": e(I.label),
+                    onKeyDown: (E) => Y(E, I.id),
+                    className: "af-workspace-grid-handle absolute left-1/2 top-0.5 z-30 grid size-5 -translate-x-1/2 cursor-grab touch-none place-items-center rounded-control bg-surface-raised text-graphite shadow-pop transition-opacity hover:text-ink active:cursor-grabbing",
+                    children: /* @__PURE__ */ r(wt, { size: 12, "aria-hidden": !0 })
+                  }
+                ),
+                /* @__PURE__ */ r("div", { className: "h-full min-h-0 min-w-0", children: I.content })
+              ]
+            },
+            I.id
+          );
+        })
+      }
+    ),
+    m && O.map((I) => {
+      const R = I.orientation === "vertical", E = I.start * (R ? P : D), W = (I.end - I.start) * (R ? P : D) - d, V = I.boundary * (R ? D : P) - d / 2;
+      return /* @__PURE__ */ r(
+        "div",
+        {
+          role: "separator",
+          tabIndex: 0,
+          "aria-label": n,
+          "aria-orientation": R ? "vertical" : "horizontal",
+          "aria-valuemin": 1,
+          "aria-valuemax": R ? s - 1 : l - 1,
+          "aria-valuenow": I.boundary,
+          "data-workspace-resize-divider": !0,
+          "data-orientation": I.orientation,
+          "data-boundary": I.boundary,
+          "data-before-panels": I.before.join(" "),
+          "data-after-panels": I.after.join(" "),
+          onPointerDown: (B) => Te(B, I),
+          onKeyDown: (B) => ue(B, I),
+          className: v(
+            "group absolute z-40 grid touch-none place-items-center outline-none hover:bg-rust/20 focus-visible:bg-rust/20 data-[resize-blocked=true]:cursor-not-allowed data-[resize-blocked=true]:bg-down/25",
+            R ? "-translate-x-1/2 cursor-col-resize" : "-translate-y-1/2 cursor-row-resize"
+          ),
+          style: R ? { left: V, top: E, width: Math.max(10, d), height: W } : { left: E, top: V, width: W, height: Math.max(10, d) },
+          children: /* @__PURE__ */ r("span", { className: "grid size-5 place-items-center rounded-control bg-surface-raised text-graphite opacity-0 shadow-pop group-hover:opacity-100 group-focus-visible:opacity-100", children: R ? /* @__PURE__ */ r(wt, { size: 12, "aria-hidden": !0 }) : /* @__PURE__ */ r(Dr, { size: 12, "aria-hidden": !0 }) })
+        },
+        I.id
+      );
+    })
+  ] });
+}
+function lr(t) {
+  const e = U(null), n = U(/* @__PURE__ */ new Map()), a = U(null), o = U(!1);
+  return Ye(() => {
+    const l = () => {
+      const c = n.current.get(t), p = a.current;
+      !c || !p || (p.style.transform = `translateX(${c.offsetLeft}px)`, p.style.width = `${c.offsetWidth}px`);
+    };
+    l(), o.current || requestAnimationFrame(() => {
+      var c;
+      (c = a.current) == null || c.classList.add("is-ready"), o.current = !0;
+    });
+    const d = new ResizeObserver(l);
+    return e.current && d.observe(e.current), () => d.disconnect();
+  }, [t]), { listRef: e, indRef: a, setBtn: (l) => (d) => {
+    d ? n.current.set(l, d) : n.current.delete(l);
+  }, focusTab: (l) => {
+    var d;
+    return (d = n.current.get(l)) == null ? void 0 : d.focus();
+  } };
+}
+function On({
+  tabs: t,
+  value: e,
+  onChange: n,
+  onReorder: a,
+  size: o = "md",
+  variant: i = "underline",
+  className: s,
+  ariaLabel: l
+}) {
+  const { listRef: d, indRef: c, setBtn: p, focusTab: u } = lr(e), [y, g] = j(null), [m, f] = j(null), b = o === "sm" ? "text-body-sm" : "text-body", w = !!a;
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: d,
+      role: "tablist",
+      "aria-label": l,
+      "aria-orientation": "horizontal",
+      "data-variant": i,
+      className: v("relative flex items-center overflow-x-auto", i === "toolbar" ? "gap-1" : o === "sm" ? "gap-4" : "gap-5", s),
+      children: [
+        t.map((x) => /* @__PURE__ */ h(
+          "button",
+          {
+            ref: p(x.key),
+            type: "button",
+            role: "tab",
+            "data-testid": x.testId,
+            "aria-selected": e === x.key,
+            tabIndex: e === x.key ? 0 : -1,
+            draggable: w,
+            onClick: () => n(x.key),
+            onKeyDown: (C) => {
+              var O;
+              const T = t.findIndex((N) => N.key === x.key);
+              let k = T;
+              if (C.key === "ArrowRight") k = (T + 1) % t.length;
+              else if (C.key === "ArrowLeft") k = (T - 1 + t.length) % t.length;
+              else if (C.key === "Home") k = 0;
+              else if (C.key === "End") k = t.length - 1;
+              else return;
+              C.preventDefault();
+              const L = (O = t[k]) == null ? void 0 : O.key;
+              L != null && (n(L), requestAnimationFrame(() => u(L)));
+            },
+            onDragStart: w ? (C) => {
+              g(x.key), C.dataTransfer.effectAllowed = "move", C.dataTransfer.setData("text/plain", x.key);
+            } : void 0,
+            onDragEnd: w ? () => {
+              g(null), f(null);
+            } : void 0,
+            onDragOver: w ? (C) => {
+              C.preventDefault(), C.dataTransfer.dropEffect = "move", m !== x.key && f(x.key);
+            } : void 0,
+            onDrop: w ? (C) => {
+              C.preventDefault();
+              const T = C.dataTransfer.getData("text/plain") || y;
+              T && T !== x.key && (a == null || a(T, x.key)), g(null), f(null);
+            } : void 0,
+            className: v(
+              "relative whitespace-nowrap font-sohne outline-none transition focus-visible:ring-2 focus-visible:ring-rust/35",
+              i === "toolbar" ? "inline-flex h-6 min-h-6 items-center rounded-control border px-2 text-micro" : "min-h-control-default px-0.5 pb-2 pt-1",
+              i === "toolbar" ? void 0 : b,
+              e === x.key ? i === "toolbar" ? "border-border bg-surface-muted font-[500] text-ink" : "font-[480] text-ink" : i === "toolbar" ? "border-transparent text-graphite hover:bg-surface-hover hover:text-ink" : "text-graphite hover:text-ink",
+              w && "cursor-grab active:cursor-grabbing",
+              y === x.key && "opacity-40",
+              m === x.key && y && y !== x.key && "text-ink"
+            ),
+            children: [
+              x.label,
+              x.count !== void 0 && /* @__PURE__ */ r("span", { className: "ml-1.5 text-caption text-graphite", children: x.count }),
+              x.live && /* @__PURE__ */ h(fe, { children: [
+                /* @__PURE__ */ r("span", { className: "sr-only", children: x.liveLabel ?? "Live" }),
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    title: x.liveLabel,
+                    className: "absolute -right-2 top-0 h-1.5 w-1.5 animate-pulse rounded-full bg-up",
+                    "aria-hidden": !0
+                  }
+                )
+              ] })
+            ]
+          },
+          x.key
+        )),
+        i === "underline" && /* @__PURE__ */ r("span", { ref: c, className: "t-tab-underline", "aria-hidden": !0 })
+      ]
+    }
+  );
+}
+function mo({
+  label: t,
+  searchLabel: e,
+  searchPlaceholder: n,
+  categories: a,
+  category: o,
+  onCategoryChange: i,
+  query: s,
+  onQueryChange: l,
+  items: d,
+  selected: c,
+  onToggle: p,
+  addedLabel: u,
+  emptyLabel: y,
+  testIdPrefix: g,
+  className: m
+}) {
+  const f = s.trim().toLocaleLowerCase(), w = d.filter(
+    (x) => (o === "all" || x.category === o) && (!f || x.title.toLocaleLowerCase().includes(f))
+  ).reduce((x, C) => {
+    var T;
+    return (x[T = C.category] ?? (x[T] = [])).push(C), x;
+  }, {});
+  return /* @__PURE__ */ h("div", { "aria-label": t, className: v("min-w-0 space-y-4", m), children: [
+    /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-2 border-b border-divider pb-2 sm:flex-row sm:items-end sm:justify-between", children: [
+      /* @__PURE__ */ r(
+        On,
+        {
+          size: "sm",
+          ariaLabel: t,
+          value: o,
+          onChange: i,
+          tabs: a.map((x) => ({ key: x.value, label: x.label })),
+          className: "min-w-0"
+        }
+      ),
+      /* @__PURE__ */ r(gn, { label: e, start: /* @__PURE__ */ r(ut, { size: 13, "aria-hidden": !0 }), className: "w-full shrink-0 sm:w-48", children: /* @__PURE__ */ r(ht, { density: "compact", value: s, onChange: (x) => l(x.target.value), "aria-label": e, placeholder: n }) })
+    ] }),
+    Object.keys(w).length === 0 && /* @__PURE__ */ r("p", { className: "py-12 text-center font-sohne text-body-sm text-graphite", children: y }),
+    Object.entries(w).map(([x, C]) => {
+      var T;
+      return /* @__PURE__ */ h("section", { "aria-labelledby": `widget-picker-${x}`, className: "space-y-2.5", children: [
+        /* @__PURE__ */ r("h3", { id: `widget-picker-${x}`, className: "font-sohne text-body-sm font-[500] text-ink", children: ((T = a.find((k) => k.value === x)) == null ? void 0 : T.label) ?? x }),
+        /* @__PURE__ */ r("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: C.map((k) => {
+          const L = c.includes(k.id);
+          return /* @__PURE__ */ h(
+            _r,
+            {
+              "data-testid": g ? `${g}-${k.id}` : void 0,
+              "aria-pressed": L,
+              "aria-label": k.title,
+              active: L,
+              onClick: () => p(k.id),
+              "aria-disabled": k.disabled || void 0,
+              className: v(
+                "group relative min-h-36 overflow-hidden rounded-panel border border-border bg-surface-card p-3 text-left hover:border-graphite hover:bg-surface-hover",
+                L && "border-graphite bg-surface-muted",
+                k.disabled && "pointer-events-none opacity-45"
+              ),
+              children: [
+                /* @__PURE__ */ h("span", { className: "flex min-w-0 items-center justify-between gap-2 font-sohne text-caption font-[500] text-ink", children: [
+                  /* @__PURE__ */ r("span", { className: "truncate", children: k.title }),
+                  L && /* @__PURE__ */ h("span", { className: "inline-flex shrink-0 items-center gap-1 text-micro font-[450] text-graphite", children: [
+                    /* @__PURE__ */ r(ve, { size: 11, "aria-hidden": !0 }),
+                    u
+                  ] })
+                ] }),
+                /* @__PURE__ */ r("div", { className: "mt-3 h-24 overflow-hidden rounded-control border border-divider bg-surface-canvas p-2", children: k.preview })
+              ]
+            },
+            k.id
+          );
+        }) })
+      ] }, x);
+    })
+  ] });
+}
+function bo(t) {
+  return /* @__PURE__ */ r(hr.Root, { ...t, className: `shrink-0 bg-divider data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px ${t.className ?? ""}` });
+}
+function go(t) {
+  const { children: e, className: n, ...a } = t;
+  return /* @__PURE__ */ h(Oe.Root, { ...a, className: `overflow-hidden ${n ?? ""}`, children: [
+    /* @__PURE__ */ r(Oe.Viewport, { className: "size-full", children: e }),
+    /* @__PURE__ */ r(Oe.Scrollbar, { orientation: "vertical", className: "flex w-2 touch-none select-none p-0.5", children: /* @__PURE__ */ r(Oe.Thumb, { className: "flex-1 rounded-full bg-dove" }) }),
+    /* @__PURE__ */ r(Oe.Corner, {})
+  ] });
+}
+const xo = fr.Root, Dt = [
+  "var(--color-surface-warm)",
+  "var(--color-surface-cool)",
+  "var(--color-surface-muted)",
+  "var(--color-surface-raised)"
+];
+function cr(t) {
+  let e = 0;
+  for (let n = 0; n < t.length; n++) e = e * 31 + t.charCodeAt(n) >>> 0;
+  return Dt[e % Dt.length];
+}
+function vo({
+  initials: t,
+  tint: e,
+  size: n = 36,
+  className: a,
+  src: o,
+  alt: i
+}) {
+  return o ? /* @__PURE__ */ r(
+    "img",
+    {
+      src: o,
+      alt: i ?? t,
+      className: v("inline-block shrink-0 rounded-full object-cover", a),
+      style: { width: n, height: n }
+    }
+  ) : /* @__PURE__ */ r(
+    "span",
+    {
+      className: v(
+        "inline-flex items-center justify-center rounded-full font-sohne font-[500] text-ink",
+        a
+      ),
+      style: {
+        backgroundColor: e ?? cr(t),
+        width: n,
+        height: n,
+        fontSize: Math.round(n * 0.36)
+      },
+      children: t.slice(0, 2).toUpperCase()
+    }
+  );
+}
+function wo({ label: t, fallback: e, sources: n = [], tint: a, size: o = 20, className: i }) {
+  const [s, l] = j(0), [d, c] = j(!1), p = n[s];
+  return q(() => {
+    l(0), c(!1);
+  }, [t, n.join("|")]), /* @__PURE__ */ h(
+    "span",
+    {
+      role: "img",
+      "aria-label": t,
+      "data-image-state": d ? "loaded" : p ? "loading" : "fallback",
+      className: v("relative inline-grid shrink-0 place-items-center overflow-hidden rounded-full font-sohne font-[600] text-ink", i),
+      style: { width: o, height: o, backgroundColor: d ? "transparent" : a ?? cr(t) },
+      children: [
+        !d && /* @__PURE__ */ r("span", { "aria-hidden": !0, style: { fontSize: Math.max(7, Math.round(o * 0.42)), lineHeight: 1 }, children: e.slice(0, 2).toUpperCase() }),
+        p && /* @__PURE__ */ r(
+          "img",
+          {
+            src: p,
+            alt: "",
+            "aria-hidden": !0,
+            onLoad: () => c(!0),
+            onError: () => {
+              s + 1 < n.length ? l((u) => u + 1) : c(!1);
+            },
+            className: v("absolute inset-0 size-full rounded-full object-contain", d ? "opacity-100" : "opacity-0")
+          },
+          p
+        )
+      ]
+    }
+  );
+}
+function yo({ children: t, tone: e = "neutral", size: n = "default", className: a, ...o }) {
+  const i = {
+    neutral: "bg-fog text-graphite",
+    warm: "bg-surface-warm text-rust",
+    cool: "bg-surface-cool text-ink",
+    success: "bg-up/15 text-up",
+    danger: "bg-down/15 text-down",
+    warning: "bg-warning/15 text-warning"
+  }, s = {
+    micro: "h-4 rounded-indicator px-1.5 text-micro font-[500]",
+    compact: "h-5 rounded-control px-2 text-data font-[500]",
+    default: "min-h-7 rounded-full px-3 py-1 text-[13px] font-[450]"
+  };
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      ...o,
+      className: v(
+        "inline-flex shrink-0 items-center justify-center whitespace-nowrap font-sohne",
+        i[e],
+        s[n],
+        a
+      ),
+      children: t
+    }
+  );
+}
+const ie = 8;
+function It(t, e, n) {
+  return Math.min(Math.max(e, t), n);
+}
+function Hn({
+  content: t,
+  children: e,
+  width: n = 240,
+  variant: a = "panel"
+}) {
+  const o = U(null), i = U(null), s = U(null), [l, d] = j(null), [c, p] = j(!1), u = () => {
+    s.current && clearTimeout(s.current), s.current = null;
+  }, y = Se(() => {
+    u();
+    const m = o.current;
+    if (!m) return;
+    const f = m.getBoundingClientRect();
+    p(!1), d({
+      top: f.bottom + 5,
+      left: f.left,
+      maxH: a === "hint" ? 96 : 240
+    });
+  }, [a]), g = Se(() => {
+    u(), s.current = setTimeout(() => {
+      d(null), p(!1);
+    }, 140);
+  }, []);
+  return Ye(() => {
+    if (!l) return;
+    const m = i.current, f = o.current;
+    if (!m || !f) return;
+    const b = f.getBoundingClientRect(), w = m.getBoundingClientRect(), x = w.width || (a === "hint" ? 160 : n), C = w.height || 32, T = window.innerWidth, k = window.innerHeight, O = k - b.bottom - ie < C + 8 && b.top > C + ie;
+    let N = O ? b.top - 5 - C : b.bottom + 5;
+    N = It(N, ie, Math.max(ie, k - ie - C));
+    let M;
+    a === "hint" ? M = b.left + b.width / 2 - x / 2 : M = b.left, M = It(M, ie, Math.max(ie, T - ie - x));
+    const D = O ? Math.max(a === "hint" ? 48 : 120, b.top - ie * 2) : Math.max(a === "hint" ? 48 : 120, k - N - ie), P = { top: N, left: M, maxH: D };
+    (!c || Math.abs(P.top - l.top) > 0.5 || Math.abs(P.left - l.left) > 0.5 || Math.abs(P.maxH - l.maxH) > 0.5) && (d(P), p(!0));
+  }, [l, c, a, n, t]), /* @__PURE__ */ h(fe, { children: [
+    /* @__PURE__ */ r(
+      "span",
+      {
+        ref: o,
+        className: "inline-flex",
+        onMouseEnter: y,
+        onMouseLeave: g,
+        onFocus: y,
+        onBlur: g,
+        children: e
+      }
+    ),
+    typeof document < "u" && ze(
+      /* @__PURE__ */ r(Ze, { children: l && /* @__PURE__ */ r(
+        Me.div,
+        {
+          ref: i,
+          role: "tooltip",
+          initial: { opacity: 0, y: -4 },
+          animate: { opacity: c ? 1 : 0, y: 0 },
+          exit: { opacity: 0, y: -4 },
+          transition: xe.fade,
+          onMouseEnter: u,
+          onMouseLeave: g,
+          style: {
+            position: "fixed",
+            top: l.top,
+            left: l.left,
+            maxHeight: l.maxH,
+            ...a === "hint" ? { maxWidth: `min(${n}px, calc(100vw - ${ie * 2}px))` } : { width: n }
+          },
+          className: v(
+            "z-[60]",
+            a === "hint" ? "pointer-events-none w-max rounded-md bg-ink px-2 py-1 shadow-pop" : "overflow-y-auto rounded-panel bg-surface-raised p-3 shadow-pop ring-1 ring-border"
+          ),
+          children: a === "hint" ? /* @__PURE__ */ r("div", { className: "font-sohne text-[11px] font-[480] leading-snug text-pure-white", children: t }) : t
+        }
+      ) }),
+      document.body
+    )
+  ] });
+}
+function ko({
+  label: t,
+  children: e
+}) {
+  return /* @__PURE__ */ r(Hn, { content: t, variant: "hint", children: e });
+}
+function No({
+  options: t,
+  value: e,
+  onChange: n,
+  onBlocked: a,
+  className: o,
+  size: i = "md",
+  ariaLabel: s
+}) {
+  var m;
+  const { listRef: l, indRef: d, setBtn: c } = lr(e), p = i === "sm" ? "gap-0.5 rounded-lg p-0.5" : "gap-1 rounded-xl p-1", u = i === "sm" ? "rounded-md py-1 text-caption font-[450]" : "rounded-lg py-1.5 text-[14px] font-[450]", y = i === "sm" ? "t-seg-pill t-seg-pill-sm" : "t-seg-pill", g = ((m = t.find((f) => f.key === e)) == null ? void 0 : m.tone) ?? "neutral";
+  return /* @__PURE__ */ h("div", { ref: l, role: "tablist", "aria-label": s, className: v("relative flex bg-surface-muted/50", p, o), children: [
+    /* @__PURE__ */ r("span", { ref: d, className: y, "data-tone": g, "aria-hidden": !0 }),
+    t.map((f) => {
+      const b = e === f.key;
+      return /* @__PURE__ */ r(
+        "button",
+        {
+          ref: c(f.key),
+          type: "button",
+          role: "tab",
+          "aria-selected": b,
+          onClick: () => f.disabled ? a == null ? void 0 : a(f.key) : n(f.key),
+          className: v(
+            "relative z-[1] flex-1 text-center font-sohne outline-none transition-colors focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-rust/35",
+            u,
+            b ? f.tone === "up" ? "text-up" : f.tone === "down" ? "text-down" : "text-ink" : "text-graphite hover:text-ink",
+            f.disabled && !b && "cursor-not-allowed opacity-45 hover:text-graphite"
+          ),
+          children: f.label
+        },
+        f.key
+      );
+    })
+  ] });
+}
+const Un = {
+  emphasis: "bg-apricot-wash text-rust ring-rust/25",
+  accent: "bg-sky-wash text-data-blue ring-data-blue/20",
+  default: "bg-fog text-ink ring-dove/55",
+  muted: "bg-pure-white text-graphite ring-border"
+}, jn = {
+  xs: "max-w-[7.5rem] truncate rounded-md px-1.5 py-0.5 text-[10.5px] leading-snug",
+  sm: "rounded-full px-2 py-0.5 text-[11px] leading-tight"
+};
+function Rt({
+  children: t,
+  level: e = "default",
+  size: n = "xs",
+  className: a,
+  title: o
+}) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      title: o,
+      className: v(
+        "inline-flex shrink-0 items-center font-sohne font-[480] ring-1 ring-inset",
+        Un[e],
+        jn[n],
+        a
+      ),
+      children: t
+    }
+  );
+}
+function Co({
+  items: t,
+  limit: e = 3,
+  size: n = "xs",
+  levelForItem: a = () => "default",
+  labelForItem: o,
+  className: i
+}) {
+  if (!t.length) return null;
+  const s = t.slice(0, e), l = t.length - s.length;
+  return /* @__PURE__ */ h("div", { className: v("flex min-w-0 flex-nowrap items-center gap-1", i), children: [
+    s.map((d) => /* @__PURE__ */ r(Rt, { level: a(d), size: n, title: o(d), children: o(d) }, d)),
+    l > 0 && /* @__PURE__ */ h(Rt, { level: "muted", size: n, children: [
+      "+",
+      l
+    ] })
+  ] });
+}
+function So({
+  label: t,
+  value: e,
+  delta: n,
+  direction: a = "up"
+}) {
+  const o = a === "up";
+  return /* @__PURE__ */ h(Jt, { className: "flex flex-col gap-2 p-5", children: [
+    /* @__PURE__ */ r(dn, { children: t }),
+    /* @__PURE__ */ r("span", { className: "font-sohne text-heading-sm font-[480] leading-none tracking-[0] text-ink", children: e }),
+    n && /* @__PURE__ */ h("span", { className: v("flex items-center gap-1 text-[12px]", o ? "text-up" : "text-down"), children: [
+      o ? "↑" : "↓",
+      " ",
+      n
+    ] })
+  ] });
+}
+function zo({
+  title: t,
+  rows: e
+}) {
+  return /* @__PURE__ */ h(Jt, { className: "flex flex-col gap-3 p-5", children: [
+    /* @__PURE__ */ r(cn, { children: t }),
+    /* @__PURE__ */ r("ul", { className: "flex flex-col gap-3", children: e.map((n) => /* @__PURE__ */ h("li", { className: "flex items-center justify-between font-sohne text-[14px]", children: [
+      /* @__PURE__ */ r("span", { className: "text-graphite", children: n.name }),
+      /* @__PURE__ */ r("span", { className: "font-[480] text-ink", children: n.count })
+    ] }, n.name)) })
+  ] });
+}
+function Pt(t, e, n, a = 6) {
+  const o = Math.max(...t, 1), i = Math.min(...t, 0), s = o - i || 1, l = (e - a * 2) / (t.length - 1 || 1);
+  return t.map((d, c) => {
+    const p = a + c * l, u = n - a - (d - i) / s * (n - a * 2);
+    return `${c === 0 ? "M" : "L"}${p.toFixed(1)},${u.toFixed(1)}`;
+  }).join(" ");
+}
+function Mo({
+  current: t,
+  previous: e,
+  width: n = 280,
+  height: a = 96,
+  ariaLabel: o
+}) {
+  return /* @__PURE__ */ h("svg", { width: "100%", viewBox: `0 0 ${n} ${a}`, role: "img", "aria-label": o, focusable: "false", className: "pointer-events-none select-none outline-none", children: [
+    e && /* @__PURE__ */ r(
+      "path",
+      {
+        d: Pt(e, n, a),
+        fill: "none",
+        stroke: "var(--color-rust)",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        opacity: 0.7
+      }
+    ),
+    /* @__PURE__ */ r(
+      "path",
+      {
+        d: Pt(t, n, a),
+        fill: "none",
+        stroke: "var(--color-data-blue)",
+        strokeWidth: 2,
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function To({ pct: t, size: e = 96 }) {
+  const n = e / 2 - 8, a = 2 * Math.PI * n;
+  return /* @__PURE__ */ h("svg", { width: e, height: e, viewBox: `0 0 ${e} ${e}`, role: "img", "aria-label": `${t}%`, focusable: "false", className: "pointer-events-none select-none outline-none", children: [
+    /* @__PURE__ */ r("circle", { cx: e / 2, cy: e / 2, r: n, fill: "none", stroke: "var(--color-pure-white)", strokeWidth: 10 }),
+    /* @__PURE__ */ r(
+      "circle",
+      {
+        cx: e / 2,
+        cy: e / 2,
+        r: n,
+        fill: "none",
+        stroke: "var(--color-rust)",
+        strokeWidth: 10,
+        strokeLinecap: "round",
+        strokeDasharray: `${a * t / 100} ${a}`,
+        transform: `rotate(-90 ${e / 2} ${e / 2})`
+      }
+    ),
+    /* @__PURE__ */ h(
+      "text",
+      {
+        x: "50%",
+        y: "52%",
+        textAnchor: "middle",
+        dominantBaseline: "middle",
+        className: "font-sohne font-[480]",
+        fontSize: e * 0.22,
+        fill: "var(--color-ink)",
+        children: [
+          t,
+          "%"
+        ]
+      }
+    )
+  ] });
+}
+const H = {
+  rust: "var(--color-rust)",
+  blue: "var(--color-data-blue)",
+  ink: "var(--color-ink)",
+  ash: "var(--color-ash)",
+  graphite: "var(--color-graphite)",
+  dove: "var(--color-dove)",
+  grid: "var(--color-chart-grid)",
+  axis: "var(--color-chart-axis)",
+  canvas: "var(--color-surface-canvas)",
+  surface: "var(--color-surface-raised)",
+  up: "var(--color-up)",
+  down: "var(--color-down)",
+  apricot: "var(--color-apricot-wash)",
+  sky: "var(--color-sky-wash)",
+  white: "var(--color-surface-raised)",
+  font: "var(--font-sohne)"
+}, Lt = ["var(--color-data-1)", "var(--color-data-2)", "var(--color-data-3)", "var(--color-data-4)", "var(--color-data-5)"], Xe = {
+  tick: { fill: H.graphite, fontSize: 12, fontFamily: H.font },
+  tickLine: !1,
+  axisLine: { stroke: H.axis },
+  tickMargin: 8
+}, dr = {
+  stroke: H.grid,
+  strokeOpacity: 1,
+  strokeDasharray: "2 6",
+  vertical: !1
+};
+function et({
+  active: t,
+  payload: e,
+  label: n,
+  valueFormat: a = String,
+  labelFormat: o = String
+}) {
+  return !t || !(e != null && e.length) ? null : /* @__PURE__ */ h("div", { role: "tooltip", className: "rounded-panel border border-border bg-surface-raised px-3 py-2 shadow-pop", style: { fontFamily: H.font }, children: [
+    n != null && /* @__PURE__ */ r("div", { className: "mb-1 text-caption text-graphite", children: o(n) }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: e.map((i, s) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2 text-body-sm text-ink", children: [
+      /* @__PURE__ */ r("span", { className: "size-2 rounded-indicator", style: { backgroundColor: i.color }, "aria-hidden": !0 }),
+      /* @__PURE__ */ r("span", { className: "text-graphite", children: i.name }),
+      /* @__PURE__ */ r("span", { className: "ml-auto font-data tabular-nums", children: a(i.value ?? "") })
+    ] }, `${i.name ?? "series"}-${s}`)) })
+  ] });
+}
+function Do({ data: t, height: e = 240, valueFormat: n = String, showPrevious: a = !0, ariaLabel: o = "Area trend chart" }) {
+  const i = Q().replace(/:/g, "");
+  return /* @__PURE__ */ r(Le, { width: "100%", height: e, children: /* @__PURE__ */ h(Kt, { data: t, margin: { top: 8, right: 8, left: 0, bottom: 0 }, accessibilityLayer: !1, tabIndex: -1, role: "img", "aria-label": o, children: [
+    /* @__PURE__ */ h("defs", { children: [
+      /* @__PURE__ */ h("linearGradient", { id: `${i}-current`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ r("stop", { offset: "0%", stopColor: H.blue, stopOpacity: 0.26 }),
+        /* @__PURE__ */ r("stop", { offset: "100%", stopColor: H.blue, stopOpacity: 0 })
+      ] }),
+      /* @__PURE__ */ h("linearGradient", { id: `${i}-previous`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ r("stop", { offset: "0%", stopColor: H.rust, stopOpacity: 0.18 }),
+        /* @__PURE__ */ r("stop", { offset: "100%", stopColor: H.rust, stopOpacity: 0 })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(_t, { ...dr }),
+    /* @__PURE__ */ r(Ft, { dataKey: "label", ...Xe }),
+    /* @__PURE__ */ r(Wt, { ...Xe, width: 52, tickFormatter: n }),
+    /* @__PURE__ */ r(Je, { cursor: { stroke: H.dove }, content: /* @__PURE__ */ r(et, { valueFormat: n }) }),
+    a && /* @__PURE__ */ r(ot, { type: "monotone", dataKey: "previous", name: "Previous", stroke: H.rust, strokeWidth: 1.5, fill: `url(#${i}-previous)`, dot: !1 }),
+    /* @__PURE__ */ r(ot, { type: "monotone", dataKey: "current", name: "Current", stroke: H.blue, strokeWidth: 2, fill: `url(#${i}-current)`, dot: !1 })
+  ] }) });
+}
+function Bn({ data: t, height: e = 240, valueFormat: n = String, signColor: a = !1, ariaLabel: o = "Bar chart" }) {
+  return /* @__PURE__ */ r(Le, { width: "100%", height: e, children: /* @__PURE__ */ h(Lr, { data: t, margin: { top: 8, right: 8, left: 0, bottom: 0 }, accessibilityLayer: !1, tabIndex: -1, role: "img", "aria-label": o, children: [
+    /* @__PURE__ */ r(_t, { ...dr }),
+    /* @__PURE__ */ r(Ft, { dataKey: "label", ...Xe }),
+    /* @__PURE__ */ r(Wt, { ...Xe, width: 52, tickFormatter: n }),
+    /* @__PURE__ */ r(Je, { cursor: { fill: H.dove, fillOpacity: 0.12 }, content: /* @__PURE__ */ r(et, { valueFormat: n }) }),
+    /* @__PURE__ */ r(Ar, { dataKey: "value", name: "Value", maxBarSize: 36, radius: [4, 4, 0, 0], children: t.map((i) => /* @__PURE__ */ r(Gt, { fill: a ? i.value >= 0 ? H.up : H.down : H.blue }, i.label)) })
+  ] }) });
+}
+function Io(t) {
+  return /* @__PURE__ */ r(Bn, { ...t, signColor: !0 });
+}
+function Ro({ data: t, height: e = 220, donut: n = !1, centerLabel: a, valueFormat: o = String, ariaLabel: i = "Pie chart" }) {
+  return /* @__PURE__ */ h("div", { className: "relative", style: { height: e }, children: [
+    /* @__PURE__ */ r(Le, { width: "100%", height: "100%", children: /* @__PURE__ */ h($r, { accessibilityLayer: !1, tabIndex: -1, role: "img", "aria-label": i, children: [
+      /* @__PURE__ */ r(Je, { content: /* @__PURE__ */ r(et, { valueFormat: o }) }),
+      /* @__PURE__ */ r(Er, { iconType: "circle", wrapperStyle: { color: H.graphite, fontFamily: H.font, fontSize: 12 } }),
+      /* @__PURE__ */ r(Or, { data: t, dataKey: "value", nameKey: "name", innerRadius: n ? "54%" : 0, outerRadius: "78%", paddingAngle: n ? 2 : 0, cornerRadius: n ? 4 : 0, stroke: H.canvas, strokeWidth: 2, children: t.map((s, l) => /* @__PURE__ */ r(Gt, { fill: Lt[l % Lt.length] }, s.name)) })
+    ] }) }),
+    n && a && /* @__PURE__ */ r("span", { className: "pointer-events-none absolute inset-0 grid place-items-center font-product text-caption font-[600] text-ink", children: a })
+  ] });
+}
+function Po({ data: t, height: e = 260, ariaLabel: n = "Radar chart" }) {
+  return /* @__PURE__ */ r(Le, { width: "100%", height: e, children: /* @__PURE__ */ h(Hr, { data: t, outerRadius: "72%", accessibilityLayer: !1, tabIndex: -1, role: "img", "aria-label": n, children: [
+    /* @__PURE__ */ r(Ur, { stroke: H.grid }),
+    /* @__PURE__ */ r(qt, { dataKey: "label", tick: { fill: H.graphite, fontFamily: H.font, fontSize: 11 } }),
+    /* @__PURE__ */ r(jr, { tick: !1, axisLine: !1 }),
+    /* @__PURE__ */ r(Je, { content: /* @__PURE__ */ r(et, {}) }),
+    /* @__PURE__ */ r(yt, { name: "Current", dataKey: "current", stroke: H.blue, fill: H.blue, fillOpacity: 0.2 }),
+    /* @__PURE__ */ r(yt, { name: "Previous", dataKey: "previous", stroke: H.rust, fill: H.rust, fillOpacity: 0.1 })
+  ] }) });
+}
+function Lo({ value: t, maximum: e = 100, label: n, height: a = 220 }) {
+  const o = Math.min(e, Math.max(0, t));
+  return /* @__PURE__ */ h("div", { className: "relative", style: { height: a }, children: [
+    /* @__PURE__ */ r(Le, { width: "100%", height: "100%", children: /* @__PURE__ */ h(Br, { data: [{ name: n, value: o, fill: H.rust }], startAngle: 210, endAngle: -30, innerRadius: "64%", outerRadius: "92%", barSize: 16, accessibilityLayer: !1, tabIndex: -1, role: "img", "aria-label": n, children: [
+      /* @__PURE__ */ r(qt, { type: "number", domain: [0, e], tick: !1 }),
+      /* @__PURE__ */ r(Kr, { dataKey: "value", background: { fill: H.grid }, cornerRadius: 8 })
+    ] }) }),
+    /* @__PURE__ */ h("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center pt-4", children: [
+      /* @__PURE__ */ r("strong", { className: "font-data text-heading-sm tabular-nums text-ink", children: o }),
+      /* @__PURE__ */ r("span", { className: "text-caption text-graphite", children: n })
+    ] })
+  ] });
+}
+function Ao({
+  data: t,
+  tone: e = "up",
+  height: n = 40,
+  ariaLabel: a = "Value trend",
+  emptyLabel: o
+}) {
+  const i = Q().replace(/:/g, ""), s = e === "blue" ? H.blue : e === "down" ? H.down : H.up;
+  return t.length < 2 ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: "pointer-events-none relative overflow-hidden rounded-md bg-fog/50",
+      style: { height: n },
+      role: "img",
+      "aria-label": o || a,
+      children: /* @__PURE__ */ r("svg", { width: "100%", height: "100%", viewBox: "0 0 120 40", preserveAspectRatio: "none", "aria-hidden": !0, className: "absolute inset-0", children: /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M4 22 C 30 18, 55 26, 80 20 S 110 16, 116 22",
+          fill: "none",
+          stroke: H.dove,
+          strokeWidth: 1.25,
+          strokeDasharray: "3 3",
+          strokeOpacity: 0.75
+        }
+      ) })
+    }
+  ) : /* @__PURE__ */ r("div", { className: "pointer-events-none", style: { height: n }, children: /* @__PURE__ */ r(Le, { width: "100%", height: "100%", children: /* @__PURE__ */ h(Kt, { data: t.map((l, d) => ({ index: d, value: l })), margin: { top: 2, right: 0, left: 0, bottom: 0 }, accessibilityLayer: !1, tabIndex: -1, role: "img", "aria-label": a, children: [
+    /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ h("linearGradient", { id: `${i}-spark`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ r("stop", { offset: "0%", stopColor: s, stopOpacity: 0.25 }),
+      /* @__PURE__ */ r("stop", { offset: "100%", stopColor: s, stopOpacity: 0 })
+    ] }) }),
+    /* @__PURE__ */ r(ot, { type: "monotone", dataKey: "value", stroke: s, strokeWidth: 2, fill: `url(#${i}-spark)`, dot: !1, activeDot: !1, isAnimationActive: !1 })
+  ] }) }) });
+}
+function $o({
+  level: t = "base",
+  as: e = "h2",
+  className: n,
+  children: a
+}) {
+  return /* @__PURE__ */ r(e, { className: v("font-signifier font-[600] tracking-[0] text-ink", {
+    display: "text-display",
+    lg: "text-heading-lg",
+    base: "text-heading"
+  }[t], n), children: a });
+}
+function Eo({ children: t, className: e }) {
+  return /* @__PURE__ */ r("h3", { className: v("font-sohne text-subheading font-[450] text-ink", e), children: t });
+}
+function Kn(t) {
+  let e = (t == null ? void 0 : t.parentElement) ?? null;
+  for (; e; ) {
+    const { overflowY: n } = getComputedStyle(e);
+    if ((n === "auto" || n === "scroll" || n === "overlay") && e.scrollHeight > e.clientHeight + 1)
+      return e;
+    e = e.parentElement;
+  }
+  return null;
+}
+function Oo({
+  hasMore: t,
+  loading: e = !1,
+  onLoadMore: n,
+  loadingLabel: a,
+  endLabel: o,
+  hintLabel: i,
+  loadingSlot: s,
+  className: l,
+  rootMargin: d = "320px 0px"
+}) {
+  const c = U(null), p = U(e);
+  return p.current = e, q(() => {
+    if (!t) return;
+    const u = c.current;
+    if (!u) return;
+    const y = Kn(u), g = new IntersectionObserver(
+      ([m]) => {
+        m != null && m.isIntersecting && !p.current && n();
+      },
+      { root: y, rootMargin: d, threshold: 0 }
+    );
+    return g.observe(u), () => g.disconnect();
+  }, [t, n, d]), !t && !e && !o ? null : /* @__PURE__ */ h("div", { className: v("flex flex-col gap-3", l), children: [
+    e && s,
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: c,
+        className: "flex min-h-12 flex-col items-center justify-center gap-2 py-3",
+        "aria-live": "polite",
+        children: e ? /* @__PURE__ */ h(fe, { children: [
+          /* @__PURE__ */ r(_n, {}),
+          a && /* @__PURE__ */ r("span", { className: "text-caption font-sohne text-graphite", children: a })
+        ] }) : t ? i ? /* @__PURE__ */ r("span", { className: "text-[11px] font-sohne text-graphite", children: i }) : /* @__PURE__ */ r("span", { className: "h-1 w-full", "aria-hidden": !0 }) : o ? /* @__PURE__ */ r("span", { className: "text-[11px] font-sohne text-graphite", children: o }) : null
+      }
+    )
+  ] });
+}
+function _n() {
+  return /* @__PURE__ */ h("svg", { width: 22, height: 22, viewBox: "0 0 24 24", fill: "none", className: "animate-spin text-graphite", "aria-hidden": !0, children: [
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeOpacity: 0.2, strokeWidth: "2.5" }),
+    /* @__PURE__ */ r("path", { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" })
+  ] });
+}
+function Ho({ label: t, children: e, className: n }) {
+  return /* @__PURE__ */ r("ul", { role: "list", "aria-label": t, className: v("min-w-0 divide-y divide-divider", n), children: e });
+}
+function Uo({ className: t, density: e = "touch", ...n }) {
+  return /* @__PURE__ */ r(
+    "li",
+    {
+      "data-density": e,
+      className: v(
+        "flex min-w-0 items-center",
+        e === "compact" ? "min-h-row-default gap-1 py-0.5" : "min-h-row-touch gap-3 py-2.5",
+        t
+      ),
+      ...n
+    }
+  );
+}
+function jo({ className: t, ...e }) {
+  return /* @__PURE__ */ r("span", { className: v("inline-grid size-control-default shrink-0 place-items-center rounded-control bg-surface-muted text-graphite", t), ...e });
+}
+function Bo({ className: t, ...e }) {
+  return /* @__PURE__ */ r("div", { className: v("min-w-0 flex-1", t), ...e });
+}
+function Ko({ className: t, ...e }) {
+  return /* @__PURE__ */ r("p", { className: v("truncate font-product text-body-sm font-[500] text-ink", t), ...e });
+}
+function _o({ className: t, ...e }) {
+  return /* @__PURE__ */ r("p", { className: v("mt-0.5 truncate font-product text-caption text-graphite", t), ...e });
+}
+function Fo({ children: t, className: e }) {
+  return /* @__PURE__ */ r("span", { className: v("shrink-0 font-data text-data tabular-nums text-graphite", e), children: t });
+}
+function Wo({ children: t, className: e }) {
+  return /* @__PURE__ */ r("span", { className: v("shrink-0", e), children: t });
+}
+export {
+  Ba as Accordion,
+  Jn as ActionGroup,
+  ea as Alert,
+  Ta as AllocationSlider,
+  Do as AreaTrendChart,
+  xo as AspectRatio,
+  ta as Avatar,
+  vo as AvatarBadge,
+  ra as AvatarGroup,
+  na as AvatarGroupOverflow,
+  Bn as BarChart,
+  no as Breadcrumb,
+  de as Button,
+  Qn as ButtonGroup,
+  Lt as CATEGORICAL,
+  H as CHART,
+  zn as Calendar,
+  Jt as Card,
+  dn as CardLabel,
+  cn as CardTitle,
+  ba as ChartFrame,
+  Ra as Checkbox,
+  Ka as Collapsible,
+  bn as ColorPicker,
+  Fa as Combobox,
+  ga as CommandDialog,
+  ca as ConfirmDialog,
+  Ca as ContextMenu,
+  Wa as DataTable,
+  zt as DatePicker,
+  oo as DateRangePicker,
+  To as Donut,
+  da as Drawer,
+  Ma as DropdownSelect,
+  xn as Field,
+  fa as FloatingWindow,
+  $o as Heading,
+  Io as HistogramChart,
+  Hn as HoverTip,
+  ko as IconTip,
+  ht as Input,
+  gn as InputGroup,
+  Sa as InputOtp,
+  Uo as Item,
+  Wo as ItemAction,
+  Bo as ItemContent,
+  _o as ItemDescription,
+  Ho as ItemList,
+  jo as ItemMedia,
+  Fo as ItemMeta,
+  Ko as ItemTitle,
+  sa as Kbd,
+  la as KbdGroup,
+  Mo as LineChart,
+  Ua as Listbox,
+  ja as ListboxOption,
+  Ja as LiveValue,
+  Na as Menu,
+  wa as MenuChoiceGroup,
+  ya as MenuChoiceItem,
+  ka as MenuCommandItem,
+  Zt as Modal,
+  Ia as MultiSelect,
+  za as NativeSelect,
+  ma as PageContainer,
+  ao as Pagination,
+  Ro as PieChart,
+  hn as Popover,
+  _r as Pressable,
+  _a as Progress,
+  Po as RadarChart,
+  Lo as RadialGaugeChart,
+  Pa as RadioGroup,
+  Da as RangeSlider,
+  so as ResizablePaneGroup,
+  wo as ResourceIcon,
+  go as ScrollArea,
+  Oo as ScrollLoadMore,
+  No as SegSlider,
+  we as SegmentedControl,
+  bo as Separator,
+  lo as Sidebar,
+  uo as SidebarContent,
+  co as SidebarHeader,
+  fo as SidebarSection,
+  pa as Skeleton,
+  st as Slider,
+  On as SlidingTabs,
+  Ao as Sparkline,
+  aa as Spinner,
+  ua as SpotlightTour,
+  So as StatCard,
+  ha as StateView,
+  zo as StatsTable,
+  Eo as Subheading,
+  vn as Switch,
+  Ga as Table,
+  Xa as TableBody,
+  Za as TableCell,
+  Va as TableHead,
+  qa as TableHeader,
+  Ya as TableRow,
+  yo as Tag,
+  Co as TagList,
+  Rt as TagPill,
+  va as Textarea,
+  ro as ThemeEditor,
+  to as ThemeProvider,
+  io as TimeField,
+  ia as ToastProvider,
+  La as ToggleGroup,
+  Aa as Toolbar,
+  $a as ToolbarButton,
+  Ha as ToolbarSeparator,
+  Ea as ToolbarToggleGroup,
+  Oa as ToolbarToggleItem,
+  Xo as UI_KIT_CATEGORIES,
+  Yo as UI_KIT_COMPONENTS,
+  Jo as UI_KIT_COMPONENT_API,
+  Vo as UI_KIT_DEFERRED_COMPONENTS,
+  yn as UI_THEME_ACCENTS,
+  wn as UI_THEME_BRANDS,
+  te as UI_THEME_DEFAULTS,
+  kn as UI_THEME_NEUTRALS,
+  qe as UI_THEME_SEMANTICS,
+  ho as WidgetFrame,
+  mo as WidgetPicker,
+  po as WorkspaceGrid,
+  Qa as applyUiThemeSettings,
+  Xe as axisProps,
+  xa as fieldInputClass,
+  fn as fieldTextareaClass,
+  dr as gridProps,
+  Qe as normalizeUiThemeSettings,
+  er as uiThemeStyle,
+  lr as useSlideIndicator,
+  oa as useToast,
+  eo as useUiTheme
+};