@yahoo/uds 3.66.1 → 3.67.0-beta.2

package/dist/components/client/Switch.cjs

@@ -0,0 +1,218 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_styles_styler = require('../../styles/styler.cjs');
+const require_components_Box = require('../Box.cjs');
+const require_components_FormLabel = require('../FormLabel.cjs');
+const require_components_IconSlot = require('../IconSlot.cjs');
+const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let motion_react = require("motion/react");
+
+//#region src/components/client/Switch.tsx
+const SIZE_MAP = {
+	md: { isOnX: 20 },
+	sm: { isOnX: 12 }
+};
+const MotionBox = motion_react.m.create(require_components_Box.Box);
+const toggleTransition = {
+	layoutVariant: "bouncy",
+	layoutSpeed: "4"
+};
+/**
+* **⚙️️ An switch.
+*
+* @componentType Client component
+*
+* @description
+* A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
+*
+* @see
+* Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
+*
+* @usage
+* - Forms: switch
+*
+* @example
+* ```tsx
+* 'use client';
+* import { Switch } from "@yahoo/uds";
+*
+* <Switch label="Name" required />
+*```
+*
+* @related [Checkbox](https://uds.build/docs/components/checkbox).
+**/
+const Switch = (0, react.forwardRef)(function Switch$1({ id, isOn: isOnProp, defaultIsOn, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, reduceMotion: forceReduceMotion, disabled, required, onFocus, onBlur, className, layerClassNames, ...switchProps }, parentRef) {
+	const generatedId = (0, react.useId)();
+	const uid = id ?? `uds-input-${generatedId}`;
+	const innerRef = (0, react.useRef)(null);
+	/**
+	* State
+	*/
+	const isControlled = isOnProp !== void 0;
+	const [isOn, setIsOn] = (0, react.useState)(isControlled ? isOnProp : defaultIsOn);
+	const [isHovered, setIsHovered] = (0, react.useState)(false);
+	/**
+	* Derived values
+	*/
+	const showHoverEffect = (0, react.useMemo)(() => {
+		return !disabled && isHovered;
+	}, [disabled, isHovered]);
+	const { isOnX } = SIZE_MAP[size];
+	const motionInitialAndAnimate = (0, react.useMemo)(() => ({
+		initial: {
+			scale: 1,
+			x: isOn ? isOnX : 0
+		},
+		animate: {
+			scale: showHoverEffect ? 1.05 : 1,
+			x: isOn ? isOnX : 0
+		}
+	}), [
+		showHoverEffect,
+		isOn,
+		isOnX
+	]);
+	/**
+	* Handlers
+	*/
+	const handleChange = (0, react.useCallback)((e) => {
+		onChange?.(e);
+		if (!isControlled) setIsOn(e.target.checked);
+	}, [isControlled, onChange]);
+	const handleFocus = (0, react.useCallback)((e) => {
+		onFocus?.(e);
+	}, [onFocus]);
+	const handleBlur = (0, react.useCallback)((e) => {
+		onBlur?.(e);
+	}, [onBlur]);
+	const handleHoverStart = (0, react.useCallback)(() => {
+		setIsHovered(true);
+	}, []);
+	const handleHoverEnd = (0, react.useCallback)(() => {
+		setIsHovered(false);
+	}, []);
+	const prefersReducedMotion = (0, motion_react.useReducedMotion)();
+	const reduceMotion = forceReduceMotion ? "always" : "user";
+	const cssAnimationDuration = prefersReducedMotion || forceReduceMotion ? "duration-0" : "duration-120";
+	/**
+	* Effects
+	*/
+	(0, react.useEffect)(() => {
+		if (isControlled) setIsOn(isOnProp);
+	}, [isOnProp, isControlled]);
+	const classNames = {
+		root: require_styles_styler.getStyles({
+			switchSizeRoot: size,
+			switchVariantRoot: "default",
+			switchVariantActiveRoot: isOn ? "on" : "off",
+			display: "flex",
+			flexDirection: labelPosition === "start" ? "row" : "row-reverse",
+			alignItems: "center",
+			className: require_styles_styler.cx("group", {
+				"cursor-pointer": !disabled,
+				"cursor-default": disabled,
+				"opacity-50": disabled
+			}, layerClassNames?.root, className)
+		}),
+		switch: require_styles_styler.getStyles({
+			switchVariantSwitch: "default",
+			switchSizeSwitch: size,
+			switchVariantActiveSwitch: isOn ? "on" : "off",
+			borderRadius: "full",
+			position: "relative",
+			alignItems: "center",
+			className: require_styles_styler.cx("uds-ring", "uds-ring-within", cssAnimationDuration, "transition-[background-color,box-shadow]", layerClassNames?.switch)
+		}),
+		handle: require_styles_styler.getStyles({
+			switchSizeHandle: size,
+			className: require_styles_styler.cx("relative", "pointer-events-none", "rounded-full", "overflow-hidden", layerClassNames?.handle)
+		}),
+		handleCircle: require_styles_styler.getStyles({
+			switchVariantActiveHandle: isOn ? "on" : "off",
+			switchVariantHandle: "default",
+			className: require_styles_styler.cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95 group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
+		}),
+		handleIcon: require_styles_styler.getStyles({
+			switchSizeHandleIcon: size,
+			switchVariantHandleIcon: "default",
+			switchVariantActiveHandleIcon: isOn ? "on" : "off",
+			className: require_styles_styler.cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
+		}),
+		htmlCheckbox: require_styles_styler.cx("cursor-[inherit]", "absolute", "opacity-0", "top-1/2", "left-1/2", "w-[calc(100%+2px)]", "h-[calc(100%+2px)]", "transform", "translate-x-[-50%]", "translate-y-[-50%]"),
+		label: require_styles_styler.cx(labelPosition === "start" ? "text-start" : "text-end", layerClassNames?.label)
+	};
+	const RootElement = label ? motion_react.m.label : motion_react.m.div;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_SpringMotionConfig.SpringMotionConfig, {
+		reducedMotion: reduceMotion,
+		...toggleTransition,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(RootElement, {
+			className: classNames.root,
+			"data-testid": "container",
+			onHoverStart: handleHoverStart,
+			onHoverEnd: handleHoverEnd,
+			tabIndex: -1,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MotionBox, {
+				className: classNames.switch,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "checkbox",
+					tabIndex: 0,
+					...switchProps,
+					ref: (ref) => {
+						innerRef.current = ref;
+						if (typeof parentRef === "function") parentRef(ref);
+						else if (parentRef !== null) parentRef.current = ref;
+					},
+					onFocus: handleFocus,
+					onBlur: handleBlur,
+					id: uid,
+					disabled,
+					required,
+					checked: isControlled ? isOn : void 0,
+					defaultChecked: isControlled ? void 0 : defaultIsOn,
+					onChange: handleChange,
+					className: classNames.htmlCheckbox,
+					style: {}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MotionBox, {
+					className: classNames.handle,
+					...motionInitialAndAnimate,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: classNames.handleCircle }),
+						onIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+							icon: onIcon,
+							iconProps: {
+								variant: "fill",
+								size: "sm"
+							},
+							"data-testid": "on-icon",
+							className: require_styles_styler.cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
+						}),
+						offIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+							icon: offIcon,
+							iconProps: {
+								variant: "fill",
+								size: "sm"
+							},
+							"data-testid": "off-icon",
+							className: require_styles_styler.cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
+						})
+					]
+				})]
+			}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_FormLabel.FormLabel, {
+				as: "div",
+				variant: "inherit",
+				color: "inherit",
+				required,
+				label,
+				className: classNames.label
+			})]
+		})
+	});
+});
+Switch.displayName = "Switch";
+
+//#endregion
+exports.Switch = Switch;

package/dist/components/client/Switch.d.cts

@@ -0,0 +1,41 @@
+import { UniversalSwitchProps } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+import React from "react";
+
+//#region src/components/client/Switch.d.ts
+type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
+interface SwitchProps extends NativeInputProps, UniversalSwitchProps {
+  layerClassNames?: {
+    root?: string;
+    switch?: string;
+    handle?: string;
+    label?: string;
+  };
+}
+/**
+ * **⚙️️ An switch.
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
+ *
+ * @usage
+ * - Forms: switch
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Switch } from "@yahoo/uds";
+ *
+ * <Switch label="Name" required />
+ *```
+ *
+ * @related [Checkbox](https://uds.build/docs/components/checkbox).
+ **/
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Switch, type SwitchProps };

package/dist/components/client/Switch.d.ts

@@ -0,0 +1,41 @@
+import { UniversalSwitchProps } from "../../tokens/types.js";
+import "../../tokens/index.js";
+import React from "react";
+
+//#region src/components/client/Switch.d.ts
+type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
+interface SwitchProps extends NativeInputProps, UniversalSwitchProps {
+  layerClassNames?: {
+    root?: string;
+    switch?: string;
+    handle?: string;
+    label?: string;
+  };
+}
+/**
+ * **⚙️️ An switch.
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
+ *
+ * @usage
+ * - Forms: switch
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Switch } from "@yahoo/uds";
+ *
+ * <Switch label="Name" required />
+ *```
+ *
+ * @related [Checkbox](https://uds.build/docs/components/checkbox).
+ **/
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Switch, type SwitchProps };

package/dist/components/client/Switch.js

@@ -0,0 +1,216 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { cx, getStyles } from "../../styles/styler.js";
+import { Box } from "../Box.js";
+import { FormLabel } from "../FormLabel.js";
+import { IconSlot } from "../IconSlot.js";
+import { SpringMotionConfig } from "./SpringMotionConfig.js";
+import React, { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { m, useReducedMotion } from "motion/react";
+
+//#region src/components/client/Switch.tsx
+const SIZE_MAP = {
+	md: { isOnX: 20 },
+	sm: { isOnX: 12 }
+};
+const MotionBox = m.create(Box);
+const toggleTransition = {
+	layoutVariant: "bouncy",
+	layoutSpeed: "4"
+};
+/**
+* **⚙️️ An switch.
+*
+* @componentType Client component
+*
+* @description
+* A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
+*
+* @see
+* Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
+*
+* @usage
+* - Forms: switch
+*
+* @example
+* ```tsx
+* 'use client';
+* import { Switch } from "@yahoo/uds";
+*
+* <Switch label="Name" required />
+*```
+*
+* @related [Checkbox](https://uds.build/docs/components/checkbox).
+**/
+const Switch = forwardRef(function Switch$1({ id, isOn: isOnProp, defaultIsOn, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, reduceMotion: forceReduceMotion, disabled, required, onFocus, onBlur, className, layerClassNames, ...switchProps }, parentRef) {
+	const generatedId = useId();
+	const uid = id ?? `uds-input-${generatedId}`;
+	const innerRef = useRef(null);
+	/**
+	* State
+	*/
+	const isControlled = isOnProp !== void 0;
+	const [isOn, setIsOn] = useState(isControlled ? isOnProp : defaultIsOn);
+	const [isHovered, setIsHovered] = useState(false);
+	/**
+	* Derived values
+	*/
+	const showHoverEffect = useMemo(() => {
+		return !disabled && isHovered;
+	}, [disabled, isHovered]);
+	const { isOnX } = SIZE_MAP[size];
+	const motionInitialAndAnimate = useMemo(() => ({
+		initial: {
+			scale: 1,
+			x: isOn ? isOnX : 0
+		},
+		animate: {
+			scale: showHoverEffect ? 1.05 : 1,
+			x: isOn ? isOnX : 0
+		}
+	}), [
+		showHoverEffect,
+		isOn,
+		isOnX
+	]);
+	/**
+	* Handlers
+	*/
+	const handleChange = useCallback((e) => {
+		onChange?.(e);
+		if (!isControlled) setIsOn(e.target.checked);
+	}, [isControlled, onChange]);
+	const handleFocus = useCallback((e) => {
+		onFocus?.(e);
+	}, [onFocus]);
+	const handleBlur = useCallback((e) => {
+		onBlur?.(e);
+	}, [onBlur]);
+	const handleHoverStart = useCallback(() => {
+		setIsHovered(true);
+	}, []);
+	const handleHoverEnd = useCallback(() => {
+		setIsHovered(false);
+	}, []);
+	const prefersReducedMotion = useReducedMotion();
+	const reduceMotion = forceReduceMotion ? "always" : "user";
+	const cssAnimationDuration = prefersReducedMotion || forceReduceMotion ? "duration-0" : "duration-120";
+	/**
+	* Effects
+	*/
+	useEffect(() => {
+		if (isControlled) setIsOn(isOnProp);
+	}, [isOnProp, isControlled]);
+	const classNames = {
+		root: getStyles({
+			switchSizeRoot: size,
+			switchVariantRoot: "default",
+			switchVariantActiveRoot: isOn ? "on" : "off",
+			display: "flex",
+			flexDirection: labelPosition === "start" ? "row" : "row-reverse",
+			alignItems: "center",
+			className: cx("group", {
+				"cursor-pointer": !disabled,
+				"cursor-default": disabled,
+				"opacity-50": disabled
+			}, layerClassNames?.root, className)
+		}),
+		switch: getStyles({
+			switchVariantSwitch: "default",
+			switchSizeSwitch: size,
+			switchVariantActiveSwitch: isOn ? "on" : "off",
+			borderRadius: "full",
+			position: "relative",
+			alignItems: "center",
+			className: cx("uds-ring", "uds-ring-within", cssAnimationDuration, "transition-[background-color,box-shadow]", layerClassNames?.switch)
+		}),
+		handle: getStyles({
+			switchSizeHandle: size,
+			className: cx("relative", "pointer-events-none", "rounded-full", "overflow-hidden", layerClassNames?.handle)
+		}),
+		handleCircle: getStyles({
+			switchVariantActiveHandle: isOn ? "on" : "off",
+			switchVariantHandle: "default",
+			className: cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95 group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
+		}),
+		handleIcon: getStyles({
+			switchSizeHandleIcon: size,
+			switchVariantHandleIcon: "default",
+			switchVariantActiveHandleIcon: isOn ? "on" : "off",
+			className: cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
+		}),
+		htmlCheckbox: cx("cursor-[inherit]", "absolute", "opacity-0", "top-1/2", "left-1/2", "w-[calc(100%+2px)]", "h-[calc(100%+2px)]", "transform", "translate-x-[-50%]", "translate-y-[-50%]"),
+		label: cx(labelPosition === "start" ? "text-start" : "text-end", layerClassNames?.label)
+	};
+	const RootElement = label ? m.label : m.div;
+	return /* @__PURE__ */ jsx(SpringMotionConfig, {
+		reducedMotion: reduceMotion,
+		...toggleTransition,
+		children: /* @__PURE__ */ jsxs(RootElement, {
+			className: classNames.root,
+			"data-testid": "container",
+			onHoverStart: handleHoverStart,
+			onHoverEnd: handleHoverEnd,
+			tabIndex: -1,
+			children: [/* @__PURE__ */ jsxs(MotionBox, {
+				className: classNames.switch,
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					tabIndex: 0,
+					...switchProps,
+					ref: (ref) => {
+						innerRef.current = ref;
+						if (typeof parentRef === "function") parentRef(ref);
+						else if (parentRef !== null) parentRef.current = ref;
+					},
+					onFocus: handleFocus,
+					onBlur: handleBlur,
+					id: uid,
+					disabled,
+					required,
+					checked: isControlled ? isOn : void 0,
+					defaultChecked: isControlled ? void 0 : defaultIsOn,
+					onChange: handleChange,
+					className: classNames.htmlCheckbox,
+					style: {}
+				}), /* @__PURE__ */ jsxs(MotionBox, {
+					className: classNames.handle,
+					...motionInitialAndAnimate,
+					children: [
+						/* @__PURE__ */ jsx(Box, { className: classNames.handleCircle }),
+						onIcon && /* @__PURE__ */ jsx(IconSlot, {
+							icon: onIcon,
+							iconProps: {
+								variant: "fill",
+								size: "sm"
+							},
+							"data-testid": "on-icon",
+							className: cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
+						}),
+						offIcon && /* @__PURE__ */ jsx(IconSlot, {
+							icon: offIcon,
+							iconProps: {
+								variant: "fill",
+								size: "sm"
+							},
+							"data-testid": "off-icon",
+							className: cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
+						})
+					]
+				})]
+			}), label && /* @__PURE__ */ jsx(FormLabel, {
+				as: "div",
+				variant: "inherit",
+				color: "inherit",
+				required,
+				label,
+				className: classNames.label
+			})]
+		})
+	});
+});
+Switch.displayName = "Switch";
+
+//#endregion
+export { Switch };

package/dist/components/client/index.cjs

@@ -0,0 +1,50 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_components_client_Avatar_AvatarIcon = require('./Avatar/AvatarIcon.cjs');
+const require_components_client_Avatar_AvatarText = require('./Avatar/AvatarText.cjs');
+const require_components_client_Avatar_AvatarImage = require('./Avatar/AvatarImage.cjs');
+const require_components_client_Avatar_Avatar = require('./Avatar/Avatar.cjs');
+const require_components_client_Badge = require('./Badge.cjs');
+const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
+const require_components_client_Button = require('./Button.cjs');
+const require_components_client_Checkbox = require('./Checkbox.cjs');
+const require_components_client_Chip_ChipButton = require('./Chip/ChipButton.cjs');
+const require_components_client_Pressable = require('./Pressable.cjs');
+const require_components_client_Chip_ChipDismissible = require('./Chip/ChipDismissible.cjs');
+const require_components_client_Chip_ChipLink = require('./Chip/ChipLink.cjs');
+const require_components_client_Chip_ChipToggle = require('./Chip/ChipToggle.cjs');
+const require_components_client_Chip_Chip = require('./Chip/Chip.cjs');
+const require_components_client_IconButton = require('./IconButton.cjs');
+const require_components_client_Input_Input = require('./Input/Input.cjs');
+const require_components_client_Input_InputHelpText = require('./Input/InputHelpText.cjs');
+const require_components_client_Menu_Menu_index = require('./Menu/Menu.index.cjs');
+const require_components_client_Radio_Radio = require('./Radio/Radio.cjs');
+const require_components_client_Radio_RadioGroupProvider = require('./Radio/RadioGroupProvider.cjs');
+const require_components_client_Switch = require('./Switch.cjs');
+
+exports.Avatar = require_components_client_Avatar_Avatar.Avatar;
+exports.AvatarIcon = require_components_client_Avatar_AvatarIcon.AvatarIcon;
+exports.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;
+exports.AvatarText = require_components_client_Avatar_AvatarText.AvatarText;
+exports.Badge = require_components_client_Badge.Badge;
+exports.Button = require_components_client_Button.Button;
+exports.Checkbox = require_components_client_Checkbox.Checkbox;
+exports.Chip = require_components_client_Chip_Chip.Chip;
+exports.ChipButton = require_components_client_Chip_ChipButton.ChipButton;
+exports.ChipDismissible = require_components_client_Chip_ChipDismissible.ChipDismissible;
+exports.ChipLink = require_components_client_Chip_ChipLink.ChipLink;
+exports.ChipToggle = require_components_client_Chip_ChipToggle.ChipToggle;
+exports.IconButton = require_components_client_IconButton.IconButton;
+exports.Input = require_components_client_Input_Input.Input;
+exports.InputHelpText = require_components_client_Input_InputHelpText.InputHelpText;
+Object.defineProperty(exports, 'Menu', {
+  enumerable: true,
+  get: function () {
+    return require_components_client_Menu_Menu_index.Menu_index_exports;
+  }
+});
+exports.Pressable = require_components_client_Pressable.Pressable;
+exports.Radio = require_components_client_Radio_Radio.Radio;
+exports.RadioGroupProvider = require_components_client_Radio_RadioGroupProvider.RadioGroupProvider;
+exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
+exports.Switch = require_components_client_Switch.Switch;

package/dist/components/client/index.d.cts

@@ -0,0 +1,33 @@
+import { SpringMotionConfig, SpringMotionConfigProps } from "./SpringMotionConfig.cjs";
+import { AvatarIcon, AvatarIconProps } from "./Avatar/AvatarIcon.cjs";
+import { AvatarText, AvatarTextProps } from "./Avatar/AvatarText.cjs";
+import { AvatarImage, AvatarImageProps } from "./Avatar/AvatarImage.cjs";
+import { Avatar, AvatarProps } from "./Avatar/Avatar.cjs";
+import "./Avatar/index.cjs";
+import { Badge, BadgeProps } from "./Badge.cjs";
+import { Button, ButtonProps } from "./Button.cjs";
+import { Checkbox, CheckboxProps } from "./Checkbox.cjs";
+import { Chip, ChipProps } from "./Chip/Chip.cjs";
+import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.cjs";
+import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.cjs";
+import { ChipLink, ChipLinkProps } from "./Chip/ChipLink.cjs";
+import { ChipToggle, ChipToggleProps } from "./Chip/ChipToggle.cjs";
+import "./Chip/index.cjs";
+import { IconButton, IconButtonProps } from "./IconButton.cjs";
+import { Input, InputProps } from "./Input/Input.cjs";
+import { InputHelpText, InputHelpTextProps } from "./Input/InputHelpText.cjs";
+import "./Input/index.cjs";
+import { MenuContentProps } from "./Menu/Menu.Content.cjs";
+import { MenuDividerProps } from "./Menu/Menu.Divider.cjs";
+import { Pressable, PressableProps } from "./Pressable.cjs";
+import { MenuItemProps } from "./Menu/Menu.Item.cjs";
+import { MenuItemCheckboxProps } from "./Menu/Menu.ItemCheckbox.cjs";
+import { MenuPlacement, MenuProviderProps } from "./Menu/Menu.Provider.cjs";
+import { MenuTriggerProps } from "./Menu/Menu.Trigger.cjs";
+import { Menu_index_d_exports } from "./Menu/Menu.index.cjs";
+import "./Menu/index.cjs";
+import { Radio, RadioProps } from "./Radio/Radio.cjs";
+import { RadioGroupProvider, RadioGroupProviderProps } from "./Radio/RadioGroupProvider.cjs";
+import "./Radio/index.cjs";
+import { Switch, SwitchProps } from "./Switch.cjs";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps };

package/dist/components/client/index.d.ts

@@ -0,0 +1,33 @@
+import { SpringMotionConfig, SpringMotionConfigProps } from "./SpringMotionConfig.js";
+import { AvatarIcon, AvatarIconProps } from "./Avatar/AvatarIcon.js";
+import { AvatarText, AvatarTextProps } from "./Avatar/AvatarText.js";
+import { AvatarImage, AvatarImageProps } from "./Avatar/AvatarImage.js";
+import { Avatar, AvatarProps } from "./Avatar/Avatar.js";
+import "./Avatar/index.js";
+import { Badge, BadgeProps } from "./Badge.js";
+import { Button, ButtonProps } from "./Button.js";
+import { Checkbox, CheckboxProps } from "./Checkbox.js";
+import { Chip, ChipProps } from "./Chip/Chip.js";
+import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.js";
+import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.js";
+import { ChipLink, ChipLinkProps } from "./Chip/ChipLink.js";
+import { ChipToggle, ChipToggleProps } from "./Chip/ChipToggle.js";
+import "./Chip/index.js";
+import { IconButton, IconButtonProps } from "./IconButton.js";
+import { Input, InputProps } from "./Input/Input.js";
+import { InputHelpText, InputHelpTextProps } from "./Input/InputHelpText.js";
+import "./Input/index.js";
+import { MenuContentProps } from "./Menu/Menu.Content.js";
+import { MenuDividerProps } from "./Menu/Menu.Divider.js";
+import { Pressable, PressableProps } from "./Pressable.js";
+import { MenuItemProps } from "./Menu/Menu.Item.js";
+import { MenuItemCheckboxProps } from "./Menu/Menu.ItemCheckbox.js";
+import { MenuPlacement, MenuProviderProps } from "./Menu/Menu.Provider.js";
+import { MenuTriggerProps } from "./Menu/Menu.Trigger.js";
+import { Menu_index_d_exports } from "./Menu/Menu.index.js";
+import "./Menu/index.js";
+import { Radio, RadioProps } from "./Radio/Radio.js";
+import { RadioGroupProvider, RadioGroupProviderProps } from "./Radio/RadioGroupProvider.js";
+import "./Radio/index.js";
+import { Switch, SwitchProps } from "./Switch.js";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps };

package/dist/components/client/index.js

@@ -0,0 +1,25 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { AvatarIcon } from "./Avatar/AvatarIcon.js";
+import { AvatarText } from "./Avatar/AvatarText.js";
+import { AvatarImage } from "./Avatar/AvatarImage.js";
+import { Avatar } from "./Avatar/Avatar.js";
+import { Badge } from "./Badge.js";
+import { SpringMotionConfig } from "./SpringMotionConfig.js";
+import { Button } from "./Button.js";
+import { Checkbox } from "./Checkbox.js";
+import { ChipButton } from "./Chip/ChipButton.js";
+import { Pressable } from "./Pressable.js";
+import { ChipDismissible } from "./Chip/ChipDismissible.js";
+import { ChipLink } from "./Chip/ChipLink.js";
+import { ChipToggle } from "./Chip/ChipToggle.js";
+import { Chip } from "./Chip/Chip.js";
+import { IconButton } from "./IconButton.js";
+import { Input } from "./Input/Input.js";
+import { InputHelpText } from "./Input/InputHelpText.js";
+import { Menu_index_exports } from "./Menu/Menu.index.js";
+import { Radio } from "./Radio/Radio.js";
+import { RadioGroupProvider } from "./Radio/RadioGroupProvider.js";
+import { Switch } from "./Switch.js";
+
+export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, IconButton, Input, InputHelpText, Menu_index_exports as Menu, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch };

package/dist/components/client/motionFeatures/domAnimation.cjs

@@ -0,0 +1,11 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let motion_react = require("motion/react");
+
+Object.defineProperty(exports, 'domAnimation', {
+  enumerable: true,
+  get: function () {
+    return motion_react.domAnimation;
+  }
+});