@particle-academy/react-fancy 5.13.1 → 5.15.0

package/dist/section.d.ts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ElementType } from 'react';
+
+interface SectionProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    /** Vertical rhythm between sections. Default `md`. */
+    space?: "sm" | "md" | "lg";
+    /** Draw the hairline rule that opens the section. */
+    divider?: boolean;
+    /** The element to render. Defaults to `section`. */
+    as?: ElementType;
+}
+
+/**
+ * Vertical rhythm between page sections, with the optional opening hairline.
+ *
+ * Pairs with `Eyebrow`, which is what usually sits at the top of one. The rule
+ * is a prop rather than a caller-drawn border because half the gallery styles
+ * drew it and half forgot, and an inconsistent rule reads as a bug.
+ */
+declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
+
+export { Section, type SectionProps };

package/dist/section.js

@@ -0,0 +1,4 @@
+export { Section } from './chunk-PG3ILQIW.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=section.js.map
+//# sourceMappingURL=section.js.map

package/dist/section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"section.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.15.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",
@@ -244,6 +233,16 @@
         "default": "./dist/composer.cjs"
       }
     },
+    "./container": {
+      "import": {
+        "types": "./dist/container.d.ts",
+        "default": "./dist/container.js"
+      },
+      "require": {
+        "types": "./dist/container.d.cts",
+        "default": "./dist/container.cjs"
+      }
+    },
     "./content-renderer": {
       "import": {
         "types": "./dist/content-renderer.d.ts",
@@ -374,6 +373,16 @@
         "default": "./dist/file-upload.cjs"
       }
     },
+    "./grid": {
+      "import": {
+        "types": "./dist/grid.d.ts",
+        "default": "./dist/grid.js"
+      },
+      "require": {
+        "types": "./dist/grid.d.cts",
+        "default": "./dist/grid.cjs"
+      }
+    },
     "./heading": {
       "import": {
         "types": "./dist/heading.d.ts",
@@ -394,6 +403,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",
@@ -684,6 +703,16 @@
         "default": "./dist/reason-tag.cjs"
       }
     },
+    "./section": {
+      "import": {
+        "types": "./dist/section.d.ts",
+        "default": "./dist/section.js"
+      },
+      "require": {
+        "types": "./dist/section.d.cts",
+        "default": "./dist/section.cjs"
+      }
+    },
     "./select": {
       "import": {
         "types": "./dist/select.d.ts",
@@ -744,6 +773,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 +793,7 @@
         "default": "./dist/sticky-note.cjs"
       }
     },
+    "./styles.css": "./dist/styles.css",
     "./switch": {
       "import": {
         "types": "./dist/switch.d.ts",