@yahoo/uds-create-config 4.26.5 → 4.26.7

package/dist/configs/react-native-system.d.ts

@@ -58,7 +58,7 @@ declare const ReactNativeSystem: ConfigClass<{
       pagesDir: _$zod.ZodOptional<_$zod.ZodString>;
       port: _$zod.ZodOptional<_$zod.ZodNumber>;
     }, _$zod_v4_core0.$strict>>;
-  }, "canvas" | "css" | "playground"> & {
+  }, "css" | "playground" | "canvas"> & {
     canvas: _$zod.ZodOptional<_$zod.ZodObject<{
       packageAliases: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodString>>;
     }, _$zod_v4_core0.$strict>>;
@@ -1537,7 +1537,7 @@ declare const ReactNativeSystem: ConfigClass<{
     arbitrary: _$zod.ZodDefault<_$zod.ZodBoolean>;
     negates: _$zod.ZodDefault<_$zod.ZodBoolean>;
     opacityOf: _$zod.ZodOptional<_$zod.ZodLazy<_$zod.ZodType<Ref, unknown, _$zod_v4_core0.$ZodTypeInternals<Ref, unknown>>>>;
-  }, "values" | "classPrefix" | "properties"> & {
+  }, "values" | "properties" | "classPrefix"> & {
     properties: _$zod.ZodArray<_$zod.ZodPipe<_$zod.ZodPipe<_$zod.ZodString, _$zod.ZodTransform<string, string>>, _$zod.ZodEnum<{
       filter: "filter";
       transform: "transform";
@@ -1562,14 +1562,7 @@ declare const ReactNativeSystem: ConfigClass<{
       overflow: "overflow";
       padding: "padding";
       width: "width";
-      elevation: "elevation";
       fontFamily: "fontFamily";
-      fontSize: "fontSize";
-      fontStyle: "fontStyle";
-      fontVariant: "fontVariant";
-      fontWeight: "fontWeight";
-      letterSpacing: "letterSpacing";
-      pointerEvents: "pointerEvents";
       alignContent: "alignContent";
       alignItems: "alignItems";
       alignSelf: "alignSelf";
@@ -1611,6 +1604,7 @@ declare const ReactNativeSystem: ConfigClass<{
       boxShadow: "boxShadow";
       boxSizing: "boxSizing";
       columnGap: "columnGap";
+      elevation: "elevation";
       experimental_backgroundImage: "experimental_backgroundImage";
       experimental_backgroundPosition: "experimental_backgroundPosition";
       experimental_backgroundRepeat: "experimental_backgroundRepeat";
@@ -1620,6 +1614,10 @@ declare const ReactNativeSystem: ConfigClass<{
       flexGrow: "flexGrow";
       flexShrink: "flexShrink";
       flexWrap: "flexWrap";
+      fontSize: "fontSize";
+      fontStyle: "fontStyle";
+      fontVariant: "fontVariant";
+      fontWeight: "fontWeight";
       includeFontPadding: "includeFontPadding";
       insetBlock: "insetBlock";
       insetBlockEnd: "insetBlockEnd";
@@ -1628,6 +1626,7 @@ declare const ReactNativeSystem: ConfigClass<{
       insetInlineEnd: "insetInlineEnd";
       insetInlineStart: "insetInlineStart";
       justifyContent: "justifyContent";
+      letterSpacing: "letterSpacing";
       lineHeight: "lineHeight";
       marginBlock: "marginBlock";
       marginBlockEnd: "marginBlockEnd";
@@ -1668,6 +1667,7 @@ declare const ReactNativeSystem: ConfigClass<{
       paddingStart: "paddingStart";
       paddingTop: "paddingTop";
       paddingVertical: "paddingVertical";
+      pointerEvents: "pointerEvents";
       resizeMode: "resizeMode";
       rotation: "rotation";
       rowGap: "rowGap";
@@ -2265,7 +2265,7 @@ declare const ReactNativeSystem: ConfigClass<{
         pagesDir: _$zod.ZodOptional<_$zod.ZodString>;
         port: _$zod.ZodOptional<_$zod.ZodNumber>;
       }, _$zod_v4_core0.$strict>>;
-    }, "canvas" | "css" | "playground"> & {
+    }, "css" | "playground" | "canvas"> & {
       canvas: _$zod.ZodOptional<_$zod.ZodObject<{
         packageAliases: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodString>>;
       }, _$zod_v4_core0.$strict>>;
@@ -3744,7 +3744,7 @@ declare const ReactNativeSystem: ConfigClass<{
       arbitrary: _$zod.ZodDefault<_$zod.ZodBoolean>;
       negates: _$zod.ZodDefault<_$zod.ZodBoolean>;
       opacityOf: _$zod.ZodOptional<_$zod.ZodLazy<_$zod.ZodType<Ref, unknown, _$zod_v4_core0.$ZodTypeInternals<Ref, unknown>>>>;
-    }, "values" | "classPrefix" | "properties"> & {
+    }, "values" | "properties" | "classPrefix"> & {
       properties: _$zod.ZodArray<_$zod.ZodPipe<_$zod.ZodPipe<_$zod.ZodString, _$zod.ZodTransform<string, string>>, _$zod.ZodEnum<{
         filter: "filter";
         transform: "transform";
@@ -3769,14 +3769,7 @@ declare const ReactNativeSystem: ConfigClass<{
         overflow: "overflow";
         padding: "padding";
         width: "width";
-        elevation: "elevation";
         fontFamily: "fontFamily";
-        fontSize: "fontSize";
-        fontStyle: "fontStyle";
-        fontVariant: "fontVariant";
-        fontWeight: "fontWeight";
-        letterSpacing: "letterSpacing";
-        pointerEvents: "pointerEvents";
         alignContent: "alignContent";
         alignItems: "alignItems";
         alignSelf: "alignSelf";
@@ -3818,6 +3811,7 @@ declare const ReactNativeSystem: ConfigClass<{
         boxShadow: "boxShadow";
         boxSizing: "boxSizing";
         columnGap: "columnGap";
+        elevation: "elevation";
         experimental_backgroundImage: "experimental_backgroundImage";
         experimental_backgroundPosition: "experimental_backgroundPosition";
         experimental_backgroundRepeat: "experimental_backgroundRepeat";
@@ -3827,6 +3821,10 @@ declare const ReactNativeSystem: ConfigClass<{
         flexGrow: "flexGrow";
         flexShrink: "flexShrink";
         flexWrap: "flexWrap";
+        fontSize: "fontSize";
+        fontStyle: "fontStyle";
+        fontVariant: "fontVariant";
+        fontWeight: "fontWeight";
         includeFontPadding: "includeFontPadding";
         insetBlock: "insetBlock";
         insetBlockEnd: "insetBlockEnd";
@@ -3835,6 +3833,7 @@ declare const ReactNativeSystem: ConfigClass<{
         insetInlineEnd: "insetInlineEnd";
         insetInlineStart: "insetInlineStart";
         justifyContent: "justifyContent";
+        letterSpacing: "letterSpacing";
         lineHeight: "lineHeight";
         marginBlock: "marginBlock";
         marginBlockEnd: "marginBlockEnd";
@@ -3875,6 +3874,7 @@ declare const ReactNativeSystem: ConfigClass<{
         paddingStart: "paddingStart";
         paddingTop: "paddingTop";
         paddingVertical: "paddingVertical";
+        pointerEvents: "pointerEvents";
         resizeMode: "resizeMode";
         rotation: "rotation";
         rowGap: "rowGap";

package/dist/configs/system.js

@@ -1,7 +1,7 @@
-import { Settings } from "../entities/system/Settings.js";
 import { Font } from "../entities/system/Font.js";
 import { Composite } from "../entities/system/Composite.js";
 import { Modifier } from "../entities/system/Modifier.js";
+import { Settings } from "../entities/system/Settings.js";
 import { StyleProperty } from "../entities/system/StyleProperty.js";
 import { Package } from "../entities/system/Package.js";
 import { File } from "../entities/system/File.js";

package/dist/entities/native/NativeSettings.d.ts

@@ -36,7 +36,7 @@ declare const NativeSettings: EntityClass<z.ZodObject<Omit<{
     pagesDir: z.ZodOptional<z.ZodString>;
     port: z.ZodOptional<z.ZodNumber>;
   }, z.core.$strict>>;
-}, "canvas" | "css" | "playground"> & {
+}, "css" | "playground" | "canvas"> & {
   canvas: z.ZodOptional<z.ZodObject<{
     packageAliases: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
   }, z.core.$strict>>;

package/dist/entities/native/NativeStyleProperty.d.ts

@@ -30,14 +30,7 @@ declare const rnStyleKey: z.ZodEnum<{
   overflow: "overflow";
   padding: "padding";
   width: "width";
-  elevation: "elevation";
   fontFamily: "fontFamily";
-  fontSize: "fontSize";
-  fontStyle: "fontStyle";
-  fontVariant: "fontVariant";
-  fontWeight: "fontWeight";
-  letterSpacing: "letterSpacing";
-  pointerEvents: "pointerEvents";
   alignContent: "alignContent";
   alignItems: "alignItems";
   alignSelf: "alignSelf";
@@ -79,6 +72,7 @@ declare const rnStyleKey: z.ZodEnum<{
   boxShadow: "boxShadow";
   boxSizing: "boxSizing";
   columnGap: "columnGap";
+  elevation: "elevation";
   experimental_backgroundImage: "experimental_backgroundImage";
   experimental_backgroundPosition: "experimental_backgroundPosition";
   experimental_backgroundRepeat: "experimental_backgroundRepeat";
@@ -88,6 +82,10 @@ declare const rnStyleKey: z.ZodEnum<{
   flexGrow: "flexGrow";
   flexShrink: "flexShrink";
   flexWrap: "flexWrap";
+  fontSize: "fontSize";
+  fontStyle: "fontStyle";
+  fontVariant: "fontVariant";
+  fontWeight: "fontWeight";
   includeFontPadding: "includeFontPadding";
   insetBlock: "insetBlock";
   insetBlockEnd: "insetBlockEnd";
@@ -96,6 +94,7 @@ declare const rnStyleKey: z.ZodEnum<{
   insetInlineEnd: "insetInlineEnd";
   insetInlineStart: "insetInlineStart";
   justifyContent: "justifyContent";
+  letterSpacing: "letterSpacing";
   lineHeight: "lineHeight";
   marginBlock: "marginBlock";
   marginBlockEnd: "marginBlockEnd";
@@ -136,6 +135,7 @@ declare const rnStyleKey: z.ZodEnum<{
   paddingStart: "paddingStart";
   paddingTop: "paddingTop";
   paddingVertical: "paddingVertical";
+  pointerEvents: "pointerEvents";
   resizeMode: "resizeMode";
   rotation: "rotation";
   rowGap: "rowGap";
@@ -172,7 +172,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
   arbitrary: z.ZodDefault<z.ZodBoolean>;
   negates: z.ZodDefault<z.ZodBoolean>;
   opacityOf: z.ZodOptional<z.ZodLazy<z.ZodType<Ref, unknown, z.core.$ZodTypeInternals<Ref, unknown>>>>;
-}, "values" | "classPrefix" | "properties"> & {
+}, "values" | "properties" | "classPrefix"> & {
   properties: z.ZodArray<z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodEnum<{
     filter: "filter";
     transform: "transform";
@@ -197,14 +197,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     overflow: "overflow";
     padding: "padding";
     width: "width";
-    elevation: "elevation";
     fontFamily: "fontFamily";
-    fontSize: "fontSize";
-    fontStyle: "fontStyle";
-    fontVariant: "fontVariant";
-    fontWeight: "fontWeight";
-    letterSpacing: "letterSpacing";
-    pointerEvents: "pointerEvents";
     alignContent: "alignContent";
     alignItems: "alignItems";
     alignSelf: "alignSelf";
@@ -246,6 +239,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     boxShadow: "boxShadow";
     boxSizing: "boxSizing";
     columnGap: "columnGap";
+    elevation: "elevation";
     experimental_backgroundImage: "experimental_backgroundImage";
     experimental_backgroundPosition: "experimental_backgroundPosition";
     experimental_backgroundRepeat: "experimental_backgroundRepeat";
@@ -255,6 +249,10 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     flexGrow: "flexGrow";
     flexShrink: "flexShrink";
     flexWrap: "flexWrap";
+    fontSize: "fontSize";
+    fontStyle: "fontStyle";
+    fontVariant: "fontVariant";
+    fontWeight: "fontWeight";
     includeFontPadding: "includeFontPadding";
     insetBlock: "insetBlock";
     insetBlockEnd: "insetBlockEnd";
@@ -263,6 +261,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     insetInlineEnd: "insetInlineEnd";
     insetInlineStart: "insetInlineStart";
     justifyContent: "justifyContent";
+    letterSpacing: "letterSpacing";
     lineHeight: "lineHeight";
     marginBlock: "marginBlock";
     marginBlockEnd: "marginBlockEnd";
@@ -303,6 +302,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     paddingStart: "paddingStart";
     paddingTop: "paddingTop";
     paddingVertical: "paddingVertical";
+    pointerEvents: "pointerEvents";
     resizeMode: "resizeMode";
     rotation: "rotation";
     rowGap: "rowGap";

package/dist/entities/system/Component.js

@@ -1,17 +1,18 @@
-import { canonicalCondition, isRef, kindOf, pathOf, ref, refLeaf, refSchema, splitRef } from "../../framework/utils/refs.js";
-import { childrenPolicy, forwardedPropName } from "./element.js";
 import { reject, rejectData } from "../../framework/rejection.js";
+import { canonicalCondition, isRef, kindOf, pathOf, ref, refLeaf, refSchema, splitRef } from "../../framework/utils/refs.js";
 import { isPlainObject } from "../../framework/utils/field-path.js";
 import { pathInput } from "../../framework/schemas.js";
 import { defineEntity } from "../../framework/defineEntity.js";
 import { defineSubEntity } from "../../framework/defineSubEntity.js";
 import { derivedColor, gradient } from "./color.js";
+import { childrenPolicy, forwardedPropName } from "./element.js";
 import { listedIn } from "../../framework/utils/enumerated.js";
 import { valueSchemaOf } from "../../framework/value-domain.js";
 import { bindPreviewGlyphs, glyphLeafOf } from "./glyph-identity.js";
 import { Style, addBagKeyIssues, anatomyPropValue, bagNameEdges, bagRewriteName, bindBagTokens, collectBag, isPlainRecord, openBag, styleValue } from "./style-bag.js";
 import { storedPreview } from "../../framework/preview-store.js";
 import { glyphPropsOf, propValueDomain, refListOf, resolveComponentProps, stylePropValueLeaves, validateComponentProps } from "../../framework/projections.js";
+import { carriesContent, intoName, isValueSlot, renderBoundProp, routedPropIn, routesContent } from "../../framework/prop-surface.js";
 import { slotAnatomyPropOf, slotTargetsOf, withoutTruthyTerm } from "../../framework/render-spec.js";
 import { listSlots, namedSlots, slotHostedBy, slotOf } from "../../spec/slot.js";
 import { cellAt } from "../../spec/cell.js";
@@ -21,7 +22,6 @@ import { File } from "./File.js";
 import { iconDomainInvariants } from "./icon-domain-invariants.js";
 import { rootLayerInvariants } from "./root-layer-invariants.js";
 import { Token } from "./Token.js";
-import { carriesContent, intoName, isValueSlot, renderBoundProp, routedPropIn, routesContent } from "../../framework/prop-surface.js";
 import { z } from "zod";
 //#region src/entities/system/Component.ts
 /**

package/dist/entities/system/Settings.js

@@ -1,7 +1,7 @@
-import { buildFields } from "../../configs/build-options.js";
-import { parseRootFontSize } from "../../css/root-font-size.js";
 import { defineEntity } from "../../framework/defineEntity.js";
 import { defineSubEntity } from "../../framework/defineSubEntity.js";
+import { buildFields } from "../../configs/build-options.js";
+import { parseRootFontSize } from "../../css/root-font-size.js";
 import { z } from "zod";
 //#region src/entities/system/Settings.ts
 /**

package/dist/entities/system/copy-plan.js

@@ -1,5 +1,5 @@
-import { MINTED, collectRefs, isMintedRow, kindOf, pathOf, rewriteRefs, sourceOf, splitRef } from "../../framework/utils/refs.js";
 import { rejectData } from "../../framework/rejection.js";
+import { MINTED, collectRefs, isMintedRow, kindOf, pathOf, rewriteRefs, sourceOf, splitRef } from "../../framework/utils/refs.js";
 import { kindBorrowable } from "../../framework/registry.js";
 import { File } from "./File.js";
 import { componentModuleFilePaths, componentRegistryImports } from "./component-module.js";

package/dist/entities/system/icon-library.js

@@ -1,7 +1,7 @@
 import { createSliceMemo } from "../../framework/memo.js";
 import { glyphComponentOf, glyphLibrariesOf, iconToolOf, resolveComponentProps } from "../../framework/projections.js";
-import { Component } from "./Component.js";
 import { isValueSlot } from "../../framework/prop-surface.js";
+import { Component } from "./Component.js";
 import { parseGlyphType } from "../../spec/glyph-jsx.js";
 import { Icon } from "./Icon.js";
 //#region src/entities/system/icon-library.ts

package/dist/entities/system/link-plan.js

@@ -1,5 +1,5 @@
-import { collectRefs, isMintedRow, ref, sourceOf, splitRef } from "../../framework/utils/refs.js";
 import { rejectData } from "../../framework/rejection.js";
+import { collectRefs, isMintedRow, ref, sourceOf, splitRef } from "../../framework/utils/refs.js";
 import { blockedBy } from "../../framework/plan.js";
 import { PIN_KIND, covers, declarationOf, narrowDeclaration } from "./link-declaration.js";
 import { planCopy, sourceEntries } from "./copy-plan.js";

package/dist/framework/Config.js

@@ -1,6 +1,6 @@
-import { ENTITY_PATH_MESSAGE, MINTED, collectRefs, entityRefOf, isEntityPath, isExtendedRef, isMintedRow, isRef, kindOf, memberOf, memberRef, pathOf, qualifyRefs, ref, rewriteRefNamespace, rewriteRefSource, rewriteRefs, singletonRef, sourceOf, splitRef } from "./utils/refs.js";
 import "./config-operation-kind.js";
 import { ConfigFormatError, ConfigRejection, isConfigRejection, issuePath, refusalIssues, reject, rejectData, rejectInvalid, rejectReferrers } from "./rejection.js";
+import { ENTITY_PATH_MESSAGE, MINTED, collectRefs, entityRefOf, isEntityPath, isExtendedRef, isMintedRow, isRef, kindOf, memberOf, memberRef, pathOf, qualifyRefs, ref, rewriteRefNamespace, rewriteRefSource, rewriteRefs, singletonRef, sourceOf, splitRef } from "./utils/refs.js";
 import { describePatch } from "./plan.js";
 import { applyPathDelta, isPlainObject, namedFields, pathSegments, sectionDelta, touchedFields } from "./utils/field-path.js";
 import { METADATA_KEYS, declaredField } from "./utils/field-schema.js";

package/dist/framework/bindings.js

@@ -1,5 +1,5 @@
-import { isExpression, readStatePointer, resolveVisibility, slotTargetsOf, valueForwardsOf } from "./render-spec.js";
 import { renderBindingsOf } from "./prop-surface.js";
+import { isExpression, readStatePointer, resolveVisibility, slotTargetsOf, valueForwardsOf } from "./render-spec.js";
 //#region src/framework/bindings.ts
 const KIND_BY_KEY = [
 	["$bindState", "bindState"],

package/dist/framework/defineEntity.js

@@ -1,5 +1,5 @@
-import { isRef, kindOf, pathOf, ref, refSchema, refTo, sourceOf } from "./utils/refs.js";
 import { CONFIG_OPERATION_KIND } from "./config-operation-kind.js";
+import { isRef, kindOf, pathOf, ref, refSchema, refTo, sourceOf } from "./utils/refs.js";
 import { resolveFields } from "./schemas.js";
 import { buildKind } from "./registry.js";
 import { brandGroup } from "./utils/group.js";

package/dist/framework/inline-sources.js

@@ -1,5 +1,5 @@
-import { MINTED, collectRefs, entityRefOf, isRef, kindOf, pathOf, ref, rewriteRefs, sourceOf } from "./utils/refs.js";
 import { rejectData } from "./rejection.js";
+import { MINTED, collectRefs, entityRefOf, isRef, kindOf, pathOf, ref, rewriteRefs, sourceOf } from "./utils/refs.js";
 import { kindBorrowable } from "./registry.js";
 //#region src/framework/inline-sources.ts
 /**

package/dist/framework/plan.js

@@ -1,5 +1,5 @@
-import { splitRef } from "./utils/refs.js";
 import { isConfigRejection } from "./rejection.js";
+import { splitRef } from "./utils/refs.js";
 //#region src/framework/plan.ts
 /**
 * One line for a patch, read off the patch itself: its kind, what it did, and where. The payload

package/dist/framework/projections.js

@@ -1,10 +1,10 @@
 import { isRef, kindOf, memberOf, pathOf, ref, refLeaf, sourceOf, splitRef } from "./utils/refs.js";
-import { forwardedPropName, forwardsOf, rootLayerOf } from "../entities/system/element.js";
-import { classPrefixOf, varPrefixOf } from "../entities/system/Settings.js";
 import { isComposedValue, renderComposedValue } from "../entities/system/composed-values.js";
+import { forwardedPropName, forwardsOf, rootLayerOf } from "../entities/system/element.js";
 import { fontFamilyStack } from "../entities/system/Font.js";
 import { listedIn } from "./utils/enumerated.js";
 import { modifierCategory } from "../entities/system/Modifier.js";
+import { classPrefixOf, varPrefixOf } from "../entities/system/Settings.js";
 import { StyleProperty, leavesOfStylePropValue } from "../entities/system/StyleProperty.js";
 import { createSliceMemo } from "./memo.js";
 import { isConditionalPreview, storedPreview, unconditionalPreviewProps } from "./preview-store.js";

package/dist/framework/render-spec.d.ts

@@ -20,6 +20,15 @@ interface RenderElement {
   /** json-render's own `on` grammar: event name → the actions it runs. Carried from the anatomy
    *  for the component's own composition, so a click in a preview writes the state model. */
   readonly on?: unknown;
+  /** json-render's own repeat grammar: this element's children render once per item of the list at
+   *  `statePath`, each inside the scope `$item` and `$index` read from. A nested list on the
+   *  enclosing item is named as `{ $item: 'field' }`. */
+  readonly repeat?: {
+    readonly statePath: string | {
+      readonly $item: string;
+    };
+    readonly key?: string;
+  };
 }
 interface RenderSpec {
   readonly root: string;

package/dist/framework/render-spec.js

@@ -3,11 +3,15 @@ import { renderedElement } from "../entities/system/element.js";
 import { createSliceMemo } from "./memo.js";
 import { unconditionalPreviewProps } from "./preview-store.js";
 import { authoredBag, authoredValue, declaredPropDefaults, memberFromLeaf, refListOf, resolveComponentProps, stylePropertyPathFor } from "./projections.js";
-import { componentLayerClass, componentPropClasses, componentRuleClasses, layerRoutedProps, splitStyleProps, styleRuleMotionClasses } from "./class-names.js";
-import { graftPreviewElements } from "../spec/preview-elements.js";
 import { slotHostLayer } from "./slot-host.js";
 import { forwardedLayers, intoName, isValueSlot, renderBindingsOf, routesContent } from "./prop-surface.js";
+import { graftPreviewElements } from "../spec/preview-elements.js";
+import { componentLayerClass, componentPropClasses, componentRuleClasses, layerRoutedProps, splitStyleProps, styleRuleMotionClasses } from "./class-names.js";
 //#region src/framework/render-spec.ts
+/** A repeat source that is one prop binding: `{ "$state": "/stops" }`, settled by the cell alone. */
+function isStateSource(source) {
+	return typeof source === "object" && source !== null && "$state" in source && Object.keys(source).length === 1;
+}
 const refOf = (value) => typeof value?.__ref === "string" ? value.__ref : void 0;
 const layerOf = (element) => {
 	const target = refOf(element);
@@ -251,12 +255,48 @@ function projectSpec(config, path) {
 			...node.on !== void 0 ? { on: node.on } : {}
 		};
 	}
+	repeatParents(anatomy, elements);
 	return {
 		root: entryKeyOf(elements),
 		elements
 	};
 }
 /**
+* A node the render writes once per item of a prop's list, as json-render repeats it: the parent
+* carries `repeat: { statePath }` and renders its children once per item, each inside the scope
+* `$item` and `$index` read from, so the matrix unrolls the preview's list the way the module does.
+* That spelling covers a parent whose every child is an arm of one `.map` over a prop. A parent that
+* mixes repeated and single children, or a list a module-scope function computes, has no json-render
+* spelling and is left as it was, each arm once; `expandSpec` settles those.
+*/
+function repeatParents(anatomy, elements) {
+	for (const [key, node] of Object.entries(anatomy)) {
+		const children = node?.children ?? [];
+		const element = elements[key];
+		if (children.length === 0 || !element) continue;
+		const arms = children.map((child) => {
+			const repeat = anatomy[child]?.repeat;
+			return {
+				group: repeat?.group,
+				statePath: statePathOf(repeat?.source)
+			};
+		});
+		const [first] = arms;
+		if (!first?.statePath) continue;
+		if (!arms.every((arm) => arm.statePath === first.statePath && arm.group === first.group)) continue;
+		elements[key] = {
+			...element,
+			repeat: { statePath: first.statePath }
+		};
+	}
+}
+/** The pointer a repeat source that is one prop binding names; nothing for a computed list. */
+function statePathOf(source) {
+	if (!isStateSource(source)) return void 0;
+	const { $state } = source;
+	return typeof $state === "string" ? $state : void 0;
+}
+/**
 * The props a spec's actions write — the root of every `setState` path under any element's `on`.
 * These are the props a preview must keep LIVE: their conditions stay for the renderer to judge
 * against the state model rather than being settled once, and their styles paint per value.
@@ -1212,7 +1252,10 @@ function expandInstance(sink, path, instanceProps, content, hint, instanceSlots)
 			row,
 			settle: true
 		});
-		if (!Array.isArray(list)) return keys.flatMap((key) => emitOne(key, keyHint, row));
+		if (!Array.isArray(list)) {
+			if (isStateSource(source)) return [];
+			return keys.flatMap((key) => emitOne(key, keyHint, row));
+		}
 		const placed = [];
 		list.forEach((item, index) => {
 			const itemRow = {
@@ -1401,6 +1444,13 @@ function expandSpec(config, spec, options = {}) {
 				on: element.on
 			};
 		}
+		if (element.repeat !== void 0) {
+			const target = sink.elements[placed];
+			if (target && sameKeys(target.children, children)) sink.elements[placed] = {
+				...target,
+				repeat: element.repeat
+			};
+		}
 		emitting.delete(key);
 		return placed;
 	};
@@ -1414,6 +1464,9 @@ function expandSpec(config, spec, options = {}) {
 		unresolved: [...sink.unresolved]
 	};
 }
+function sameKeys(a, b) {
+	return (a ?? []).length === b.length && b.every((key, i) => a?.[i] === key);
+}
 /**
 * One component instance, expanded from nothing but the config — what a canvas paints for a
 * component created in Studio.

package/dist/index.js

@@ -1,12 +1,7 @@
 import { AI_LANES, GUIDANCE_LANES } from "./ai-lanes.js";
-import { CapturedNode, capturedFromDom, elementFromCaptured } from "./capture/captured-tree.js";
-import { ENTITY_PATH_MESSAGE, MINTED, collectRefs, entityRefOf, isEntityPath, isExtendedRef, isMintedRow, isRef, kindOf, memberOf, memberRef, orRef, pathOf, ref, refLeaf, refSchema, refTo, rewriteRefNamespace, rewriteRefSource, rewriteRefs, sourceOf, splitRef } from "./framework/utils/refs.js";
-import { VOID_ELEMENTS, childrenPolicy, forwardsOf, ownerOf, partsOf, renderedElement, renderedTarget, rootLayerOf } from "./entities/system/element.js";
-import { BUILD_DEFAULTS } from "./configs/build-options.js";
-import { resolveValueType, sniffValueType } from "./css/value-type.js";
-import { parseRootFontSize } from "./css/root-font-size.js";
 import { CONFIG_OPERATION_KIND } from "./framework/config-operation-kind.js";
 import { ConfigFormatError, ConfigRejection, isConfigFormatError, isConfigRejection } from "./framework/rejection.js";
+import { ENTITY_PATH_MESSAGE, MINTED, collectRefs, entityRefOf, isEntityPath, isExtendedRef, isMintedRow, isRef, kindOf, memberOf, memberRef, orRef, pathOf, ref, refLeaf, refSchema, refTo, rewriteRefNamespace, rewriteRefSource, rewriteRefs, sourceOf, splitRef } from "./framework/utils/refs.js";
 import { describePatch } from "./framework/plan.js";
 import { applyPathDelta, isPlainObject, namedFields, pathDelta, pathSegments, setAtPath, touchedFields } from "./framework/utils/field-path.js";
 import { declaredField, deriveCreateSchema, deriveUpdateSchema, fieldKeys } from "./framework/utils/field-schema.js";
@@ -15,23 +10,28 @@ import { opsForKind } from "./framework/registry.js";
 import { GROUP, brandGroup, isGroupBody } from "./framework/utils/group.js";
 import { defineEntity } from "./framework/defineEntity.js";
 import { defineSubEntity } from "./framework/defineSubEntity.js";
-import { BuildSection, CSS_DEFAULTS, CssSection, PLAYGROUND_DEFAULTS, PlaygroundSection, Settings, SystemSection, classPrefixOf, cssPrefixes, varPrefixOf } from "./entities/system/Settings.js";
 import { DERIVED_COLOR_SPACE, alpha, darken, isDerivedColor, isGradient, lighten, linearGradient, mix, renderDerivedColor, renderGradient } from "./entities/system/color.js";
 import { isTransition, renderTransition, transition } from "./entities/system/transition.js";
 import { composedValueAuthoring, composedValueFormOf, composedValueForms, composedValueSchemas, isComposedValue, renderComposedValue } from "./entities/system/composed-values.js";
+import { VOID_ELEMENTS, childrenPolicy, forwardsOf, ownerOf, partsOf, renderedElement, renderedTarget, rootLayerOf } from "./entities/system/element.js";
 import { Font, FontFile, fontFamilyStack } from "./entities/system/Font.js";
 import { CSS_PROPERTY_NAMES, CSS_WIDE_KEYWORDS, cssProperty, cssValueIssue, isCssProperty } from "./css/values.js";
 import { valueLeavesOf, valueSchemaOf } from "./framework/value-domain.js";
 import { Composite } from "./entities/system/Composite.js";
 import { MODIFIER_CATEGORIES, Modifier, WEB_ACTIVATIONS, modeAxes, modifierAxes, modifierAxis, modifierCategory, modifierGroupFields, modifierInvariants, modifierLeaf } from "./entities/system/Modifier.js";
+import { BUILD_DEFAULTS } from "./configs/build-options.js";
+import { resolveValueType, sniffValueType } from "./css/value-type.js";
+import { parseRootFontSize } from "./css/root-font-size.js";
+import { BuildSection, CSS_DEFAULTS, CssSection, PLAYGROUND_DEFAULTS, PlaygroundSection, Settings, SystemSection, classPrefixOf, cssPrefixes, varPrefixOf } from "./entities/system/Settings.js";
 import { isIdentifier, isReservedWord } from "./framework/utils/identifier.js";
 import { STYLE_PROP_VALUE_FORMS, STYLE_PROP_VALUE_LEAVES, StyleProperty, classifyStylePropValue, cssPropertyNames, leavesOfStylePropValue, stylePropValueFormOf, stylePropValueSchema, toCssPropertyName } from "./entities/system/StyleProperty.js";
 import { createSliceMemo } from "./framework/memo.js";
 import { UNCONDITIONAL_PREVIEW_KEY, storedPreview, unconditionalPreviewProps } from "./framework/preview-store.js";
 import { authoredBag, authoredValue, className, cssPropValue, cssVar, cssVarRef, declaredPropDefaults, declaredPropRouting, glyphComponentOf, glyphLibrariesOf, glyphPropsOf, iconToolAxisOptions, iconToolOf, keyedPreviewConditions, memberFromLeaf, memberLeaves, negatedCssValue, opacityPercentage, previewConditionalProps, previewConditions, previewDefaults, previewMatrix, propOwner, propValueDomain, propValueFromAxis, refListOf, renderStyleValue, resolveComponentProps, resolveFieldValue, resolveTokenValue, resolveTokenValueUnder, routedBag, sourceVarPrefix, styleAliasesOf, styleDeclarations, stylePropEntries, stylePropLeafForToken, stylePropNegates, stylePropTokenGroup, stylePropTokenPath, stylePropTokenValues, stylePropValueFromLeaf, stylePropValueLeaves, stylePropValues, stylePropertiesWriting, stylePropertyAccepts, stylePropertyFor, stylePropertyPathFor, validateComponentProps } from "./framework/projections.js";
+import { codeSlotsOf, forwardClaims, forwardedLayers, intoName, isValueSlot, layerPropRoutes, propApplies, propRegistryRef, renderBindingsOf, routedProp, routedPropIn, routesContent, slotCodeForms, standsInForCode, surfaceProp, surfaceProps } from "./framework/prop-surface.js";
+import { graftPreviewElements, isPreviewElement } from "./spec/preview-elements.js";
 import { layerStyles, ruleApplies } from "./framework/layer-styles.js";
 import { componentClassBase, componentCompositeClasses, componentLayerClass, componentMotionClasses, componentPropClasses, componentRuleClasses, forceModeAttribute, forceModeAttributeOf, forceModeProp, forceModePropGroup, forceModePropValue, forceModeProps, forceStateAttribute, isForceModeProp, kebabComponent, layerRoutedProps, modifierUtilitiesUsed, motionClassName, ruleCondition, splitStyleProps, stylePropClassBase, stylePropClassName, stylePropClasses, styleRuleMotionClasses } from "./framework/class-names.js";
-import { graftPreviewElements, isPreviewElement } from "./spec/preview-elements.js";
 import { ANATOMY_MARKER, anatomyElementComponent, anatomyTextProp, boundElementType, componentSpec, deriveSpec, entryKeyOf, expandComponent, expandSpec, instanceSpec, layerTextProp, liveStateProps, previewSpec, propInto, propsIntoLayer, readStatePointer, resolveValue, resolveVisibility, routeOf, slotTargetsOf, specWithResolvedVisibility, statePointerProp, valueForwardsOf, visibilityStateProps, visibilityTerms, withoutTruthyTerm, wrappedElementKey } from "./framework/render-spec.js";
 import { instanceHolding } from "./spec/instance.js";
 import { Package } from "./entities/system/Package.js";
@@ -39,7 +39,7 @@ import { File, SCRIPT_EXTENSIONS, isBinaryAsset } from "./entities/system/File.j
 import { TOKEN_READERS, isTokenReader, rootFontSize, spellTokenRead, tokenExists, tokenValueRow, tokenValueRows } from "./entities/system/token-values.js";
 import { Token, defineOverride, overrideCondition, overrideKey, overrideKeyModifiers, overrideModifiers } from "./entities/system/Token.js";
 import { Component, SLOT_CODE_FORMS, blankComponentBody, canonicalWhen, forwardedNames, layerRef, ownValues, ownsItsValues, valueRef } from "./entities/system/Component.js";
-import { codeSlotsOf, forwardClaims, forwardedLayers, intoName, isValueSlot, layerPropRoutes, propApplies, propRegistryRef, renderBindingsOf, routedProp, routedPropIn, routesContent, slotCodeForms, standsInForCode, surfaceProp, surfaceProps } from "./framework/prop-surface.js";
+import { CapturedNode, capturedFromDom, elementFromCaptured } from "./capture/captured-tree.js";
 import { classGrammar } from "./capture/class-grammar.js";
 import { specFromCapture } from "./capture/capture-to-spec.js";
 import { ICON_METADATA_FORMATS, iconMemberMetadata, iconMetadata, iconMetadataDeclaration, iconMetadataFile, iconMetadataFileJsonSchema, iconMetadataFormat, tablerExportName } from "./entities/system/icon-metadata.js";

package/dist/spec/cell.js

@@ -1,10 +1,10 @@
 import { canonicalCondition, refLeaf } from "../framework/utils/refs.js";
 import { holdingPreviewConditions, previewConditionalProps, previewDefaults } from "../framework/projections.js";
+import { propApplies, surfaceProps } from "../framework/prop-surface.js";
 import { ruleApplies } from "../framework/layer-styles.js";
 import { propsIntoLayer } from "../framework/render-spec.js";
 import { cellAtDefaults, parsePreviewContentKey, previewConditionAt, previewValueSource } from "./preview-content.js";
 import { listSlots, slotOf } from "./slot.js";
-import { propApplies, surfaceProps } from "../framework/prop-surface.js";
 //#region src/spec/cell.ts
 /** A stored condition with every ref read as its leaf. */
 function leaves(when) {

package/dist/spec/detach.js

@@ -1,10 +1,10 @@
 import { isRef, kindOf, pathOf, refLeaf } from "../framework/utils/refs.js";
 import { rootLayerOf } from "../entities/system/element.js";
 import { declaredPropDefaults } from "../framework/projections.js";
+import { isValueSlot } from "../framework/prop-surface.js";
 import { isPreviewElement } from "./preview-elements.js";
 import { entryKeyOf, resolveVisibility, slotTargetsOf } from "../framework/render-spec.js";
 import { Component } from "../entities/system/Component.js";
-import { isValueSlot } from "../framework/prop-surface.js";
 //#region src/spec/detach.ts
 /**
 * Detaching a placed instance: the layer that renders a component becomes that component's anatomy,

package/dist/spec/prop-conditions.js

@@ -1,5 +1,5 @@
-import { Component } from "../entities/system/Component.js";
 import { surfaceProps } from "../framework/prop-surface.js";
+import { Component } from "../entities/system/Component.js";
 //#region src/spec/prop-conditions.ts
 /**
 * What a prop's `when` may name, for the form that authors one.

package/dist/spec/slot.js

@@ -3,10 +3,10 @@ import { rootLayerOf } from "../entities/system/element.js";
 import { createSliceMemo } from "../framework/memo.js";
 import "../framework/preview-store.js";
 import { resolveComponentProps } from "../framework/projections.js";
+import { routesIntoText } from "../framework/prop-surface.js";
 import { isPreviewElement } from "./preview-elements.js";
 import { slotTargetsOf } from "../framework/render-spec.js";
 import { previewConditionAt, previewContentList, previewValueSource } from "./preview-content.js";
-import { routesIntoText } from "../framework/prop-surface.js";
 //#region src/spec/slot.ts
 /**
 * A slot of a component: one prop that content is placed in, as the config states it.