@yahoo/uds 3.176.0-beta.1 → 3.176.0

package/dist/components/client/Switch/switchStyles.d.ts

@@ -1,6 +1,7 @@
 
 "use client";
 import { SwitchSize } from "../../../types/dist/index.js";
+import "../../../tokens/index.js";
 //#region src/components/client/Switch/switchStyles.d.ts
 declare const SIZE_MAP: Record<SwitchSize, {
   isOnX: string;

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

@@ -1,7 +1,7 @@
 
 import { SwitchSize, UniversalSwitchProps } from "../../../types/dist/index.cjs";
+import "../../../tokens/index.cjs";
 import React, { ChangeEvent } from "react";
-
 //#region src/components/client/Switch/types.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -30,4 +30,4 @@ interface SwitchMotionHandleProps {
   handleSlotProps?: DataAttributes;
 }
 //#endregion
-export { type DataAttributes, type NativeInputProps, type SwitchChangeEvent, type SwitchMotionHandleProps, type SwitchProps };
+export type { DataAttributes, NativeInputProps, SwitchChangeEvent, SwitchMotionHandleProps, SwitchProps };

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

@@ -1,8 +1,8 @@
 
 "use client";
 import { SwitchSize, UniversalSwitchProps } from "../../../types/dist/index.js";
+import "../../../tokens/index.js";
 import React, { ChangeEvent } from "react";
-
 //#region src/components/client/Switch/types.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -31,4 +31,4 @@ interface SwitchMotionHandleProps {
   handleSlotProps?: DataAttributes;
 }
 //#endregion
-export { type DataAttributes, type NativeInputProps, type SwitchChangeEvent, type SwitchMotionHandleProps, type SwitchProps };
+export type { DataAttributes, NativeInputProps, SwitchChangeEvent, SwitchMotionHandleProps, SwitchProps };

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

@@ -1,7 +1,6 @@
 /*! © 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("../../IconSlot.cjs");
 const require_components_Text = require("../../Text.cjs");

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

@@ -1,7 +1,5 @@
 
 import { IconPropsWithSVGProps, UniversalTabProps } from "../../../types/dist/index.cjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/Tabs/Tab.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -14,16 +12,7 @@ type TabProps = UniversalTabProps & {
     endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
   };
 };
-declare function Tab({
-  value,
-  children,
-  startIcon,
-  endIcon,
-  disabled,
-  asChild,
-  className,
-  slotProps
-}: TabProps): _$react_jsx_runtime0.JSX.Element;
+declare function Tab({ value, children, startIcon, endIcon, disabled, asChild, className, slotProps }: TabProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tab {
   var displayName: string;
 }

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

@@ -1,8 +1,6 @@
 
 "use client";
 import { IconPropsWithSVGProps, UniversalTabProps } from "../../../types/dist/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/Tabs/Tab.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -15,16 +13,7 @@ type TabProps = UniversalTabProps & {
     endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
   };
 };
-declare function Tab({
-  value,
-  children,
-  startIcon,
-  endIcon,
-  disabled,
-  asChild,
-  className,
-  slotProps
-}: TabProps): _$react_jsx_runtime0.JSX.Element;
+declare function Tab({ value, children, startIcon, endIcon, disabled, asChild, className, slotProps }: TabProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tab {
   var displayName: string;
 }

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

@@ -1,7 +1,6 @@
 /*! © 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_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_Tabs_tabsContext = require("./tabsContext.cjs");
@@ -17,7 +16,8 @@ const TAB_UNDERLINE_COLOR_VAR = "--uds-tab-underline-color";
 const TAB_UNDERLINE_WIDTH_VAR = "--uds-tab-underline-width";
 const TabList = (0, react.forwardRef)(function TabList({ children, scrollable, className, ...props }, ref) {
 	const { variant, reduceMotion } = require_components_client_Tabs_tabsContext.useTabsContext();
-	const selectedId = (0, _ariakit_react.useStoreState)((0, _ariakit_react.useTabContext)(), "selectedId");
+	const tabStore = (0, _ariakit_react.useTabContext)();
+	const selectedId = (0, _ariakit_react.useStoreState)(tabStore, "selectedId");
 	const listRef = (0, react.useRef)(null);
 	const indicatorRef = (0, react.useRef)(null);
 	const skipNextTransitionRef = (0, react.useRef)(true);

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

@@ -1,9 +1,7 @@
 
 import { UniversalTabListProps } from "../../../types/dist/index.cjs";
-import * as _$react from "react";
-
 //#region src/components/client/Tabs/TabList.d.ts
 type TabListProps = UniversalTabListProps;
-declare const TabList: _$react.ForwardRefExoticComponent<UniversalTabListProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const TabList: import("react").ForwardRefExoticComponent<UniversalTabListProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { TabList, type TabListProps };

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

@@ -1,10 +1,8 @@
 
 "use client";
 import { UniversalTabListProps } from "../../../types/dist/index.js";
-import * as _$react from "react";
-
 //#region src/components/client/Tabs/TabList.d.ts
 type TabListProps = UniversalTabListProps;
-declare const TabList: _$react.ForwardRefExoticComponent<UniversalTabListProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const TabList: import("react").ForwardRefExoticComponent<UniversalTabListProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { TabList, type TabListProps };

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

@@ -15,7 +15,8 @@ const TAB_UNDERLINE_COLOR_VAR = "--uds-tab-underline-color";
 const TAB_UNDERLINE_WIDTH_VAR = "--uds-tab-underline-width";
 const TabList = forwardRef(function TabList({ children, scrollable, className, ...props }, ref) {
 	const { variant, reduceMotion } = useTabsContext();
-	const selectedId = useStoreState(useTabContext(), "selectedId");
+	const tabStore = useTabContext();
+	const selectedId = useStoreState(tabStore, "selectedId");
 	const listRef = useRef(null);
 	const indicatorRef = useRef(null);
 	const skipNextTransitionRef = useRef(true);

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

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");

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

@@ -1,9 +1,7 @@
 
 import { UniversalTabPanelProps } from "../../../types/dist/index.cjs";
-import * as _$react from "react";
-
 //#region src/components/client/Tabs/TabPanel.d.ts
 type TabPanelProps = UniversalTabPanelProps;
-declare const TabPanel: _$react.ForwardRefExoticComponent<UniversalTabPanelProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const TabPanel: import("react").ForwardRefExoticComponent<UniversalTabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { TabPanel, type TabPanelProps };

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

@@ -1,10 +1,8 @@
 
 "use client";
 import { UniversalTabPanelProps } from "../../../types/dist/index.js";
-import * as _$react from "react";
-
 //#region src/components/client/Tabs/TabPanel.d.ts
 type TabPanelProps = UniversalTabPanelProps;
-declare const TabPanel: _$react.ForwardRefExoticComponent<UniversalTabPanelProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const TabPanel: import("react").ForwardRefExoticComponent<UniversalTabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { TabPanel, type TabPanelProps };

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

@@ -1,7 +1,6 @@
 /*! © 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_client_Tabs_tabsContext = require("./tabsContext.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");

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

@@ -1,7 +1,5 @@
 
 import { UniversalTabsProps } from "../../../types/dist/index.cjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/Tabs/Tabs.d.ts
 type TabsProps = UniversalTabsProps;
 /**
@@ -30,14 +28,7 @@ type TabsProps = UniversalTabsProps;
  * </Tabs>
  * ```
  **/
-declare function Tabs({
-  children,
-  variant,
-  reduceMotion,
-  defaultSelectedId,
-  selectedId,
-  onSelectionChange
-}: TabsProps): _$react_jsx_runtime0.JSX.Element;
+declare function Tabs({ children, variant, reduceMotion, defaultSelectedId, selectedId, onSelectionChange }: TabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
   var displayName: string;
 }

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

@@ -1,8 +1,6 @@
 
 "use client";
 import { UniversalTabsProps } from "../../../types/dist/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/Tabs/Tabs.d.ts
 type TabsProps = UniversalTabsProps;
 /**
@@ -31,14 +29,7 @@ type TabsProps = UniversalTabsProps;
  * </Tabs>
  * ```
  **/
-declare function Tabs({
-  children,
-  variant,
-  reduceMotion,
-  defaultSelectedId,
-  selectedId,
-  onSelectionChange
-}: TabsProps): _$react_jsx_runtime0.JSX.Element;
+declare function Tabs({ children, variant, reduceMotion, defaultSelectedId, selectedId, onSelectionChange }: TabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
   var displayName: string;
 }

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

@@ -1,15 +1,11 @@
 
 import { IconSize } from "../../../types/dist/index.cjs";
+import "../../../tokens/types.cjs";
 import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
 import { UDSTabConfigContextType } from "../../../runtime/tabConfig.cjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/Tabs/UDSTabConfigProvider.d.ts
 declare const UDSTabConfigProvider: {
-  ({
-    children,
-    value
-  }: UDSConfigProviderProps<UDSTabConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  ({ children, value }: UDSConfigProviderProps<UDSTabConfigContextType>): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 type UDSTabConfigProviderProps = UDSConfigProviderProps<UDSTabConfigContextType>;

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

@@ -1,16 +1,12 @@
 
 "use client";
 import { IconSize } from "../../../types/dist/index.js";
+import "../../../tokens/types.js";
 import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
 import { UDSTabConfigContextType } from "../../../runtime/tabConfig.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/Tabs/UDSTabConfigProvider.d.ts
 declare const UDSTabConfigProvider: {
-  ({
-    children,
-    value
-  }: UDSConfigProviderProps<UDSTabConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  ({ children, value }: UDSConfigProviderProps<UDSTabConfigContextType>): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 type UDSTabConfigProviderProps = UDSConfigProviderProps<UDSTabConfigContextType>;

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

@@ -6,4 +6,4 @@ import { TabPanel, TabPanelProps } from "./TabPanel.cjs";
 import { Tabs, TabsProps } from "./Tabs.cjs";
 import { TabsVariant } from "./tabsContext.cjs";
 import { UDSTabConfigProvider, UDSTabConfigProviderProps, useTabConfig } from "./UDSTabConfigProvider.cjs";
-export { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, type TabsVariant, UDSTabConfigContextType, UDSTabConfigProvider, UDSTabConfigProviderProps, useTabConfig };
+export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, type UDSTabConfigContextType, UDSTabConfigProvider, type UDSTabConfigProviderProps, useTabConfig };

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

@@ -7,4 +7,4 @@ import { TabPanel, TabPanelProps } from "./TabPanel.js";
 import { Tabs, TabsProps } from "./Tabs.js";
 import { TabsVariant } from "./tabsContext.js";
 import { UDSTabConfigProvider, UDSTabConfigProviderProps, useTabConfig } from "./UDSTabConfigProvider.js";
-export { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, type TabsVariant, UDSTabConfigContextType, UDSTabConfigProvider, UDSTabConfigProviderProps, useTabConfig };
+export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, type UDSTabConfigContextType, UDSTabConfigProvider, type UDSTabConfigProviderProps, useTabConfig };

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

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 //#region src/components/client/Tabs/tabsContext.tsx
 const TabsContext = (0, react.createContext)({

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

@@ -1,7 +1,5 @@
 
 import { UniversalTabsVariant } from "../../../types/dist/index.cjs";
-import * as _$react from "react";
-
 //#region src/components/client/Tabs/tabsContext.d.ts
 type TabsVariant = UniversalTabsVariant;
 interface TabsContextValue {
@@ -9,7 +7,7 @@ interface TabsContextValue {
   /** When true, selection indicator sliding motion is off; TabList/Tab still show correct selection. */
   reduceMotion: boolean;
 }
-declare const TabsContext: _$react.Context<TabsContextValue>;
+declare const TabsContext: import("react").Context<TabsContextValue>;
 declare function useTabsContext(): TabsContextValue;
 //#endregion
 export { TabsContext, type TabsVariant, useTabsContext };

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

@@ -1,8 +1,6 @@
 
 "use client";
 import { UniversalTabsVariant } from "../../../types/dist/index.js";
-import * as _$react from "react";
-
 //#region src/components/client/Tabs/tabsContext.d.ts
 type TabsVariant = UniversalTabsVariant;
 interface TabsContextValue {
@@ -10,7 +8,7 @@ interface TabsContextValue {
   /** When true, selection indicator sliding motion is off; TabList/Tab still show correct selection. */
   reduceMotion: boolean;
 }
-declare const TabsContext: _$react.Context<TabsContextValue>;
+declare const TabsContext: import("react").Context<TabsContextValue>;
 declare function useTabsContext(): TabsContextValue;
 //#endregion
 export { TabsContext, type TabsVariant, useTabsContext };

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

@@ -1,7 +1,6 @@
 /*! © 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_client_Pressable = require("../Pressable.cjs");
 const require_components_IconSlot = require("../../IconSlot.cjs");
@@ -43,7 +42,7 @@ const iconMap = {
 *
 * @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
 **/
-const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon = _yahoo_uds_icons.Cross, closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }) => {
+const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon = _yahoo_uds_icons.Cross, closeAriaLabel = "Close", closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }) => {
 	const { iconVariant, iconSize, buttonVariant, buttonSize, size, variant, textVariant, textColor } = require_components_client_Toast_UDSToastConfigProvider.useToastConfig(sizeProp, variantProp);
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
@@ -111,6 +110,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
 			}),
 			closeIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pressable.Pressable, {
 				onClick: handleClose,
+				"aria-label": closeAriaLabel,
 				className: require_styles_styler.cx(classNames.closeIconContainer, closeIconContainerClassName),
 				...closeIconContainerProps,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {

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

@@ -1,12 +1,12 @@
 
 import { UniversalToastProps } from "../../../types/dist/index.cjs";
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
 import { TextProps } from "../../Text.cjs";
 import { ButtonProps } from "../Button/Button.cjs";
+import "../Button/index.cjs";
 import { PressableProps } from "../Pressable.cjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ToastContentProps } from "react-toastify";
-
 //#region src/components/client/Toast/Toast.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -46,21 +46,7 @@ interface ToastProps extends UniversalToastProps, Partial<ReactToastifyContext>
  * @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
  **/
 declare const Toast: {
-  ({
-    message,
-    onClickCloseButton,
-    size: sizeProp,
-    variant: variantProp,
-    actionButton,
-    onClickActionButton,
-    startIcon,
-    closeIcon,
-    closeToast,
-    slotProps,
-    className,
-    id,
-    reduceMotion: forceReduceMotion
-  }: ToastProps): _$react_jsx_runtime0.JSX.Element;
+  ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon, closeAriaLabel, closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }: ToastProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -2,12 +2,12 @@
 "use client";
 import { UniversalToastProps } from "../../../types/dist/index.js";
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
+import "../../../tokens/index.js";
 import { TextProps } from "../../Text.js";
 import { ButtonProps } from "../Button/Button.js";
+import "../Button/index.js";
 import { PressableProps } from "../Pressable.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ToastContentProps } from "react-toastify";
-
 //#region src/components/client/Toast/Toast.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -47,21 +47,7 @@ interface ToastProps extends UniversalToastProps, Partial<ReactToastifyContext>
  * @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
  **/
 declare const Toast: {
-  ({
-    message,
-    onClickCloseButton,
-    size: sizeProp,
-    variant: variantProp,
-    actionButton,
-    onClickActionButton,
-    startIcon,
-    closeIcon,
-    closeToast,
-    slotProps,
-    className,
-    id,
-    reduceMotion: forceReduceMotion
-  }: ToastProps): _$react_jsx_runtime0.JSX.Element;
+  ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon, closeAriaLabel, closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }: ToastProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -41,7 +41,7 @@ const iconMap = {
 *
 * @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
 **/
-const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon = Cross, closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }) => {
+const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon = Cross, closeAriaLabel = "Close", closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }) => {
 	const { iconVariant, iconSize, buttonVariant, buttonSize, size, variant, textVariant, textColor } = useToastConfig(sizeProp, variantProp);
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
@@ -109,6 +109,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
 			}),
 			closeIcon && /* @__PURE__ */ jsx(Pressable, {
 				onClick: handleClose,
+				"aria-label": closeAriaLabel,
 				className: cx(classNames.closeIconContainer, closeIconContainerClassName),
 				...closeIconContainerProps,
 				children: /* @__PURE__ */ jsx(IconSlot, {

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

@@ -8,7 +8,7 @@ const require_components_client_Toast_UDSToastConfigProvider = require("./UDSToa
 const require_utils_isElevationAlias = require("../../../utils/isElevationAlias.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lodash_isString_js = require("lodash/isString.js");
-lodash_isString_js = require_runtime.__toESM(lodash_isString_js);
+lodash_isString_js = require_runtime.__toESM(lodash_isString_js, 1);
 //#region src/components/client/Toast/ToastContainer.tsx
 const typeMap = {
 	default: "info",
@@ -18,23 +18,25 @@ const typeMap = {
 	warning: "warning"
 };
 const getToastClassName = (toastClassName) => (context) => {
-	return require_styles_styler.cx(require_styles_styler.getStyles({
+	const rootClasses = require_styles_styler.getStyles({
 		position: "relative",
 		alignItems: "center",
 		display: "flex",
 		className: "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
-	}), (0, lodash_isString_js.default)(toastClassName) ? toastClassName : toastClassName?.(context));
+	});
+	return require_styles_styler.cx(rootClasses, (0, lodash_isString_js.default)(toastClassName) ? toastClassName : toastClassName?.(context));
 };
 const ToastContainer = ({ size: sizeProp, variant: variantProp, children, className, ...props }) => {
 	const { size, variant, backgroundColor } = require_components_client_Toast_UDSToastConfigProvider.useToastConfig(sizeProp, variantProp);
 	const bg = backgroundColor[variant];
 	const isElevationBg = require_utils_isElevationAlias.isElevationAlias(bg);
+	const rootClasses = require_styles_styler.getStyles({
+		toastVariantRoot: variant,
+		toastSizeRoot: size,
+		className: require_styles_styler.cx("w-full", className)
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_HStack.HStack, {
-		className: require_styles_styler.getStyles({
-			toastVariantRoot: variant,
-			toastSizeRoot: size,
-			className: require_styles_styler.cx("w-full", className)
-		}),
+		className: rootClasses,
 		alignItems: "center",
 		justifyContent: "space-between",
 		overflow: "hidden",

package/dist/components/client/Toast/ToastContainer.d.cts

@@ -1,10 +1,9 @@
 
 import { ToastSize, ToastVariant } from "../../../types/dist/index.cjs";
+import "../../../tokens/index.cjs";
 import { HStackProps } from "../../HStack.cjs";
 import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ToastClassName, TypeOptions } from "react-toastify";
-
 //#region src/components/client/Toast/ToastContainer.d.ts
 declare const typeMap: Record<TypeOptions, ToastVariant>;
 declare const getToastClassName: (toastClassName?: ToastClassName) => ToastClassName;
@@ -14,13 +13,7 @@ interface ToastContainerProps extends HStackProps {
   children?: ReactNode;
 }
 declare const ToastContainer: {
-  ({
-    size: sizeProp,
-    variant: variantProp,
-    children,
-    className,
-    ...props
-  }: ToastContainerProps): _$react_jsx_runtime0.JSX.Element;
+  ({ size: sizeProp, variant: variantProp, children, className, ...props }: ToastContainerProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/Toast/ToastContainer.d.ts

@@ -1,11 +1,10 @@
 
 "use client";
 import { ToastSize, ToastVariant } from "../../../types/dist/index.js";
+import "../../../tokens/index.js";
 import { HStackProps } from "../../HStack.js";
 import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ToastClassName, TypeOptions } from "react-toastify";
-
 //#region src/components/client/Toast/ToastContainer.d.ts
 declare const typeMap: Record<TypeOptions, ToastVariant>;
 declare const getToastClassName: (toastClassName?: ToastClassName) => ToastClassName;
@@ -15,13 +14,7 @@ interface ToastContainerProps extends HStackProps {
   children?: ReactNode;
 }
 declare const ToastContainer: {
-  ({
-    size: sizeProp,
-    variant: variantProp,
-    children,
-    className,
-    ...props
-  }: ToastContainerProps): _$react_jsx_runtime0.JSX.Element;
+  ({ size: sizeProp, variant: variantProp, children, className, ...props }: ToastContainerProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -15,23 +15,25 @@ const typeMap = {
 	warning: "warning"
 };
 const getToastClassName = (toastClassName) => (context) => {
-	return cx(getStyles({
+	const rootClasses = getStyles({
 		position: "relative",
 		alignItems: "center",
 		display: "flex",
 		className: "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
-	}), isString(toastClassName) ? toastClassName : toastClassName?.(context));
+	});
+	return cx(rootClasses, isString(toastClassName) ? toastClassName : toastClassName?.(context));
 };
 const ToastContainer = ({ size: sizeProp, variant: variantProp, children, className, ...props }) => {
 	const { size, variant, backgroundColor } = useToastConfig(sizeProp, variantProp);
 	const bg = backgroundColor[variant];
 	const isElevationBg = isElevationAlias(bg);
+	const rootClasses = getStyles({
+		toastVariantRoot: variant,
+		toastSizeRoot: size,
+		className: cx("w-full", className)
+	});
 	return /* @__PURE__ */ jsx(HStack, {
-		className: getStyles({
-			toastVariantRoot: variant,
-			toastSizeRoot: size,
-			className: cx("w-full", className)
-		}),
+		className: rootClasses,
 		alignItems: "center",
 		justifyContent: "space-between",
 		overflow: "hidden",