@yahoo/uds 3.162.1 → 3.163.0

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

@@ -11,8 +11,8 @@ import { VariantConfig } from "../types/ComponentConfig.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" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", 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" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", 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" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", 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" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", 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 { VariantConfig } from "../types/ComponentConfig.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" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", 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" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", 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" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", 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" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", 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/cli/commands/sync.cjs

@@ -14,9 +14,9 @@ const require_colors = require("../dist/lib/colors.cjs");
 const require_print = require("../dist/lib/print.cjs");
 const require_box = require("../dist/lib/box.cjs");
 const require_migrationSchemaVersion = require("../../uds/generated/migrationSchemaVersion.cjs");
+let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_runtime.__toESM(node_path, 1);
-let node_fs = require("node:fs");
 let _yahoo_uds_package_json = require("@yahoo/uds/package.json");
 _yahoo_uds_package_json = require_runtime.__toESM(_yahoo_uds_package_json, 1);
 //#region src/cli/commands/sync.ts

package/dist/cli/commands/sync.js

@@ -12,8 +12,8 @@ import { bold, cyan, green, magenta, red, yellow } from "../dist/lib/colors.js";
 import { print } from "../dist/lib/print.js";
 import { printBox } from "../dist/lib/box.js";
 import { MIGRATION_SCHEMA_VERSION } from "../../uds/generated/migrationSchemaVersion.js";
-import path from "node:path";
 import { writeFileSync } from "node:fs";
+import path from "node:path";
 import packageJSON from "@yahoo/uds/package.json" with { type: "json" };
 //#region src/cli/commands/sync.ts
 const PRODUCTION_ENDPOINT = "https://config.uds.build";

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

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

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

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

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

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 require("../../../../_virtual/_rolldown/runtime.cjs");
+let node_fs = require("node:fs");
 let node_path = require("node:path");
 let node_url = require("node:url");
-let node_fs = require("node:fs");
 //#region ../cli/dist/utils/rules/config.mjs
 /*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
 const __dirname$1 = (0, node_path.dirname)((0, node_url.fileURLToPath)(require("url").pathToFileURL(__filename).href));

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

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

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: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "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: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

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

@@ -7,6 +7,7 @@ const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_components_Box = require("../../Box.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_SpringMotionConfig = require("../SpringMotionConfig.cjs");
+const require_hooks_useRtl = require("../../../hooks/useRtl.cjs");
 const require_components_client_Switch_SwitchBase = require("./SwitchBase.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);
@@ -46,6 +47,7 @@ const toggleTransition = {
 **/
 const Switch = (0, react.forwardRef)(function Switch({ reduceMotion: forceReduceMotion, ...props }, parentRef) {
 	const prefersReducedMotion = require_hooks_usePrefersReducedMotion.usePrefersReducedMotion();
+	const isRtl = require_hooks_useRtl.useRtl();
 	const reduceMotion = forceReduceMotion ? "always" : "user";
 	const cssAnimationDuration = prefersReducedMotion || forceReduceMotion ? "duration-0" : "duration-120";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Switch_SwitchBase.SwitchBase, {
@@ -54,14 +56,15 @@ const Switch = (0, react.forwardRef)(function Switch({ reduceMotion: forceReduce
 		cssAnimationDuration,
 		enableHoverTracking: true,
 		renderHandle: ({ size, isOn, isOnX, showHoverEffect, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => {
+			const onX = isRtl ? `-${isOnX}` : isOnX;
 			const motionInitialAndAnimate = {
 				initial: {
 					scale: 1,
-					x: isOn ? isOnX : 0
+					x: isOn ? onX : 0
 				},
 				animate: {
 					scale: showHoverEffect ? 1.05 : 1,
-					x: isOn ? isOnX : 0
+					x: isOn ? onX : 0
 				}
 			};
 			const classNames = {

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

@@ -5,6 +5,7 @@ import { IconSlot } from "../../IconSlot.js";
 import { Box } from "../../Box.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { SpringMotionConfig } from "../SpringMotionConfig.js";
+import { useRtl } from "../../../hooks/useRtl.js";
 import { SwitchBase } from "./SwitchBase.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -42,6 +43,7 @@ const toggleTransition = {
 **/
 const Switch = forwardRef(function Switch({ reduceMotion: forceReduceMotion, ...props }, parentRef) {
 	const prefersReducedMotion = usePrefersReducedMotion();
+	const isRtl = useRtl();
 	const reduceMotion = forceReduceMotion ? "always" : "user";
 	const cssAnimationDuration = prefersReducedMotion || forceReduceMotion ? "duration-0" : "duration-120";
 	return /* @__PURE__ */ jsx(SwitchBase, {
@@ -50,14 +52,15 @@ const Switch = forwardRef(function Switch({ reduceMotion: forceReduceMotion, ...
 		cssAnimationDuration,
 		enableHoverTracking: true,
 		renderHandle: ({ size, isOn, isOnX, showHoverEffect, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => {
+			const onX = isRtl ? `-${isOnX}` : isOnX;
 			const motionInitialAndAnimate = {
 				initial: {
 					scale: 1,
-					x: isOn ? isOnX : 0
+					x: isOn ? onX : 0
 				},
 				animate: {
 					scale: showHoverEffect ? 1.05 : 1,
-					x: isOn ? isOnX : 0
+					x: isOn ? onX : 0
 				}
 			};
 			const classNames = {

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

@@ -6,11 +6,11 @@ const require_styles_styler = require("../../../styles/styler.cjs");
 const SIZE_MAP = {
 	md: {
 		isOnX: "1.25rem",
-		isOnTranslateClass: require_styles_styler.cx("translate-x-[1.25rem]")
+		isOnTranslateClass: require_styles_styler.cx("translate-x-[1.25rem]", "rtl:translate-x-[-1.25rem]")
 	},
 	sm: {
 		isOnX: "0.75rem",
-		isOnTranslateClass: require_styles_styler.cx("translate-x-[0.75rem]")
+		isOnTranslateClass: require_styles_styler.cx("translate-x-[0.75rem]", "rtl:translate-x-[-0.75rem]")
 	}
 };
 //#endregion

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

@@ -5,11 +5,11 @@ import { cx } from "../../../styles/styler.js";
 const SIZE_MAP = {
 	md: {
 		isOnX: "1.25rem",
-		isOnTranslateClass: cx("translate-x-[1.25rem]")
+		isOnTranslateClass: cx("translate-x-[1.25rem]", "rtl:translate-x-[-1.25rem]")
 	},
 	sm: {
 		isOnX: "0.75rem",
-		isOnTranslateClass: cx("translate-x-[0.75rem]")
+		isOnTranslateClass: cx("translate-x-[0.75rem]", "rtl:translate-x-[-0.75rem]")
 	}
 };
 //#endregion

package/dist/css/dist/css/generate.cjs

@@ -1,19 +1,19 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("./utils.cjs");
+const require_entryPoints = require("../../../tailwind-internal/dist/utils/entryPoints.cjs");
 const require_colors = require("../packages/cli/dist/lib/colors.cjs");
 const require_print = require("../packages/cli/dist/lib/print.cjs");
 const require_perf = require("./perf.cjs");
-const require_entryPoints = require("../../../tailwind-internal/dist/utils/entryPoints.cjs");
 const require_nodeUtils = require("./nodeUtils.cjs");
 const require_spinner = require("../packages/cli/dist/lib/spinner.cjs");
 const require_index = require("../packages/config/dist/index.cjs");
 const require_safelist = require("../purger/optimized/utils/safelist.cjs");
-const require_utils = require("./utils.cjs");
 const require_generate_helpers = require("./generate.helpers.cjs");
-let node_path = require("node:path");
-node_path = require_runtime.__toESM(node_path, 1);
 let node_fs = require("node:fs");
 node_fs = require_runtime.__toESM(node_fs, 1);
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path, 1);
 let node_zlib = require("node:zlib");
 let postcss = require("postcss");
 postcss = require_runtime.__toESM(postcss, 1);

package/dist/css/dist/css/generate.helpers.cjs

@@ -1,26 +1,24 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_safelist = require("../packages/icons/src/safelist.cjs");
+const require_utils = require("./utils.cjs");
 const require_getIconStyles = require("../../../tailwind-internal/dist/components/getIconStyles.cjs");
 const require_tailwindPlugin = require("../../../tailwind-internal/dist/tailwindPlugin.cjs");
 const require_entryPoints = require("../../../tailwind-internal/dist/utils/entryPoints.cjs");
-const require_postcssPreserveVars = require("../../../tailwind-internal/dist/utils/postcssPreserveVars.cjs");
-const require_safelist = require("../purger/optimized/utils/safelist.cjs");
+const require_pruneVars = require("../postcss/pruneVars.cjs");
+const require_safelist$1 = require("../purger/optimized/utils/safelist.cjs");
 const require_runner_helpers = require("./runner.helpers.cjs");
-const require_utils = require("./utils.cjs");
-const require_safelist$1 = require("../packages/icons/src/safelist.cjs");
 const require_optimizeCSS = require("../utils/optimizeCSS.cjs");
 const require_postcss = require("./postcss.cjs");
+let node_fs = require("node:fs");
+node_fs = require_runtime.__toESM(node_fs, 1);
 let node_path = require("node:path");
 node_path = require_runtime.__toESM(node_path, 1);
 let node_url = require("node:url");
-let node_fs = require("node:fs");
-node_fs = require_runtime.__toESM(node_fs, 1);
 let postcss = require("postcss");
 postcss = require_runtime.__toESM(postcss, 1);
 let autoprefixer = require("autoprefixer");
 autoprefixer = require_runtime.__toESM(autoprefixer, 1);
-let postcss_prune_var = require("postcss-prune-var");
-postcss_prune_var = require_runtime.__toESM(postcss_prune_var, 1);
 let postcss_scope = require("postcss-scope");
 postcss_scope = require_runtime.__toESM(postcss_scope, 1);
 //#region ../css/dist/css/generate.helpers.mjs
@@ -28,7 +26,7 @@ postcss_scope = require_runtime.__toESM(postcss_scope, 1);
 const getPruneVarSafelist = (cssOptions) => {
 	const pruneVars = cssOptions?.optimization?.pruneVars;
 	const configuredSafelist = pruneVars && typeof pruneVars === "object" ? pruneVars.safelist ?? [] : [];
-	return [...require_safelist$1.iconPruneVarsSafelist, ...configuredSafelist];
+	return [...require_safelist.iconPruneVarsSafelist, ...configuredSafelist];
 };
 const getCssFeatureFlags = (cssOptions) => {
 	const optimizationConfig = cssOptions?.optimization;
@@ -58,7 +56,7 @@ const loadTailwindcss = async () => {
 	throw new Error("Unable to locate a Tailwind CSS runtime for UDS CSS generation.");
 };
 const getInternalSafelistRawContent = (safelist) => {
-	const internalClasses = new Set(require_safelist.getInternalSafelistClasses());
+	const internalClasses = new Set(require_safelist$1.getInternalSafelistClasses());
 	const matchedInternalClasses = safelist.filter((entry) => typeof entry === "string" && internalClasses.has(entry));
 	if (matchedInternalClasses.length === 0) return [];
 	return [`<div class="${matchedInternalClasses.join(" ")}"></div>`];
@@ -86,17 +84,9 @@ const createTailwindPlugin = async (options) => {
 		})]
 	});
 };
-const getPruneVarPlugins = (safeVarPrefixes) => {
-	if (safeVarPrefixes.length === 0) return [(0, postcss_prune_var.default)()];
-	return [
-		require_postcssPreserveVars.preserveVars({ preserve: safeVarPrefixes }),
-		(0, postcss_prune_var.default)(),
-		require_postcssPreserveVars.preserveVarsCleanup()
-	];
-};
 const buildPostcssPlugins = (options) => {
 	const plugins = [options.tailwindPlugin, (0, autoprefixer.default)()];
-	if (options.shouldPruneVars) plugins.push(...getPruneVarPlugins(options.safeVarPrefixes));
+	if (options.shouldPruneVars) plugins.push(...require_pruneVars.getPruneVarPlugins(options.safeVarPrefixes));
 	if (options.scopeClass) plugins.push((0, postcss_scope.default)(options.scopeClass));
 	const otherBoundaryScopes = options.otherBoundaryScopes ?? [];
 	if (otherBoundaryScopes.length > 0) plugins.push(require_postcss.appendIsolationExclusionPlugin(otherBoundaryScopes));

package/dist/css/dist/css/generate.helpers.js

@@ -1,20 +1,19 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { iconPruneVarsSafelist } from "../packages/icons/src/safelist.js";
+import { formatBytes } from "./utils.js";
 import { getIconStyles } from "../../../tailwind-internal/dist/components/getIconStyles.js";
 import { tailwindPlugin } from "../../../tailwind-internal/dist/tailwindPlugin.js";
 import { hasAllowedEntryFileExtension } from "../../../tailwind-internal/dist/utils/entryPoints.js";
-import { preserveVars, preserveVarsCleanup } from "../../../tailwind-internal/dist/utils/postcssPreserveVars.js";
+import { getPruneVarPlugins } from "../postcss/pruneVars.js";
 import { getInternalSafelistClasses } from "../purger/optimized/utils/safelist.js";
 import { formatCssDuration } from "./runner.helpers.js";
-import { formatBytes } from "./utils.js";
-import { iconPruneVarsSafelist } from "../packages/icons/src/safelist.js";
 import { optimizeCSS } from "../utils/optimizeCSS.js";
 import { appendIsolationExclusionPlugin, fixScopedColorModeSelectorsPlugin, fixScopedSelfOrParentSelectorsPlugin } from "./postcss.js";
+import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
-import fs from "node:fs";
 import postcss from "postcss";
 import autoprefixer from "autoprefixer";
-import pruneVar from "postcss-prune-var";
 import postcssScope from "postcss-scope";
 //#region ../css/dist/css/generate.helpers.mjs
 /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
@@ -79,14 +78,6 @@ const createTailwindPlugin = async (options) => {
 		})]
 	});
 };
-const getPruneVarPlugins = (safeVarPrefixes) => {
-	if (safeVarPrefixes.length === 0) return [pruneVar()];
-	return [
-		preserveVars({ preserve: safeVarPrefixes }),
-		pruneVar(),
-		preserveVarsCleanup()
-	];
-};
 const buildPostcssPlugins = (options) => {
 	const plugins = [options.tailwindPlugin, autoprefixer()];
 	if (options.shouldPruneVars) plugins.push(...getPruneVarPlugins(options.safeVarPrefixes));

package/dist/css/dist/css/generate.js

@@ -1,16 +1,16 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { extractRuntimeConfigValues, extractVariantDefaults, getConfigurableCssVariables, getMotionVarPrefixes } from "./utils.js";
+import { resolveEntryPaths } from "../../../tailwind-internal/dist/utils/entryPoints.js";
 import { cyan, magenta, yellow } from "../packages/cli/dist/lib/colors.js";
 import { print } from "../packages/cli/dist/lib/print.js";
 import { measureAsync } from "./perf.js";
-import { resolveEntryPaths } from "../../../tailwind-internal/dist/utils/entryPoints.js";
 import { loadConfigFile, scanDirectoriesForSafelist } from "./nodeUtils.js";
 import { spinStop } from "../packages/cli/dist/lib/spinner.js";
 import { defaultTokensConfig } from "../packages/config/dist/index.js";
 import { deduplicateSafelist, getInternalSafelistClasses, getThemeAndScaleClasses } from "../purger/optimized/utils/safelist.js";
-import { extractRuntimeConfigValues, extractVariantDefaults, getConfigurableCssVariables, getMotionVarPrefixes } from "./utils.js";
 import { applyScopedColorModeFix, buildPostcssPlugins, createTailwindPlugin, getCssFeatureFlags, getInternalIconModeCss, optimizeGeneratedCss, printSimpleModeStats } from "./generate.helpers.js";
-import path from "node:path";
 import fs from "node:fs";
+import path from "node:path";
 import { gzipSync } from "node:zlib";
 import postcss from "postcss";
 //#region ../css/dist/css/generate.mjs

package/dist/css/dist/css/nodeUtils.cjs

@@ -1,15 +1,15 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_entryPoints = require("../../../tailwind-internal/dist/utils/entryPoints.cjs");
 const require_colors = require("../packages/cli/dist/lib/colors.cjs");
 const require_print = require("../packages/cli/dist/lib/print.cjs");
 const require_perf = require("./perf.cjs");
 const require_purgeFromCode = require("../purger/optimized/purgeFromCode.cjs");
-const require_entryPoints = require("../../../tailwind-internal/dist/utils/entryPoints.cjs");
 const require_files = require("../purger/optimized/utils/files.cjs");
-let node_path = require("node:path");
-node_path = require_runtime.__toESM(node_path, 1);
 let node_fs = require("node:fs");
 node_fs = require_runtime.__toESM(node_fs, 1);
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path, 1);
 let fast_glob = require("fast-glob");
 fast_glob = require_runtime.__toESM(fast_glob, 1);
 let node_module = require("node:module");

package/dist/css/dist/css/nodeUtils.js

@@ -1,12 +1,12 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { formatEntryValue } from "../../../tailwind-internal/dist/utils/entryPoints.js";
 import { cyan, green, magenta, red } from "../packages/cli/dist/lib/colors.js";
 import { print } from "../packages/cli/dist/lib/print.js";
 import { measureAsync } from "./perf.js";
 import { purgeFromCodeOptimized, resolveWrapperSpreadSafelist } from "../purger/optimized/purgeFromCode.js";
-import { formatEntryValue } from "../../../tailwind-internal/dist/utils/entryPoints.js";
 import { DEV_FILE_IGNORE_GLOBS } from "../purger/optimized/utils/files.js";
-import path from "node:path";
 import fs from "node:fs";
+import path from "node:path";
 import fg from "fast-glob";
 import { createRequire } from "node:module";
 //#region ../css/dist/css/nodeUtils.mjs

package/dist/css/dist/css/runner.cjs

@@ -1,9 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("./utils.cjs");
+const require_entryPoints = require("../../../tailwind-internal/dist/utils/entryPoints.cjs");
 const require_colors = require("../packages/cli/dist/lib/colors.cjs");
 const require_print = require("../packages/cli/dist/lib/print.cjs");
 const require_perf = require("./perf.cjs");
-const require_entryPoints = require("../../../tailwind-internal/dist/utils/entryPoints.cjs");
 const require_files = require("../purger/optimized/utils/files.cjs");
 const require_nodeUtils = require("./nodeUtils.cjs");
 const require_spinner = require("../packages/cli/dist/lib/spinner.cjs");
@@ -11,7 +12,6 @@ const require_logger = require("../packages/cli/dist/lib/logger.cjs");
 const require_index = require("../packages/config/dist/index.cjs");
 const require_safelist = require("../purger/optimized/utils/safelist.cjs");
 const require_runner_helpers = require("./runner.helpers.cjs");
-const require_utils = require("./utils.cjs");
 const require_generate_helpers = require("./generate.helpers.cjs");
 const require_generate = require("./generate.cjs");
 const require_workerPool = require("./workerPool.cjs");

package/dist/css/dist/css/runner.js

@@ -1,8 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { extractRuntimeConfigValues, extractVariantDefaults, formatBytes, getConfigurableCssVariables, getMotionVarPrefixes } from "./utils.js";
+import { resolveEntryPaths } from "../../../tailwind-internal/dist/utils/entryPoints.js";
 import { gray, green, magenta } from "../packages/cli/dist/lib/colors.js";
 import { print } from "../packages/cli/dist/lib/print.js";
 import { captureMemory, clearTimings, measureAsync, printPerfSummary } from "./perf.js";
-import { resolveEntryPaths } from "../../../tailwind-internal/dist/utils/entryPoints.js";
 import { TEST_FILE_IGNORE_GLOBS } from "../purger/optimized/utils/files.js";
 import { findPackageRoot, findPackageSourceDir, getPackageUdsScope, loadConfigFile, scanDirectoriesForSafelist, scanDirectoryForSafelist } from "./nodeUtils.js";
 import { spinStart, spinStop } from "../packages/cli/dist/lib/spinner.js";
@@ -10,7 +11,6 @@ import { createLogger } from "../packages/cli/dist/lib/logger.js";
 import { defaultTokensConfig } from "../packages/config/dist/index.js";
 import { deduplicateSafelist, getInternalSafelistClasses, getThemeAndScaleClasses } from "../purger/optimized/utils/safelist.js";
 import { formatCssDuration, getMainCssSummaryMessage, getOutputFileSection, getScanSummaryMessage, getScopedCssSummaryMessage, getVerboseScanFileList, getWatchDirectoryGroups } from "./runner.helpers.js";
-import { extractRuntimeConfigValues, extractVariantDefaults, formatBytes, getConfigurableCssVariables, getMotionVarPrefixes } from "./utils.js";
 import { getPruneVarSafelist } from "./generate.helpers.js";
 import { generateCSS, generateSimpleModeCSS } from "./generate.js";
 import { createWorkerPool } from "./workerPool.js";

package/dist/css/dist/css/theme.d.cts

@@ -104,4 +104,4 @@ type UDSThemeConfigInput = UDSThemeConfig | ((ctx: UDSThemeContext) => UDSThemeC
  */
 declare const defineTheme: (config: UDSThemeConfigInput) => UDSThemeConfigInput; //#endregion
 //#endregion
-export { type UDSCSSOptimizationOptions, type UDSThemeConfig, type UDSThemeConfigInput, type UDSThemeContext, defineTheme };
+export { type UDSCSSOptimizationOptions, type UDSCSSPruneVarsOptions, type UDSCSSVarSafelistPattern, type UDSThemeConfig, type UDSThemeConfigInput, type UDSThemeContext, defineTheme };

package/dist/css/dist/css/theme.d.ts

@@ -104,4 +104,4 @@ type UDSThemeConfigInput = UDSThemeConfig | ((ctx: UDSThemeContext) => UDSThemeC
  */
 declare const defineTheme: (config: UDSThemeConfigInput) => UDSThemeConfigInput; //#endregion
 //#endregion
-export { type UDSCSSOptimizationOptions, type UDSThemeConfig, type UDSThemeConfigInput, type UDSThemeContext, defineTheme };
+export { type UDSCSSOptimizationOptions, type UDSCSSPruneVarsOptions, type UDSCSSVarSafelistPattern, type UDSThemeConfig, type UDSThemeConfigInput, type UDSThemeContext, defineTheme };

package/dist/css/dist/postcss/pruneVars.cjs

@@ -0,0 +1,53 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_safelist = require("../packages/icons/src/safelist.cjs");
+const require_utils = require("../css/utils.cjs");
+const require_postcssPreserveVars = require("../../../tailwind-internal/dist/utils/postcssPreserveVars.cjs");
+let postcss_prune_var = require("postcss-prune-var");
+postcss_prune_var = require_runtime.__toESM(postcss_prune_var, 1);
+//#region ../css/dist/postcss/pruneVars.mjs
+/*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
+/**
+* Build the preserve → prune → cleanup PostCSS plugin sequence used to remove
+* unused CSS variables. Used internally by the `uds css` command; consumers
+* should use {@link udsPruneVars} instead.
+*/
+const getPruneVarPlugins = (safeVarPrefixes) => {
+	if (safeVarPrefixes.length === 0) return [(0, postcss_prune_var.default)()];
+	return [
+		require_postcssPreserveVars.preserveVars({ preserve: safeVarPrefixes }),
+		(0, postcss_prune_var.default)(),
+		require_postcssPreserveVars.preserveVarsCleanup()
+	];
+};
+/**
+* Ready-to-use PostCSS plugin that removes unused UDS token CSS variables
+* (and any other unused CSS variables) from generated CSS.
+*
+* Runtime-configurable UDS variables and icon color variables are always
+* preserved. Additional variables can be preserved via the `safelist` option
+* using string prefixes or regular expressions.
+*
+* Must run after all CSS has been generated (e.g. after Tailwind).
+*
+* @example
+* ```js
+* // postcss.config.js
+* const { udsPruneVars } = require('@yahoo/uds/postcss');
+*
+* module.exports = {
+*   plugins: [udsPruneVars({ safelist: ['--app-theme-'] })],
+* };
+* ```
+*/
+const udsPruneVars = (options = {}) => ({
+	postcssPlugin: "uds-prune-vars",
+	plugins: getPruneVarPlugins([
+		...require_utils.getConfigurableCssVariables(),
+		...require_safelist.iconPruneVarsSafelist,
+		...options.safelist ?? []
+	])
+});
+//#endregion
+exports.getPruneVarPlugins = getPruneVarPlugins;
+exports.udsPruneVars = udsPruneVars;

package/dist/css/dist/postcss/pruneVars.d.cts

@@ -0,0 +1,33 @@
+
+import { UDSCSSPruneVarsOptions } from "../css/theme.cjs";
+import { AcceptedPlugin } from "postcss";
+
+//#region ../css/dist/postcss/pruneVars.d.mts
+//#region src/postcss/pruneVars.d.ts
+interface UDSPruneVarsPlugin {
+  postcssPlugin: 'uds-prune-vars';
+  plugins: AcceptedPlugin[];
+}
+/**
+ * Ready-to-use PostCSS plugin that removes unused UDS token CSS variables
+ * (and any other unused CSS variables) from generated CSS.
+ *
+ * Runtime-configurable UDS variables and icon color variables are always
+ * preserved. Additional variables can be preserved via the `safelist` option
+ * using string prefixes or regular expressions.
+ *
+ * Must run after all CSS has been generated (e.g. after Tailwind).
+ *
+ * @example
+ * ```js
+ * // postcss.config.js
+ * const { udsPruneVars } = require('@yahoo/uds/postcss');
+ *
+ * module.exports = {
+ *   plugins: [udsPruneVars({ safelist: ['--app-theme-'] })],
+ * };
+ * ```
+ */
+declare const udsPruneVars: (options?: UDSCSSPruneVarsOptions) => UDSPruneVarsPlugin; //#endregion
+//#endregion
+export { type UDSPruneVarsPlugin, udsPruneVars };