@yahoo/uds-create-config 5.32.3 → 5.32.4

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

@@ -30,8 +30,8 @@ type WebActivation = (typeof WEB_ACTIVATIONS)[number];
  */
 declare const modifierGroupFields: z.ZodObject<{
   type: z.ZodOptional<z.ZodEnum<{
-    mode: "mode";
     state: "state";
+    mode: "mode";
   }>>;
   default: z.ZodOptional<z.ZodObject<{
     __ref: z.ZodString;
@@ -53,8 +53,8 @@ declare const ModifierDefinition: EntityClass<z.ZodObject<{
   declarations: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
 }, z.core.$strip>, z.ZodObject<{
   type: z.ZodOptional<z.ZodEnum<{
-    mode: "mode";
     state: "state";
+    mode: "mode";
   }>>;
   default: z.ZodOptional<z.ZodObject<{
     __ref: z.ZodString;

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

@@ -11,9 +11,9 @@ import { z } from "zod";
  */
 declare const inlineJsMotion: z.ZodObject<{
   transition: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+  initial: z.ZodOptional<z.ZodUnion<readonly [z.ZodRecord<z.ZodString, z.ZodUnknown>, z.ZodString, z.ZodArray<z.ZodString>, z.ZodLiteral<false>]>>;
   exit: z.ZodOptional<z.ZodUnion<readonly [z.ZodRecord<z.ZodString, z.ZodUnknown>, z.ZodString, z.ZodArray<z.ZodString>]>>;
   layout: z.ZodOptional<z.ZodUnion<readonly [z.ZodBoolean, z.ZodLiteral<"position">, z.ZodLiteral<"size">, z.ZodLiteral<"preserve-aspect">]>>;
-  initial: z.ZodOptional<z.ZodUnion<readonly [z.ZodRecord<z.ZodString, z.ZodUnknown>, z.ZodString, z.ZodArray<z.ZodString>, z.ZodLiteral<false>]>>;
   variants: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnknown>>>;
   animate: z.ZodOptional<z.ZodUnion<readonly [z.ZodRecord<z.ZodString, z.ZodUnknown>, z.ZodString, z.ZodArray<z.ZodString>]>>;
   whileHover: z.ZodOptional<z.ZodUnion<readonly [z.ZodRecord<z.ZodString, z.ZodUnknown>, z.ZodString, z.ZodArray<z.ZodString>]>>;

package/dist/entities/system/Settings.js

@@ -2,8 +2,8 @@ import { splitRef } from "../../framework/utils/refs.js";
 import { defineEntity } from "../../framework/defineEntity.js";
 import { defineSubEntity } from "../../framework/defineSubEntity.js";
 import { createSliceMemo } from "../../framework/memo.js";
-import { buildFields } from "../../configs/build-options.js";
 import { parseRootFontSize } from "../../css/root-font-size.js";
+import { buildFields } from "../../configs/build-options.js";
 import { resolveInputDir } from "../../framework/registry-dir.js";
 import { safelistSchema } from "./safelist.js";
 import { z } from "zod";

package/dist/entities/system/Token.js

@@ -3,9 +3,9 @@ import { composedValueSchemas } from "./composed-values.js";
 import { defineEntity } from "../../framework/defineEntity.js";
 import { defineSubEntity, orList } from "../../framework/defineSubEntity.js";
 import { Font } from "./Font.js";
-import { Modifier } from "./Modifier.js";
-import { spellTokenRead } from "./token-values.js";
 import { WEB_CONFIG_NAME } from "../../configs/platform.js";
+import { spellTokenRead } from "./token-values.js";
+import { Modifier } from "./Modifier.js";
 import { authoringPhantom } from "../../framework/utils/authoring-phantom.js";
 import { prepareLinkedTokenBody } from "./linked-token-values.js";
 import { z } from "zod";
@@ -119,12 +119,13 @@ function defineOverride(value) {
 const Override = defineOverride(tokenValue);
 const TokenEntity = defineEntity({
 	kind: "token",
-	prepareLinkedBody: ({ path, body, source, config }) => prepareLinkedTokenBody({
+	prepareLinkedBody: ({ path, body, source, config, extend }) => prepareLinkedTokenBody({
 		path,
 		body,
 		source,
 		config,
-		destinationPlatform: WEB_CONFIG_NAME
+		destinationPlatform: WEB_CONFIG_NAME,
+		extend
 	}),
 	fields: z.object({
 		value: tokenValue.describe("The base value: a literal, a ref to another token, or a composed value such as a gradient."),

package/dist/entities/system/component-module.js

@@ -1,8 +1,8 @@
 import { isRef, kindOf, pathOf, ref, routedSource, sourceHops, splitRef } from "../../framework/utils/refs.js";
 import { createSliceMemo } from "../../framework/memo.js";
+import { isNativeConfig } from "../../configs/platform.js";
 import { Settings, classPrefixOf, prefixed, varPrefixOf } from "./Settings.js";
 import { File } from "./File.js";
-import { isNativeConfig } from "../../configs/platform.js";
 import { Component } from "./Component.js";
 import { contentKey } from "../../framework/utils/content-key.js";
 //#region src/entities/system/component-module.ts

package/dist/entities/system/linked-flex-values.d.ts

@@ -0,0 +1,19 @@
+import { z } from "zod";
+
+//#region src/entities/system/linked-flex-values.d.ts
+/** Native has no flex shorthand string. Its equivalent is these three style declarations. */
+declare const nativeFlexValue: z.ZodObject<{
+  flexGrow: z.ZodNumber;
+  flexShrink: z.ZodNumber;
+  flexBasis: z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"auto">, z.ZodString]>;
+}, z.core.$strict>;
+type NativeFlexValue = z.infer<typeof nativeFlexValue>;
+declare function isNativeFlexValue(value: unknown): value is NativeFlexValue;
+/** The supported CSS flex grammar, resolved to RN longhands without losing its basis or shrink. */
+declare function webFlexToNative(value: string | number, remBase?: number): NativeFlexValue;
+/** RN numeric flex is not CSS numeric flex: Yoga's native defaults use shrink=0, and positive
+ * numbers use a 0pt basis. Negative flex supplies shrink while retaining auto basis.
+ * See Yoga Node::resolveFlexGrow/resolveFlexShrink/processFlexBasis with useWebDefaults=false. */
+declare function nativeFlexToWeb(value: NativeFlexValue | number): string;
+//#endregion
+export { NativeFlexValue, isNativeFlexValue, nativeFlexToWeb, webFlexToNative };

package/dist/entities/system/linked-flex-values.js

@@ -0,0 +1,77 @@
+import { z } from "zod";
+//#region src/entities/system/linked-flex-values.ts
+/** Native has no flex shorthand string. Its equivalent is these three style declarations. */
+const nativeFlexValue = z.strictObject({
+	flexGrow: z.number().nonnegative(),
+	flexShrink: z.number().nonnegative(),
+	flexBasis: z.union([
+		z.number().nonnegative(),
+		z.literal("auto"),
+		z.string().regex(/^(?:\d+(?:\.\d+)?|\.\d+)%$/)
+	])
+});
+function isNativeFlexValue(value) {
+	return typeof value === "object" && value !== null && "flexGrow" in value && nativeFlexValue.safeParse(value).success;
+}
+const NUMBER = /^(?:\d+(?:\.\d+)?|\.\d+)$/;
+/** The supported CSS flex grammar, resolved to RN longhands without losing its basis or shrink. */
+function webFlexToNative(value, remBase) {
+	const text = String(value).trim();
+	if (text === "none") return {
+		flexGrow: 0,
+		flexShrink: 0,
+		flexBasis: "auto"
+	};
+	if (text === "auto") return {
+		flexGrow: 1,
+		flexShrink: 1,
+		flexBasis: "auto"
+	};
+	if (text === "initial") return {
+		flexGrow: 0,
+		flexShrink: 1,
+		flexBasis: "auto"
+	};
+	const parts = text.split(/\s+/);
+	let grow = 1;
+	let shrink = 1;
+	let basis = "0%";
+	if (parts.length <= 3 && NUMBER.test(parts[0] ?? "")) {
+		grow = Number(parts.shift());
+		if (parts.length && NUMBER.test(parts[0] ?? "")) shrink = Number(parts.shift());
+		if (parts.length === 1) basis = parts.shift() ?? "";
+	} else if (parts.length === 1) basis = parts.shift() ?? "";
+	if (parts.length === 0) {
+		if (basis === "auto" || /^(?:\d+(?:\.\d+)?|\.\d+)%$/.test(basis)) return {
+			flexGrow: grow,
+			flexShrink: shrink,
+			flexBasis: basis
+		};
+		const length = /^(\d+(?:\.\d+)?|\.\d+)(px|rem)?$/.exec(basis);
+		if (length && (length[2] || Number(length[1]) === 0)) {
+			if (length[2] !== "rem" || remBase !== void 0) return {
+				flexGrow: grow,
+				flexShrink: shrink,
+				flexBasis: Number(length[1]) * (length[2] === "rem" ? remBase : 1)
+			};
+		}
+	}
+	throw new Error(`[uds] Cannot translate Web flex ${JSON.stringify(value)} to native. Use none, auto, initial, or numeric grow/shrink with an auto, percentage, px, or fixed-rem basis.`);
+}
+/** RN numeric flex is not CSS numeric flex: Yoga's native defaults use shrink=0, and positive
+* numbers use a 0pt basis. Negative flex supplies shrink while retaining auto basis.
+* See Yoga Node::resolveFlexGrow/resolveFlexShrink/processFlexBasis with useWebDefaults=false. */
+function nativeFlexToWeb(value) {
+	const { flexGrow, flexShrink, flexBasis } = typeof value !== "number" ? value : value > 0 ? {
+		flexGrow: value,
+		flexShrink: 0,
+		flexBasis: 0
+	} : {
+		flexGrow: 0,
+		flexShrink: -value,
+		flexBasis: "auto"
+	};
+	return `${flexGrow} ${flexShrink} ${typeof flexBasis === "number" ? `${flexBasis}px` : flexBasis}`;
+}
+//#endregion
+export { isNativeFlexValue, nativeFlexToWeb, nativeFlexValue, webFlexToNative };

package/dist/entities/system/linked-style-values.d.ts

@@ -0,0 +1,11 @@
+import type { Config } from '../../framework/Config';
+import type { BagSites } from './style-bag';
+/** Translate inherited literals before merging the destination's own style overrides. Refs keep
+ * their identity: the linked-token adapter handles their values and mode overrides. */
+export declare function translateLinkedStyleBags({ body, source, config, bags, owner, }: {
+    body: Record<string, unknown>;
+    source?: Config;
+    config: Config;
+    bags: BagSites;
+    owner?: string;
+}): Record<string, unknown>;

package/dist/entities/system/linked-style-values.js

@@ -0,0 +1,47 @@
+import { isRef, pathOf } from "../../framework/utils/refs.js";
+import { NATIVE_CONFIG_NAME } from "../../configs/platform.js";
+import { isNativeFlexValue, nativeFlexToWeb, webFlexToNative } from "./linked-flex-values.js";
+import { rootFontSize } from "./token-values.js";
+import { stylePropEntries, stylePropertyPathFor } from "../../framework/projections.js";
+//#region src/entities/system/linked-style-values.ts
+/** Translate inherited literals before merging the destination's own style overrides. Refs keep
+* their identity: the linked-token adapter handles their values and mode overrides. */
+function translateLinkedStyleBags({ body, source, config, bags, owner }) {
+	if (!source || source.name === config.name) return body;
+	if (!["system-config", "react-native-system"].includes(source.name)) return body;
+	if (!["system-config", "react-native-system"].includes(config.name)) return body;
+	const native = config.name === NATIVE_CONFIG_NAME;
+	const translate = (bag, element) => Object.fromEntries(Object.entries(bag).map(([key, raw]) => {
+		if (key.startsWith("_")) return [key, raw];
+		const propPath = stylePropertyPathFor({
+			config: source,
+			key,
+			through: [isRef(element) ? pathOf(element) : typeof element === "string" ? element : owner]
+		});
+		const properties = propPath ? source.resolve("style-property", propPath)?.toJSON().properties : void 0;
+		if (!propPath || !Array.isArray(properties) || properties.length !== 1 || isRef(raw)) return [key, raw];
+		const property = String(properties[0]).replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+		if (![
+			"flex",
+			"flexGrow",
+			"flexShrink"
+		].includes(property)) return [key, raw];
+		const alias = stylePropEntries(source, propPath).find((entry) => entry.leaf === String(raw));
+		if (alias?.declarations) return [key, raw];
+		const resolved = alias ? alias.numeric && /^(?:\d+(?:\.\d+)?|\.\d+)$/.test(alias.value) ? Number(alias.value) : alias.value : raw;
+		const value = typeof resolved === "string" && resolved.startsWith("[") && resolved.endsWith("]") ? resolved.slice(1, -1) : resolved;
+		if (property === "flex") {
+			if (native && (typeof value === "string" || typeof value === "number")) return [key, webFlexToNative(value, rootFontSize(source).px)];
+			if (!native && (typeof value === "number" || isNativeFlexValue(value))) return [key, `[${nativeFlexToWeb(value)}]`];
+		} else if (typeof value === "string" || typeof value === "number") {
+			if (!/^(?:\d+(?:\.\d+)?|\.\d+)$/.test(String(value)) || !Number.isFinite(Number(value))) throw new Error(`[uds] Cannot translate ${property} ${JSON.stringify(value)}: expected a non-negative unitless number.`);
+			return [key, native ? Number(value) : `[${value}]`];
+		}
+		return [key, raw];
+	}));
+	const translated = structuredClone(body);
+	for (const site of [...bags(translated)].reverse()) site.write(translate(site.bag, site.element));
+	return translated;
+}
+//#endregion
+export { translateLinkedStyleBags };

package/dist/entities/system/linked-token-values.d.ts

@@ -1,5 +1,6 @@
 import { Config } from "../../framework/Config.js";
 import { NATIVE_CONFIG_NAME, WEB_CONFIG_NAME } from "../../configs/platform.js";
+import { NativeFlexValue } from "./linked-flex-values.js";
 
 //#region src/entities/system/linked-token-values.d.ts
 type Platform = typeof WEB_CONFIG_NAME | typeof NATIVE_CONFIG_NAME;
@@ -11,24 +12,26 @@ declare function convertLinkedTokenValue({
   remBase
 }: {
   path: string;
-  value: string | number | boolean;
+  value: string | number | boolean | NativeFlexValue;
   sourcePlatform: string;
   destinationPlatform: Platform; /** The pinned web source's fixed root size, only needed for web rem → native points. */
   remBase?: number;
-}): string | number | boolean;
+}): string | number | boolean | NativeFlexValue;
 /** The one adapter for base and mode values before a linked body is parsed by its destination. */
 declare function prepareLinkedTokenBody({
   path,
   body,
   source,
   config,
-  destinationPlatform
+  destinationPlatform,
+  extend
 }: {
   path: string;
   body: Record<string, unknown>;
   source: Config; /** The config whose refs the body spells; a source's own body spells them in the source. */
   config: Config;
   destinationPlatform: Platform;
+  extend?: Record<string, unknown>;
 }): Record<string, unknown>;
 //#endregion
 export { convertLinkedTokenValue, prepareLinkedTokenBody };

package/dist/entities/system/linked-token-values.js

@@ -1,9 +1,10 @@
 import { hasRefMarker } from "../../framework/utils/refs.js";
 import { isCalc } from "./calc.js";
 import { isOklchColor } from "./color.js";
-import { literalValueOf } from "../../framework/projections.js";
-import { rootFontSize } from "./token-values.js";
 import "../../configs/platform.js";
+import { isNativeFlexValue, nativeFlexToWeb, webFlexToNative } from "./linked-flex-values.js";
+import { rootFontSize } from "./token-values.js";
+import { literalValueOf } from "../../framework/projections.js";
 //#region src/entities/system/linked-token-values.ts
 /**
 * Adapt a linked token for the system reading it. The source keeps its authored value; only the
@@ -12,10 +13,12 @@ import "../../configs/platform.js";
 */
 const LENGTH_GROUPS = new Set([
 	"spacing",
+	"size",
 	"radius",
 	"borderRadius",
 	"iconSize",
 	"borderWidth",
+	"outlineOffset",
 	"fontSize",
 	"fontLineHeight",
 	"fontLetterSpacing"
@@ -23,7 +26,9 @@ const LENGTH_GROUPS = new Set([
 const NUMBER_GROUPS = new Set([
 	"opacity",
 	"zIndex",
-	"fontWeight"
+	"fontWeight",
+	"flexGrow",
+	"flexShrink"
 ]);
 const LENGTH = /^(-?(?:\d+(?:\.\d+)?|\.\d+))(px|rem)$/;
 const NUMBER = /^-?(?:\d+(?:\.\d+)?|\.\d+)$/;
@@ -33,9 +38,16 @@ const OKLCH = /^oklch\(\s*(-?[\d.]+)(%?)\s+(-?[\d.]+)(%?)\s+(-?[\d.]+|none)(?:de
 function convertLinkedTokenValue({ path, value, sourcePlatform, destinationPlatform, remBase }) {
 	if (sourcePlatform === destinationPlatform) return value;
 	const group = path.split("/")[0];
+	if (group === "flex") {
+		if (destinationPlatform === "react-native-system") {
+			if (isNativeFlexValue(value)) return value;
+			if (typeof value === "string" || typeof value === "number") return webFlexToNative(value, remBase);
+		} else if (sourcePlatform === "react-native-system" && (typeof value === "number" || isNativeFlexValue(value))) return nativeFlexToWeb(value);
+	}
 	if (destinationPlatform === "react-native-system") {
 		if (LENGTH_GROUPS.has(group)) {
 			if (typeof value === "number") return value;
+			if (group === "size" && typeof value === "string" && /^-?(?:\d+(?:\.\d+)?|\.\d+)%$/.test(value)) return value;
 			const match = typeof value === "string" ? LENGTH.exec(value) : null;
 			if (!match) throw unsupported("native", path, value, "a px or rem length");
 			if (match[2] === "rem" && remBase === void 0) throw new Error(`[uds] Linked native token "${path}" has value ${JSON.stringify(value)}, but its source has no fixed root font size for rem conversion.`);
@@ -60,7 +72,7 @@ function convertLinkedTokenValue({ path, value, sourcePlatform, destinationPlatf
 	return value;
 }
 /** The one adapter for base and mode values before a linked body is parsed by its destination. */
-function prepareLinkedTokenBody({ path, body, source, config, destinationPlatform }) {
+function prepareLinkedTokenBody({ path, body, source, config, destinationPlatform, extend }) {
 	if (source.name === destinationPlatform) return body;
 	const remBase = source.name === "system-config" ? rootFontSize(source).px : void 0;
 	const convert = (value) => {
@@ -69,7 +81,7 @@ function prepareLinkedTokenBody({ path, body, source, config, destinationPlatfor
 			value,
 			remBase
 		}) : value;
-		return typeof literal === "string" || typeof literal === "number" || typeof literal === "boolean" ? convertLinkedTokenValue({
+		return typeof literal === "string" || typeof literal === "number" || typeof literal === "boolean" || isNativeFlexValue(literal) ? convertLinkedTokenValue({
 			path,
 			value: literal,
 			sourcePlatform: source.name,
@@ -80,10 +92,10 @@ function prepareLinkedTokenBody({ path, body, source, config, destinationPlatfor
 	const overrides = body.overrides;
 	return {
 		...body,
-		value: convert(body.value),
+		value: extend && Object.hasOwn(extend, "value") ? body.value : convert(body.value),
 		...overrides && typeof overrides === "object" && !Array.isArray(overrides) ? { overrides: Object.fromEntries(Object.entries(overrides).map(([key, raw]) => [key, raw && typeof raw === "object" && !Array.isArray(raw) ? {
 			...raw,
-			value: convert(raw.value)
+			value: Object.hasOwn((extend?.overrides)?.[key] ?? {}, "value") ? raw.value : convert(raw.value)
 		} : raw])) } : {}
 	};
 }

package/dist/entities/system/motion-presets.js

@@ -1,11 +1,11 @@
 import { collectRefs, isRef, kindOf, pathOf } from "../../framework/utils/refs.js";
 import { composedValueFormOf } from "./composed-values.js";
 import { createSliceMemo } from "../../framework/memo.js";
+import { tokenValueRow } from "./token-values.js";
 import { MOTION_EASING_NAMES, bezierPoints, motionOfCssKeyword } from "./easings.js";
 import { inlineMotions } from "./motion-variants.js";
 import { isReducedMotion } from "./reduced-motion.js";
 import { jsMotionPropFields } from "./Motion.js";
-import { tokenValueRow } from "./token-values.js";
 import { renderValue } from "./value-render.js";
 //#region src/entities/system/motion-presets.ts
 /** A time spelled in CSS, which `motion/react` reads in seconds. */

package/dist/framework/Config.d.ts

@@ -1415,12 +1415,14 @@ declare class Config {
     kind,
     path,
     body,
-    extend
+    extend,
+    source
   }: {
     kind: string;
     path: string;
     body: Record<string, unknown>;
     extend: Record<string, unknown>;
+    source?: Config;
   }): Record<string, unknown>;
   /** The body of the entity a re-pointed path names, or `undefined` when there is none to read. */
   private redirectedBody;

package/dist/framework/Config.js

@@ -2074,7 +2074,8 @@ var Config = class Config {
 					kind: patch.kind,
 					path: pathOf(extension),
 					body: current.source,
-					extend: current.overlay
+					extend: current.overlay,
+					source: this.configFor(extension)
 				}) : resolved.toJSON();
 				const materialized = snapshot.withChanges([itemChange(entry, patch.kind, patch.path, inherited)]);
 				const changed = this.applySub(materialized, patch, materialized.get(patch.kind, patch.path) ?? resolved, mode);
@@ -2164,7 +2165,8 @@ var Config = class Config {
 				kind: patch.kind,
 				path: pathOf(extension),
 				body: current.source,
-				extend: current.overlay
+				extend: current.overlay,
+				source: this.configFor(extension)
 			}) : resolved.toJSON(), delta, isField);
 			const local = { ...current ? current.overlay : extension.extend };
 			for (const field of touched) if (Object.hasOwn(delta, field) && delta[field] === null) delete local[field];
@@ -2176,7 +2178,8 @@ var Config = class Config {
 				kind: patch.kind,
 				path: pathOf(extension),
 				body: sourceBody,
-				extend: local
+				extend: local,
+				source: this.configFor(extension)
 			});
 			const createSchema = wholeBodySchema(entry, { config: this });
 			let merged = candidate;
@@ -2926,13 +2929,15 @@ var Config = class Config {
 			kind,
 			path: pathOf(extension),
 			body: inherited,
-			extend: extension.extend ?? {}
+			extend: extension.extend ?? {},
+			source
 		});
 		return this.entityOf(kind)?.prepareLinkedBody?.({
 			path: pathOf(extension),
 			body: merged,
 			source,
-			config: this
+			config: this,
+			extend: extension.extend ?? {}
 		}) ?? merged;
 	}
 	/**
@@ -2947,7 +2952,7 @@ var Config = class Config {
 	* nothing. The pin's invariants refuse the last two when they're written, and the build reports a
 	* missing target (`brokenLinkRedirects`).
 	*/
-	laidLinkedBody({ kind, path, body, extend }) {
+	laidLinkedBody({ kind, path, body, extend, source }) {
 		const { target, rest } = redirectOf(extend);
 		const base = target === void 0 ? body : this.redirectedBody({
 			kind,
@@ -2958,7 +2963,9 @@ var Config = class Config {
 			entry: this.entityOf(kind),
 			path,
 			body: base,
-			extend: rest
+			extend: rest,
+			config: this,
+			source: target === void 0 ? source : this.configFor({ __ref: target })
 		}), rest);
 	}
 	/** The body of the entity a re-pointed path names, or `undefined` when there is none to read. */
@@ -3892,7 +3899,8 @@ var Config = class Config {
 			kind,
 			path,
 			body: theirs,
-			extend: laid
+			extend: laid,
+			source: this.sourceFor(slug)
 		});
 		return laid ? {
 			...theirs,
@@ -5111,7 +5119,8 @@ var Config = class Config {
 					source: slug,
 					owns: (name) => source.ownedKinds().includes(name)
 				}),
-				extend: extension.extend
+				extend: extension.extend,
+				source
 			});
 			visitEntity(kind, body, false, linked);
 			visitBags(kind, body, linked);
@@ -6035,11 +6044,13 @@ function redirectOf(extend) {
 }
 /** A source's body as an extension reads it before its `extend` merges in: the kind's
 *  {@link EntityKind.rebaseLinkedBody}, where it declares one. */
-function rebasedLinkedBody({ entry, path, body, extend }) {
+function rebasedLinkedBody({ entry, path, body, extend, source, config }) {
 	return entry?.rebaseLinkedBody?.({
 		path,
 		body,
-		extend
+		extend,
+		source,
+		config
 	}) ?? body;
 }
 function overlayBody({ overlay, theirs }) {

package/dist/framework/projections.js

@@ -6,9 +6,9 @@ import { modifierCategory } from "../entities/system/modifier-axis.js";
 import { forwardedPropName, forwardsOf, rootLayerOf } from "../entities/system/element.js";
 import { createSliceMemo } from "./memo.js";
 import { fontFamilyStack } from "../entities/system/Font.js";
+import { classPrefixOf, prefixed, varPrefixOf } from "../entities/system/Settings.js";
 import { listedIn } from "./utils/enumerated.js";
 import "../entities/system/Modifier.js";
-import { classPrefixOf, prefixed, varPrefixOf } from "../entities/system/Settings.js";
 import { StyleProperty, leavesOfStylePropValue, numberUnitRefusal } from "../entities/system/StyleProperty.js";
 import { componentStates } from "./component-states.js";
 import { isConditionalPreview, storedPreview, unconditionalPreviewProps } from "./preview-store.js";

package/dist/framework/registry.d.ts

@@ -82,7 +82,9 @@ interface EntityKind {
   readonly rebaseLinkedBody?: (args: {
     readonly path: string;
     readonly body: Record<string, unknown>;
-    readonly extend: Record<string, unknown>;
+    readonly extend: Record<string, unknown>; /** Source context for platform translation before destination overrides are merged. */
+    readonly source?: Config;
+    readonly config: Config;
   }) => Record<string, unknown>;
   /** The keys a style rule's layer bag takes that this kind owns, by key. See {@link LayerKey}. */
   readonly layerKeys?: Readonly<Record<string, LayerKey>>;
@@ -91,7 +93,8 @@ interface EntityKind {
     readonly path: string;
     readonly body: Record<string, unknown>;
     readonly source: Config; /** The config borrowing the body, which resolves the body's source-qualified refs. */
-    readonly config: Config;
+    readonly config: Config; /** Authored destination values must not be interpreted in the source platform's units. */
+    readonly extend: Record<string, unknown>;
   }) => Record<string, unknown>;
   /** The entity class's name (`style-property` → `StyleProperty`) — what a consumer writes to reach
    *  it (`StyleProperty.ref(...)`, `Token.group(...)`).

package/dist/index.d.ts

@@ -70,6 +70,7 @@ import { Documentation, DocumentationClass } from "./entities/documentation/Docu
 import { NATIVE_ACTIVATIONS, NativeActivation, NativeModifier, NativeModifierClass } from "./entities/native/NativeModifier.js";
 import { CanvasSection, CanvasSectionClass, NativeSettings } from "./entities/native/NativeSettings.js";
 import { NativeStyleProperty, rnStyleKey } from "./entities/native/NativeStyleProperty.js";
+import { NativeFlexValue, isNativeFlexValue, nativeFlexToWeb, webFlexToNative } from "./entities/system/linked-flex-values.js";
 import { NativeToken, nativeTokenValue } from "./entities/native/NativeToken.js";
 import { CANVAS_ROLES, CanvasRole, CanvasRoleClass, CanvasRoleName } from "./entities/system/CanvasRole.js";
 import { COMPONENT_ENTRY_STATIC, CREATED_COMPONENT_DIRECTORY, ComponentModuleSource, ComponentRegistryImport, ComponentRegistryImportBinding, componentModuleFilePaths, componentModuleKey, componentModuleSource, componentRegistryImports, createdComponentFilePath, createdComponentPathOf, createdModuleKey, isCreatedComponent, linkedComponentModule, linkedModuleView } from "./entities/system/component-module.js";
@@ -120,4 +121,4 @@ import { SpecNode, validateSpec } from "./framework/validate-spec.js";
 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";
-export { AI_LANES, ANATOMY_MARKER, type Add, AiChat, type AiChatClass, AiFlow, type AiFlowClass, type AiFlowOrigin, AiGeneration, type AiGenerationClass, type AiLane, AiMessage, type AiMessageClass, type AiMultiAgentMode, type AnatomyIssue, type AnatomyIssueKind, type AnatomyReport, Annotation, type AnnotationClass, AnnotationFields, type AnnotationSegment, type AnySystemConfig, type AppliedOp, type AsInput, type AttachedSources, type Authored, type AuthoredComponent, type AuthoredProp, type AuthoredPropBody, type AuthoredStyleBag, type AuthoredStyleField, type AuthoringSignatureOptions, BUILD_DEFAULTS, type BatchReceipt, type BindingKind, type BreakOutcome, type BreakPlan, type BreakPlanInput, type BreakPlanRow, type BreakReach, BuildSection, type BuildSectionClass, CANVAS_ROLES, COMPONENT_ENTRY_STATIC, CONFIG_OPERATION_KIND, CREATED_COMPONENT_DIRECTORY, CSS_DEFAULTS, CSS_PROPERTY_NAMES, CSS_WIDE_KEYWORDS, CURRENT_SCHEMA_VERSION, type Calc, type CalcOperand, Canvas, type CanvasClass, CanvasConfig, type CanvasConfigClass, CanvasRole, type CanvasRoleClass, type CanvasRoleName, CanvasSection, type CanvasSectionClass, type CaptureToSpecOptions, type CaptureToSpecResult, type CapturedChild, type CapturedElement, CapturedNode, type CapturedNodeJson, type Spec as CapturedSpec, type SpecElement as CapturedSpecElement, type CapturedText, type Cell, type CellSlot, type Change, type ChangeHook, type ChangeTarget, type CheckedTokenRefPath, type ChildrenPolicy, type ClassGrammar, type CodeSlot, type Collection, type ColorValue, Component, type ComponentBody, type ComponentBuilder, type ComponentClass, type ComponentContractOf, type ComponentCreateInput, type ComponentElementBody, type ComponentInteraction, type ComponentItemInput, type ComponentModuleSource, type ComponentPropBody, type ComponentPropsOf, type ComponentReference, type ComponentRegistryImport, type ComponentRegistryImportBinding, type ComponentRuleClass, type ComponentSpec, type ComponentSpecs, type ComponentState, type ComponentStyleBody, type ComposedValue, type ComposedValueAuthoring, type ComposedValueForm, Composite, type CompositeClass, type ComputedFields, type ComputedFunctions, type ComputedInput, type ComputedMap, type ComputedValue, 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, type CssSectionClass, DERIVED_COLOR_DEFAULT_SPACE, DERIVED_COLOR_SPACE, DERIVED_MUTATIONS, type DanglingDirective, type DanglingLocalRef, type DanglingRef, type DeclaredRuntimeModule, type DeletePlan, type DeriveMembers, type DerivedColor, type DerivedEntityClass, type DerivedOp, Device, type DeviceClass, type DiffOptions, type Divide, Documentation, type DocumentationClass, DocumentationLibrary, type DocumentationLibraryClass, type DomLikeElement, type DraftSource, ENTITY_PATH_MESSAGE, EXPORT_MEMBER, type Edition, type ElementVisibility, type ElementVisibilityInput, type ElementVisibilitySchema, Entity, type EntityAddress, type EntityChange, type EntityClass, type EntityKind, type EntityMap, type EntryGroup, type ExpandOptions, type ExpansionResult, type ExtendedComponentRef, type ExtendedRef, type FieldsSchema, File, type FileClass, Font, type FontClass, FontFile, type FontFileClass, type ForwardBlockedReason, type ForwardClaims, type ForwardOption, type ForwardOptions, type ForwardRequest, GROUP, GUIDANCE_LANES, GlobalStyle, type GlobalStyleClass, type GlyphComponent, type GlyphExportRule, type GlyphSource, type GlyphValue, type GoverningCondition, type Gradient, type GroupBody, type GroupComputedInput, Guidance, type GuidanceClass, type GuidanceLane, type GuidanceScope, type GuidanceSegment, GuidanceStyle, type GuidanceStyleBody, type GuidanceStyleClass, type HasSnapshot, type HydrationOptions, ICON_METADATA_FORMATS, Icon, type IconAnswer, type IconClass, type IconGlyph, type IconHook, type IconLibrary, type IconMemberMetadata, type IconMetadataAdapter, type IconMetadataDeclaration, type IconMetadataFile, type IconMetadataFormat, type IconTool, type IconVariantAs, type IdentifiedOp, type InferredRename, type InlineMotion, type Instance, type InstanceSlot, type InstanceSpec, type InteractionCondition, type ItemOf, type KindRef, type KindSignature, type KindSlice, LINK_SLUG, LINK_SLUG_MESSAGE, type LayerElement, type LayerMap, type LayerPropDriver, type LayerStyleOptions, type LeafAddress, type LinkArrival, type LinkDeclaration, type LinkPaths, type LinkPlan, type LinkPlanInput, type LinkedElsewhere, LinkedSystem, type LinkedSystemClass, type LinkedSystemCreateInput, type LinkedSystemItemInput, type LinkedSystemResolver, type LinkedSystemState, type ListOptions, type LiveConfig, type LocalOverlay, MINTED, MODIFIER_CATEGORIES, MOTION_FACTORY, MOTION_VARIANT_STATES, type MarkerKind, type MisdeclaredOverlay, Modifier, type ModifierCategory, type ModifierClass, type ModifierGroupMeta, Motion, type MotionClass, type MotionPresetToken, type Multiply, NATIVE_ACTIVATIONS, type NativeActivation, NativeModifier, type NativeModifierClass, NativeSettings, NativeStyleProperty, NativeToken, Node, type NodeClass, type OklchColor, type OnLinked, type OpHandler, type OpInput, Operation, type OperationClass, type OrphanedMotionVariant, type OverlayVerb, type OverrideCondition, type OwnedRecords, PLACED_NODE_KEY, PLAYGROUND_DEFAULTS, Package, type PackageClass, Page, type PageClass, type Patch, type PathOf, type PickedComposite, type PinDirective, type PinOptions, type PinOptionsField, type PinOptionsInput, type PlacedMotion, type Plan, type PlanImpact, type PlanOp, PlaygroundSection, type PlaygroundSectionClass, Presence, type PresenceProps, type PreviewElement, type PreviewMatrix, type ProjectedVisibility, type PropCondition, type PropDecl, type PropDeclaration, type PropMap, type PropRoute, type PropShapeSchema, RN_STYLE_KEYS, ReactNativeSystem, type ReactNativeSystemClass, 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 RegisteredComponentHandles, type RegisteredEntities, type RegisteredGroupPaths, type RegisteredMembers, type RegisteredModifiers, type RegisteredMotionRuntimes, type RegisteredPaths, type RegisteredStyleBag, type RegisteredStyleProps, type RegisteredTokenValues, type RenamePlan, type RenderArgs, type RenderElement, type RenderSpec, type RenderedNode, type RenderedTarget, type RepeatRow, type RepeatSpec, type RequiredContent, type RequiredPropUnforwarded, type ResolveContext, type ResolveValueTypeInput, type ResolvedBinding, type ResolvedSource, type RootFontSize, SCRIPT_EXTENSIONS, SERIALIZED_CONFIG_VERSION, SIZE_TOLERANCE_PX, SLOT_CODE_FORMS, STYLE_PROPERTIES, STYLE_PROP_NUMBER_UNITS, STYLE_PROP_VALUE_FORMS, STYLE_PROP_VALUE_LEAVES, type SafelistEntry, type SchemaEntry, type SchemaMigration, SchemaVersionTooNew, type SerializedConfig, type SerializedSourceAnswer, Settings, type SettingsClass, type Shadow, type ShadowColor, type ShadowLayer, type ShadowParts, type SignatureOptions, type SkippedOp, type Slot, type SlotCell, type SlotCodeForm, type SlotDecl, type SlotHost, 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 StyleClass, type StyleDeclarationGroup, type StylePropEntry, type StylePropLeaf, type StylePropNumberUnit, type StylePropValue, type StylePropValueCtx, type StylePropValueKind, StyleProperty, type StylePropertyClass, type StylePropertyItem, type StyleRuleInput, type StyleValue, type SubEntityClass, type SubPatch, type Subtract, type SurfaceCompositeProp, type SurfaceProp, type SurfacePropCondition, type SurfacePropKind, type SurfaceScalarProp, type SurfaceSlotProp, type SurfaceStylePropertyProp, type SurfaceVariantProp, System, type SystemClass, type SystemConfig, SystemSection, type SystemSectionClass, SystemSource, type SystemSourceClass, TOKEN_READERS, type TimingValue, Token, type TokenBinding, type TokenBody, type TokenClass, type TokenGroupReader, type TokenGroupVariableReader, type TokenMatch, type TokenReader, type TokenReaders, type TokenRefPath, type TokenReference, type TokenValueEntry, type TokenValueRow, type TokenValueState, type TokenVariableAsText, type TokenVariableReaders, Tool, type ToolClass, type Transition, type TransitionSegment, type TraverseOptions, type TreeNode, UDS_FORCE_STATES, UNCONDITIONAL_PREVIEW_KEY, UNREACHABLE, type UnadoptedDirective, type UnknownStyleLeaf, type UnlinkPlan, type UnlinkPlanInput, type UnreadableBorrow, type UnstatableCondition, type UnstatableOverride, type UpgradedDraft, type UserSchemas, VOID_ELEMENTS, type ValueOf, type ValueRefs, type ValueType, type VarNaming, type VariantValueBody, type VariantValues, type VisibilityOperator, type VisibilityTerm, WEB_ACTIVATIONS, type WalkOptions, type WebActivation, add, addressOf, adoptLinkedModule, alpha, anatomyElementComponent, anatomyIssueKey, anatomyTextProp, applyPathDelta, arbitraryClassName, arbitraryNeedsClass, authoredBag, authoredValue, authoringSignatures, baseOf, bindStateRef, bindingPath, blankComponentBody, bodyNumberLeaves, bodyNumberUnit, borrowedGroup, borrowedItem, boundElementType, brandGroup, buildRefGraph, buildRefIndex, calcOperands, calcOperator, canonicalWhen, capturedFromDom, changeOf, changeValueAt, changesOf, childrenPolicy, classGrammar, classLeaf, className, classPrefixOf, classSelector, classifyOverlay, classifyStylePropValue, codeSlotsOf, collectRefs, componentClassBase, componentCompositeClasses, componentInteractions, componentLayerClass, componentModuleFilePaths, componentModuleKey, componentModuleSource, componentMotionClasses, componentPropClasses, componentPropComposites, componentRegistryImports, componentRuleClasses, componentSpec, componentStateAttribute, componentStateAttributes, componentStateDefaults, componentStates, composedValueAuthoring, composedValueFormOf, composedValueForms, composedValueSchemas, condArms, condValue, containsMarker, convertLinkedTokenValue, createCanvasConfig, createSliceMemo, createdComponentFilePath, createdComponentPathOf, createdModuleKey, cssPrefixes, cssPropValue, cssProperty, cssPropertyNames, cssString, cssValueIssue, cssVar, cssVarRef, danglingDirectives, danglingLocalRefs, danglingSourcedRefs, darken, declarationKeyName, declarationText, declaredField, declaredPropDefaults, declaredPropRouting, declaredRuntimeModules, declaredVariants, declaresCssVariable, defineComponent, defineConfig, defineDerivedEntity, defineEntity, defineOverride, defineSubEntity, deriveCreateSchema, deriveSpec, deriveUpdateSchema, describeBody, describePatch, detectedWireVersion, diffRendered, divide, editOp, elementFromCaptured, entityPathProblem, entityRefOf, entryKeyOf, evaluateCalc, excludedCondition, expandComponent, expandSpec, fieldKeys, fontFamilyStack, fontFileDescriptors, forceModeAttribute, forceModeAttributeOf, forceModeProp, forceModePropGroup, forceModePropValue, forceModeProps, forceStateAttribute, forceStateSelector, forwardClaims, forwardRoutes, forwardedLayers, forwardedNames, forwardsOf, globalStyleName, glyphComponentOf, glyphExportNames, glyphExportRule, glyphLibrariesOf, glyphPropsOf, glyphSourcesOf, glyphType, glyphVariantProp, graftPreviewElements, guidanceReaches, guidanceScopeOf, guidanceTextOf, hasInteraction, hasJsMotion, heldLinked, iconCategories, iconLibraries, iconLibrary, iconMemberMetadata, iconMetadata, iconMetadataDeclaration, iconMetadataFile, iconMetadataFileJsonSchema, iconMetadataFormat, iconMetadataSourceFile, iconResolver, iconToolAxisOptions, iconToolFor, iconToolLibraries, iconToolOf, iconToolsOf, iconVariantAs, inferredRenames, inlineJsMotion, inlineMotionId, inlineMotionProps, inlineMotions, inlineRuleComposites, inputOf, instanceHolding, instanceSpec, interactionKey, interactionModifiers, intoName, isAdd, isAuthored, isBinaryAsset, isCalc, isComposedValue, isConfigFormatError, isConfigRejection, isCreatedComponent, isCssProperty, isCustomPropertyKey, isDeclaredElementProp, isDerivedColor, isDivide, isEntityPath, isExtendedRef, isFontFaceStyle, isFontFaceWeight, isForceModeProp, isGradient, isGroupBody, isIdentifier, isInlineMotion, isInteractionModifier, isLinkSlug, isMintedRow, isMultiply, isNativeConfig, isOklchColor, isPlainObject, isPreviewElement, isRef, isReservedWord, isShadow, isSubtract, isSystemConfig, isTokenReader, isTransition, isValueSlot, jsMotionBody, jsMotionPresets, jsMotionPropFields, kebabComponent, keyedPreviewConditions, kindOf, kindsOf, layerJsMotionPresets, layerPropDrivers, layerPropRoutes, layerRef, layerRoutedProps, layerStyles, layerTextProp, leafAddresses, leafVerb, leavesOfStylePropValue, librariesBoundBy, libraryHolding, lighten, linearGradient, linkedComponentModule, linkedModuleView, linkedVarNaming, literalValueOf, liveStateProps, markerKind, matchEntities, matchTokens, memberFromLeaf, memberLeaves, memberOf, memberRef, memberVariantOptions, memoryConfigSource, misdeclaredOverlays, mix, modeAxes, modifierAxes, modifierAxis, modifierCategory, modifierGroupFields, modifierInvariants, modifierLeaf, modifierUtilitiesUsed, motionClassName, motionPresetTokens, motionVariantGroups, multiply, nameIconsInTree, nameStyleNumbers, namedFields, nativeTokenValue, negatedCssValue, normalizeName, normalizeStyleValue, oklch, opOf, opVerb, opacityPercentage, opsForKind, orList, orRef, orphanedMotionVariants, overlayVerb, overrideCondition, overrideKey, overrideKeyModifiers, overrideModifiers, ownTextProp, ownValues, ownerOf, ownsItsValues, packageKey, packageName, parseRootFontSize, parseTokenValue, partsOf, pathDelta, pathOf, pathSegments, pinStyleNumbers, placedGlyphElement, placedMotions, planBreak, planCopy, planLink, planUnlink, prefixed, prepareLinkedTokenBody, previewConditionalProps, previewConditions, previewDefaults, previewMatrix, previewSpec, propApplies, propInto, propOwner, propRegistryRef, propValueDomain, propValueFromAxis, propsIntoLayer, readStatePointer, readsState, redundantQualifiers, ref, refGraphOf, refKey, refLeaf, refListOf, refOfKey, refSchema, refTo, registerSchemaMigrations, renderBindingsOf, renderComposedValue, renderDerivedColor, renderGradient, renderInterpolated, renderOklch, renderShadow, renderSignature, renderStyleValue, renderTransition, renderValue, renderedElement, renderedSignatureOf, renderedTarget, replaceRefMarkers, requiredContentCondition, requiredContentLayers, requiredPropsUnforwarded, resolutionSchema, resolveBinding, resolveComponentProps, resolveFieldValue, resolveIconLibraries, resolveInputDir, resolveOutDir, resolveOutputAlias, resolveRegistryDir, resolveSourceAlias, resolveTokenValue, resolveTokenValueUnder, resolveValue, resolveValueType, resolveVisibility, resolvedSource, rewriteRefNamespace, rewriteRefSource, rewriteRefs, rewriteStyleNumbers, rnStyleKey, rootFontSize, rootLayerOf, routeOf, routedBag, routedProp, routedPropIn, routedSource, routesContent, routesOf, ruleApplies, ruleCondition, runChangeHooks, safelistEntrySchema, schemaVersionOf, searchEntities, searchTokens, setAtPath, shadow, signatureOf, slotCodeForms, slotTargetsOf, snapshotHtml, sniffValueType, sourceEntries, sourceHops, sourceOf, sourceOfGroup, sourceOfItem, sourceRowStates, sourceSlugFor, sourceUnavailable, sourceUnreachable, sourceVarPrefix, specFromCapture, specToNodePatches, specWithResolvedVisibility, spellTokenRead, splitRef, splitRefMarkers, splitStyleProps, splitVariants, stamp, standsInForCode, statePointerProp, stateRef, stateTest, stateVariantNames, storedPreview, styleAliasesOf, styleDeclarationGroups, styleDeclarations, styleNumberAsPainted, styleNumberReadingChanges, stylePropClassBase, stylePropClassName, stylePropClasses, stylePropEntries, stylePropLeafForToken, stylePropNegates, stylePropNumberCss, stylePropNumberLeaf, stylePropNumberLeaves, stylePropNumberName, stylePropNumberNamedLeaves, stylePropNumberUnit, stylePropNumberUnitRefusal, stylePropOffScaleLiteral, stylePropOwnClasses, stylePropTokenGroup, stylePropTokenPath, stylePropTokenValues, stylePropValueFormOf, stylePropValueFromLeaf, stylePropValueLeaves, stylePropValueSchema, stylePropValues, stylePropertiesWriting, stylePropertyAccepts, stylePropertyFor, stylePropertyPathFor, styleRuleMotionClasses, subtract, suggestLinkSlug, summarizeChanges, surfaceProp, surfaceProps, tablerExportName, tablerStyledExportName, toCssPropertyName, tokenBinding, tokenExists, tokenReference, tokenValueRow, tokenValueRows, tokenVariablesAsText, touchedFields, transition, unadoptedDirectives, unconditionalPreviewProps, unknownStyleLeaves, unreadableBorrows, unstatableConditions, unstatableOverrides, updateRefIndex, upgradeDraftEntries, upgradePatch, upgradeSerializedConfig, validateComponentProps, validateSpec, valueAt, valueForwardsOf, valueLeavesOf, valueRef, valueSchemaOf, valueTypeOf, varPrefixOf, views, visibilityStateProps, visibilityTerms, whenParts, withRequiredContentHidden, withoutTruthyTerm, wrappedElementKey };
+export { AI_LANES, ANATOMY_MARKER, type Add, AiChat, type AiChatClass, AiFlow, type AiFlowClass, type AiFlowOrigin, AiGeneration, type AiGenerationClass, type AiLane, AiMessage, type AiMessageClass, type AiMultiAgentMode, type AnatomyIssue, type AnatomyIssueKind, type AnatomyReport, Annotation, type AnnotationClass, AnnotationFields, type AnnotationSegment, type AnySystemConfig, type AppliedOp, type AsInput, type AttachedSources, type Authored, type AuthoredComponent, type AuthoredProp, type AuthoredPropBody, type AuthoredStyleBag, type AuthoredStyleField, type AuthoringSignatureOptions, BUILD_DEFAULTS, type BatchReceipt, type BindingKind, type BreakOutcome, type BreakPlan, type BreakPlanInput, type BreakPlanRow, type BreakReach, BuildSection, type BuildSectionClass, CANVAS_ROLES, COMPONENT_ENTRY_STATIC, CONFIG_OPERATION_KIND, CREATED_COMPONENT_DIRECTORY, CSS_DEFAULTS, CSS_PROPERTY_NAMES, CSS_WIDE_KEYWORDS, CURRENT_SCHEMA_VERSION, type Calc, type CalcOperand, Canvas, type CanvasClass, CanvasConfig, type CanvasConfigClass, CanvasRole, type CanvasRoleClass, type CanvasRoleName, CanvasSection, type CanvasSectionClass, type CaptureToSpecOptions, type CaptureToSpecResult, type CapturedChild, type CapturedElement, CapturedNode, type CapturedNodeJson, type Spec as CapturedSpec, type SpecElement as CapturedSpecElement, type CapturedText, type Cell, type CellSlot, type Change, type ChangeHook, type ChangeTarget, type CheckedTokenRefPath, type ChildrenPolicy, type ClassGrammar, type CodeSlot, type Collection, type ColorValue, Component, type ComponentBody, type ComponentBuilder, type ComponentClass, type ComponentContractOf, type ComponentCreateInput, type ComponentElementBody, type ComponentInteraction, type ComponentItemInput, type ComponentModuleSource, type ComponentPropBody, type ComponentPropsOf, type ComponentReference, type ComponentRegistryImport, type ComponentRegistryImportBinding, type ComponentRuleClass, type ComponentSpec, type ComponentSpecs, type ComponentState, type ComponentStyleBody, type ComposedValue, type ComposedValueAuthoring, type ComposedValueForm, Composite, type CompositeClass, type ComputedFields, type ComputedFunctions, type ComputedInput, type ComputedMap, type ComputedValue, 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, type CssSectionClass, DERIVED_COLOR_DEFAULT_SPACE, DERIVED_COLOR_SPACE, DERIVED_MUTATIONS, type DanglingDirective, type DanglingLocalRef, type DanglingRef, type DeclaredRuntimeModule, type DeletePlan, type DeriveMembers, type DerivedColor, type DerivedEntityClass, type DerivedOp, Device, type DeviceClass, type DiffOptions, type Divide, Documentation, type DocumentationClass, DocumentationLibrary, type DocumentationLibraryClass, type DomLikeElement, type DraftSource, ENTITY_PATH_MESSAGE, EXPORT_MEMBER, type Edition, type ElementVisibility, type ElementVisibilityInput, type ElementVisibilitySchema, Entity, type EntityAddress, type EntityChange, type EntityClass, type EntityKind, type EntityMap, type EntryGroup, type ExpandOptions, type ExpansionResult, type ExtendedComponentRef, type ExtendedRef, type FieldsSchema, File, type FileClass, Font, type FontClass, FontFile, type FontFileClass, type ForwardBlockedReason, type ForwardClaims, type ForwardOption, type ForwardOptions, type ForwardRequest, GROUP, GUIDANCE_LANES, GlobalStyle, type GlobalStyleClass, type GlyphComponent, type GlyphExportRule, type GlyphSource, type GlyphValue, type GoverningCondition, type Gradient, type GroupBody, type GroupComputedInput, Guidance, type GuidanceClass, type GuidanceLane, type GuidanceScope, type GuidanceSegment, GuidanceStyle, type GuidanceStyleBody, type GuidanceStyleClass, type HasSnapshot, type HydrationOptions, ICON_METADATA_FORMATS, Icon, type IconAnswer, type IconClass, type IconGlyph, type IconHook, type IconLibrary, type IconMemberMetadata, type IconMetadataAdapter, type IconMetadataDeclaration, type IconMetadataFile, type IconMetadataFormat, type IconTool, type IconVariantAs, type IdentifiedOp, type InferredRename, type InlineMotion, type Instance, type InstanceSlot, type InstanceSpec, type InteractionCondition, type ItemOf, type KindRef, type KindSignature, type KindSlice, LINK_SLUG, LINK_SLUG_MESSAGE, type LayerElement, type LayerMap, type LayerPropDriver, type LayerStyleOptions, type LeafAddress, type LinkArrival, type LinkDeclaration, type LinkPaths, type LinkPlan, type LinkPlanInput, type LinkedElsewhere, LinkedSystem, type LinkedSystemClass, type LinkedSystemCreateInput, type LinkedSystemItemInput, type LinkedSystemResolver, type LinkedSystemState, type ListOptions, type LiveConfig, type LocalOverlay, MINTED, MODIFIER_CATEGORIES, MOTION_FACTORY, MOTION_VARIANT_STATES, type MarkerKind, type MisdeclaredOverlay, Modifier, type ModifierCategory, type ModifierClass, type ModifierGroupMeta, Motion, type MotionClass, type MotionPresetToken, type Multiply, NATIVE_ACTIVATIONS, type NativeActivation, type NativeFlexValue, NativeModifier, type NativeModifierClass, NativeSettings, NativeStyleProperty, NativeToken, Node, type NodeClass, type OklchColor, type OnLinked, type OpHandler, type OpInput, Operation, type OperationClass, type OrphanedMotionVariant, type OverlayVerb, type OverrideCondition, type OwnedRecords, PLACED_NODE_KEY, PLAYGROUND_DEFAULTS, Package, type PackageClass, Page, type PageClass, type Patch, type PathOf, type PickedComposite, type PinDirective, type PinOptions, type PinOptionsField, type PinOptionsInput, type PlacedMotion, type Plan, type PlanImpact, type PlanOp, PlaygroundSection, type PlaygroundSectionClass, Presence, type PresenceProps, type PreviewElement, type PreviewMatrix, type ProjectedVisibility, type PropCondition, type PropDecl, type PropDeclaration, type PropMap, type PropRoute, type PropShapeSchema, RN_STYLE_KEYS, ReactNativeSystem, type ReactNativeSystemClass, 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 RegisteredComponentHandles, type RegisteredEntities, type RegisteredGroupPaths, type RegisteredMembers, type RegisteredModifiers, type RegisteredMotionRuntimes, type RegisteredPaths, type RegisteredStyleBag, type RegisteredStyleProps, type RegisteredTokenValues, type RenamePlan, type RenderArgs, type RenderElement, type RenderSpec, type RenderedNode, type RenderedTarget, type RepeatRow, type RepeatSpec, type RequiredContent, type RequiredPropUnforwarded, type ResolveContext, type ResolveValueTypeInput, type ResolvedBinding, type ResolvedSource, type RootFontSize, SCRIPT_EXTENSIONS, SERIALIZED_CONFIG_VERSION, SIZE_TOLERANCE_PX, SLOT_CODE_FORMS, STYLE_PROPERTIES, STYLE_PROP_NUMBER_UNITS, STYLE_PROP_VALUE_FORMS, STYLE_PROP_VALUE_LEAVES, type SafelistEntry, type SchemaEntry, type SchemaMigration, SchemaVersionTooNew, type SerializedConfig, type SerializedSourceAnswer, Settings, type SettingsClass, type Shadow, type ShadowColor, type ShadowLayer, type ShadowParts, type SignatureOptions, type SkippedOp, type Slot, type SlotCell, type SlotCodeForm, type SlotDecl, type SlotHost, 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 StyleClass, type StyleDeclarationGroup, type StylePropEntry, type StylePropLeaf, type StylePropNumberUnit, type StylePropValue, type StylePropValueCtx, type StylePropValueKind, StyleProperty, type StylePropertyClass, type StylePropertyItem, type StyleRuleInput, type StyleValue, type SubEntityClass, type SubPatch, type Subtract, type SurfaceCompositeProp, type SurfaceProp, type SurfacePropCondition, type SurfacePropKind, type SurfaceScalarProp, type SurfaceSlotProp, type SurfaceStylePropertyProp, type SurfaceVariantProp, System, type SystemClass, type SystemConfig, SystemSection, type SystemSectionClass, SystemSource, type SystemSourceClass, TOKEN_READERS, type TimingValue, Token, type TokenBinding, type TokenBody, type TokenClass, type TokenGroupReader, type TokenGroupVariableReader, type TokenMatch, type TokenReader, type TokenReaders, type TokenRefPath, type TokenReference, type TokenValueEntry, type TokenValueRow, type TokenValueState, type TokenVariableAsText, type TokenVariableReaders, Tool, type ToolClass, type Transition, type TransitionSegment, type TraverseOptions, type TreeNode, UDS_FORCE_STATES, UNCONDITIONAL_PREVIEW_KEY, UNREACHABLE, type UnadoptedDirective, type UnknownStyleLeaf, type UnlinkPlan, type UnlinkPlanInput, type UnreadableBorrow, type UnstatableCondition, type UnstatableOverride, type UpgradedDraft, type UserSchemas, VOID_ELEMENTS, type ValueOf, type ValueRefs, type ValueType, type VarNaming, type VariantValueBody, type VariantValues, type VisibilityOperator, type VisibilityTerm, WEB_ACTIVATIONS, type WalkOptions, type WebActivation, add, addressOf, adoptLinkedModule, alpha, anatomyElementComponent, anatomyIssueKey, anatomyTextProp, applyPathDelta, arbitraryClassName, arbitraryNeedsClass, authoredBag, authoredValue, authoringSignatures, baseOf, bindStateRef, bindingPath, blankComponentBody, bodyNumberLeaves, bodyNumberUnit, borrowedGroup, borrowedItem, boundElementType, brandGroup, buildRefGraph, buildRefIndex, calcOperands, calcOperator, canonicalWhen, capturedFromDom, changeOf, changeValueAt, changesOf, childrenPolicy, classGrammar, classLeaf, className, classPrefixOf, classSelector, classifyOverlay, classifyStylePropValue, codeSlotsOf, collectRefs, componentClassBase, componentCompositeClasses, componentInteractions, componentLayerClass, componentModuleFilePaths, componentModuleKey, componentModuleSource, componentMotionClasses, componentPropClasses, componentPropComposites, componentRegistryImports, componentRuleClasses, componentSpec, componentStateAttribute, componentStateAttributes, componentStateDefaults, componentStates, composedValueAuthoring, composedValueFormOf, composedValueForms, composedValueSchemas, condArms, condValue, containsMarker, convertLinkedTokenValue, createCanvasConfig, createSliceMemo, createdComponentFilePath, createdComponentPathOf, createdModuleKey, cssPrefixes, cssPropValue, cssProperty, cssPropertyNames, cssString, cssValueIssue, cssVar, cssVarRef, danglingDirectives, danglingLocalRefs, danglingSourcedRefs, darken, declarationKeyName, declarationText, declaredField, declaredPropDefaults, declaredPropRouting, declaredRuntimeModules, declaredVariants, declaresCssVariable, defineComponent, defineConfig, defineDerivedEntity, defineEntity, defineOverride, defineSubEntity, deriveCreateSchema, deriveSpec, deriveUpdateSchema, describeBody, describePatch, detectedWireVersion, diffRendered, divide, editOp, elementFromCaptured, entityPathProblem, entityRefOf, entryKeyOf, evaluateCalc, excludedCondition, expandComponent, expandSpec, fieldKeys, fontFamilyStack, fontFileDescriptors, forceModeAttribute, forceModeAttributeOf, forceModeProp, forceModePropGroup, forceModePropValue, forceModeProps, forceStateAttribute, forceStateSelector, forwardClaims, forwardRoutes, forwardedLayers, forwardedNames, forwardsOf, globalStyleName, glyphComponentOf, glyphExportNames, glyphExportRule, glyphLibrariesOf, glyphPropsOf, glyphSourcesOf, glyphType, glyphVariantProp, graftPreviewElements, guidanceReaches, guidanceScopeOf, guidanceTextOf, hasInteraction, hasJsMotion, heldLinked, iconCategories, iconLibraries, iconLibrary, iconMemberMetadata, iconMetadata, iconMetadataDeclaration, iconMetadataFile, iconMetadataFileJsonSchema, iconMetadataFormat, iconMetadataSourceFile, iconResolver, iconToolAxisOptions, iconToolFor, iconToolLibraries, iconToolOf, iconToolsOf, iconVariantAs, inferredRenames, inlineJsMotion, inlineMotionId, inlineMotionProps, inlineMotions, inlineRuleComposites, inputOf, instanceHolding, instanceSpec, interactionKey, interactionModifiers, intoName, isAdd, isAuthored, isBinaryAsset, isCalc, isComposedValue, isConfigFormatError, isConfigRejection, isCreatedComponent, isCssProperty, isCustomPropertyKey, isDeclaredElementProp, isDerivedColor, isDivide, isEntityPath, isExtendedRef, isFontFaceStyle, isFontFaceWeight, isForceModeProp, isGradient, isGroupBody, isIdentifier, isInlineMotion, isInteractionModifier, isLinkSlug, isMintedRow, isMultiply, isNativeConfig, isNativeFlexValue, isOklchColor, isPlainObject, isPreviewElement, isRef, isReservedWord, isShadow, isSubtract, isSystemConfig, isTokenReader, isTransition, isValueSlot, jsMotionBody, jsMotionPresets, jsMotionPropFields, kebabComponent, keyedPreviewConditions, kindOf, kindsOf, layerJsMotionPresets, layerPropDrivers, layerPropRoutes, layerRef, layerRoutedProps, layerStyles, layerTextProp, leafAddresses, leafVerb, leavesOfStylePropValue, librariesBoundBy, libraryHolding, lighten, linearGradient, linkedComponentModule, linkedModuleView, linkedVarNaming, literalValueOf, liveStateProps, markerKind, matchEntities, matchTokens, memberFromLeaf, memberLeaves, memberOf, memberRef, memberVariantOptions, memoryConfigSource, misdeclaredOverlays, mix, modeAxes, modifierAxes, modifierAxis, modifierCategory, modifierGroupFields, modifierInvariants, modifierLeaf, modifierUtilitiesUsed, motionClassName, motionPresetTokens, motionVariantGroups, multiply, nameIconsInTree, nameStyleNumbers, namedFields, nativeFlexToWeb, nativeTokenValue, negatedCssValue, normalizeName, normalizeStyleValue, oklch, opOf, opVerb, opacityPercentage, opsForKind, orList, orRef, orphanedMotionVariants, overlayVerb, overrideCondition, overrideKey, overrideKeyModifiers, overrideModifiers, ownTextProp, ownValues, ownerOf, ownsItsValues, packageKey, packageName, parseRootFontSize, parseTokenValue, partsOf, pathDelta, pathOf, pathSegments, pinStyleNumbers, placedGlyphElement, placedMotions, planBreak, planCopy, planLink, planUnlink, prefixed, prepareLinkedTokenBody, previewConditionalProps, previewConditions, previewDefaults, previewMatrix, previewSpec, propApplies, propInto, propOwner, propRegistryRef, propValueDomain, propValueFromAxis, propsIntoLayer, readStatePointer, readsState, redundantQualifiers, ref, refGraphOf, refKey, refLeaf, refListOf, refOfKey, refSchema, refTo, registerSchemaMigrations, renderBindingsOf, renderComposedValue, renderDerivedColor, renderGradient, renderInterpolated, renderOklch, renderShadow, renderSignature, renderStyleValue, renderTransition, renderValue, renderedElement, renderedSignatureOf, renderedTarget, replaceRefMarkers, requiredContentCondition, requiredContentLayers, requiredPropsUnforwarded, resolutionSchema, resolveBinding, resolveComponentProps, resolveFieldValue, resolveIconLibraries, resolveInputDir, resolveOutDir, resolveOutputAlias, resolveRegistryDir, resolveSourceAlias, resolveTokenValue, resolveTokenValueUnder, resolveValue, resolveValueType, resolveVisibility, resolvedSource, rewriteRefNamespace, rewriteRefSource, rewriteRefs, rewriteStyleNumbers, rnStyleKey, rootFontSize, rootLayerOf, routeOf, routedBag, routedProp, routedPropIn, routedSource, routesContent, routesOf, ruleApplies, ruleCondition, runChangeHooks, safelistEntrySchema, schemaVersionOf, searchEntities, searchTokens, setAtPath, shadow, signatureOf, slotCodeForms, slotTargetsOf, snapshotHtml, sniffValueType, sourceEntries, sourceHops, sourceOf, sourceOfGroup, sourceOfItem, sourceRowStates, sourceSlugFor, sourceUnavailable, sourceUnreachable, sourceVarPrefix, specFromCapture, specToNodePatches, specWithResolvedVisibility, spellTokenRead, splitRef, splitRefMarkers, splitStyleProps, splitVariants, stamp, standsInForCode, statePointerProp, stateRef, stateTest, stateVariantNames, storedPreview, styleAliasesOf, styleDeclarationGroups, styleDeclarations, styleNumberAsPainted, styleNumberReadingChanges, stylePropClassBase, stylePropClassName, stylePropClasses, stylePropEntries, stylePropLeafForToken, stylePropNegates, stylePropNumberCss, stylePropNumberLeaf, stylePropNumberLeaves, stylePropNumberName, stylePropNumberNamedLeaves, stylePropNumberUnit, stylePropNumberUnitRefusal, stylePropOffScaleLiteral, stylePropOwnClasses, stylePropTokenGroup, stylePropTokenPath, stylePropTokenValues, stylePropValueFormOf, stylePropValueFromLeaf, stylePropValueLeaves, stylePropValueSchema, stylePropValues, stylePropertiesWriting, stylePropertyAccepts, stylePropertyFor, stylePropertyPathFor, styleRuleMotionClasses, subtract, suggestLinkSlug, summarizeChanges, surfaceProp, surfaceProps, tablerExportName, tablerStyledExportName, toCssPropertyName, tokenBinding, tokenExists, tokenReference, tokenValueRow, tokenValueRows, tokenVariablesAsText, touchedFields, transition, unadoptedDirectives, unconditionalPreviewProps, unknownStyleLeaves, unreadableBorrows, unstatableConditions, unstatableOverrides, updateRefIndex, upgradeDraftEntries, upgradePatch, upgradeSerializedConfig, validateComponentProps, validateSpec, valueAt, valueForwardsOf, valueLeavesOf, valueRef, valueSchemaOf, valueTypeOf, varPrefixOf, views, visibilityStateProps, visibilityTerms, webFlexToNative, whenParts, withRequiredContentHidden, withoutTruthyTerm, wrappedElementKey };