@yahoo/uds-v5-wip 1.57.0 → 1.59.0

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

@@ -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/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" }
 }));