@yahoo/uds 3.100.0-beta.4 → 3.101.0-beta.1

package/dist/_virtual/_rolldown/runtime.js

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
-var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __exportAll = (all, no_symbols) => {
 	let target = {};
 	for (var name in all) {
@@ -21,4 +20,4 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 //#endregion
-export { __commonJSMin, __exportAll, __require };
+export { __exportAll, __require };

package/dist/automated-config/dist/utils/coalesceConfigVariant.cjs

@@ -1,8 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
 const require_subcomponents = require('./subcomponents.cjs');
-let lodash_mapValues_js = require("lodash/mapValues.js");
-lodash_mapValues_js = require_runtime.__toESM(lodash_mapValues_js);
+const require_mapValues = require('./mapValues.cjs');
 
 //#region ../automated-config/dist/utils/coalesceConfigVariant.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
@@ -16,7 +14,7 @@ function coalesceConfigVariant(config, variantKey) {
 	if (!subComponents) return { type: "no-variants" };
 	return {
 		type: "has-sub-components",
-		variants: (0, lodash_mapValues_js.default)(subComponents, (subComponent) => subComponent.variants[variantKey])
+		variants: require_mapValues.mapValues(subComponents, (subComponent) => subComponent.variants[variantKey])
 	};
 }
 

package/dist/automated-config/dist/utils/coalesceConfigVariant.js

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { getConfigSubcomponents } from "./subcomponents.js";
-import { mapValues } from "lodash-es";
+import { mapValues } from "./mapValues.js";
 
 //#region ../automated-config/dist/utils/coalesceConfigVariant.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */

package/dist/automated-config/dist/utils/mapValues.cjs

@@ -0,0 +1,13 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region ../automated-config/dist/utils/mapValues.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+function mapValues(obj, callbackFn) {
+	return Object.keys(obj).reduce((acc, key, i) => {
+		acc[key] = callbackFn(obj[key], key, i);
+		return acc;
+	}, {});
+}
+
+//#endregion
+exports.mapValues = mapValues;

package/dist/automated-config/dist/utils/mapValues.js

@@ -0,0 +1,12 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../automated-config/dist/utils/mapValues.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+function mapValues(obj, callbackFn) {
+	return Object.keys(obj).reduce((acc, key, i) => {
+		acc[key] = callbackFn(obj[key], key, i);
+		return acc;
+	}, {});
+}
+
+//#endregion
+export { mapValues };

package/dist/cli/commands/sync.cjs

@@ -9,9 +9,9 @@ const require_analytics = require('../dist/utils/analytics.cjs');
 const require_colors = require('../dist/lib/colors.cjs');
 const require_print = require('../dist/lib/print.cjs');
 const require_cli_commands_utils_sortKeys = require('./utils/sortKeys.cjs');
-let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_runtime.__toESM(node_path);
+let node_fs = require("node:fs");
 
 //#region src/cli/commands/sync.ts
 const PRODUCTION_ENDPOINT = "https://config.uds.build/api/config";

package/dist/cli/commands/sync.js

@@ -7,8 +7,8 @@ import { trackEvent } from "../dist/utils/analytics.js";
 import { green, magenta, red, yellow } from "../dist/lib/colors.js";
 import { print } from "../dist/lib/print.js";
 import { sortKeys } from "./utils/sortKeys.js";
-import { writeFileSync } from "node:fs";
 import path from "node:path";
+import { writeFileSync } from "node:fs";
 
 //#region src/cli/commands/sync.ts
 const PRODUCTION_ENDPOINT = "https://config.uds.build/api/config";

package/dist/cli/dist/commands/editor-rules.cjs

@@ -4,8 +4,8 @@ const require_analytics = require('../utils/analytics.cjs');
 const require_colors = require('../lib/colors.cjs');
 const require_print = require('../lib/print.cjs');
 const require_config = require('../utils/rules/config.cjs');
-let node_fs = require("node:fs");
 let node_path = require("node:path");
+let node_fs = require("node:fs");
 
 //#region ../cli/dist/commands/editor-rules.mjs
 /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */

package/dist/cli/dist/commands/editor-rules.js

@@ -3,8 +3,8 @@ import { trackEvent } from "../utils/analytics.js";
 import { blue, green, red, yellow } from "../lib/colors.js";
 import { print } from "../lib/print.js";
 import { getAvailableEditors, getEditorConfig, getRuleContent } from "../utils/rules/config.js";
-import { existsSync, mkdirSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
+import { existsSync, mkdirSync, writeFileSync } from "node:fs";
 
 //#region ../cli/dist/commands/editor-rules.mjs
 /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */

package/dist/cli/dist/utils/rules/config.cjs

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
-let node_fs = require("node:fs");
 let node_path = require("node:path");
+let node_fs = require("node:fs");
 let node_url = require("node:url");
 
 //#region ../cli/dist/utils/rules/config.mjs

package/dist/cli/dist/utils/rules/config.js

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { readFileSync } from "node:fs";
 import { dirname, join } from "node:path";
+import { readFileSync } from "node:fs";
 import { fileURLToPath } from "node:url";
 
 //#region ../cli/dist/utils/rules/config.mjs

package/dist/cli/runner.cjs

@@ -1,14 +1,34 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_styles_variants = require('../styles/variants.cjs');
+const require_components_index = require('../components/index.cjs');
 const require_cli = require('./dist/cli.cjs');
-const require_cli_commands_purge = require('./commands/purge.cjs');
+const require_generatePurgeCSSData = require('../tailwind/dist/commands/generatePurgeCSSData.cjs');
+const require_purge = require('../tailwind/dist/commands/purge.cjs');
+const require_package = require('../uds/package.cjs');
+const require_components_experimental_index = require('../components/experimental/index.cjs');
 const require_cli_commands_sync = require('./commands/sync.cjs');
 const require_cli_commands_version = require('./commands/version.cjs');
+let node_path = require("node:path");
+let ts_morph = require("ts-morph");
 
 //#region src/cli/runner.ts
 require_cli.run([
 	require_cli_commands_version.versionCommand,
-	require_cli_commands_sync.syncCommand,
-	require_cli_commands_purge.purgeCommand
+	require_purge.makePurgeCommand(async () => ({
+		variants: require_styles_variants.variants,
+		packageJson: require_package.default,
+		generatedPurgeCssData: await Promise.resolve().then(() => require("../uds/generated/tailwindPurge.cjs"))
+	})),
+	require_generatePurgeCSSData.makeGeneratePurgeCSSDataCommand(async () => {
+		return {
+			project: new ts_morph.Project({ tsConfigFilePath: (0, node_path.join)(process.cwd(), `./tsconfig.json`) }),
+			variants: require_styles_variants.variants,
+			UDS: require_components_index.components_exports,
+			UDS_EXPERIMENTAL: require_components_experimental_index.experimental_exports
+		};
+	}),
+	require_cli_commands_sync.syncCommand
 ]);
 
 //#endregion

package/dist/cli/runner.js

@@ -1,14 +1,33 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { variants } from "../styles/variants.js";
+import { components_exports } from "../components/index.js";
 import { run } from "./dist/cli.js";
-import { purgeCommand } from "./commands/purge.js";
+import { makeGeneratePurgeCSSDataCommand } from "../tailwind/dist/commands/generatePurgeCSSData.js";
+import { makePurgeCommand } from "../tailwind/dist/commands/purge.js";
+import package_default from "../uds/package.js";
+import { experimental_exports } from "../components/experimental/index.js";
 import { syncCommand } from "./commands/sync.js";
 import { versionCommand } from "./commands/version.js";
+import { join } from "node:path";
+import { Project } from "ts-morph";
 
 //#region src/cli/runner.ts
 run([
 	versionCommand,
-	syncCommand,
-	purgeCommand
+	makePurgeCommand(async () => ({
+		variants,
+		packageJson: package_default,
+		generatedPurgeCssData: await import("../uds/generated/tailwindPurge.js")
+	})),
+	makeGeneratePurgeCSSDataCommand(async () => {
+		return {
+			project: new Project({ tsConfigFilePath: join(process.cwd(), `./tsconfig.json`) }),
+			variants,
+			UDS: components_exports,
+			UDS_EXPERIMENTAL: experimental_exports
+		};
+	}),
+	syncCommand
 ]);
 
 //#endregion

package/dist/components/client/SpringMotionConfig.cjs

@@ -2,8 +2,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../motion-tokens/dist/index.cjs');
-const require_utils_getMotionVar = require('../../utils/getMotionVar.cjs');
+const require_index = require('../../css-tokens/dist/index.cjs');
+const require_index$1 = require('../../motion-tokens/dist/index.cjs');
 const require_components_experimental_client_AvoidMotionLibraryProvider = require('../experimental/client/AvoidMotionLibraryProvider.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -25,19 +25,19 @@ const defaultLoadFeatures = () => import("@yahoo/uds/__private/motionFeatures/do
 * This component provides a way to use uds motion configs with Framer Motion.
 */
 function SpringMotionConfig({ children, reducedMotion = "user", loadFeatures = defaultLoadFeatures, layoutVariant = LAYOUT_VARIANT, layoutSpeed = LAYOUT_SPEED, colorVariant = COLOR_VARIANT, colorSpeed = COLOR_SPEED }) {
-	const initialLayoutConfig = require_index.motion[layoutVariant][layoutSpeed];
-	const initialColorConfig = require_index.motion[colorVariant][colorSpeed];
+	const initialLayoutConfig = require_index$1.motion[layoutVariant][layoutSpeed];
+	const initialColorConfig = require_index$1.motion[colorVariant][colorSpeed];
 	const [layoutConfig, setLayoutConfig] = (0, react.useState)(initialLayoutConfig);
 	const [colorConfig, setColorConfig] = (0, react.useState)(initialColorConfig);
 	const colorVarConfig = {
 		variant: colorVariant,
 		speed: colorSpeed
 	};
-	const colorStiffnessVar = require_utils_getMotionVar.getMotionVar({
+	const colorStiffnessVar = require_index.getMotionVar({
 		...colorVarConfig,
 		control: "stiffness"
 	});
-	const colorDampingVar = require_utils_getMotionVar.getMotionVar({
+	const colorDampingVar = require_index.getMotionVar({
 		...colorVarConfig,
 		control: "damping"
 	});
@@ -45,11 +45,11 @@ function SpringMotionConfig({ children, reducedMotion = "user", loadFeatures = d
 		variant: layoutVariant,
 		speed: layoutSpeed
 	};
-	const layoutStiffnessVar = require_utils_getMotionVar.getMotionVar({
+	const layoutStiffnessVar = require_index.getMotionVar({
 		...layoutVarConfig,
 		control: "stiffness"
 	});
-	const layoutDampingVar = require_utils_getMotionVar.getMotionVar({
+	const layoutDampingVar = require_index.getMotionVar({
 		...layoutVarConfig,
 		control: "damping"
 	});

package/dist/components/client/SpringMotionConfig.js

@@ -1,7 +1,7 @@
 "use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { getMotionVar } from "../../css-tokens/dist/index.js";
 import { motion } from "../../motion-tokens/dist/index.js";
-import { getMotionVar } from "../../utils/getMotionVar.js";
 import { useAvoidMotionLibrary } from "../experimental/client/AvoidMotionLibraryProvider.js";
 import { useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/experimental/index.cjs

@@ -12,6 +12,36 @@ const require_components_experimental_client_SwitchV2 = require('./client/Switch
 const require_components_experimental_client_Tabs = require('./client/Tabs.cjs');
 let _ariakit_react = require("@ariakit/react");
 
+//#region src/components/experimental/index.ts
+var experimental_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Accordion: () => require_components_experimental_client_Accordion.Accordion,
+	AvoidMotionLibraryProvider: () => require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider,
+	Modal: () => require_components_experimental_client_Modal.Modal,
+	ModalDismiss: () => require_components_experimental_client_Modal.ModalDismiss,
+	ModalHeader: () => require_components_experimental_client_Modal.ModalHeader,
+	Popover: () => require_components_experimental_client_Popover.Popover,
+	PopoverAnchor: () => require_components_experimental_client_Popover.PopoverAnchor,
+	PopoverArrow: () => require_components_experimental_client_Popover.PopoverArrow,
+	PopoverDescription: () => require_components_experimental_client_Popover.PopoverDescription,
+	PopoverDisclosure: () => require_components_experimental_client_Popover.PopoverDisclosure,
+	PopoverDisclosureArrow: () => require_components_experimental_client_Popover.PopoverDisclosureArrow,
+	PopoverDismiss: () => require_components_experimental_client_Popover.PopoverDismiss,
+	PopoverHeading: () => require_components_experimental_client_Popover.PopoverHeading,
+	PopoverProvider: () => require_components_experimental_client_Popover.PopoverProvider,
+	SegmentedControl: () => require_components_experimental_client_SegmentedControl.SegmentedControl,
+	Spinner: () => require_components_experimental_Spinner.Spinner,
+	SwitchV2: () => require_components_experimental_client_SwitchV2.SwitchV2,
+	Tab: () => require_components_experimental_client_Tabs.Tab,
+	TabList: () => require_components_experimental_client_Tabs.TabList,
+	TabPanel: () => require_components_experimental_client_Tabs.TabPanel,
+	Table: () => require_components_experimental_Table.Table,
+	Tabs: () => require_components_experimental_client_Tabs.Tabs,
+	useAvoidMotionLibrary: () => require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary,
+	useModalStore: () => require_components_experimental_client_Modal.useModalStore,
+	usePopoverStore: () => _ariakit_react.usePopoverStore
+});
+
+//#endregion
 exports.Accordion = require_components_experimental_client_Accordion.Accordion;
 exports.AvoidMotionLibraryProvider = require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider;
 exports.Modal = require_components_experimental_client_Modal.Modal;
@@ -34,6 +64,12 @@ exports.TabList = require_components_experimental_client_Tabs.TabList;
 exports.TabPanel = require_components_experimental_client_Tabs.TabPanel;
 exports.Table = require_components_experimental_Table.Table;
 exports.Tabs = require_components_experimental_client_Tabs.Tabs;
+Object.defineProperty(exports, 'experimental_exports', {
+  enumerable: true,
+  get: function () {
+    return experimental_exports;
+  }
+});
 exports.useAvoidMotionLibrary = require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary;
 exports.useModalStore = require_components_experimental_client_Modal.useModalStore;
 exports.usePopoverStore = _ariakit_react.usePopoverStore;

package/dist/components/experimental/index.js

@@ -1,4 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.js";
 import { Spinner } from "./Spinner.js";
 import { Table } from "./Table.js";
@@ -9,4 +10,34 @@ import { SegmentedControl } from "./client/SegmentedControl.js";
 import { SwitchV2 } from "./client/SwitchV2.js";
 import { Tab, TabList, TabPanel, Tabs } from "./client/Tabs.js";
 
-export { Accordion, AvoidMotionLibraryProvider, Modal, ModalDismiss, ModalHeader, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, PopoverProvider, SegmentedControl, Spinner, SwitchV2, Tab, TabList, TabPanel, Table, Tabs, useAvoidMotionLibrary, useModalStore, usePopoverStore };
+//#region src/components/experimental/index.ts
+var experimental_exports = /* @__PURE__ */ __exportAll({
+	Accordion: () => Accordion,
+	AvoidMotionLibraryProvider: () => AvoidMotionLibraryProvider,
+	Modal: () => Modal,
+	ModalDismiss: () => ModalDismiss,
+	ModalHeader: () => ModalHeader,
+	Popover: () => Popover,
+	PopoverAnchor: () => PopoverAnchor,
+	PopoverArrow: () => PopoverArrow,
+	PopoverDescription: () => PopoverDescription,
+	PopoverDisclosure: () => PopoverDisclosure,
+	PopoverDisclosureArrow: () => PopoverDisclosureArrow,
+	PopoverDismiss: () => PopoverDismiss,
+	PopoverHeading: () => PopoverHeading,
+	PopoverProvider: () => PopoverProvider,
+	SegmentedControl: () => SegmentedControl,
+	Spinner: () => Spinner,
+	SwitchV2: () => SwitchV2,
+	Tab: () => Tab,
+	TabList: () => TabList,
+	TabPanel: () => TabPanel,
+	Table: () => Table,
+	Tabs: () => Tabs,
+	useAvoidMotionLibrary: () => useAvoidMotionLibrary,
+	useModalStore: () => useModalStore,
+	usePopoverStore: () => usePopoverStore
+});
+
+//#endregion
+export { Accordion, AvoidMotionLibraryProvider, Modal, ModalDismiss, ModalHeader, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, PopoverProvider, SegmentedControl, Spinner, SwitchV2, Tab, TabList, TabPanel, Table, Tabs, experimental_exports, useAvoidMotionLibrary, useModalStore, usePopoverStore };

package/dist/components/index.cjs

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 const require_components_Box = require('./Box.cjs');
 const require_components_HStack = require('./HStack.cjs');
 const require_components_Text = require('./Text.cjs');
@@ -42,6 +43,54 @@ const require_components_client_Tooltip_Tooltip = require('./client/Tooltip/Tool
 const require_components_client_Tooltip_TooltipContent = require('./client/Tooltip/TooltipContent.cjs');
 const require_components_client_Tooltip_TooltipTrigger = require('./client/Tooltip/TooltipTrigger.cjs');
 
+//#region src/components/index.ts
+var components_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Avatar: () => require_components_client_Avatar_Avatar.Avatar,
+	AvatarIcon: () => require_components_client_Avatar_AvatarIcon.AvatarIcon,
+	AvatarImage: () => require_components_client_Avatar_AvatarImage.AvatarImage,
+	AvatarText: () => require_components_client_Avatar_AvatarText.AvatarText,
+	Badge: () => require_components_client_Badge.Badge,
+	Box: () => require_components_Box.Box,
+	Button: () => require_components_client_Button.Button,
+	Checkbox: () => require_components_client_Checkbox.Checkbox,
+	Chip: () => require_components_client_Chip_Chip.Chip,
+	ChipButton: () => require_components_client_Chip_ChipButton.ChipButton,
+	ChipDismissible: () => require_components_client_Chip_ChipDismissible.ChipDismissible,
+	ChipLink: () => require_components_client_Chip_ChipLink.ChipLink,
+	ChipToggle: () => require_components_client_Chip_ChipToggle.ChipToggle,
+	Divider: () => require_components_Divider_Divider.Divider,
+	FormLabel: () => require_components_FormLabel.FormLabel,
+	HStack: () => require_components_HStack.HStack,
+	Icon: () => require_components_Icon.Icon,
+	IconButton: () => require_components_client_IconButton.IconButton,
+	Image: () => require_components_Image.Image,
+	Input: () => require_components_client_Input_Input.Input,
+	InputHelpText: () => require_components_client_Input_InputHelpText.InputHelpText,
+	Link: () => require_components_Link.Link,
+	Menu: () => require_components_client_Menu_Menu_index.Menu_index_exports,
+	Pressable: () => require_components_client_Pressable.Pressable,
+	Radio: () => require_components_client_Radio_Radio.Radio,
+	RadioGroupProvider: () => require_components_client_Radio_RadioGroupProvider.RadioGroupProvider,
+	SpringMotionConfig: () => require_components_client_SpringMotionConfig.SpringMotionConfig,
+	Switch: () => require_components_client_Switch.Switch,
+	Text: () => require_components_Text.Text,
+	Toast: () => require_components_client_Toast_Toast.Toast,
+	ToastContainer: () => require_components_client_Toast_ToastContainer.ToastContainer,
+	ToastPortal: () => require_components_client_Toast_ToastPortal.ToastPortal,
+	Tooltip: () => require_components_client_Tooltip_Tooltip.Tooltip,
+	TooltipContent: () => require_components_client_Tooltip_TooltipContent.TooltipContent,
+	TooltipTrigger: () => require_components_client_Tooltip_TooltipTrigger.TooltipTrigger,
+	UDSBreakpointsConfigProvider: () => require_components_client_providers_UDSBreakpointsConfigProvider.UDSBreakpointsConfigProvider,
+	UDSConfigProvider: () => require_components_client_providers_UDSConfigProvider.UDSConfigProvider,
+	UDSToastConfigProvider: () => require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider,
+	UDSTooltipConfigProvider: () => require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider,
+	VStack: () => require_components_VStack.VStack,
+	createToast: () => require_components_client_Toast_createToast.createToast,
+	useBreakpointsConfig: () => require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig,
+	useToastConfig: () => require_components_client_Toast_UDSToastConfigProvider.useToastConfig
+});
+
+//#endregion
 exports.Avatar = require_components_client_Avatar_Avatar.Avatar;
 exports.AvatarIcon = require_components_client_Avatar_AvatarIcon.AvatarIcon;
 exports.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;
@@ -87,6 +136,12 @@ exports.UDSConfigProvider = require_components_client_providers_UDSConfigProvide
 exports.UDSToastConfigProvider = require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider;
 exports.UDSTooltipConfigProvider = require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider;
 exports.VStack = require_components_VStack.VStack;
+Object.defineProperty(exports, 'components_exports', {
+  enumerable: true,
+  get: function () {
+    return components_exports;
+  }
+});
 exports.createToast = require_components_client_Toast_createToast.createToast;
 exports.useBreakpointsConfig = require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig;
 exports.useToastConfig = require_components_client_Toast_UDSToastConfigProvider.useToastConfig;

package/dist/components/index.js

@@ -1,4 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
 import { Box } from "./Box.js";
 import { HStack } from "./HStack.js";
 import { Text } from "./Text.js";
@@ -41,4 +42,52 @@ import { Tooltip } from "./client/Tooltip/Tooltip.js";
 import { TooltipContent } from "./client/Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./client/Tooltip/TooltipTrigger.js";
 
-export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, FormLabel, HStack, Icon, IconButton, Image, Input, InputHelpText, Link, Menu_index_exports as Menu, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, createToast, useBreakpointsConfig, useToastConfig };
+//#region src/components/index.ts
+var components_exports = /* @__PURE__ */ __exportAll({
+	Avatar: () => Avatar,
+	AvatarIcon: () => AvatarIcon,
+	AvatarImage: () => AvatarImage,
+	AvatarText: () => AvatarText,
+	Badge: () => Badge,
+	Box: () => Box,
+	Button: () => Button,
+	Checkbox: () => Checkbox,
+	Chip: () => Chip,
+	ChipButton: () => ChipButton,
+	ChipDismissible: () => ChipDismissible,
+	ChipLink: () => ChipLink,
+	ChipToggle: () => ChipToggle,
+	Divider: () => Divider,
+	FormLabel: () => FormLabel,
+	HStack: () => HStack,
+	Icon: () => Icon,
+	IconButton: () => IconButton,
+	Image: () => Image,
+	Input: () => Input,
+	InputHelpText: () => InputHelpText,
+	Link: () => Link,
+	Menu: () => Menu_index_exports,
+	Pressable: () => Pressable,
+	Radio: () => Radio,
+	RadioGroupProvider: () => RadioGroupProvider,
+	SpringMotionConfig: () => SpringMotionConfig,
+	Switch: () => Switch,
+	Text: () => Text,
+	Toast: () => Toast,
+	ToastContainer: () => ToastContainer,
+	ToastPortal: () => ToastPortal,
+	Tooltip: () => Tooltip,
+	TooltipContent: () => TooltipContent,
+	TooltipTrigger: () => TooltipTrigger,
+	UDSBreakpointsConfigProvider: () => UDSBreakpointsConfigProvider,
+	UDSConfigProvider: () => UDSConfigProvider,
+	UDSToastConfigProvider: () => UDSToastConfigProvider,
+	UDSTooltipConfigProvider: () => UDSTooltipConfigProvider,
+	VStack: () => VStack,
+	createToast: () => createToast,
+	useBreakpointsConfig: () => useBreakpointsConfig,
+	useToastConfig: () => useToastConfig
+});
+
+//#endregion
+export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, FormLabel, HStack, Icon, IconButton, Image, Input, InputHelpText, Link, Menu_index_exports as Menu, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, components_exports, createToast, useBreakpointsConfig, useToastConfig };

package/dist/css-tokens/dist/index.cjs

@@ -114,6 +114,14 @@ function getShadowLayerValue({ preset, prefix, shadowType }) {
 	const colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : ""}opacity, ${Number(preset.opacity) / 100}))`;
 	return `${shadowType === "inset" ? "inset " : ""}${cssValues} ${colorValue}`;
 }
+function getMotionVar({ variant, speed, control }) {
+	return `${[
+		`--${MOTION_PREFIX}`,
+		variant,
+		speed,
+		control
+	].join("-")}`;
+}
 
 //#endregion
 exports.AVATAR_SIZE_PREFIX = AVATAR_SIZE_PREFIX;
@@ -158,5 +166,6 @@ exports.XLARGE_SCALE_MODE_CLASSNAME = XLARGE_SCALE_MODE_CLASSNAME;
 exports.XSMALL_SCALE_MODE_CLASSNAME = XSMALL_SCALE_MODE_CLASSNAME;
 exports.XXLARGE_SCALE_MODE_CLASSNAME = XXLARGE_SCALE_MODE_CLASSNAME;
 exports.XXXLARGE_SCALE_MODE_CLASSNAME = XXXLARGE_SCALE_MODE_CLASSNAME;
+exports.getMotionVar = getMotionVar;
 exports.getShadowLayerValue = getShadowLayerValue;
 exports.textVariantsSafe = textVariantsSafe;

package/dist/css-tokens/dist/index.d.cts

@@ -1,5 +1,5 @@
 
-import { BreakpointWithBase, ShadowPreset, ShadowType } from "../../types/dist/index.cjs";
+import { BreakpointWithBase, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, ShadowPreset, ShadowType } from "../../types/dist/index.cjs";
 
 //#region ../css-tokens/dist/index.d.ts
 //#region src/index.d.ts
@@ -78,6 +78,16 @@ declare function getShadowLayerValue({
   preset: ShadowPreset;
   prefix?: string;
   shadowType: ShadowType;
-}): string; //#endregion
+}): string;
+interface GetMotionVarParams {
+  variant: MotionVariant;
+  speed: MotionVariantSpeed;
+  control: MotionSpringConfigOptions;
+}
+declare function getMotionVar({
+  variant,
+  speed,
+  control
+}: GetMotionVarParams): string; //#endregion
 //#endregion
-export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getShadowLayerValue, textVariantsSafe };
+export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, GetMotionVarParams, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };

package/dist/css-tokens/dist/index.d.ts

@@ -1,5 +1,5 @@
 
-import { BreakpointWithBase, ShadowPreset, ShadowType } from "../../types/dist/index.js";
+import { BreakpointWithBase, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, ShadowPreset, ShadowType } from "../../types/dist/index.js";
 
 //#region ../css-tokens/dist/index.d.ts
 //#region src/index.d.ts
@@ -78,6 +78,16 @@ declare function getShadowLayerValue({
   preset: ShadowPreset;
   prefix?: string;
   shadowType: ShadowType;
-}): string; //#endregion
+}): string;
+interface GetMotionVarParams {
+  variant: MotionVariant;
+  speed: MotionVariantSpeed;
+  control: MotionSpringConfigOptions;
+}
+declare function getMotionVar({
+  variant,
+  speed,
+  control
+}: GetMotionVarParams): string; //#endregion
 //#endregion
-export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getShadowLayerValue, textVariantsSafe };
+export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, GetMotionVarParams, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };

package/dist/css-tokens/dist/index.js

@@ -114,6 +114,14 @@ function getShadowLayerValue({ preset, prefix, shadowType }) {
 	const colorValue = `rgb(${defaultColor} / var(${varPrefix}${prefix ? `${prefix}-` : ""}opacity, ${Number(preset.opacity) / 100}))`;
 	return `${shadowType === "inset" ? "inset " : ""}${cssValues} ${colorValue}`;
 }
+function getMotionVar({ variant, speed, control }) {
+	return `${[
+		`--${MOTION_PREFIX}`,
+		variant,
+		speed,
+		control
+	].join("-")}`;
+}
 
 //#endregion
-export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getShadowLayerValue, textVariantsSafe };
+export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };