@yahoo/uds 3.159.1 → 3.160.0

package/dist/css-animation/IconButton/IconButton.cjs

@@ -0,0 +1,55 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Icon = require("../../components/Icon.cjs");
+require("../../components/client/Button/buttonConstants.cjs");
+const require_components_client_IconButton_IconButtonBase = require("../../components/client/IconButton/IconButtonBase.cjs");
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/css-animation/IconButton/IconButton.tsx
+/**
+* CSS-animation IconButton variant. This component intentionally never imports motion.
+*
+* @componentType Client component
+*/
+const IconButton = (0, react.forwardRef)(function IconButton(props, forwardedRef) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_IconButton_IconButtonBase.IconButtonBase, {
+		...props,
+		ref: forwardedRef,
+		renderIconContent: ({ asChild, loading, name, iconVariant, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+			size: "sm",
+			name: _yahoo_uds_icons.Progress,
+			variant: iconVariant,
+			color: "current",
+			className: loadingIconClassName
+		}) }), name && !loading && (!asChild && children || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+			size: "sm",
+			name,
+			variant: iconVariant,
+			color: "current",
+			className: [iconClassName, iconSlotClassName].filter(Boolean).join(" "),
+			...iconSlotProps
+		}))] }),
+		renderRoot: ({ asChild, Slot, children, buttonRef, type, htmlName, rootClassName, rest, iconContent }) => {
+			if (asChild && (0, react.isValidElement)(children)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
+				type,
+				className: rootClassName,
+				...rest,
+				children: require_components_client_IconButton_IconButtonBase.renderIconButtonAsChild(children, iconContent)
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				ref: buttonRef,
+				type,
+				className: rootClassName,
+				name: htmlName,
+				...rest,
+				children: iconContent
+			});
+		}
+	});
+});
+IconButton.displayName = "IconButton";
+//#endregion
+exports.IconButton = IconButton;

package/dist/css-animation/IconButton/IconButton.d.cts

@@ -0,0 +1,13 @@
+
+import { IconButtonProps } from "../../components/client/IconButton/IconButton.cjs";
+import * as _$react from "react";
+
+//#region src/css-animation/IconButton/IconButton.d.ts
+/**
+ * CSS-animation IconButton variant. This component intentionally never imports motion.
+ *
+ * @componentType Client component
+ */
+declare const IconButton: _$react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { IconButton, type IconButtonProps };

package/dist/css-animation/IconButton/IconButton.d.ts

@@ -0,0 +1,14 @@
+
+"use client";
+import { IconButtonProps } from "../../components/client/IconButton/IconButton.js";
+import * as _$react from "react";
+
+//#region src/css-animation/IconButton/IconButton.d.ts
+/**
+ * CSS-animation IconButton variant. This component intentionally never imports motion.
+ *
+ * @componentType Client component
+ */
+declare const IconButton: _$react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { IconButton, type IconButtonProps };

package/dist/css-animation/IconButton/IconButton.js

@@ -0,0 +1,53 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { Icon } from "../../components/Icon.js";
+import "../../components/client/Button/buttonConstants.js";
+import { IconButtonBase, renderIconButtonAsChild } from "../../components/client/IconButton/IconButtonBase.js";
+import { Progress } from "@yahoo/uds-icons";
+import { forwardRef, isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/css-animation/IconButton/IconButton.tsx
+/**
+* CSS-animation IconButton variant. This component intentionally never imports motion.
+*
+* @componentType Client component
+*/
+const IconButton = forwardRef(function IconButton(props, forwardedRef) {
+	return /* @__PURE__ */ jsx(IconButtonBase, {
+		...props,
+		ref: forwardedRef,
+		renderIconContent: ({ asChild, loading, name, iconVariant, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
+			size: "sm",
+			name: Progress,
+			variant: iconVariant,
+			color: "current",
+			className: loadingIconClassName
+		}) }), name && !loading && (!asChild && children || /* @__PURE__ */ jsx(Icon, {
+			size: "sm",
+			name,
+			variant: iconVariant,
+			color: "current",
+			className: [iconClassName, iconSlotClassName].filter(Boolean).join(" "),
+			...iconSlotProps
+		}))] }),
+		renderRoot: ({ asChild, Slot, children, buttonRef, type, htmlName, rootClassName, rest, iconContent }) => {
+			if (asChild && isValidElement(children)) return /* @__PURE__ */ jsx(Slot, {
+				type,
+				className: rootClassName,
+				...rest,
+				children: renderIconButtonAsChild(children, iconContent)
+			});
+			return /* @__PURE__ */ jsx("button", {
+				ref: buttonRef,
+				type,
+				className: rootClassName,
+				name: htmlName,
+				...rest,
+				children: iconContent
+			});
+		}
+	});
+});
+IconButton.displayName = "IconButton";
+//#endregion
+export { IconButton };

package/dist/css-animation/IconButton/index.cjs

@@ -0,0 +1,5 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_css_animation_IconButton_IconButton = require("./IconButton.cjs");
+exports.IconButton = require_css_animation_IconButton_IconButton.IconButton;

package/dist/css-animation/IconButton/index.d.cts

@@ -0,0 +1,4 @@
+
+import { IconButtonProps } from "../../components/client/IconButton/IconButton.cjs";
+import { IconButton } from "./IconButton.cjs";
+export { IconButton, type IconButtonProps };

package/dist/css-animation/IconButton/index.d.ts

@@ -0,0 +1,5 @@
+
+"use client";
+import { IconButtonProps } from "../../components/client/IconButton/IconButton.js";
+import { IconButton } from "./IconButton.js";
+export { IconButton, type IconButtonProps };

package/dist/css-animation/IconButton/index.js

@@ -0,0 +1,4 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { IconButton } from "./IconButton.js";
+export { IconButton };

package/dist/css-animation/Switch/Switch.cjs

@@ -0,0 +1,44 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_client_Switch_SwitchBase = require("../../components/client/Switch/SwitchBase.cjs");
+const require_css_animation_Switch_SwitchStaticHandle = require("./SwitchStaticHandle.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/css-animation/Switch/Switch.tsx
+/**
+* CSS-animation Switch variant. This component intentionally never imports motion.
+*
+* @componentType Client component
+*
+* @example
+* ```tsx
+* 'use client';
+* import { Switch } from '@yahoo/uds/css-animation';
+*
+* <Switch label="Name" required />
+* ```
+*/
+const Switch = (0, react.forwardRef)(function Switch(props, parentRef) {
+	const cssAnimationDuration = "duration-120";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Switch_SwitchBase.SwitchBase, {
+		...props,
+		ref: parentRef,
+		cssAnimationDuration,
+		renderHandle: ({ size, isOn, isOnTranslateClass, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_css_animation_Switch_SwitchStaticHandle.SwitchStaticHandle, {
+			size,
+			isOn,
+			isOnTranslateClass,
+			cssAnimationDuration,
+			disabled,
+			onIcon,
+			offIcon,
+			handleSlotProps
+		})
+	});
+});
+Switch.displayName = "Switch";
+//#endregion
+exports.Switch = Switch;

package/dist/css-animation/Switch/Switch.d.cts

@@ -0,0 +1,22 @@
+
+import { SwitchProps as SwitchProps$1 } from "../../components/client/Switch/types.cjs";
+import React from "react";
+
+//#region src/css-animation/Switch/Switch.d.ts
+type SwitchProps = SwitchProps$1;
+/**
+ * CSS-animation Switch variant. This component intentionally never imports motion.
+ *
+ * @componentType Client component
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Switch } from '@yahoo/uds/css-animation';
+ *
+ * <Switch label="Name" required />
+ * ```
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps$1 & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Switch, type SwitchProps };

package/dist/css-animation/Switch/Switch.d.ts

@@ -0,0 +1,23 @@
+
+"use client";
+import { SwitchProps as SwitchProps$1 } from "../../components/client/Switch/types.js";
+import React from "react";
+
+//#region src/css-animation/Switch/Switch.d.ts
+type SwitchProps = SwitchProps$1;
+/**
+ * CSS-animation Switch variant. This component intentionally never imports motion.
+ *
+ * @componentType Client component
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Switch } from '@yahoo/uds/css-animation';
+ *
+ * <Switch label="Name" required />
+ * ```
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps$1 & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Switch, type SwitchProps };

package/dist/css-animation/Switch/Switch.js

@@ -0,0 +1,41 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { SwitchBase } from "../../components/client/Switch/SwitchBase.js";
+import { SwitchStaticHandle } from "./SwitchStaticHandle.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/css-animation/Switch/Switch.tsx
+/**
+* CSS-animation Switch variant. This component intentionally never imports motion.
+*
+* @componentType Client component
+*
+* @example
+* ```tsx
+* 'use client';
+* import { Switch } from '@yahoo/uds/css-animation';
+*
+* <Switch label="Name" required />
+* ```
+*/
+const Switch = forwardRef(function Switch(props, parentRef) {
+	const cssAnimationDuration = "duration-120";
+	return /* @__PURE__ */ jsx(SwitchBase, {
+		...props,
+		ref: parentRef,
+		cssAnimationDuration,
+		renderHandle: ({ size, isOn, isOnTranslateClass, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => /* @__PURE__ */ jsx(SwitchStaticHandle, {
+			size,
+			isOn,
+			isOnTranslateClass,
+			cssAnimationDuration,
+			disabled,
+			onIcon,
+			offIcon,
+			handleSlotProps
+		})
+	});
+});
+Switch.displayName = "Switch";
+//#endregion
+export { Switch };

package/dist/css-animation/Switch/SwitchStaticHandle.cjs

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../styles/styler.cjs");
+const require_components_IconSlot = require("../../components/IconSlot.cjs");
+const require_components_Box = require("../../components/Box.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/css-animation/Switch/SwitchStaticHandle.tsx
+function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
+	const classNames = {
+		handle: require_styles_styler.getStyles({
+			switchSizeHandle: size,
+			className: require_styles_styler.cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
+		}),
+		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", !disabled && "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")
+		})
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
+		className: require_styles_styler.cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
+		...handleSlotProps,
+		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")
+			})
+		]
+	});
+}
+SwitchStaticHandle.displayName = "SwitchStaticHandle";
+//#endregion
+exports.SwitchStaticHandle = SwitchStaticHandle;

package/dist/css-animation/Switch/SwitchStaticHandle.d.cts

@@ -0,0 +1,31 @@
+
+import { SwitchSize, UniversalSwitchProps } from "../../types/dist/index.cjs";
+import { DataAttributes } from "../../components/client/Switch/types.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/css-animation/Switch/SwitchStaticHandle.d.ts
+type SwitchStaticHandleProps = {
+  size: SwitchSize;
+  isOn: boolean;
+  isOnTranslateClass: string;
+  cssAnimationDuration: string;
+  disabled?: boolean;
+  onIcon?: UniversalSwitchProps['onIcon'];
+  offIcon?: UniversalSwitchProps['offIcon'];
+  handleSlotProps?: DataAttributes;
+};
+declare function SwitchStaticHandle({
+  size,
+  isOn,
+  isOnTranslateClass,
+  cssAnimationDuration,
+  disabled,
+  onIcon,
+  offIcon,
+  handleSlotProps
+}: SwitchStaticHandleProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace SwitchStaticHandle {
+  var displayName: string;
+}
+//#endregion
+export { SwitchStaticHandle, type SwitchStaticHandleProps };

package/dist/css-animation/Switch/SwitchStaticHandle.d.ts

@@ -0,0 +1,32 @@
+
+"use client";
+import { SwitchSize, UniversalSwitchProps } from "../../types/dist/index.js";
+import { DataAttributes } from "../../components/client/Switch/types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/css-animation/Switch/SwitchStaticHandle.d.ts
+type SwitchStaticHandleProps = {
+  size: SwitchSize;
+  isOn: boolean;
+  isOnTranslateClass: string;
+  cssAnimationDuration: string;
+  disabled?: boolean;
+  onIcon?: UniversalSwitchProps['onIcon'];
+  offIcon?: UniversalSwitchProps['offIcon'];
+  handleSlotProps?: DataAttributes;
+};
+declare function SwitchStaticHandle({
+  size,
+  isOn,
+  isOnTranslateClass,
+  cssAnimationDuration,
+  disabled,
+  onIcon,
+  offIcon,
+  handleSlotProps
+}: SwitchStaticHandleProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace SwitchStaticHandle {
+  var displayName: string;
+}
+//#endregion
+export { SwitchStaticHandle, type SwitchStaticHandleProps };

package/dist/css-animation/Switch/SwitchStaticHandle.js

@@ -0,0 +1,54 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { cx, getStyles } from "../../styles/styler.js";
+import { IconSlot } from "../../components/IconSlot.js";
+import { Box } from "../../components/Box.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/css-animation/Switch/SwitchStaticHandle.tsx
+function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
+	const classNames = {
+		handle: getStyles({
+			switchSizeHandle: size,
+			className: cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
+		}),
+		handleCircle: getStyles({
+			switchVariantActiveHandle: isOn ? "on" : "off",
+			switchVariantHandle: "default",
+			className: cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95", !disabled && "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")
+		})
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
+		...handleSlotProps,
+		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")
+			})
+		]
+	});
+}
+SwitchStaticHandle.displayName = "SwitchStaticHandle";
+//#endregion
+export { SwitchStaticHandle };

package/dist/css-animation/Switch/index.cjs

@@ -0,0 +1,5 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_css_animation_Switch_Switch = require("./Switch.cjs");
+exports.Switch = require_css_animation_Switch_Switch.Switch;

package/dist/css-animation/Switch/index.d.cts

@@ -0,0 +1,3 @@
+
+import { Switch, SwitchProps } from "./Switch.cjs";
+export { Switch, type SwitchProps };

package/dist/css-animation/Switch/index.d.ts

@@ -0,0 +1,4 @@
+
+"use client";
+import { Switch, SwitchProps } from "./Switch.js";
+export { Switch, type SwitchProps };

package/dist/css-animation/Switch/index.js

@@ -0,0 +1,4 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { Switch } from "./Switch.js";
+export { Switch };

package/dist/css-animation/index.cjs

@@ -0,0 +1,9 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_css_animation_Button_Button = require("./Button/Button.cjs");
+const require_css_animation_IconButton_IconButton = require("./IconButton/IconButton.cjs");
+const require_css_animation_Switch_Switch = require("./Switch/Switch.cjs");
+exports.Button = require_css_animation_Button_Button.Button;
+exports.IconButton = require_css_animation_IconButton_IconButton.IconButton;
+exports.Switch = require_css_animation_Switch_Switch.Switch;

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

@@ -0,0 +1,7 @@
+
+import { ButtonProps } from "../components/client/Button/Button.cjs";
+import { IconButtonProps } from "../components/client/IconButton/IconButton.cjs";
+import { Button } from "./Button/Button.cjs";
+import { IconButton } from "./IconButton/IconButton.cjs";
+import { Switch, SwitchProps } from "./Switch/Switch.cjs";
+export { Button, type ButtonProps, IconButton, type IconButtonProps, Switch, type SwitchProps };

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

@@ -0,0 +1,8 @@
+
+"use client";
+import { ButtonProps } from "../components/client/Button/Button.js";
+import { IconButtonProps } from "../components/client/IconButton/IconButton.js";
+import { Button } from "./Button/Button.js";
+import { IconButton } from "./IconButton/IconButton.js";
+import { Switch, SwitchProps } from "./Switch/Switch.js";
+export { Button, type ButtonProps, IconButton, type IconButtonProps, Switch, type SwitchProps };

package/dist/css-animation/index.js

@@ -0,0 +1,6 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { Button } from "./Button/Button.js";
+import { IconButton } from "./IconButton/IconButton.js";
+import { Switch } from "./Switch/Switch.js";
+export { Button, IconButton, Switch };

package/dist/hooks/usePrefersReducedMotion.cjs

@@ -0,0 +1,24 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/hooks/usePrefersReducedMotion.ts
+const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+const usePrefersReducedMotion = () => {
+	const [prefersReducedMotion, setPrefersReducedMotion] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+		const mediaQueryList = window.matchMedia(REDUCED_MOTION_QUERY);
+		const updatePreference = () => {
+			setPrefersReducedMotion(mediaQueryList.matches);
+		};
+		updatePreference();
+		mediaQueryList.addEventListener("change", updatePreference);
+		return () => {
+			mediaQueryList.removeEventListener("change", updatePreference);
+		};
+	}, []);
+	return prefersReducedMotion;
+};
+//#endregion
+exports.usePrefersReducedMotion = usePrefersReducedMotion;

package/dist/hooks/usePrefersReducedMotion.d.cts

@@ -0,0 +1,5 @@
+
+//#region src/hooks/usePrefersReducedMotion.d.ts
+declare const usePrefersReducedMotion: () => boolean;
+//#endregion
+export { usePrefersReducedMotion };

package/dist/hooks/usePrefersReducedMotion.d.ts

@@ -0,0 +1,5 @@
+
+//#region src/hooks/usePrefersReducedMotion.d.ts
+declare const usePrefersReducedMotion: () => boolean;
+//#endregion
+export { usePrefersReducedMotion };

package/dist/hooks/usePrefersReducedMotion.js

@@ -0,0 +1,22 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { useEffect, useState } from "react";
+//#region src/hooks/usePrefersReducedMotion.ts
+const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+const usePrefersReducedMotion = () => {
+	const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
+	useEffect(() => {
+		if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+		const mediaQueryList = window.matchMedia(REDUCED_MOTION_QUERY);
+		const updatePreference = () => {
+			setPrefersReducedMotion(mediaQueryList.matches);
+		};
+		updatePreference();
+		mediaQueryList.addEventListener("change", updatePreference);
+		return () => {
+			mediaQueryList.removeEventListener("change", updatePreference);
+		};
+	}, []);
+	return prefersReducedMotion;
+};
+//#endregion
+export { usePrefersReducedMotion };