@yahoo/uds 3.133.0 → 3.133.2

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts

@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts

@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts

@@ -29,7 +29,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
   gap: SpacingAlias;
   dismissButtonSpacing: SpacingAlias;
   dismissIconSize: number;
-  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts

@@ -30,7 +30,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
   gap: SpacingAlias;
   dismissButtonSpacing: SpacingAlias;
   dismissIconSize: number;
-  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

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

@@ -15,7 +15,7 @@ const tabRootUnderlineClassName = require_styles_styler.cx("pointer-events-none
 function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, className, slotProps }) {
 	const generatedId = (0, react.useId)();
 	const uid = value ?? `uds-tab-${generatedId}`;
-	const { variant, disableMotion } = require_components_client_Tabs_tabsContext.useTabsContext();
+	const { variant, reduceMotion } = require_components_client_Tabs_tabsContext.useTabsContext();
 	const store = (0, _ariakit_react.useTabContext)();
 	if (!store) throw new Error("Tab must be wrapped in a Tabs component");
 	const selectedId = (0, _ariakit_react.useStoreState)(store, "selectedId");
@@ -30,16 +30,16 @@ function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, c
 		tabVariantRoot: variant,
 		tabVariantActiveRoot: "on"
 	});
-	const configClass = activeState === "on" ? require_styles_styler.cx(rootOnClass, !disableMotion && require_styles_styler.cx("!bg-transparent", "!shadow-none")) : rootBaseClass;
+	const configClass = activeState === "on" ? require_styles_styler.cx(rootOnClass, !reduceMotion && require_styles_styler.cx("!bg-transparent", "!shadow-none")) : rootBaseClass;
 	const iconConfigClass = require_styles_styler.getStyles({
 		tabSizeIcon: "default",
 		tabVariantIcon: variant,
 		tabVariantActiveIcon: activeState
 	});
-	const tabClass = require_styles_styler.cx(configClass, "inline-flex items-center shrink-0 box-border relative", !disableMotion && "z-[1]", "cursor-pointer select-none whitespace-nowrap", !disabled && "uds-ring", disabled && "opacity-50 cursor-default pointer-events-none", "border-solid border-b-solid", "transition-colors duration-[240ms] ease-[cubic-bezier(0.2,0,0,1)]", className);
+	const tabClass = require_styles_styler.cx(configClass, "inline-flex items-center shrink-0 box-border relative", !reduceMotion && "z-[1]", "cursor-pointer select-none whitespace-nowrap", !disabled && "uds-ring", disabled && "opacity-50 cursor-default pointer-events-none", "border-solid border-b-solid", "transition-colors duration-[240ms] ease-[cubic-bezier(0.2,0,0,1)]", className);
 	const resolvedContent = asChild && (0, react.isValidElement)(children) ? children.props.children ?? null : children;
 	const resolvedRender = asChild && (0, react.isValidElement)(children) ? children : void 0;
-	const showPerTabUnderline = !(activeState === "on" && !disableMotion);
+	const showPerTabUnderline = !(activeState === "on" && !reduceMotion);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ariakit_react.Tab, {
 		id: uid,
 		disabled,

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

@@ -13,7 +13,7 @@ const tabRootUnderlineClassName = cx("pointer-events-none absolute bottom-0 left
 function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, className, slotProps }) {
 	const generatedId = useId();
 	const uid = value ?? `uds-tab-${generatedId}`;
-	const { variant, disableMotion } = useTabsContext();
+	const { variant, reduceMotion } = useTabsContext();
 	const store = useTabContext();
 	if (!store) throw new Error("Tab must be wrapped in a Tabs component");
 	const selectedId = useStoreState(store, "selectedId");
@@ -28,16 +28,16 @@ function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, c
 		tabVariantRoot: variant,
 		tabVariantActiveRoot: "on"
 	});
-	const configClass = activeState === "on" ? cx(rootOnClass, !disableMotion && cx("!bg-transparent", "!shadow-none")) : rootBaseClass;
+	const configClass = activeState === "on" ? cx(rootOnClass, !reduceMotion && cx("!bg-transparent", "!shadow-none")) : rootBaseClass;
 	const iconConfigClass = getStyles({
 		tabSizeIcon: "default",
 		tabVariantIcon: variant,
 		tabVariantActiveIcon: activeState
 	});
-	const tabClass = cx(configClass, "inline-flex items-center shrink-0 box-border relative", !disableMotion && "z-[1]", "cursor-pointer select-none whitespace-nowrap", !disabled && "uds-ring", disabled && "opacity-50 cursor-default pointer-events-none", "border-solid border-b-solid", "transition-colors duration-[240ms] ease-[cubic-bezier(0.2,0,0,1)]", className);
+	const tabClass = cx(configClass, "inline-flex items-center shrink-0 box-border relative", !reduceMotion && "z-[1]", "cursor-pointer select-none whitespace-nowrap", !disabled && "uds-ring", disabled && "opacity-50 cursor-default pointer-events-none", "border-solid border-b-solid", "transition-colors duration-[240ms] ease-[cubic-bezier(0.2,0,0,1)]", className);
 	const resolvedContent = asChild && isValidElement(children) ? children.props.children ?? null : children;
 	const resolvedRender = asChild && isValidElement(children) ? children : void 0;
-	const showPerTabUnderline = !(activeState === "on" && !disableMotion);
+	const showPerTabUnderline = !(activeState === "on" && !reduceMotion);
 	return /* @__PURE__ */ jsxs(Tab$1, {
 		id: uid,
 		disabled,

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

@@ -16,7 +16,7 @@ const SELECTION_TRANSITION = "left 240ms cubic-bezier(0.2, 0, 0, 1), top 240ms c
 const TAB_UNDERLINE_COLOR_VAR = "--uds-tab-underline-color";
 const TAB_UNDERLINE_WIDTH_VAR = "--uds-tab-underline-width";
 const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, className, ...props }, ref) {
-	const { variant, disableMotion } = require_components_client_Tabs_tabsContext.useTabsContext();
+	const { variant, reduceMotion } = require_components_client_Tabs_tabsContext.useTabsContext();
 	const selectedId = (0, _ariakit_react.useStoreState)((0, _ariakit_react.useTabContext)(), "selectedId");
 	const listRef = (0, react.useRef)(null);
 	const indicatorRef = (0, react.useRef)(null);
@@ -25,7 +25,7 @@ const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, c
 	const applyIndicator = (0, react.useCallback)(() => {
 		const listEl = listRef.current;
 		const indicatorEl = indicatorRef.current;
-		if (!listEl || !indicatorEl || disableMotion) return;
+		if (!listEl || !indicatorEl || reduceMotion) return;
 		const selected = listEl.querySelector("[role=\"tab\"][aria-selected=\"true\"]:not([aria-disabled=\"true\"])");
 		if (!selected) {
 			indicatorEl.style.opacity = "0";
@@ -51,12 +51,12 @@ const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, c
 		else indicatorEl.style.removeProperty(TAB_UNDERLINE_COLOR_VAR);
 		if (underlineWidth) indicatorEl.style.setProperty(TAB_UNDERLINE_WIDTH_VAR, underlineWidth);
 		else indicatorEl.style.removeProperty(TAB_UNDERLINE_WIDTH_VAR);
-	}, [disableMotion, reducedMotion]);
+	}, [reduceMotion, reducedMotion]);
 	(0, react.useLayoutEffect)(() => {
 		applyIndicator();
 	}, [selectedId, applyIndicator]);
 	(0, react.useLayoutEffect)(() => {
-		if (disableMotion) return;
+		if (reduceMotion) return;
 		const listEl = listRef.current;
 		if (!listEl) return;
 		const ro = new ResizeObserver(() => applyIndicator());
@@ -69,10 +69,10 @@ const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, c
 			listEl.removeEventListener("scroll", onScroll);
 			window.removeEventListener("resize", applyIndicator);
 		};
-	}, [disableMotion, applyIndicator]);
+	}, [reduceMotion, applyIndicator]);
 	/** Re-sync underline tokens when the selected tab's hover/pressed state changes (indicator does not receive those pseudos). */
 	(0, react.useLayoutEffect)(() => {
-		if (disableMotion) return;
+		if (reduceMotion) return;
 		const listEl = listRef.current;
 		if (!listEl) return;
 		const selected = listEl.querySelector("[role=\"tab\"][aria-selected=\"true\"]:not([aria-disabled=\"true\"])");
@@ -90,7 +90,7 @@ const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, c
 		return () => events.forEach((e) => selected.removeEventListener(e, bump));
 	}, [
 		selectedId,
-		disableMotion,
+		reduceMotion,
 		applyIndicator
 	]);
 	const setListRef = (el) => {
@@ -104,8 +104,8 @@ const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, c
 		tabVariantRoot: variant,
 		tabVariantActiveRoot: "on"
 	}), "!m-0 !p-0 !gap-0 box-border pointer-events-none", "absolute z-0 min-w-0 min-h-0");
-	const styles = require_styles_styler.cx(tablistConfigClass, "flex flex-row items-center", scrollable ? "overflow-x-auto overflow-y-clip scrollbar-none [overflow-clip-margin:6px]" : "overflow-clip [overflow-clip-margin:8px]", !disableMotion && "relative", className);
-	const indicatorBoxStyle = !disableMotion ? {
+	const styles = require_styles_styler.cx(tablistConfigClass, "flex flex-row items-center", scrollable ? "overflow-x-auto overflow-y-clip scrollbar-none [overflow-clip-margin:6px]" : "overflow-clip [overflow-clip-margin:8px]", !reduceMotion && "relative", className);
+	const indicatorBoxStyle = !reduceMotion ? {
 		opacity: 0,
 		transition: "none"
 	} : {};
@@ -113,7 +113,7 @@ const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, c
 		ref: setListRef,
 		className: styles,
 		...props,
-		children: [!disableMotion ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		children: [!reduceMotion ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			ref: indicatorRef,
 			className: indicatorClass,
 			style: indicatorBoxStyle,

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

@@ -14,7 +14,7 @@ const SELECTION_TRANSITION = "left 240ms cubic-bezier(0.2, 0, 0, 1), top 240ms c
 const TAB_UNDERLINE_COLOR_VAR = "--uds-tab-underline-color";
 const TAB_UNDERLINE_WIDTH_VAR = "--uds-tab-underline-width";
 const TabList = forwardRef(function TabList({ children, scrollable, className, ...props }, ref) {
-	const { variant, disableMotion } = useTabsContext();
+	const { variant, reduceMotion } = useTabsContext();
 	const selectedId = useStoreState(useTabContext(), "selectedId");
 	const listRef = useRef(null);
 	const indicatorRef = useRef(null);
@@ -23,7 +23,7 @@ const TabList = forwardRef(function TabList({ children, scrollable, className, .
 	const applyIndicator = useCallback(() => {
 		const listEl = listRef.current;
 		const indicatorEl = indicatorRef.current;
-		if (!listEl || !indicatorEl || disableMotion) return;
+		if (!listEl || !indicatorEl || reduceMotion) return;
 		const selected = listEl.querySelector("[role=\"tab\"][aria-selected=\"true\"]:not([aria-disabled=\"true\"])");
 		if (!selected) {
 			indicatorEl.style.opacity = "0";
@@ -49,12 +49,12 @@ const TabList = forwardRef(function TabList({ children, scrollable, className, .
 		else indicatorEl.style.removeProperty(TAB_UNDERLINE_COLOR_VAR);
 		if (underlineWidth) indicatorEl.style.setProperty(TAB_UNDERLINE_WIDTH_VAR, underlineWidth);
 		else indicatorEl.style.removeProperty(TAB_UNDERLINE_WIDTH_VAR);
-	}, [disableMotion, reducedMotion]);
+	}, [reduceMotion, reducedMotion]);
 	useLayoutEffect(() => {
 		applyIndicator();
 	}, [selectedId, applyIndicator]);
 	useLayoutEffect(() => {
-		if (disableMotion) return;
+		if (reduceMotion) return;
 		const listEl = listRef.current;
 		if (!listEl) return;
 		const ro = new ResizeObserver(() => applyIndicator());
@@ -67,10 +67,10 @@ const TabList = forwardRef(function TabList({ children, scrollable, className, .
 			listEl.removeEventListener("scroll", onScroll);
 			window.removeEventListener("resize", applyIndicator);
 		};
-	}, [disableMotion, applyIndicator]);
+	}, [reduceMotion, applyIndicator]);
 	/** Re-sync underline tokens when the selected tab's hover/pressed state changes (indicator does not receive those pseudos). */
 	useLayoutEffect(() => {
-		if (disableMotion) return;
+		if (reduceMotion) return;
 		const listEl = listRef.current;
 		if (!listEl) return;
 		const selected = listEl.querySelector("[role=\"tab\"][aria-selected=\"true\"]:not([aria-disabled=\"true\"])");
@@ -88,7 +88,7 @@ const TabList = forwardRef(function TabList({ children, scrollable, className, .
 		return () => events.forEach((e) => selected.removeEventListener(e, bump));
 	}, [
 		selectedId,
-		disableMotion,
+		reduceMotion,
 		applyIndicator
 	]);
 	const setListRef = (el) => {
@@ -102,8 +102,8 @@ const TabList = forwardRef(function TabList({ children, scrollable, className, .
 		tabVariantRoot: variant,
 		tabVariantActiveRoot: "on"
 	}), "!m-0 !p-0 !gap-0 box-border pointer-events-none", "absolute z-0 min-w-0 min-h-0");
-	const styles = cx(tablistConfigClass, "flex flex-row items-center", scrollable ? "overflow-x-auto overflow-y-clip scrollbar-none [overflow-clip-margin:6px]" : "overflow-clip [overflow-clip-margin:8px]", !disableMotion && "relative", className);
-	const indicatorBoxStyle = !disableMotion ? {
+	const styles = cx(tablistConfigClass, "flex flex-row items-center", scrollable ? "overflow-x-auto overflow-y-clip scrollbar-none [overflow-clip-margin:6px]" : "overflow-clip [overflow-clip-margin:8px]", !reduceMotion && "relative", className);
+	const indicatorBoxStyle = !reduceMotion ? {
 		opacity: 0,
 		transition: "none"
 	} : {};
@@ -111,7 +111,7 @@ const TabList = forwardRef(function TabList({ children, scrollable, className, .
 		ref: setListRef,
 		className: styles,
 		...props,
-		children: [!disableMotion ? /* @__PURE__ */ jsx("span", {
+		children: [!reduceMotion ? /* @__PURE__ */ jsx("span", {
 			ref: indicatorRef,
 			className: indicatorClass,
 			style: indicatorBoxStyle,

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

@@ -15,7 +15,7 @@ let _ariakit_react = require("@ariakit/react");
 * Tabs organize content into multiple sections and allow users to navigate between them.
 * Supports two visual variants: `primary` and `secondary`. By default, the active selection
 * indicator (underline or pill) animates between tabs with the same timing as the design reference
-* (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `disableMotion={true}` to disable that motion.
+* (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `reduceMotion={true}` to reduce that motion.
 *
 * @example
 * ```tsx
@@ -32,11 +32,11 @@ let _ariakit_react = require("@ariakit/react");
 * </Tabs>
 * ```
 **/
-function Tabs({ children, variant = "primary", disableMotion = false, defaultSelectedId, selectedId, onSelectionChange }) {
+function Tabs({ children, variant = "primary", reduceMotion = false, defaultSelectedId, selectedId, onSelectionChange }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Tabs_tabsContext.TabsContext.Provider, {
 		value: {
 			variant,
-			disableMotion
+			reduceMotion
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TabProvider, {
 			defaultSelectedId,

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

@@ -13,7 +13,7 @@ type TabsProps = UniversalTabsProps;
  * Tabs organize content into multiple sections and allow users to navigate between them.
  * Supports two visual variants: `primary` and `secondary`. By default, the active selection
  * indicator (underline or pill) animates between tabs with the same timing as the design reference
- * (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `disableMotion={true}` to disable that motion.
+ * (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `reduceMotion={true}` to reduce that motion.
  *
  * @example
  * ```tsx
@@ -33,7 +33,7 @@ type TabsProps = UniversalTabsProps;
 declare function Tabs({
   children,
   variant,
-  disableMotion,
+  reduceMotion,
   defaultSelectedId,
   selectedId,
   onSelectionChange

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

@@ -14,7 +14,7 @@ type TabsProps = UniversalTabsProps;
  * Tabs organize content into multiple sections and allow users to navigate between them.
  * Supports two visual variants: `primary` and `secondary`. By default, the active selection
  * indicator (underline or pill) animates between tabs with the same timing as the design reference
- * (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `disableMotion={true}` to disable that motion.
+ * (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `reduceMotion={true}` to reduce that motion.
  *
  * @example
  * ```tsx
@@ -34,7 +34,7 @@ type TabsProps = UniversalTabsProps;
 declare function Tabs({
   children,
   variant,
-  disableMotion,
+  reduceMotion,
   defaultSelectedId,
   selectedId,
   onSelectionChange

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

@@ -13,7 +13,7 @@ import { TabProvider } from "@ariakit/react";
 * Tabs organize content into multiple sections and allow users to navigate between them.
 * Supports two visual variants: `primary` and `secondary`. By default, the active selection
 * indicator (underline or pill) animates between tabs with the same timing as the design reference
-* (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `disableMotion={true}` to disable that motion.
+* (`240ms` and `cubic-bezier(0.2, 0, 0, 1)`). Set `reduceMotion={true}` to reduce that motion.
 *
 * @example
 * ```tsx
@@ -30,11 +30,11 @@ import { TabProvider } from "@ariakit/react";
 * </Tabs>
 * ```
 **/
-function Tabs({ children, variant = "primary", disableMotion = false, defaultSelectedId, selectedId, onSelectionChange }) {
+function Tabs({ children, variant = "primary", reduceMotion = false, defaultSelectedId, selectedId, onSelectionChange }) {
 	return /* @__PURE__ */ jsx(TabsContext.Provider, {
 		value: {
 			variant,
-			disableMotion
+			reduceMotion
 		},
 		children: /* @__PURE__ */ jsx(TabProvider, {
 			defaultSelectedId,

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

@@ -6,7 +6,7 @@ let react = require("react");
 //#region src/components/client/Tabs/tabsContext.tsx
 const TabsContext = (0, react.createContext)({
 	variant: "primary",
-	disableMotion: false
+	reduceMotion: false
 });
 function useTabsContext() {
 	return (0, react.useContext)(TabsContext);

package/dist/components/client/Tabs/tabsContext.d.cts

@@ -7,7 +7,7 @@ type TabsVariant = UniversalTabsVariant;
 interface TabsContextValue {
   variant: TabsVariant;
   /** When true, selection indicator sliding motion is off; TabList/Tab still show correct selection. */
-  disableMotion: boolean;
+  reduceMotion: boolean;
 }
 declare const TabsContext: _$react.Context<TabsContextValue>;
 declare function useTabsContext(): TabsContextValue;

package/dist/components/client/Tabs/tabsContext.d.ts

@@ -8,7 +8,7 @@ type TabsVariant = UniversalTabsVariant;
 interface TabsContextValue {
   variant: TabsVariant;
   /** When true, selection indicator sliding motion is off; TabList/Tab still show correct selection. */
-  disableMotion: boolean;
+  reduceMotion: boolean;
 }
 declare const TabsContext: _$react.Context<TabsContextValue>;
 declare function useTabsContext(): TabsContextValue;

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

@@ -4,7 +4,7 @@ import { createContext, useContext } from "react";
 //#region src/components/client/Tabs/tabsContext.tsx
 const TabsContext = createContext({
 	variant: "primary",
-	disableMotion: false
+	reduceMotion: false
 });
 function useTabsContext() {
 	return useContext(TabsContext);