@particle-academy/react-fancy 5.13.1 → 5.14.0

package/dist/chunk-3F66SAE7.js

@@ -0,0 +1,40 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var StatList = forwardRef(
+  ({ items, align = "right", className, ...props }, ref) => {
+    if (items.length === 0) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        "data-react-fancy-stat-list": "",
+        "data-align": align,
+        className: cn(
+          "flex flex-col gap-0.5 font-mono text-[11.5px] text-zinc-500 dark:text-zinc-400",
+          align === "right" ? "items-end text-right" : "items-start text-left",
+          className
+        ),
+        children: items.map((item, i) => /* @__PURE__ */ jsxs(
+          "span",
+          {
+            "data-stat": item.key ?? (typeof item.label === "string" ? item.label : void 0),
+            children: [
+              /* @__PURE__ */ jsx("b", { className: "font-medium text-zinc-900 dark:text-zinc-100", children: item.value }),
+              " ",
+              item.label
+            ]
+          },
+          item.key ?? (typeof item.label === "string" ? item.label : i)
+        ))
+      }
+    );
+  }
+);
+StatList.displayName = "StatList";
+
+export { StatList };
+//# sourceMappingURL=chunk-3F66SAE7.js.map
+//# sourceMappingURL=chunk-3F66SAE7.js.map

package/dist/chunk-3F66SAE7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StatList/StatList.tsx"],"names":[],"mappings":";;;;AAoBO,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,KAAA,EAAO,KAAA,GAAQ,SAAS,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxD,IAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAE/B,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,4BAAA,EAA2B,EAAA;AAAA,QAC3B,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAW,EAAA;AAAA,UACT,gFAAA;AAAA,UACA,KAAA,KAAU,UAAU,sBAAA,GAAyB,uBAAA;AAAA,UAC7C;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,qBAChB,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,WAAA,EAAW,KAAK,GAAA,KAAQ,OAAO,KAAK,KAAA,KAAU,QAAA,GAAW,KAAK,KAAA,GAAQ,MAAA,CAAA;AAAA,YAEtE,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8CAAA,EAAgD,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,cAAK,GAAA;AAAA,cAC5E,IAAA,CAAK;AAAA;AAAA,WAAA;AAAA,UAJD,KAAK,GAAA,KAAQ,OAAO,KAAK,KAAA,KAAU,QAAA,GAAW,KAAK,KAAA,GAAQ,CAAA;AAAA,SAMnE;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-3F66SAE7.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { StatListProps } from \"./StatList.types\";\n\n/**\n * The mono figure stack — `70 packages / 261 components / MIT licensed`.\n *\n * The Inspiration index and `/packages` each hand-rolled this from tokens, which\n * is the gallery working as intended: it stress-tests the kit, and what it\n * hand-rolls is the gap list. The list only pays off when the gap comes back\n * here, otherwise every surface keeps a copy and they drift apart.\n *\n * Takes `items` as DATA rather than children. What those surfaces repeat is a\n * shape, not a layout, so there is nothing to assemble at the call site — and a\n * data prop is what an agent can emit, which children are not.\n *\n * The value is a `<b>` rather than a colour, because in most of these stacks the\n * figure is the only part that is not muted, and expressing that structurally\n * keeps it meaningful when a design replaces the styling wholesale.\n */\nexport const StatList = forwardRef<HTMLDivElement, StatListProps>(\n  ({ items, align = \"right\", className, ...props }, ref) => {\n    if (items.length === 0) return null;\n\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-stat-list=\"\"\n        data-align={align}\n        className={cn(\n          \"flex flex-col gap-0.5 font-mono text-[11.5px] text-zinc-500 dark:text-zinc-400\",\n          align === \"right\" ? \"items-end text-right\" : \"items-start text-left\",\n          className,\n        )}\n      >\n        {items.map((item, i) => (\n          <span\n            key={item.key ?? (typeof item.label === \"string\" ? item.label : i)}\n            data-stat={item.key ?? (typeof item.label === \"string\" ? item.label : undefined)}\n          >\n            <b className=\"font-medium text-zinc-900 dark:text-zinc-100\">{item.value}</b>{\" \"}\n            {item.label}\n          </span>\n        ))}\n      </div>\n    );\n  },\n);\n\nStatList.displayName = \"StatList\";\n"]}

package/dist/chunk-5LHG7HEY.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var StatList = react.forwardRef(
+  ({ items, align = "right", className, ...props }, ref) => {
+    if (items.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        "data-react-fancy-stat-list": "",
+        "data-align": align,
+        className: chunk3Z6ALUWP_cjs.cn(
+          "flex flex-col gap-0.5 font-mono text-[11.5px] text-zinc-500 dark:text-zinc-400",
+          align === "right" ? "items-end text-right" : "items-start text-left",
+          className
+        ),
+        children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            "data-stat": item.key ?? (typeof item.label === "string" ? item.label : void 0),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("b", { className: "font-medium text-zinc-900 dark:text-zinc-100", children: item.value }),
+              " ",
+              item.label
+            ]
+          },
+          item.key ?? (typeof item.label === "string" ? item.label : i)
+        ))
+      }
+    );
+  }
+);
+StatList.displayName = "StatList";
+
+exports.StatList = StatList;
+//# sourceMappingURL=chunk-5LHG7HEY.cjs.map
+//# sourceMappingURL=chunk-5LHG7HEY.cjs.map

package/dist/chunk-5LHG7HEY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StatList/StatList.tsx"],"names":["forwardRef","jsx","cn","jsxs"],"mappings":";;;;;;AAoBO,IAAM,QAAA,GAAWA,gBAAA;AAAA,EACtB,CAAC,EAAE,KAAA,EAAO,KAAA,GAAQ,SAAS,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxD,IAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAE/B,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,4BAAA,EAA2B,EAAA;AAAA,QAC3B,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAWC,oBAAA;AAAA,UACT,gFAAA;AAAA,UACA,KAAA,KAAU,UAAU,sBAAA,GAAyB,uBAAA;AAAA,UAC7C;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,qBAChBC,eAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,WAAA,EAAW,KAAK,GAAA,KAAQ,OAAO,KAAK,KAAA,KAAU,QAAA,GAAW,KAAK,KAAA,GAAQ,MAAA,CAAA;AAAA,YAEtE,QAAA,EAAA;AAAA,8BAAAF,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8CAAA,EAAgD,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,cAAK,GAAA;AAAA,cAC5E,IAAA,CAAK;AAAA;AAAA,WAAA;AAAA,UAJD,KAAK,GAAA,KAAQ,OAAO,KAAK,KAAA,KAAU,QAAA,GAAW,KAAK,KAAA,GAAQ,CAAA;AAAA,SAMnE;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-5LHG7HEY.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { StatListProps } from \"./StatList.types\";\n\n/**\n * The mono figure stack — `70 packages / 261 components / MIT licensed`.\n *\n * The Inspiration index and `/packages` each hand-rolled this from tokens, which\n * is the gallery working as intended: it stress-tests the kit, and what it\n * hand-rolls is the gap list. The list only pays off when the gap comes back\n * here, otherwise every surface keeps a copy and they drift apart.\n *\n * Takes `items` as DATA rather than children. What those surfaces repeat is a\n * shape, not a layout, so there is nothing to assemble at the call site — and a\n * data prop is what an agent can emit, which children are not.\n *\n * The value is a `<b>` rather than a colour, because in most of these stacks the\n * figure is the only part that is not muted, and expressing that structurally\n * keeps it meaningful when a design replaces the styling wholesale.\n */\nexport const StatList = forwardRef<HTMLDivElement, StatListProps>(\n  ({ items, align = \"right\", className, ...props }, ref) => {\n    if (items.length === 0) return null;\n\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-stat-list=\"\"\n        data-align={align}\n        className={cn(\n          \"flex flex-col gap-0.5 font-mono text-[11.5px] text-zinc-500 dark:text-zinc-400\",\n          align === \"right\" ? \"items-end text-right\" : \"items-start text-left\",\n          className,\n        )}\n      >\n        {items.map((item, i) => (\n          <span\n            key={item.key ?? (typeof item.label === \"string\" ? item.label : i)}\n            data-stat={item.key ?? (typeof item.label === \"string\" ? item.label : undefined)}\n          >\n            <b className=\"font-medium text-zinc-900 dark:text-zinc-100\">{item.value}</b>{\" \"}\n            {item.label}\n          </span>\n        ))}\n      </div>\n    );\n  },\n);\n\nStatList.displayName = \"StatList\";\n"]}

package/dist/index.cjs

@@ -2,6 +2,7 @@
 
 var chunkYXC7QHNT_cjs = require('./chunk-YXC7QHNT.cjs');
 require('./chunk-O5IO7TCO.cjs');
+var chunk7C7VF4WY_cjs = require('./chunk-7C7VF4WY.cjs');
 var chunkIGU5YXRV_cjs = require('./chunk-IGU5YXRV.cjs');
 var chunkWXADO5TS_cjs = require('./chunk-WXADO5TS.cjs');
 var chunkPZIAL4OP_cjs = require('./chunk-PZIAL4OP.cjs');
@@ -12,7 +13,7 @@ var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
 var chunkKICZTIZL_cjs = require('./chunk-KICZTIZL.cjs');
 var chunk3SQ34IQC_cjs = require('./chunk-3SQ34IQC.cjs');
 var chunk2G3L4BLU_cjs = require('./chunk-2G3L4BLU.cjs');
-var chunk7C7VF4WY_cjs = require('./chunk-7C7VF4WY.cjs');
+var chunkTVRCOKJQ_cjs = require('./chunk-TVRCOKJQ.cjs');
 var chunkIF3T3ZCB_cjs = require('./chunk-IF3T3ZCB.cjs');
 var chunkAOOBRPTE_cjs = require('./chunk-AOOBRPTE.cjs');
 var chunkVE3EM4K2_cjs = require('./chunk-VE3EM4K2.cjs');
@@ -28,7 +29,7 @@ var chunkRR7BWUVP_cjs = require('./chunk-RR7BWUVP.cjs');
 var chunkXBBEQLMY_cjs = require('./chunk-XBBEQLMY.cjs');
 var chunkANEX75DF_cjs = require('./chunk-ANEX75DF.cjs');
 var chunkGIDW3SUE_cjs = require('./chunk-GIDW3SUE.cjs');
-var chunkTVRCOKJQ_cjs = require('./chunk-TVRCOKJQ.cjs');
+var chunk5LHG7HEY_cjs = require('./chunk-5LHG7HEY.cjs');
 var chunkE7PHL3TD_cjs = require('./chunk-E7PHL3TD.cjs');
 var chunkARSQY4P7_cjs = require('./chunk-ARSQY4P7.cjs');
 var chunk47TFRODY_cjs = require('./chunk-47TFRODY.cjs');
@@ -114,6 +115,10 @@ Object.defineProperty(exports, "useTreeNav", {
   enumerable: true,
   get: function () { return chunkYXC7QHNT_cjs.useTreeNav; }
 });
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunk7C7VF4WY_cjs.Input; }
+});
 Object.defineProperty(exports, "MultiSwitch", {
   enumerable: true,
   get: function () { return chunkIGU5YXRV_cjs.MultiSwitch; }
@@ -154,9 +159,9 @@ Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () { return chunk2G3L4BLU_cjs.DatePicker; }
 });
-Object.defineProperty(exports, "Input", {
+Object.defineProperty(exports, "StickyNote", {
   enumerable: true,
-  get: function () { return chunk7C7VF4WY_cjs.Input; }
+  get: function () { return chunkTVRCOKJQ_cjs.StickyNote; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
@@ -234,9 +239,9 @@ Object.defineProperty(exports, "StatBand", {
   enumerable: true,
   get: function () { return chunkGIDW3SUE_cjs.StatBand; }
 });
-Object.defineProperty(exports, "StickyNote", {
+Object.defineProperty(exports, "StatList", {
   enumerable: true,
-  get: function () { return chunkTVRCOKJQ_cjs.StickyNote; }
+  get: function () { return chunk5LHG7HEY_cjs.StatList; }
 });
 Object.defineProperty(exports, "OtpInput", {
   enumerable: true,

package/dist/index.d.cts

@@ -29,6 +29,7 @@ export { Skeleton, SkeletonProps } from './skeleton.cjs';
 export { Progress, ProgressProps } from './progress.cjs';
 export { Brand, BrandMark, BrandMarkProps, BrandProps } from './brand.cjs';
 export { Eyebrow, EyebrowProps } from './eyebrow.cjs';
+export { StatList, StatListItem, StatListProps } from './stat-list.cjs';
 export { Kbd, KbdProps } from './kbd.cjs';
 export { IndexList, IndexListItem, IndexListProps } from './index-list.cjs';
 export { PullQuote, PullQuoteProps } from './pull-quote.cjs';

package/dist/index.d.ts

@@ -29,6 +29,7 @@ export { Skeleton, SkeletonProps } from './skeleton.js';
 export { Progress, ProgressProps } from './progress.js';
 export { Brand, BrandMark, BrandMarkProps, BrandProps } from './brand.js';
 export { Eyebrow, EyebrowProps } from './eyebrow.js';
+export { StatList, StatListItem, StatListProps } from './stat-list.js';
 export { Kbd, KbdProps } from './kbd.js';
 export { IndexList, IndexListItem, IndexListProps } from './index-list.js';
 export { PullQuote, PullQuoteProps } from './pull-quote.js';

package/dist/index.js

@@ -1,5 +1,6 @@
 export { TreeNav, useTreeNav } from './chunk-7XDKIZQE.js';
 import './chunk-VXHFR5MV.js';
+export { Input } from './chunk-C5AZNBVB.js';
 export { MultiSwitch } from './chunk-ZT36VWIA.js';
 export { RadioGroup } from './chunk-JYKZKSZJ.js';
 export { Select } from './chunk-ECZ66DKF.js';
@@ -10,7 +11,7 @@ export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
 export { Checkbox } from './chunk-CS4GQXYY.js';
 export { CheckboxGroup } from './chunk-IE4CM2SN.js';
 export { DatePicker } from './chunk-MILTPAF6.js';
-export { Input } from './chunk-C5AZNBVB.js';
+export { StickyNote } from './chunk-HAOYXGGJ.js';
 export { Table } from './chunk-GKPCXPCD.js';
 export { Tabs, useTabs } from './chunk-5OC6DUYT.js';
 export { Text } from './chunk-UWVVEB2N.js';
@@ -26,7 +27,7 @@ export { Separator } from './chunk-QFFC2DKK.js';
 export { Sidebar, useSidebar } from './chunk-N7WQ53US.js';
 export { Skeleton } from './chunk-AGDW5ENV.js';
 export { Stat, StatBand } from './chunk-ESKVRRVA.js';
-export { StickyNote } from './chunk-HAOYXGGJ.js';
+export { StatList } from './chunk-3F66SAE7.js';
 export { OtpInput } from './chunk-UCYAHLGM.js';
 export { Pagination } from './chunk-YT6N44Z3.js';
 export { Pillbox } from './chunk-6H6OYLMJ.js';

package/dist/inputs.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 require('./chunk-O5IO7TCO.cjs');
+var chunk7C7VF4WY_cjs = require('./chunk-7C7VF4WY.cjs');
 var chunkIGU5YXRV_cjs = require('./chunk-IGU5YXRV.cjs');
 var chunkWXADO5TS_cjs = require('./chunk-WXADO5TS.cjs');
 var chunkPZIAL4OP_cjs = require('./chunk-PZIAL4OP.cjs');
@@ -11,7 +12,6 @@ var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
 var chunkKICZTIZL_cjs = require('./chunk-KICZTIZL.cjs');
 var chunk3SQ34IQC_cjs = require('./chunk-3SQ34IQC.cjs');
 var chunk2G3L4BLU_cjs = require('./chunk-2G3L4BLU.cjs');
-var chunk7C7VF4WY_cjs = require('./chunk-7C7VF4WY.cjs');
 var chunk5I4PR2KV_cjs = require('./chunk-5I4PR2KV.cjs');
 require('./chunk-7NLKXBZ2.cjs');
 var chunk6BW5BQMN_cjs = require('./chunk-6BW5BQMN.cjs');
@@ -28,6 +28,10 @@ require('./chunk-3Z6ALUWP.cjs');
 
 
 
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunk7C7VF4WY_cjs.Input; }
+});
 Object.defineProperty(exports, "MultiSwitch", {
   enumerable: true,
   get: function () { return chunkIGU5YXRV_cjs.MultiSwitch; }
@@ -68,10 +72,6 @@ Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () { return chunk2G3L4BLU_cjs.DatePicker; }
 });
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function () { return chunk7C7VF4WY_cjs.Input; }
-});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () { return chunk5I4PR2KV_cjs.Textarea; }

package/dist/inputs.js

@@ -1,4 +1,5 @@
 import './chunk-VXHFR5MV.js';
+export { Input } from './chunk-C5AZNBVB.js';
 export { MultiSwitch } from './chunk-ZT36VWIA.js';
 export { RadioGroup } from './chunk-JYKZKSZJ.js';
 export { Select } from './chunk-ECZ66DKF.js';
@@ -9,7 +10,6 @@ export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
 export { Checkbox } from './chunk-CS4GQXYY.js';
 export { CheckboxGroup } from './chunk-IE4CM2SN.js';
 export { DatePicker } from './chunk-MILTPAF6.js';
-export { Input } from './chunk-C5AZNBVB.js';
 export { Textarea } from './chunk-4UA45GB4.js';
 import './chunk-D7NAXQ2N.js';
 export { DisplayValue } from './chunk-K7JGOQJG.js';

package/dist/stat-list.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk5LHG7HEY_cjs = require('./chunk-5LHG7HEY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "StatList", {
+  enumerable: true,
+  get: function () { return chunk5LHG7HEY_cjs.StatList; }
+});
+//# sourceMappingURL=stat-list.cjs.map
+//# sourceMappingURL=stat-list.cjs.map

package/dist/stat-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"stat-list.cjs"}

package/dist/stat-list.d.cts

@@ -0,0 +1,43 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+/** One figure and what it counts. */
+interface StatListItem {
+    /** The figure. Emphasised — it is what the eye lands on first. */
+    value: ReactNode;
+    /** What the figure counts. */
+    label: ReactNode;
+    /**
+     * Stable handle for this row, for an agent reading a figure off the page.
+     *
+     * Defaults to `label` when it is a plain string, which covers the common
+     * case without asking a caller to repeat themselves.
+     */
+    key?: string;
+}
+interface StatListProps extends HTMLAttributes<HTMLDivElement> {
+    /** The figures. Data rather than children — the repeated thing is a shape. */
+    items: StatListItem[];
+    /** Which edge the stack aligns to. Default `"right"`. */
+    align?: "left" | "right";
+}
+
+/**
+ * The mono figure stack — `70 packages / 261 components / MIT licensed`.
+ *
+ * The Inspiration index and `/packages` each hand-rolled this from tokens, which
+ * is the gallery working as intended: it stress-tests the kit, and what it
+ * hand-rolls is the gap list. The list only pays off when the gap comes back
+ * here, otherwise every surface keeps a copy and they drift apart.
+ *
+ * Takes `items` as DATA rather than children. What those surfaces repeat is a
+ * shape, not a layout, so there is nothing to assemble at the call site — and a
+ * data prop is what an agent can emit, which children are not.
+ *
+ * The value is a `<b>` rather than a colour, because in most of these stacks the
+ * figure is the only part that is not muted, and expressing that structurally
+ * keeps it meaningful when a design replaces the styling wholesale.
+ */
+declare const StatList: react.ForwardRefExoticComponent<StatListProps & react.RefAttributes<HTMLDivElement>>;
+
+export { StatList, type StatListItem, type StatListProps };

package/dist/stat-list.d.ts

@@ -0,0 +1,43 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+/** One figure and what it counts. */
+interface StatListItem {
+    /** The figure. Emphasised — it is what the eye lands on first. */
+    value: ReactNode;
+    /** What the figure counts. */
+    label: ReactNode;
+    /**
+     * Stable handle for this row, for an agent reading a figure off the page.
+     *
+     * Defaults to `label` when it is a plain string, which covers the common
+     * case without asking a caller to repeat themselves.
+     */
+    key?: string;
+}
+interface StatListProps extends HTMLAttributes<HTMLDivElement> {
+    /** The figures. Data rather than children — the repeated thing is a shape. */
+    items: StatListItem[];
+    /** Which edge the stack aligns to. Default `"right"`. */
+    align?: "left" | "right";
+}
+
+/**
+ * The mono figure stack — `70 packages / 261 components / MIT licensed`.
+ *
+ * The Inspiration index and `/packages` each hand-rolled this from tokens, which
+ * is the gallery working as intended: it stress-tests the kit, and what it
+ * hand-rolls is the gap list. The list only pays off when the gap comes back
+ * here, otherwise every surface keeps a copy and they drift apart.
+ *
+ * Takes `items` as DATA rather than children. What those surfaces repeat is a
+ * shape, not a layout, so there is nothing to assemble at the call site — and a
+ * data prop is what an agent can emit, which children are not.
+ *
+ * The value is a `<b>` rather than a colour, because in most of these stacks the
+ * figure is the only part that is not muted, and expressing that structurally
+ * keeps it meaningful when a design replaces the styling wholesale.
+ */
+declare const StatList: react.ForwardRefExoticComponent<StatListProps & react.RefAttributes<HTMLDivElement>>;
+
+export { StatList, type StatListItem, type StatListProps };

package/dist/stat-list.js

@@ -0,0 +1,4 @@
+export { StatList } from './chunk-3F66SAE7.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=stat-list.js.map
+//# sourceMappingURL=stat-list.js.map

package/dist/stat-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"stat-list.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.13.1",
+  "version": "5.14.0",
   "description": "React UI component library for Human+ UX \u2014 controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",
@@ -23,17 +23,6 @@
         "default": "./dist/index.cjs"
       }
     },
-    "./icons": {
-      "import": {
-        "types": "./dist/icons.d.ts",
-        "default": "./dist/icons.js"
-      },
-      "require": {
-        "types": "./dist/icons.d.cts",
-        "default": "./dist/icons.cjs"
-      }
-    },
-    "./styles.css": "./dist/styles.css",
     "./accordion": {
       "import": {
         "types": "./dist/accordion.d.ts",
@@ -394,6 +383,16 @@
         "default": "./dist/icon.cjs"
       }
     },
+    "./icons": {
+      "import": {
+        "types": "./dist/icons.d.ts",
+        "default": "./dist/icons.js"
+      },
+      "require": {
+        "types": "./dist/icons.d.cts",
+        "default": "./dist/icons.cjs"
+      }
+    },
     "./image-viewer": {
       "import": {
         "types": "./dist/image-viewer.d.ts",
@@ -744,6 +743,16 @@
         "default": "./dist/stat.cjs"
       }
     },
+    "./stat-list": {
+      "import": {
+        "types": "./dist/stat-list.d.ts",
+        "default": "./dist/stat-list.js"
+      },
+      "require": {
+        "types": "./dist/stat-list.d.cts",
+        "default": "./dist/stat-list.cjs"
+      }
+    },
     "./sticky-note": {
       "import": {
         "types": "./dist/sticky-note.d.ts",
@@ -754,6 +763,7 @@
         "default": "./dist/sticky-note.cjs"
       }
     },
+    "./styles.css": "./dist/styles.css",
     "./switch": {
       "import": {
         "types": "./dist/switch.d.ts",