@jinaan/uikit 0.0.0-stage → 0.1.0

package/dist/index.js

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