@yahoo/uds-v5-wip 1.57.0 → 1.58.0

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,7 @@
+//#region \0rolldown/runtime.js
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { __require };

package/dist/config/dist/createConfig.d.ts

@@ -3,7 +3,7 @@ import { BoundComponent } from "./defineComponent.js";
 import { AnyStyleProp } from "./defineStyleProp.js";
 import { TokenType, VarsConfig } from "./types.js";
 import { ResolvedStyleProp } from "./resolveStyleProp.js";
-import { BaseModifierProp, ComponentsConfig, CompositeStylesConfig, ConfigurableProp, ModifierProp, MotionPreset, RemotionComponentDef, RemotionConfig, RemotionTransitionDef } from "@uds/types";
+import { BaseModifierProp, ComponentsConfig, CompositeStylesConfig, ConfigurableProp, ModifierProp, MotionPreset } from "@uds/types";
 
 //#region ../config/dist/createConfig.d.ts
 //#region src/createConfig.d.ts
@@ -216,7 +216,6 @@ interface UdsConfigData {
   globalStyles: GlobalStylesDef;
   preflight: boolean;
   prefix: string;
-  remotion?: RemotionConfig;
   buildOptions?: BuildOptions;
   examples?: Record<string, ExampleDef>;
   designPrinciples?: string[];
@@ -267,8 +266,6 @@ interface ComponentConfig<TComponents extends ComponentsConfig<string> = Compone
   requiredTokens: string[];
   components: TComponents;
   motion?: TMotion;
-  /** Remotion metadata — carried through compose() automatically */
-  remotion?: RemotionConfig;
 }
 type SingleComponentDef<TMotionAlias extends string = string> = ComponentsConfig<TMotionAlias>[string];
 type EmptyMotionPresetsDef = Record<never, never>;
@@ -279,12 +276,6 @@ type DefineComponentInput<TTokens, TMotion, TComponent extends SingleComponentDe
   components: Record<string, any>;
 }) => TComponent);
 type DefineComponentMotionInput<TTokens, TMotion extends MotionPresetsDef = MotionPresetsDef> = TMotion | ((tokens: TTokens) => TMotion);
-/** Input shape for defineRemotionComponent — component def or factory function */
-type RemotionComponentInput<TTokens, TMotion> = RemotionComponentDef | ((ctx: {
-  tokens: TTokens;
-  motion: TMotion;
-  components: Record<string, any>;
-}) => RemotionComponentDef);
 /** Helper type: builder result includes both the UdsConfig interface and any extensions */
 type ConfigResult<TModifier extends ModifierNameShape, TTokens, TMotion, TExt extends Record<string, any> = {}, TCompositeStyles = EmptyCompositeStyles, TModeModifiers extends ModifierNameShape = never, TVars extends VarsConfig = EmptyVars> = UdsConfig<TModifier, TTokens, TMotion, TExt, TCompositeStyles, TModeModifiers, TVars> & TExt;
 interface UdsConfig<TModifier extends ModifierNameShape = ModifierProp, TTokens = EmptyTokens, TMotion = EmptyMotion, TExt extends Record<string, any> = {}, TCompositeStyles = EmptyCompositeStyles, TModeModifiers extends ModifierNameShape = never, TVars extends VarsConfig = EmptyVars> {
@@ -363,18 +354,6 @@ interface UdsConfig<TModifier extends ModifierNameShape = ModifierProp, TTokens
   defineComponent<const TName extends string, const TComponent extends SingleComponentDef<MotionAliasValue<TMotion> | string>, const TPresetMotion extends MotionPresetsDef = EmptyMotionPresetsDef>(name: TName, component: DefineComponentInput<TTokens, TMotion, TComponent>, motion?: DefineComponentMotionInput<TTokens, TPresetMotion>): ComponentConfig<SingleComponentDefinitionRecord<TName, TComponent>, TPresetMotion>;
   from(data: Partial<UdsConfigData>): ConfigResult<TModifier, TTokens, TMotion, TExt, TCompositeStyles, TModeModifiers, TVars>;
   extend<const NewExt extends Record<string, any>>(ext: NewExt): ConfigResult<TModifier, TTokens, TMotion, TExt & NewExt, TCompositeStyles, TModeModifiers, TVars>;
-  defineRemotionComponents(params: RemotionConfig | ((ctx: {
-    tokens: TTokens;
-    motion: TMotion;
-    components: Record<string, any>;
-  }) => RemotionConfig)): ConfigResult<TModifier, TTokens, TMotion, TExt, TCompositeStyles, TModeModifiers, TVars>;
-  defineRemotionComponent<const TName extends string, const TComponent extends SingleComponentDef<MotionAliasValue<TMotion> | string>, const TPresetMotion extends MotionPresetsDef = EmptyMotionPresetsDef>(name: TName, def: RemotionComponentInput<TTokens, TMotion>, motion?: DefineComponentMotionInput<TTokens, TPresetMotion>): ComponentConfig<SingleComponentDefinitionRecord<TName, TComponent>, TPresetMotion>;
-  defineRemotionTransition(name: string, def: RemotionTransitionDef | ((ctx: {
-    tokens: TTokens;
-  }) => RemotionTransitionDef)): ComponentConfig;
-  defineRemotionTransitions(params: Record<string, RemotionTransitionDef> | ((ctx: {
-    tokens: TTokens;
-  }) => Record<string, RemotionTransitionDef>)): ConfigResult<TModifier, TTokens, TMotion, TExt, TCompositeStyles, TModeModifiers, TVars>;
   defineVars<const TVarsNew extends VarsConfig<[TModeModifiers] extends [never] ? `_${string}` : TModeModifiers>>(vars: TVarsNew): ConfigResult<TModifier, MergeTokens<TTokens, VarsToTokens<TVars & TVarsNew>>, TMotion, TExt, TCompositeStyles, TModeModifiers, TVars & TVarsNew>;
 }
 type AnyUdsConfig = UdsConfig<ModifierNameShape, any, any, any, any, any, any>;

package/dist/config/dist/createConfig.js

@@ -4,9 +4,9 @@ import "../../utils/dist/index.js";
 import { getConfigurablePropMapping } from "../../core/dist/configurable-prop-helpers.js";
 import "../../core/dist/index.js";
 import { buildMotionReference, resolveComponentMotionAliases, validateComponentVariants } from "./component-resolution.js";
+import { applyPresetToData, deepMerge, mergeAtomic } from "./preset-merge.js";
 import { resolveTokenType, sniffTokenTypeFromValue } from "./resolveTokenTypes.js";
 import { resolveStyleProp } from "./resolveStyleProp.js";
-import { applyPresetToData, deepMerge, mergeAtomic } from "./preset-merge.js";
 import { setRegisteredStyleProps } from "./runtime-registry.js";
 //#region ../config/dist/createConfig.js
 /** biome-ignore-all lint/suspicious/noExplicitAny: necessary for dynamic builder to work correctly */
@@ -235,7 +235,6 @@ function resolveConfig(config) {
 		globalStyles: config.globalStyles ?? {},
 		preflight: config.preflight ?? true,
 		prefix: config.prefix ?? "uds",
-		remotion: config.remotion,
 		buildOptions: config.buildOptions,
 		examples: config.examples,
 		designPrinciples: config.designPrinciples,
@@ -264,22 +263,6 @@ function resolveConfig(config) {
 	}
 	return configData;
 }
-function mergeRemotionConfig(existing, incoming) {
-	return {
-		components: {
-			...existing?.components ?? {},
-			...incoming.components
-		},
-		transitions: {
-			...existing?.transitions ?? {},
-			...incoming.transitions ?? {}
-		},
-		effects: {
-			...existing?.effects ?? {},
-			...incoming.effects ?? {}
-		}
-	};
-}
 function isComponentDefinition(input) {
 	return typeof input === "object" && input !== null && "requiredTokens" in input && "components" in input;
 }
@@ -293,8 +276,7 @@ function resolvePresetData(input) {
 		components: input.components,
 		globalStyles: {},
 		preflight: true,
-		prefix: "uds",
-		remotion: input.remotion
+		prefix: "uds"
 	};
 	if ("defineVars" in input) return resolveConfig(input);
 	return {
@@ -307,7 +289,6 @@ function resolvePresetData(input) {
 		globalStyles: input.globalStyles ?? {},
 		preflight: input.preflight ?? true,
 		prefix: input.prefix ?? "uds",
-		remotion: input.remotion,
 		examples: input.examples,
 		designPrinciples: input.designPrinciples,
 		vars: input.vars,
@@ -590,70 +571,6 @@ function createConfigBuilder(data, extensions) {
 				...ext
 			});
 		},
-		defineRemotionComponents(params) {
-			const tokenReference = buildTokenReference(data.atomic, data.prefix);
-			const motionReference = buildMotionReference(data.motion);
-			const componentsAccessor = buildComponentsAccessor(data.components);
-			const remotionConfig = typeof params === "function" ? params({
-				tokens: tokenReference,
-				motion: motionReference,
-				components: componentsAccessor
-			}) : params;
-			for (const [name, def] of Object.entries(remotionConfig.components)) validateComponentVariants(resolveComponentMotionAliases({ [name]: def.config }, data.motion));
-			return next({ remotion: mergeRemotionConfig(data.remotion, remotionConfig) });
-		},
-		defineRemotionComponent(name, def, motion) {
-			const tokenReference = buildTokenReference(data.atomic, data.prefix);
-			const resolvedMotion = typeof motion === "function" ? motion(tokenReference) : motion;
-			const motionReference = buildMotionReference({
-				...data.motion,
-				...resolvedMotion ?? {}
-			});
-			const componentsAccessor = buildComponentsAccessor(data.components);
-			const resolved = typeof def === "function" ? def({
-				tokens: tokenReference,
-				motion: motionReference,
-				components: componentsAccessor
-			}) : def;
-			const resolvedComponents = resolveComponentMotionAliases({ [name]: resolved.config }, {
-				...data.motion,
-				...resolvedMotion ?? {}
-			});
-			validateComponentVariants(resolvedComponents);
-			return {
-				name,
-				requiredTokens: collectRequiredTokens(data, resolvedComponents, resolvedMotion),
-				components: {},
-				motion: resolvedMotion,
-				remotion: {
-					components: { [name]: resolved },
-					transitions: {},
-					effects: {}
-				}
-			};
-		},
-		defineRemotionTransition(name, def) {
-			const tokenReference = buildTokenReference(data.atomic, data.prefix);
-			const resolved = typeof def === "function" ? def({ tokens: tokenReference }) : def;
-			return {
-				name,
-				requiredTokens: [],
-				components: {},
-				remotion: {
-					components: {},
-					transitions: { [name]: resolved },
-					effects: {}
-				}
-			};
-		},
-		defineRemotionTransitions(params) {
-			const tokenReference = buildTokenReference(data.atomic, data.prefix);
-			const resolved = typeof params === "function" ? params({ tokens: tokenReference }) : params;
-			return next({ remotion: mergeRemotionConfig(data.remotion, {
-				components: {},
-				transitions: resolved
-			}) });
-		},
 		defineVars(vars) {
 			const merged = { ...data.vars };
 			for (const [namespace, group] of Object.entries(vars)) merged[namespace] = {
@@ -702,8 +619,7 @@ const uds = createConfigBuilder({
 	components: {},
 	globalStyles: {},
 	preflight: true,
-	prefix: "uds",
-	remotion: void 0
+	prefix: "uds"
 });
 //#endregion
 export { buildCompositeStylesReference, buildTokenReference, convertModesInputToGroups, createConfigBuilder, darker, interpolate, lighter, rem, resolveConfig, uds };

package/dist/config/dist/preset-merge.js

@@ -123,24 +123,6 @@ function mergeRecordByKey(base, incoming, mode) {
 		...incoming
 	};
 }
-function mergeRemotionConfig(base, incoming) {
-	if (!incoming) return base;
-	if (!base) return incoming;
-	return {
-		components: {
-			...base.components,
-			...incoming.components
-		},
-		transitions: {
-			...base.transitions ?? {},
-			...incoming.transitions ?? {}
-		},
-		effects: {
-			...base.effects ?? {},
-			...incoming.effects ?? {}
-		}
-	};
-}
 function applyPresetToData(base, preset, strategy) {
 	const s = {
 		...defaultComponentDefinitionMergeStrategy,
@@ -165,7 +147,6 @@ function applyPresetToData(base, preset, strategy) {
 		motion: mergeRecordByKey(base.motion, preset.motion, s.motion),
 		components: mergeRecordByKey(base.components, preset.components, s.components),
 		globalStyles: mergeRecordByKey(base.globalStyles, preset.globalStyles, s.globalStyles),
-		remotion: mergeRemotionConfig(base.remotion, preset.remotion),
 		examples: mergedExamples,
 		designPrinciples: mergedPrinciples,
 		vars: mergedVars,

package/dist/config/dist/serialize.js

@@ -157,7 +157,6 @@ function deserializeConfig(data) {
 		components,
 		preflight: data.preflight,
 		prefix: data.prefix ?? "uds",
-		remotion: void 0,
 		globalStyles: {},
 		presetTokenNames: data.presetTokenNames
 	});

package/dist/core/dist/compositeStyles.d.ts

@@ -1,7 +1,6 @@
 import { CompositeStylesConfig } from "@uds/types";
 
 //#region ../core/dist/compositeStyles.d.ts
-//#region src/compositeStyles.d.ts
 /** Set the composite-styles config (called by loader at build time) */
 declare function setCompositeStylesConfig(config: CompositeStylesConfig): void;
 /** Get the current composite-styles config */
@@ -17,6 +16,6 @@ declare function getCompositeStylesConfig(): CompositeStylesConfig;
 declare function expandCompositeStyles(props: Record<string, unknown>, config?: CompositeStylesConfig): {
   expanded: Record<string, unknown>;
   markerClasses: string[];
-}; //#endregion
+};
 //#endregion
 export { expandCompositeStyles, getCompositeStylesConfig, setCompositeStylesConfig };

package/dist/core/dist/configurable-prop-helpers.d.ts

@@ -2,7 +2,6 @@ import { PropMapping } from "./style-prop-data.js";
 import { ConfigurableProp } from "@uds/types";
 
 //#region ../core/dist/configurable-prop-helpers.d.ts
-//#region src/configurable-prop-helpers.d.ts
 /** Look up a {@link PropMapping} by ConfigurableProp name. */
 declare function getConfigurablePropMapping(prop: ConfigurableProp): PropMapping | undefined;
 interface ConfigurablePropertyEntry {
@@ -27,6 +26,6 @@ interface CssVariablePrefixEntry {
  * Only includes props that have both `cssProperty` and `defaultVarPrefix`.
  * Deduplicates by `defaultVarPrefix` so each namespace appears once.
  */
-declare function getCssVariablePrefixes(): CssVariablePrefixEntry[]; //#endregion
+declare function getCssVariablePrefixes(): CssVariablePrefixEntry[];
 //#endregion
 export { ConfigurablePropertyEntry, CssVariablePrefixEntry, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes };

package/dist/core/dist/createComponent.d.ts

@@ -1,7 +1,6 @@
 import { CreateComponentConfig, CreateComponentProps, CreateComponentRenderFn, CreateComponentSlotTagConfig, CreateComponentTypeInput } from "@uds/types";
 
 //#region ../core/dist/createComponent.d.ts
-//#region src/createComponent.d.ts
 type PrimitiveTag = keyof React.JSX.IntrinsicElements;
 type SpecConfig<TSpec> = TSpec extends {
   config: infer TConfig extends CreateComponentTypeInput;
@@ -52,6 +51,6 @@ declare function createComponent<TSpecOrProps = {}>(tag: PrimitiveTag): React.FC
   props: infer TOwnProps;
 } ? CreateComponentProps<TConfig, TOwnProps, PrimitiveTag> : PrimitiveOwnProps<TSpecOrProps>>;
 declare function createComponent<TSpec>(renderFn: CreateComponentRenderFn<SpecConfig<TSpec>, SpecOwnProps<TSpec>, SpecSlotConfig<TSpec>>): React.FC<CreateComponentProps<SpecConfig<TSpec>, SpecOwnProps<TSpec>, SpecSlotConfig<TSpec>>>;
-declare function createComponent(config: CreateComponentConfig<string>, renderFn: CreateComponentRenderFn<any, any, any>): React.FC<any>; //#endregion
+declare function createComponent(config: CreateComponentConfig<string>, renderFn: CreateComponentRenderFn<any, any, any>): React.FC<any>;
 //#endregion
 export { createComponent };

package/dist/core/dist/createComponentExample.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps, ComponentType } from "react";
 
 //#region ../core/dist/createComponentExample.d.ts
-//#region src/createComponentExample.d.ts
 /**
  * Extracts variant fixtures from a Component's props type.
  * If Button has `variant?: 'brand' | 'outline'` and `size?: 'sm' | 'md'`,
@@ -37,6 +36,6 @@ type ExamplesResult<TComponent extends ComponentType<any>> = {
  * }));
  * ```
  */
-declare function createComponentExample<TComponent extends ComponentType<any>, T extends Record<string, ExampleFn<TComponent>>>(Component: TComponent, examplesFn: (fixtures: VariantFixtures<TComponent>) => ExamplesResult<TComponent>): ComponentExample<T>; //#endregion
+declare function createComponentExample<TComponent extends ComponentType<any>, T extends Record<string, ExampleFn<TComponent>>>(Component: TComponent, examplesFn: (fixtures: VariantFixtures<TComponent>) => ExamplesResult<TComponent>): ComponentExample<T>;
 //#endregion
 export { ComponentExample, createComponentExample };

package/dist/core/dist/createProvider.d.ts

@@ -1,5 +1,4 @@
 //#region ../core/dist/createProvider.d.ts
-//#region src/createProvider.d.ts
 type ProviderRenderFn<TContext, TProps = Record<never, never>> = (props: {
   children: React.ReactNode;
 } & TProps) => {
@@ -8,6 +7,6 @@ type ProviderRenderFn<TContext, TProps = Record<never, never>> = (props: {
 };
 declare function createProvider<TContext, TProps = Record<never, never>>(name: string, renderFn: ProviderRenderFn<TContext, TProps>): [React.FC<{
   children: React.ReactNode;
-} & TProps>, () => TContext]; //#endregion
+} & TProps>, () => TContext];
 //#endregion
 export { createProvider };

package/dist/core/dist/generated/stylePropsTwMap.d.ts

@@ -1,5 +1,4 @@
 //#region ../core/dist/generated/stylePropsTwMap.d.ts
-//#region src/generated/stylePropsTwMap.d.ts
 declare const stylePropsTwMap: {
   readonly "border-boolean": {
     readonly border: "boolean";
@@ -1696,6 +1695,6 @@ declare const stylePropsTwMap: {
   readonly "hyphens-manual": {
     readonly hyphens: "manual";
   };
-}; //#endregion
+};
 //#endregion
 export { stylePropsTwMap };

package/dist/core/dist/getComponentStyles.d.ts

@@ -1,7 +1,6 @@
 import { ComponentRegistry, ComponentSlotsOf, ComponentVariantsOf } from "@uds/types";
 
 //#region ../core/dist/getComponentStyles.d.ts
-//#region src/getComponentStyles.d.ts
 type ResolveSlots<Name extends string> = Name extends keyof ComponentRegistry ? ComponentSlotsOf<Name> : string;
 type ResolveVariants<Name extends string> = Name extends keyof ComponentRegistry ? ComponentVariantsOf<Name> : Record<string, string>;
 interface UdsRuntimeMeta {
@@ -45,6 +44,6 @@ interface ComponentStyler<Name extends string> {
  * @param slots - Array of slot names
  * @param element - Optional HTML element tag for element-specific prop forwarding
  */
-declare function createComponentStyler<Name extends string>(componentName: Name, slots: readonly string[], element?: string, variants?: readonly string[]): ComponentStyler<Name>; //#endregion
+declare function createComponentStyler<Name extends string>(componentName: Name, slots: readonly string[], element?: string, variants?: readonly string[]): ComponentStyler<Name>;
 //#endregion
 export { createComponentStyler };

package/dist/core/dist/getStyles.d.ts

@@ -2,7 +2,6 @@ import { ClassValue } from "clsx";
 import { ModifierProp, ModifierProps, StyleAndModifierProps, StyleProps } from "@uds/types";
 
 //#region ../core/dist/getStyles.d.ts
-//#region src/getStyles.d.ts
 /** Convert kebab-case CSS property to camelCase for React inline styles.
  *  CSS custom properties (--*) are kept as-is since React supports them verbatim. */
 declare function toCamelCase(str: string): string;
@@ -38,6 +37,6 @@ interface GetStylesParams extends StyleProps, ModifierProps {
  *  so they can be included in the CSS safelist.
  */
 declare function getStyles(props: GetStylesParams): string;
-declare function getVariantClassName(componentName: string, variant: string | undefined): string; //#endregion
+declare function getVariantClassName(componentName: string, variant: string | undefined): string;
 //#endregion
 export { createVariants, cx, getStyles, getVariantClassName, processStyleProps, toCamelCase };

package/dist/core/dist/modifier-mappings.d.ts

@@ -1,13 +1,12 @@
 import { ModifierProp } from "@uds/types";
 
 //#region ../core/dist/modifier-mappings.d.ts
-//#region src/modifier-mappings.d.ts
 declare const modifierMappings: Record<ModifierProp, string>;
 interface ModifierEntry {
   prop: string;
   cssSelector: string;
   category: string;
   description: string;
-} //#endregion
+}
 //#endregion
 export { ModifierEntry, modifierMappings };

package/dist/core/dist/resolveMotionState.d.ts

@@ -1,5 +1,4 @@
 //#region ../core/dist/resolveMotionState.d.ts
-//#region src/resolveMotionState.d.ts
-declare function resolveMotionState(stateKeyframe: Record<string, unknown>, index: number): Record<string, number>; //#endregion
+declare function resolveMotionState(stateKeyframe: Record<string, unknown>, index: number): Record<string, number>;
 //#endregion
 export { resolveMotionState };

package/dist/core/dist/style-prop-data.d.ts

@@ -1,7 +1,6 @@
 import { StyleProp } from "@uds/types";
 
 //#region ../core/dist/style-prop-data.d.ts
-//#region src/style-prop-data.d.ts
 interface PropMapping {
   /** Class name prefix for runtime class generation. 'no-prefix' means value IS the class. */
   classPrefix: string;
@@ -28,6 +27,6 @@ interface PropMapping {
 }
 /** Exclude className — it's passed through, not mapped to a utility class */
 type MappedStyleProp = Exclude<StyleProp, 'className'>;
-declare const propMappings: Record<MappedStyleProp, PropMapping>; //#endregion
+declare const propMappings: Record<MappedStyleProp, PropMapping>;
 //#endregion
 export { PropMapping, propMappings };

package/dist/core/dist/transformPreset.d.ts

@@ -1,7 +1,6 @@
 import { MotionPreset } from "@uds/types";
 
 //#region ../core/dist/transformPreset.d.ts
-//#region src/transformPreset.d.ts
 interface TransformedMotionProps {
   initial?: Record<string, unknown>;
   animate?: Record<string, unknown>;
@@ -13,6 +12,6 @@ interface TransformedMotionProps {
 /**
  * Convert a JS-runtime MotionPreset to a motion/react-compatible props object.
  */
-declare function transformPreset(preset: MotionPreset): TransformedMotionProps; //#endregion
+declare function transformPreset(preset: MotionPreset): TransformedMotionProps;
 //#endregion
 export { TransformedMotionProps, transformPreset };

package/dist/core/dist/withDefaultStyleProps.d.ts

@@ -1,7 +1,6 @@
 import { BorderRadius, GridSpan, GridStartEnd, GridTemplate, StyleAndModifierProps } from "@uds/types";
 
 //#region ../core/dist/withDefaultStyleProps.d.ts
-//#region src/withDefaultStyleProps.d.ts
 interface StackDefaultsInput extends StyleAndModifierProps {
   gap?: StyleAndModifierProps['gap'];
 }
@@ -39,6 +38,6 @@ declare const withDefaultStyleProps: {
     shape?: BorderRadius;
   }) => StyleAndModifierProps;
   Svg: (props: SvgDefaultsInput) => StyleAndModifierProps;
-}; //#endregion
+};
 //#endregion
 export { withDefaultStyleProps };

package/dist/loader/dist/loader/create-component-lowering.js

@@ -2,8 +2,8 @@ import { isCompiledJsxCallee } from "./babel-utils.js";
 import { hasAnyOwnKeys } from "./create-component-data.js";
 import { applySlotMotionToCompiledJsx, applySlotMotionToElement, wrapCompiledConditionalWithAnimatePresence, wrapParentConditionalWithAnimatePresence } from "./motion-transform.js";
 import { findSlotPropsParamName } from "./data-attr-transform.js";
-import * as t from "@babel/types";
 import _traverse from "@babel/traverse";
+import * as t from "@babel/types";
 //#region ../loader/dist/loader/create-component-lowering.js
 const traverse = _traverse.default ?? _traverse;
 /** Reserved createComponent keys (never treated as own props) */

package/dist/loader/dist/loader/data-attr-transform.js

@@ -1,5 +1,5 @@
-import { applySlotMotionToCompiledJsx, getCustomSlotMotion } from "./motion-transform.js";
 import { buildSourceRef, buildUdsId } from "./internal-meta.js";
+import { applySlotMotionToCompiledJsx, getCustomSlotMotion } from "./motion-transform.js";
 import * as t from "@babel/types";
 //#region ../loader/dist/loader/data-attr-transform.js
 /**

package/dist/loader/dist/loader/lower-new-api-primitive.js

@@ -1,5 +1,33 @@
 //#region ../loader/dist/loader/lower-new-api-primitive.js
 /**
+* Build-time lowering of new-API primitive-form JSX call sites.
+*
+* Given a JSX element whose tag name resolves to an entry in
+* `manifest.components[name]` with non-empty `propBindings` (built by
+* codegen — see `packages/codegen/src/loader/extractLoweringMetadata.ts`),
+* this helper mutates the AST to bake every statically-known prop into a
+* `className` string and replace the JSX tag with the underlying HTML
+* element. The result skips the runtime `bindRender` lookup, registry
+* walk, and per-render className concatenation entirely.
+*
+*     // Before:
+*     <Box bg="brand" id="x">hi</Box>
+*
+*     // After (when `bg` is a registered style prop with classPrefix
+*     // 'bg' and a static value, and `id` isn't a known binding):
+*     <div className="bg-brand" id="x">hi</div>
+*
+* The lowering bails (returns `false` without mutating the AST) when:
+*  - any spread attribute (`{...rest}`) — could carry unknown props,
+*  - any bound prop has a dynamic value — can't statically compute the
+*    class,
+*  - `as=` is dynamic — can't statically pick the tag,
+*  - the JSX attribute name isn't a simple identifier.
+*
+* Callers fall through to runtime when the helper returns `false`; the
+* runtime path is correct for every case, just slower.
+*/
+/**
 * Build the className a binding emits for a given value. Mirrors the
 * codegen convention in `packages/codegen/src/css/prepareCss.ts`:
 *

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

@@ -2,10 +2,10 @@ import { applyComponentStyleDefaults } from "../../../utils/dist/component-style
 import { kebabCase } from "../../../utils/dist/string-utils/kebabCase.js";
 import { componentVariantClass } from "../../../utils/dist/string-utils/componentClassName.js";
 import "../../../utils/dist/index.js";
-import { expandCompositeStyles } from "../packages/core/dist/compositeStyles.js";
-import { propMappings } from "../packages/core/dist/style-prop-data.js";
-import { toCamelCase } from "../packages/core/dist/getStyles.js";
-import "../packages/core/dist/index.js";
+import { expandCompositeStyles } from "../../../core/dist/compositeStyles.js";
+import { propMappings } from "../../../core/dist/style-prop-data.js";
+import { toCamelCase } from "../../../core/dist/getStyles.js";
+import "../../../core/dist/index.js";
 import { buildDynamicClassExpression, parseHandlerString } from "./dynamic-style-codegen.js";
 import * as t from "@babel/types";
 //#region ../loader/dist/loader/style-transform.js

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

@@ -1,8 +1,7 @@
 import { LoaderDefinitionFunction } from "webpack";
 
 //#region ../loader/dist/loader.d.ts
-//#region src/loader.d.ts
 declare const transformLoader: LoaderDefinitionFunction;
-declare const normal: LoaderDefinitionFunction<{}, {}>; //#endregion
+declare const normal: LoaderDefinitionFunction<{}, {}>;
 //#endregion
 export { normal, transformLoader };

package/dist/loader/dist/loader.js

@@ -8,11 +8,11 @@ import { findClassesParamName, findSlotFromClassNameAttr, findSlotFromPropsSprea
 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 { parse } from "@babel/parser";
+import _traverse from "@babel/traverse";
+import * as t from "@babel/types";
 //#region ../loader/dist/loader.js
 const traverse = _traverse.default ?? _traverse;
 const generate = _generate.default ?? _generate;
@@ -367,4 +367,4 @@ const transformLoader = function(source) {
 };
 const normal = transformLoader;
 //#endregion
-export { normal, transformLoader };
+export { transformLoader as default, normal };

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

@@ -1,7 +1,6 @@
 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;
@@ -12,6 +11,6 @@ interface WithUdsOptions {
 type NextConfigFn = (phase: string, ctx: {
   defaultConfig: NextConfig;
 }) => NextConfig | Promise<NextConfig>;
-declare function withUds(nextConfigOrFn: NextConfig | NextConfigFn, options?: WithUdsOptions): NextConfig | NextConfigFn; //#endregion
+declare function withUds(nextConfigOrFn: NextConfig | NextConfigFn, options?: WithUdsOptions): NextConfig | NextConfigFn;
 //#endregion
 export { WithUdsOptions, withUds };

package/dist/loader/dist/next.js

@@ -1,4 +1,4 @@
-import { __require } from "./_virtual/_rolldown/runtime.js";
+import { __require } from "../../_virtual/_rolldown/runtime.js";
 import path from "node:path";
 //#region ../loader/dist/next.js
 function resolveLoaderPath() {

package/dist/loader.js

@@ -1,2 +1,2 @@
-import { normal, transformLoader } from "./loader/dist/loader.js";
+import transformLoader, { normal } from "./loader/dist/loader.js";
 export { transformLoader as default, normal };

package/dist/presets/dist/defaultPreset.js

@@ -42,25 +42,8 @@ import { tabsConfig } from "../../components/dist/tabs.config.js";
 import { textareaConfig } from "../../components/dist/textarea.config.js";
 import { toastConfig } from "../../components/dist/toast.config.js";
 import { tooltipConfig } from "../../components/dist/tooltip.config.js";
-import { imageSlideConfig } from "../../remotion/dist/components/image-slide.config.js";
-import { lowerThirdConfig } from "../../remotion/dist/components/lower-third.config.js";
-import { quoteCardConfig } from "../../remotion/dist/components/quote-card.config.js";
-import { splitScreenConfig } from "../../remotion/dist/components/split-screen.config.js";
-import { statCardConfig } from "../../remotion/dist/components/stat-card.config.js";
-import { textOverlayConfig } from "../../remotion/dist/components/text-overlay.config.js";
-import { titleCardConfig } from "../../remotion/dist/components/title-card.config.js";
-import { typingTextConfig } from "../../remotion/dist/components/typing-text.config.js";
-import "../../remotion/dist/components/index.js";
-import { fadeTransitionConfig } from "../../remotion/dist/transitions/fade.js";
-import { slideDownTransitionConfig } from "../../remotion/dist/transitions/slide-down.js";
-import { slideLeftTransitionConfig } from "../../remotion/dist/transitions/slide-left.js";
-import { slideRightTransitionConfig } from "../../remotion/dist/transitions/slide-right.js";
-import { slideUpTransitionConfig } from "../../remotion/dist/transitions/slide-up.js";
-import { wipeTransitionConfig } from "../../remotion/dist/transitions/wipe.js";
-import { zoomTransitionConfig } from "../../remotion/dist/transitions/zoom.js";
-import "../../remotion/dist/transitions/index.js";
 //#region ../presets/dist/defaultPreset.js
-const defaultPreset = defaultFoundationPreset.compose(anchorConfig).compose(buttonConfig).compose(selectConfig).compose(textConfig).compose(textareaConfig).compose(inputConfig).compose(accordionConfig).compose(alertConfig).compose(avatarConfig).compose(avatarGroupConfig).compose(badgeConfig).compose(cardConfig).compose(emptyStateConfig).compose(itemConfig).compose(modalConfig).compose(dropdownConfig).compose(navHeaderConfig).compose(progressConfig).compose(sheetConfig).compose(skeletonConfig).compose(switchConfig).compose(tabsConfig).compose(toastConfig).compose(tooltipConfig).compose(breadcrumbConfig).compose(sliderConfig).compose(spinnerConfig).compose(sidebarConfig).compose(collapsibleConfig).compose(controlColorConfig).compose(controlStepperConfig).compose(controlKnobConfig).compose(controlToggleConfig).compose(controlSliderConfig).compose(controlSelectConfig).compose(controlFolderConfig).compose(controlGroupConfig).compose(controlSpringConfig).compose(controlCurveConfig).compose(controlPanelConfig).compose(presetBarConfig).compose(commandConfig).compose(commandDialogConfig).compose(commandInputConfig).compose(commandListConfig).compose(commandEmptyConfig).compose(commandGroupConfig).compose(commandItemConfig).compose(commandShortcutConfig).compose(commandSeparatorConfig).compose(titleCardConfig).compose(imageSlideConfig).compose(splitScreenConfig).compose(quoteCardConfig).compose(statCardConfig).compose(lowerThirdConfig).compose(textOverlayConfig).compose(typingTextConfig).compose(fadeTransitionConfig).compose(slideLeftTransitionConfig).compose(slideRightTransitionConfig).compose(slideUpTransitionConfig).compose(slideDownTransitionConfig).compose(zoomTransitionConfig).compose(wipeTransitionConfig).defineGlobalStyles((_tokens) => ({
+const defaultPreset = defaultFoundationPreset.compose(anchorConfig).compose(buttonConfig).compose(selectConfig).compose(textConfig).compose(textareaConfig).compose(inputConfig).compose(accordionConfig).compose(alertConfig).compose(avatarConfig).compose(avatarGroupConfig).compose(badgeConfig).compose(cardConfig).compose(emptyStateConfig).compose(itemConfig).compose(modalConfig).compose(dropdownConfig).compose(navHeaderConfig).compose(progressConfig).compose(sheetConfig).compose(skeletonConfig).compose(switchConfig).compose(tabsConfig).compose(toastConfig).compose(tooltipConfig).compose(breadcrumbConfig).compose(sliderConfig).compose(spinnerConfig).compose(sidebarConfig).compose(collapsibleConfig).compose(controlColorConfig).compose(controlStepperConfig).compose(controlKnobConfig).compose(controlToggleConfig).compose(controlSliderConfig).compose(controlSelectConfig).compose(controlFolderConfig).compose(controlGroupConfig).compose(controlSpringConfig).compose(controlCurveConfig).compose(controlPanelConfig).compose(presetBarConfig).compose(commandConfig).compose(commandDialogConfig).compose(commandInputConfig).compose(commandListConfig).compose(commandEmptyConfig).compose(commandGroupConfig).compose(commandItemConfig).compose(commandShortcutConfig).compose(commandSeparatorConfig).defineGlobalStyles((_tokens) => ({
 	"*": { scrollbarWidth: "none" },
 	"::-webkit-scrollbar": { display: "none" }
 }));