@yahoo/uds-v5-wip 1.60.0 → 1.62.0

package/dist/config.js

@@ -1,22 +1,29 @@
-import { defaultColors } from "./config/dist/consts/defaultColors.js";
-import { buildTokenReference, createConfigBuilder, darker, lighter, resolveConfig } from "./config/dist/createConfig.js";
-import { buildReverseMap, deserializeConfig, serializeConfig } from "./config/dist/serialize.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";
-import { defaultPreset as defaultPreset$1 } from "./presets/dist/defaultPreset.js";
-import "./presets/dist/index.js";
-//#region src/config.ts
-/** biome-ignore-all lint/suspicious/noExplicitAny: necessary for dynamic builder */
-const uds = createConfigBuilder({
-	atomic: [],
-	modes: [],
-	modifiers: [],
-	compositeStyles: {},
-	motion: {},
-	components: {},
-	globalStyles: {},
-	preflight: true,
-	prefix: "uds"
-});
-const defaultPreset = defaultPreset$1;
-//#endregion
-export { buildReverseMap, buildTokenReference, createConfigBuilder, darker, defaultColors, defaultPreset, deserializeConfig, lighter, resolveConfig, serializeConfig, 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/_virtual/_rolldown/runtime.js

@@ -1,6 +1,5 @@
 import { createRequire } from "node:module";
 //#region ../loader/dist/_virtual/_rolldown/runtime.js
-var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 //#endregion
-export { __commonJSMin, __require };
+export { __require };

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

@@ -0,0 +1,2 @@
+import { transformLoader } from "./loader.js";
+import { UdsPluginOptions, udsPlugin } from "./unplugin.js";

package/dist/loader/dist/index.js

@@ -0,0 +1,3 @@
+import "./loader.js";
+import "./transform-runner.js";
+import "./unplugin.js";

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;
-const loadTransformData = 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, loadTransformData };
+export { getLoaderProjection, loadUdsConfig };

package/dist/loader/dist/loader/babel-utils.js

@@ -1,29 +1 @@
-import * as t from "@babel/types";
-//#region ../loader/dist/loader/babel-utils.js
-/** JSX function names used by compiled JSX (React, etc.) */
-const COMPILED_JSX_NAMES = new Set([
-	"jsx",
-	"jsxs",
-	"jsxDEV",
-	"_jsx",
-	"_jsxs",
-	"_jsxDEV"
-]);
-/**
-* Check whether a callee expression is a compiled JSX call.
-*
-* Matches:
-* - Direct identifiers: `jsx(...)`, `_jsxs(...)`, `jsxDEV(...)`, etc.
-* - Member expressions: `React.jsx(...)`, `_reactJsxRuntime.jsxs(...)`, etc.
-*/
-function isCompiledJsxCallee(node) {
-	if (!node) return false;
-	if (t.isIdentifier(node)) return COMPILED_JSX_NAMES.has(node.name);
-	if (t.isMemberExpression(node) || t.isOptionalMemberExpression(node)) {
-		if (!node.computed && t.isIdentifier(node.property)) return COMPILED_JSX_NAMES.has(node.property.name);
-		if (node.computed && t.isStringLiteral(node.property)) return COMPILED_JSX_NAMES.has(node.property.value);
-	}
-	return false;
-}
-//#endregion
-export { isCompiledJsxCallee };
+import "@babel/types";

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

@@ -1,7 +1,23 @@
 import { LoaderDefinitionFunction } from "webpack";
 
 //#region ../loader/dist/loader.d.ts
+//#region src/loader.d.ts
+/**
+ * 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`).
+ *
+ * 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.
+ *
+ * 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<{}, {}>;
+declare const normal: LoaderDefinitionFunction<{}, {}>; //#endregion
 //#endregion
 export { normal, transformLoader };

package/dist/loader/dist/loader.js

@@ -1,65 +1,39 @@
-import { componentSlotClass } from "../../utils/dist/string-utils/componentClassName.js";
-import "../../utils/dist/index.js";
-import { loadManifest, loadTransformData } from "./loader/artifacts.js";
-import { isCompiledJsxCallee } from "./loader/babel-utils.js";
-import { canInlineSimpleLoweredComponent, resolveLoweredCreateComponentData } from "./loader/create-component-data.js";
-import { applySlotMotionToElement, clearHoistedMotionStates, componentHasExitMotion, getCustomSlotMotion, getHoistedMotionStates, handleMotionOnElement, wrapCustomComponentWithAnimatePresence, wrapParentConditionalWithAnimatePresence } from "./loader/motion-transform.js";
-import { findClassesParamName, findSlotFromClassNameAttr, findSlotFromPropsSpreadAttr, findSlotPropsParamName, handleCompiledJsxDataAttrs, injectInternalUdsProps } from "./loader/data-attr-transform.js";
-import { buildInlineSimpleLoweredCreateComponentRenderFn, buildInlineSimplePrimitiveCreateComponentRenderFn, buildLoweredCreateComponentConfigExpression, extractOwnPropKeys, inferCreateComponentNameFromAssignment, isCreateComponentRenderFnNode, remapOnPressToOnClickInJsxAttributes } from "./loader/create-component-lowering.js";
-import { lowerNewApiPrimitiveJsx } from "./loader/lower-new-api-primitive.js";
-import { createStyleTransformRuntime } from "./loader/style-transform.js";
-import * as t from "@babel/types";
-import path from "node:path";
-import _traverse from "@babel/traverse";
-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;
-/** Build a custom component set from the manifest (used for motion transform). */
-function getCustomComponents(manifest) {
-	if (!manifest) return null;
-	const custom = /* @__PURE__ */ new Set();
-	for (const [name, entry] of Object.entries(manifest.components)) if (entry.type === "custom") custom.add(name);
-	return custom.size > 0 ? custom : null;
-}
-function isUdsImportSource(importSource) {
-	return importSource.startsWith("uds/") || importSource.startsWith("@uds/") || importSource === "uds";
-}
-function isUdsComponentReference(nodePath, componentName, allUdsComponents, udsImportedNames, createComponentDefinedNames, customComponents) {
-	if (!allUdsComponents.has(componentName)) return false;
-	const binding = nodePath.scope?.getBinding?.(componentName);
-	if (!binding?.path) return udsImportedNames.has(componentName) || createComponentDefinedNames.has(componentName);
-	const bindingNode = binding.path.node;
-	if (bindingNode?.type === "ImportSpecifier" || bindingNode?.type === "ImportDefaultSpecifier" || bindingNode?.type === "ImportNamespaceSpecifier") {
-		const parentNode = binding.path.parent;
-		if (!t.isImportDeclaration(parentNode)) return false;
-		return isUdsImportSource(parentNode.source.value) || customComponents?.has(componentName) === true;
-	}
-	return createComponentDefinedNames.has(componentName);
-}
+/**
+* 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`).
+*
+* 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.
+*
+* 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);
-	const transformData = loadTransformData(transformDataPath, isDev);
-	const styleRuntime = createStyleTransformRuntime(transformData, manifest);
-	const allUdsComponents = styleRuntime.allComponents;
-	const primitiveUdsComponents = styleRuntime.primitiveComponents;
-	const componentTagPatterns = styleRuntime.componentTagPatterns;
-	const hasAnyComponent = source.includes("from 'uds/") || source.includes("from \"@uds/") || source.includes("from 'uds'") || source.includes("from \"uds/") || source.includes("from '@uds/") || source.includes("from \"uds\"") || componentTagPatterns.length > 0 && componentTagPatterns.some((pattern) => source.includes(pattern));
-	const hasCreateComponent = source.includes("createComponent") || source.includes("createComponentStyler");
-	if (!hasAnyComponent && !hasCreateComponent) return source;
-	const customComponents = getCustomComponents(manifest);
+	if (!hasComponentReference) return source;
 	const isTS = resourcePath?.endsWith(".ts") || resourcePath?.endsWith(".tsx");
 	const isJSX = resourcePath?.endsWith(".tsx") || resourcePath?.endsWith(".jsx");
 	const parserPlugins = [];
@@ -74,296 +48,39 @@ const transformLoader = function(source) {
 	} catch {
 		return source;
 	}
-	let transformed = false;
-	const importsToAdd = /* @__PURE__ */ new Map();
-	let hasMotionImport = false;
-	let needsMotionImport = false;
-	let hasAnimatePresenceImport = false;
-	let needsAnimatePresenceImport = false;
-	let needsResolveMotionStateImport = false;
-	let needsProcessStylePropsImport = false;
-	clearHoistedMotionStates();
-	const stylerToComponent = /* @__PURE__ */ new Map();
-	const classesVarToComponent = /* @__PURE__ */ new Map();
-	const slotPropsVarToComponent = /* @__PURE__ */ new Map();
-	const udsImportedNames = /* @__PURE__ */ new Set();
-	const createComponentImportNames = /* @__PURE__ */ new Set();
-	const createVariantsImportNames = /* @__PURE__ */ new Set();
-	const createVariantsClassMaps = /* @__PURE__ */ new Map();
-	const hoistedVariantClassMapNames = /* @__PURE__ */ new Map();
-	const hoistedVariantClassMaps = /* @__PURE__ */ new Map();
-	const createComponentDefinedNames = /* @__PURE__ */ new Set();
-	let needsCreateComponentImportCleanup = false;
-	traverse(ast, {
-		JSXOpeningElement(nodePath) {
-			const jsxName = nodePath.node.name;
-			const jsxTagName = jsxName?.type === "JSXIdentifier" ? jsxName.name : void 0;
-			if (jsxTagName) {
-				const componentEntry = manifest?.components?.[jsxTagName];
-				if (componentEntry?.propBindings && udsImportedNames.has(jsxTagName)) {
-					const closingElement = (nodePath.parentPath?.node)?.closingElement ?? null;
-					if (lowerNewApiPrimitiveJsx(nodePath.node, closingElement, {
-						tag: componentEntry.element,
-						propBindings: componentEntry.propBindings,
-						defaultClassNames: componentEntry.defaultClassNames ?? []
-					}, t)) transformed = true;
-					return;
-				}
-			}
-			if (jsxTagName && !allUdsComponents.has(jsxTagName) && udsImportedNames.has(jsxTagName)) {
-				allUdsComponents.add(jsxTagName);
-				if (!primitiveUdsComponents.has(jsxTagName)) {
-					const manifestEntry = manifest?.components[jsxTagName];
-					if (manifestEntry?.type === "primitive" && manifestEntry.element || transformData?.primitiveElementMap?.[jsxTagName]) primitiveUdsComponents.add(jsxTagName);
-				}
-			}
-			const isUdsJsxTag = jsxTagName && isUdsComponentReference(nodePath, jsxTagName, allUdsComponents, udsImportedNames, createComponentDefinedNames, customComponents);
-			if (isDev && jsxTagName && isUdsJsxTag) {
-				injectInternalUdsProps(nodePath, resourcePath, projectRoot, {
-					componentName: jsxTagName,
-					slotName: "root"
-				});
-				transformed = true;
-			}
-			if (jsxTagName && isUdsJsxTag && remapOnPressToOnClickInJsxAttributes(nodePath.node.attributes)) transformed = true;
-			let motionTransformed = false;
-			if (isUdsJsxTag && handleMotionOnElement(nodePath, manifest, customComponents, primitiveUdsComponents, importsToAdd)) {
-				transformed = true;
-				motionTransformed = true;
-			}
-			if (jsxTagName && customComponents?.has(jsxTagName) && componentHasExitMotion(manifest, jsxTagName)) {
-				if (wrapCustomComponentWithAnimatePresence(nodePath)) {
-					needsAnimatePresenceImport = true;
-					transformed = true;
-				}
-			}
-			if (isUdsJsxTag && styleRuntime.transformUdsComponentStyleProps(nodePath, createVariantsClassMaps, hoistedVariantClassMapNames, hoistedVariantClassMaps)) transformed = true;
-			if (!motionTransformed && jsxTagName && isUdsJsxTag && primitiveUdsComponents.has(jsxTagName)) {
-				const baseElement = (manifest?.components[jsxTagName])?.element ?? transformData?.primitiveElementMap?.[jsxTagName];
-				if (baseElement) {
-					let resolvedElement = baseElement;
-					const asAttrIndex = nodePath.node.attributes.findIndex((attr) => t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name) && attr.name.name === "as");
-					if (asAttrIndex >= 0) {
-						const asAttr = nodePath.node.attributes[asAttrIndex];
-						if (t.isStringLiteral(asAttr.value)) {
-							resolvedElement = asAttr.value.value;
-							nodePath.node.attributes.splice(asAttrIndex, 1);
-						} else if (t.isJSXExpressionContainer(asAttr.value) && t.isStringLiteral(asAttr.value.expression)) {
-							resolvedElement = asAttr.value.expression.value;
-							nodePath.node.attributes.splice(asAttrIndex, 1);
-						}
-					}
-					const slotClassName = transformData?.componentClassData?.[jsxTagName]?.slotClassNames?.root ?? componentSlotClass(jsxTagName, "root");
-					nodePath.node.name = t.jsxIdentifier(resolvedElement);
-					const existingClassAttr = nodePath.node.attributes.find((attr) => t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name) && attr.name.name === "className");
-					if (existingClassAttr && t.isJSXAttribute(existingClassAttr)) {
-						if (t.isStringLiteral(existingClassAttr.value)) existingClassAttr.value = t.stringLiteral(`${slotClassName} ${existingClassAttr.value.value}`);
-						else if (t.isJSXExpressionContainer(existingClassAttr.value) && !t.isJSXEmptyExpression(existingClassAttr.value.expression)) if (t.isStringLiteral(existingClassAttr.value.expression)) existingClassAttr.value = t.jsxExpressionContainer(t.stringLiteral(`${slotClassName} ${existingClassAttr.value.expression.value}`));
-						else existingClassAttr.value = t.jsxExpressionContainer(t.templateLiteral([t.templateElement({
-							raw: `${slotClassName} `,
-							cooked: `${slotClassName} `
-						}, false), t.templateElement({
-							raw: "",
-							cooked: ""
-						}, true)], [existingClassAttr.value.expression]));
-					} else nodePath.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("className"), t.stringLiteral(slotClassName)));
-					const parent = nodePath.parent;
-					if (parent?.type === "JSXElement" && parent.closingElement?.name?.type === "JSXIdentifier") parent.closingElement.name = t.jsxIdentifier(resolvedElement);
-					transformed = true;
-				}
-			}
-			const classNameSlotInfo = findSlotFromClassNameAttr(nodePath.node.attributes, classesVarToComponent, stylerToComponent, slotPropsVarToComponent);
-			const slotInfo = findSlotFromPropsSpreadAttr(nodePath.node.attributes, slotPropsVarToComponent) ?? classNameSlotInfo;
-			if (!slotInfo) return;
-			const slotMotion = getCustomSlotMotion(manifest, slotInfo);
-			if (slotMotion) {
-				const motionResult = applySlotMotionToElement(nodePath, slotMotion);
-				if (motionResult.transformed) {
-					transformed = true;
-					needsMotionImport = true;
-				}
-				if (motionResult.needsResolveMotionStateImport) needsResolveMotionStateImport = true;
-				if (motionResult.transformed && slotMotion.exit) {
-					if (wrapParentConditionalWithAnimatePresence(nodePath)) needsAnimatePresenceImport = true;
-				}
-			}
-			if (nodePath.node.attributes.some((attr) => attr.type === "JSXAttribute" && attr.name?.name === "data-uds-slot")) return;
-			nodePath.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("data-uds-slot"), t.stringLiteral(slotInfo.slotName)), t.jsxAttribute(t.jsxIdentifier("data-uds-component"), t.stringLiteral(slotInfo.componentName)));
-			transformed = true;
-		},
-		ImportDeclaration(nodePath) {
-			const importSource = nodePath.node.source?.value;
-			if (!importSource) return;
-			if (importSource === "motion/react") {
-				for (const specifier of nodePath.node.specifiers) if (specifier.type === "ImportSpecifier" && specifier.imported?.type === "Identifier") {
-					if (specifier.imported.name === "motion") hasMotionImport = true;
-					if (specifier.imported.name === "AnimatePresence") hasAnimatePresenceImport = true;
-				}
-			}
-			if (!isUdsImportSource(importSource)) return;
-			for (const specifier of nodePath.node.specifiers) {
-				const localName = specifier.local?.name;
-				if (localName) udsImportedNames.add(localName);
-			}
-			for (const specifier of nodePath.node.specifiers) {
-				if (specifier.type !== "ImportSpecifier") continue;
-				const importedName = specifier.imported?.type === "Identifier" ? specifier.imported.name : specifier.imported?.value;
-				if (!importedName) continue;
-				const match = importedName.match(/^get(\w+)Styles$/);
-				if (match) {
-					const localName = specifier.local?.name ?? importedName;
-					stylerToComponent.set(localName, match[1]);
-				}
-				if (importedName === "createVariants") {
-					const localName = specifier.local?.name ?? importedName;
-					createVariantsImportNames.add(localName);
-					continue;
-				}
-				if (importedName === "createComponent") {
-					const localName = specifier.local?.name ?? importedName;
-					createComponentImportNames.add(localName);
-				}
-			}
-		},
-		VariableDeclarator(nodePath) {
-			const init = nodePath.node.init;
-			if (!init) return;
-			const id = nodePath.node.id;
-			if (init.type === "CallExpression" && init.callee?.type === "Identifier" && createVariantsImportNames.has(init.callee.name) && id?.type === "Identifier") {
-				const variantClassMap = styleRuntime.extractVariantClassMapFromCreateVariantsCall(init);
-				if (variantClassMap) createVariantsClassMaps.set(id.name, variantClassMap);
-				return;
-			}
-			if (init.type === "CallExpression" && init.callee?.type === "Identifier" && init.callee.name === "createComponentStyler" && init.arguments[0]?.type === "StringLiteral" && id?.type === "Identifier") {
-				stylerToComponent.set(id.name, init.arguments[0].value);
-				return;
-			}
-			if (init.type === "CallExpression" && init.callee?.type === "Identifier" && id?.type === "Identifier") {
-				const componentName = stylerToComponent.get(init.callee.name);
-				if (componentName) classesVarToComponent.set(id.name, componentName);
-				return;
-			}
-			if (init.type === "CallExpression" && init.callee?.type === "MemberExpression" && init.callee.property?.name === "resolve" && init.callee.object?.type === "Identifier" && id?.type === "ObjectPattern") {
-				const componentName = stylerToComponent.get(init.callee.object.name);
-				if (componentName) {
-					for (const prop of id.properties) if (prop.type === "ObjectProperty" && prop.key?.type === "Identifier" && prop.key.name === "classes") {
-						const valueName = prop.value?.type === "Identifier" ? prop.value.name : "classes";
-						classesVarToComponent.set(valueName, componentName);
-						break;
-					}
-				}
-			}
-		},
-		CallExpression(nodePath) {
-			const callee = nodePath.node.callee;
-			if (callee.type !== "Identifier") return;
-			if (isCompiledJsxCallee(callee)) {
-				const firstArg = nodePath.node.arguments[0];
-				if (t.isIdentifier(firstArg) && isUdsComponentReference(nodePath, firstArg.name, allUdsComponents, udsImportedNames, createComponentDefinedNames, customComponents) && styleRuntime.transformCompiledJsxStyleProps(nodePath.node, hoistedVariantClassMapNames, hoistedVariantClassMaps)) transformed = true;
-				const compiledResult = handleCompiledJsxDataAttrs(nodePath.node, classesVarToComponent, stylerToComponent, slotPropsVarToComponent, manifest);
-				if (compiledResult.transformed) transformed = true;
-				if (compiledResult.needsMotionImport) needsMotionImport = true;
-				if (compiledResult.needsResolveMotionStateImport) needsResolveMotionStateImport = true;
-				return;
-			}
-			const isCreateComponentCall = createComponentImportNames.has(callee.name) || createComponentImportNames.size === 0 && callee.name === "createComponent";
-			if (!isCreateComponentCall) return;
-			const args = nodePath.node.arguments;
-			const componentName = inferCreateComponentNameFromAssignment(nodePath);
-			if (!componentName) return;
-			createComponentDefinedNames.add(componentName);
-			let renderFn = null;
-			if (isCreateComponentCall) {
-				if (args.length >= 2 && args[0]?.type === "StringLiteral" && isCreateComponentRenderFnNode(args[1])) throw nodePath.buildCodeFrameError("createComponent(\"Name\", renderFn) is no longer supported. Use createComponent(renderFn).");
-				const isPrimitiveCreateComponentCall = args.length === 1 && t.isStringLiteral(args[0]);
-				if (!(args.length === 1 && isCreateComponentRenderFnNode(args[0])) && !isPrimitiveCreateComponentCall) return;
-				if (isCreateComponentRenderFnNode(args[0])) renderFn = args[0];
-			}
-			if (renderFn) {
-				const classesParam = findClassesParamName(renderFn);
-				if (classesParam) classesVarToComponent.set(classesParam, componentName);
-				const slotPropsParam = findSlotPropsParamName(renderFn);
-				if (slotPropsParam) slotPropsVarToComponent.set(slotPropsParam, componentName);
-			}
-			const loweredData = resolveLoweredCreateComponentData(componentName, renderFn ? extractOwnPropKeys(renderFn) : [], manifest, transformData);
-			if (args.length === 1 && t.isStringLiteral(args[0])) {
-				loweredData.rootElement = args[0].value;
-				if (canInlineSimpleLoweredComponent(loweredData)) {
-					const primitiveResult = buildInlineSimplePrimitiveCreateComponentRenderFn(loweredData);
-					nodePath.replaceWith(primitiveResult.expression);
-					if (primitiveResult.needsProcessStylePropsImport) needsProcessStylePropsImport = true;
-					needsCreateComponentImportCleanup = true;
-					transformed = true;
-					return;
-				}
-				nodePath.replaceWith(t.callExpression(t.cloneNode(callee), [buildLoweredCreateComponentConfigExpression(loweredData), t.cloneNode(args[0], true)]));
-				transformed = true;
-				return;
-			}
-			if (canInlineSimpleLoweredComponent(loweredData)) {
-				const inlineResult = buildInlineSimpleLoweredCreateComponentRenderFn(loweredData, renderFn);
-				nodePath.replaceWith(inlineResult.expression);
-				if (inlineResult.needsMotionImport) needsMotionImport = true;
-				if (inlineResult.needsAnimatePresenceImport) needsAnimatePresenceImport = true;
-				if (inlineResult.needsResolveMotionStateImport) needsResolveMotionStateImport = true;
-				needsCreateComponentImportCleanup = true;
-				transformed = true;
-				return;
-			}
-			if (!renderFn) return;
-			nodePath.replaceWith(t.callExpression(t.cloneNode(callee), [buildLoweredCreateComponentConfigExpression(loweredData), t.cloneNode(renderFn, true)]));
-			transformed = true;
-		}
-	});
-	if (needsCreateComponentImportCleanup) traverse(ast, { ImportDeclaration(nodePath) {
+	const edits = [];
+	traverse(ast, { ImportDeclaration(nodePath) {
 		const importSource = nodePath.node.source?.value;
 		if (!importSource) return;
-		if (!isUdsImportSource(importSource)) return;
-		const nextSpecifiers = nodePath.node.specifiers.filter((specifier) => {
-			if (specifier.type !== "ImportSpecifier") return true;
-			const importedName = specifier.imported?.type === "Identifier" ? specifier.imported.name : specifier.imported?.value;
-			if (importedName !== "createComponent") return true;
-			const localName = specifier.local?.name ?? importedName;
-			nodePath.scope.crawl();
-			const binding = nodePath.scope.getBinding(localName);
-			return Boolean(binding?.referenced);
-		});
-		if (nextSpecifiers.length === nodePath.node.specifiers.length) return;
-		if (nextSpecifiers.length === 0) {
-			nodePath.remove();
-			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}`
+			});
 		}
-		nodePath.node.specifiers = nextSpecifiers;
 	} });
-	if (!transformed) return source;
-	const sourceDir = path.dirname(resourcePath || projectRoot);
-	for (const [componentName, importPath] of importsToAdd) {
-		const absoluteImport = path.resolve(projectRoot, importPath);
-		let resolvedPath = path.relative(sourceDir, absoluteImport);
-		if (!resolvedPath.startsWith(".")) resolvedPath = `./${resolvedPath}`;
-		ast.program.body.unshift(t.importDeclaration([t.importSpecifier(t.identifier(componentName), t.identifier(componentName))], t.stringLiteral(resolvedPath)));
-	}
-	const motionImportSpecifiers = [];
-	if (needsMotionImport && !hasMotionImport) motionImportSpecifiers.push(t.importSpecifier(t.identifier("motion"), t.identifier("motion")));
-	if (needsAnimatePresenceImport && !hasAnimatePresenceImport) motionImportSpecifiers.push(t.importSpecifier(t.identifier("AnimatePresence"), t.identifier("AnimatePresence")));
-	if (motionImportSpecifiers.length > 0) ast.program.body.unshift(t.importDeclaration(motionImportSpecifiers, t.stringLiteral("motion/react")));
-	if (needsProcessStylePropsImport) {
-		if (!ast.program.body.some((node) => t.isImportDeclaration(node) && node.specifiers.some((s) => t.isImportSpecifier(s) && (t.isIdentifier(s.imported) && s.imported.name === "processStyleProps" || t.isStringLiteral(s.imported) && s.imported.value === "processStyleProps")))) ast.program.body.unshift(t.importDeclaration([t.importSpecifier(t.identifier("processStyleProps"), t.identifier("processStyleProps"))], t.stringLiteral("@uds/core")));
-	}
-	if (needsResolveMotionStateImport) ast.program.body.unshift(t.importDeclaration([t.importSpecifier(t.identifier("__rms"), t.identifier("resolveMotionState"))], t.stringLiteral("@uds/core")));
-	const motionStatesMap = getHoistedMotionStates();
-	if (motionStatesMap.size > 0) for (const [varName, statesConfig] of motionStatesMap) ast.program.body.unshift(t.variableDeclaration("const", [t.variableDeclarator(t.identifier(varName), t.valueToNode(statesConfig))]));
-	if (hoistedVariantClassMaps.size > 0) {
-		const declarations = [];
-		for (const [lookupName, classMap] of hoistedVariantClassMaps) declarations.push(t.variableDeclaration("const", [t.variableDeclarator(t.identifier(lookupName), t.objectExpression(Object.entries(classMap).map(([variantName, className]) => t.objectProperty(t.stringLiteral(variantName), t.stringLiteral(className)))))]));
-		const firstNonImportIndex = ast.program.body.findIndex((node) => node.type !== "ImportDeclaration");
-		if (firstNonImportIndex === -1) ast.program.body.push(...declarations);
-		else ast.program.body.splice(firstNonImportIndex, 0, ...declarations);
-	}
-	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.d.ts

@@ -1,6 +1,7 @@
 import { NextConfig } from "next";
 
 //#region ../loader/dist/next.d.ts
+//#region src/next.d.ts
 interface WithUdsOptions {
   /** Output directory for generated files (default: '.uds') */
   outputDir?: string;
@@ -11,6 +12,6 @@ interface WithUdsOptions {
 type NextConfigFn = (phase: string, ctx: {
   defaultConfig: NextConfig;
 }) => NextConfig | Promise<NextConfig>;
-declare function withUds(nextConfigOrFn: NextConfig | NextConfigFn, options?: WithUdsOptions): NextConfig | NextConfigFn;
+declare function withUds(nextConfigOrFn: NextConfig | NextConfigFn, options?: WithUdsOptions): NextConfig | NextConfigFn; //#endregion
 //#endregion
 export { WithUdsOptions, withUds };

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
 					}