@elaraai/east-ui 1.0.83 → 1.0.85

package/dist/src/runtime/display/bar-strip.js

@@ -5,38 +5,16 @@
 /**
  * `<BarStrip>` tag — see the export's JSDoc.
  */
-import { BarStrip as BarStripFactory } from "../../display/bar-strip/index.js";
-import { leaf } from "../combinators.js";
-/**
- * BarStrip — a compact stack of labelled horizontal bars for a small ranked
- * breakdown (top contributors, category totals) where the relative magnitudes
- * matter more than precise axes. The `items` prop is a config array of
- * `{ label, value, tone? }` rows; `sort` orders them, `maxItems` clips the tail,
- * `thickness` sizes the bars, and `showValues` prints each magnitude
- * ({@link BarStripOptions}).
- *
- * @example
- * ```tsx
- * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
- * import { East } from "@elaraai/east";
- * import { BarStrip, Text, UIComponentType } from "@elaraai/east-ui";
- *
- * const breakdown = East.function([], UIComponentType, _$ => (
- *     <BarStrip
- *         items={[
- *             { label: <Text>Backend</Text>, value: 120.0, tone: "info" },
- *             { label: <Text>Frontend</Text>, value: 85.0, tone: "info" },
- *             { label: <Text>DevOps</Text>, value: 42.0, tone: "info" },
- *         ]}
- *         sort="desc"
- *         showValues={true}
- *     />
- * ));
- * ```
- *
- * @remarks
- * Carries `BarStrip.Types` — the East data type, the per-row item struct, and
- * the style struct. Desugars to `BarStrip.Root(items, options)`.
- */
-export const BarStrip = Object.assign(leaf(BarStripFactory.Root, "items"), { Types: BarStripFactory.Types });
+import {} from "@elaraai/east";
+import { BarStrip as BarStripFactory, } from "../../display/bar-strip/index.js";
+import { hasKeys } from "../combinators.js";
+function BarStripTag(props) {
+    if ("data" in props) {
+        const { data, ...options } = props;
+        return BarStripFactory.Root(data, options);
+    }
+    const { items, ...options } = props;
+    return BarStripFactory.Root(items, hasKeys(options) ? options : undefined);
+}
+export const BarStrip = Object.assign(BarStripTag, { Types: BarStripFactory.Types });
 //# sourceMappingURL=bar-strip.js.map

package/dist/src/runtime/display/bar-strip.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-strip.js","sourceRoot":"","sources":["../../../../src/runtime/display/bar-strip.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAwB,MAAM,kCAAkC,CAAC;AACrG,OAAO,EAAE,IAAI,EAAe,MAAM,mBAAmB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,QAAQ,GACjB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC"}
+{"version":3,"file":"bar-strip.js","sourceRoot":"","sources":["../../../../src/runtime/display/bar-strip.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAA4D,MAAM,eAAe,CAAC;AACzF,OAAO,EACH,QAAQ,IAAI,eAAe,GAK9B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AA4D5C,SAAS,WAAW,CAChB,KAAyI;IAEzI,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;QAClB,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC;QACnC,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,OAAqD,CAAC,CAAC;IAC7F,CAAC;IACD,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACjB,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/feedback/status.d.ts

@@ -11,8 +11,9 @@ import { type JsxTag } from "../combinators.js";
  * Compact classification chip — a `label` paired with a semantic `value` that
  * sets the dot colour and an auto-injected icon. Use it for freshness
  * indicators, per-row health, and recompute markers, with `pulsing` to signal
- * an in-flight update. Provide an explicit `icon` to override the paired
- * default, or a rich `label` node to add a secondary detail such as a
+ * an in-flight update and `ring` for an open dot — a state not reached yet,
+ * such as a draft never published. Provide an explicit `icon` to override the
+ * paired default, or a rich `label` node to add a secondary detail such as a
  * timestamp. Every option is a flat prop ({@link StatusOptions}).
  *
  * @example
@@ -26,6 +27,7 @@ import { type JsxTag } from "../combinators.js";
  *         <Status label="Up to date" value="success" />
  *         <Status label="Stale" value="warning" />
  *         <Status label="Recomputing" value="danger" pulsing />
+ *         <Status label="Draft" ring showIcon={false} />
  *     </HStack>
  * ));
  * ```

package/dist/src/runtime/feedback/status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../src/runtime/feedback/status.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC7F,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAA;CACC,CAAC"}
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../src/runtime/feedback/status.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC7F,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAA;CACC,CAAC"}

package/dist/src/runtime/feedback/status.js

@@ -11,8 +11,9 @@ import { optionsTag } from "../combinators.js";
  * Compact classification chip — a `label` paired with a semantic `value` that
  * sets the dot colour and an auto-injected icon. Use it for freshness
  * indicators, per-row health, and recompute markers, with `pulsing` to signal
- * an in-flight update. Provide an explicit `icon` to override the paired
- * default, or a rich `label` node to add a secondary detail such as a
+ * an in-flight update and `ring` for an open dot — a state not reached yet,
+ * such as a draft never published. Provide an explicit `icon` to override the
+ * paired default, or a rich `label` node to add a secondary detail such as a
  * timestamp. Every option is a flat prop ({@link StatusOptions}).
  *
  * @example
@@ -26,6 +27,7 @@ import { optionsTag } from "../combinators.js";
  *         <Status label="Up to date" value="success" />
  *         <Status label="Stale" value="warning" />
  *         <Status label="Recomputing" value="danger" pulsing />
+ *         <Status label="Draft" ring showIcon={false} />
  *     </HStack>
  * ));
  * ```

package/dist/src/runtime/feedback/status.js.map

@@ -1 +1 @@
-{"version":3,"file":"status.js","sourceRoot":"","sources":["../../../../src/runtime/feedback/status.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAsB,MAAM,gCAAgC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC"}
+{"version":3,"file":"status.js","sourceRoot":"","sources":["../../../../src/runtime/feedback/status.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,MAAM,IAAI,aAAa,EAAsB,MAAM,gCAAgC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAe,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,MAAM,GACf,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/layout/dock.d.ts

@@ -17,11 +17,15 @@ import { type ContainerProps, type JsxTag } from "../combinators.js";
  * a filter rail beside a board — so the board grows while the panel is stowed
  * and the drop-target is never covered.
  *
- * Collapsed, it shrinks to `railSize` and shows the `icon`, a chevron toggle
- * (pointing away from `side`), and any `badge`; `label` becomes the rail's
- * accessible name. Expanded, it is `expandedSize` along the axis with a header
- * (`icon` + `label` + `badge` + collapse chevron) above the children. Drive it
- * from state with `collapsed` + `onCollapsedChange`, or omit both for
+ * Expanded, it is `expandedSize` along the axis and has no header strip: its
+ * one row is a tab row — its `tabs`, each with its own body, or the `label` as
+ * the only tab over the children — with the collapse control at its end.
+ * Collapsed, it shrinks to `railSize`: the expand control, then the `icon` in
+ * its tile, any `badge`, the `label` and any `detail` — what the pane shows
+ * now, such as an inspector's selected tile; while the pane is `active` the
+ * tile and the badge are brand, else the detail reads muted. `surface="shell"` drops its own
+ * panel for the rule along its inner edge, for a pane inside a host's frame.
+ * Drive it from state with `collapsed` + `onCollapsedChange`, or omit both for
  * uncontrolled toggling — optionally `persist`ed across reloads. It is an
  * ordinary flex child: place it in a `<Flex>` / `<HStack>` (horizontal) or
  * `<VStack>` (vertical) whose sibling is `flex="1" minWidth="0"`. Arbitrarily
@@ -35,9 +39,10 @@ import { type ContainerProps, type JsxTag } from "../combinators.js";
  *
  * const board = East.function([], UIComponentType, _$ => (
  *     <HStack gap="4" width="100%">
- *         <Dock icon="book" label="Bookings" expandedSize="25%">
- *             <Box padding="3" background="bg.surface"><Text>Drag source…</Text></Box>
- *         </Dock>
+ *         <Dock icon="book" label="Bookings" badge="3" expandedSize="25%" tabs={[
+ *             { key: "open", label: "Open", body: [<Box padding="3"><Text>Drag source…</Text></Box>] },
+ *             { key: "done", label: "Done", body: [<Box padding="3"><Text>Booked</Text></Box>] },
+ *         ]} />
  *         <Box flex="1" minWidth="0"><Text>Board / drop target…</Text></Box>
  *     </HStack>
  * ));

package/dist/src/runtime/layout/dock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dock.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/dock.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,WAAW,CAAC,KAAK,CAAA;CAC1B,CAAC"}
+{"version":3,"file":"dock.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/dock.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,WAAW,CAAC,KAAK,CAAA;CAC1B,CAAC"}

package/dist/src/runtime/layout/dock.js

@@ -17,11 +17,15 @@ import { container } from "../combinators.js";
  * a filter rail beside a board — so the board grows while the panel is stowed
  * and the drop-target is never covered.
  *
- * Collapsed, it shrinks to `railSize` and shows the `icon`, a chevron toggle
- * (pointing away from `side`), and any `badge`; `label` becomes the rail's
- * accessible name. Expanded, it is `expandedSize` along the axis with a header
- * (`icon` + `label` + `badge` + collapse chevron) above the children. Drive it
- * from state with `collapsed` + `onCollapsedChange`, or omit both for
+ * Expanded, it is `expandedSize` along the axis and has no header strip: its
+ * one row is a tab row — its `tabs`, each with its own body, or the `label` as
+ * the only tab over the children — with the collapse control at its end.
+ * Collapsed, it shrinks to `railSize`: the expand control, then the `icon` in
+ * its tile, any `badge`, the `label` and any `detail` — what the pane shows
+ * now, such as an inspector's selected tile; while the pane is `active` the
+ * tile and the badge are brand, else the detail reads muted. `surface="shell"` drops its own
+ * panel for the rule along its inner edge, for a pane inside a host's frame.
+ * Drive it from state with `collapsed` + `onCollapsedChange`, or omit both for
  * uncontrolled toggling — optionally `persist`ed across reloads. It is an
  * ordinary flex child: place it in a `<Flex>` / `<HStack>` (horizontal) or
  * `<VStack>` (vertical) whose sibling is `flex="1" minWidth="0"`. Arbitrarily
@@ -35,9 +39,10 @@ import { container } from "../combinators.js";
  *
  * const board = East.function([], UIComponentType, _$ => (
  *     <HStack gap="4" width="100%">
- *         <Dock icon="book" label="Bookings" expandedSize="25%">
- *             <Box padding="3" background="bg.surface"><Text>Drag source…</Text></Box>
- *         </Dock>
+ *         <Dock icon="book" label="Bookings" badge="3" expandedSize="25%" tabs={[
+ *             { key: "open", label: "Open", body: [<Box padding="3"><Text>Drag source…</Text></Box>] },
+ *             { key: "done", label: "Done", body: [<Box padding="3"><Text>Booked</Text></Box>] },
+ *         ]} />
  *         <Box flex="1" minWidth="0"><Text>Board / drop target…</Text></Box>
  *     </HStack>
  * ));

package/dist/src/runtime/layout/dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"dock.js","sourceRoot":"","sources":["../../../../src/runtime/layout/dock.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAoC,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,MAAM,IAAI,GACb,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC"}
+{"version":3,"file":"dock.js","sourceRoot":"","sources":["../../../../src/runtime/layout/dock.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAoC,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,MAAM,IAAI,GACb,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC"}

package/dist/src/runtime/layout/index.d.ts

@@ -14,4 +14,5 @@ export { Separator } from "./separator.js";
 export { Grid } from "./grid.js";
 export { Splitter } from "./splitter.js";
 export { Configurator } from "./configurator.js";
+export { SnapGrid } from "./snap-grid.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/runtime/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/runtime/layout/index.js

@@ -14,4 +14,5 @@ export { Separator } from "./separator.js";
 export { Grid } from "./grid.js";
 export { Splitter } from "./splitter.js";
 export { Configurator } from "./configurator.js";
+export { SnapGrid } from "./snap-grid.js";
 //# sourceMappingURL=index.js.map

package/dist/src/runtime/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/layout/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,8CAA8C;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/runtime/layout/snap-grid.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** `<SnapGrid>` tag — see the export's JSDoc. */
+import { type SnapGridConfig, type SnapGridData, type SnapGridRowOf } from "../../layout/snap-grid/index.js";
+import type { UIElement } from "../runtime.js";
+/**
+ * `<SnapGrid>` — the host's rows as tiles, in rows on a 12-column grid: the
+ * Studio's canvas, a published page, and (`variant="wireframe"`) the page
+ * library's thumbnails. `data` is an `Array` or a `Dict` of rows, inline or a
+ * bound handle; `cell` maps one row to its tile with `SnapGrid.cell`. With
+ * `edit` and `editing` over an `Array`, it is the builder's canvas: tiles
+ * move, resize, drop and go as drafts of the shared editing session.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { ArrayType, East, IntegerType, StringType, StructType } from "@elaraai/east";
+ * import { SnapGrid, Stat, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const Tile = StructType({ id: StringType, row: StringType, span: IntegerType, label: StringType, value: IntegerType });
+ *
+ * const page = East.function([], UIComponentType, ($) => {
+ *     const tiles = $.const([
+ *         { id: "orders", row: "kpis", span: 6n, label: "Orders", value: 128n },
+ *         { id: "returns", row: "kpis", span: 6n, label: "Returns", value: 4n },
+ *     ], ArrayType(Tile));
+ *     return <SnapGrid data={tiles} width="1440px"
+ *         cell={t => SnapGrid.cell({ key: t.id, row: t.row, span: t.span, content: <Stat label={t.label} value={t.value} /> })} />;
+ * });
+ * ```
+ *
+ * @remarks
+ * Carries `SnapGrid.cell`, `SnapGrid.uiState`, `SnapGrid.viewState` and `SnapGrid.Types`. Desugars to `SnapGrid.Root(data, config)`.
+ */
+declare function SnapGridTag<T extends SnapGridData>(props: {
+    data: T;
+} & SnapGridConfig<SnapGridRowOf<T>>): UIElement;
+/** The callable `<SnapGrid>` tag, carrying `SnapGrid.cell`, `SnapGrid.uiState`, `SnapGrid.viewState` and `SnapGrid.Types`. */
+export declare const SnapGrid: typeof SnapGridTag & {
+    cell: (fields: import("../../layout/snap-grid/index.js").SnapGridCellFields) => import("@elaraai/east").ExprType<import("../../layout/snap-grid/index.js").SnapGridCellType>;
+    uiState: (state?: {
+        selected?: import("@elaraai/east").SubtypeExprOrValue<import("@elaraai/east").StringType>;
+        request?: import("@elaraai/east").SubtypeExprOrValue<import("../../layout/snap-grid/types.js").SnapGridRequestType>;
+    }) => import("@elaraai/east").ExprType<import("../../layout/snap-grid/types.js").SnapGridUiStateType>;
+    viewState: (state?: {
+        width?: import("@elaraai/east").SubtypeExprOrValue<import("@elaraai/east").StringType>;
+        zoom?: number | import("@elaraai/east").SubtypeExprOrValue<import("@elaraai/east").FloatType>;
+    }) => import("@elaraai/east").ExprType<import("../../layout/snap-grid/types.js").SnapGridViewStateType>;
+    Types: {
+        Root: typeof import("../../layout/snap-grid/index.js").SnapGridRootType;
+        Cell: typeof import("../../layout/snap-grid/index.js").SnapGridCellType;
+        Align: typeof import("../../layout/snap-grid/types.js").SnapGridAlignType;
+        Variant: typeof import("../../layout/snap-grid/types.js").SnapGridVariantType;
+        UiState: typeof import("../../layout/snap-grid/types.js").SnapGridUiStateType;
+        Request: typeof import("../../layout/snap-grid/types.js").SnapGridRequestType;
+        ViewState: typeof import("../../layout/snap-grid/types.js").SnapGridViewStateType;
+        ApplyState: typeof import("../../layout/snap-grid/types.js").SnapGridApplyStateType;
+        Width: typeof import("../../layout/snap-grid/types.js").SnapGridWidthType;
+        Surface: typeof import("../../layout/snap-grid/types.js").SnapGridSurfaceType;
+        Place: typeof import("../../layout/snap-grid/types.js").SnapGridPlaceType;
+        PatchEvent: typeof import("../../layout/snap-grid/index.js").SnapGridPatchEventTypeFor;
+        Editing: typeof import("../../layout/snap-grid/index.js").SnapGridEditingType;
+    };
+};
+export {};
+//# sourceMappingURL=snap-grid.d.ts.map

package/dist/src/runtime/layout/snap-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snap-grid.d.ts","sourceRoot":"","sources":["../../../../src/runtime/layout/snap-grid.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,iDAAiD;AAEjD,OAAO,EAEH,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,aAAa,EACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,WAAW,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAG7G;AAKD,8HAA8H;AAC9H,eAAO,MAAM,QAAQ;;;gBACkhoB,CAAC;eAA6C,CAAC;;;aAAs6B,CAAC;YAA0C,CAAC;;;;;;;;;;;;;;;;;CAD3+pB,CAAC"}

package/dist/src/runtime/layout/snap-grid.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+/** `<SnapGrid>` tag — see the export's JSDoc. */
+import { SnapGrid as SnapGridFactory, } from "../../layout/snap-grid/index.js";
+/**
+ * `<SnapGrid>` — the host's rows as tiles, in rows on a 12-column grid: the
+ * Studio's canvas, a published page, and (`variant="wireframe"`) the page
+ * library's thumbnails. `data` is an `Array` or a `Dict` of rows, inline or a
+ * bound handle; `cell` maps one row to its tile with `SnapGrid.cell`. With
+ * `edit` and `editing` over an `Array`, it is the builder's canvas: tiles
+ * move, resize, drop and go as drafts of the shared editing session.
+ *
+ * @example
+ * ```tsx
+ * // .tsx file with the `@jsxImportSource @elaraai/east-ui` pragma
+ * import { ArrayType, East, IntegerType, StringType, StructType } from "@elaraai/east";
+ * import { SnapGrid, Stat, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const Tile = StructType({ id: StringType, row: StringType, span: IntegerType, label: StringType, value: IntegerType });
+ *
+ * const page = East.function([], UIComponentType, ($) => {
+ *     const tiles = $.const([
+ *         { id: "orders", row: "kpis", span: 6n, label: "Orders", value: 128n },
+ *         { id: "returns", row: "kpis", span: 6n, label: "Returns", value: 4n },
+ *     ], ArrayType(Tile));
+ *     return <SnapGrid data={tiles} width="1440px"
+ *         cell={t => SnapGrid.cell({ key: t.id, row: t.row, span: t.span, content: <Stat label={t.label} value={t.value} /> })} />;
+ * });
+ * ```
+ *
+ * @remarks
+ * Carries `SnapGrid.cell`, `SnapGrid.uiState`, `SnapGrid.viewState` and `SnapGrid.Types`. Desugars to `SnapGrid.Root(data, config)`.
+ */
+function SnapGridTag(props) {
+    const { data, ...config } = props;
+    return SnapGridFactory.Root(data, config);
+}
+// The tag IS the root, so `Root` is the one factory member it does not carry.
+const { Root: _root, ...authoring } = SnapGridFactory;
+/** The callable `<SnapGrid>` tag, carrying `SnapGrid.cell`, `SnapGrid.uiState`, `SnapGrid.viewState` and `SnapGrid.Types`. */
+export const SnapGrid = Object.assign(SnapGridTag, authoring);
+//# sourceMappingURL=snap-grid.js.map

package/dist/src/runtime/layout/snap-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snap-grid.js","sourceRoot":"","sources":["../../../../src/runtime/layout/snap-grid.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,iDAAiD;AAEjD,OAAO,EACH,QAAQ,IAAI,eAAe,GAI9B,MAAM,iCAAiC,CAAC;AAGzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,SAAS,WAAW,CAAyB,KAAqD;IAC9F,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC9C,CAAC;AAED,8EAA8E;AAC9E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,eAAe,CAAC;AAEtD,8HAA8H;AAC9H,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC"}

package/dist/src/runtime/navigation/app.d.ts

@@ -12,7 +12,9 @@ import type { UIElement } from "../runtime.js";
  * `Navigation.bind` handle. Author it **inside** the enclosing `<Reactive>` that
  * binds `nav`, and pass the same `Navigation.config` as `config` (the handle
  * carries no labels/icons — the config is the single source of truth for the
- * rail and breadcrumb).
+ * rail and breadcrumb). When the rows are data — a route per row of a record,
+ * which a config cannot list — pass `rail` (a `<NavList>` mapped from the rows)
+ * and `breadcrumb` in place of the derived ones.
  *
  * @example
  * ```tsx

package/dist/src/runtime/navigation/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../../src/runtime/navigation/app.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,6DAA6D;AAE7D,OAAO,EAAqB,KAAK,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAEtE;AAGD,yBAAiB,GAAG,CAAC;IACjB,qEAAqE;IAC9D,MAAM,IAAI,6HAAkB,CAAC;CACvC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../../src/runtime/navigation/app.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,6DAA6D;AAE7D,OAAO,EAAqB,KAAK,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAEtE;AAGD,yBAAiB,GAAG,CAAC;IACjB,qEAAqE;IAC9D,MAAM,IAAI,6HAAkB,CAAC;CACvC"}

package/dist/src/runtime/navigation/app.js

@@ -10,7 +10,9 @@ import { App as AppFactory } from "../../navigation/app/index.js";
  * `Navigation.bind` handle. Author it **inside** the enclosing `<Reactive>` that
  * binds `nav`, and pass the same `Navigation.config` as `config` (the handle
  * carries no labels/icons — the config is the single source of truth for the
- * rail and breadcrumb).
+ * rail and breadcrumb). When the rows are data — a route per row of a record,
+ * which a config cannot list — pass `rail` (a `<NavList>` mapped from the rows)
+ * and `breadcrumb` in place of the derived ones.
  *
  * @example
  * ```tsx

package/dist/src/runtime/navigation/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../src/runtime/navigation/app.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,6DAA6D;AAE7D,OAAO,EAAE,GAAG,IAAI,UAAU,EAAiB,MAAM,+BAA+B,CAAC;AAIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,UAAU,GAAG,CAAsB,KAAkB;IACvD,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAc,CAAC;AAC/C,CAAC;AAED,2DAA2D;AAC3D,WAAiB,GAAG;IAChB,qEAAqE;IACxD,QAAI,GAAG,UAAU,CAAC,IAAI,CAAC;AACxC,CAAC,EAHgB,GAAG,KAAH,GAAG,QAGnB"}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../src/runtime/navigation/app.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,6DAA6D;AAE7D,OAAO,EAAE,GAAG,IAAI,UAAU,EAAiB,MAAM,+BAA+B,CAAC;AAIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,UAAU,GAAG,CAAsB,KAAkB;IACvD,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAc,CAAC;AAC/C,CAAC;AAED,2DAA2D;AAC3D,WAAiB,GAAG;IAChB,qEAAqE;IACxD,QAAI,GAAG,UAAU,CAAC,IAAI,CAAC;AACxC,CAAC,EAHgB,GAAG,KAAH,GAAG,QAGnB"}

package/dist/src/style/typography.d.ts

@@ -409,24 +409,24 @@ export declare function FontVariantNumeric(variant_: FontVariantNumericLiteral):
  * Text and Heading require a `textStyle`; raw `fontSize` stays on Box only
  * as an escape hatch.
  *
- * @property display-xl - Hero page title (48 px)
- * @property display-lg - Large display heading
- * @property display-md - Medium display heading
- * @property display-sm - Small display heading
- * @property heading-lg - Large section heading
- * @property heading-md - Medium section heading
- * @property heading-sm - Small section heading
- * @property heading-xs - Extra-small heading
- * @property body-lg - Large body text
- * @property body-md - Medium body text (default)
- * @property body-sm - Small body text
- * @property label-md - Medium form label / metric label
- * @property label-sm - Small form label / metric label
- * @property caption - Caption / footnote
- * @property overline - Overline / eyebrow
- * @property code-sm - Small code / token
- * @property code-md - Medium code / token
- * @property mono-kpi - KPI numeric — mono + tabular-nums + display sizing
+ * @property display-xl - Page title, the design system's `h1` (24 px)
+ * @property display-lg - Large display heading, `h2` (20 px)
+ * @property display-md - Medium display heading, `h3` (18 px)
+ * @property display-sm - Small display heading, `h4` (16 px)
+ * @property heading-lg - Large section heading (20 px)
+ * @property heading-md - Medium section heading (18 px)
+ * @property heading-sm - Small section heading (15 px)
+ * @property heading-xs - Extra-small heading, `h6` in the body face (14 px)
+ * @property body-lg - Large body text (14 px)
+ * @property body-md - Medium body text (13 px, the default)
+ * @property body-sm - Small body text (12.5 px)
+ * @property label-md - Medium form label / metric label (mono 11 px)
+ * @property label-sm - Small form label / metric label (mono 10 px)
+ * @property caption - Caption / footnote (12.5 px)
+ * @property overline - Overline / eyebrow (mono 10 px)
+ * @property code-sm - Small code / token (mono 11 px)
+ * @property code-md - Medium code / token (mono 12.5 px)
+ * @property mono-kpi - KPI numeric — mono + tabular-nums, the large number (26 px)
  */
 export declare const TextStyleType: VariantType<{
     readonly "display-xl": NullType;

package/dist/src/style/typography.js

@@ -376,24 +376,24 @@ export function FontVariantNumeric(variant_) {
  * Text and Heading require a `textStyle`; raw `fontSize` stays on Box only
  * as an escape hatch.
  *
- * @property display-xl - Hero page title (48 px)
- * @property display-lg - Large display heading
- * @property display-md - Medium display heading
- * @property display-sm - Small display heading
- * @property heading-lg - Large section heading
- * @property heading-md - Medium section heading
- * @property heading-sm - Small section heading
- * @property heading-xs - Extra-small heading
- * @property body-lg - Large body text
- * @property body-md - Medium body text (default)
- * @property body-sm - Small body text
- * @property label-md - Medium form label / metric label
- * @property label-sm - Small form label / metric label
- * @property caption - Caption / footnote
- * @property overline - Overline / eyebrow
- * @property code-sm - Small code / token
- * @property code-md - Medium code / token
- * @property mono-kpi - KPI numeric — mono + tabular-nums + display sizing
+ * @property display-xl - Page title, the design system's `h1` (24 px)
+ * @property display-lg - Large display heading, `h2` (20 px)
+ * @property display-md - Medium display heading, `h3` (18 px)
+ * @property display-sm - Small display heading, `h4` (16 px)
+ * @property heading-lg - Large section heading (20 px)
+ * @property heading-md - Medium section heading (18 px)
+ * @property heading-sm - Small section heading (15 px)
+ * @property heading-xs - Extra-small heading, `h6` in the body face (14 px)
+ * @property body-lg - Large body text (14 px)
+ * @property body-md - Medium body text (13 px, the default)
+ * @property body-sm - Small body text (12.5 px)
+ * @property label-md - Medium form label / metric label (mono 11 px)
+ * @property label-sm - Small form label / metric label (mono 10 px)
+ * @property caption - Caption / footnote (12.5 px)
+ * @property overline - Overline / eyebrow (mono 10 px)
+ * @property code-sm - Small code / token (mono 11 px)
+ * @property code-md - Medium code / token (mono 12.5 px)
+ * @property mono-kpi - KPI numeric — mono + tabular-nums, the large number (26 px)
  */
 export const TextStyleType = VariantType({
     "display-xl": NullType,

package/dist/test/collections/index.d.ts

@@ -6,7 +6,6 @@
 export * from "./data-list.examples.js";
 export * from "./matrix.examples.js";
 export * from "./pagination.examples.js";
-export * from "./paged-source.examples.js";
 export * from "./plan.examples.js";
 export * from "./table.examples.js";
 export * from "./tree-view.examples.js";

package/dist/test/collections/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../test/collections/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gFAAgF;AAEhF,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../test/collections/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gFAAgF;AAEhF,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/dist/test/collections/index.js

@@ -6,7 +6,6 @@
 export * from "./data-list.examples.js";
 export * from "./matrix.examples.js";
 export * from "./pagination.examples.js";
-export * from "./paged-source.examples.js";
 export * from "./plan.examples.js";
 export * from "./table.examples.js";
 export * from "./tree-view.examples.js";

package/dist/test/collections/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../test/collections/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gFAAgF;AAEhF,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../test/collections/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gFAAgF;AAEhF,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/dist/test/collections/library.examples.d.ts

@@ -2,6 +2,13 @@
  *  asset and flat-room palettes) — each gets its own Slice config so the
  *  sliced mode composes across every dataset. */
 export declare const libraryPeople: import("@elaraai/east").ExampleDef<[], any>;
+/**
+ * A component palette — the cards a builder drags onto its canvas. Each card
+ * carries a trailing lock (what it shows is fixed by its developer); the card
+ * already on the canvas is placed, in the brand; the Filter menu narrows by
+ * category and tags; and a click reports the card, here into State.
+ */
+export declare const libraryPalette: import("@elaraai/east").ExampleDef<[], any>;
 /**
  * THE large-library configurator (pass 5) — ONE live crew palette: slice
  * chrome (search / filter rail / count footer) composes on permanently, the
@@ -9,4 +16,25 @@ export declare const libraryPeople: import("@elaraai/east").ExampleDef<[], any>;
  * (auto / scroll / fill — an empty height reads as unbounded).
  */
 export declare const libraryLarge: import("@elaraai/east").ExampleDef<[], any>;
+/**
+ * A gallery of pages — the page library's cards. Each card's media is the
+ * page's wireframe at its start; its status is a dot, or an open ring for a
+ * draft never published; its meta line says what it holds; and its foot names
+ * the action a click takes. The dashed last card adds a page, and the
+ * toolbar's Grid · List switch lays the cards out.
+ */
+export declare const libraryGalleryPages: import("@elaraai/east").ExampleDef<[], any>;
+/**
+ * A gallery that draws no toolbar of its own, for a host whose one toolbar
+ * serves several libraries: the host narrows the rows itself and gives the
+ * gallery its layout — here a Grid · List control above it, from State.
+ */
+export declare const libraryGalleryHosted: import("@elaraai/east").ExampleDef<[], any>;
+/**
+ * A gallery of something other than pages — reports. Each card's media is its
+ * trend, a sparkline above its face; its foot holds its owner's avatar beside
+ * how many decks use it, and a star for a favourite; and the reports group by
+ * team, searchable by name.
+ */
+export declare const libraryGalleryReports: import("@elaraai/east").ExampleDef<[], any>;
 //# sourceMappingURL=library.examples.d.ts.map

package/dist/test/collections/library.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"library.examples.d.ts","sourceRoot":"","sources":["../../../test/collections/library.examples.tsx"],"names":[],"mappings":"AAmBA;;iDAEiD;AAMjD,eAAO,MAAM,aAAa,6CAyCxB,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,YAAY,6CAyFvB,CAAC"}
+{"version":3,"file":"library.examples.d.ts","sourceRoot":"","sources":["../../../test/collections/library.examples.tsx"],"names":[],"mappings":"AAmBA;;iDAEiD;AAMjD,eAAO,MAAM,aAAa,6CAyCxB,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,6CA4CzB,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,YAAY,6CAyFvB,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,6CA+E9B,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,6CA6D/B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,6CAyChC,CAAC"}