@yahoo/uds-v5-wip 1.61.0 → 1.62.0

package/dist/config/dist/units.d.ts

@@ -0,0 +1,15 @@
+//#region ../config/dist/units.d.ts
+//#region src/units.d.ts
+/**
+ * Authoring helpers for inline CSS unit values. Pure string formatters
+ * — no token resolution, no Config dependency — so they can live as a
+ * standalone module and stay tree-shakeable.
+ */
+/**
+ * Convert a px value to rem assuming a 16px base.
+ *
+ * @example rem(14) // '0.875rem'
+ */
+declare function rem(px: number): string; //#endregion
+//#endregion
+export { rem };

package/dist/config/dist/units.js

@@ -0,0 +1,16 @@
+//#region ../config/dist/units.js
+/**
+* Authoring helpers for inline CSS unit values. Pure string formatters
+* — no token resolution, no Config dependency — so they can live as a
+* standalone module and stay tree-shakeable.
+*/
+/**
+* Convert a px value to rem assuming a 16px base.
+*
+* @example rem(14) // '0.875rem'
+*/
+function rem(px) {
+	return `${px / 16}rem`;
+}
+//#endregion
+export { rem };

package/dist/config.d.ts

@@ -1,23 +1,32 @@
-import { ComponentRef, CompositeRef, MotionRef, RegisteredComponents, RegisteredComposites, RegisteredModifiers, RegisteredMotion, RegisteredStyleProps, StylePropRef } from "./config/dist/component-refs.js";
-import { CssMotionPreset, CustomMotionPreset, InterpolateMarker, JsMotionPreset, MotionInlineConfig, MotionKeyframe, MotionPreset, MotionPresetName, MotionStateKeyframe, MotionTransition, SlotMotionAnimate, SlotMotionConfig } from "./config/dist/defineMotionConfig.js";
-import { BoolMarker, ComponentConfigInput, ComponentConfigValue, ComponentMotionValue, ComponentSlotStyles, CompositeBinding, CompositeMarker, CompoundPropsEntry, EnumMarker, HiddenMarker, HtmlTag, LayerBundle, LayerInput, LayerOverride, PrimitiveLayer, PrimitivePropBinding, PropBinding, RenderArgs, RootTag, SingleLayerCompositeBinding, SlotMarker, SlotMotion, SplitSlotPath, StringMarker, StylePropBinding, StylePropMarker, StylePropShorthand, TokenGroupMarker, TokenMarker, VerbosePropBinding, WhenClause, bool, composite, enums, hidden, slot, string, styleProp, token, tokenGroup } from "./config/dist/component-config.js";
-import { Props, PropsOf } from "./config/dist/Props.js";
-import { CreateComponentRenderArgs } from "./config/dist/bindRender.js";
-import { buildStylePropClassName } from "./config/dist/className.js";
-import { DefinedPreview, PreviewMetadata, definePreview } from "./config/dist/definePreview.js";
-import { CompositeStyleDef, CompositeStyleInput, CompositeStyleObject, CompositeStylesConfig, DefinedCompositeStyle, defineCompositeStyle } from "./config/dist/defineCompositeStyle.js";
-import { BoundComponent, DefineHelpers, DefinedComponent, PrimitiveComponentInput, defineComponent } from "./config/dist/defineComponent.js";
+import { ASSET_CLASS_CAPABILITIES, AssetKind, isPlaceable } from "./config/dist/asset-kind.js";
+import { AnyRef, AssetGroupName, AssetGroupRef, ComponentName, ComponentRef, CompositeName, CompositeRef, CompositeRefBuilder, ModeName, ModeRef, RegisteredAssetGroups, RegisteredComponents, RegisteredCompositeStyles, RegisteredModes, RegisteredModifiers, RegisteredMotionDefs, RegisteredStyleProps, RegisteredTokenGroups, StylePropName, StylePropRef, TagName, TagRef, TokenGroupName, TokenGroupRef, TokenName, TokenQualifiedName, TokenRef, assetGroup, component, composite, isAssetGroupRef, isComponentRef, isCompositeRef, isModeRef, isStylePropRef, isTagRef, isTokenGroupRef, isTokenRef, mode, styleProp, tag, token, tokenGroup } from "./config/dist/refs.js";
 import { ColorFn, ColorKeyword, CssAngle, CssColor, CssLength, CssPercentage, CssRatio, CssTime, CssValue, CssValueTypeName, CssVarRef, HexColor, HslColor, RgbColor } from "./config/dist/types/css-values.js";
-import { CssGlobalKeyword, CssPropertyName, CssPropertyValues } from "./config/dist/types/css-properties.js";
-import { AnyStyleProp, ArbitraryEntry, ArbitrarySpec, NamespacedTokenGroup, RegisteredTokenGroupMeta, RegisteredTokenGroups, StyleProp, StylePropMetadata, StylePropWithBuilder, StyleSpec, ValuesEntry, defineStyleProp } from "./config/dist/defineStyleProp.js";
-import { PROPERTY_ACCEPTED_TYPES, PropertyAccept, isTokenAcceptedByProperty } from "./config/dist/propertyAcceptedTypes.js";
-import { TokenType, VarGroupDef, VarTokenDef, VarsConfig } from "./config/dist/types.js";
-import { AtomicToken, BuildOptions, CheckForReservedModifiersInput, ComponentConfigMergeStrategy, ExampleDef, ExampleEntryDef, ExampleLayoutStyles, GetModifierFromInput, GlobalStylesDef, ModeGroup, ModeOption, ModeOptionInput, ModeSetInput, ModesInput, ModifierDef, MotionPresetsDef, PresetMergeMode, UdsConfig, UdsConfigData, buildCompositeStylesReference, buildTokenReference, convertModesInputToGroups, createConfigBuilder, darker, interpolate, lighter, rem, resolveConfig, uds } from "./config/dist/createConfig.js";
-import { DetectTokenValueTypeGroup, DetectTokenValueTypeInput, ResolvedStyleProp, ResolvedToken, detectTokenValueType, getColorOpacityMap, resolveStyleProp } from "./config/dist/resolveStyleProp.js";
-import { Styler, createStyler } from "./config/dist/createStyler.js";
-import { TokenWithModifier, darken, isTokenWithModifier, lighten, resolveTokenValue, resolveTokenWithModifier } from "./config/dist/refs.js";
-import { ResolvedCompoundOverrides, ResolvedLayerOverride, applyCompoundProps, isLayerHidden, resolveCompoundProps } from "./config/dist/resolveCompoundProps.js";
-import { SerializedConfig, TokenRef, buildReverseMap, deserializeConfig, serializeConfig } from "./config/dist/serialize.js";
-import { sniffTokenTypeFromValue } from "./config/dist/sniffTokenType.js";
-import { BUILT_IN_PSEUDO, DynamicRule, ProcessStylePropsOpts, ProcessStylePropsResult, ResolvedModifier, StylePropEntry, StylePropRuntimeData, buildStylePropRuntime, processStyleProps } from "./config/dist/style-prop-runtime.js";
-export { AnyStyleProp, ArbitraryEntry, ArbitrarySpec, AtomicToken, BUILT_IN_PSEUDO, BoolMarker, BoundComponent, BuildOptions, CheckForReservedModifiersInput, ColorFn, ColorKeyword, ComponentConfigInput, ComponentConfigMergeStrategy, ComponentConfigValue, ComponentMotionValue, ComponentRef, ComponentSlotStyles, CompositeBinding, CompositeMarker, CompositeRef, CompositeStyleDef, CompositeStyleInput, CompositeStyleObject, CompositeStylesConfig, CompoundPropsEntry, CreateComponentRenderArgs, CssAngle, CssColor, CssGlobalKeyword, CssLength, CssMotionPreset, CssPercentage, CssPropertyName, CssPropertyValues, CssRatio, CssTime, CssValue, CssValueTypeName, CssVarRef, CustomMotionPreset, DefineHelpers, DefinedComponent, DefinedCompositeStyle, DefinedPreview, DetectTokenValueTypeGroup, DetectTokenValueTypeInput, DynamicRule, EnumMarker, ExampleDef, ExampleEntryDef, ExampleLayoutStyles, GetModifierFromInput, GlobalStylesDef, HexColor, HiddenMarker, HslColor, HtmlTag, InterpolateMarker, JsMotionPreset, LayerBundle, LayerInput, LayerOverride, ModeGroup, ModeOption, ModeOptionInput, ModeSetInput, ModesInput, ModifierDef, MotionInlineConfig, MotionKeyframe, MotionPreset, MotionPresetName, MotionPresetsDef, MotionRef, MotionStateKeyframe, MotionTransition, NamespacedTokenGroup, PROPERTY_ACCEPTED_TYPES, PresetMergeMode, PreviewMetadata, PrimitiveComponentInput, PrimitiveLayer, PrimitivePropBinding, ProcessStylePropsOpts, ProcessStylePropsResult, PropBinding, PropertyAccept, Props, PropsOf, RegisteredComponents, RegisteredComposites, RegisteredModifiers, RegisteredMotion, RegisteredStyleProps, RegisteredTokenGroupMeta, RegisteredTokenGroups, RenderArgs, ResolvedCompoundOverrides, ResolvedLayerOverride, ResolvedModifier, ResolvedStyleProp, ResolvedToken, RgbColor, RootTag, SerializedConfig, SingleLayerCompositeBinding, SlotMarker, SlotMotion, SlotMotionAnimate, SlotMotionConfig, SplitSlotPath, StringMarker, StyleProp, StylePropBinding, StylePropEntry, StylePropMarker, StylePropMetadata, StylePropRef, StylePropRuntimeData, StylePropShorthand, StylePropWithBuilder, StyleSpec, Styler, TokenGroupMarker, TokenMarker, TokenRef, TokenType, TokenWithModifier, UdsConfig, UdsConfigData, ValuesEntry, VarGroupDef, VarTokenDef, VarsConfig, VerbosePropBinding, WhenClause, applyCompoundProps, bool, buildCompositeStylesReference, buildReverseMap, buildStylePropClassName, buildStylePropRuntime, buildTokenReference, composite, convertModesInputToGroups, createConfigBuilder, createStyler, darken, darker, defineComponent, defineCompositeStyle, definePreview, defineStyleProp, deserializeConfig, detectTokenValueType, enums, getColorOpacityMap, hidden, interpolate, isLayerHidden, isTokenAcceptedByProperty, isTokenWithModifier, lighten, lighter, processStyleProps, rem, resolveCompoundProps, resolveConfig, resolveStyleProp, resolveTokenValue, resolveTokenWithModifier, serializeConfig, slot, sniffTokenTypeFromValue, string, styleProp, token, tokenGroup, uds };
+import { ColorExpression, ColorSpace, ColorValue, GradientStop, GradientValue, LengthOrPercent, LineDirection, LinearGradientExpr, MixExpr, RadialGradientExpr, RadialSize, TokenRefToCss, alpha, isColorExpression, isLinearGradientExpr, isMixExpr, isRadialGradientExpr, linearGradient, mix, radialGradient, resolveColorExpression } from "./config/dist/colorExpressions.js";
+import { CSS_GLOBAL_KEYWORDS, CSS_PROPERTY_KEYWORDS, CssPropertyWithKeywords } from "./config/dist/types/css-property-keywords.js";
+import { ColorCssProperty, CssGlobalKeyword, CssPropertyName, CssPropertyValues } from "./config/dist/types/css-properties.js";
+import { AssetGroupBuilder, AssetGroupConfig, AssetGroupDefinition, FontAssetGroupConfig, FontAssetGroupDefinition, IconAssetGroupConfig, IconAssetGroupDefinition, IconAssetMember, IconAssetMetadata, defineAssetGroup, defineAssetIcon } from "./config/dist/defineAssetGroup.js";
+import { AnyStylePropDefinition, ArbitrarySpec, BaseStyles, BuildOptions, ComponentDefinition, ComponentGroupDefinition, ComponentMetadata, CompositeStyleDefinition, CompositeStyleObject, CompoundPropsEntry, CssMotionDefinition, FontAssetMember, GlobalStylesDef, JsMotionDefinition, LayerInput, LiteralFor, ModeDefinition, ModeOptionDefinition, ModifierDefinition, MotionDefinitionInput, MotionKeyframes, MotionStateKeyframe, MotionTransition, OpacityPairSpec, PreviewDefinition, PropBinding, SerializedAssetGroup, SerializedComponentGroup, SerializedConfig, SerializedFontAssetGroup, SerializedIconAssetGroup, SerializedTokenGroup, SlotMotion, StylePropDefinition, StylePropMetadata, StylePropProperty, TokenDefinition, TokenGroupDefinition, TokenModifierKey, TokenModifierValue, TokenType, TokenValue, ValuesEntry } from "./config/dist/types.js";
+import { AssetGroup } from "./config/dist/AssetGroup.js";
+import { Css, CssClassName, CssDeclaration, CssSelector, CssVar, cssClassName, cssDeclaration, cssSelector, cssVar } from "./config/dist/brands.js";
+import { BooleanMarker, LayerMarker, NumberMarker, PREVIEW_SEED_KEY, PreviewAxisMarker, PreviewPropsRule, RequiredBrand, SlotMarker, SlotRef, SlotValueType, StringMarker, VariantMarker, VariantMarkerArray, VariantMarkerObject, isBoolMarker, isLayerMarker, isNumberMarker, isPreviewAxisMarker, isSlotMarker, isStringMarker, isVariantArrayMarker, isVariantMarker, matchesPreviewWhen, resolvePreviewRules } from "./config/dist/markers.js";
+import { Component, ComponentKind, CompositeInfo, FunctionInfo, Layer, PrimitivePropKind, PropBase, PropInfo, PropKind, ResolvedCompoundOverrides, SlotInfo, SlotValueKind, StylePropInfo, StylePropKeyword, StylePropTokenUsage, VariantInfo } from "./config/dist/Component.js";
+import { ComponentGroup } from "./config/dist/ComponentGroup.js";
+import { CompositeStyle } from "./config/dist/CompositeStyle.js";
+import { makeTokenRefToCss } from "./config/dist/entity-utils.js";
+import { DataAttrs } from "./config/dist/Props.js";
+import { BoundComponent, ComponentBuilder, ComponentBuilderMethods, ComponentRenderFn, ConfigCallbackHelpers, DefineComponentFn, DefinedComponent, DefinedProvider, DefinedStyleProp, DefinedTokenGroup, PreviewCallbackHelpers, TokenGroupMetadata, TypedSlotRef, boolean, defineComponent, defineComponentGroup, defineCompositeStyle, defineMode, defineModifier, defineMotion, defineStyleProp, defineTokenGroup, number, slot, string, variant } from "./config/dist/factories.js";
+import { defineProvider } from "./config/dist/defineProvider.js";
+import { Mode, ModeOption } from "./config/dist/Mode.js";
+import { Modifier } from "./config/dist/Modifier.js";
+import { CssMotionDef, JsMotionDef, MotionDef } from "./config/dist/MotionDef.js";
+import { Provider } from "./config/dist/Provider.js";
+import { ResolvedTokenLiteral, Token } from "./config/dist/Token.js";
+import { StyleProp } from "./config/dist/StyleProp.js";
+import { TokenGroup } from "./config/dist/TokenGroup.js";
+import { Config, DependenciesQuery, DependencyKind, DependencyRef, DependentsQuery, parseRegistryKey } from "./config/dist/Config.js";
+import { SOURCE_PATH_KEY, attachSourcePath, captureCallerPath, readSourcePath } from "./config/dist/captureCallerPath.js";
+import { ELEMENT_MARKER_KIND, ElementMarker, OpaqueLeafPredicate, hasElementMarkerDeep, isElementLikeValue, isElementMarker, reviveElementMarkersDeep } from "./config/dist/element-marker.js";
+import { interpolate } from "./config/dist/interpolate.js";
+import { ModeBackedModifierDefinition, ModeBackedModifierInput, ModeBackedModifierLookup, OverrideModeRef, OverrideRow, buildModeBackedModifierLookup, buildNestedModifierUpdate, createModeBackedModifierLookup, mergeModifierUpdates, modifierIdToPath, modifierPathToId, modifierTreeToOverrideRows, overrideRowsToModifierTree, resolveOverrideRowValue } from "./config/dist/token-override-rows.js";
+import { rem } from "./config/dist/units.js";
+export { ASSET_CLASS_CAPABILITIES, AnyRef, AnyStylePropDefinition, ArbitrarySpec, AssetGroup, AssetGroupBuilder, AssetGroupConfig, AssetGroupDefinition, AssetGroupName, AssetGroupRef, AssetKind, BaseStyles, BooleanMarker, BoundComponent, BuildOptions, CSS_GLOBAL_KEYWORDS, CSS_PROPERTY_KEYWORDS, ColorCssProperty, ColorExpression, ColorFn, ColorKeyword, ColorSpace, ColorValue, Component, ComponentBuilder, ComponentBuilderMethods, ComponentDefinition, ComponentGroup, ComponentGroupDefinition, ComponentKind, ComponentMetadata, ComponentName, ComponentRef, ComponentRenderFn, CompositeInfo, CompositeName, CompositeRef, CompositeRefBuilder, CompositeStyle, CompositeStyleDefinition, CompositeStyleObject, CompoundPropsEntry, Config, ConfigCallbackHelpers, Css, CssAngle, CssClassName, CssColor, CssDeclaration, CssGlobalKeyword, CssLength, CssMotionDef, CssMotionDefinition, CssPercentage, CssPropertyName, CssPropertyValues, CssPropertyWithKeywords, CssRatio, CssSelector, CssTime, CssValue, CssValueTypeName, CssVar, CssVarRef, DataAttrs, DefineComponentFn, DefinedComponent, DefinedProvider, DefinedStyleProp, DefinedTokenGroup, DependenciesQuery, DependencyKind, DependencyRef, DependentsQuery, ELEMENT_MARKER_KIND, ElementMarker, FontAssetGroupConfig, FontAssetGroupDefinition, FontAssetMember, FunctionInfo, GlobalStylesDef, GradientStop, GradientValue, HexColor, HslColor, IconAssetGroupConfig, IconAssetGroupDefinition, IconAssetMember, IconAssetMetadata, JsMotionDef, JsMotionDefinition, Layer, LayerInput, LayerMarker, LengthOrPercent, LineDirection, LinearGradientExpr, LiteralFor, MixExpr, Mode, ModeBackedModifierDefinition, ModeBackedModifierInput, ModeBackedModifierLookup, ModeDefinition, ModeName, ModeOption, ModeOptionDefinition, ModeRef, Modifier, ModifierDefinition, MotionDef, MotionDefinitionInput, MotionKeyframes, MotionStateKeyframe, MotionTransition, NumberMarker, OpacityPairSpec, OpaqueLeafPredicate, OverrideModeRef, OverrideRow, PREVIEW_SEED_KEY, PreviewAxisMarker, PreviewCallbackHelpers, PreviewDefinition, PreviewPropsRule, PrimitivePropKind, PropBase, PropBinding, PropInfo, PropKind, Provider, RadialGradientExpr, RadialSize, RegisteredAssetGroups, RegisteredComponents, RegisteredCompositeStyles, RegisteredModes, RegisteredModifiers, RegisteredMotionDefs, RegisteredStyleProps, RegisteredTokenGroups, RequiredBrand, ResolvedCompoundOverrides, ResolvedTokenLiteral, RgbColor, SOURCE_PATH_KEY, SerializedAssetGroup, SerializedComponentGroup, SerializedConfig, SerializedFontAssetGroup, SerializedIconAssetGroup, SerializedTokenGroup, SlotInfo, SlotMarker, SlotMotion, SlotRef, SlotValueKind, SlotValueType, StringMarker, StyleProp, StylePropDefinition, StylePropInfo, StylePropKeyword, StylePropMetadata, StylePropName, StylePropProperty, StylePropRef, StylePropTokenUsage, TagName, TagRef, Token, TokenDefinition, TokenGroup, TokenGroupDefinition, TokenGroupMetadata, TokenGroupName, TokenGroupRef, TokenModifierKey, TokenModifierValue, TokenName, TokenQualifiedName, TokenRef, TokenRefToCss, TokenType, TokenValue, TypedSlotRef, ValuesEntry, VariantInfo, VariantMarker, VariantMarkerArray, VariantMarkerObject, alpha, assetGroup, attachSourcePath, boolean, buildModeBackedModifierLookup, buildNestedModifierUpdate, captureCallerPath, component, composite, createModeBackedModifierLookup, cssClassName, cssDeclaration, cssSelector, cssVar, defineAssetGroup, defineAssetIcon, defineComponent, defineComponentGroup, defineCompositeStyle, defineMode, defineModifier, defineMotion, defineProvider, defineStyleProp, defineTokenGroup, hasElementMarkerDeep, interpolate, isAssetGroupRef, isBoolMarker, isColorExpression, isComponentRef, isCompositeRef, isElementLikeValue, isElementMarker, isLayerMarker, isLinearGradientExpr, isMixExpr, isModeRef, isNumberMarker, isPlaceable, isPreviewAxisMarker, isRadialGradientExpr, isSlotMarker, isStringMarker, isStylePropRef, isTagRef, isTokenGroupRef, isTokenRef, isVariantArrayMarker, isVariantMarker, linearGradient, makeTokenRefToCss, matchesPreviewWhen, mergeModifierUpdates, mix, mode, modifierIdToPath, modifierPathToId, modifierTreeToOverrideRows, number, overrideRowsToModifierTree, parseRegistryKey, radialGradient, readSourcePath, rem, resolveColorExpression, resolveOverrideRowValue, resolvePreviewRules, reviveElementMarkersDeep, slot, string, styleProp, tag, token, tokenGroup, variant };

package/dist/config.js

@@ -1,17 +1,29 @@
-import { buildStylePropClassName } from "./config/dist/className.js";
-import { bool, composite, enums, hidden, slot, string, styleProp, token, tokenGroup } from "./config/dist/component-config.js";
-import { PROPERTY_ACCEPTED_TYPES, isTokenAcceptedByProperty } from "./config/dist/propertyAcceptedTypes.js";
-import { darken, isTokenWithModifier, lighten, resolveTokenValue, resolveTokenWithModifier } from "./config/dist/refs.js";
-import { sniffTokenTypeFromValue } from "./config/dist/sniffTokenType.js";
-import { detectTokenValueType, getColorOpacityMap, resolveStyleProp } from "./config/dist/resolveStyleProp.js";
-import { buildCompositeStylesReference, buildTokenReference, convertModesInputToGroups, createConfigBuilder, darker, interpolate, lighter, rem, resolveConfig, uds } from "./config/dist/createConfig.js";
-import { createStyler } from "./config/dist/createStyler.js";
-import { defineComponent } from "./config/dist/defineComponent.js";
-import { defineCompositeStyle } from "./config/dist/defineCompositeStyle.js";
-import { definePreview } from "./config/dist/definePreview.js";
-import { defineStyleProp } from "./config/dist/defineStyleProp.js";
-import { applyCompoundProps, isLayerHidden, resolveCompoundProps } from "./config/dist/resolveCompoundProps.js";
-import { buildReverseMap, deserializeConfig, serializeConfig } from "./config/dist/serialize.js";
-import { BUILT_IN_PSEUDO, buildStylePropRuntime, processStyleProps } from "./config/dist/style-prop-runtime.js";
+import { cssClassName, cssDeclaration, cssSelector, cssVar } from "./config/dist/brands.js";
+import { makeTokenRefToCss } from "./config/dist/entity-utils.js";
+import { AssetGroup } from "./config/dist/AssetGroup.js";
+import { ASSET_CLASS_CAPABILITIES, isPlaceable } from "./config/dist/asset-kind.js";
+import { SOURCE_PATH_KEY, attachSourcePath, captureCallerPath, readSourcePath } from "./config/dist/captureCallerPath.js";
+import { assetGroup, component, composite, isAssetGroupRef, isComponentRef, isCompositeRef, isModeRef, isStylePropRef, isTagRef, isTokenGroupRef, isTokenRef, mode, styleProp, tag, token, tokenGroup } from "./config/dist/refs.js";
+import { alpha, isColorExpression, isLinearGradientExpr, isMixExpr, isRadialGradientExpr, linearGradient, mix, radialGradient, resolveColorExpression } from "./config/dist/colorExpressions.js";
+import { defineAssetGroup, defineAssetIcon } from "./config/dist/defineAssetGroup.js";
+import { ELEMENT_MARKER_KIND, hasElementMarkerDeep, isElementLikeValue, isElementMarker, reviveElementMarkersDeep } from "./config/dist/element-marker.js";
+import { PREVIEW_SEED_KEY, isBoolMarker, isLayerMarker, isNumberMarker, isPreviewAxisMarker, isSlotMarker, isStringMarker, isVariantArrayMarker, isVariantMarker, matchesPreviewWhen, resolvePreviewRules } from "./config/dist/markers.js";
+import { Component, Layer } from "./config/dist/Component.js";
+import { ComponentGroup } from "./config/dist/ComponentGroup.js";
+import { CompositeStyle } from "./config/dist/CompositeStyle.js";
+import { Mode, ModeOption } from "./config/dist/Mode.js";
+import { Modifier } from "./config/dist/Modifier.js";
+import { CssMotionDef, JsMotionDef } from "./config/dist/MotionDef.js";
+import { Provider } from "./config/dist/Provider.js";
+import { StyleProp } from "./config/dist/StyleProp.js";
+import { Token } from "./config/dist/Token.js";
+import { TokenGroup } from "./config/dist/TokenGroup.js";
+import { Config, parseRegistryKey } from "./config/dist/Config.js";
+import { defineProvider } from "./config/dist/defineProvider.js";
+import { boolean, defineComponent, defineComponentGroup, defineCompositeStyle, defineMode, defineModifier, defineMotion, defineStyleProp, defineTokenGroup, number, slot, string, variant } from "./config/dist/factories.js";
+import { interpolate } from "./config/dist/interpolate.js";
+import { buildModeBackedModifierLookup, buildNestedModifierUpdate, createModeBackedModifierLookup, mergeModifierUpdates, modifierIdToPath, modifierPathToId, modifierTreeToOverrideRows, overrideRowsToModifierTree, resolveOverrideRowValue } from "./config/dist/token-override-rows.js";
+import { CSS_GLOBAL_KEYWORDS, CSS_PROPERTY_KEYWORDS } from "./config/dist/types/css-property-keywords.js";
+import { rem } from "./config/dist/units.js";
 import "./config/dist/index.js";
-export { BUILT_IN_PSEUDO, PROPERTY_ACCEPTED_TYPES, applyCompoundProps, bool, buildCompositeStylesReference, buildReverseMap, buildStylePropClassName, buildStylePropRuntime, buildTokenReference, composite, convertModesInputToGroups, createConfigBuilder, createStyler, darken, darker, defineComponent, defineCompositeStyle, definePreview, defineStyleProp, deserializeConfig, detectTokenValueType, enums, getColorOpacityMap, hidden, interpolate, isLayerHidden, isTokenAcceptedByProperty, isTokenWithModifier, lighten, lighter, processStyleProps, rem, resolveCompoundProps, resolveConfig, resolveStyleProp, resolveTokenValue, resolveTokenWithModifier, serializeConfig, slot, sniffTokenTypeFromValue, string, styleProp, token, tokenGroup, uds };
+export { ASSET_CLASS_CAPABILITIES, AssetGroup, CSS_GLOBAL_KEYWORDS, CSS_PROPERTY_KEYWORDS, Component, ComponentGroup, CompositeStyle, Config, CssMotionDef, ELEMENT_MARKER_KIND, JsMotionDef, Layer, Mode, ModeOption, Modifier, PREVIEW_SEED_KEY, Provider, SOURCE_PATH_KEY, StyleProp, Token, TokenGroup, alpha, assetGroup, attachSourcePath, boolean, buildModeBackedModifierLookup, buildNestedModifierUpdate, captureCallerPath, component, composite, createModeBackedModifierLookup, cssClassName, cssDeclaration, cssSelector, cssVar, defineAssetGroup, defineAssetIcon, defineComponent, defineComponentGroup, defineCompositeStyle, defineMode, defineModifier, defineMotion, defineProvider, defineStyleProp, defineTokenGroup, hasElementMarkerDeep, interpolate, isAssetGroupRef, isBoolMarker, isColorExpression, isComponentRef, isCompositeRef, isElementLikeValue, isElementMarker, isLayerMarker, isLinearGradientExpr, isMixExpr, isModeRef, isNumberMarker, isPlaceable, isPreviewAxisMarker, isRadialGradientExpr, isSlotMarker, isStringMarker, isStylePropRef, isTagRef, isTokenGroupRef, isTokenRef, isVariantArrayMarker, isVariantMarker, linearGradient, makeTokenRefToCss, matchesPreviewWhen, mergeModifierUpdates, mix, mode, modifierIdToPath, modifierPathToId, modifierTreeToOverrideRows, number, overrideRowsToModifierTree, parseRegistryKey, radialGradient, readSourcePath, rem, resolveColorExpression, resolveOverrideRowValue, resolvePreviewRules, reviveElementMarkersDeep, slot, string, styleProp, tag, token, tokenGroup, variant };

package/dist/loader/dist/loader/artifacts.js

@@ -1,5 +1,9 @@
 import fs from "node:fs";
 //#region ../loader/dist/loader/artifacts.js
+/**
+* `.uds/config.json` IS the serialized config — no envelope. Parse and
+* cache by file mtime so subsequent transforms reuse the same object.
+*/
 function createCachedJsonLoader() {
 	let cached = null;
 	let cachedPath = null;
@@ -27,17 +31,30 @@ function createCachedJsonLoaderWithSeed() {
 			if (seededPath === filePath && seededData) return seededData;
 			return loader(filePath, isDev);
 		},
-		seed: (filePath, data) => {
+		seed: (filePath, config) => {
 			seededPath = filePath;
-			seededData = data;
+			seededData = config;
 		}
 	};
 }
-const manifestLoader = createCachedJsonLoaderWithSeed();
-const transformDataLoader = createCachedJsonLoaderWithSeed();
-const loadManifest = manifestLoader.load;
-manifestLoader.seed;
-transformDataLoader.load;
-transformDataLoader.seed;
+const configLoader = createCachedJsonLoaderWithSeed();
+const loadUdsConfig = configLoader.load;
+configLoader.seed;
+const projectionCache = /* @__PURE__ */ new WeakMap();
+/**
+* Build (or return a cached) projection of the config for the loader's
+* hot path. Keyed by config object identity. The cache survives across
+* transforms within one process; reloading `.uds/manifest.json`
+* produces a fresh object, which transparently invalidates the
+* projection.
+*/
+function getLoaderProjection(config) {
+	const cached = projectionCache.get(config);
+	if (cached) return cached;
+	const components = config.components ?? {};
+	const projection = { componentNames: new Set(Object.keys(components)) };
+	projectionCache.set(config, projection);
+	return projection;
+}
 //#endregion
-export { loadManifest };
+export { getLoaderProjection, loadUdsConfig };

package/dist/loader/dist/loader.d.ts

@@ -3,31 +3,19 @@ import { LoaderDefinitionFunction } from "webpack";
 //#region ../loader/dist/loader.d.ts
 //#region src/loader.d.ts
 /**
- * The UDS loader's only build-time job. Three responsibilities, one
- * Babel pass:
+ * The UDS loader's only build-time job: rewrite alias-prefixed local
+ * imports of registered UDS components from `@/uds/components/<seg>`
+ * (the authoring file) to `'#uds/components/<seg>'` (the codegen-
+ * emitted per-source-file module at `.uds/components/<seg>.tsx`).
  *
- *  1. **Import rewrite** — when the source imports a registered
- *     component from an aliased local path (e.g.
- *     `@/uds/components/box`), rewrite the import source to
- *     `'#uds/components'` so it resolves to the codegen-emitted
- *     `.uds/components.tsx` barrel. The authoring file
- *     (`apps/<app>/src/uds/components/<name>.tsx`) is only read by
- *     codegen — production renders the downleveled FC.
+ * The authoring file is read only by codegen — production renders the
+ * downleveled FC. Per-file targets keep Next.js Fast Refresh surgical:
+ * editing one authoring source only invalidates that one downleveled
+ * module.
  *
- *  2. **Static primitive JSX lowering** — when a JSX site references a
- *     registered primitive (`type: 'primitive'` + non-empty
- *     `propBindings` in the manifest), try `lowerNewApiPrimitiveJsx`
- *     to bake a literal `className="bg-primary"` into the output.
- *     Skips the codegen FC's runtime className concatenation entirely
- *     in the all-static case. Falls through to the runtime FC when
- *     lowering bails.
- *
- *  3. **Dev-mode metadata** — inject `data-uds-id` + `data-uds-source`
- *     attrs onto every UDS JSX site so devtools can map elements
- *     back to source positions. Off in production.
- *
- * Anything else (motion wiring, composite expansion, slot resolution,
- * styler tracking) is owned by codegen and intentionally absent here.
+ * No JSX-site work: composite / variant / bool / style-prop resolution
+ * and motion wiring are owned by the codegen-emitted FC. The loader
+ * only changes import sources.
  */
 declare const transformLoader: LoaderDefinitionFunction;
 declare const normal: LoaderDefinitionFunction<{}, {}>; //#endregion

package/dist/loader/dist/loader.js

@@ -1,56 +1,39 @@
-import { loadManifest } from "./loader/artifacts.js";
-import { injectInternalUdsProps } from "./loader/internal-meta.js";
-import { lowerNewApiPrimitiveJsx } from "./loader/lower-new-api-primitive.js";
-import path from "node:path";
-import * as t from "@babel/types";
-import _generate from "@babel/generator";
+import { getLoaderProjection, loadUdsConfig } from "./loader/artifacts.js";
 import { parse } from "@babel/parser";
 import _traverse from "@babel/traverse";
 //#region ../loader/dist/loader.js
 const traverse = _traverse.default ?? _traverse;
-const generate = _generate.default ?? _generate;
 /**
-* The UDS loader's only build-time job. Three responsibilities, one
-* Babel pass:
+* The UDS loader's only build-time job: rewrite alias-prefixed local
+* imports of registered UDS components from `@/uds/components/<seg>`
+* (the authoring file) to `'#uds/components/<seg>'` (the codegen-
+* emitted per-source-file module at `.uds/components/<seg>.tsx`).
 *
-*  1. **Import rewrite** — when the source imports a registered
-*     component from an aliased local path (e.g.
-*     `@/uds/components/box`), rewrite the import source to
-*     `'#uds/components'` so it resolves to the codegen-emitted
-*     `.uds/components.tsx` barrel. The authoring file
-*     (`apps/<app>/src/uds/components/<name>.tsx`) is only read by
-*     codegen — production renders the downleveled FC.
+* The authoring file is read only by codegen — production renders the
+* downleveled FC. Per-file targets keep Next.js Fast Refresh surgical:
+* editing one authoring source only invalidates that one downleveled
+* module.
 *
-*  2. **Static primitive JSX lowering** — when a JSX site references a
-*     registered primitive (`type: 'primitive'` + non-empty
-*     `propBindings` in the manifest), try `lowerNewApiPrimitiveJsx`
-*     to bake a literal `className="bg-primary"` into the output.
-*     Skips the codegen FC's runtime className concatenation entirely
-*     in the all-static case. Falls through to the runtime FC when
-*     lowering bails.
-*
-*  3. **Dev-mode metadata** — inject `data-uds-id` + `data-uds-source`
-*     attrs onto every UDS JSX site so devtools can map elements
-*     back to source positions. Off in production.
-*
-* Anything else (motion wiring, composite expansion, slot resolution,
-* styler tracking) is owned by codegen and intentionally absent here.
+* No JSX-site work: composite / variant / bool / style-prop resolution
+* and motion wiring are owned by the codegen-emitted FC. The loader
+* only changes import sources.
 */
 const transformLoader = function(source) {
 	const loaderContext = this ?? void 0;
 	if (!loaderContext?.getOptions) return source;
-	const { manifestPath, isDev, skipWatchDependencies } = loaderContext.getOptions();
-	const transformDataPath = path.join(path.dirname(manifestPath), "motion-transform-data.json");
-	const projectRoot = path.dirname(path.dirname(manifestPath));
+	const { dataPath, isDev, skipWatchDependencies } = loaderContext.getOptions();
 	const resourcePath = loaderContext.resourcePath ?? "";
 	if (resourcePath.includes(".uds/")) return source;
-	if (!skipWatchDependencies) {
-		loaderContext.addDependency?.(manifestPath);
-		loaderContext.addDependency?.(transformDataPath);
+	if (!skipWatchDependencies) loaderContext.addDependency?.(dataPath);
+	const config = loadUdsConfig(dataPath, isDev);
+	if (!config) return source;
+	const projection = getLoaderProjection(config);
+	let hasComponentReference = false;
+	for (const name of projection.componentNames) if (source.includes(name)) {
+		hasComponentReference = true;
+		break;
 	}
-	const manifest = loadManifest(manifestPath, isDev);
-	if (!manifest) return source;
-	if (!Object.keys(manifest.components).some((name) => source.includes(name))) return source;
+	if (!hasComponentReference) return source;
 	const isTS = resourcePath?.endsWith(".ts") || resourcePath?.endsWith(".tsx");
 	const isJSX = resourcePath?.endsWith(".tsx") || resourcePath?.endsWith(".jsx");
 	const parserPlugins = [];
@@ -65,67 +48,39 @@ const transformLoader = function(source) {
 	} catch {
 		return source;
 	}
-	let transformed = false;
-	const udsImportedNames = /* @__PURE__ */ new Set();
-	traverse(ast, {
-		ImportDeclaration(nodePath) {
-			const importSource = nodePath.node.source?.value;
-			if (!importSource) return;
-			if (!(!importSource.startsWith(".") && !importSource.startsWith("/"))) return;
-			let shouldRewriteSource = false;
-			for (const specifier of nodePath.node.specifiers) {
-				if (specifier.type !== "ImportSpecifier") continue;
-				const importedName = specifier.imported?.type === "Identifier" ? specifier.imported.name : void 0;
-				const localName = specifier.local?.name;
-				if (!importedName || !localName) continue;
-				if (Object.hasOwn(manifest.components, importedName)) {
-					udsImportedNames.add(localName);
-					shouldRewriteSource = true;
-				}
-			}
-			if (!shouldRewriteSource && /\/uds\/components\/[^/]+$/.test(importSource)) {
-				const tail = importSource.split("/").pop();
-				if (tail) {
-					const pascal = tail.split("-").filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join("");
-					if (Object.hasOwn(manifest.components, pascal)) shouldRewriteSource = true;
-				}
-			}
-			if (shouldRewriteSource) {
-				nodePath.node.source.value = "#uds/components";
-				transformed = true;
-			}
-		},
-		JSXOpeningElement(nodePath) {
-			const jsxName = nodePath.node.name;
-			const jsxTagName = jsxName?.type === "JSXIdentifier" ? jsxName.name : void 0;
-			if (!jsxTagName) return;
-			if (!udsImportedNames.has(jsxTagName)) return;
-			const componentEntry = manifest.components[jsxTagName];
-			if (!componentEntry) return;
-			if (isDev) {
-				injectInternalUdsProps(nodePath, resourcePath, projectRoot, {
-					componentName: jsxTagName,
-					slotName: "root"
-				});
-				transformed = true;
-			}
-			if (!componentEntry.propBindings) return;
-			if (componentEntry.type !== "primitive") return;
-			if (nodePath.node.attributes.some((attr) => attr.type === "JSXAttribute" && attr.name?.type === "JSXIdentifier" && attr.name.name === "motion")) return;
-			const closingElement = (nodePath.parentPath?.node)?.closingElement ?? null;
-			if (lowerNewApiPrimitiveJsx(nodePath.node, closingElement, {
-				tag: componentEntry.element,
-				propBindings: componentEntry.propBindings,
-				defaultClassNames: componentEntry.defaultClassNames ?? [],
-				componentName: jsxTagName
-			}, t)) transformed = true;
+	const edits = [];
+	traverse(ast, { ImportDeclaration(nodePath) {
+		const importSource = nodePath.node.source?.value;
+		if (!importSource) return;
+		if (!(!importSource.startsWith(".") && !importSource.startsWith("/"))) return;
+		let shouldRewriteSource = false;
+		for (const specifier of nodePath.node.specifiers) {
+			if (specifier.type !== "ImportSpecifier") continue;
+			const importedName = specifier.imported?.type === "Identifier" ? specifier.imported.name : void 0;
+			if (!importedName) continue;
+			if (projection.componentNames.has(importedName)) shouldRewriteSource = true;
+		}
+		const segmentMatch = importSource.match(/\/uds\/components\/([^/]+)$/);
+		if (!shouldRewriteSource && segmentMatch) {
+			const pascal = segmentMatch[1].split("-").filter(Boolean).map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join("");
+			if (projection.componentNames.has(pascal)) shouldRewriteSource = true;
+		}
+		if (shouldRewriteSource && segmentMatch) {
+			const sourceNode = nodePath.node.source;
+			if (typeof sourceNode.start !== "number" || typeof sourceNode.end !== "number") return;
+			const quote = source[sourceNode.start] ?? "'";
+			edits.push({
+				start: sourceNode.start,
+				end: sourceNode.end,
+				value: `${quote}#uds/components/${segmentMatch[1]}${quote}`
+			});
 		}
-	});
-	if (!transformed) return source;
-	return generate(ast, {
-		retainLines: true,
-		sourceMaps: false
-	}).code;
+	} });
+	if (edits.length === 0) return source;
+	edits.sort((a, b) => b.start - a.start);
+	let output = source;
+	for (const edit of edits) output = output.slice(0, edit.start) + edit.value + output.slice(edit.end);
+	return output;
 };
 const normal = transformLoader;
 //#endregion

package/dist/loader/dist/next.js

@@ -7,14 +7,14 @@ function resolveLoaderPath() {
 function applyUds(nextConfig, options) {
 	const outputDir = options?.outputDir ?? ".uds";
 	const skipWatch = options?.skipWatchDependencies ?? false;
-	const manifestPath = path.resolve(process.cwd(), outputDir, "meta-loader.json");
+	const dataPath = path.resolve(process.cwd(), outputDir, "config.json");
 	const loaderPath = resolveLoaderPath();
 	const turbopack = nextConfig.turbopack ?? {};
 	const existingRules = turbopack.rules ?? {};
 	const udsLoader = {
 		loader: loaderPath,
 		options: {
-			manifestPath,
+			dataPath,
 			isDev: true,
 			skipWatchDependencies: skipWatch
 		}
@@ -45,7 +45,7 @@ function applyUds(nextConfig, options) {
 				use: [{
 					loader: loaderPath,
 					options: {
-						manifestPath,
+						dataPath,
 						isDev: webpackOptions.dev,
 						skipWatchDependencies: skipWatch
 					}

package/dist/loader/dist/transform-runner.js

@@ -1,14 +1,7 @@
-import "../../config/dist/index.js";
 import "./loader/artifacts.js";
 import "./loader.js";
 import "./loader/babel-utils.js";
-import "../../codegen/dist/loader/getLoaderArtifacts.js";
+import "@babel/parser";
 import "node:path";
 import "@babel/types";
-import "@babel/parser";
 import "node:zlib";
-//#region ../loader/dist/transform-runner.js
-const VIRTUAL_ARTIFACTS_DIR = "/virtual/uds-loader-artifacts";
-`${VIRTUAL_ARTIFACTS_DIR}`;
-`${VIRTUAL_ARTIFACTS_DIR}`;
-//#endregion

package/dist/loader/dist/unplugin.d.ts

@@ -4,9 +4,9 @@ import * as _$unplugin from "unplugin";
 //#region src/unplugin.d.ts
 interface UdsPluginOptions {
   /**
-   * Path to `.uds/meta-loader.json` (default: `<cwd>/.uds/meta-loader.json`)
+   * Path to `.uds/config.json` (default: `<cwd>/.uds/config.json`)
    */
-  manifestPath?: string;
+  dataPath?: string;
   /**
    * Enable development-only metadata transforms.
    * Defaults to `process.env.NODE_ENV !== 'production'`.

package/dist/loader/dist/unplugin.js

@@ -21,7 +21,7 @@ function matchesFilters(id, includes, excludes) {
 const udsPlugin = createUnplugin((options = {}) => {
 	const includePatterns = toArray(options.include ?? DEFAULT_INCLUDE);
 	const excludePatterns = toArray(options.exclude);
-	const manifestPath = path.resolve(process.cwd(), options.manifestPath ?? ".uds/meta-loader.json");
+	const dataPath = path.resolve(process.cwd(), options.dataPath ?? ".uds/config.json");
 	const isDev = options.isDev ?? true;
 	return {
 		name: "uds-unplugin",
@@ -34,7 +34,7 @@ const udsPlugin = createUnplugin((options = {}) => {
 			if (!matchesFilters(resourcePath, includePatterns, excludePatterns)) return null;
 			const transformedCode = transformLoader.call({
 				getOptions: () => ({
-					manifestPath,
+					dataPath,
 					isDev
 				}),
 				addDependency: () => {},