@hirobius/design-system 0.19.0 → 0.19.1

package/dist/patterns.js

@@ -1,7 +1,7 @@
 'use client';
-import { S as I, C as u, a as _, b as V, G as E, T as S, A as p, B as w, E as P, c as z } from "./chunks/activity-feed-DIMeUJpW.js";
-import { d as he, e as pe, f as ue, g as me, h as ge, i as fe, j as ve, D as ye, k as be, F as we, L as xe, N as ke, O as Se, P as Ce, R as Te, l as Ne, m as Ie, n as Ve, o as Ae, p as Me, q as Re, r as $e, s as Fe, t as je, u as De, v as He, w as Le, x as _e, y as Ee, z as Pe, H as ze, I as Be, J as We, K as Oe, M as Ge, Q as Ue, U as Xe, V as Ye, W as qe, X as Ke, Y as Je, Z as Qe, _ as Ze } from "./chunks/activity-feed-DIMeUJpW.js";
-import { F as aa, b as ta, a as ra, u as ia } from "./chunks/form-BvNNnJ0t.js";
+import { S as I, C as u, a as _, b as V, G as E, T as S, A as p, B as w, E as P, c as z } from "./chunks/activity-feed-BGQ6v3wc.js";
+import { d as he, e as pe, f as ue, g as me, h as ge, i as fe, j as ve, D as ye, k as be, F as we, L as xe, N as ke, O as Se, P as Ce, R as Te, l as Ne, m as Ie, n as Ve, o as Ae, p as Me, q as Re, r as $e, s as Fe, t as je, u as De, v as He, w as Le, x as _e, y as Ee, z as Pe, H as ze, I as Be, J as We, K as Oe, M as Ge, Q as Ue, U as Xe, V as Ye, W as qe, X as Ke, Y as Je, Z as Qe, _ as Ze } from "./chunks/activity-feed-BGQ6v3wc.js";
+import { F as aa, b as ta, a as ra, u as ia } from "./chunks/form-COP3vK9_.js";
 import { jsxs as o, Fragment as A, jsx as e } from "react/jsx-runtime";
 import * as d from "react";
 import { useRef as x, useEffect as N } from "react";
@@ -374,188 +374,180 @@ function te({ cards: r }) {
     )
   ] });
 }
-const re = d.forwardRef(function({ breadcrumb: a, title: s, status: t, actions: n, level: c = 1, className: i, ...l }, h) {
-  const g = `h${c}`;
-  return /* @__PURE__ */ e(
-    "header",
-    {
-      ref: h,
-      "data-hds-component": "PageHeader",
-      className: M("w-full", i),
-      ...l,
-      children: /* @__PURE__ */ o(I, { gap: "tight", children: [
-        a ? /* @__PURE__ */ e("div", { "data-slot": "breadcrumb", children: a }) : null,
-        /* @__PURE__ */ o(u, { gap: "normal", align: "start", justify: "space-between", children: [
-          /* @__PURE__ */ o(u, { gap: "tight", align: "center", children: [
-            /* @__PURE__ */ e(
-              g,
-              {
-                style: {
-                  ...v.typeStyles.heading2,
-                  margin: 0,
-                  color: "var(--semantic-color-content-primary)"
-                },
-                children: s
-              }
-            ),
-            t ? /* @__PURE__ */ e("div", { "data-slot": "status", children: t }) : null
-          ] }),
-          n ? /* @__PURE__ */ e("div", { "data-slot": "actions", className: "ml-auto", children: /* @__PURE__ */ e(u, { gap: "tight", align: "center", justify: "end", children: n }) }) : null
-        ] })
-      ] })
-    }
-  );
-}), U = 4, X = "calc(var(--primitive-size-96) + var(--primitive-size-24))", Y = " ", ie = d.forwardRef(function({ label: a, value: s, sub: t, tone: n = "neutral", style: c, ...i }, l) {
-  return /* @__PURE__ */ e(
-    _,
-    {
-      ref: l,
-      padding: "item",
-      "data-hds-component": "MetricTile",
-      "data-tone": n,
-      style: { minHeight: X, ...c },
-      ...i,
-      children: /* @__PURE__ */ e(
-        V.Metric,
-        {
-          label: a,
-          value: s,
-          sub: t ?? Y,
-          tone: n,
-          className: "px-0"
-        }
-      )
-    }
-  );
-});
-function $(r) {
-  return d.Children.toArray(r).reduce((a, s) => d.isValidElement(s) ? s.type === d.Fragment ? a + $(s.props.children) : a + 1 : a, 0);
-}
-const se = d.forwardRef(function({ children: a, ...s }, t) {
-  const n = Math.min(Math.max($(a), 1), U);
-  return /* @__PURE__ */ e("div", { ref: t, "data-hds-component": "MetricTiles", ...s, children: /* @__PURE__ */ e(E, { columns: n, gap: "tight", children: a }) });
-}), ne = d.forwardRef(function({ primary: a, secondary: s, destructive: t, sticky: n = !1, className: c, style: i, ...l }, h) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: h,
-      "data-hds-component": "FormActions",
-      "data-sticky": n ? "true" : void 0,
-      className: M(n && "border-t border-border bg-background py-3", c),
-      style: n ? { position: "sticky", bottom: 0, ...i } : i,
-      ...l,
-      children: /* @__PURE__ */ o(u, { gap: "tight", align: "center", justify: t ? "space-between" : "end", children: [
-        t ? /* @__PURE__ */ e("div", { "data-slot": "destructive", children: t }) : null,
-        /* @__PURE__ */ e("div", { "data-slot": "group", className: "ml-auto", children: /* @__PURE__ */ o(u, { gap: "tight", align: "center", justify: "end", children: [
-          s,
-          a
-        ] }) })
-      ] })
-    }
-  );
-}), oe = d.forwardRef(
-  function({
-    title: a,
-    description: s,
-    actionLabel: t,
-    confirmLabel: n,
-    confirmBody: c,
-    onConfirm: i,
-    cancelLabel: l = "Cancel",
-    level: h = 2,
-    ...g
-  }, y) {
-    const m = d.useId();
+const re = /* @__PURE__ */ d.forwardRef(
+  function({ breadcrumb: a, title: s, status: t, actions: n, level: c = 1, className: i, ...l }, h) {
+    const g = `h${c}`;
     return /* @__PURE__ */ e(
-      "section",
+      "header",
       {
-        ref: y,
-        "data-hds-component": "DestructiveSection",
-        "aria-labelledby": m,
-        ...g,
-        children: /* @__PURE__ */ e(V, { tone: "danger", children: /* @__PURE__ */ o(u, { gap: "normal", align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ o("div", { "data-slot": "copy", className: "min-w-0 grow basis-64", children: [
-            /* @__PURE__ */ e(S, { id: m, as: `h${h}`, variant: "heading3", children: a }),
-            /* @__PURE__ */ e(S, { as: "p", variant: "caption", className: "text-muted-foreground", children: s })
-          ] }),
-          /* @__PURE__ */ e("div", { "data-slot": "action", className: "shrink-0", children: /* @__PURE__ */ o(p, { children: [
-            /* @__PURE__ */ e(p.Trigger, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "secondary", tone: "danger", children: t ?? n }) }),
-            /* @__PURE__ */ o(p.Content, { children: [
-              /* @__PURE__ */ o(p.Header, { children: [
-                /* @__PURE__ */ e(p.Title, { children: a }),
-                /* @__PURE__ */ e(p.Description, { children: c })
-              ] }),
-              /* @__PURE__ */ o(p.Footer, { children: [
-                /* @__PURE__ */ e(p.Cancel, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "secondary", children: l }) }),
-                /* @__PURE__ */ e(p.Action, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "primary", tone: "danger", onClick: i, children: n }) })
-              ] })
-            ] })
-          ] }) })
-        ] }) })
+        ref: h,
+        "data-hds-component": "PageHeader",
+        className: M("w-full", i),
+        ...l,
+        children: /* @__PURE__ */ o(I, { gap: "tight", children: [
+          a ? /* @__PURE__ */ e("div", { "data-slot": "breadcrumb", children: a }) : null,
+          /* @__PURE__ */ o(u, { gap: "normal", align: "start", justify: "space-between", children: [
+            /* @__PURE__ */ o(u, { gap: "tight", align: "center", children: [
+              /* @__PURE__ */ e(
+                g,
+                {
+                  style: {
+                    ...v.typeStyles.heading2,
+                    margin: 0,
+                    color: "var(--semantic-color-content-primary)"
+                  },
+                  children: s
+                }
+              ),
+              t ? /* @__PURE__ */ e("div", { "data-slot": "status", children: t }) : null
+            ] }),
+            n ? /* @__PURE__ */ e("div", { "data-slot": "actions", className: "ml-auto", children: /* @__PURE__ */ e(u, { gap: "tight", align: "center", justify: "end", children: n }) }) : null
+          ] })
+        ] })
       }
     );
   }
-), q = "8rem", K = "6rem", le = d.forwardRef(
-  function({
-    title: a,
-    toolbar: s,
-    columns: t,
-    rows: n,
-    actionsLabel: c = "Actions",
-    emptyTitle: i = "Nothing here yet",
-    emptyDescription: l,
-    level: h = 2,
-    ...g
-  }, y) {
-    const m = d.useId(), b = n.some((f) => f.actions != null), F = b ? [
-      ...t,
-      { key: "__actions", label: c, align: "right", width: "max-content" }
-    ] : t, j = n.map((f) => ({
-      key: f.key,
-      cells: [
-        ...f.cells.map((H, L) => {
-          var T;
-          return {
-            slot: "custom",
-            content: H,
-            align: (T = t[L]) == null ? void 0 : T.align
-          };
-        }),
-        ...b ? [
+), U = 4, X = "calc(var(--primitive-size-96) + var(--primitive-size-24))", Y = " ", ie = /* @__PURE__ */ d.forwardRef(
+  function({ label: a, value: s, sub: t, tone: n = "neutral", style: c, ...i }, l) {
+    return /* @__PURE__ */ e(
+      _,
+      {
+        ref: l,
+        padding: "item",
+        "data-hds-component": "MetricTile",
+        "data-tone": n,
+        style: { minHeight: X, ...c },
+        ...i,
+        children: /* @__PURE__ */ e(
+          V.Metric,
           {
-            slot: "action",
-            align: "right",
-            content: /* @__PURE__ */ e(u, { gap: "tight", align: "center", justify: "end", children: f.actions })
+            label: a,
+            value: s,
+            sub: t ?? Y,
+            tone: n,
+            className: "px-0"
           }
-        ] : []
-      ]
-    })), D = `calc(${t.length} * ${q}${b ? ` + ${K}` : ""})`;
+        )
+      }
+    );
+  }
+);
+function $(r) {
+  return d.Children.toArray(r).reduce((a, s) => d.isValidElement(s) ? s.type === d.Fragment ? a + $(s.props.children) : a + 1 : a, 0);
+}
+const se = /* @__PURE__ */ d.forwardRef(
+  function({ children: a, ...s }, t) {
+    const n = Math.min(Math.max($(a), 1), U);
+    return /* @__PURE__ */ e("div", { ref: t, "data-hds-component": "MetricTiles", ...s, children: /* @__PURE__ */ e(E, { columns: n, gap: "tight", children: a }) });
+  }
+), ne = /* @__PURE__ */ d.forwardRef(
+  function({ primary: a, secondary: s, destructive: t, sticky: n = !1, className: c, style: i, ...l }, h) {
     return /* @__PURE__ */ e(
-      "section",
+      "div",
       {
-        ref: y,
-        "data-hds-component": "DataTableSection",
-        "aria-labelledby": m,
-        ...g,
-        children: /* @__PURE__ */ o(I, { gap: "tight", children: [
-          /* @__PURE__ */ o(u, { gap: "normal", align: "center", justify: "space-between", children: [
-            /* @__PURE__ */ e(S, { id: m, as: `h${h}`, variant: "heading3", children: a }),
-            s ? /* @__PURE__ */ e("div", { "data-slot": "toolbar", className: "ml-auto", children: /* @__PURE__ */ e(u, { gap: "tight", align: "center", justify: "end", children: s }) }) : null
-          ] }),
-          n.length === 0 ? /* @__PURE__ */ e(P, { title: i, description: l }) : /* @__PURE__ */ e(
-            z,
-            {
-              columns: F,
-              rows: j,
-              minWidth: D,
-              labelledBy: m
-            }
-          )
+        ref: h,
+        "data-hds-component": "FormActions",
+        "data-sticky": n ? "true" : void 0,
+        className: M(n && "border-t border-border bg-background py-3", c),
+        style: n ? { position: "sticky", bottom: 0, ...i } : i,
+        ...l,
+        children: /* @__PURE__ */ o(u, { gap: "tight", align: "center", justify: t ? "space-between" : "end", children: [
+          t ? /* @__PURE__ */ e("div", { "data-slot": "destructive", children: t }) : null,
+          /* @__PURE__ */ e("div", { "data-slot": "group", className: "ml-auto", children: /* @__PURE__ */ o(u, { gap: "tight", align: "center", justify: "end", children: [
+            s,
+            a
+          ] }) })
         ] })
       }
     );
   }
-);
+), oe = /* @__PURE__ */ d.forwardRef(function({
+  title: a,
+  description: s,
+  actionLabel: t,
+  confirmLabel: n,
+  confirmBody: c,
+  onConfirm: i,
+  cancelLabel: l = "Cancel",
+  level: h = 2,
+  ...g
+}, y) {
+  const m = d.useId();
+  return /* @__PURE__ */ e(
+    "section",
+    {
+      ref: y,
+      "data-hds-component": "DestructiveSection",
+      "aria-labelledby": m,
+      ...g,
+      children: /* @__PURE__ */ e(V, { tone: "danger", children: /* @__PURE__ */ o(u, { gap: "normal", align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ o("div", { "data-slot": "copy", className: "min-w-0 grow basis-64", children: [
+          /* @__PURE__ */ e(S, { id: m, as: `h${h}`, variant: "heading3", children: a }),
+          /* @__PURE__ */ e(S, { as: "p", variant: "caption", className: "text-muted-foreground", children: s })
+        ] }),
+        /* @__PURE__ */ e("div", { "data-slot": "action", className: "shrink-0", children: /* @__PURE__ */ o(p, { children: [
+          /* @__PURE__ */ e(p.Trigger, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "secondary", tone: "danger", children: t ?? n }) }),
+          /* @__PURE__ */ o(p.Content, { children: [
+            /* @__PURE__ */ o(p.Header, { children: [
+              /* @__PURE__ */ e(p.Title, { children: a }),
+              /* @__PURE__ */ e(p.Description, { children: c })
+            ] }),
+            /* @__PURE__ */ o(p.Footer, { children: [
+              /* @__PURE__ */ e(p.Cancel, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "secondary", children: l }) }),
+              /* @__PURE__ */ e(p.Action, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "primary", tone: "danger", onClick: i, children: n }) })
+            ] })
+          ] })
+        ] }) })
+      ] }) })
+    }
+  );
+}), q = "8rem", K = "6rem", le = /* @__PURE__ */ d.forwardRef(function({
+  title: a,
+  toolbar: s,
+  columns: t,
+  rows: n,
+  actionsLabel: c = "Actions",
+  emptyTitle: i = "Nothing here yet",
+  emptyDescription: l,
+  level: h = 2,
+  ...g
+}, y) {
+  const m = d.useId(), b = n.some((f) => f.actions != null), F = b ? [...t, { key: "__actions", label: c, align: "right", width: "max-content" }] : t, j = n.map((f) => ({
+    key: f.key,
+    cells: [
+      ...f.cells.map((H, L) => {
+        var T;
+        return {
+          slot: "custom",
+          content: H,
+          align: (T = t[L]) == null ? void 0 : T.align
+        };
+      }),
+      ...b ? [
+        {
+          slot: "action",
+          align: "right",
+          content: /* @__PURE__ */ e(u, { gap: "tight", align: "center", justify: "end", children: f.actions })
+        }
+      ] : []
+    ]
+  })), D = `calc(${t.length} * ${q}${b ? ` + ${K}` : ""})`;
+  return /* @__PURE__ */ e("section", { ref: y, "data-hds-component": "DataTableSection", "aria-labelledby": m, ...g, children: /* @__PURE__ */ o(I, { gap: "tight", children: [
+    /* @__PURE__ */ o(u, { gap: "normal", align: "center", justify: "space-between", children: [
+      /* @__PURE__ */ e(S, { id: m, as: `h${h}`, variant: "heading3", children: a }),
+      s ? /* @__PURE__ */ e("div", { "data-slot": "toolbar", className: "ml-auto", children: /* @__PURE__ */ e(u, { gap: "tight", align: "center", justify: "end", children: s }) }) : null
+    ] }),
+    n.length === 0 ? /* @__PURE__ */ e(P, { title: i, description: l }) : /* @__PURE__ */ e(
+      z,
+      {
+        columns: F,
+        rows: j,
+        minWidth: D,
+        labelledBy: m
+      }
+    )
+  ] }) });
+});
 export {
   he as ActivityFeed,
   pe as AppShell,

package/package.json

@@ -20,7 +20,7 @@
   "author": "Adrian Milsap",
   "license": "SEE LICENSE IN NOTICE.md",
   "private": false,
-  "version": "0.19.0",
+  "version": "0.19.1",
   "engines": {
     "node": ">=20",
     "pnpm": ">=8"
@@ -308,6 +308,7 @@
     "check:micromotion": "node scripts/check-motion.mjs",
     "check:mojibake": "node scripts/lib/mojibake.mjs",
     "check:motion": "node scripts/check-reduced-motion.mjs",
+    "check:pure-annotations": "node scripts/check-pure-annotations.mjs",
     "check:refs": "node scripts/check-ref-forwarding.mjs",
     "check:registry": "node scripts/check-registry.mjs",
     "check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm check:size",

package/public/hds-manifest.json

@@ -1542,6 +1542,7 @@
         "sizing": "full"
       },
       "consumers": [
+        "src/stories/foundation-swatch.stories.test.ts",
         "src/stories/foundation-swatch.stories.tsx"
       ],
       "tokenMapping": {},
@@ -2920,6 +2921,7 @@
         "sizing": "panel"
       },
       "consumers": [
+        "src/stories/sketch.stories.test.tsx",
         "src/stories/sketch.stories.tsx"
       ],
       "tokenMapping": {},
@@ -3902,6 +3904,7 @@
       "figmaId": null,
       "consumers": [
         "src/app/components/card-progress.test.tsx",
+        "src/app/components/card.test.tsx",
         "src/app/components/destructive-section.tsx",
         "src/app/components/doc-link-card.tsx",
         "src/app/components/empty-state.tsx",
@@ -4931,6 +4934,7 @@
         "src/app/components/button-group.test.tsx",
         "src/app/components/button-group.tsx",
         "src/app/components/button.test.tsx",
+        "src/app/components/card.test.tsx",
         "src/app/components/card.tsx",
         "src/app/components/command-palette.tsx",
         "src/app/components/data-table-section.tsx",
@@ -5638,6 +5642,7 @@
       },
       "consumers": [
         "src/app/components/status-tile.tsx",
+        "src/stories/status-list-item.stories.test.tsx",
         "src/stories/status-list-item.stories.tsx"
       ],
       "tokenMapping": {},
@@ -5722,6 +5727,7 @@
         "src/app/components/stat.tsx",
         "src/stories/metric-tiles.stories.tsx",
         "src/stories/status-list-item.stories.tsx",
+        "src/stories/status-tile.stories.test.tsx",
         "src/stories/status-tile.stories.tsx"
       ],
       "tokenMapping": {},
@@ -5799,6 +5805,7 @@
         "sizing": "panel"
       },
       "consumers": [
+        "src/stories/status-tile.stories.test.tsx",
         "src/stories/status-tile.stories.tsx",
         "src/stories/tile-grid.stories.tsx"
       ],
@@ -5894,6 +5901,10 @@
         "src/stories/patterns-client-detail.stories.tsx",
         "src/stories/patterns-layout.stories.tsx",
         "src/stories/static-primitives.stories.tsx",
+        "src/stories/status-list-item.stories.test.tsx",
+        "src/stories/status-list-item.stories.tsx",
+        "src/stories/status-tile.stories.test.tsx",
+        "src/stories/status-tile.stories.tsx",
         "src/stories/table.stories.tsx"
       ],
       "tokenMapping": {},
@@ -6844,6 +6855,7 @@
       },
       "consumers": [
         "src/app/components/card-progress.test.tsx",
+        "src/app/components/card.test.tsx",
         "src/app/components/card.tsx",
         "src/app/components/progress.test.tsx",
         "src/app/components/skeleton.tsx",
@@ -10474,7 +10486,9 @@
         "exportName": "CardBody",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/card.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10517,7 +10531,9 @@
         "exportName": "CardDescription",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/card.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10560,7 +10576,9 @@
         "exportName": "CardFooter",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/card.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10603,7 +10621,9 @@
         "exportName": "CardHeader",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/card.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10651,7 +10671,9 @@
         "exportName": "CardMetric",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/card.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10720,7 +10742,9 @@
         "exportName": "CardProgress",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/card.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10786,7 +10810,9 @@
         "exportName": "CardTitle",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/card.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10829,7 +10855,9 @@
         "exportName": "DialogClose",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10872,7 +10900,9 @@
         "exportName": "DialogContent",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10919,7 +10949,9 @@
         "exportName": "DialogDescription",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -10962,7 +10994,9 @@
         "exportName": "DialogFooter",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -11000,7 +11034,9 @@
         "exportName": "DialogHeader",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -11038,7 +11074,9 @@
         "exportName": "DialogOverlay",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -11081,7 +11119,9 @@
         "exportName": "DialogPortal",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -11119,7 +11159,9 @@
         "exportName": "DialogTitle",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],
@@ -11162,7 +11204,9 @@
         "exportName": "DialogTrigger",
         "sizing": "panel"
       },
-      "consumers": [],
+      "consumers": [
+        "src/app/components/dialog.test.tsx"
+      ],
       "tokenMapping": {},
       "variantAxes": [],
       "componentProperties": [],

package/src/app/data/component-api.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-09-30T14:57:41.741Z",
+  "generatedAt": "2026-09-30T17:34:19.985Z",
   "source": "react-docgen-typescript@2.4.0",
   "components": {
     "ActivityFeed": {