@hirobius/design-system 0.19.1 → 0.20.0

package/dist/chunks/empty-state-BBqhCx0S.js

@@ -0,0 +1,1217 @@
+'use client';
+import y from "../tokens.js";
+import * as g from "react";
+import D, { useState as Q, useEffect as Z, forwardRef as pe, useId as G } from "react";
+import { jsx as i, jsxs as k, Fragment as fe } from "react/jsx-runtime";
+import { Slot as me } from "@radix-ui/react-slot";
+import { cva as E } from "class-variance-authority";
+import { Loader2 as ue, ArrowUp as ge, ArrowDown as ye, ArrowUpDown as he } from "lucide-react";
+import { cn as h } from "../cn.js";
+import * as C from "@radix-ui/react-alert-dialog";
+import { createPortal as ve } from "react-dom";
+const ee = "(prefers-reduced-motion: reduce)";
+function be() {
+  return typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(ee).matches;
+}
+function we() {
+  const [t, e] = Q(be);
+  return Z(() => {
+    if (typeof window > "u" || !window.matchMedia) return;
+    const a = window.matchMedia(ee), n = () => e(a.matches);
+    return a.addEventListener ? a.addEventListener("change", n) : a.addListener(n), () => {
+      a.removeEventListener ? a.removeEventListener("change", n) : a.removeListener(n);
+    };
+  }, []), t;
+}
+function Wt(t) {
+  const e = we(), a = y.motion[t];
+  return e ? { ...a, duration: 0 } : a;
+}
+const te = Symbol("hds.env.absent");
+function xe() {
+  try {
+    return process.env.NODE_ENV;
+  } catch {
+    return te;
+  }
+}
+function ae() {
+  const t = xe();
+  return t === "production" || t === te;
+}
+function L() {
+  return !ae();
+}
+const Se = {
+  thin: 1,
+  light: 1.5,
+  regular: 2,
+  bold: 2.5,
+  fill: 2,
+  duotone: 2
+}, ke = /* @__PURE__ */ D.forwardRef(function({
+  icon: e,
+  size: a = "small",
+  color: n = "currentColor",
+  className: r = "",
+  style: o,
+  weight: c,
+  "aria-hidden": d = !0
+}, p) {
+  if (L() && !e)
+    return console.warn("[Icon] icon prop is missing or undefined. Provide a Lucide icon component."), null;
+  const s = y.iconSize[a] || a, f = c ? Se[c] : void 0, u = {
+    width: s,
+    height: s,
+    minWidth: s,
+    minHeight: s,
+    display: "block",
+    flexShrink: 0,
+    aspectRatio: "1 / 1",
+    ...o && typeof o == "object" ? o : void 0
+  };
+  return /* @__PURE__ */ i(
+    e,
+    {
+      ref: p,
+      size: typeof s == "number" ? s : void 0,
+      color: n,
+      className: r,
+      style: u,
+      strokeWidth: f,
+      "aria-hidden": d,
+      "data-hds-icon": ""
+    }
+  );
+}), K = /* @__PURE__ */ new Set();
+function Ce(t, e) {
+  ae() || K.has(t) || (K.add(t), console.warn(`[HDS deprecation] ${e} (${t})`));
+}
+const Ae = {
+  xs: 375,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280
+}, ne = ["xs", "sm", "md", "lg", "xl"], Ne = /* @__PURE__ */ new Set([
+  "opacity",
+  "zIndex",
+  "fontWeight",
+  "lineHeight",
+  "flex",
+  "flexGrow",
+  "flexShrink",
+  "order",
+  "zoom",
+  "tabSize",
+  "aspectRatio"
+]), Ee = /* @__PURE__ */ new Set([0, 1, 2, 3, 4, 5, 6, 7, 8, 10, 12, 16, 20, 24, 32]), R = {
+  xs: "var(--semantic-space-scale-xs)",
+  sm: "var(--semantic-space-scale-sm)",
+  md: "var(--semantic-space-scale-md)",
+  lg: "var(--semantic-space-scale-lg)",
+  xl: "var(--semantic-space-scale-xl)"
+}, M = {
+  tight: R.sm,
+  normal: R.md,
+  inset: R.lg,
+  spacious: R.xl
+}, Re = {
+  names: { ...M, medium: "var(--semantic-space-component-medium)" },
+  closed: !0
+}, ze = {
+  names: {
+    ...R,
+    tight: "var(--semantic-space-layout-tight)",
+    normal: "var(--semantic-space-layout-normal)",
+    inset: "var(--semantic-space-layout-inset)",
+    spacious: "var(--semantic-space-layout-spacious)"
+  },
+  numbers: "units"
+}, I = (t, e) => Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0, De = {
+  tight: "sm",
+  normal: "md",
+  inset: "lg",
+  spacious: "xl"
+}, _e = {
+  m: ["margin"],
+  mt: ["margin-top"],
+  mr: ["margin-right"],
+  mb: ["margin-bottom"],
+  ml: ["margin-left"],
+  mx: ["margin-left", "margin-right"],
+  my: ["margin-top", "margin-bottom"],
+  p: ["padding"],
+  pt: ["padding-top"],
+  pr: ["padding-right"],
+  pb: ["padding-bottom"],
+  pl: ["padding-left"],
+  px: ["padding-left", "padding-right"],
+  py: ["padding-top", "padding-bottom"],
+  gap: ["gap"],
+  rowGap: ["row-gap"],
+  columnGap: ["column-gap"]
+};
+function O(t, e) {
+  return "closed" in e ? typeof t == "string" ? I(e.names, t) : void 0 : typeof t == "number" ? e.numbers === "raw" ? t : Ee.has(t) ? `var(--primitive-space-${t})` : `calc(var(--primitive-space-1) * ${t})` : I(e.names, t) ?? t;
+}
+const Te = {
+  color: "color",
+  bgcolor: "background-color",
+  borderColor: "border-color",
+  fill: "fill",
+  stroke: "stroke"
+}, Pe = /* @__PURE__ */ new Set(["primary", "secondary", "disabled", "inverse", "accent"]), Oe = /* @__PURE__ */ new Set(["page", "raised", "overlay", "accent"]), $e = /* @__PURE__ */ new Set(["default", "subtle", "subdued", "strong", "accent"]), Le = /* @__PURE__ */ new Set(["success", "warning", "error", "info"]), Ie = /* @__PURE__ */ new Set(["hover", "pressed", "subtle", "content"]);
+function je(t) {
+  if (t === "accent") return "var(--semantic-accent-rest)";
+  const e = t.indexOf(".");
+  if (e === -1) return;
+  const a = t.slice(0, e), n = t.slice(e + 1);
+  if (a === "content" && Pe.has(n)) return `var(--semantic-color-content-${n})`;
+  if (a === "surface" && Oe.has(n)) return `var(--semantic-color-surface-${n})`;
+  if (a === "border" && $e.has(n)) return `var(--semantic-color-border-${n})`;
+  if (a === "feedback" && Le.has(n)) return `var(--semantic-color-feedback-${n})`;
+  if (a === "accent" && Ie.has(n)) return `var(--semantic-accent-${n})`;
+}
+function Me(t) {
+  return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+}
+function W(t, e) {
+  const a = _e[t];
+  if (a) {
+    const c = typeof e == "string" ? I(De, e) : void 0;
+    c && Ce(
+      `box-sx-spacing-${e}`,
+      `Box sx spacing name '${e}' is deprecated (hds#206) and is removed in 1.0.0. Use '${c}': same pixels at the default density, tighter under compact (MIGRATIONS.md).`
+    );
+    const d = O(e, ze);
+    return a.map((p) => `${p}:${d}`);
+  }
+  const n = Te[t];
+  if (n) {
+    const c = typeof e == "string" ? je(e) ?? e : String(e);
+    return [`${n}:${c}`];
+  }
+  const r = Me(t), o = typeof e == "number" ? Ne.has(t) ? String(e) : `${e}px` : e;
+  return [`${r}:${o}`];
+}
+function Be(t) {
+  return typeof t != "object" || t === null || Array.isArray(t) ? !1 : Object.keys(t).every((e) => ne.includes(e));
+}
+function Ve(t, e) {
+  const a = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = (s, f) => {
+    const u = a.get(s) ?? [];
+    u.push(...f), a.set(s, u);
+  }, o = (s, f, u) => {
+    let l = n.get(s);
+    l || (l = /* @__PURE__ */ new Map(), n.set(s, l));
+    const b = l.get(f) ?? [];
+    b.push(...u), l.set(f, b);
+  }, c = (s, f) => {
+    for (const [u, l] of Object.entries(s))
+      if (l != null) {
+        if (u.startsWith("&")) {
+          c(l, f + u.slice(1));
+          continue;
+        }
+        if (Be(l)) {
+          for (const b of ne) {
+            const m = l[b];
+            m !== void 0 && o(Ae[b], f, W(u, m));
+          }
+          continue;
+        }
+        r(f, W(u, l));
+      }
+  };
+  c(t, "");
+  const d = [];
+  for (const [s, f] of a)
+    f.length !== 0 && d.push(`.${e}${s}{${f.join(";")}}`);
+  const p = [...n.entries()].sort((s, f) => s[0] - f[0]);
+  for (const [s, f] of p) {
+    let u = "";
+    for (const [l, b] of f)
+      b.length !== 0 && (u += `.${e}${l}{${b.join(";")}}`);
+    u && d.push(`@media (min-width:${s}px){${u}}`);
+  }
+  return d;
+}
+function j(t) {
+  return t === void 0 ? "undefined" : t === null || typeof t != "object" ? JSON.stringify(t) : Array.isArray(t) ? `[${t.map(j).join(",")}]` : `{${Object.keys(t).sort().map((a) => `${JSON.stringify(a)}:${j(t[a])}`).join(",")}}`;
+}
+function He(t) {
+  let e = 5381;
+  for (let a = 0; a < t.length; a += 1)
+    e = e * 33 ^ t.charCodeAt(a);
+  return (e >>> 0).toString(36);
+}
+function Ge(t) {
+  return `hds-sx-${He(j(t))}`;
+}
+const U = /* @__PURE__ */ new Set();
+let z = null;
+function Ke() {
+  if (typeof document > "u") return null;
+  if (z && z.isConnected) return z;
+  let t = document.querySelector("style[data-hds-sx]");
+  return t || (t = document.createElement("style"), t.setAttribute("data-hds-sx", ""), document.head.appendChild(t)), z = t, z;
+}
+function Ut(t) {
+  const e = Ge(t);
+  if (U.has(e)) return e;
+  const a = Ke();
+  if (!a) return e;
+  const n = a.sheet;
+  if (!n) return e;
+  U.add(e);
+  for (const r of Ve(t, e))
+    try {
+      n.insertRule(r, n.cssRules.length);
+    } catch {
+    }
+  return e;
+}
+const We = /* @__PURE__ */ E(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-[colors,filter] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 active:inset-shadow-[0_0_0_9999px] active:inset-shadow-pressed-overlay/5 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+        secondary: "border border-input bg-background text-foreground hover:bg-accent hover:border-ring",
+        tertiary: "text-foreground hover:bg-accent"
+      },
+      // Semantic action color. `neutral` (default) keeps the variant's own
+      // colors; the status tones apply a token-driven tonal fill (tinted
+      // surface + matching feedback text) that clears AA in BOTH light and dark
+      // because the fg/bg feedback token pair flips together per theme. `!`
+      // (important) lets the tone override whichever `variant` colors are set,
+      // so `tone` composes with any variant. Drives the destructive/status
+      // actions consumers previously kept on MUI.
+      tone: {
+        neutral: "",
+        danger: "!border-transparent !bg-feedback-bg-danger !text-feedback-danger hover:!brightness-95 dark:hover:!brightness-110",
+        success: "!border-transparent !bg-feedback-bg-success !text-feedback-success hover:!brightness-95 dark:hover:!brightness-110",
+        warning: "!border-transparent !bg-feedback-bg-warning !text-feedback-warning hover:!brightness-95 dark:hover:!brightness-110",
+        info: "!border-transparent !bg-feedback-bg-info !text-feedback-info hover:!brightness-95 dark:hover:!brightness-110"
+      },
+      size: {
+        sm: "h-8 px-3 text-xs [&_svg]:size-3.5",
+        md: "h-10 px-4 py-2 text-sm [&_svg]:size-4",
+        lg: "h-12 px-6 text-base [&_svg]:size-5"
+      },
+      iconOnly: {
+        true: "p-0",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { iconOnly: !0, size: "sm", className: "w-8" },
+      { iconOnly: !0, size: "md", className: "w-10" },
+      { iconOnly: !0, size: "lg", className: "w-12" }
+    ],
+    defaultVariants: {
+      variant: "secondary",
+      tone: "neutral",
+      size: "md",
+      iconOnly: !1
+    }
+  }
+), Ue = "data-[pressed=true]:bg-accent data-[pressed=true]:text-accent-foreground";
+let Y = !1, X = !1;
+const Yt = /* @__PURE__ */ g.forwardRef(
+  function({
+    className: e,
+    variant: a,
+    tone: n,
+    size: r,
+    iconOnly: o = !1,
+    asChild: c = !1,
+    label: d,
+    loading: p = !1,
+    iconLeft: s,
+    iconRight: f,
+    disabled: u,
+    children: l,
+    type: b = "button",
+    pressed: m,
+    defaultPressed: v,
+    onPressedChange: w,
+    onClick: x,
+    ...N
+  }, _) {
+    const T = u || p, S = l ?? d, A = m !== void 0 || v !== void 0 || w !== void 0, [de, le] = g.useState(v ?? !1), P = m ?? de, B = A ? {
+      "aria-pressed": P,
+      "data-pressed": P ? "true" : "false",
+      onClick: (H) => {
+        x == null || x(H), !H.defaultPrevented && (m === void 0 && le(!P), w == null || w(!P));
+      }
+    } : { onClick: x }, V = h(
+      We({ variant: a, tone: n, size: r, iconOnly: o }),
+      A && Ue,
+      e
+    );
+    return c ? /* @__PURE__ */ i(
+      me,
+      {
+        ref: _,
+        className: V,
+        "aria-disabled": T || void 0,
+        "aria-busy": p || void 0,
+        "data-state": p ? "loading" : void 0,
+        "data-variant": a ?? void 0,
+        "data-tone": n ?? void 0,
+        "data-size": r ?? void 0,
+        ...B,
+        ...N,
+        children: l
+      }
+    ) : (o && !s && !p && !Y && L() && (Y = !0, console.warn(
+      "[Button] iconOnly renders only iconLeft; pass iconLeft (iconRight is hidden in iconOnly mode)."
+    )), o && !d && !N["aria-label"] && !N["aria-labelledby"] && !N.title && !X && L() && (X = !0, console.warn(
+      "[Button] iconOnly hides the label text, so the button has no accessible name; pass label (or aria-label / aria-labelledby)."
+    )), /* @__PURE__ */ k(
+      "button",
+      {
+        ref: _,
+        type: b,
+        disabled: T,
+        "aria-busy": p || void 0,
+        ...o && d ? { "aria-label": d } : {},
+        "data-state": p ? "loading" : void 0,
+        "data-variant": a ?? void 0,
+        "data-tone": n ?? void 0,
+        "data-size": r ?? void 0,
+        className: V,
+        ...B,
+        ...N,
+        children: [
+          p ? /* @__PURE__ */ i(ue, { className: "animate-spin", "aria-hidden": "true" }) : s,
+          !o && S,
+          !p && !o && f
+        ]
+      }
+    ));
+  }
+), Ye = /* @__PURE__ */ E("m-0 min-w-0", {
+  variants: {
+    variant: {
+      display: "[font-family:var(--semantic-typography-display-font-family)] [font-size:var(--semantic-typography-display-font-size)] [font-weight:var(--semantic-typography-display-font-weight)] [letter-spacing:var(--semantic-typography-display-letter-spacing)] [line-height:var(--semantic-typography-display-line-height)]",
+      heading1: "[font-family:var(--semantic-typography-h1-font-family)] [font-size:var(--semantic-typography-h1-font-size)] [font-weight:var(--semantic-typography-h1-font-weight)] [letter-spacing:var(--semantic-typography-h1-letter-spacing)] [line-height:var(--semantic-typography-h1-line-height)]",
+      heading2: "[font-family:var(--semantic-typography-h2-font-family)] [font-size:var(--semantic-typography-h2-font-size)] [font-weight:var(--semantic-typography-h2-font-weight)] [letter-spacing:var(--semantic-typography-h2-letter-spacing)] [line-height:var(--semantic-typography-h2-line-height)]",
+      heading3: "[font-family:var(--semantic-typography-h3-font-family)] [font-size:var(--semantic-typography-h3-font-size)] [font-weight:var(--semantic-typography-h3-font-weight)] [letter-spacing:var(--semantic-typography-h3-letter-spacing)] [line-height:var(--semantic-typography-h3-line-height)]",
+      body: "max-w-[var(--semantic-typography-body-max-width)] [font-family:var(--semantic-typography-body-font-family)] [font-size:var(--semantic-typography-body-font-size)] [font-weight:var(--semantic-typography-body-font-weight)] [letter-spacing:var(--semantic-typography-body-letter-spacing)] [line-height:var(--semantic-typography-body-line-height)]",
+      ui: "max-w-[var(--semantic-typography-ui-max-width)] [font-family:var(--semantic-typography-ui-font-family)] [font-size:var(--semantic-typography-ui-font-size)] [font-weight:var(--semantic-typography-ui-font-weight)] [letter-spacing:var(--semantic-typography-ui-letter-spacing)] [line-height:var(--semantic-typography-ui-line-height)]",
+      eyebrow: "[font-family:var(--semantic-typography-eyebrow-font-family)] [font-size:var(--semantic-typography-eyebrow-font-size)] [font-weight:var(--semantic-typography-eyebrow-font-weight)] [letter-spacing:var(--semantic-typography-eyebrow-letter-spacing)] [line-height:var(--semantic-typography-eyebrow-line-height)] [text-transform:var(--semantic-typography-eyebrow-text-transform)]",
+      caption: "[font-family:var(--semantic-typography-caption-font-family)] [font-size:var(--semantic-typography-caption-font-size)] [font-weight:var(--semantic-typography-caption-font-weight)] [letter-spacing:var(--semantic-typography-caption-letter-spacing)] [line-height:var(--semantic-typography-caption-line-height)]",
+      technical: "max-w-[var(--semantic-typography-mono-max-width)] [font-family:var(--semantic-typography-mono-font-family)] [font-size:var(--semantic-typography-mono-font-size)] [font-weight:var(--semantic-typography-mono-font-weight)] [letter-spacing:var(--semantic-typography-mono-letter-spacing)] [line-height:var(--semantic-typography-mono-line-height)]",
+      badge: "[font-family:var(--semantic-typography-eyebrow-font-family)] [font-size:var(--semantic-typography-eyebrow-font-size)] [font-weight:var(--semantic-typography-eyebrow-font-weight)] [letter-spacing:var(--semantic-typography-eyebrow-letter-spacing)] [line-height:var(--semantic-typography-eyebrow-line-height)] [text-transform:var(--semantic-typography-eyebrow-text-transform)]",
+      // Doc-site variants — preserved as a public API surface, now backed by
+      // the same body/ui/mono composites so doc pages and product UI share
+      // the same 8-style Swiss-canon ramp.
+      docLede: "max-w-[var(--semantic-typography-body-max-width)] [font-family:var(--semantic-typography-body-font-family)] [font-size:var(--semantic-typography-body-font-size)] [font-weight:var(--semantic-typography-body-font-weight)] [letter-spacing:var(--semantic-typography-body-letter-spacing)] [line-height:var(--semantic-typography-body-line-height)]",
+      docBody: "max-w-[var(--semantic-typography-body-max-width)] [font-family:var(--semantic-typography-body-font-family)] [font-size:var(--semantic-typography-body-font-size)] [font-weight:var(--semantic-typography-body-font-weight)] [letter-spacing:var(--semantic-typography-body-letter-spacing)] [line-height:var(--semantic-typography-body-line-height)]",
+      docSmall: "max-w-[var(--semantic-typography-ui-max-width)] [font-family:var(--semantic-typography-ui-font-family)] [font-size:var(--semantic-typography-ui-font-size)] [font-weight:var(--semantic-typography-ui-font-weight)] [letter-spacing:var(--semantic-typography-ui-letter-spacing)] [line-height:var(--semantic-typography-ui-line-height)]",
+      docCode: "max-w-[var(--semantic-typography-mono-max-width)] [font-family:var(--semantic-typography-mono-font-family)] [font-size:var(--semantic-typography-mono-font-size)] [font-weight:var(--semantic-typography-mono-font-weight)] [letter-spacing:var(--semantic-typography-mono-letter-spacing)] [line-height:var(--semantic-typography-mono-line-height)]"
+    }
+  }
+}), Xe = {
+  display: "h1",
+  heading1: "h1",
+  heading2: "h2",
+  heading3: "h3",
+  body: "p",
+  ui: "p",
+  eyebrow: "p",
+  caption: "p",
+  technical: "p",
+  badge: "p",
+  docLede: "p",
+  docBody: "p",
+  docSmall: "p",
+  docCode: "span"
+}, $ = /* @__PURE__ */ pe(function({ children: e, variant: a, as: n = Xe[a], className: r, style: o, ...c }, d) {
+  return /* @__PURE__ */ i(n, { ref: d, className: h(Ye({ variant: a }), r), style: o, ...c, children: e });
+}), Fe = {
+  component: "var(--semantic-space-surface-padding)",
+  item: "16px",
+  px16: "16px",
+  px24: "24px",
+  none: "0"
+};
+function qe(t) {
+  return Fe[t] ?? "0";
+}
+const Je = {
+  names: { ...y.space, ...M },
+  numbers: "raw"
+}, Qe = /* @__PURE__ */ E(
+  "flex h-full flex-col rounded-lg bg-card text-card-foreground",
+  {
+    variants: {
+      variant: {
+        default: "border border-transparent",
+        // 1px transparent preserves the layout box
+        accent: "border-2 border-[var(--semantic-color-border-accent)]"
+      },
+      tone: {
+        neutral: "",
+        danger: "!border !border-[var(--semantic-color-feedback-error)]",
+        success: "!border !border-[var(--semantic-color-feedback-success)]",
+        warning: "!border !border-[var(--semantic-color-feedback-warning)]",
+        info: "!border !border-[var(--semantic-color-feedback-info)]"
+      },
+      bordered: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "default",
+        tone: "neutral",
+        bordered: !0,
+        className: "border-[var(--semantic-color-border-default)]"
+      }
+    ],
+    defaultVariants: { variant: "default", tone: "neutral", bordered: !1 }
+  }
+), Ze = "cursor-pointer hds-focus data-[selected=true]:ring-2 data-[selected=true]:ring-inset data-[selected=true]:ring-ring", et = 'a[href],button,input,select,textarea,label,summary,[contenteditable="true"],[tabindex],[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role="option"],[role="menuitem"],[role="tab"]';
+function tt(t) {
+  var a, n;
+  const e = (n = (a = t.target).closest) == null ? void 0 : n.call(a, et);
+  return !!e && e !== t.currentTarget && t.currentTarget.contains(e);
+}
+const at = /* @__PURE__ */ g.forwardRef(function({
+  className: e,
+  padding: a = "component",
+  gap: n = "tight",
+  noPadding: r = !1,
+  as: o,
+  style: c,
+  variant: d = "default",
+  tone: p = "neutral",
+  bordered: s = !1,
+  selectable: f = !1,
+  selected: u = !1,
+  onSelectedChange: l,
+  children: b,
+  ...m
+}, v) {
+  const w = o ?? "div", x = r ? "none" : a, N = qe(x), _ = x === "none" ? "0" : O(n, Je), T = f ? {
+    role: "checkbox",
+    "aria-checked": u,
+    tabIndex: 0,
+    "data-selected": u ? "true" : "false",
+    onClick: (S) => {
+      var A;
+      (A = m.onClick) == null || A.call(m, S), !S.defaultPrevented && !tt(S) && (l == null || l(!u));
+    },
+    onKeyDown: (S) => {
+      var A;
+      (A = m.onKeyDown) == null || A.call(m, S), !(S.defaultPrevented || S.key !== " " || S.target !== S.currentTarget) && (S.preventDefault(), l == null || l(!u));
+    }
+  } : {};
+  return /* @__PURE__ */ i(
+    w,
+    {
+      ref: v,
+      "data-padding": x,
+      "data-variant": d,
+      "data-tone": p,
+      "data-bordered": s ? "true" : "false",
+      className: h(
+        Qe({ variant: d, tone: p, bordered: s }),
+        f && Ze,
+        e
+      ),
+      style: {
+        padding: N,
+        gap: _,
+        ...c
+      },
+      ...m,
+      ...T,
+      children: b
+    }
+  );
+}), nt = /* @__PURE__ */ g.forwardRef(
+  function({ className: e, metadata: a, children: n, ...r }, o) {
+    return a !== void 0 ? /* @__PURE__ */ k("div", { ref: o, className: h("flex flex-col gap-3 p-6", e), ...r, children: [
+      /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: a }),
+      /* @__PURE__ */ i("div", { className: "flex flex-col space-y-1.5 min-w-0", children: n })
+    ] }) : /* @__PURE__ */ i("div", { ref: o, className: h("flex flex-col space-y-1.5 p-6", e), ...r, children: n });
+  }
+), rt = /* @__PURE__ */ g.forwardRef(function({ className: e, children: a, ...n }, r) {
+  return /* @__PURE__ */ i($, { ref: r, variant: "heading3", className: e, ...n, children: a });
+}), ot = /* @__PURE__ */ g.forwardRef(function({ className: e, children: a, ...n }, r) {
+  return /* @__PURE__ */ i($, { ref: r, variant: "caption", className: h("text-muted-foreground", e), ...n, children: a });
+}), it = /* @__PURE__ */ g.forwardRef(function({ className: e, ...a }, n) {
+  return /* @__PURE__ */ i("div", { ref: n, className: h("p-6 pt-0", e), ...a });
+}), st = /* @__PURE__ */ g.forwardRef(function({ className: e, ...a }, n) {
+  return /* @__PURE__ */ i("div", { ref: n, className: h("flex items-center p-6 pt-0", e), ...a });
+}), ct = {
+  neutral: "var(--semantic-color-content-accent)",
+  info: "var(--semantic-color-feedback-info)",
+  success: "var(--semantic-color-feedback-success)",
+  warning: "var(--semantic-color-feedback-warning)",
+  danger: "var(--semantic-color-feedback-error)"
+}, dt = /* @__PURE__ */ g.forwardRef(
+  function({ className: e, value: a, max: n = 100, label: r, tone: o = "neutral", style: c, ...d }, p) {
+    const s = Math.max(0, Math.min(a, n)), f = n > 0 ? s / n * 100 : 0;
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        ref: p,
+        className: h("px-6 pb-2", e),
+        style: c,
+        ...d,
+        children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              role: "progressbar",
+              "aria-valuemin": 0,
+              "aria-valuemax": n,
+              "aria-valuenow": s,
+              "aria-label": typeof r == "string" ? r : "Progress",
+              style: {
+                height: "4px",
+                background: "var(--semantic-color-border-default)",
+                borderRadius: y.borderRadius[2],
+                overflow: "hidden"
+              },
+              children: /* @__PURE__ */ i(
+                "div",
+                {
+                  style: {
+                    height: "100%",
+                    width: "100%",
+                    transform: `scaleX(${f / 100})`,
+                    transformOrigin: "left",
+                    background: ct[o],
+                    borderRadius: y.borderRadius[2],
+                    transition: `transform ${y.motion.expressive.duration}s ease-out`
+                  }
+                }
+              )
+            }
+          ),
+          r !== void 0 && /* @__PURE__ */ i(
+            "p",
+            {
+              style: {
+                ...y.typeStyles.caption,
+                margin: "6px 0 0",
+                color: "var(--semantic-color-content-secondary)"
+              },
+              children: r
+            }
+          )
+        ]
+      }
+    );
+  }
+), lt = {
+  neutral: "var(--semantic-color-content-primary)",
+  info: "var(--semantic-color-feedback-info)",
+  success: "var(--semantic-color-feedback-success)",
+  warning: "var(--semantic-color-feedback-warning)",
+  danger: "var(--semantic-color-feedback-error)"
+}, pt = /* @__PURE__ */ g.forwardRef(
+  function({ className: e, label: a, value: n, sub: r, tone: o = "neutral", style: c, ...d }, p) {
+    return /* @__PURE__ */ k("div", { ref: p, className: h("flex flex-col px-6", e), style: c, ...d, children: [
+      /* @__PURE__ */ i(
+        "p",
+        {
+          style: {
+            ...y.typeStyles.eyebrow,
+            margin: "0 0 6px",
+            color: "var(--semantic-color-content-secondary)"
+          },
+          children: a
+        }
+      ),
+      /* @__PURE__ */ i(
+        "p",
+        {
+          style: {
+            ...y.typeStyles.h2,
+            margin: 0,
+            color: lt[o]
+          },
+          children: n
+        }
+      ),
+      r !== void 0 && /* @__PURE__ */ i(
+        "p",
+        {
+          style: {
+            ...y.typeStyles.caption,
+            margin: "4px 0 0",
+            color: "var(--semantic-color-content-secondary)"
+          },
+          children: r
+        }
+      )
+    ] });
+  }
+), Xt = /* @__PURE__ */ Object.assign(at, {
+  Header: nt,
+  Title: rt,
+  Description: ot,
+  Body: it,
+  Footer: st,
+  Progress: dt,
+  Metric: pt,
+  // Set here, not by a later `Card.displayName = …` write: a top-level
+  // property write is a side effect that keeps the module alive (hds#363).
+  displayName: "Card"
+}), ft = {
+  content: "var(--semantic-layout-width-content)",
+  max: "var(--semantic-layout-width-max)"
+};
+function Ft({
+  children: t,
+  maxWidth: e = "max",
+  padding: a = "var(--semantic-space-surface-padding)",
+  style: n,
+  className: r
+}) {
+  const o = {
+    marginLeft: "auto",
+    marginRight: "auto",
+    maxWidth: ft[e],
+    ...n
+  };
+  return /* @__PURE__ */ i("div", { className: r, style: o, children: t });
+}
+const re = /* @__PURE__ */ g.createContext({}), oe = /* @__PURE__ */ g.createContext(null);
+function mt() {
+  return g.useContext(oe);
+}
+function qt() {
+  return g.useContext(re);
+}
+function Jt({
+  theme: t,
+  density: e,
+  brand: a,
+  fontFamily: n,
+  fontFamilyMono: r,
+  as: o = "div",
+  className: c,
+  style: d,
+  children: p
+}) {
+  const s = g.useMemo(
+    () => ({ theme: t, density: e, brand: a, fontFamily: n, fontFamilyMono: r }),
+    [t, e, a, n, r]
+  ), [f, u] = g.useState(null), l = {};
+  return n && (l["--hds-font-family"] = n), r && (l["--hds-font-family-mono"] = r), /* @__PURE__ */ i(re.Provider, { value: s, children: /* @__PURE__ */ i(oe.Provider, { value: f, children: /* @__PURE__ */ i(
+    o,
+    {
+      ref: u,
+      "data-hds": "",
+      "data-theme": t === "dark" ? "dark" : void 0,
+      "data-density": e === "compact" ? "compact" : void 0,
+      "data-brand": a,
+      "data-tenant": a,
+      className: c,
+      style: { ...l, ...d },
+      children: p
+    }
+  ) }) });
+}
+const ut = typeof document > "u" ? g.useEffect : g.useLayoutEffect;
+function F(t) {
+  return t === document.documentElement || t === document.body;
+}
+function gt(t) {
+  const e = mt(), a = g.useRef(null), [n, r] = g.useState(void 0), o = t === void 0 && e === null;
+  ut(() => {
+    var p;
+    if (!o) return;
+    const d = ((p = a.current) == null ? void 0 : p.closest("[data-hds]")) ?? null;
+    r(d && !F(d) ? d : null);
+  }, [o]);
+  const c = o ? /* @__PURE__ */ i("span", { ref: a, hidden: !0, "aria-hidden": "true", "data-hds-portal-anchor": "" }) : null;
+  return t !== void 0 ? { ready: !0, container: t ?? void 0, anchor: c } : e ? { ready: !0, container: F(e) ? void 0 : e, anchor: c } : n === void 0 ? { ready: !1, container: void 0, anchor: c } : { ready: !0, container: n ?? void 0, anchor: c };
+}
+function ie(t) {
+  function e(a) {
+    const { ready: n, container: r, anchor: o } = gt(
+      a.container
+    );
+    return /* @__PURE__ */ k(fe, { children: [
+      o,
+      n && typeof document < "u" ? /* @__PURE__ */ i(t, { ...a, container: r }) : null
+    ] });
+  }
+  return e.displayName = `HdsPortal(${t.displayName ?? "Portal"})`, e;
+}
+const Qt = /* @__PURE__ */ ie(function({
+  container: e,
+  children: a
+}) {
+  return ve(a, e ?? document.body);
+}), yt = /* @__PURE__ */ D.forwardRef(function({ children: e, colSpan: a, colOffset: n, style: r, className: o, as: c = "div" }, d) {
+  const p = {
+    ...a !== void 0 && { gridColumn: `span min(var(--current-cols, 12), ${a})` },
+    ...n !== void 0 && { gridColumnStart: n },
+    height: "100%",
+    minWidth: 0,
+    ...r
+  };
+  return /* @__PURE__ */ i(c, { ref: d, className: o, style: p, "data-hds-grid-item": "true", children: e });
+}), q = "280px";
+function ht(t, e) {
+  return t <= y.breakpoints.sm ? Math.min(4, e) : t <= y.breakpoints.lg ? Math.min(8, e) : e;
+}
+const vt = /* @__PURE__ */ D.forwardRef(function({
+  children: e,
+  layout: a = "fixed",
+  minItemWidth: n,
+  columns: r = 12,
+  gap: o = "inset",
+  subgrid: c = !1,
+  style: d,
+  className: p,
+  as: s = "div",
+  ...f
+}, u) {
+  const l = a === "fixed" && !c, [b, m] = Q(r);
+  Z(() => {
+    if (!l || typeof window > "u") return;
+    const x = () => {
+      m(ht(window.innerWidth, r));
+    };
+    return x(), window.addEventListener("resize", x), () => {
+      window.removeEventListener("resize", x);
+    };
+  }, [r, l]);
+  let v;
+  c ? v = "subgrid" : a === "auto-fit" && n === void 0 ? v = `repeat(auto-fit, minmax(${q}, 1fr))` : a === "auto-fit" || a === "auto-fill" ? v = `repeat(${a}, minmax(min(${n ?? q}, 100%), 1fr))` : v = `repeat(${b}, minmax(0, 1fr))`;
+  const w = {
+    display: "grid",
+    alignItems: "stretch",
+    ...v !== void 0 && { gridTemplateColumns: v },
+    ...l && {
+      "--current-cols": String(b)
+    },
+    gap: O(o, Re),
+    ...d
+  };
+  return /* @__PURE__ */ i(
+    s,
+    {
+      ...f,
+      ref: u,
+      className: p,
+      style: w,
+      "data-hds-grid": "true",
+      "data-hds-component": "Grid",
+      "data-hds-metrics": `gap:${o}`,
+      children: e
+    }
+  );
+}), Zt = /* @__PURE__ */ Object.assign(vt, { Item: yt }), bt = /* @__PURE__ */ E(
+  "box-border h-full border-none rounded-lg bg-[color:var(--semantic-color-surface-raised)] text-[color:var(--semantic-color-content-primary)]",
+  {
+    variants: {
+      padding: {
+        component: "p-[var(--semantic-space-surface-padding)]",
+        // spacing-ok: 16px/24px are the surface's fixed inset contract (not layout spacing); kept as the legacy values these named options have always resolved to
+        item: "p-[16px]",
+        px16: "p-[16px]",
+        px24: "p-[24px]",
+        none: "p-0"
+      },
+      shadow: {
+        // ADR-007: bind to the elevation-role token (raised) instead of a magic
+        // RGBA value. Resolves to --semantic-shadow-subtle; theme-aware.
+        true: "shadow-[var(--semantic-elevation-raised-shadow)]",
+        false: ""
+      }
+    },
+    defaultVariants: { padding: "component", shadow: !1 }
+  }
+), wt = /* @__PURE__ */ D.forwardRef(
+  function({
+    children: e,
+    padding: a = "component",
+    shadow: n = !1,
+    overflow: r,
+    theme: o,
+    style: c,
+    className: d,
+    as: p = "div",
+    ...s
+  }, f) {
+    const u = r !== void 0 || c ? { ...r !== void 0 && { overflow: r }, ...c } : void 0;
+    return /* @__PURE__ */ i(
+      p,
+      {
+        ref: f,
+        "data-theme": o,
+        className: h(bt({ padding: a, shadow: n }), d),
+        style: u,
+        "data-hds-surface": "true",
+        "data-hds-component": "Surface",
+        "data-hds-metrics": `padding:${a}`,
+        ...s,
+        children: e
+      }
+    );
+  }
+), xt = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch"
+}, St = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  "space-between": "space-between"
+}, kt = {
+  names: {
+    ...y.space,
+    ...M,
+    gap: R.xs,
+    medium: "var(--semantic-space-component-medium)",
+    hairline: "var(--semantic-space-subgrid-hairline)",
+    xs: "var(--semantic-space-subgrid-xs)",
+    stack: "var(--semantic-space-section-stack)"
+  },
+  numbers: "raw"
+}, ea = /* @__PURE__ */ D.forwardRef(function({
+  children: e,
+  direction: a = "column",
+  gap: n = "tight",
+  align: r,
+  justify: o,
+  wrap: c,
+  className: d,
+  style: p,
+  as: s = "div"
+}, f) {
+  return /* @__PURE__ */ i(
+    s,
+    {
+      ref: f,
+      className: d,
+      "data-hds-component": "Stack",
+      "data-hds-metrics": `gap:${n}`,
+      style: {
+        display: "flex",
+        flexDirection: a,
+        gap: O(n, kt),
+        alignItems: r ? xt[r] : a === "row" ? "stretch" : void 0,
+        justifyContent: o ? St[o] : void 0,
+        flexWrap: c,
+        ...p
+      },
+      children: e
+    }
+  );
+}), J = /* @__PURE__ */ E(
+  "flex items-center bg-[var(--semantic-color-surface-overlay)] px-[var(--semantic-space-surface-padding)]",
+  {
+    variants: {
+      align: {
+        left: "justify-start text-left",
+        center: "justify-center text-center",
+        right: "justify-end text-right"
+      },
+      density: {
+        follow: "min-h-[var(--semantic-size-row-comfortable)] py-[var(--semantic-space-component-medium)] [[data-density=compact]_&]:min-h-[var(--semantic-size-row-compact)] [[data-density=compact]_&]:py-[var(--semantic-space-scale-xs)]",
+        comfortable: "min-h-[var(--semantic-size-row-comfortable)] py-[var(--semantic-space-component-medium)]",
+        compact: "min-h-[var(--semantic-size-row-compact)] py-[var(--semantic-space-scale-xs)]"
+      },
+      sticky: {
+        true: "sticky top-0 z-[var(--semantic-zIndex-sticky)]",
+        false: ""
+      }
+    },
+    defaultVariants: { align: "left", sticky: !1 }
+  }
+), Ct = /* @__PURE__ */ E(
+  "flex w-full cursor-pointer items-center gap-[var(--semantic-space-scale-xs)] border-0 bg-transparent p-0 text-inherit [font:inherit] transition-colors duration-[var(--hds-motion-productive-duration)] ease-[var(--hds-motion-productive-easing)] hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  {
+    variants: {
+      align: {
+        left: "justify-start",
+        center: "justify-center",
+        right: "justify-end"
+      }
+    },
+    defaultVariants: { align: "left" }
+  }
+), At = /* @__PURE__ */ E(
+  "flex items-start px-[var(--semantic-space-surface-padding)]",
+  {
+    variants: {
+      align: {
+        left: "justify-start text-left",
+        center: "justify-center text-center",
+        right: "justify-end text-right"
+      },
+      density: {
+        follow: "min-h-[var(--semantic-size-row-comfortable)] py-[var(--semantic-space-component-medium)] [[data-density=compact]_&]:min-h-[var(--semantic-size-row-compact)] [[data-density=compact]_&]:py-[var(--semantic-space-scale-xs)]",
+        comfortable: "min-h-[var(--semantic-size-row-comfortable)] py-[var(--semantic-space-component-medium)]",
+        compact: "min-h-[var(--semantic-size-row-compact)] py-[var(--semantic-space-scale-xs)]"
+      },
+      divider: {
+        true: "[border-bottom:var(--semantic-borderWidth-default)_solid_var(--semantic-color-border-subdued)]",
+        false: ""
+      }
+    },
+    defaultVariants: { align: "left", divider: !0 }
+  }
+), Nt = {
+  label: y.typeStyles.ui,
+  value: y.typeStyles.technical,
+  description: {
+    ...y.typeStyles.caption,
+    color: "var(--semantic-color-content-secondary)"
+  },
+  token: y.typeStyles.technical,
+  code: y.typeStyles.technical,
+  custom: y.typeStyles.ui,
+  icon: y.typeStyles.caption,
+  badge: y.typeStyles.caption,
+  action: y.typeStyles.ui
+};
+function ta({
+  columns: t,
+  rows: e,
+  caption: a,
+  captionAction: n,
+  description: r,
+  labelledBy: o,
+  minWidth: c,
+  density: d,
+  flush: p = !1,
+  stickyHeader: s = !1
+}) {
+  const f = G(), u = G(), l = !!a, b = l ? f : o;
+  return /* @__PURE__ */ k("div", { children: [
+    a || r ? /* @__PURE__ */ k("div", { children: [
+      a ? /* @__PURE__ */ k("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            id: l ? f : void 0,
+            className: "m-0 text-primary",
+            style: y.typeStyles.ui,
+            children: a
+          }
+        ),
+        n ?? null
+      ] }) : null,
+      r ? /* @__PURE__ */ i("div", { className: "text-secondary", style: y.typeStyles.ui, children: r }) : null
+    ] }) : null,
+    /* @__PURE__ */ i(
+      wt,
+      {
+        padding: p ? "none" : "component",
+        id: u,
+        role: "region",
+        tabIndex: 0,
+        "aria-labelledby": l ? f : o ? `${o} ${u}` : void 0,
+        "aria-label": l ? void 0 : "Scrollable table content",
+        style: { overflowX: "auto", overflowY: "visible" },
+        children: /* @__PURE__ */ k(
+          "div",
+          {
+            role: "table",
+            "aria-labelledby": b,
+            className: "grid",
+            style: {
+              minWidth: c,
+              gridTemplateColumns: t.map((m) => m.width ?? "minmax(0, 1fr)").join(" ")
+            },
+            children: [
+              /* @__PURE__ */ i("div", { role: "row", style: { display: "contents" }, children: t.map((m) => {
+                if (!m.sortable)
+                  return /* @__PURE__ */ i(
+                    "div",
+                    {
+                      role: "columnheader",
+                      className: h(
+                        J({
+                          align: m.align ?? "left",
+                          density: d ?? "follow",
+                          sticky: !!s
+                        })
+                      ),
+                      style: y.typeStyles.technical,
+                      children: m.label
+                    },
+                    m.key
+                  );
+                const v = m.sortDirection ?? "none", w = v === "ascending" ? ge : v === "descending" ? ye : he;
+                return /* @__PURE__ */ i(
+                  "div",
+                  {
+                    role: "columnheader",
+                    "aria-sort": v,
+                    className: h(
+                      J({
+                        align: m.align ?? "left",
+                        density: d ?? "follow",
+                        sticky: !!s
+                      })
+                    ),
+                    style: y.typeStyles.technical,
+                    children: /* @__PURE__ */ k(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: m.onSort,
+                        className: h(Ct({ align: m.align ?? "left" })),
+                        children: [
+                          m.label,
+                          /* @__PURE__ */ i(ke, { icon: w, size: "small", "aria-hidden": !0 })
+                        ]
+                      }
+                    )
+                  },
+                  m.key
+                );
+              }) }),
+              e.map((m, v) => /* @__PURE__ */ i("div", { role: "row", style: { display: "contents" }, children: m.cells.map((w, x) => /* @__PURE__ */ i(
+                "div",
+                {
+                  role: "cell",
+                  className: h(
+                    At({
+                      align: w.align ?? "left",
+                      density: d ?? "follow",
+                      divider: v < e.length - 1
+                    })
+                  ),
+                  style: Nt[w.slot],
+                  children: w.content
+                },
+                `${m.key ?? v}-${x}`
+              )) }, m.key ?? v))
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function Et(t) {
+  return /* @__PURE__ */ i(C.Root, { ...t });
+}
+const Rt = C.Trigger, se = /* @__PURE__ */ ie(C.Portal), zt = C.Action, Dt = C.Cancel, ce = /* @__PURE__ */ g.forwardRef(function({ className: e, ...a }, n) {
+  return /* @__PURE__ */ i(
+    C.Overlay,
+    {
+      ref: n,
+      className: h("fixed inset-0 z-50 bg-scrim/60 backdrop-blur-sm", e),
+      ...a
+    }
+  );
+}), _t = /* @__PURE__ */ g.forwardRef(function({ className: e, container: a, ...n }, r) {
+  return /* @__PURE__ */ k(se, { container: a, children: [
+    /* @__PURE__ */ i(ce, {}),
+    /* @__PURE__ */ i(
+      C.Content,
+      {
+        ref: r,
+        className: h(
+          "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border border-border bg-popover p-6 text-popover-foreground shadow-overlay hds-focus",
+          e
+        ),
+        ...n
+      }
+    )
+  ] });
+}), Tt = /* @__PURE__ */ g.forwardRef(function({ className: e, ...a }, n) {
+  return /* @__PURE__ */ i("div", { ref: n, className: h("flex flex-col space-y-1.5 text-left", e), ...a });
+}), Pt = /* @__PURE__ */ g.forwardRef(function({ className: e, ...a }, n) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: n,
+      className: h("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2", e),
+      ...a
+    }
+  );
+}), Ot = /* @__PURE__ */ g.forwardRef(function({ className: e, children: a, ...n }, r) {
+  return /* @__PURE__ */ i(C.Title, { asChild: !0, children: /* @__PURE__ */ i($, { ref: r, as: "h2", variant: "heading3", className: e, ...n, children: a }) });
+}), $t = /* @__PURE__ */ g.forwardRef(function({ className: e, children: a, ...n }, r) {
+  return /* @__PURE__ */ i(C.Description, { asChild: !0, children: /* @__PURE__ */ i(
+    $,
+    {
+      ref: r,
+      as: "p",
+      variant: "caption",
+      className: h("text-muted-foreground", e),
+      ...n,
+      children: a
+    }
+  ) });
+}), aa = /* @__PURE__ */ Object.assign(Et, {
+  Trigger: Rt,
+  Portal: se,
+  Overlay: ce,
+  Content: _t,
+  Header: Tt,
+  Footer: Pt,
+  Title: Ot,
+  Description: $t,
+  Action: zt,
+  Cancel: Dt,
+  // Set here, not by a later `AlertDialog.displayName = …` write: a top-level
+  // property write is a side effect that keeps the module alive.
+  displayName: "AlertDialog"
+}), na = /* @__PURE__ */ g.forwardRef(
+  function({ title: e, description: a, className: n }, r) {
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        ref: r,
+        "data-hds-component": "EmptyState",
+        className: h("flex flex-col gap-1 text-sm italic text-muted-foreground", n),
+        children: [
+          /* @__PURE__ */ i("p", { className: "m-0", children: e }),
+          a && /* @__PURE__ */ i("p", { className: "m-0 not-italic text-xs", children: a })
+        ]
+      }
+    );
+  }
+);
+export {
+  aa as A,
+  Yt as B,
+  Ft as C,
+  na as E,
+  Zt as G,
+  Jt as H,
+  ke as I,
+  Re as L,
+  ea as S,
+  $ as T,
+  wt as a,
+  Xt as b,
+  ta as c,
+  Ce as d,
+  it as e,
+  ot as f,
+  st as g,
+  Qt as h,
+  Ut as i,
+  nt as j,
+  pt as k,
+  dt as l,
+  rt as m,
+  qt as n,
+  O as r,
+  Wt as u,
+  ie as w
+};