@jinaan/uikit 0.0.0-stage → 0.1.1

package/dist/index.js

@@ -0,0 +1,1649 @@
+import { jsx as e, jsxs as i, Fragment as De } from "react/jsx-runtime";
+import { CircleNotch as tt, Robot as at, Terminal as rt, Check as V, Copy as Te, XCircle as nt, Warning as lt, CheckCircle as st, Info as it, Minus as ot, X as be, CaretDown as Q, MagnifyingGlass as dt, Columns as ct, Lock as mt, FunnelSimple as ye, WarningCircle as ut, CaretUp as bt, CaretUpDown as pt } from "@phosphor-icons/react";
+import { forwardRef as b, useState as D, useContext as ht, useId as te, createContext as ft, useMemo as we, useEffect as Ce } from "react";
+import { Slot as xt } from "@radix-ui/react-slot";
+import { cva as pe } from "class-variance-authority";
+import { clsx as vt } from "clsx";
+import { twMerge as gt } from "tailwind-merge";
+import * as he from "@radix-ui/react-avatar";
+import * as ze from "@radix-ui/react-checkbox";
+import * as T from "@radix-ui/react-dialog";
+import * as z from "@radix-ui/react-dropdown-menu";
+import * as C from "@radix-ui/react-select";
+import * as Nt from "@radix-ui/react-label";
+import * as yt from "@radix-ui/react-separator";
+import * as q from "@radix-ui/react-tooltip";
+function l(...t) {
+  return gt(vt(t));
+}
+function wt({ className: t }) {
+  return /* @__PURE__ */ e(
+    tt,
+    {
+      className: l("size-4 animate-spin text-muted", t),
+      weight: "bold",
+      "aria-hidden": !0
+    }
+  );
+}
+const Ct = pe(
+  "relative inline-flex select-none items-center justify-center gap-[var(--control-gap)] whitespace-nowrap rounded-[var(--control-radius)] border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[120ms] active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/40 focus-visible:ring-offset-1 focus-visible:ring-offset-canvas disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "btn-fill btn-inner-border border-0 [--button-inner:var(--button-primary-inner)] bg-[var(--button-primary-bg)] text-[var(--button-primary-fg)] hover:bg-[var(--button-primary-hover)] active:bg-[var(--button-primary-active)]",
+        secondary: "btn-fill btn-inner-border btn-interactive border-0 bg-[var(--button-secondary-bg)] text-fg hover:bg-[var(--button-surface-hover)] active:bg-[var(--button-surface-active)]",
+        outline: "btn-interactive border-[var(--button-outline-border)] bg-transparent text-fg hover:border-fg/12 hover:bg-[var(--button-surface-hover)] active:border-fg/12 active:bg-[var(--button-surface-active)] dark:hover:border-[var(--button-outline-border)] dark:active:border-[var(--button-outline-border)]",
+        ghost: "btn-inner-border btn-interactive border-0 text-muted hover:bg-[var(--button-surface-hover)] hover:text-fg active:bg-[var(--button-surface-active)]",
+        destructive: "btn-fill btn-inner-border border-0 [--button-inner:var(--button-destructive-inner)] bg-[var(--button-destructive-bg)] text-[var(--button-destructive-fg)] hover:bg-[var(--button-destructive-hover)] active:bg-[var(--button-destructive-active)]",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        xs: "h-[var(--control-h-xs)] [--control-gap:var(--control-gap-xs)] px-[var(--control-pad-x-xs)] text-xs [&_svg]:size-[var(--control-icon-xs)]",
+        sm: "h-[var(--control-h-sm)] px-[var(--control-pad-x-sm)] text-sm [&_svg]:size-[var(--control-icon-sm)]",
+        md: "h-[var(--control-h-md)] px-[var(--control-pad-x-md)] text-sm [&_svg]:size-[var(--control-icon-md)]",
+        lg: "h-[var(--control-h-lg)] px-[var(--control-pad-x-lg)] text-sm [&_svg]:size-[var(--control-icon-lg)]",
+        xl: "rounded-[var(--control-radius-xl)] h-[var(--control-h-xl)] px-[var(--control-pad-x-xl)] text-base [&_svg]:size-[var(--control-icon-xl)]",
+        icon: "h-[var(--control-h-md)] w-[var(--control-h-md)] p-0 [&_svg]:size-[var(--control-icon-md)]"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), zt = {
+  xs: "[&_svg]:size-[var(--control-icon-xs)]",
+  sm: "[&_svg]:size-[var(--control-icon-sm)]",
+  md: "[&_svg]:size-[var(--control-icon-md)]",
+  lg: "[&_svg]:size-[var(--control-icon-lg)]",
+  xl: "[&_svg]:size-[var(--control-icon-xl)]",
+  icon: "[&_svg]:size-[var(--control-icon-md)]"
+}, w = b(
+  ({
+    className: t,
+    variant: r,
+    size: n = "md",
+    asChild: s = !1,
+    leadingIcon: d,
+    trailingIcon: u,
+    iconOnly: c = !1,
+    loading: m = !1,
+    fullWidth: h = !1,
+    disabled: v,
+    children: g,
+    ...I
+  }, k) => {
+    const S = s ? xt : "button", y = zt[n ?? "md"];
+    return /* @__PURE__ */ e(
+      S,
+      {
+        ref: k,
+        "aria-busy": m || void 0,
+        disabled: s ? void 0 : v || m,
+        className: l(
+          Ct({ variant: r, size: n }),
+          c && "aspect-square px-0",
+          h && "w-full",
+          t
+        ),
+        ...I,
+        children: s ? g : /* @__PURE__ */ i(De, { children: [
+          m ? /* @__PURE__ */ e(wt, { className: l("text-current", y), "aria-hidden": !0 }) : d ? /* @__PURE__ */ e("span", { className: l("inline-flex shrink-0", y), "aria-hidden": !0, children: d }) : null,
+          g,
+          !m && u ? /* @__PURE__ */ e("span", { className: l("inline-flex shrink-0", y), "aria-hidden": !0, children: u }) : null
+        ] })
+      }
+    );
+  }
+);
+w.displayName = "Button";
+function xa({
+  command: t,
+  tag: r = "Build with agents",
+  icon: n,
+  className: s
+}) {
+  const [d, u] = D(!1), c = async () => {
+    try {
+      await navigator.clipboard.writeText(t), u(!0), window.setTimeout(() => u(!1), 1500);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ i("div", { className: l("relative inline-flex max-w-full", s), children: [
+    /* @__PURE__ */ i("span", { className: "absolute -top-2.5 left-4 z-10 inline-flex items-center gap-1.5 rounded-md bg-fg px-2 py-1 text-[11px] font-medium text-canvas shadow-sm", children: [
+      n ?? /* @__PURE__ */ e(at, { className: "size-3.5", weight: "fill" }),
+      r
+    ] }),
+    /* @__PURE__ */ i("div", { className: "flex w-full items-center gap-2 rounded-xl border border-line bg-surface py-2 pl-3 pr-2 shadow-sm", children: [
+      /* @__PURE__ */ e(rt, { className: "size-4 shrink-0 text-subtle", "aria-hidden": !0 }),
+      /* @__PURE__ */ e("span", { className: "truncate font-mono text-sm text-fg", children: t }),
+      /* @__PURE__ */ e(
+        w,
+        {
+          variant: "ghost",
+          size: "sm",
+          iconOnly: !0,
+          "aria-label": "Copy prompt",
+          className: "ml-auto",
+          onClick: c,
+          children: d ? /* @__PURE__ */ e(V, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Te, {})
+        }
+      )
+    ] })
+  ] });
+}
+const Ie = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  he.Root,
+  {
+    ref: n,
+    className: l(
+      "relative flex size-8 shrink-0 overflow-hidden rounded-full border border-line",
+      t
+    ),
+    ...r
+  }
+));
+Ie.displayName = "Avatar";
+const je = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  he.Image,
+  {
+    ref: n,
+    className: l("aspect-square size-full object-cover", t),
+    ...r
+  }
+));
+je.displayName = "AvatarImage";
+const _e = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  he.Fallback,
+  {
+    ref: n,
+    className: l(
+      "flex size-full items-center justify-center bg-elevated text-xs font-medium text-muted",
+      t
+    ),
+    ...r
+  }
+));
+_e.displayName = "AvatarFallback";
+const kt = pe(
+  "inline-flex items-center gap-1.5 rounded-md border px-2 py-0.5 text-xs font-medium",
+  {
+    variants: {
+      variant: {
+        neutral: "border-line bg-elevated text-muted",
+        outline: "border-line bg-transparent text-muted",
+        success: "border-success/30 bg-success/10 text-success",
+        warning: "border-warning/30 bg-warning/10 text-warning",
+        error: "border-error/30 bg-error/10 text-error",
+        info: "border-info/30 bg-info/10 text-info",
+        primary: "border-primary/30 bg-primary/10 text-primary"
+      }
+    },
+    defaultVariants: { variant: "neutral" }
+  }
+), St = pe("size-1.5 shrink-0 rounded-full", {
+  variants: {
+    variant: {
+      neutral: "bg-subtle",
+      outline: "bg-subtle",
+      success: "bg-success",
+      warning: "bg-warning",
+      error: "bg-error",
+      info: "bg-info",
+      primary: "bg-primary"
+    }
+  },
+  defaultVariants: { variant: "neutral" }
+});
+function Dt({ className: t, variant: r, dot: n = !1, children: s, ...d }) {
+  return /* @__PURE__ */ i("span", { className: l(kt({ variant: r }), t), ...d, children: [
+    n ? /* @__PURE__ */ e("span", { className: l(St({ variant: r })), "aria-hidden": !0 }) : null,
+    s
+  ] });
+}
+const Tt = {
+  info: {
+    Icon: it,
+    className: "border-info/30 bg-info/10",
+    iconClassName: "text-info"
+  },
+  success: {
+    Icon: st,
+    className: "border-success/30 bg-success/10",
+    iconClassName: "text-success"
+  },
+  warning: {
+    Icon: lt,
+    className: "border-warning/30 bg-warning/10",
+    iconClassName: "text-warning"
+  },
+  error: {
+    Icon: nt,
+    className: "border-error/30 bg-error/10",
+    iconClassName: "text-error"
+  }
+};
+function va({
+  variant: t = "info",
+  title: r,
+  children: n,
+  icon: s,
+  className: d
+}) {
+  const { Icon: u, className: c, iconClassName: m } = Tt[t];
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: t === "error" ? "alert" : void 0,
+      className: l(
+        "flex items-start gap-2.5 rounded-lg border px-3.5 py-3 text-sm",
+        c,
+        d
+      ),
+      children: [
+        /* @__PURE__ */ e("span", { className: l("mt-0.5 shrink-0 [&_svg]:size-4", m), children: s ?? /* @__PURE__ */ e(u, { weight: "fill" }) }),
+        /* @__PURE__ */ i("div", { className: "min-w-0 space-y-0.5", children: [
+          r ? /* @__PURE__ */ e("p", { className: "font-medium text-fg", children: r }) : null,
+          n ? /* @__PURE__ */ e("div", { className: "text-muted", children: n }) : null
+        ] })
+      ]
+    }
+  );
+}
+const It = b(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      className: l(
+        "rounded-card border border-line bg-surface shadow-xs",
+        t
+      ),
+      ...r
+    }
+  )
+);
+It.displayName = "Card";
+const jt = b(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      className: l("flex flex-col gap-1 border-b border-line px-5 py-4", t),
+      ...r
+    }
+  )
+);
+jt.displayName = "CardHeader";
+const _t = b(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ e("h2", { ref: n, className: l("text-sm font-semibold text-fg", t), ...r })
+);
+_t.displayName = "CardTitle";
+const Pt = b(({ className: t, ...r }, n) => /* @__PURE__ */ e("p", { ref: n, className: l("text-sm text-muted", t), ...r }));
+Pt.displayName = "CardDescription";
+const Mt = b(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: l("px-5 py-4", t), ...r })
+);
+Mt.displayName = "CardContent";
+const Lt = b(
+  ({ className: t, ...r }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      className: l("flex items-center gap-3 border-t border-line px-5 py-3", t),
+      ...r
+    }
+  )
+);
+Lt.displayName = "CardFooter";
+const ce = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  ze.Root,
+  {
+    ref: n,
+    className: l(
+      "peer size-4 shrink-0 rounded border border-line-strong bg-surface transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/40",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-fg",
+      "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-fg",
+      t
+    ),
+    ...r,
+    children: /* @__PURE__ */ e(ze.Indicator, { className: "flex items-center justify-center text-current", children: r.checked === "indeterminate" ? /* @__PURE__ */ e(ot, { className: "size-3", weight: "bold" }) : /* @__PURE__ */ e(V, { className: "size-3", weight: "bold" }) })
+  }
+));
+ce.displayName = "Checkbox";
+const Et = T.Root, At = T.Trigger, ga = T.Close, Pe = b(({ className: t, children: r, ...n }, s) => /* @__PURE__ */ i(T.Portal, { children: [
+  /* @__PURE__ */ e(T.Overlay, { className: "fixed inset-0 z-50 bg-overlay backdrop-blur-[1px] data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0" }),
+  /* @__PURE__ */ i(
+    T.Content,
+    {
+      ref: s,
+      className: l(
+        "fixed left-1/2 top-1/2 z-50 flex max-h-[min(85vh,44rem)] w-full max-w-[22.4rem] -translate-x-1/2 -translate-y-1/2 flex-col gap-0 overflow-hidden",
+        "rounded-2xl border border-[var(--dialog-shell-border)] bg-[var(--dialog-shell-bg)] pb-3 shadow-[var(--dialog-shell-shadow)] sm:pb-4",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+        "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[state=open]:slide-in-from-top-2 duration-200 ease-out",
+        "focus:outline-none",
+        t
+      ),
+      ...n,
+      children: [
+        r,
+        /* @__PURE__ */ i(T.Close, { className: "absolute right-3.5 top-3.5 z-10 rounded-sm text-subtle transition-colors hover:text-fg focus-visible:outline-none", children: [
+          /* @__PURE__ */ e(be, { className: "size-4" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+Pe.displayName = "DialogContent";
+function Bt({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "panel",
+      className: l(
+        "flex min-h-0 flex-1 flex-col overflow-hidden rounded-b-2xl border-x-0 border-t-0 border-b border-[var(--dialog-panel-border)] bg-[var(--dialog-panel-bg)] shadow-[var(--dialog-panel-shadow)]",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function Rt({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "body",
+      className: l("min-h-0 flex-1 overflow-y-auto px-5 py-4", t),
+      ...r
+    }
+  );
+}
+function Ft({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "header",
+      className: l(
+        "flex shrink-0 flex-col gap-1.5 border-b border-[var(--dialog-panel-border)] px-5 py-4",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function Ht({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "footer",
+      className: l(
+        "flex shrink-0 flex-col-reverse gap-2 px-3 pt-3 sm:flex-row sm:justify-end sm:px-4 sm:pt-3.5",
+        t
+      ),
+      ...r
+    }
+  );
+}
+const Me = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  T.Title,
+  {
+    ref: n,
+    className: l("text-base font-semibold text-fg", t),
+    ...r
+  }
+));
+Me.displayName = "DialogTitle";
+const $t = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  T.Description,
+  {
+    ref: n,
+    className: l("text-sm text-muted", t),
+    ...r
+  }
+));
+$t.displayName = "DialogDescription";
+const Le = ft(null);
+function Gt({
+  label: t,
+  value: r,
+  onChange: n,
+  disabled: s = !1,
+  name: d,
+  className: u,
+  children: c,
+  ...m
+}) {
+  const h = te(), v = d ?? h;
+  return /* @__PURE__ */ e(Le.Provider, { value: { name: v, value: r, onChange: n, disabled: s }, children: /* @__PURE__ */ i("fieldset", { className: l("flex flex-col gap-6", u), ...m, children: [
+    /* @__PURE__ */ e("legend", { className: "sr-only", children: t }),
+    c
+  ] }) });
+}
+function qt({
+  value: t,
+  title: r,
+  description: n,
+  badge: s,
+  disabled: d = !1,
+  className: u
+}) {
+  const c = ht(Le), m = te();
+  if (!c)
+    throw new Error("RadioCard must be rendered inside a RadioGroup");
+  const h = d || c.disabled, v = c.value === t;
+  return /* @__PURE__ */ i(
+    "label",
+    {
+      className: l(
+        "group relative flex items-start gap-3",
+        h ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        u
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "radio",
+            name: c.name,
+            value: t,
+            checked: v,
+            disabled: h,
+            onChange: () => {
+              var g;
+              return (g = c.onChange) == null ? void 0 : g.call(c, t);
+            },
+            "aria-describedby": n ? m : void 0,
+            className: "peer sr-only"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: l(
+              "mt-0.5 grid size-4.5 shrink-0 place-items-center rounded-full border-2 border-transparent bg-line-strong transition-colors",
+              "peer-checked:border-[5px] peer-checked:border-primary peer-checked:bg-primary-fg",
+              "peer-focus-visible:ring-2 peer-focus-visible:ring-focus/40 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-canvas"
+            )
+          }
+        ),
+        /* @__PURE__ */ i("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ i("span", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-base font-semibold text-fg", children: r }),
+            s ? /* @__PURE__ */ e(Dt, { variant: "primary", children: s }) : null
+          ] }),
+          n ? /* @__PURE__ */ e("span", { id: m, className: "mt-1 block text-sm text-muted", children: n }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Na({
+  open: t,
+  onOpenChange: r,
+  trigger: n,
+  title: s,
+  options: d,
+  defaultValue: u,
+  value: c,
+  onValueChange: m,
+  cancelLabel: h = "Cancel",
+  confirmLabel: v = "Continue",
+  onConfirm: g
+}) {
+  var P;
+  const [I, k] = D(u ?? ((P = d[0]) == null ? void 0 : P.value) ?? ""), S = c ?? I;
+  return /* @__PURE__ */ i(Et, { open: t, onOpenChange: r, children: [
+    n ? /* @__PURE__ */ e(At, { asChild: !0, children: n }) : null,
+    /* @__PURE__ */ i(
+      Pe,
+      {
+        "aria-describedby": void 0,
+        className: "max-w-[29.4rem] [&>button]:hidden",
+        children: [
+          /* @__PURE__ */ i(Bt, { children: [
+            /* @__PURE__ */ e(Ft, { children: /* @__PURE__ */ e(Me, { className: "text-xl", children: s }) }),
+            /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ e(Gt, { label: s, value: S, onChange: (N) => {
+              c === void 0 && k(N), m == null || m(N);
+            }, children: d.map((N) => /* @__PURE__ */ e(
+              qt,
+              {
+                value: N.value,
+                title: N.title,
+                description: N.description,
+                badge: N.badge
+              },
+              N.value
+            )) }) })
+          ] }),
+          /* @__PURE__ */ i(Ht, { className: "gap-3 pt-2.5", children: [
+            /* @__PURE__ */ e(
+              w,
+              {
+                variant: "secondary",
+                className: "flex-1",
+                onClick: () => r == null ? void 0 : r(!1),
+                children: h
+              }
+            ),
+            /* @__PURE__ */ e(w, { className: "flex-1", onClick: () => g == null ? void 0 : g(S), children: v })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function ya({ code: t, label: r, className: n }) {
+  const [s, d] = D(!1), u = async () => {
+    try {
+      await navigator.clipboard.writeText(t), d(!0), window.setTimeout(() => d(!1), 1500);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: l(
+        "overflow-hidden rounded-lg border border-line bg-canvas",
+        n
+      ),
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 border-b border-line px-3 py-2", children: [
+          /* @__PURE__ */ e("span", { className: "truncate text-xs font-medium text-subtle", children: r }),
+          /* @__PURE__ */ e(
+            w,
+            {
+              variant: "ghost",
+              size: "sm",
+              leadingIcon: s ? /* @__PURE__ */ e(V, { className: "text-success", weight: "bold" }) : /* @__PURE__ */ e(Te, {}),
+              onClick: u,
+              children: s ? "Copied" : "Copy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("pre", { className: "overflow-x-auto p-4 font-mono text-xs leading-relaxed text-fg", children: /* @__PURE__ */ e("code", { children: t }) })
+      ]
+    }
+  );
+}
+const Vt = {
+  sm: "h-[var(--control-h-sm)] text-sm",
+  md: "h-[var(--control-h-md)] text-sm",
+  lg: "h-[var(--control-h-lg)] text-sm",
+  xl: "h-[var(--control-h-xl)] rounded-[var(--control-radius-xl)] text-base"
+}, Ot = {
+  sm: "px-[var(--control-pad-x-sm)]",
+  md: "px-[var(--control-pad-x-md)]",
+  lg: "px-[var(--control-pad-x-lg)]",
+  xl: "px-[var(--control-pad-x-xl)]"
+}, Wt = {
+  sm: "left-[var(--control-pad-x-sm)]",
+  md: "left-[var(--control-pad-x-md)]",
+  lg: "left-[var(--control-pad-x-lg)]",
+  xl: "left-[var(--control-pad-x-xl)]"
+}, ke = {
+  sm: "right-[var(--control-pad-x-sm)]",
+  md: "right-[var(--control-pad-x-md)]",
+  lg: "right-[var(--control-pad-x-lg)]",
+  xl: "right-[var(--control-pad-x-xl)]"
+}, se = {
+  sm: "size-[var(--control-icon-sm)]",
+  md: "size-[var(--control-icon-md)]",
+  lg: "size-[var(--control-icon-lg)]",
+  xl: "size-[var(--control-icon-xl)]"
+}, Ee = b(
+  ({
+    className: t,
+    containerClassName: r,
+    type: n = "text",
+    size: s = "md",
+    leadingIcon: d,
+    trailingIcon: u,
+    onClear: c,
+    value: m,
+    defaultValue: h,
+    error: v = !1,
+    helperText: g,
+    id: I,
+    "aria-describedby": k,
+    disabled: S,
+    readOnly: y,
+    ...P
+  }, N) => {
+    const A = te(), O = I ?? A, B = !!g, M = !!(c && (m !== void 0 ? String(m).length > 0 : h !== void 0 && String(h).length > 0)), W = B ? `${O}-description` : void 0, ae = [k, W].filter(Boolean).join(" ") || void 0, U = /* @__PURE__ */ e(
+      "input",
+      {
+        ref: N,
+        id: O,
+        type: n,
+        disabled: S,
+        readOnly: y,
+        "aria-invalid": v || void 0,
+        "aria-describedby": ae,
+        style: d || u || M ? {
+          paddingInlineStart: d ? `calc(var(--control-pad-x-${s}) + var(--control-icon-${s}) + var(--control-gap))` : void 0,
+          paddingInlineEnd: u || M ? `calc(var(--control-pad-x-${s}) + var(--control-icon-${s}) + var(--control-gap))` : void 0
+        } : void 0,
+        className: l(
+          "flex w-full rounded-[var(--control-radius)] border bg-[var(--input-bg)] text-[var(--input-fg)] transition-colors",
+          Vt[s],
+          Ot[s],
+          "placeholder:text-[var(--input-placeholder)]",
+          "hover:border-[var(--input-border-hover)]",
+          "focus-visible:outline-none focus-visible:border-[var(--input-border-focus)] focus-visible:ring-2 focus-visible:ring-focus/30",
+          v && "border-error hover:border-error focus-visible:border-error focus-visible:ring-error/30",
+          !v && "border-[var(--input-border)]",
+          S && "cursor-not-allowed bg-[var(--input-bg-disabled)] opacity-60 hover:border-[var(--input-border)]",
+          y && "cursor-default focus-visible:ring-0",
+          t
+        ),
+        value: m,
+        defaultValue: h,
+        ...P
+      }
+    );
+    return !d && !u && !M && !B ? U : /* @__PURE__ */ i("div", { className: l("w-full", r), children: [
+      /* @__PURE__ */ i("div", { className: "relative", children: [
+        d ? /* @__PURE__ */ e(
+          "span",
+          {
+            className: l(
+              "pointer-events-none absolute inset-y-0 flex items-center text-[var(--input-placeholder)]",
+              Wt[s]
+            ),
+            "aria-hidden": !0,
+            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: d })
+          }
+        ) : null,
+        U,
+        M ? /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Clear search",
+            onClick: c,
+            className: l(
+              "absolute inset-y-0 flex items-center text-[var(--input-placeholder)] transition-colors hover:text-[var(--input-fg)]",
+              ke[s]
+            ),
+            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: /* @__PURE__ */ e(be, {}) })
+          }
+        ) : u ? /* @__PURE__ */ e(
+          "span",
+          {
+            className: l(
+              "pointer-events-none absolute inset-y-0 flex items-center text-[var(--input-placeholder)]",
+              ke[s]
+            ),
+            "aria-hidden": !0,
+            children: /* @__PURE__ */ e("span", { className: l("inline-flex items-center justify-center", se[s]), children: u })
+          }
+        ) : null
+      ] }),
+      B ? /* @__PURE__ */ e(
+        "p",
+        {
+          id: W,
+          className: l("mt-1.5 text-xs", v ? "text-error" : "text-muted"),
+          children: g
+        }
+      ) : null
+    ] });
+  }
+);
+Ee.displayName = "Input";
+const ie = z.Root, oe = z.Trigger, wa = z.Group, Ca = z.Portal, Y = b(({ className: t, sideOffset: r = 6, ...n }, s) => /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+  z.Content,
+  {
+    ref: s,
+    sideOffset: r,
+    className: l(
+      "z-50 min-w-48 overflow-hidden rounded-lg border border-line bg-surface p-1 shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+      "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+      "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+      "duration-150 ease-out",
+      t
+    ),
+    ...n
+  }
+) }));
+Y.displayName = "DropdownMenuContent";
+const me = b(({ className: t, inset: r, ...n }, s) => /* @__PURE__ */ e(
+  z.Item,
+  {
+    ref: s,
+    className: l(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-fg outline-none transition-colors",
+      "focus:bg-elevated data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "[&_svg]:size-4 [&_svg]:text-muted",
+      r && "pl-8",
+      t
+    ),
+    ...n
+  }
+));
+me.displayName = "DropdownMenuItem";
+const Z = b(({ className: t, children: r, checked: n, ...s }, d) => /* @__PURE__ */ i(
+  z.CheckboxItem,
+  {
+    ref: d,
+    className: l(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none transition-colors focus:bg-elevated",
+      t
+    ),
+    checked: n,
+    ...s,
+    children: [
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(z.ItemIndicator, { children: /* @__PURE__ */ e(V, { className: "size-3.5" }) }) }),
+      r
+    ]
+  }
+));
+Z.displayName = "DropdownMenuCheckboxItem";
+const ee = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  z.Label,
+  {
+    ref: n,
+    className: l("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    ...r
+  }
+));
+ee.displayName = "DropdownMenuLabel";
+const ue = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  z.Separator,
+  {
+    ref: n,
+    className: l("-mx-1 my-1 h-px bg-line", t),
+    ...r
+  }
+));
+ue.displayName = "DropdownMenuSeparator";
+const Ut = C.Root, za = C.Group, Xt = C.Value, Ae = b(({ className: t, children: r, ...n }, s) => /* @__PURE__ */ i(
+  C.Trigger,
+  {
+    ref: s,
+    className: l(
+      "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-line bg-surface px-3 text-sm text-fg",
+      "focus:outline-none focus:border-primary focus:ring-2 focus:ring-focus/30 disabled:cursor-not-allowed disabled:opacity-50",
+      "[&>span]:truncate",
+      t
+    ),
+    ...n,
+    children: [
+      r,
+      /* @__PURE__ */ e(C.Icon, { asChild: !0, children: /* @__PURE__ */ e(Q, { className: "size-3.5 text-subtle" }) })
+    ]
+  }
+));
+Ae.displayName = "SelectTrigger";
+const Be = b(({ className: t, children: r, position: n = "popper", ...s }, d) => /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(
+  C.Content,
+  {
+    ref: d,
+    position: n,
+    className: l(
+      "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-line bg-surface p-1 shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+      "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+      "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+      "duration-150 ease-out",
+      t
+    ),
+    ...s,
+    children: /* @__PURE__ */ e(C.Viewport, { className: "p-0", children: r })
+  }
+) }));
+Be.displayName = "SelectContent";
+const Re = b(({ className: t, children: r, ...n }, s) => /* @__PURE__ */ i(
+  C.Item,
+  {
+    ref: s,
+    className: l(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-fg outline-none focus:bg-elevated data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t
+    ),
+    ...n,
+    children: [
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(C.ItemIndicator, { children: /* @__PURE__ */ e(V, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(C.ItemText, { children: r })
+    ]
+  }
+));
+Re.displayName = "SelectItem";
+const Kt = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  C.Label,
+  {
+    ref: n,
+    className: l("px-2 py-1.5 text-xs font-medium text-subtle", t),
+    ...r
+  }
+));
+Kt.displayName = "SelectLabel";
+function Jt({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: l(
+        "w-full overflow-hidden rounded-(--table-radius-outer) bg-table-container p-(--table-inset)",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function Qt({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: l(
+        "overflow-hidden rounded-(--table-radius-panel) border border-table-panel-border bg-table-panel",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function ka({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "table",
+    {
+      className: l("w-full table-fixed border-collapse caption-bottom text-sm", t),
+      ...r
+    }
+  );
+}
+function Sa({ className: t, ...r }) {
+  return /* @__PURE__ */ e("thead", { className: t, ...r });
+}
+function Yt({ className: t, ...r }) {
+  return /* @__PURE__ */ e("tbody", { className: l("[&_tr:last-child]:border-0", t), ...r });
+}
+function Zt({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "tr",
+    {
+      className: l(
+        "border-b border-table-panel-border transition-colors last:border-0 hover:bg-table-row-hover data-[state=selected]:bg-table-row-selected",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function Da({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "th",
+    {
+      className: l(
+        "h-(--table-header-h) whitespace-nowrap px-(--table-pad-x) text-left align-middle text-[0.8125rem] font-medium text-table-header",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function de({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "td",
+    {
+      className: l(
+        "px-(--table-pad-x) py-3 align-middle text-sm text-table-row data-numeric:font-numeric data-numeric:tabular-nums",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function ea({
+  icon: t,
+  title: r,
+  description: n,
+  action: s,
+  className: d
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: l(
+        "flex min-h-[22rem] flex-col items-center justify-center gap-5 px-6 py-16 text-center",
+        d
+      ),
+      children: [
+        t ? /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-table-muted [&_svg]:size-8", children: t }) : null,
+        /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold leading-tight text-table-header-active", children: r }),
+          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: n }) : null
+        ] }),
+        s ? /* @__PURE__ */ e("div", { className: "text-sm font-medium text-table-accent", children: s }) : null
+      ]
+    }
+  );
+}
+const ta = {
+  default: "bg-table-container",
+  muted: "bg-surface border border-line",
+  transparent: "bg-transparent"
+}, aa = {
+  default: "bg-table-panel border-table-panel-border",
+  muted: "bg-elevated border-line",
+  transparent: "bg-transparent border-line"
+};
+function ra(t) {
+  return typeof t == "object" && t !== null && "label" in t && typeof t.label == "string";
+}
+function na({
+  header: t,
+  children: r,
+  action: n,
+  tone: s = "default",
+  className: d,
+  headerClassName: u,
+  panelClassName: c,
+  minHeight: m
+}) {
+  const h = ra(n) ? /* @__PURE__ */ e(
+    w,
+    {
+      variant: n.variant ?? "primary",
+      size: "xs",
+      leadingIcon: n.href ? void 0 : n.icon,
+      onClick: n.onClick,
+      disabled: n.disabled,
+      asChild: !!n.href,
+      children: n.href ? /* @__PURE__ */ i("a", { href: n.href, children: [
+        n.icon,
+        n.label
+      ] }) : n.label
+    }
+  ) : n;
+  return /* @__PURE__ */ i(Jt, { className: l("relative", ta[s], d), children: [
+    /* @__PURE__ */ i("div", { className: "overflow-x-auto", children: [
+      t ? (
+        // Header rows must not inherit the body row hover surface.
+        /* @__PURE__ */ e("div", { className: l("[--table-row-hover:transparent]", u), children: t })
+      ) : null,
+      /* @__PURE__ */ e(
+        Qt,
+        {
+          className: l(aa[s], c),
+          style: m ? { minHeight: m } : void 0,
+          children: r
+        }
+      )
+    ] }),
+    h ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-4 top-(--table-inset) flex h-(--table-header-h) items-center", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: h }) }) : null
+  ] });
+}
+const la = "h-[var(--table-header-h)] whitespace-nowrap px-[var(--table-pad-x)] text-left align-middle text-[0.8125rem] font-medium", Se = "rounded-[6px] bg-surface text-fg shadow-xs ring-1 ring-line hover:bg-elevated hover:text-fg active:bg-elevated";
+function sa(t) {
+  return t.split(/\s+/).slice(0, 2).map((r) => {
+    var n;
+    return ((n = r[0]) == null ? void 0 : n.toUpperCase()) ?? "";
+  }).join("");
+}
+function Ta({
+  name: t,
+  secondary: r,
+  image: n
+}) {
+  return /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ i(Ie, { className: "size-8", children: [
+      n ? /* @__PURE__ */ e(je, { src: n, alt: "" }) : null,
+      /* @__PURE__ */ e(_e, { children: sa(t) })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ e("div", { className: "truncate font-medium text-table-header-active", children: t }),
+      r ? /* @__PURE__ */ e("div", { className: "truncate text-xs text-table-muted", children: r }) : null
+    ] })
+  ] });
+}
+function Ia({
+  rows: t,
+  columns: r,
+  getRowId: n,
+  loading: s = !1,
+  error: d,
+  empty: u,
+  search: c,
+  filters: m,
+  toolbarStart: h,
+  toolbarEnd: v,
+  tabs: g,
+  activeTab: I,
+  onTabChange: k,
+  infoBanner: S,
+  selectable: y = !1,
+  bulkActions: P,
+  rowActions: N,
+  onRowClick: A,
+  defaultSort: O,
+  pageSize: B = 25,
+  pageSizeOptions: M = [10, 25, 50, 100],
+  tone: W,
+  headerAction: ae,
+  headerClassName: U,
+  panelClassName: Fe,
+  className: He
+}) {
+  const [fe, xe] = D(
+    () => Object.fromEntries(
+      r.filter((a) => a.defaultHidden && !a.required).map((a) => [a.id, !0])
+    )
+  ), [f, $e] = D(
+    O ?? null
+  ), [R, X] = D(0), [L, Ge] = D(B), [E, re] = D(/* @__PURE__ */ new Set()), [qe, ne] = D([]), j = r.filter((a) => !fe[a.id]), ve = r.filter((a) => fe[a.id] && !a.required), le = (m ?? []).filter((a) => qe.includes(a.id)), Ve = (m ?? []).map((a) => `${a.id}:${a.value.join(",")}`).join("|"), K = we(() => {
+    let a = t;
+    for (const p of m ?? [])
+      p.value.length > 0 && (a = a.filter((x) => p.match(x, p.value)));
+    if (!c || !c.value.trim()) return a;
+    const o = c.value.trim().toLowerCase();
+    return a.filter((p) => c.keys(p).toLowerCase().includes(o));
+  }, [t, c, m]), F = we(() => {
+    if (!f) return K;
+    const a = r.find((p) => p.id === f.id);
+    if (!(a != null && a.sortValue)) return K;
+    const o = f.dir === "asc" ? 1 : -1;
+    return [...K].sort((p, x) => {
+      const $ = a.sortValue(p), G = a.sortValue(x);
+      return $ == null && G == null ? 0 : $ == null ? 1 : G == null ? -1 : typeof $ == "number" && typeof G == "number" ? ($ - G) * o : String($).localeCompare(String(G)) * o;
+    });
+  }, [K, f, r]), H = Math.max(1, Math.ceil(F.length / L));
+  Ce(() => {
+    X(0);
+  }, [c == null ? void 0 : c.value, L, f == null ? void 0 : f.id, f == null ? void 0 : f.dir, I, Ve]), Ce(() => {
+    R > H - 1 && X(H - 1);
+  }, [R, H]);
+  const J = R * L, _ = F.slice(J, J + L), Oe = (a) => {
+    a.sortable && $e(
+      (o) => (o == null ? void 0 : o.id) === a.id ? o.dir === "asc" ? { id: a.id, dir: "desc" } : null : { id: a.id, dir: "asc" }
+    );
+  }, ge = _.length > 0 && _.every((a) => E.has(n(a))), We = _.some((a) => E.has(n(a))), Ue = t.filter((a) => E.has(n(a))), Xe = () => {
+    re((a) => {
+      const o = new Set(a);
+      return ge ? _.forEach((p) => o.delete(n(p))) : _.forEach((p) => o.add(n(p))), o;
+    });
+  }, Ke = (a) => {
+    re((o) => {
+      const p = new Set(o);
+      return p.has(a) ? p.delete(a) : p.add(a), p;
+    });
+  }, Je = !!(c || m != null && m.length || h || v), Qe = j.some((a) => a.width), Ye = j.length > 1 ? 70 / (j.length - 1) : 100, Ze = j.map((a, o) => a.width ? a.width : Qe ? "auto" : `${o === 0 ? 30 : Ye}%`), Ne = [
+    ...y ? ["2.75rem"] : [],
+    ...Ze,
+    ...N ? ["11rem"] : []
+  ], et = (a) => (f == null ? void 0 : f.id) === a.id ? f.dir === "asc" ? "ascending" : "descending" : void 0;
+  return /* @__PURE__ */ i("div", { className: l("space-y-4", He), children: [
+    g && g.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b border-line", role: "tablist", children: g.map((a) => {
+      const o = a.id === I;
+      return /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": o,
+          onClick: () => k == null ? void 0 : k(a.id),
+          className: l(
+            "-mb-px border-b-2 px-3 py-2 text-sm transition-colors",
+            o ? "border-fg font-medium text-fg" : "border-transparent text-muted hover:text-fg"
+          ),
+          children: a.label
+        },
+        a.id
+      );
+    }) }),
+    Je && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+      c && /* @__PURE__ */ e(
+        Ee,
+        {
+          size: "sm",
+          type: "search",
+          "aria-label": c.placeholder ?? "Search",
+          placeholder: c.placeholder ?? "Search...",
+          value: c.value,
+          onChange: (a) => c.onChange(a.target.value),
+          onClear: () => c.onChange(""),
+          leadingIcon: /* @__PURE__ */ e(dt, {}),
+          containerClassName: "w-full sm:w-[280px]",
+          className: "rounded-[6px] border-0 bg-surface shadow-xs ring-1 ring-line"
+        }
+      ),
+      h,
+      /* @__PURE__ */ i(ie, { children: [
+        /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
+          w,
+          {
+            variant: "secondary",
+            size: "sm",
+            leadingIcon: /* @__PURE__ */ e(ct, {}),
+            trailingIcon: /* @__PURE__ */ e(Q, {}),
+            className: Se,
+            children: "Columns"
+          }
+        ) }),
+        /* @__PURE__ */ i(Y, { align: "end", className: "w-54", children: [
+          /* @__PURE__ */ e(ee, { className: "text-[13px]", children: "Active columns" }),
+          j.map((a) => /* @__PURE__ */ i(
+            Z,
+            {
+              checked: !0,
+              disabled: a.required,
+              onCheckedChange: () => xe((o) => ({ ...o, [a.id]: !0 })),
+              onSelect: (o) => o.preventDefault(),
+              className: "justify-between",
+              children: [
+                /* @__PURE__ */ e("span", { children: a.header }),
+                a.required ? /* @__PURE__ */ e(mt, { className: "size-3.5 text-subtle", "aria-hidden": !0 }) : null
+              ]
+            },
+            a.id
+          )),
+          ve.length > 0 ? /* @__PURE__ */ i(De, { children: [
+            /* @__PURE__ */ e(ue, {}),
+            /* @__PURE__ */ e(ee, { className: "text-[13px]", children: "Available columns" }),
+            ve.map((a) => /* @__PURE__ */ e(
+              Z,
+              {
+                checked: !1,
+                onCheckedChange: () => xe((o) => ({ ...o, [a.id]: !1 })),
+                onSelect: (o) => o.preventDefault(),
+                children: a.header
+              },
+              a.id
+            ))
+          ] }) : null
+        ] })
+      ] }),
+      m && m.length > 0 ? /* @__PURE__ */ i(ie, { children: [
+        /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
+          w,
+          {
+            variant: "secondary",
+            size: "sm",
+            iconOnly: !0,
+            "aria-label": "Add filter",
+            className: Se,
+            children: /* @__PURE__ */ e(ye, {})
+          }
+        ) }),
+        /* @__PURE__ */ e(Y, { align: "start", className: "w-54", children: m.map((a) => /* @__PURE__ */ e(
+          me,
+          {
+            onSelect: () => ne(
+              (o) => o.includes(a.id) ? o : [...o, a.id]
+            ),
+            children: a.label
+          },
+          a.id
+        )) })
+      ] }) : null,
+      v ? /* @__PURE__ */ e("div", { className: "flex-0 sm:ml-auto [&_button]:h-8 [&_button]:rounded-[6px]", children: v }) : null
+    ] }),
+    le.length > 0 ? /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+      le.map((a) => /* @__PURE__ */ i(ie, { children: [
+        /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ i(
+          w,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "rounded-[6px] bg-surface shadow-xs",
+            children: [
+              /* @__PURE__ */ e(ye, {}),
+              /* @__PURE__ */ e("span", { className: "font-medium", children: a.label }),
+              /* @__PURE__ */ e("span", { className: "h-4 w-px bg-line", "aria-hidden": !0 }),
+              /* @__PURE__ */ e("span", { className: "text-muted", children: a.value.length > 0 ? `${a.value.length} selected` : "Enter value" }),
+              /* @__PURE__ */ e(Q, { className: "text-muted" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ i(Y, { align: "start", className: "w-56", children: [
+          /* @__PURE__ */ i(ee, { className: "text-[13px]", children: [
+            "Filter by ",
+            a.label
+          ] }),
+          a.options.map((o) => {
+            const p = a.value.includes(o.value);
+            return /* @__PURE__ */ e(
+              Z,
+              {
+                checked: p,
+                onCheckedChange: () => a.onChange(
+                  p ? a.value.filter((x) => x !== o.value) : [...a.value, o.value]
+                ),
+                onSelect: (x) => x.preventDefault(),
+                children: o.label
+              },
+              o.value
+            );
+          }),
+          /* @__PURE__ */ e(ue, {}),
+          /* @__PURE__ */ e(
+            me,
+            {
+              onSelect: () => {
+                a.onChange([]), ne((o) => o.filter((p) => p !== a.id));
+              },
+              children: "Clear filter"
+            }
+          )
+        ] })
+      ] }, a.id)),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            for (const a of le) a.onChange([]);
+            ne([]);
+          },
+          className: "text-sm text-muted transition-colors hover:text-fg",
+          children: "Clear filters"
+        }
+      )
+    ] }) : null,
+    S,
+    y && E.size > 0 && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-line bg-elevated px-3 py-2 text-sm", children: [
+      /* @__PURE__ */ i("span", { className: "font-medium text-fg", children: [
+        E.size,
+        " selected"
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (P ?? []).map((a) => /* @__PURE__ */ i(
+        w,
+        {
+          size: "sm",
+          variant: a.variant ?? "outline",
+          disabled: a.disabled,
+          onClick: () => void a.onRun(Ue),
+          children: [
+            a.icon,
+            a.label
+          ]
+        },
+        a.label
+      )) }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          onClick: () => re(/* @__PURE__ */ new Set()),
+          className: "ml-auto inline-flex items-center gap-1 text-xs text-muted hover:text-fg",
+          children: [
+            /* @__PURE__ */ e(be, { className: "size-3.5" }),
+            "Clear"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      na,
+      {
+        action: ae,
+        tone: W,
+        headerClassName: U,
+        panelClassName: Fe,
+        header: (
+          // Visible header: presentational so its controls stay focusable while
+          // the body table carries the semantic column headers (sr-only).
+          /* @__PURE__ */ i("table", { role: "presentation", className: "w-full table-fixed border-collapse", children: [
+            /* @__PURE__ */ e("colgroup", { children: Ne.map((a, o) => /* @__PURE__ */ e("col", { style: { width: a } }, o)) }),
+            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+              y && /* @__PURE__ */ e("th", { className: "h-[var(--table-header-h)] w-11 px-4 align-middle", children: /* @__PURE__ */ e(
+                ce,
+                {
+                  "aria-label": "Select all rows",
+                  checked: ge ? !0 : We ? "indeterminate" : !1,
+                  onCheckedChange: Xe
+                }
+              ) }),
+              j.map((a) => /* @__PURE__ */ e(
+                "th",
+                {
+                  className: l(la, a.align === "right" && "text-right", a.className),
+                  children: a.sortable ? /* @__PURE__ */ i(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Sort by ${a.header}`,
+                      onClick: () => Oe(a),
+                      className: l(
+                        "inline-flex items-center gap-1.5 transition-colors hover:text-table-header-active",
+                        (f == null ? void 0 : f.id) === a.id && "text-table-header-active"
+                      ),
+                      children: [
+                        a.header,
+                        (f == null ? void 0 : f.id) === a.id ? f.dir === "asc" ? /* @__PURE__ */ e(bt, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(Q, { className: "size-3.5", weight: "bold" }) : /* @__PURE__ */ e(pt, { className: "size-3.5 opacity-50" })
+                      ]
+                    }
+                  ) : a.header
+                },
+                a.id
+              )),
+              N && /* @__PURE__ */ e("th", { className: "h-[var(--table-header-h)] w-44 px-4 align-middle", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
+            ] }) })
+          ] })
+        ),
+        children: s ? /* @__PURE__ */ e("div", { className: "space-y-2 p-4", children: [0, 1, 2].map((a) => /* @__PURE__ */ e("div", { className: "h-11 w-full animate-pulse rounded-lg bg-table-row-hover" }, a)) }) : d ? /* @__PURE__ */ i("div", { className: "flex min-h-[22rem] flex-col items-center justify-center gap-4 px-6 py-16 text-center", children: [
+          /* @__PURE__ */ e("div", { className: "flex size-[var(--table-empty-icon)] items-center justify-center rounded-2xl border border-table-empty-icon-border bg-table-empty-icon text-error [&_svg]:size-8", children: /* @__PURE__ */ e(ut, { weight: "duotone" }) }),
+          /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e("p", { className: "text-[1.75rem] font-semibold text-table-header-active", children: d.title }),
+            d.description ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-md text-base leading-relaxed text-table-muted", children: d.description }) : null
+          ] }),
+          d.action
+        ] }) : _.length === 0 ? /* @__PURE__ */ e(
+          ea,
+          {
+            icon: u == null ? void 0 : u.icon,
+            title: (u == null ? void 0 : u.title) ?? "No results",
+            description: typeof (u == null ? void 0 : u.description) == "string" ? u.description : void 0,
+            action: u == null ? void 0 : u.action
+          }
+        ) : /* @__PURE__ */ i("table", { className: "w-full table-fixed border-collapse", children: [
+          /* @__PURE__ */ e("colgroup", { children: Ne.map((a, o) => /* @__PURE__ */ e("col", { style: { width: a } }, o)) }),
+          /* @__PURE__ */ e("thead", { className: "sr-only", children: /* @__PURE__ */ i("tr", { children: [
+            y && /* @__PURE__ */ e("th", { scope: "col", children: "Select" }),
+            j.map((a) => /* @__PURE__ */ e("th", { scope: "col", "aria-sort": et(a), children: a.header }, a.id)),
+            N && /* @__PURE__ */ e("th", { scope: "col", children: "Actions" })
+          ] }) }),
+          /* @__PURE__ */ e(Yt, { children: _.map((a) => {
+            const o = n(a), p = E.has(o);
+            return /* @__PURE__ */ i(
+              Zt,
+              {
+                "data-state": p ? "selected" : void 0,
+                onClick: A ? () => A(a) : void 0,
+                className: A ? "cursor-pointer" : void 0,
+                children: [
+                  y && /* @__PURE__ */ e(de, { className: "w-11 px-4", onClick: (x) => x.stopPropagation(), children: /* @__PURE__ */ e(
+                    ce,
+                    {
+                      "aria-label": "Select row",
+                      checked: p,
+                      onCheckedChange: () => Ke(o)
+                    }
+                  ) }),
+                  j.map((x) => /* @__PURE__ */ e(
+                    de,
+                    {
+                      "data-numeric": x.numeric ? "" : void 0,
+                      className: l(x.align === "right" && "text-right", x.className),
+                      children: x.cell(a)
+                    },
+                    x.id
+                  )),
+                  N && /* @__PURE__ */ e(de, { className: "w-44 px-4 text-right", onClick: (x) => x.stopPropagation(), children: N(a) })
+                ]
+              },
+              o
+            );
+          }) })
+        ] })
+      }
+    ),
+    !s && !d && F.length > 0 && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm", children: [
+      /* @__PURE__ */ i("span", { className: "text-muted", children: [
+        J + 1,
+        "–",
+        Math.min(J + L, F.length),
+        " of ",
+        F.length
+      ] }),
+      /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ i(Ut, { value: String(L), onValueChange: (a) => Ge(Number(a)), children: [
+          /* @__PURE__ */ e(Ae, { "aria-label": "Rows per page", className: "h-8 w-[110px]", children: /* @__PURE__ */ e(Xt, {}) }),
+          /* @__PURE__ */ e(Be, { children: M.map((a) => /* @__PURE__ */ i(Re, { value: String(a), children: [
+            a,
+            " / page"
+          ] }, a)) })
+        ] }),
+        /* @__PURE__ */ e(
+          w,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: R <= 0,
+            onClick: () => X((a) => Math.max(0, a - 1)),
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ e(
+          w,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: R >= H - 1,
+            onClick: () => X((a) => Math.min(H - 1, a + 1)),
+            children: "Next"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ja({ icon: t, title: r, description: n, action: s, className: d }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: l(
+        "flex flex-col items-center justify-center gap-4 rounded-card border border-line bg-surface px-6 py-16 text-center",
+        d
+      ),
+      children: [
+        t ? /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-xl border border-line bg-elevated text-subtle [&_svg]:size-6", children: t }) : null,
+        /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-fg", children: r }),
+          n ? /* @__PURE__ */ e("p", { className: "mx-auto max-w-sm text-sm text-muted", children: n }) : null
+        ] }),
+        s
+      ]
+    }
+  );
+}
+function _a({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "kbd",
+    {
+      className: l(
+        "inline-flex h-5 min-w-5 items-center justify-center rounded border border-line bg-elevated px-1.5 font-mono text-[11px] font-medium text-subtle",
+        t
+      ),
+      ...r
+    }
+  );
+}
+const ia = b(({ className: t, ...r }, n) => /* @__PURE__ */ e(
+  Nt.Root,
+  {
+    ref: n,
+    className: l(
+      "text-sm font-medium text-fg leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      t
+    ),
+    ...r
+  }
+));
+ia.displayName = "Label";
+function Pa({
+  value: t,
+  onValueChange: r,
+  options: n,
+  size: s = "sm",
+  className: d,
+  ...u
+}) {
+  const c = te();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": u["aria-label"],
+      className: l(
+        "inline-flex w-fit items-center rounded-lg border border-line bg-canvas",
+        s === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)",
+        d
+      ),
+      children: n.map((m) => {
+        const h = m.value === t;
+        return /* @__PURE__ */ i(
+          "label",
+          {
+            className: l(
+              "inline-flex h-full cursor-pointer items-center justify-center gap-1.5 rounded-md text-sm font-medium transition-colors",
+              "has-focus-visible:ring-2 has-focus-visible:ring-focus/40",
+              s === "sm" ? "px-(--control-pad-x-sm) [&_svg]:size-(--control-icon-sm)" : "px-(--control-pad-x-md) [&_svg]:size-(--control-icon-md)",
+              h ? "btn-fill bg-(--button-secondary-bg) text-fg" : "text-muted hover:text-fg"
+            ),
+            children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "radio",
+                  name: c,
+                  value: m.value,
+                  checked: h,
+                  onChange: () => r(m.value),
+                  className: "sr-only"
+                }
+              ),
+              m.icon,
+              m.label
+            ]
+          },
+          m.value
+        );
+      })
+    }
+  );
+}
+const oa = b(({ className: t, orientation: r = "horizontal", decorative: n = !0, ...s }, d) => /* @__PURE__ */ e(
+  yt.Root,
+  {
+    ref: d,
+    decorative: n,
+    orientation: r,
+    className: l(
+      "shrink-0 bg-line",
+      r === "horizontal" ? "h-px w-full" : "h-full w-px",
+      t
+    ),
+    ...s
+  }
+));
+oa.displayName = "Separator";
+function Ma({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: l("animate-pulse rounded-md bg-elevated", t),
+      ...r
+    }
+  );
+}
+const La = q.Provider, Ea = q.Root, Aa = q.Trigger, da = b(({ className: t, sideOffset: r = 6, ...n }, s) => /* @__PURE__ */ e(q.Portal, { children: /* @__PURE__ */ e(
+  q.Content,
+  {
+    ref: s,
+    sideOffset: r,
+    className: l(
+      "z-50 overflow-hidden rounded-md border border-line bg-elevated px-2 py-1 text-xs text-fg shadow-md",
+      "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=delayed-open]:fade-in-0 data-[state=closed]:fade-out-0",
+      "data-[state=delayed-open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-1 data-[side=top]:slide-in-from-bottom-1",
+      "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
+      "duration-150 ease-out",
+      t
+    ),
+    ...n
+  }
+) }));
+da.displayName = "TooltipContent";
+export {
+  xa as AgentPrompt,
+  Ie as Avatar,
+  _e as AvatarFallback,
+  je as AvatarImage,
+  Dt as Badge,
+  w as Button,
+  va as Callout,
+  It as Card,
+  Mt as CardContent,
+  Pt as CardDescription,
+  Lt as CardFooter,
+  jt as CardHeader,
+  _t as CardTitle,
+  ce as Checkbox,
+  Na as ChoiceDialog,
+  ya as CodeBlock,
+  Ia as DataTable,
+  Ta as DataTableIdentity,
+  Et as Dialog,
+  Rt as DialogBody,
+  ga as DialogClose,
+  Pe as DialogContent,
+  $t as DialogDescription,
+  Ht as DialogFooter,
+  Ft as DialogHeader,
+  Bt as DialogPanel,
+  Me as DialogTitle,
+  At as DialogTrigger,
+  ie as DropdownMenu,
+  Z as DropdownMenuCheckboxItem,
+  Y as DropdownMenuContent,
+  wa as DropdownMenuGroup,
+  me as DropdownMenuItem,
+  ee as DropdownMenuLabel,
+  Ca as DropdownMenuPortal,
+  ue as DropdownMenuSeparator,
+  oe as DropdownMenuTrigger,
+  ja as EmptyState,
+  Ee as Input,
+  _a as Kbd,
+  ia as Label,
+  qt as RadioCard,
+  Gt as RadioGroup,
+  Pa as Segmented,
+  Ut as Select,
+  Be as SelectContent,
+  za as SelectGroup,
+  Re as SelectItem,
+  Kt as SelectLabel,
+  Ae as SelectTrigger,
+  Xt as SelectValue,
+  oa as Separator,
+  Ma as Skeleton,
+  wt as Spinner,
+  ka as Table,
+  Yt as TableBody,
+  de as TableCell,
+  Jt as TableContainer,
+  ea as TableEmptyState,
+  Da as TableHead,
+  Sa as TableHeader,
+  Qt as TablePanel,
+  Zt as TableRow,
+  na as TableSurface,
+  Ea as Tooltip,
+  da as TooltipContent,
+  La as TooltipProvider,
+  Aa as TooltipTrigger,
+  kt as badgeVariants,
+  Ct as buttonVariants
+};
+//# sourceMappingURL=index.js.map