@yahoo/uds-create-config 3.0.8 → 3.0.10

package/dist/entities/system/Component.d.ts

@@ -5,7 +5,7 @@ import { EntityClass } from "../../framework/defineEntity.js";
 import { Config } from "../../framework/Config.js";
 import { ComputedInput } from "../../framework/registry.js";
 import { StyleValue } from "./style-bag.js";
-import { ComponentPropsOf, LayerMap, PropMap, RenderArgs, StyleRuleInput } from "./defineComponent.js";
+import { AsInput, ComponentPropsOf, LayerMap, PropMap, RenderArgs, StyleRuleInput } from "./defineComponent.js";
 import { z } from "zod";
 
 //#region src/entities/system/Component.d.ts
@@ -1272,8 +1272,9 @@ type ForwardedLayerNames<Contract, Delta> = ResolvedForwards<Contract, Delta> ex
  * only `{ __ref, extend }`. */
 type ExtendedComponentRef<Contract = ComponentContractOf<string>, Delta extends ComponentRefDelta = ComponentRefDelta, Extra = Record<never, never>> = ExtendedRef<Delta> & {
   /** Phantom component signature: codegen replaces the authoring value before it is rendered, but
-   * this lets `ComponentProps<typeof Button>` see the inherited and locally replaced contract. */
-  (props: ComponentPropsOf<ResolvedLayers<Contract, Delta>, ResolvedProps<Contract, Delta>, ResolvedDefaults<Contract, Delta>, Extra, ForwardedLayerNames<Contract, Delta>>): null;
+   * this lets `ComponentProps<typeof Button>` see the inherited and locally replaced contract. Generic
+   * over a call site's `as`, the same way `ComponentBuilder`'s is. */
+  <As extends AsInput = never>(props: ComponentPropsOf<ResolvedLayers<Contract, Delta>, ResolvedProps<Contract, Delta>, ResolvedDefaults<Contract, Delta>, Extra, ForwardedLayerNames<Contract, Delta>, As>): null;
   render<E = Extra>(fn: (args: RenderArgs<ResolvedLayers<Contract, Delta>, ResolvedProps<Contract, Delta>> & E) => unknown): ExtendedComponentRef<Contract, Delta, E>;
   /**
    * Style rules for the extension, typed against the layers it ends up with — the linked contract's,

package/dist/entities/system/defineComponent.d.ts

@@ -1,8 +1,9 @@
 import { Ref as Ref$1 } from "../../framework/utils/refs.js";
+import { RegisteredStyleProps } from "../../framework/registered.js";
 import { Authored } from "../../framework/authoring.js";
 import { StyleValue } from "./style-bag.js";
 import { VariantValues } from "./Component.js";
-import { ComponentPropsWithoutRef, ElementType, JSX, ReactNode, Ref } from "react";
+import { AllHTMLAttributes, ComponentPropsWithRef, ElementType, JSX, ReactNode, Ref } from "react";
 
 //#region src/entities/system/defineComponent.d.ts
 /**
@@ -248,14 +249,15 @@ type Declared<T> = { [K in keyof T as string extends K ? never : number extends
  *  props it DROPS from what it inherits — gone from the surface entirely. */
 type DeclaredProps<P> = { [K in keyof P as P[K] extends null ? never : K]: ValueOf<P[K]> };
 /**
- * The props the rendered ELEMENT contributes.
+ * The props the rendered ELEMENT contributes, `ref` included.
  *
  * That element's React props are part of the component's surface — `<Pressable onClick={e => …}>`
  * types `e` because `Pressable` renders a `button`. Left out, every handler a consumer passed fell
  * into the open index signature and its parameter had no contextual type, which turned ~75 untouched
- * call sites into implicit-`any` errors.
+ * call sites into implicit-`any` errors. The `ref` is the element's for the same reason: a
+ * `useRef<HTMLDivElement>` handed to an `<Box as="img">` is a mistake the element can name.
  */
-type ElementPropsOf<Element> = Element extends keyof JSX.IntrinsicElements ? ComponentPropsWithoutRef<Element> : Element extends ((props: infer PropsOfComponent) => unknown) ? Declared<PropsOfComponent> : Record<never, never>;
+type ElementPropsOf<Element> = Element extends keyof JSX.IntrinsicElements ? ComponentPropsWithRef<Element> : Element extends ((props: infer PropsOfComponent) => unknown) ? Declared<PropsOfComponent> : Record<never, never>;
 /**
  * Which element that is: the one a `defaultProps.as` FIXES, else the root layer.
  *
@@ -264,10 +266,39 @@ type ElementPropsOf<Element> = Element extends keyof JSX.IntrinsicElements ? Com
  * `as` is what a component PINS: `Input` is a Box in every other respect and an `<input>` in this
  * one, so the layer stays the component it extends while `as` names the tag. Reading only the layer
  * typed `Input`'s `onChange` against a `div` and lost `event.target.value` at every call site.
+ *
+ * A call site's own `as` outranks both — see {@link RenderedElementOf}.
  */
 type ElementOf<L extends LayerMap, D> = D extends {
   as: infer As;
 } ? As : L['root'];
+/**
+ * Whether an `as` names an element at all. `never` is a call that wrote none, and a `string` is a tag
+ * computed at runtime, which could be any of them. An `as` as wide as `ElementType` says nothing
+ * either: `React.ComponentProps<typeof Box>` reads the phantom signature with every type parameter
+ * at its constraint, and a consumer's `BoxProps` has to come out as the fixed element's surface, not
+ * a union over every tag.
+ */
+type NamesNoElement<As> = [As] extends [never] ? true : string extends As ? true : [ElementType] extends [As] ? true : false;
+/**
+ * What a call site may write as `as`: a tag, a component, or a `string` it computes. A computed tag
+ * names no element in particular, so the surface stays the fixed element's.
+ */
+type AsInput = ElementType | string;
+/**
+ * A union folded into one object type, so a union of tags contributes every member's props at once.
+ * Distributed, `<Box as={tag}>` with `tag: 'p' | 'span'` would type `onClick` as one of two handlers,
+ * and a union of function types gives the handler's parameter no contextual type at all.
+ */
+type UnionToIntersection<U> = (U extends unknown ? (member: U) => void : never) extends ((member: infer I) => void) ? I : never;
+/**
+ * The element one call renders: what its `as` names, else what the component fixes.
+ *
+ * The call site's `as` replaces the fixed element rather than adding to it. Intersected instead, a
+ * handler on `<Box as="button">` would be typed against `HTMLButtonElement | HTMLDivElement` and
+ * `ref` against both, though the div is never rendered.
+ */
+type RenderedElementOf<L extends LayerMap, D, As> = NamesNoElement<As> extends true ? ElementOf<L, D> : As;
 /**
  * The props a consumer may pass — the declared ones, the rendered element's, and the style props.
  *
@@ -277,19 +308,41 @@ type ElementOf<L extends LayerMap, D> = D extends {
  * `size="sm"` failed with "string is not assignable to undefined" — an empty intersection, which is
  * the type saying no value could ever satisfy both.
  *
+ * `As` is the element a call site picks (`never` when it picks none), see {@link AsPropsOf}.
+ *
  * Open at the end on purpose: a component's style-prop surface is the system's, not this file's.
  */
-type ComponentPropsOf<L extends LayerMap, P extends PropMap, D = Record<never, never>, E = Record<never, never>, F extends string = never> = Without<Partial<DeclaredProps<P>>, keyof E> & Partial<E> & Omit<ElementPropsOf<ElementOf<L, D>>, keyof P | keyof E> & Omit<ForwardedPropsOf<L, F>, keyof P | keyof E> & Record<string, unknown>;
+type ComponentPropsOf<L extends LayerMap, P extends PropMap, D = Record<never, never>, E = Record<never, never>, F extends string = never, As = never> = Without<Partial<DeclaredProps<P>>, keyof E> & Partial<E> & Omit<UnionToIntersection<ElementPropsOf<RenderedElementOf<L, D, As>>>, keyof P | keyof E> & Omit<ForwardedPropsOf<L, F>, keyof P | keyof E> & AsPropsOf<As, P, E> & Record<string, unknown>;
 /**
- * The element a call site picks with `as`, and the props that element brings — the polymorphic half
- * of the phantom signature. `<Box<'img', ImgHTMLAttributes<HTMLImageElement>> as="img" src=…>` names
- * the element (and, optionally, the attribute surface it wants typed) as type arguments, the way v1's
- * generated components took them. Without it a consumer's `<Box<'button'>>` was "Expected 0 type
- * arguments" at every site that had compiled for a year.
+ * The polymorphic half of the phantom signature: `as` itself, plus the refusal of attributes that
+ * belong to some other element.
+ *
+ * `As` is inferred from the `as` a call site writes, so `<Box as="img" src alt ref>` types `src`,
+ * `alt` and `ref` as an image's with no type argument. It may still be given one —
+ * `<Box<'img', ImgHTMLAttributes<HTMLImageElement>>>` is how v1's generated components took it.
+ *
+ * With no `as` there is nothing here, and `ComponentProps<typeof Box>` reads the fixed element alone.
  */
 type AsPropsOf<As, P, E> = [As] extends [never] ? Record<never, never> : {
   as?: As;
-} & ([As] extends [keyof JSX.IntrinsicElements] ? Omit<ComponentPropsWithoutRef<As>, keyof P | keyof E> : Record<never, never>);
+} & ForeignAttributesOf<As, P, E>;
+/** The attribute names across a union of tags — distributed, so `'a' | 'button'` keeps `href`. */
+type IntrinsicAttributeNames<As> = As extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[As] : never;
+/**
+ * The HTML attributes the element named by `as` does NOT take, each typed `never`.
+ *
+ * The surface is open at the end, so `<Box as="img" href>` would otherwise pass with `href: unknown`
+ * and reach the `<img>` as an attribute nothing reads. Refusing an attribute is only right when it
+ * is one — a name the component declares, a render extra, and a style prop the system registers are
+ * all excluded, since `width` on a `<span>` is a style prop the consumer meant, not a stray
+ * attribute. So is `as` itself, which `<link>` happens to take as an attribute. A component `as` is
+ * left alone: its props are its own to name.
+ *
+ * Nothing is refused until the system's build has filled {@link RegisteredStyleProps}: before that
+ * there is no telling a stray attribute from a style prop, and an unbuilt consumer compiles the way
+ * the registry promises.
+ */
+type ForeignAttributesOf<As, P, E> = [keyof RegisteredStyleProps] extends [never] ? Record<never, never> : [As] extends [keyof JSX.IntrinsicElements] ? { [K in Exclude<keyof AllHTMLAttributes<HTMLElement>, 'as' | IntrinsicAttributeNames<As> | keyof P | keyof E | keyof RegisteredStyleProps>]?: never } : Record<never, never>;
 /**
  * The props a component picks up from the layers it FORWARDS.
  *
@@ -353,13 +406,14 @@ F extends string = never> extends Authored {
    * emitted module), but `export type ButtonProps = ComponentProps<typeof Button>` is how a consumer
    * names its props, and that reads this type.
    *
-   * Two signatures. The GENERIC one takes the element a call site picks (`<Box<'img', Attrs>>`) — see
-   * {@link AsPropsOf}. The plain one stays LAST, because `React.ComponentProps<typeof Box>` infers
-   * from the last overload, and a consumer's `BoxProps` must not widen into a union over every
-   * intrinsic element the moment `as` becomes typeable.
+   * One signature, generic over the element a call site picks with `as` — see {@link AsPropsOf}.
+   * A second, plain overload would take every call the generic one refuses: the surface is open at
+   * the end, so `<Box as="img" src={3}>` would compile through it with `src: unknown`.
+   *
+   * `Extra` is only ever given as a type argument. Inferred from the call, a spread of a union of
+   * prop bags would make it one member of the union, and the other member would then fail against it.
    */
-  <As extends ElementType = never, Extra = Record<never, never>>(props: ComponentPropsOf<L, P, D, E, F> & AsPropsOf<As, P, E> & Partial<Extra>): null;
-  (props: ComponentPropsOf<L, P, D, E, F>): null;
+  <As extends AsInput = never, Extra = Record<never, never>>(props: ComponentPropsOf<L, P, D, E, F, As> & Partial<NoInfer<Extra>>): null;
   readonly kind: 'component';
   /** The authored body, readable so codegen can pair it with the render found in the source. */
   readonly body: Record<string, unknown>;
@@ -471,4 +525,4 @@ interface DefineComponent {
 }
 declare const defineComponent: DefineComponent;
 //#endregion
-export { AuthoredComponent, AuthoredProp, ComponentBuilder, ComponentPropsOf, LayerElement, LayerMap, PropDecl, PropMap, RenderArgs, StyleRuleInput, defineComponent };
+export { AsInput, AuthoredComponent, AuthoredProp, ComponentBuilder, ComponentPropsOf, LayerElement, LayerMap, PropDecl, PropMap, RenderArgs, StyleRuleInput, defineComponent };

package/dist/framework/class-names.js

@@ -1,9 +1,9 @@
 import { isRef, kindOf, pathOf, refLeaf } from "./utils/refs.js";
 import { rootLayerOf } from "../entities/system/element.js";
 import { classPrefixOf } from "../entities/system/Settings.js";
+import { createSliceMemo } from "./memo.js";
 import { authoredValue, className, negatedCssValue, renderStyleValue, resolveComponentProps, stylePropLeafForToken, stylePropValueLeaves, stylePropertyPathFor } from "./projections.js";
 import { ruleApplies } from "./layer-styles.js";
-import { createSliceMemo } from "./memo.js";
 //#region src/framework/class-names.ts
 /**
 * What a class is CALLED — the one answer, for everything that has to agree about it.
@@ -141,6 +141,24 @@ function ruleCondition(when) {
 * ({@link componentLayerClass}), which every element already wears with nothing to test.
 */
 function componentRuleClasses(config, path) {
+	const cache = ruleClassCache(config);
+	const hit = cache.get(path);
+	if (hit) return hit;
+	const classes = computeRuleClasses(config, path);
+	cache.set(path, classes);
+	return classes;
+}
+/**
+* Per component slice, the rule classes of each component asked for so far. An expansion asks this
+* once per element it paints, for the element's own class list and again for the props its rules
+* consume; a stylesheet asks once per component. The class prefix comes from settings, which is why
+* that slice is part of the key.
+*/
+const ruleClassCache = createSliceMemo({
+	kinds: ["component", "settings"],
+	compute: (_config) => /* @__PURE__ */ new Map()
+});
+function computeRuleClasses(config, path) {
 	const component = config.resolve("component", path);
 	if (!component) return [];
 	const { layers = {}, styles = {} } = component.toJSON();
@@ -275,20 +293,17 @@ function componentMotionClasses(config, path) {
 * about which layer that is: an instance's own props land where its own props land.
 */
 function componentPropClasses(config, path, state = {}) {
-	const component = config.resolve("component", path);
-	if (!component) return {};
-	const { layers = {}, props = {}, defaultProps = {} } = component.toJSON();
-	const [root] = rootLayerOf(layers);
+	const declared = compositePropsOf(config, path);
+	if (!declared) return {};
+	const { root, groups, defaultProps } = declared;
+	if (groups.length === 0) return {};
 	const resolved = {
 		...defaultProps,
 		...state
 	};
 	const classes = [];
-	for (const [prop, decl] of Object.entries(props)) {
-		if (decl?.type !== "composite") continue;
-		const group = isRef(decl.value) ? decl.value.__ref : void 0;
+	for (const [prop, group] of groups) {
 		const value = resolved[prop];
-		if (!group) continue;
 		const target = memberNamed(group, value);
 		if (target === void 0) continue;
 		if (!config.resolve("composite", target)) continue;
@@ -296,6 +311,35 @@ function componentPropClasses(config, path, state = {}) {
 	}
 	return classes.length > 0 ? { [root]: classes } : {};
 }
+/** The part of {@link componentPropClasses} that depends on the component alone, once per slice:
+*  an expansion asks it for every instance it paints. `undefined` for a path no component answers. */
+function compositePropsOf(config, path) {
+	const cache = compositePropsCache(config);
+	if (cache.has(path)) return cache.get(path);
+	const component = config.resolve("component", path);
+	let declared;
+	if (component) {
+		const { layers = {}, props = {}, defaultProps = {} } = component.toJSON();
+		const [root] = rootLayerOf(layers);
+		const groups = [];
+		for (const [prop, decl] of Object.entries(props)) {
+			if (decl?.type !== "composite") continue;
+			const group = isRef(decl.value) ? decl.value.__ref : void 0;
+			if (group) groups.push([prop, group]);
+		}
+		declared = {
+			root,
+			groups,
+			defaultProps
+		};
+	}
+	cache.set(path, declared);
+	return declared;
+}
+const compositePropsCache = createSliceMemo({
+	kinds: ["component"],
+	compute: (_config) => /* @__PURE__ */ new Map()
+});
 /**
 * The COMPOSITE a style rule sets on each layer, for one instance — forwarded to the layer as a prop.
 *

package/dist/framework/memo.js

@@ -19,10 +19,14 @@ const RESULT = Object.freeze({});
 function sliceChain(config, kind, acc, seen) {
 	if (seen.has(config)) return;
 	seen.add(config);
-	acc.push(config.snapshot.slice(kind));
+	const own = config.snapshot.slice(kind);
+	if (!((config.attachedSources?.().length ?? 0) > 0 && isEmptySlice(own))) acc.push(own);
 	const source = config.linkedSource?.(kind)?.config;
 	if (source) sliceChain(source, kind, acc, seen);
 }
+function isEmptySlice(slice) {
+	return slice.items.size === 0 && slice.groups.size === 0 && slice.overrides.size === 0;
+}
 /**
 * The identity of the data a computation over `kinds` reads: every attached source, then each kind's
 * slice chain.

package/dist/framework/projections.js

@@ -6,6 +6,7 @@ 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";
 //#region src/framework/projections.ts
 /**
 * Expanded value domains, cached per config instance.
@@ -540,6 +541,18 @@ function negatedCssValue(value) {
 *    it is destructured out like any other. It writes nothing and does not fall through.
 */
 function declaredPropRouting(config, path) {
+	const cache = propRoutingCache(config);
+	const hit = cache.get(path);
+	if (hit) return hit;
+	const routing = computePropRouting(config, path);
+	cache.set(path, routing);
+	return routing;
+}
+const propRoutingCache = createSliceMemo({
+	kinds: ["component"],
+	compute: (_config) => /* @__PURE__ */ new Map()
+});
+function computePropRouting(config, path) {
 	const { props = {} } = config.resolve("component", path)?.toJSON() ?? {};
 	const routing = /* @__PURE__ */ new Map();
 	for (const [name, declaration] of Object.entries(props)) {
@@ -756,6 +769,19 @@ function opacityPercentage(value) {
 * chain (transitive inheritance), cycle-guarded.
 */
 function resolveComponentProps(config, path, seen = /* @__PURE__ */ new Set()) {
+	if (seen.size > 0) return computeComponentProps(config, path, seen);
+	const cache = componentPropsCache(config);
+	const hit = cache.get(path);
+	if (hit) return hit;
+	const value = computeComponentProps(config, path, seen);
+	cache.set(path, value);
+	return value;
+}
+const componentPropsCache = createSliceMemo({
+	kinds: ["component"],
+	compute: (_config) => /* @__PURE__ */ new Map()
+});
+function computeComponentProps(config, path, seen) {
 	if (seen.has(path)) return {};
 	seen.add(path);
 	const comp = config.resolve("component", path);

package/dist/framework/render-spec.js

@@ -1,4 +1,5 @@
 import { kindOf, memberOf, pathOf, ref, splitRef } from "./utils/refs.js";
+import { createSliceMemo } from "./memo.js";
 import { authoredBag, memberFromLeaf, resolveComponentProps } from "./projections.js";
 import { intoName, routesContent } from "./prop-surface.js";
 import { graftPreviewElements } from "../spec/preview-elements.js";
@@ -25,7 +26,26 @@ const slotAnatomyPropOf = (node) => {
 	const name = node.props?.name;
 	return typeof name === "string" ? name : void 0;
 };
-const bodyOf = (config, path) => config.resolve("component", path)?.toJSON();
+/**
+* Per component slice, the facts of one component an expansion reads for every instance of it: its
+* serialized body, the props it consumes, and where its slots route. A canvas asks these once per
+* element it paints, and a page of screens paints thousands, so each is answered once per slice.
+*/
+const componentFactsCache = createSliceMemo({
+	kinds: ["component"],
+	compute: (_config) => ({
+		bodies: /* @__PURE__ */ new Map(),
+		consumed: /* @__PURE__ */ new Map(),
+		slots: /* @__PURE__ */ new Map()
+	})
+});
+function bodyOf(config, path) {
+	const { bodies } = componentFactsCache(config);
+	if (bodies.has(path)) return bodies.get(path);
+	const body = config.resolve("component", path)?.toJSON();
+	bodies.set(path, body);
+	return body;
+}
 /** The node a tree is rooted at — the one named `root`, else the first declared. The same rule
 *  `rootLayerOf` uses for layers, which is why neither is stored. */
 function rootKeyOf(nodes) {
@@ -534,6 +554,14 @@ function boundElementType(config, componentPath, prop, value) {
 * (`disabled` on a Pressable) means it for the element.
 */
 function consumedProps(config, path, body) {
+	const cache = componentFactsCache(config).consumed;
+	const hit = cache.get(path);
+	if (hit) return hit;
+	const consumed = computeConsumedProps(config, path, body);
+	cache.set(path, consumed);
+	return consumed;
+}
+function computeConsumedProps(config, path, body) {
 	const consumed = new Set(["className", "layerProps"]);
 	const declared = body.props ?? {};
 	for (const [name, decl] of Object.entries(declared)) if (decl?.type === "variant" || decl?.type === "slot" || decl?.type === "forward" || decl?.type === "composite") consumed.add(name);
@@ -544,7 +572,15 @@ function consumedProps(config, path, body) {
 *  `childrenPolicy` reads to answer whether a component accepts any. Not a system-defined name: a
 *  design system names its components and tokens, and this one names the channel. */
 const CONTENT_PROP = "children";
-function slotTargets(config, body) {
+function slotTargets(config, path, body) {
+	const cache = componentFactsCache(config).slots;
+	const hit = cache.get(path);
+	if (hit) return hit;
+	const routing = computeSlotTargets(config, body);
+	cache.set(path, routing);
+	return routing;
+}
+function computeSlotTargets(config, body) {
 	const byLayer = /* @__PURE__ */ new Map();
 	const untargeted = [];
 	for (const [from, decl] of Object.entries(body.props ?? {})) {
@@ -594,7 +630,7 @@ function slotTargets(config, body) {
 function slotTargetsOf(config, path) {
 	const body = bodyOf(config, path);
 	if (!body) return [];
-	const { byLayer, untargeted } = slotTargets(config, body);
+	const { byLayer, untargeted } = slotTargets(config, path, body);
 	const root = rootKeyOf(body.layers ?? {});
 	return [...[...byLayer].filter(([, decl]) => !decl.untargeted).map(([layer, decl]) => ({
 		layer,
@@ -661,7 +697,7 @@ function expandInstance(sink, path, instanceProps, content, hint, instanceSlots)
 		...instanceProps
 	};
 	const consumed = consumedProps(config, path, body);
-	const { byLayer: targets } = slotTargets(config, body);
+	const { byLayer: targets } = slotTargets(config, path, body);
 	const supplied = {
 		...body.defaultProps ?? {},
 		...instanceProps

package/dist/index.d.ts

@@ -37,7 +37,7 @@ import { ColorValue, DerivedColor, Gradient, alpha, darken, isDerivedColor, isGr
 import { NativeToken, nativeTokenValue } from "./entities/native/NativeToken.js";
 import { CANVAS_ROLES, CanvasRole, CanvasRoleName } from "./entities/system/CanvasRole.js";
 import { StyleValue } from "./entities/system/style-bag.js";
-import { AuthoredComponent, AuthoredProp, ComponentBuilder, ComponentPropsOf, LayerElement, LayerMap, PropDecl, PropMap, RenderArgs, StyleRuleInput, defineComponent } from "./entities/system/defineComponent.js";
+import { AsInput, AuthoredComponent, AuthoredProp, ComponentBuilder, ComponentPropsOf, LayerElement, LayerMap, PropDecl, PropMap, RenderArgs, StyleRuleInput, defineComponent } from "./entities/system/defineComponent.js";
 import { AuthoredPropBody, Component, ComponentBody, ComponentElementBody, ComponentPropBody, ComponentReference, ComponentStyleBody, ElementVisibility, ElementVisibilityInput, ExtendedComponentRef, ProjectedVisibility, VariantValueBody, VariantValues, canonicalWhen, forwardedNames, layerRef, ownValues, ownsItsValues, valueRef } from "./entities/system/Component.js";
 import { Composite } from "./entities/system/Composite.js";
 import { ComponentModuleSource, ComponentRegistryImport, ComponentRegistryImportBinding, componentModuleFilePaths, componentModuleKey, componentModuleSource, componentRegistryImports } from "./entities/system/component-module.js";
@@ -87,4 +87,4 @@ import { valueLeavesOf, valueSchemaOf } from "./framework/value-domain.js";
 import { views } from "./framework/views-facade.js";
 import { RN_STYLE_KEYS } from "./react-native/style-keys.generated.js";
 import { namedSlotTargets } from "./spec/empty-node-slots.js";
-export { AI_LANES, AiChat, AiFlow, type AiFlowOrigin, AiGeneration, type AiLane, AiMessage, type AiMultiAgentMode, type AnySystemConfig, type AttachedSources, type Authored, type AuthoredComponent, type AuthoredProp, type AuthoredPropBody, type AuthoringSignatureOptions, BUILD_DEFAULTS, type BreakOutcome, type BreakPlan, type BreakPlanInput, type BreakPlanRow, type BreakReach, BuildSection, CANVAS_ROLES, CONFIG_OPERATION_KIND, CSS_DEFAULTS, CSS_PROPERTY_NAMES, CSS_WIDE_KEYWORDS, CURRENT_SCHEMA_VERSION, Canvas, CanvasConfig, CanvasRole, type CanvasRoleName, CanvasSection, type Change, type ChangeHook, type ChangeTarget, type ChildrenPolicy, type Collection, type ColorValue, Component, type ComponentBody, type ComponentBuilder, type ComponentContractOf, type ComponentElementBody, type ComponentModuleSource, type ComponentPropBody, type ComponentPropsOf, type ComponentReference, type ComponentRegistryImport, type ComponentRegistryImportBinding, type ComponentRuleClass, type ComponentSpec, type ComponentSpecs, type ComponentStyleBody, Composite, type ComputedFields, type ComputedInput, type ComputedMap, Config, type ConfigClass, type ConfigEdit, ConfigFormatError, type ConfigInstance, type ConfigIssue, type ConfigIssueCode, type ConfigKind, type ConfigOp, ConfigRejection, ConfigSession, type ConfigSessionOptions, type ConfigSink, type ConfigSource, type CopyPlan, type CopyPlanInput, type CopyPlanRow, type CreateInput, type CssGrammar, type CssPrefix, type CssPropertyEntry, CssSection, DERIVED_MUTATIONS, type DanglingDirective, type DanglingLocalRef, type DanglingRef, type DeclaredRuntimeModule, type DeletePlan, type DeriveMembers, type DerivedColor, type DerivedEntityClass, type DerivedOp, Device, type DraftSource, ENTITY_PATH_MESSAGE, EXPORT_MEMBER, type Edition, type ElementVisibility, type ElementVisibilityInput, Entity, type EntityAddress, type EntityChange, type EntityClass, type EntityKind, type EntityMap, type ExpandOptions, type ExpansionResult, type ExtendedComponentRef, type ExtendedRef, type FieldsSchema, File, Font, FontFile, type ForwardClaims, GROUP, GUIDANCE_LANES, GlobalStyle, type Gradient, type GroupBody, Guidance, type GuidanceLane, type GuidanceScope, type GuidanceSegment, GuidanceStyle, type GuidanceStyleBody, type HasSnapshot, type HydrationOptions, ICON_METADATA_FORMATS, Icon, type IconLibrary, type IconMemberMetadata, type IconMetadataAdapter, type IconMetadataDeclaration, type IconMetadataFile, type IconMetadataFormat, type IdentifiedOp, type InferredRename, type ItemOf, type KindSignature, type KindSlice, LINK_SLUG, LINK_SLUG_MESSAGE, type LayerElement, type LayerMap, type LayerStyleOptions, type LeafAddress, type LinkArrival, type LinkDeclaration, type LinkPaths, type LinkPlan, type LinkPlanInput, LinkedSystem, type LinkedSystemResolver, type LinkedSystemState, type ListOptions, type LiveConfig, type LocalOverlay, MINTED, MODIFIER_CATEGORIES, type MisdeclaredOverlay, Modifier, type ModifierCategory, type ModifierGroupMeta, Motion, NATIVE_ACTIVATIONS, type NativeActivation, NativeModifier, NativeSettings, NativeStyleProperty, NativeToken, Node, type OpHandler, type OpInput, Operation, type OverlayVerb, type OverrideCondition, type OwnedRecords, PLAYGROUND_DEFAULTS, Package, Page, type Patch, type PathOf, type PinDirective, type PinOptions, type PinOptionsField, type Plan, type PlanImpact, type PlanOp, PlaygroundSection, type PreviewMatrix, type ProjectedVisibility, type PropDecl, type PropDeclaration, type PropMap, RN_STYLE_KEYS, ReactNativeSystem, type ReactNativeSystemConfig, type RebaseConflict, type RebaseOrigin, type RebaseResult, type RecordedSource, type RedundantQualifier, type Ref, type RefGraph, type RefGraphEntry, type RefIndex, type RefIndexChange, type RefMember, type RefTarget, type RegisteredComponentContracts, type RegisteredEntities, type RegisteredPaths, type RegisteredStyleProps, type RenamePlan, type RenderArgs, type RenderElement, type RenderSpec, type RenderedTarget, type ResolveValueTypeInput, type ResolvedSource, SCRIPT_EXTENSIONS, SERIALIZED_CONFIG_VERSION, STYLE_PROP_VALUE_FORMS, STYLE_PROP_VALUE_LEAVES, type SchemaEntry, type SchemaMigration, SchemaVersionTooNew, type SerializedConfig, type SerializedSourceAnswer, Settings, type SignatureOptions, type SkippedOp, type SlotTarget, Snapshot, type Source, type SourceAnswer, type SourceChange, type SourceMap, type SourceResolution, type SourceResolutionSchemas, type SourceResolver, type SourceRowState, type SourceState, type SourceUnavailable, type SourcesBySlug, type SourcesOf, type SpecNode, type SplitStyleProps, type StampedPatch, type StoredConfig, type StoredPreviewCondition, type StylePropEntry, type StylePropLeaf, type StylePropValue, type StylePropValueCtx, type StylePropValueKind, StyleProperty, type StylePropertyItem, type StyleRuleInput, type StyleValue, type SubEntityClass, type SubPatch, type SurfaceCompositeProp, type SurfaceProp, type SurfacePropKind, type SurfaceScalarProp, type SurfaceSlotProp, type SurfaceStylePropertyProp, type SurfaceVariantProp, System, type SystemConfig, SystemSection, SystemSource, Token, type TokenBinding, type TokenBody, type TokenMatch, Tool, type TraverseOptions, type TreeNode, UNREACHABLE, type UnadoptedDirective, type UnknownStyleLeaf, type UnlinkPlan, type UnlinkPlanInput, type UnreadableBorrow, type UnstatableCondition, type UpgradedDraft, type UserSchemas, VOID_ELEMENTS, type ValueOf, type ValueType, type VariantValueBody, type VariantValues, type VisibilityOperator, type VisibilityTerm, WEB_ACTIVATIONS, type WalkOptions, type WebActivation, addressOf, alpha, applyPathDelta, assetType, authoredBag, authoredValue, authoringSignatures, baseOf, borrowedGroup, borrowedItem, boundElementType, brandGroup, buildRefGraph, buildRefIndex, canonicalWhen, changeOf, changeValueAt, changesOf, childrenPolicy, className, classPrefixOf, classifyStylePropValue, collectRefs, componentClassBase, componentCompositeClasses, componentLayerClass, componentModuleFilePaths, componentModuleKey, componentModuleSource, componentMotionClasses, componentPropClasses, componentRegistryImports, componentRuleClasses, componentSpec, createCanvasConfig, createSliceMemo, cssPrefixes, cssPropValue, cssProperty, cssPropertyNames, cssValueIssue, cssVar, cssVarRef, danglingDirectives, danglingLocalRefs, danglingSourcedRefs, darken, declaredField, declaredPropRouting, declaredRuntimeModules, defineComponent, defineConfig, defineDerivedEntity, defineEntity, defineOverride, defineSubEntity, deriveCreateSchema, deriveSpec, deriveUpdateSchema, describeBody, describePatch, detectedWireVersion, editOp, entityRefOf, entryKeyOf, expandComponent, expandSpec, fieldKeys, fontFamilyStack, forceModeAttribute, forceModeAttributeOf, forceModeProp, forceModePropGroup, forceModePropValue, forceModeProps, forceStateAttribute, forwardClaims, forwardedLayers, forwardedNames, forwardsOf, globalStyleName, guidanceReaches, guidanceScopeOf, guidanceTextOf, iconCategories, iconLibraries, iconLibrary, iconMemberMetadata, iconMetadata, iconMetadataDeclaration, iconMetadataFile, iconMetadataFileJsonSchema, iconMetadataFormat, inferredRenames, inputOf, instanceSpec, intoName, isAuthored, isBinaryAsset, isConfigFormatError, isConfigRejection, isCssProperty, isDeclaredElementProp, isDerivedColor, isEntityPath, isExtendedRef, isForceModeProp, isGradient, isGroupBody, isLinkSlug, isMintedRow, isNativeConfig, isPlainObject, isRef, isSystemConfig, kebabComponent, kindOf, kindsOf, layerCompositeProps, layerRef, layerStyles, leafAddresses, leafVerb, leavesOfStylePropValue, lighten, linearGradient, matchEntities, matchTokens, memberFromLeaf, memberLeaves, memberOf, memberRef, memberVariantOptions, memoryConfigSource, misdeclaredOverlays, mix, modeAxes, modifierAxes, modifierAxis, modifierCategory, modifierGroupFields, modifierInvariants, modifierLeaf, modifierUtilitiesUsed, motionClassName, namedFields, namedSlotTargets, nativeTokenValue, negatedCssValue, normalizeName, opOf, opVerb, opacityPercentage, opsForKind, orRef, overlayVerb, overrideCondition, overrideKey, overrideKeyModifiers, overrideModifiers, ownValues, ownerOf, ownsItsValues, packageKey, packageName, partsOf, pathDelta, pathOf, pathSegments, planBreak, planCopy, planLink, planUnlink, previewConditionalProps, previewConditions, previewDefaults, previewMatrix, previewSpec, propOwner, propValueDomain, propValueFromAxis, redundantQualifiers, ref, refGraphOf, refLeaf, refSchema, registerSchemaMigrations, renderDerivedColor, renderGradient, renderSignature, renderStyleValue, renderedElement, renderedTarget, resolutionSchema, resolveComponentProps, resolveFieldValue, resolveIconLibrary, resolveInputDir, resolveOutDir, resolveRegistryDir, resolveTokenValue, resolveTokenValueUnder, resolveValueType, resolveVisibility, resolvedSource, rewriteRefNamespace, rewriteRefSource, rewriteRefs, rnStyleKey, rootLayerOf, routedBag, routedProp, routedPropIn, routesContent, ruleApplies, ruleCondition, runChangeHooks, schemaVersionOf, searchEntities, searchTokens, setAtPath, signatureOf, slotTargetsOf, sniffValueType, sourceEntries, sourceOf, sourceOfGroup, sourceOfItem, sourceRowStates, sourceSlugFor, sourceUnavailable, sourceUnreachable, sourceVarPrefix, specWithResolvedVisibility, splitRef, splitStyleProps, stamp, styleAliasesOf, styleDeclarations, stylePropClassBase, stylePropClassName, stylePropClasses, stylePropEntries, stylePropLeafForToken, stylePropNegates, stylePropTokenGroup, stylePropTokenPath, stylePropTokenValues, stylePropValueFormOf, stylePropValueFromLeaf, stylePropValueLeaves, stylePropValueSchema, stylePropValues, stylePropertiesWriting, stylePropertyAccepts, stylePropertyFor, stylePropertyPathFor, styleRuleMotionClasses, suggestLinkSlug, summarizeChanges, surfaceProp, surfaceProps, toCssPropertyName, tokenBinding, touchedFields, unadoptedDirectives, unknownStyleLeaves, unreadableBorrows, unstatableConditions, updateRefIndex, upgradeDraftEntries, upgradePatch, upgradeSerializedConfig, validateComponentProps, validateSpec, valueAt, valueLeavesOf, valueRef, valueSchemaOf, varPrefixOf, views, visibilityStateProps, visibilityTerms, withoutTruthyTerm };
+export { AI_LANES, AiChat, AiFlow, type AiFlowOrigin, AiGeneration, type AiLane, AiMessage, type AiMultiAgentMode, type AnySystemConfig, type AsInput, type AttachedSources, type Authored, type AuthoredComponent, type AuthoredProp, type AuthoredPropBody, type AuthoringSignatureOptions, BUILD_DEFAULTS, type BreakOutcome, type BreakPlan, type BreakPlanInput, type BreakPlanRow, type BreakReach, BuildSection, CANVAS_ROLES, CONFIG_OPERATION_KIND, CSS_DEFAULTS, CSS_PROPERTY_NAMES, CSS_WIDE_KEYWORDS, CURRENT_SCHEMA_VERSION, Canvas, CanvasConfig, CanvasRole, type CanvasRoleName, CanvasSection, type Change, type ChangeHook, type ChangeTarget, type ChildrenPolicy, type Collection, type ColorValue, Component, type ComponentBody, type ComponentBuilder, type ComponentContractOf, type ComponentElementBody, type ComponentModuleSource, type ComponentPropBody, type ComponentPropsOf, type ComponentReference, type ComponentRegistryImport, type ComponentRegistryImportBinding, type ComponentRuleClass, type ComponentSpec, type ComponentSpecs, type ComponentStyleBody, Composite, type ComputedFields, type ComputedInput, type ComputedMap, Config, type ConfigClass, type ConfigEdit, ConfigFormatError, type ConfigInstance, type ConfigIssue, type ConfigIssueCode, type ConfigKind, type ConfigOp, ConfigRejection, ConfigSession, type ConfigSessionOptions, type ConfigSink, type ConfigSource, type CopyPlan, type CopyPlanInput, type CopyPlanRow, type CreateInput, type CssGrammar, type CssPrefix, type CssPropertyEntry, CssSection, DERIVED_MUTATIONS, type DanglingDirective, type DanglingLocalRef, type DanglingRef, type DeclaredRuntimeModule, type DeletePlan, type DeriveMembers, type DerivedColor, type DerivedEntityClass, type DerivedOp, Device, type DraftSource, ENTITY_PATH_MESSAGE, EXPORT_MEMBER, type Edition, type ElementVisibility, type ElementVisibilityInput, Entity, type EntityAddress, type EntityChange, type EntityClass, type EntityKind, type EntityMap, type ExpandOptions, type ExpansionResult, type ExtendedComponentRef, type ExtendedRef, type FieldsSchema, File, Font, FontFile, type ForwardClaims, GROUP, GUIDANCE_LANES, GlobalStyle, type Gradient, type GroupBody, Guidance, type GuidanceLane, type GuidanceScope, type GuidanceSegment, GuidanceStyle, type GuidanceStyleBody, type HasSnapshot, type HydrationOptions, ICON_METADATA_FORMATS, Icon, type IconLibrary, type IconMemberMetadata, type IconMetadataAdapter, type IconMetadataDeclaration, type IconMetadataFile, type IconMetadataFormat, type IdentifiedOp, type InferredRename, type ItemOf, type KindSignature, type KindSlice, LINK_SLUG, LINK_SLUG_MESSAGE, type LayerElement, type LayerMap, type LayerStyleOptions, type LeafAddress, type LinkArrival, type LinkDeclaration, type LinkPaths, type LinkPlan, type LinkPlanInput, LinkedSystem, type LinkedSystemResolver, type LinkedSystemState, type ListOptions, type LiveConfig, type LocalOverlay, MINTED, MODIFIER_CATEGORIES, type MisdeclaredOverlay, Modifier, type ModifierCategory, type ModifierGroupMeta, Motion, NATIVE_ACTIVATIONS, type NativeActivation, NativeModifier, NativeSettings, NativeStyleProperty, NativeToken, Node, type OpHandler, type OpInput, Operation, type OverlayVerb, type OverrideCondition, type OwnedRecords, PLAYGROUND_DEFAULTS, Package, Page, type Patch, type PathOf, type PinDirective, type PinOptions, type PinOptionsField, type Plan, type PlanImpact, type PlanOp, PlaygroundSection, type PreviewMatrix, type ProjectedVisibility, type PropDecl, type PropDeclaration, type PropMap, RN_STYLE_KEYS, ReactNativeSystem, type ReactNativeSystemConfig, type RebaseConflict, type RebaseOrigin, type RebaseResult, type RecordedSource, type RedundantQualifier, type Ref, type RefGraph, type RefGraphEntry, type RefIndex, type RefIndexChange, type RefMember, type RefTarget, type RegisteredComponentContracts, type RegisteredEntities, type RegisteredPaths, type RegisteredStyleProps, type RenamePlan, type RenderArgs, type RenderElement, type RenderSpec, type RenderedTarget, type ResolveValueTypeInput, type ResolvedSource, SCRIPT_EXTENSIONS, SERIALIZED_CONFIG_VERSION, STYLE_PROP_VALUE_FORMS, STYLE_PROP_VALUE_LEAVES, type SchemaEntry, type SchemaMigration, SchemaVersionTooNew, type SerializedConfig, type SerializedSourceAnswer, Settings, type SignatureOptions, type SkippedOp, type SlotTarget, Snapshot, type Source, type SourceAnswer, type SourceChange, type SourceMap, type SourceResolution, type SourceResolutionSchemas, type SourceResolver, type SourceRowState, type SourceState, type SourceUnavailable, type SourcesBySlug, type SourcesOf, type SpecNode, type SplitStyleProps, type StampedPatch, type StoredConfig, type StoredPreviewCondition, type StylePropEntry, type StylePropLeaf, type StylePropValue, type StylePropValueCtx, type StylePropValueKind, StyleProperty, type StylePropertyItem, type StyleRuleInput, type StyleValue, type SubEntityClass, type SubPatch, type SurfaceCompositeProp, type SurfaceProp, type SurfacePropKind, type SurfaceScalarProp, type SurfaceSlotProp, type SurfaceStylePropertyProp, type SurfaceVariantProp, System, type SystemConfig, SystemSection, SystemSource, Token, type TokenBinding, type TokenBody, type TokenMatch, Tool, type TraverseOptions, type TreeNode, UNREACHABLE, type UnadoptedDirective, type UnknownStyleLeaf, type UnlinkPlan, type UnlinkPlanInput, type UnreadableBorrow, type UnstatableCondition, type UpgradedDraft, type UserSchemas, VOID_ELEMENTS, type ValueOf, type ValueType, type VariantValueBody, type VariantValues, type VisibilityOperator, type VisibilityTerm, WEB_ACTIVATIONS, type WalkOptions, type WebActivation, addressOf, alpha, applyPathDelta, assetType, authoredBag, authoredValue, authoringSignatures, baseOf, borrowedGroup, borrowedItem, boundElementType, brandGroup, buildRefGraph, buildRefIndex, canonicalWhen, changeOf, changeValueAt, changesOf, childrenPolicy, className, classPrefixOf, classifyStylePropValue, collectRefs, componentClassBase, componentCompositeClasses, componentLayerClass, componentModuleFilePaths, componentModuleKey, componentModuleSource, componentMotionClasses, componentPropClasses, componentRegistryImports, componentRuleClasses, componentSpec, createCanvasConfig, createSliceMemo, cssPrefixes, cssPropValue, cssProperty, cssPropertyNames, cssValueIssue, cssVar, cssVarRef, danglingDirectives, danglingLocalRefs, danglingSourcedRefs, darken, declaredField, declaredPropRouting, declaredRuntimeModules, defineComponent, defineConfig, defineDerivedEntity, defineEntity, defineOverride, defineSubEntity, deriveCreateSchema, deriveSpec, deriveUpdateSchema, describeBody, describePatch, detectedWireVersion, editOp, entityRefOf, entryKeyOf, expandComponent, expandSpec, fieldKeys, fontFamilyStack, forceModeAttribute, forceModeAttributeOf, forceModeProp, forceModePropGroup, forceModePropValue, forceModeProps, forceStateAttribute, forwardClaims, forwardedLayers, forwardedNames, forwardsOf, globalStyleName, guidanceReaches, guidanceScopeOf, guidanceTextOf, iconCategories, iconLibraries, iconLibrary, iconMemberMetadata, iconMetadata, iconMetadataDeclaration, iconMetadataFile, iconMetadataFileJsonSchema, iconMetadataFormat, inferredRenames, inputOf, instanceSpec, intoName, isAuthored, isBinaryAsset, isConfigFormatError, isConfigRejection, isCssProperty, isDeclaredElementProp, isDerivedColor, isEntityPath, isExtendedRef, isForceModeProp, isGradient, isGroupBody, isLinkSlug, isMintedRow, isNativeConfig, isPlainObject, isRef, isSystemConfig, kebabComponent, kindOf, kindsOf, layerCompositeProps, layerRef, layerStyles, leafAddresses, leafVerb, leavesOfStylePropValue, lighten, linearGradient, matchEntities, matchTokens, memberFromLeaf, memberLeaves, memberOf, memberRef, memberVariantOptions, memoryConfigSource, misdeclaredOverlays, mix, modeAxes, modifierAxes, modifierAxis, modifierCategory, modifierGroupFields, modifierInvariants, modifierLeaf, modifierUtilitiesUsed, motionClassName, namedFields, namedSlotTargets, nativeTokenValue, negatedCssValue, normalizeName, opOf, opVerb, opacityPercentage, opsForKind, orRef, overlayVerb, overrideCondition, overrideKey, overrideKeyModifiers, overrideModifiers, ownValues, ownerOf, ownsItsValues, packageKey, packageName, partsOf, pathDelta, pathOf, pathSegments, planBreak, planCopy, planLink, planUnlink, previewConditionalProps, previewConditions, previewDefaults, previewMatrix, previewSpec, propOwner, propValueDomain, propValueFromAxis, redundantQualifiers, ref, refGraphOf, refLeaf, refSchema, registerSchemaMigrations, renderDerivedColor, renderGradient, renderSignature, renderStyleValue, renderedElement, renderedTarget, resolutionSchema, resolveComponentProps, resolveFieldValue, resolveIconLibrary, resolveInputDir, resolveOutDir, resolveRegistryDir, resolveTokenValue, resolveTokenValueUnder, resolveValueType, resolveVisibility, resolvedSource, rewriteRefNamespace, rewriteRefSource, rewriteRefs, rnStyleKey, rootLayerOf, routedBag, routedProp, routedPropIn, routesContent, ruleApplies, ruleCondition, runChangeHooks, schemaVersionOf, searchEntities, searchTokens, setAtPath, signatureOf, slotTargetsOf, sniffValueType, sourceEntries, sourceOf, sourceOfGroup, sourceOfItem, sourceRowStates, sourceSlugFor, sourceUnavailable, sourceUnreachable, sourceVarPrefix, specWithResolvedVisibility, splitRef, splitStyleProps, stamp, styleAliasesOf, styleDeclarations, stylePropClassBase, stylePropClassName, stylePropClasses, stylePropEntries, stylePropLeafForToken, stylePropNegates, stylePropTokenGroup, stylePropTokenPath, stylePropTokenValues, stylePropValueFormOf, stylePropValueFromLeaf, stylePropValueLeaves, stylePropValueSchema, stylePropValues, stylePropertiesWriting, stylePropertyAccepts, stylePropertyFor, stylePropertyPathFor, styleRuleMotionClasses, suggestLinkSlug, summarizeChanges, surfaceProp, surfaceProps, toCssPropertyName, tokenBinding, touchedFields, unadoptedDirectives, unknownStyleLeaves, unreadableBorrows, unstatableConditions, updateRefIndex, upgradeDraftEntries, upgradePatch, upgradeSerializedConfig, validateComponentProps, validateSpec, valueAt, valueLeavesOf, valueRef, valueSchemaOf, varPrefixOf, views, visibilityStateProps, visibilityTerms, withoutTruthyTerm };

package/dist/index.js

@@ -20,10 +20,10 @@ 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 { BuildSection, CSS_DEFAULTS, CssSection, PLAYGROUND_DEFAULTS, PlaygroundSection, Settings, SystemSection, classPrefixOf, cssPrefixes, varPrefixOf } from "./entities/system/Settings.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 { authoredBag, authoredValue, className, cssPropValue, cssVar, cssVarRef, declaredPropRouting, memberFromLeaf, memberLeaves, negatedCssValue, opacityPercentage, previewConditionalProps, previewConditions, previewDefaults, previewMatrix, propOwner, propValueDomain, propValueFromAxis, 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 { forwardClaims, forwardedLayers, intoName, routedProp, routedPropIn, routesContent, surfaceProp, surfaceProps } from "./framework/prop-surface.js";
 import { layerStyles, ruleApplies } from "./framework/layer-styles.js";
-import { createSliceMemo } from "./framework/memo.js";
 import { componentClassBase, componentCompositeClasses, componentLayerClass, componentMotionClasses, componentPropClasses, componentRuleClasses, forceModeAttribute, forceModeAttributeOf, forceModeProp, forceModePropGroup, forceModePropValue, forceModeProps, forceStateAttribute, isForceModeProp, kebabComponent, layerCompositeProps, modifierUtilitiesUsed, motionClassName, ruleCondition, splitStyleProps, stylePropClassBase, stylePropClassName, stylePropClasses, styleRuleMotionClasses } from "./framework/class-names.js";
 import { boundElementType, componentSpec, deriveSpec, entryKeyOf, expandComponent, expandSpec, instanceSpec, previewSpec, resolveVisibility, slotTargetsOf, specWithResolvedVisibility, visibilityStateProps, visibilityTerms, withoutTruthyTerm } from "./framework/render-spec.js";
 import { Package } from "./entities/system/Package.js";