@yahoo/uds 3.159.2 → 3.161.0

package/dist/components/client/index.js

@@ -15,14 +15,14 @@ import { BottomSheetHeader } from "./BottomSheet/BottomSheetHeader.js";
 import { BottomSheetProvider } from "./BottomSheet/BottomSheetProvider.js";
 import { BottomSheetTrigger } from "./BottomSheet/BottomSheetTrigger.js";
 import { SpringMotionConfig } from "./SpringMotionConfig.js";
-import { Button } from "./Button.js";
+import { Button } from "./Button/Button.js";
 import { Checkbox } from "./Checkbox.js";
 import { ChipButton } from "./Chip/ChipButton.js";
 import { ChipDismissible } from "./Chip/ChipDismissible.js";
 import { ChipLink } from "./Chip/ChipLink.js";
 import { ChipToggle } from "./Chip/ChipToggle.js";
 import { Chip } from "./Chip/Chip.js";
-import { IconButton } from "./IconButton.js";
+import { IconButton } from "./IconButton/IconButton.js";
 import { Input } from "./Input/Input.js";
 import { InputHelpText } from "./Input/InputHelpText.js";
 import { Menu_index_exports } from "./Menu/Menu.index.js";
@@ -59,7 +59,7 @@ import { Select } from "./Select/Select.js";
 import { SelectContent } from "./Select/SelectContent.js";
 import { SelectDivider } from "./Select/SelectDivider.js";
 import { SelectItem } from "./Select/SelectItem.js";
-import { Switch } from "./Switch.js";
+import { Switch } from "./Switch/Switch.js";
 import { Tab } from "./Tabs/Tab.js";
 import { TabList } from "./Tabs/TabList.js";
 import { TabPanel } from "./Tabs/TabPanel.js";

package/dist/components/experimental/client/index.cjs

@@ -1,13 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_components_experimental_client_AvoidMotionLibraryProvider = require("./AvoidMotionLibraryProvider.cjs");
 const require_components_experimental_client_Accordion = require("./Accordion.cjs");
 const require_components_experimental_client_SegmentedControl = require("./SegmentedControl.cjs");
-const require_components_experimental_client_SwitchV2 = require("./SwitchV2.cjs");
 exports.Accordion = require_components_experimental_client_Accordion.Accordion;
-exports.AvoidMotionLibraryProvider = require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider;
 exports.SegmentedControl = require_components_experimental_client_SegmentedControl.SegmentedControl;
-exports.SwitchV2 = require_components_experimental_client_SwitchV2.SwitchV2;
-exports.SwitchV2AvoidMotionLibraryProvider = require_components_experimental_client_SwitchV2.SwitchV2AvoidMotionLibraryProvider;
-exports.useAvoidMotionLibrary = require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary;

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

@@ -1,6 +1,4 @@
 
 import { Accordion, AccordionProps } from "./Accordion.cjs";
-import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.cjs";
 import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl.cjs";
-import { SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props } from "./SwitchV2.cjs";
-export { Accordion, AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props, useAvoidMotionLibrary };
+export { Accordion, AccordionProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps };

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

@@ -1,7 +1,5 @@
 
 "use client";
 import { Accordion, AccordionProps } from "./Accordion.js";
-import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.js";
 import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl.js";
-import { SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props } from "./SwitchV2.js";
-export { Accordion, AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props, useAvoidMotionLibrary };
+export { Accordion, AccordionProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps };

package/dist/components/experimental/client/index.js

@@ -1,7 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.js";
 import { Accordion } from "./Accordion.js";
 import { SegmentedControl } from "./SegmentedControl.js";
-import { SwitchV2, SwitchV2AvoidMotionLibraryProvider } from "./SwitchV2.js";
-export { Accordion, AvoidMotionLibraryProvider, SegmentedControl, SwitchV2, SwitchV2AvoidMotionLibraryProvider, useAvoidMotionLibrary };
+export { Accordion, SegmentedControl };

package/dist/components/experimental/index.cjs

@@ -1,15 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_components_experimental_client_AvoidMotionLibraryProvider = require("./client/AvoidMotionLibraryProvider.cjs");
 const require_components_experimental_Spinner = require("./Spinner.cjs");
 const require_components_experimental_Table = require("./Table.cjs");
 const require_components_experimental_client_Accordion = require("./client/Accordion.cjs");
 const require_components_experimental_client_SegmentedControl = require("./client/SegmentedControl.cjs");
-const require_components_experimental_client_SwitchV2 = require("./client/SwitchV2.cjs");
 exports.Accordion = require_components_experimental_client_Accordion.Accordion;
-exports.AvoidMotionLibraryProvider = require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider;
 exports.SegmentedControl = require_components_experimental_client_SegmentedControl.SegmentedControl;
 exports.Spinner = require_components_experimental_Spinner.Spinner;
-exports.SwitchV2 = require_components_experimental_client_SwitchV2.SwitchV2;
 exports.Table = require_components_experimental_Table.Table;
-exports.useAvoidMotionLibrary = require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary;

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

@@ -2,7 +2,5 @@
 import { Spinner, SpinnerProps } from "./Spinner.cjs";
 import { Table, TableColumn, TableProps } from "./Table.cjs";
 import { Accordion, AccordionProps } from "./client/Accordion.cjs";
-import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.cjs";
 import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./client/SegmentedControl.cjs";
-import { SwitchV2, SwitchV2Props } from "./client/SwitchV2.cjs";
-export { Accordion, type AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, SwitchV2, type SwitchV2Props, Table, TableColumn, TableProps, useAvoidMotionLibrary };
+export { Accordion, type AccordionProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, Table, TableColumn, TableProps };

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

@@ -2,7 +2,5 @@
 import { Spinner, SpinnerProps } from "./Spinner.js";
 import { Table, TableColumn, TableProps } from "./Table.js";
 import { Accordion, AccordionProps } from "./client/Accordion.js";
-import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.js";
 import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./client/SegmentedControl.js";
-import { SwitchV2, SwitchV2Props } from "./client/SwitchV2.js";
-export { Accordion, type AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, SwitchV2, type SwitchV2Props, Table, TableColumn, TableProps, useAvoidMotionLibrary };
+export { Accordion, type AccordionProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, Table, TableColumn, TableProps };

package/dist/components/experimental/index.js

@@ -1,8 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.js";
 import { Spinner } from "./Spinner.js";
 import { Table } from "./Table.js";
 import { Accordion } from "./client/Accordion.js";
 import { SegmentedControl } from "./client/SegmentedControl.js";
-import { SwitchV2 } from "./client/SwitchV2.js";
-export { Accordion, AvoidMotionLibraryProvider, SegmentedControl, Spinner, SwitchV2, Table, useAvoidMotionLibrary };
+export { Accordion, SegmentedControl, Spinner, Table };

package/dist/components/index.cjs

@@ -30,14 +30,14 @@ const require_components_client_BottomSheet_BottomSheetHeader = require("./clien
 const require_components_client_BottomSheet_BottomSheetProvider = require("./client/BottomSheet/BottomSheetProvider.cjs");
 const require_components_client_BottomSheet_BottomSheetTrigger = require("./client/BottomSheet/BottomSheetTrigger.cjs");
 const require_components_client_SpringMotionConfig = require("./client/SpringMotionConfig.cjs");
-const require_components_client_Button = require("./client/Button.cjs");
+const require_components_client_Button_Button = require("./client/Button/Button.cjs");
 const require_components_client_Checkbox = require("./client/Checkbox.cjs");
 const require_components_client_Chip_ChipButton = require("./client/Chip/ChipButton.cjs");
 const require_components_client_Chip_ChipDismissible = require("./client/Chip/ChipDismissible.cjs");
 const require_components_client_Chip_ChipLink = require("./client/Chip/ChipLink.cjs");
 const require_components_client_Chip_ChipToggle = require("./client/Chip/ChipToggle.cjs");
 const require_components_client_Chip_Chip = require("./client/Chip/Chip.cjs");
-const require_components_client_IconButton = require("./client/IconButton.cjs");
+const require_components_client_IconButton_IconButton = require("./client/IconButton/IconButton.cjs");
 const require_components_client_Input_Input = require("./client/Input/Input.cjs");
 const require_components_client_Input_InputHelpText = require("./client/Input/InputHelpText.cjs");
 const require_components_client_Menu_Menu_index = require("./client/Menu/Menu.index.cjs");
@@ -74,7 +74,7 @@ const require_components_client_Select_Select = require("./client/Select/Select.
 const require_components_client_Select_SelectContent = require("./client/Select/SelectContent.cjs");
 const require_components_client_Select_SelectDivider = require("./client/Select/SelectDivider.cjs");
 const require_components_client_Select_SelectItem = require("./client/Select/SelectItem.cjs");
-const require_components_client_Switch = require("./client/Switch.cjs");
+const require_components_client_Switch_Switch = require("./client/Switch/Switch.cjs");
 const require_components_client_Tabs_Tab = require("./client/Tabs/Tab.cjs");
 const require_components_client_Tabs_TabList = require("./client/Tabs/TabList.cjs");
 const require_components_client_Tabs_TabPanel = require("./client/Tabs/TabPanel.cjs");
@@ -102,7 +102,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.Checkbox = require_components_client_Checkbox.Checkbox;
 exports.Chip = require_components_client_Chip_Chip.Chip;
 exports.ChipButton = require_components_client_Chip_ChipButton.ChipButton;
@@ -115,7 +115,7 @@ exports.DividerLine = require_components_Divider_DividerLine.DividerLine;
 exports.FormLabel = require_components_FormLabel.FormLabel;
 exports.HStack = require_components_HStack.HStack;
 exports.Icon = require_components_Icon.Icon;
-exports.IconButton = require_components_client_IconButton.IconButton;
+exports.IconButton = require_components_client_IconButton_IconButton.IconButton;
 exports.Image = require_components_Image.Image;
 exports.Input = require_components_client_Input_Input.Input;
 exports.InputHelpText = require_components_client_Input_InputHelpText.InputHelpText;
@@ -155,7 +155,7 @@ exports.SelectContent = require_components_client_Select_SelectContent.SelectCon
 exports.SelectDivider = require_components_client_Select_SelectDivider.SelectDivider;
 exports.SelectItem = require_components_client_Select_SelectItem.SelectItem;
 exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
-exports.Switch = require_components_client_Switch.Switch;
+exports.Switch = require_components_client_Switch_Switch.Switch;
 exports.Tab = require_components_client_Tabs_Tab.Tab;
 exports.TabList = require_components_client_Tabs_TabList.TabList;
 exports.TabPanel = require_components_client_Tabs_TabPanel.TabPanel;

package/dist/components/index.d.cts

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

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -29,14 +29,14 @@ import { BottomSheetHeader } from "./client/BottomSheet/BottomSheetHeader.js";
 import { BottomSheetProvider } from "./client/BottomSheet/BottomSheetProvider.js";
 import { BottomSheetTrigger } from "./client/BottomSheet/BottomSheetTrigger.js";
 import { SpringMotionConfig } from "./client/SpringMotionConfig.js";
-import { Button } from "./client/Button.js";
+import { Button } from "./client/Button/Button.js";
 import { Checkbox } from "./client/Checkbox.js";
 import { ChipButton } from "./client/Chip/ChipButton.js";
 import { ChipDismissible } from "./client/Chip/ChipDismissible.js";
 import { ChipLink } from "./client/Chip/ChipLink.js";
 import { ChipToggle } from "./client/Chip/ChipToggle.js";
 import { Chip } from "./client/Chip/Chip.js";
-import { IconButton } from "./client/IconButton.js";
+import { IconButton } from "./client/IconButton/IconButton.js";
 import { Input } from "./client/Input/Input.js";
 import { InputHelpText } from "./client/Input/InputHelpText.js";
 import { Menu_index_exports } from "./client/Menu/Menu.index.js";
@@ -73,7 +73,7 @@ import { Select } from "./client/Select/Select.js";
 import { SelectContent } from "./client/Select/SelectContent.js";
 import { SelectDivider } from "./client/Select/SelectDivider.js";
 import { SelectItem } from "./client/Select/SelectItem.js";
-import { Switch } from "./client/Switch.js";
+import { Switch } from "./client/Switch/Switch.js";
 import { Tab } from "./client/Tabs/Tab.js";
 import { TabList } from "./client/Tabs/TabList.js";
 import { TabPanel } from "./client/Tabs/TabPanel.js";

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

@@ -0,0 +1,85 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Icon = require("../../components/Icon.cjs");
+const require_components_IconSlot = require("../../components/IconSlot.cjs");
+const require_components_client_Button_ButtonBase = require("../../components/client/Button/ButtonBase.cjs");
+require("../../components/client/Button/buttonConstants.cjs");
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/css-animation/Button/Button.tsx
+/**
+* CSS-animation Button variant. This component intentionally never imports motion.
+*
+* @componentType Client component
+*/
+const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Button_ButtonBase.ButtonBase, {
+		...props,
+		ref: forwardedRef,
+		renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: iconContainerClassName,
+			children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+				className: loadingIconClassName,
+				size: "sm",
+				name: _yahoo_uds_icons.Progress,
+				variant: iconVariant,
+				color: "current"
+			}) }), startIcon && !loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+				className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
+				icon: startIcon,
+				iconProps: {
+					size: "sm",
+					variant: iconVariant,
+					color: "current"
+				},
+				...startIconSlotProps
+			}) })]
+		}),
+		renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: iconContainerClassName,
+			children: endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+				className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
+				icon: endIcon,
+				iconProps: {
+					size: "sm",
+					variant: iconVariant,
+					color: "current"
+				},
+				...endIconSlotProps
+			}) })
+		}),
+		renderRoot: ({ asChild, Slot, children, buttonRef, type, rootClassName, rest, contentClassName, contentSlotProps, startContent, endContent }) => {
+			if (asChild && (0, react.isValidElement)(children)) {
+				const childProps = children.props;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
+					type,
+					className: rootClassName,
+					...rest,
+					children: require_components_client_Button_ButtonBase.renderButtonChildren(children, childProps, startContent, contentClassName, contentSlotProps, endContent)
+				});
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: buttonRef,
+				type,
+				className: rootClassName,
+				...rest,
+				children: [
+					startContent,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: contentClassName,
+						...contentSlotProps,
+						children
+					}),
+					endContent
+				]
+			});
+		}
+	});
+});
+Button.displayName = "Button";
+//#endregion
+exports.Button = Button;

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

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

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

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

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

@@ -0,0 +1,82 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { Icon } from "../../components/Icon.js";
+import { IconSlot } from "../../components/IconSlot.js";
+import { ButtonBase, renderButtonChildren } from "../../components/client/Button/ButtonBase.js";
+import "../../components/client/Button/buttonConstants.js";
+import { Progress } from "@yahoo/uds-icons";
+import { forwardRef, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/css-animation/Button/Button.tsx
+/**
+* CSS-animation Button variant. This component intentionally never imports motion.
+*
+* @componentType Client component
+*/
+const Button = forwardRef(function Button(props, forwardedRef) {
+	return /* @__PURE__ */ jsx(ButtonBase, {
+		...props,
+		ref: forwardedRef,
+		renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ jsxs("span", {
+			className: iconContainerClassName,
+			children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
+				className: loadingIconClassName,
+				size: "sm",
+				name: Progress,
+				variant: iconVariant,
+				color: "current"
+			}) }), startIcon && !loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconSlot, {
+				className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
+				icon: startIcon,
+				iconProps: {
+					size: "sm",
+					variant: iconVariant,
+					color: "current"
+				},
+				...startIconSlotProps
+			}) })]
+		}),
+		renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ jsx("span", {
+			className: iconContainerClassName,
+			children: endIcon && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconSlot, {
+				className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
+				icon: endIcon,
+				iconProps: {
+					size: "sm",
+					variant: iconVariant,
+					color: "current"
+				},
+				...endIconSlotProps
+			}) })
+		}),
+		renderRoot: ({ asChild, Slot, children, buttonRef, type, rootClassName, rest, contentClassName, contentSlotProps, startContent, endContent }) => {
+			if (asChild && isValidElement(children)) {
+				const childProps = children.props;
+				return /* @__PURE__ */ jsx(Slot, {
+					type,
+					className: rootClassName,
+					...rest,
+					children: renderButtonChildren(children, childProps, startContent, contentClassName, contentSlotProps, endContent)
+				});
+			}
+			return /* @__PURE__ */ jsxs("button", {
+				ref: buttonRef,
+				type,
+				className: rootClassName,
+				...rest,
+				children: [
+					startContent,
+					/* @__PURE__ */ jsx("span", {
+						className: contentClassName,
+						...contentSlotProps,
+						children
+					}),
+					endContent
+				]
+			});
+		}
+	});
+});
+Button.displayName = "Button";
+//#endregion
+export { Button };

package/dist/css-animation/Button/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_Button_Button = require("./Button.cjs");
+exports.Button = require_css_animation_Button_Button.Button;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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