@yahoo/uds 3.159.2 → 3.160.0

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

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

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

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../styles/styler.cjs");
+const require_components_IconSlot = require("../../components/IconSlot.cjs");
+const require_components_Box = require("../../components/Box.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/css-animation/Switch/SwitchStaticHandle.tsx
+function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
+	const classNames = {
+		handle: require_styles_styler.getStyles({
+			switchSizeHandle: size,
+			className: require_styles_styler.cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
+		}),
+		handleCircle: require_styles_styler.getStyles({
+			switchVariantActiveHandle: isOn ? "on" : "off",
+			switchVariantHandle: "default",
+			className: require_styles_styler.cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
+		}),
+		handleIcon: require_styles_styler.getStyles({
+			switchSizeHandleIcon: size,
+			switchVariantHandleIcon: "default",
+			switchVariantActiveHandleIcon: isOn ? "on" : "off",
+			className: require_styles_styler.cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
+		})
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
+		className: require_styles_styler.cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
+		...handleSlotProps,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: classNames.handleCircle }),
+			onIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+				icon: onIcon,
+				iconProps: {
+					variant: "fill",
+					size: "sm"
+				},
+				"data-testid": "on-icon",
+				className: require_styles_styler.cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
+			}),
+			offIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+				icon: offIcon,
+				iconProps: {
+					variant: "fill",
+					size: "sm"
+				},
+				"data-testid": "off-icon",
+				className: require_styles_styler.cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
+			})
+		]
+	});
+}
+SwitchStaticHandle.displayName = "SwitchStaticHandle";
+//#endregion
+exports.SwitchStaticHandle = SwitchStaticHandle;

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

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

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

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

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

@@ -0,0 +1,54 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { cx, getStyles } from "../../styles/styler.js";
+import { IconSlot } from "../../components/IconSlot.js";
+import { Box } from "../../components/Box.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/css-animation/Switch/SwitchStaticHandle.tsx
+function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
+	const classNames = {
+		handle: getStyles({
+			switchSizeHandle: size,
+			className: cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
+		}),
+		handleCircle: getStyles({
+			switchVariantActiveHandle: isOn ? "on" : "off",
+			switchVariantHandle: "default",
+			className: cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
+		}),
+		handleIcon: getStyles({
+			switchSizeHandleIcon: size,
+			switchVariantHandleIcon: "default",
+			switchVariantActiveHandleIcon: isOn ? "on" : "off",
+			className: cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
+		})
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
+		...handleSlotProps,
+		children: [
+			/* @__PURE__ */ jsx(Box, { className: classNames.handleCircle }),
+			onIcon && /* @__PURE__ */ jsx(IconSlot, {
+				icon: onIcon,
+				iconProps: {
+					variant: "fill",
+					size: "sm"
+				},
+				"data-testid": "on-icon",
+				className: cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
+			}),
+			offIcon && /* @__PURE__ */ jsx(IconSlot, {
+				icon: offIcon,
+				iconProps: {
+					variant: "fill",
+					size: "sm"
+				},
+				"data-testid": "off-icon",
+				className: cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
+			})
+		]
+	});
+}
+SwitchStaticHandle.displayName = "SwitchStaticHandle";
+//#endregion
+export { SwitchStaticHandle };

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

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

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

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

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

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

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

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

package/dist/css-animation/index.cjs

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

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

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

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

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

package/dist/css-animation/index.js

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

package/dist/hooks/usePrefersReducedMotion.cjs

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

package/dist/hooks/usePrefersReducedMotion.d.cts

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

package/dist/hooks/usePrefersReducedMotion.d.ts

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

package/dist/hooks/usePrefersReducedMotion.js

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

package/dist/index.cjs

@@ -33,6 +33,7 @@ const require_components_client_BottomSheet_BottomSheetDismiss = require("./comp
 const require_components_client_BottomSheet_BottomSheetHeader = require("./components/client/BottomSheet/BottomSheetHeader.cjs");
 const require_components_client_BottomSheet_BottomSheetProvider = require("./components/client/BottomSheet/BottomSheetProvider.cjs");
 const require_components_client_BottomSheet_BottomSheetTrigger = require("./components/client/BottomSheet/BottomSheetTrigger.cjs");
+const require_components_client_SpringMotionConfig = require("./components/client/SpringMotionConfig.cjs");
 const require_entries = require("./utils/dist/entries.cjs");
 const require_fromEntries = require("./utils/dist/fromEntries.cjs");
 const require_mapValues = require("./utils/dist/mapValues.cjs");
@@ -61,15 +62,14 @@ const require_getConfigVariants = require("./automated-config/dist/utils/getConf
 const require_getPaginationControlWidthPx = require("./automated-config/dist/utils/getPaginationControlWidthPx.cjs");
 const require_isConfiguratorPropertyVisible = require("./automated-config/dist/utils/isConfiguratorPropertyVisible.cjs");
 const require_index$2 = require("./automated-config/dist/utils/index.cjs");
-const require_components_client_SpringMotionConfig = require("./components/client/SpringMotionConfig.cjs");
-const require_components_client_Button = require("./components/client/Button.cjs");
+const require_components_client_Button_Button = require("./components/client/Button/Button.cjs");
 const require_components_client_Checkbox = require("./components/client/Checkbox.cjs");
 const require_components_client_Chip_ChipButton = require("./components/client/Chip/ChipButton.cjs");
 const require_components_client_Chip_ChipDismissible = require("./components/client/Chip/ChipDismissible.cjs");
 const require_components_client_Chip_ChipLink = require("./components/client/Chip/ChipLink.cjs");
 const require_components_client_Chip_ChipToggle = require("./components/client/Chip/ChipToggle.cjs");
 const require_components_client_Chip_Chip = require("./components/client/Chip/Chip.cjs");
-const require_components_client_IconButton = require("./components/client/IconButton.cjs");
+const require_components_client_IconButton_IconButton = require("./components/client/IconButton/IconButton.cjs");
 const require_components_client_Input_Input = require("./components/client/Input/Input.cjs");
 const require_components_client_Input_InputHelpText = require("./components/client/Input/InputHelpText.cjs");
 const require_components_client_Menu_Menu_index = require("./components/client/Menu/Menu.index.cjs");
@@ -113,7 +113,7 @@ const require_components_client_Select_Select = require("./components/client/Sel
 const require_components_client_Select_SelectContent = require("./components/client/Select/SelectContent.cjs");
 const require_components_client_Select_SelectDivider = require("./components/client/Select/SelectDivider.cjs");
 const require_components_client_Select_SelectItem = require("./components/client/Select/SelectItem.cjs");
-const require_components_client_Switch = require("./components/client/Switch.cjs");
+const require_components_client_Switch_Switch = require("./components/client/Switch/Switch.cjs");
 const require_components_client_Tabs_Tab = require("./components/client/Tabs/Tab.cjs");
 const require_components_client_Tabs_TabList = require("./components/client/Tabs/TabList.cjs");
 const require_components_client_Tabs_TabPanel = require("./components/client/Tabs/TabPanel.cjs");
@@ -167,7 +167,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.Box = require_components_Box.Box;
-exports.Button = require_components_client_Button.Button;
+exports.Button = require_components_client_Button_Button.Button;
 exports.ButtonConfig = require_generatedConfigs.ButtonConfig;
 exports.Checkbox = require_components_client_Checkbox.Checkbox;
 exports.CheckboxConfig = require_generatedConfigs.CheckboxConfig;
@@ -204,7 +204,7 @@ exports.INSET_SHADOW_PREFIX = require_index$1.INSET_SHADOW_PREFIX;
 exports.INTERACTIVE_ATOMICS = require_StateAxis.INTERACTIVE_ATOMICS;
 exports.INVERT_COLOR_MODE_CLASSNAME = require_index$1.INVERT_COLOR_MODE_CLASSNAME;
 exports.Icon = require_components_Icon.Icon;
-exports.IconButton = require_components_client_IconButton.IconButton;
+exports.IconButton = require_components_client_IconButton_IconButton.IconButton;
 exports.IconButtonConfig = require_generatedConfigs.IconButtonConfig;
 exports.Image = require_components_Image.Image;
 exports.Input = require_components_client_Input_Input.Input;
@@ -273,7 +273,7 @@ exports.SelectDivider = require_components_client_Select_SelectDivider.SelectDiv
 exports.SelectItem = require_components_client_Select_SelectItem.SelectItem;
 exports.SelectItemConfig = require_generatedConfigs.SelectItemConfig;
 exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
-exports.Switch = require_components_client_Switch.Switch;
+exports.Switch = require_components_client_Switch_Switch.Switch;
 exports.SwitchConfig = require_generatedConfigs.SwitchConfig;
 exports.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = require_index$1.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES;
 exports.TEXT_RESPONSIVE_CLASSNAME = require_index$1.TEXT_RESPONSIVE_CLASSNAME;

package/dist/index.d.cts

@@ -75,14 +75,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./components/client/B
 import { BottomSheetProvider, BottomSheetProviderProps } from "./components/client/BottomSheet/BottomSheetProvider.cjs";
 import { BottomSheetTrigger, BottomSheetTriggerProps } from "./components/client/BottomSheet/BottomSheetTrigger.cjs";
 import { UDSBottomSheetConfigContextType, configToBottomSheetConfigContext } from "./runtime/bottomSheetConfig.cjs";
-import { Button, ButtonProps } from "./components/client/Button.cjs";
+import { Button, ButtonProps } from "./components/client/Button/Button.cjs";
 import { Checkbox, CheckboxProps } from "./components/client/Checkbox.cjs";
 import { Chip, ChipProps } from "./components/client/Chip/Chip.cjs";
 import { ChipButton, ChipButtonProps } from "./components/client/Chip/ChipButton.cjs";
 import { ChipDismissible, ChipDismissibleProps } from "./components/client/Chip/ChipDismissible.cjs";
 import { ChipLink, ChipLinkProps } from "./components/client/Chip/ChipLink.cjs";
 import { ChipToggle, ChipToggleProps } from "./components/client/Chip/ChipToggle.cjs";
-import { IconButton, IconButtonProps } from "./components/client/IconButton.cjs";
+import { IconButton, IconButtonProps } from "./components/client/IconButton/IconButton.cjs";
 import { Input, InputProps } from "./components/client/Input/Input.cjs";
 import { InputHelpText, InputHelpTextProps } from "./components/client/Input/InputHelpText.cjs";
 import { MenuContentProps } from "./components/client/Menu/Menu.Content.cjs";
@@ -129,7 +129,7 @@ import { Select, SelectProps } from "./components/client/Select/Select.cjs";
 import { SelectContent, SelectContentProps } from "./components/client/Select/SelectContent.cjs";
 import { SelectDivider, SelectDividerProps } from "./components/client/Select/SelectDivider.cjs";
 import { SelectItem, SelectItemProps } from "./components/client/Select/SelectItem.cjs";
-import { Switch, SwitchProps } from "./components/client/Switch.cjs";
+import { Switch, SwitchProps } from "./components/client/Switch/Switch.cjs";
 import { Tab, TabProps } from "./components/client/Tabs/Tab.cjs";
 import { TabList, TabListProps } from "./components/client/Tabs/TabList.cjs";
 import { TabPanel, TabPanelProps } from "./components/client/Tabs/TabPanel.cjs";

package/dist/index.d.ts

@@ -75,14 +75,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./components/client/B
 import { BottomSheetProvider, BottomSheetProviderProps } from "./components/client/BottomSheet/BottomSheetProvider.js";
 import { BottomSheetTrigger, BottomSheetTriggerProps } from "./components/client/BottomSheet/BottomSheetTrigger.js";
 import { UDSBottomSheetConfigContextType, configToBottomSheetConfigContext } from "./runtime/bottomSheetConfig.js";
-import { Button, ButtonProps } from "./components/client/Button.js";
+import { Button, ButtonProps } from "./components/client/Button/Button.js";
 import { Checkbox, CheckboxProps } from "./components/client/Checkbox.js";
 import { Chip, ChipProps } from "./components/client/Chip/Chip.js";
 import { ChipButton, ChipButtonProps } from "./components/client/Chip/ChipButton.js";
 import { ChipDismissible, ChipDismissibleProps } from "./components/client/Chip/ChipDismissible.js";
 import { ChipLink, ChipLinkProps } from "./components/client/Chip/ChipLink.js";
 import { ChipToggle, ChipToggleProps } from "./components/client/Chip/ChipToggle.js";
-import { IconButton, IconButtonProps } from "./components/client/IconButton.js";
+import { IconButton, IconButtonProps } from "./components/client/IconButton/IconButton.js";
 import { Input, InputProps } from "./components/client/Input/Input.js";
 import { InputHelpText, InputHelpTextProps } from "./components/client/Input/InputHelpText.js";
 import { MenuContentProps } from "./components/client/Menu/Menu.Content.js";
@@ -129,7 +129,7 @@ import { Select, SelectProps } from "./components/client/Select/Select.js";
 import { SelectContent, SelectContentProps } from "./components/client/Select/SelectContent.js";
 import { SelectDivider, SelectDividerProps } from "./components/client/Select/SelectDivider.js";
 import { SelectItem, SelectItemProps } from "./components/client/Select/SelectItem.js";
-import { Switch, SwitchProps } from "./components/client/Switch.js";
+import { Switch, SwitchProps } from "./components/client/Switch/Switch.js";
 import { Tab, TabProps } from "./components/client/Tabs/Tab.js";
 import { TabList, TabListProps } from "./components/client/Tabs/TabList.js";
 import { TabPanel, TabPanelProps } from "./components/client/Tabs/TabPanel.js";

package/dist/index.js

@@ -32,6 +32,7 @@ import { BottomSheetDismiss } from "./components/client/BottomSheet/BottomSheetD
 import { BottomSheetHeader } from "./components/client/BottomSheet/BottomSheetHeader.js";
 import { BottomSheetProvider } from "./components/client/BottomSheet/BottomSheetProvider.js";
 import { BottomSheetTrigger } from "./components/client/BottomSheet/BottomSheetTrigger.js";
+import { SpringMotionConfig } from "./components/client/SpringMotionConfig.js";
 import { entries } from "./utils/dist/entries.js";
 import { fromEntries } from "./utils/dist/fromEntries.js";
 import { mapValues } from "./utils/dist/mapValues.js";
@@ -60,15 +61,14 @@ import { getConfigVariants } from "./automated-config/dist/utils/getConfigVarian
 import { getPaginationControlWidthPx, syncPaginationWidthVarForSize } from "./automated-config/dist/utils/getPaginationControlWidthPx.js";
 import { isConfiguratorPropertyVisible } from "./automated-config/dist/utils/isConfiguratorPropertyVisible.js";
 import { applyBoxShadowBorder, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, mergeUniversalUnderOverride, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.js";
-import { SpringMotionConfig } from "./components/client/SpringMotionConfig.js";
-import { Button } from "./components/client/Button.js";
+import { Button } from "./components/client/Button/Button.js";
 import { Checkbox } from "./components/client/Checkbox.js";
 import { ChipButton } from "./components/client/Chip/ChipButton.js";
 import { ChipDismissible } from "./components/client/Chip/ChipDismissible.js";
 import { ChipLink } from "./components/client/Chip/ChipLink.js";
 import { ChipToggle } from "./components/client/Chip/ChipToggle.js";
 import { Chip } from "./components/client/Chip/Chip.js";
-import { IconButton } from "./components/client/IconButton.js";
+import { IconButton } from "./components/client/IconButton/IconButton.js";
 import { Input } from "./components/client/Input/Input.js";
 import { InputHelpText } from "./components/client/Input/InputHelpText.js";
 import { Menu_index_exports } from "./components/client/Menu/Menu.index.js";
@@ -112,7 +112,7 @@ import { Select } from "./components/client/Select/Select.js";
 import { SelectContent } from "./components/client/Select/SelectContent.js";
 import { SelectDivider } from "./components/client/Select/SelectDivider.js";
 import { SelectItem } from "./components/client/Select/SelectItem.js";
-import { Switch } from "./components/client/Switch.js";
+import { Switch } from "./components/client/Switch/Switch.js";
 import { Tab } from "./components/client/Tabs/Tab.js";
 import { TabList } from "./components/client/Tabs/TabList.js";
 import { TabPanel } from "./components/client/Tabs/TabPanel.js";

package/dist/styles/styler.d.cts

@@ -200,10 +200,10 @@ declare const getStylesInternal: (props?: ({
   toastSizeIcon?: "default" | undefined;
   toastSizeLabel?: "default" | undefined;
   toastSizeRoot?: "default" | undefined;
-  toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
-  toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
-  toastVariantIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
-  toastVariantRoot?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
+  toastVariantActionButton?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantCloseIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantRoot?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
   tooltipSizeBody?: "default" | undefined;
   tooltipSizeEndContent?: "default" | undefined;
   tooltipSizeIcon?: "default" | undefined;

package/dist/styles/styler.d.ts

@@ -200,10 +200,10 @@ declare const getStylesInternal: (props?: ({
   toastSizeIcon?: "default" | undefined;
   toastSizeLabel?: "default" | undefined;
   toastSizeRoot?: "default" | undefined;
-  toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
-  toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
-  toastVariantIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
-  toastVariantRoot?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
+  toastVariantActionButton?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantCloseIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
+  toastVariantRoot?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
   tooltipSizeBody?: "default" | undefined;
   tooltipSizeEndContent?: "default" | undefined;
   tooltipSizeIcon?: "default" | undefined;

package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts

@@ -10,8 +10,8 @@ declare function getShadowStyles({
 }: {
   config: UniversalTokensConfig;
   shadowType: ShadowType;
-}): Record<".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5", {
-  readonly [x: string]: "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+}): Record<".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5", {
+  readonly [x: string]: "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
   readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
 }>; //#endregion
 //#endregion

package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts

@@ -10,8 +10,8 @@ declare function getShadowStyles({
 }: {
   config: UniversalTokensConfig;
   shadowType: ShadowType;
-}): Record<".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5", {
-  readonly [x: string]: "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
+}): Record<".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5", {
+  readonly [x: string]: "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
   readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
 }>; //#endregion
 //#endregion