@yahoo/uds 3.160.0 → 3.162.0

package/dist/components/client/Radio/RadioBase.cjs

@@ -0,0 +1,133 @@
+/*! © 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_styles_styler = require("../../../styles/styler.cjs");
+const require_components_FormLabel = require("../../FormLabel.cjs");
+const require_components_client_Radio_radioConstants = require("./radioConstants.cjs");
+const require_components_client_Radio_useRadioGroup = require("./useRadioGroup.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Radio/RadioBase.tsx
+const RadioBase = (0, react.forwardRef)(function RadioBase({ id, name: nameProp, label, labelPosition = "start", variant: variantProp = "primary", size = "md", reduceMotion: _reduceMotion, value: valueProp = "", checked: checkedProp, defaultChecked, disabled, hasError, onChange, onFocus, onBlur, className, style, slotProps, cssAnimationDuration, enableInteractionTracking = false, renderRoot, renderIndicator, ...radioProps }, parentRef) {
+	const generatedId = (0, react.useId)();
+	const uid = id ?? `uds-radio-${generatedId}`;
+	const rootSlotProps = slotProps?.root ?? {};
+	const radioSlotProps = slotProps?.radio ?? {};
+	const radioIconSlotProps = slotProps?.radioIcon ?? {};
+	const labelSlotProps = slotProps?.label ?? {};
+	const innerRef = (0, react.useRef)(null);
+	/**
+	* State
+	*/
+	const { name, isControlled, checked, setGroupValue } = require_components_client_Radio_useRadioGroup.useRadioGroup({
+		name: nameProp,
+		value: valueProp,
+		checked: checkedProp,
+		defaultChecked
+	});
+	const [isHovered, setIsHovered] = (0, react.useState)(false);
+	const [isPressed, setIsPressed] = (0, react.useState)(false);
+	/**
+	* Derived values
+	*/
+	const variant = (0, react.useMemo)(() => hasError ? require_components_client_Radio_radioConstants.VARIANT_ERROR_MAP[variantProp] : variantProp, [hasError, variantProp]);
+	const showHoverEffect = enableInteractionTracking && !disabled && isHovered;
+	const showPressedEffect = enableInteractionTracking && !disabled && !checked && isPressed;
+	/**
+	* Handlers
+	*/
+	const handleOnChange = (0, react.useCallback)((e) => {
+		setGroupValue(e.target.value);
+		onChange?.(e);
+	}, [onChange, setGroupValue]);
+	const handleFocus = (0, react.useCallback)((e) => {
+		onFocus?.(e);
+	}, [onFocus]);
+	const handleBlur = (0, react.useCallback)((e) => {
+		onBlur?.(e);
+	}, [onBlur]);
+	const handleHoverStart = (0, react.useCallback)(() => {
+		if (enableInteractionTracking) setIsHovered(true);
+	}, [enableInteractionTracking]);
+	const handleHoverEnd = (0, react.useCallback)(() => {
+		if (enableInteractionTracking) setIsHovered(false);
+	}, [enableInteractionTracking]);
+	const handleTapStart = (0, react.useCallback)(() => {
+		if (enableInteractionTracking) setIsPressed(true);
+	}, [enableInteractionTracking]);
+	const handleTapEnd = (0, react.useCallback)(() => {
+		if (enableInteractionTracking) setIsPressed(false);
+	}, [enableInteractionTracking]);
+	const classNames = {
+		root: require_styles_styler.getStyles({
+			radioSizeRoot: size,
+			radioVariantValueRoot: checked ? "checked" : "unchecked",
+			radioVariantRoot: variant,
+			display: "flex",
+			flexDirection: labelPosition === "start" ? "row" : "row-reverse",
+			alignItems: "center",
+			className: require_styles_styler.cx([{
+				"cursor-pointer": !disabled,
+				"cursor-default": disabled,
+				"opacity-50": disabled
+			}, className])
+		}),
+		htmlRadio: 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")
+	};
+	const input = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		type: "radio",
+		tabIndex: 0,
+		...radioProps,
+		ref: (ref) => {
+			innerRef.current = ref;
+			if (typeof parentRef === "function") parentRef(ref);
+			else if (parentRef !== null) parentRef.current = ref;
+		},
+		onFocus: handleFocus,
+		onBlur: handleBlur,
+		id: uid,
+		name,
+		value: valueProp,
+		disabled,
+		"aria-invalid": hasError,
+		onChange: handleOnChange,
+		...isControlled ? { checked } : { defaultChecked },
+		className: classNames.htmlRadio
+	});
+	return renderRoot({
+		className: classNames.root,
+		style,
+		rootSlotProps,
+		hasLabel: Boolean(label),
+		isPressed,
+		onHoverStart: handleHoverStart,
+		onHoverEnd: handleHoverEnd,
+		onTapStart: handleTapStart,
+		onTapEnd: handleTapEnd,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderIndicator({
+			size,
+			variant,
+			checked: Boolean(checked),
+			disabled,
+			showHoverEffect,
+			showPressedEffect,
+			cssAnimationDuration,
+			radioSlotProps,
+			radioIconSlotProps,
+			children: input
+		}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_FormLabel.FormLabel, {
+			as: "div",
+			variant: "inherit",
+			color: "inherit",
+			label,
+			className: classNames.label,
+			...labelSlotProps
+		})] })
+	});
+});
+RadioBase.displayName = "RadioBase";
+//#endregion
+exports.RadioBase = RadioBase;

package/dist/components/client/Radio/RadioBase.d.cts

@@ -0,0 +1,45 @@
+
+import { RadioVariant } from "../../../types/dist/index.cjs";
+import { DataAttributes, RadioProps } from "./types.cjs";
+import React, { CSSProperties, ReactNode } from "react";
+
+//#region src/components/client/Radio/RadioBase.d.ts
+type ResolvedRadioVariant = RadioVariant | 'alert' | 'alert-secondary';
+type RenderRootArgs = {
+  className: string;
+  style?: CSSProperties;
+  rootSlotProps: DataAttributes;
+  hasLabel: boolean;
+  isPressed: boolean;
+  onHoverStart: () => void;
+  onHoverEnd: () => void;
+  onTapStart: () => void;
+  onTapEnd: () => void;
+  children: ReactNode;
+};
+type RenderIndicatorArgs = {
+  size: NonNullable<RadioProps['size']>;
+  variant: ResolvedRadioVariant;
+  checked: boolean;
+  disabled?: boolean;
+  showHoverEffect: boolean;
+  showPressedEffect: boolean;
+  cssAnimationDuration: string;
+  radioSlotProps: DataAttributes;
+  radioIconSlotProps: DataAttributes;
+  children: ReactNode;
+};
+type RadioBaseProps = RadioProps & {
+  cssAnimationDuration: string;
+  enableInteractionTracking?: boolean;
+  renderRoot: (args: RenderRootArgs) => ReactNode;
+  renderIndicator: (args: RenderIndicatorArgs) => ReactNode;
+};
+declare const RadioBase: React.ForwardRefExoticComponent<RadioProps & {
+  cssAnimationDuration: string;
+  enableInteractionTracking?: boolean;
+  renderRoot: (args: RenderRootArgs) => ReactNode;
+  renderIndicator: (args: RenderIndicatorArgs) => ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { RadioBase, type RadioBaseProps, type RenderIndicatorArgs, type RenderRootArgs, type ResolvedRadioVariant };

package/dist/components/client/Radio/RadioBase.d.ts

@@ -0,0 +1,46 @@
+
+"use client";
+import { RadioVariant } from "../../../types/dist/index.js";
+import { DataAttributes, RadioProps } from "./types.js";
+import React, { CSSProperties, ReactNode } from "react";
+
+//#region src/components/client/Radio/RadioBase.d.ts
+type ResolvedRadioVariant = RadioVariant | 'alert' | 'alert-secondary';
+type RenderRootArgs = {
+  className: string;
+  style?: CSSProperties;
+  rootSlotProps: DataAttributes;
+  hasLabel: boolean;
+  isPressed: boolean;
+  onHoverStart: () => void;
+  onHoverEnd: () => void;
+  onTapStart: () => void;
+  onTapEnd: () => void;
+  children: ReactNode;
+};
+type RenderIndicatorArgs = {
+  size: NonNullable<RadioProps['size']>;
+  variant: ResolvedRadioVariant;
+  checked: boolean;
+  disabled?: boolean;
+  showHoverEffect: boolean;
+  showPressedEffect: boolean;
+  cssAnimationDuration: string;
+  radioSlotProps: DataAttributes;
+  radioIconSlotProps: DataAttributes;
+  children: ReactNode;
+};
+type RadioBaseProps = RadioProps & {
+  cssAnimationDuration: string;
+  enableInteractionTracking?: boolean;
+  renderRoot: (args: RenderRootArgs) => ReactNode;
+  renderIndicator: (args: RenderIndicatorArgs) => ReactNode;
+};
+declare const RadioBase: React.ForwardRefExoticComponent<RadioProps & {
+  cssAnimationDuration: string;
+  enableInteractionTracking?: boolean;
+  renderRoot: (args: RenderRootArgs) => ReactNode;
+  renderIndicator: (args: RenderIndicatorArgs) => ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { RadioBase, type RadioBaseProps, type RenderIndicatorArgs, type RenderRootArgs, type ResolvedRadioVariant };

package/dist/components/client/Radio/RadioBase.js

@@ -0,0 +1,130 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { cx, getStyles } from "../../../styles/styler.js";
+import { FormLabel } from "../../FormLabel.js";
+import { VARIANT_ERROR_MAP } from "./radioConstants.js";
+import { useRadioGroup } from "./useRadioGroup.js";
+import { forwardRef, useCallback, useId, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/client/Radio/RadioBase.tsx
+const RadioBase = forwardRef(function RadioBase({ id, name: nameProp, label, labelPosition = "start", variant: variantProp = "primary", size = "md", reduceMotion: _reduceMotion, value: valueProp = "", checked: checkedProp, defaultChecked, disabled, hasError, onChange, onFocus, onBlur, className, style, slotProps, cssAnimationDuration, enableInteractionTracking = false, renderRoot, renderIndicator, ...radioProps }, parentRef) {
+	const generatedId = useId();
+	const uid = id ?? `uds-radio-${generatedId}`;
+	const rootSlotProps = slotProps?.root ?? {};
+	const radioSlotProps = slotProps?.radio ?? {};
+	const radioIconSlotProps = slotProps?.radioIcon ?? {};
+	const labelSlotProps = slotProps?.label ?? {};
+	const innerRef = useRef(null);
+	/**
+	* State
+	*/
+	const { name, isControlled, checked, setGroupValue } = useRadioGroup({
+		name: nameProp,
+		value: valueProp,
+		checked: checkedProp,
+		defaultChecked
+	});
+	const [isHovered, setIsHovered] = useState(false);
+	const [isPressed, setIsPressed] = useState(false);
+	/**
+	* Derived values
+	*/
+	const variant = useMemo(() => hasError ? VARIANT_ERROR_MAP[variantProp] : variantProp, [hasError, variantProp]);
+	const showHoverEffect = enableInteractionTracking && !disabled && isHovered;
+	const showPressedEffect = enableInteractionTracking && !disabled && !checked && isPressed;
+	/**
+	* Handlers
+	*/
+	const handleOnChange = useCallback((e) => {
+		setGroupValue(e.target.value);
+		onChange?.(e);
+	}, [onChange, setGroupValue]);
+	const handleFocus = useCallback((e) => {
+		onFocus?.(e);
+	}, [onFocus]);
+	const handleBlur = useCallback((e) => {
+		onBlur?.(e);
+	}, [onBlur]);
+	const handleHoverStart = useCallback(() => {
+		if (enableInteractionTracking) setIsHovered(true);
+	}, [enableInteractionTracking]);
+	const handleHoverEnd = useCallback(() => {
+		if (enableInteractionTracking) setIsHovered(false);
+	}, [enableInteractionTracking]);
+	const handleTapStart = useCallback(() => {
+		if (enableInteractionTracking) setIsPressed(true);
+	}, [enableInteractionTracking]);
+	const handleTapEnd = useCallback(() => {
+		if (enableInteractionTracking) setIsPressed(false);
+	}, [enableInteractionTracking]);
+	const classNames = {
+		root: getStyles({
+			radioSizeRoot: size,
+			radioVariantValueRoot: checked ? "checked" : "unchecked",
+			radioVariantRoot: variant,
+			display: "flex",
+			flexDirection: labelPosition === "start" ? "row" : "row-reverse",
+			alignItems: "center",
+			className: cx([{
+				"cursor-pointer": !disabled,
+				"cursor-default": disabled,
+				"opacity-50": disabled
+			}, className])
+		}),
+		htmlRadio: 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")
+	};
+	const input = /* @__PURE__ */ jsx("input", {
+		type: "radio",
+		tabIndex: 0,
+		...radioProps,
+		ref: (ref) => {
+			innerRef.current = ref;
+			if (typeof parentRef === "function") parentRef(ref);
+			else if (parentRef !== null) parentRef.current = ref;
+		},
+		onFocus: handleFocus,
+		onBlur: handleBlur,
+		id: uid,
+		name,
+		value: valueProp,
+		disabled,
+		"aria-invalid": hasError,
+		onChange: handleOnChange,
+		...isControlled ? { checked } : { defaultChecked },
+		className: classNames.htmlRadio
+	});
+	return renderRoot({
+		className: classNames.root,
+		style,
+		rootSlotProps,
+		hasLabel: Boolean(label),
+		isPressed,
+		onHoverStart: handleHoverStart,
+		onHoverEnd: handleHoverEnd,
+		onTapStart: handleTapStart,
+		onTapEnd: handleTapEnd,
+		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [renderIndicator({
+			size,
+			variant,
+			checked: Boolean(checked),
+			disabled,
+			showHoverEffect,
+			showPressedEffect,
+			cssAnimationDuration,
+			radioSlotProps,
+			radioIconSlotProps,
+			children: input
+		}), label && /* @__PURE__ */ jsx(FormLabel, {
+			as: "div",
+			variant: "inherit",
+			color: "inherit",
+			label,
+			className: classNames.label,
+			...labelSlotProps
+		})] })
+	});
+});
+RadioBase.displayName = "RadioBase";
+//#endregion
+export { RadioBase };

package/dist/components/client/Radio/radioConstants.cjs

@@ -0,0 +1,14 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/client/Radio/radioConstants.ts
+const RADIO_VARIANTS = ["primary", "secondary"];
+const RADIO_SIZES = ["sm", "md"];
+const VARIANT_ERROR_MAP = {
+	primary: "alert",
+	secondary: "alert-secondary"
+};
+//#endregion
+exports.RADIO_SIZES = RADIO_SIZES;
+exports.RADIO_VARIANTS = RADIO_VARIANTS;
+exports.VARIANT_ERROR_MAP = VARIANT_ERROR_MAP;

package/dist/components/client/Radio/radioConstants.d.cts

@@ -0,0 +1,8 @@
+
+import { RadioSize, RadioVariant } from "../../../types/dist/index.cjs";
+//#region src/components/client/Radio/radioConstants.d.ts
+declare const RADIO_VARIANTS: RadioVariant[];
+declare const RADIO_SIZES: RadioSize[];
+declare const VARIANT_ERROR_MAP: Record<RadioVariant, 'alert' | 'alert-secondary'>;
+//#endregion
+export { RADIO_SIZES, RADIO_VARIANTS, VARIANT_ERROR_MAP };

package/dist/components/client/Radio/radioConstants.d.ts

@@ -0,0 +1,9 @@
+
+"use client";
+import { RadioSize, RadioVariant } from "../../../types/dist/index.js";
+//#region src/components/client/Radio/radioConstants.d.ts
+declare const RADIO_VARIANTS: RadioVariant[];
+declare const RADIO_SIZES: RadioSize[];
+declare const VARIANT_ERROR_MAP: Record<RadioVariant, 'alert' | 'alert-secondary'>;
+//#endregion
+export { RADIO_SIZES, RADIO_VARIANTS, VARIANT_ERROR_MAP };

package/dist/components/client/Radio/radioConstants.js

@@ -0,0 +1,11 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+//#region src/components/client/Radio/radioConstants.ts
+const RADIO_VARIANTS = ["primary", "secondary"];
+const RADIO_SIZES = ["sm", "md"];
+const VARIANT_ERROR_MAP = {
+	primary: "alert",
+	secondary: "alert-secondary"
+};
+//#endregion
+export { RADIO_SIZES, RADIO_VARIANTS, VARIANT_ERROR_MAP };

package/dist/components/client/Radio/types.cjs

@@ -0,0 +1,2 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";

package/dist/components/client/Radio/types.d.cts

@@ -0,0 +1,20 @@
+
+import { UniversalRadioProps } from "../../../types/dist/index.cjs";
+import React from "react";
+
+//#region src/components/client/Radio/types.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'value' | 'size' | 'height' | 'width' | 'color' | 'required'>;
+interface RadioProps extends NativeInputProps, UniversalRadioProps {
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    root?: DataAttributes;
+    radio?: DataAttributes;
+    radioIcon?: DataAttributes;
+    label?: DataAttributes;
+  };
+}
+//#endregion
+export { type DataAttributes, type NativeInputProps, type RadioProps };

package/dist/components/client/Radio/types.d.ts

@@ -0,0 +1,21 @@
+
+"use client";
+import { UniversalRadioProps } from "../../../types/dist/index.js";
+import React from "react";
+
+//#region src/components/client/Radio/types.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'value' | 'size' | 'height' | 'width' | 'color' | 'required'>;
+interface RadioProps extends NativeInputProps, UniversalRadioProps {
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    root?: DataAttributes;
+    radio?: DataAttributes;
+    radioIcon?: DataAttributes;
+    label?: DataAttributes;
+  };
+}
+//#endregion
+export { type DataAttributes, type NativeInputProps, type RadioProps };

package/dist/components/client/Radio/types.js

@@ -0,0 +1,2 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";

package/dist/components/client/Switch/Switch.cjs

@@ -5,8 +5,8 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_components_Box = require("../../Box.cjs");
-const require_components_client_SpringMotionConfig = require("../SpringMotionConfig.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
+const require_components_client_SpringMotionConfig = require("../SpringMotionConfig.cjs");
 const require_components_client_Switch_SwitchBase = require("./SwitchBase.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/dist/components/client/Switch/Switch.js

@@ -3,8 +3,8 @@
 import { cx, getStyles } from "../../../styles/styler.js";
 import { IconSlot } from "../../IconSlot.js";
 import { Box } from "../../Box.js";
-import { SpringMotionConfig } from "../SpringMotionConfig.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
+import { SpringMotionConfig } from "../SpringMotionConfig.js";
 import { SwitchBase } from "./SwitchBase.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/client/Tabs/TabList.cjs

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
+const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_Tabs_tabsContext = require("./tabsContext.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");
-let motion_react = require("motion/react");
 //#region src/components/client/Tabs/TabList.tsx
 /** Matches {@link Tab} per-tab underline (token CSS variables on the indicator root). */
 const tabRootUnderlineClassName = require_styles_styler.cx("pointer-events-none absolute bottom-0 left-0 right-0", "h-[var(--uds-tab-underline-width,0px)] bg-[var(--uds-tab-underline-color,transparent)]", "transition-[height,background-color] duration-[240ms] ease-[cubic-bezier(0.2,0,0,1)]");
@@ -21,7 +21,7 @@ const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, c
 	const listRef = (0, react.useRef)(null);
 	const indicatorRef = (0, react.useRef)(null);
 	const skipNextTransitionRef = (0, react.useRef)(true);
-	const reducedMotion = (0, motion_react.useReducedMotion)();
+	const reducedMotion = require_hooks_usePrefersReducedMotion.usePrefersReducedMotion();
 	const applyIndicator = (0, react.useCallback)(() => {
 		const listEl = listRef.current;
 		const indicatorEl = indicatorRef.current;

package/dist/components/client/Tabs/TabList.js

@@ -1,11 +1,11 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx, getStyles } from "../../../styles/styler.js";
+import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { useTabsContext } from "./tabsContext.js";
 import { forwardRef, useCallback, useLayoutEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { TabList as TabList$1, useStoreState, useTabContext } from "@ariakit/react";
-import { useReducedMotion } from "motion/react";
 //#region src/components/client/Tabs/TabList.tsx
 /** Matches {@link Tab} per-tab underline (token CSS variables on the indicator root). */
 const tabRootUnderlineClassName = cx("pointer-events-none absolute bottom-0 left-0 right-0", "h-[var(--uds-tab-underline-width,0px)] bg-[var(--uds-tab-underline-color,transparent)]", "transition-[height,background-color] duration-[240ms] ease-[cubic-bezier(0.2,0,0,1)]");
@@ -19,7 +19,7 @@ const TabList = forwardRef(function TabList({ children, scrollable, className, .
 	const listRef = useRef(null);
 	const indicatorRef = useRef(null);
 	const skipNextTransitionRef = useRef(true);
-	const reducedMotion = useReducedMotion();
+	const reducedMotion = usePrefersReducedMotion();
 	const applyIndicator = useCallback(() => {
 		const listEl = listRef.current;
 		const indicatorEl = indicatorRef.current;

package/dist/components/client/Toast/Toast.cjs

@@ -6,12 +6,12 @@ const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_client_Pressable = require("../Pressable.cjs");
 const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_components_Text = require("../../Text.cjs");
+const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_Button_Button = require("../Button/Button.cjs");
 const require_components_client_Toast_UDSToastConfigProvider = require("./UDSToastConfigProvider.cjs");
 const require_components_client_Toast_ToastContainer = require("./ToastContainer.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react_jsx_runtime = require("react/jsx-runtime");
-let motion_react = require("motion/react");
 //#region src/components/client/Toast/Toast.tsx
 const iconMap = {
 	loading: _yahoo_uds_icons.Progress,
@@ -48,7 +48,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
 	const { className: closeIconClassName, ...closeIconProps } = slotProps?.closeIcon ?? {};
-	const reducedMotion = (0, motion_react.useReducedMotion)() || forceReduceMotion;
+	const reducedMotion = require_hooks_usePrefersReducedMotion.usePrefersReducedMotion() || forceReduceMotion;
 	const handleClose = () => {
 		closeToast?.();
 		onClickCloseButton?.(id);

package/dist/components/client/Toast/Toast.js

@@ -4,12 +4,12 @@ import { cx, getStyles } from "../../../styles/styler.js";
 import { Pressable } from "../Pressable.js";
 import { IconSlot } from "../../IconSlot.js";
 import { Text } from "../../Text.js";
+import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { Button } from "../Button/Button.js";
 import { useToastConfig } from "./UDSToastConfigProvider.js";
 import { ToastContainer } from "./ToastContainer.js";
 import { CheckCircle, Cross, Error, Info, Progress, Warning } from "@yahoo/uds-icons";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useReducedMotion } from "motion/react";
 //#region src/components/client/Toast/Toast.tsx
 const iconMap = {
 	loading: Progress,
@@ -46,7 +46,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
 	const { className: closeIconClassName, ...closeIconProps } = slotProps?.closeIcon ?? {};
-	const reducedMotion = useReducedMotion() || forceReduceMotion;
+	const reducedMotion = usePrefersReducedMotion() || forceReduceMotion;
 	const handleClose = () => {
 		closeToast?.();
 		onClickCloseButton?.(id);

package/dist/components/client/index.cjs

@@ -17,7 +17,7 @@ const require_components_client_BottomSheet_BottomSheetProvider = require("./Bot
 const require_components_client_BottomSheet_BottomSheetTrigger = require("./BottomSheet/BottomSheetTrigger.cjs");
 const require_components_client_SpringMotionConfig = require("./SpringMotionConfig.cjs");
 const require_components_client_Button_Button = require("./Button/Button.cjs");
-const require_components_client_Checkbox = require("./Checkbox.cjs");
+const require_components_client_Checkbox_Checkbox = require("./Checkbox/Checkbox.cjs");
 const require_components_client_Chip_ChipButton = require("./Chip/ChipButton.cjs");
 const require_components_client_Chip_ChipDismissible = require("./Chip/ChipDismissible.cjs");
 const require_components_client_Chip_ChipLink = require("./Chip/ChipLink.cjs");
@@ -84,7 +84,7 @@ exports.BottomSheetHeader = require_components_client_BottomSheet_BottomSheetHea
 exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider;
 exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
 exports.Button = require_components_client_Button_Button.Button;
-exports.Checkbox = require_components_client_Checkbox.Checkbox;
+exports.Checkbox = require_components_client_Checkbox_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;

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

@@ -15,7 +15,7 @@ import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheet/Bot
 import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheet/BottomSheetTrigger.cjs";
 import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps } from "./BottomSheet/UDSBottomSheetConfigProvider.cjs";
 import { Button, ButtonProps } from "./Button/Button.cjs";
-import { Checkbox, CheckboxProps } from "./Checkbox.cjs";
+import { Checkbox, CheckboxProps } from "./Checkbox/Checkbox.cjs";
 import { Chip, ChipProps } from "./Chip/Chip.cjs";
 import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.cjs";
 import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.cjs";

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

@@ -16,7 +16,7 @@ import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheet/Bot
 import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheet/BottomSheetTrigger.js";
 import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps } from "./BottomSheet/UDSBottomSheetConfigProvider.js";
 import { Button, ButtonProps } from "./Button/Button.js";
-import { Checkbox, CheckboxProps } from "./Checkbox.js";
+import { Checkbox, CheckboxProps } from "./Checkbox/Checkbox.js";
 import { Chip, ChipProps } from "./Chip/Chip.js";
 import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.js";
 import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.js";

package/dist/components/client/index.js

@@ -16,7 +16,7 @@ import { BottomSheetProvider } from "./BottomSheet/BottomSheetProvider.js";
 import { BottomSheetTrigger } from "./BottomSheet/BottomSheetTrigger.js";
 import { SpringMotionConfig } from "./SpringMotionConfig.js";
 import { Button } from "./Button/Button.js";
-import { Checkbox } from "./Checkbox.js";
+import { Checkbox } from "./Checkbox/Checkbox.js";
 import { ChipButton } from "./Chip/ChipButton.js";
 import { ChipDismissible } from "./Chip/ChipDismissible.js";
 import { ChipLink } from "./Chip/ChipLink.js";

package/dist/components/index.cjs

@@ -31,7 +31,7 @@ const require_components_client_BottomSheet_BottomSheetProvider = require("./cli
 const require_components_client_BottomSheet_BottomSheetTrigger = require("./client/BottomSheet/BottomSheetTrigger.cjs");
 const require_components_client_SpringMotionConfig = require("./client/SpringMotionConfig.cjs");
 const require_components_client_Button_Button = require("./client/Button/Button.cjs");
-const require_components_client_Checkbox = require("./client/Checkbox.cjs");
+const require_components_client_Checkbox_Checkbox = require("./client/Checkbox/Checkbox.cjs");
 const require_components_client_Chip_ChipButton = require("./client/Chip/ChipButton.cjs");
 const require_components_client_Chip_ChipDismissible = require("./client/Chip/ChipDismissible.cjs");
 const require_components_client_Chip_ChipLink = require("./client/Chip/ChipLink.cjs");
@@ -103,7 +103,7 @@ exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetP
 exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
 exports.Box = require_components_Box.Box;
 exports.Button = require_components_client_Button_Button.Button;
-exports.Checkbox = require_components_client_Checkbox.Checkbox;
+exports.Checkbox = require_components_client_Checkbox_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;

package/dist/components/index.d.cts

@@ -30,7 +30,7 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./client/BottomSheet/
 import { BottomSheetProvider, BottomSheetProviderProps } from "./client/BottomSheet/BottomSheetProvider.cjs";
 import { BottomSheetTrigger, BottomSheetTriggerProps } from "./client/BottomSheet/BottomSheetTrigger.cjs";
 import { Button, ButtonProps } from "./client/Button/Button.cjs";
-import { Checkbox, CheckboxProps } from "./client/Checkbox.cjs";
+import { Checkbox, CheckboxProps } from "./client/Checkbox/Checkbox.cjs";
 import { Chip, ChipProps } from "./client/Chip/Chip.cjs";
 import { ChipButton, ChipButtonProps } from "./client/Chip/ChipButton.cjs";
 import { ChipDismissible, ChipDismissibleProps } from "./client/Chip/ChipDismissible.cjs";