@yahoo/uds 3.131.0-beta.2 → 3.132.0

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

@@ -1,5 +1,5 @@
 
-import { UniversalTabListProps } from "../../../types/src/index.cjs";
+import { UniversalTabListProps } from "../../../types/dist/index.cjs";
 import * as react from "react";
 
 //#region src/components/client/Tabs/TabList.d.ts

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalTabListProps } from "../../../types/src/index.js";
+import { UniversalTabListProps } from "../../../types/dist/index.js";
 import * as react from "react";
 
 //#region src/components/client/Tabs/TabList.d.ts

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

@@ -1,5 +1,5 @@
 
-import { UniversalTabPanelProps } from "../../../types/src/index.cjs";
+import { UniversalTabPanelProps } from "../../../types/dist/index.cjs";
 import * as react from "react";
 
 //#region src/components/client/Tabs/TabPanel.d.ts

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalTabPanelProps } from "../../../types/src/index.js";
+import { UniversalTabPanelProps } from "../../../types/dist/index.js";
 import * as react from "react";
 
 //#region src/components/client/Tabs/TabPanel.d.ts

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

@@ -1,5 +1,5 @@
 
-import { UniversalTabsProps } from "../../../types/src/index.cjs";
+import { UniversalTabsProps } from "../../../types/dist/index.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/client/Tabs/Tabs.d.ts

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalTabsProps } from "../../../types/src/index.js";
+import { UniversalTabsProps } from "../../../types/dist/index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/client/Tabs/Tabs.d.ts

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

@@ -1,5 +1,5 @@
 
-import { UniversalTabsVariant } from "../../../types/src/index.cjs";
+import { UniversalTabsVariant } from "../../../types/dist/index.cjs";
 import * as react from "react";
 
 //#region src/components/client/Tabs/tabsContext.d.ts

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalTabsVariant } from "../../../types/src/index.js";
+import { UniversalTabsVariant } from "../../../types/dist/index.js";
 import * as react from "react";
 
 //#region src/components/client/Tabs/tabsContext.d.ts

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

@@ -1,5 +1,5 @@
 
-import { UniversalToastProps } from "../../../types/src/index.cjs";
+import { UniversalToastProps } from "../../../types/dist/index.cjs";
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
 import "../../../tokens/index.cjs";
 import { TextProps } from "../../Text.cjs";

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalToastProps } from "../../../types/src/index.js";
+import { UniversalToastProps } from "../../../types/dist/index.js";
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
 import "../../../tokens/index.js";
 import { TextProps } from "../../Text.js";

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

@@ -1,5 +1,5 @@
 
-import { ToastSize, ToastVariant } from "../../../types/src/index.cjs";
+import { ToastSize, ToastVariant } from "../../../types/dist/index.cjs";
 import "../../../tokens/index.cjs";
 import { HStackProps } from "../../HStack.cjs";
 import { ReactNode } from "react";

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { ToastSize, ToastVariant } from "../../../types/src/index.js";
+import { ToastSize, ToastVariant } from "../../../types/dist/index.js";
 import "../../../tokens/index.js";
 import { HStackProps } from "../../HStack.js";
 import { ReactNode } from "react";

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

@@ -1,5 +1,5 @@
 
-import { ButtonSize, ButtonVariant, ForegroundColor, IconSize, IconVariant, TextVariant, ToastPosition, ToastSize, ToastVariant } from "../../../types/src/index.cjs";
+import { ButtonSize, ButtonVariant, ForegroundColor, IconSize, IconVariant, TextVariant, ToastPosition, ToastSize, ToastVariant } from "../../../types/dist/index.cjs";
 import "../../../tokens/types.cjs";
 import { UDSToastConfigContextType } from "../../../runtime/toastConfig.cjs";
 import { PropsWithChildren } from "react";

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { ButtonSize, ButtonVariant, ForegroundColor, IconSize, IconVariant, TextVariant, ToastPosition, ToastSize, ToastVariant } from "../../../types/src/index.js";
+import { ButtonSize, ButtonVariant, ForegroundColor, IconSize, IconVariant, TextVariant, ToastPosition, ToastSize, ToastVariant } from "../../../types/dist/index.js";
 import "../../../tokens/types.js";
 import { UDSToastConfigContextType } from "../../../runtime/toastConfig.js";
 import { PropsWithChildren } from "react";

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

@@ -1,5 +1,5 @@
 
-import { ToastPosition, ToastVariant } from "../../../types/src/index.cjs";
+import { ToastPosition, ToastVariant } from "../../../types/dist/index.cjs";
 import "../../../tokens/index.cjs";
 import { ToastProps } from "./Toast.cjs";
 import { ReactNode } from "react";

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { ToastPosition, ToastVariant } from "../../../types/src/index.js";
+import { ToastPosition, ToastVariant } from "../../../types/dist/index.js";
 import "../../../tokens/index.js";
 import { ToastProps } from "./Toast.js";
 import { ReactNode } from "react";

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

@@ -1,5 +1,5 @@
 
-import { UniversalTooltipProps } from "../../../types/src/index.cjs";
+import { UniversalTooltipProps } from "../../../types/dist/index.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/client/Tooltip/Tooltip.d.ts

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalTooltipProps } from "../../../types/src/index.js";
+import { UniversalTooltipProps } from "../../../types/dist/index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/client/Tooltip/Tooltip.d.ts

package/dist/components/client/Tooltip/TooltipContent.cjs

@@ -21,7 +21,7 @@ let _ariakit_react = require("@ariakit/react");
 const ARROW_HEIGHT = 8;
 const ARROW_WIDTH = 12;
 const ARROW_TIP_RADIUS_FRACTION = .5;
-const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id }, ref) {
+const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id, slotProps }, ref) {
 	const store = (0, _ariakit_react.useTooltipContext)();
 	const open = (0, _ariakit_react.useStoreState)(store, "open");
 	const internalContext = (0, react.useContext)(require_components_client_Tooltip_tooltipContext.TooltipInternalContext);
@@ -71,6 +71,7 @@ const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children,
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ariakit_react.Tooltip, {
 		ref: mergedRef,
 		className: classNames.root,
+		...slotProps?.root,
 		hideOnHoverOutside: internalContext?.isControlled ? false : void 0,
 		hideOnInteractOutside: internalContext?.isControlled ? false : void 0,
 		portal: internalContext ? internalContext.portal : true,
@@ -96,10 +97,12 @@ const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children,
 					children: [startTitleIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
 						iconProps: { variant: "fill" },
 						icon: startTitleIcon,
-						className: classNames.icon
+						className: classNames.icon,
+						...slotProps?.icon
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
 						className: classNames.title,
 						color: "inherit",
+						...slotProps?.title,
 						children: title
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
@@ -108,17 +111,20 @@ const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
 						className: classNames.body,
 						color: "inherit",
+						...slotProps?.body,
 						children
 					}), endContent && !(0, react.isValidElement)(endContent) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
 						className: classNames.endContent,
 						color: "inherit",
+						...slotProps?.endContent,
 						children: endContent
 					}) : endContent]
 				})]
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipArrow, {
 			ref: arrowRef,
-			style: { opacity: 0 }
+			style: { opacity: 0 },
+			...slotProps?.arrow
 		})]
 	});
 });

package/dist/components/client/Tooltip/TooltipContent.d.cts

@@ -1,9 +1,20 @@
 
-import { UniversalTooltipContentProps } from "../../../types/src/index.cjs";
+import { IconPropsWithSVGProps, UniversalTooltipContentProps } from "../../../types/dist/index.cjs";
 import * as react from "react";
 
 //#region src/components/client/Tooltip/TooltipContent.d.ts
-type TooltipContentProps = UniversalTooltipContentProps;
-declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLInputElement>>;
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+declare const TooltipContent: react.ForwardRefExoticComponent<UniversalTooltipContentProps & {
+  slotProps?: {
+    root?: Partial<React.HTMLAttributes<HTMLDivElement> & DataAttributes>;
+    title?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> & DataAttributes>;
+    body?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> & DataAttributes>;
+    endContent?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> & DataAttributes>;
+    icon?: Partial<IconPropsWithSVGProps & DataAttributes>;
+    arrow?: Partial<React.HTMLAttributes<HTMLDivElement> & DataAttributes>;
+  };
+} & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { TooltipContent };

package/dist/components/client/Tooltip/TooltipContent.d.ts

@@ -1,10 +1,21 @@
 
 "use client";
-import { UniversalTooltipContentProps } from "../../../types/src/index.js";
+import { IconPropsWithSVGProps, UniversalTooltipContentProps } from "../../../types/dist/index.js";
 import * as react from "react";
 
 //#region src/components/client/Tooltip/TooltipContent.d.ts
-type TooltipContentProps = UniversalTooltipContentProps;
-declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLInputElement>>;
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
+declare const TooltipContent: react.ForwardRefExoticComponent<UniversalTooltipContentProps & {
+  slotProps?: {
+    root?: Partial<React.HTMLAttributes<HTMLDivElement> & DataAttributes>;
+    title?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> & DataAttributes>;
+    body?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> & DataAttributes>;
+    endContent?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> & DataAttributes>;
+    icon?: Partial<IconPropsWithSVGProps & DataAttributes>;
+    arrow?: Partial<React.HTMLAttributes<HTMLDivElement> & DataAttributes>;
+  };
+} & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { TooltipContent };

package/dist/components/client/Tooltip/TooltipContent.js

@@ -19,7 +19,7 @@ import { Tooltip, TooltipArrow, useStoreState, useTooltipContext } from "@ariaki
 const ARROW_HEIGHT = 8;
 const ARROW_WIDTH = 12;
 const ARROW_TIP_RADIUS_FRACTION = .5;
-const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id }, ref) {
+const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id, slotProps }, ref) {
 	const store = useTooltipContext();
 	const open = useStoreState(store, "open");
 	const internalContext = useContext(TooltipInternalContext);
@@ -69,6 +69,7 @@ const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth,
 	return /* @__PURE__ */ jsxs(Tooltip, {
 		ref: mergedRef,
 		className: classNames.root,
+		...slotProps?.root,
 		hideOnHoverOutside: internalContext?.isControlled ? false : void 0,
 		hideOnInteractOutside: internalContext?.isControlled ? false : void 0,
 		portal: internalContext ? internalContext.portal : true,
@@ -94,10 +95,12 @@ const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth,
 					children: [startTitleIcon && /* @__PURE__ */ jsx(IconSlot, {
 						iconProps: { variant: "fill" },
 						icon: startTitleIcon,
-						className: classNames.icon
+						className: classNames.icon,
+						...slotProps?.icon
 					}), /* @__PURE__ */ jsx(Text, {
 						className: classNames.title,
 						color: "inherit",
+						...slotProps?.title,
 						children: title
 					})]
 				}), /* @__PURE__ */ jsxs(Box, {
@@ -106,17 +109,20 @@ const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth,
 					children: [/* @__PURE__ */ jsx(Text, {
 						className: classNames.body,
 						color: "inherit",
+						...slotProps?.body,
 						children
 					}), endContent && !isValidElement(endContent) ? /* @__PURE__ */ jsx(Text, {
 						className: classNames.endContent,
 						color: "inherit",
+						...slotProps?.endContent,
 						children: endContent
 					}) : endContent]
 				})]
 			})
 		}), /* @__PURE__ */ jsx(TooltipArrow, {
 			ref: arrowRef,
-			style: { opacity: 0 }
+			style: { opacity: 0 },
+			...slotProps?.arrow
 		})]
 	});
 });

package/dist/components/client/Tooltip/TooltipTrigger.d.cts

@@ -1,5 +1,5 @@
 
-import { UniversalTooltipTriggerProps } from "../../../types/src/index.cjs";
+import { UniversalTooltipTriggerProps } from "../../../types/dist/index.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/client/Tooltip/TooltipTrigger.d.ts

package/dist/components/client/Tooltip/TooltipTrigger.d.ts

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalTooltipTriggerProps } from "../../../types/src/index.js";
+import { UniversalTooltipTriggerProps } from "../../../types/dist/index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/client/Tooltip/TooltipTrigger.d.ts

package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts

@@ -1,5 +1,5 @@
 
-import { TooltipPlacement } from "../../../types/src/index.cjs";
+import { TooltipPlacement } from "../../../types/dist/index.cjs";
 import { UDSTooltipConfigContextType } from "../../../runtime/tooltipConfig.cjs";
 import { PropsWithChildren } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts

@@ -1,6 +1,6 @@
 
 "use client";
-import { TooltipPlacement } from "../../../types/src/index.js";
+import { TooltipPlacement } from "../../../types/dist/index.js";
 import { UDSTooltipConfigContextType } from "../../../runtime/tooltipConfig.js";
 import { PropsWithChildren } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

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

@@ -1,5 +1,5 @@
 
-import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../../types/src/index.cjs";
+import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../../types/dist/index.cjs";
 import { Tooltip } from "./Tooltip.cjs";
 import { TooltipContent } from "./TooltipContent.cjs";
 import { TooltipTrigger } from "./TooltipTrigger.cjs";

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../../types/src/index.js";
+import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../../types/dist/index.js";
 import { Tooltip } from "./Tooltip.js";
 import { TooltipContent } from "./TooltipContent.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";

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

@@ -1,5 +1,5 @@
 
-import { ButtonSize } from "../../types/src/index.cjs";
+import { ButtonSize } from "../../types/dist/index.cjs";
 import "../../tokens/index.cjs";
 
 //#region src/components/client/buttonConstants.d.ts

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { ButtonSize } from "../../types/src/index.js";
+import { ButtonSize } from "../../types/dist/index.js";
 import "../../tokens/index.js";
 
 //#region src/components/client/buttonConstants.d.ts

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

@@ -1,5 +1,5 @@
 
-import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/src/index.cjs";
+import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/dist/index.cjs";
 import { SpringMotionConfig, SpringMotionConfigProps } from "./SpringMotionConfig.cjs";
 import { AvatarIcon, AvatarIconProps } from "./Avatar/AvatarIcon.cjs";
 import { AvatarText, AvatarTextProps } from "./Avatar/AvatarText.cjs";

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

@@ -1,6 +1,6 @@
 
 "use client";
-import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/src/index.js";
+import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/dist/index.js";
 import { SpringMotionConfig, SpringMotionConfigProps } from "./SpringMotionConfig.js";
 import { AvatarIcon, AvatarIconProps } from "./Avatar/AvatarIcon.js";
 import { AvatarText, AvatarTextProps } from "./Avatar/AvatarText.js";

package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts

@@ -1,5 +1,5 @@
 
-import { BreakpointsConfig } from "../../../types/src/index.cjs";
+import { BreakpointsConfig } from "../../../types/dist/index.cjs";
 import { UDSBreakpointsConfigContextType } from "../../../runtime/breakpointsConfig.cjs";
 import { PropsWithChildren } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.ts

@@ -1,6 +1,6 @@
 
 "use client";
-import { BreakpointsConfig } from "../../../types/src/index.js";
+import { BreakpointsConfig } from "../../../types/dist/index.js";
 import { UDSBreakpointsConfigContextType } from "../../../runtime/breakpointsConfig.js";
 import { PropsWithChildren } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

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

@@ -1,5 +1,5 @@
 
-import { UniversalTextProps } from "../../types/src/index.cjs";
+import { UniversalTextProps } from "../../types/dist/index.cjs";
 import "../../tokens/index.cjs";
 import { BoxProps } from "../Box.cjs";
 import { TextProps } from "../Text.cjs";

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

@@ -1,5 +1,5 @@
 
-import { UniversalTextProps } from "../../types/src/index.js";
+import { UniversalTextProps } from "../../types/dist/index.js";
 import "../../tokens/index.js";
 import { BoxProps } from "../Box.js";
 import { TextProps } from "../Text.js";

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

@@ -41,9 +41,13 @@ const MotionBox = motion_react_m.create(require_components_Box.Box);
 *
 * @related [Checkbox](https://uds.build/docs/components/checkbox).
 **/
-const SwitchV2 = (0, react.forwardRef)(function Switch({ id, isOn: isOnProp, defaultIsOn, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, reduceMotion: forceReduceMotion, disabled, required, onFocus, onBlur, className, layerClassNames, ...switchProps }, parentRef) {
+const SwitchV2 = (0, react.forwardRef)(function Switch({ id, isOn: isOnProp, defaultIsOn, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, reduceMotion: forceReduceMotion, disabled, required, onFocus, onBlur, className, slotProps, ...switchProps }, parentRef) {
 	const generatedId = (0, react.useId)();
 	const uid = id ?? `uds-input-${generatedId}`;
+	const rootSlotProps = slotProps?.root ?? {};
+	const switchSlotProps = slotProps?.switch ?? {};
+	const handleSlotProps = slotProps?.handle ?? {};
+	const labelSlotProps = slotProps?.label ?? {};
 	const innerRef = (0, react.useRef)(null);
 	/**
 	* State
@@ -76,18 +80,18 @@ const SwitchV2 = (0, react.forwardRef)(function Switch({ id, isOn: isOnProp, def
 			switchSizeRoot: size,
 			switchVariantRoot: "default",
 			switchVariantActiveRoot: isOn ? "on" : "off",
-			className: require_styles_styler.cx("group", "flex", "items-center", labelPosition === "start" ? "flex-row" : "flex-row-reverse", ...disabled ? ["cursor-default", "opacity-50"] : ["cursor-pointer"], layerClassNames?.root, className)
+			className: require_styles_styler.cx("group", "flex", "items-center", labelPosition === "start" ? "flex-row" : "flex-row-reverse", ...disabled ? ["cursor-default", "opacity-50"] : ["cursor-pointer"], className)
 		}),
 		switch: require_styles_styler.getStyles({
 			switchVariantSwitch: "default",
 			switchSizeSwitch: size,
 			switchVariantActiveSwitch: isOn ? "on" : "off",
-			className: require_styles_styler.cx("uds-ring", "uds-ring-within", "relative", "uds-border-radius-full", "items-center", cssAnimationDuration, "transition-[background-color,box-shadow]", layerClassNames?.switch)
+			className: require_styles_styler.cx("uds-ring", "uds-ring-within", "relative", "uds-border-radius-full", "items-center", cssAnimationDuration, "transition-[background-color,box-shadow]")
 		}),
 		handleContainer: require_styles_styler.cx("pointer-events-none", "relative", "w-full", "h-full"),
 		handle: require_styles_styler.getStyles({
 			switchSizeHandle: size,
-			className: require_styles_styler.cx("absolute", "top-0", "bottom-0", isOn ? "right-0" : "left-0", layerClassNames?.handle)
+			className: require_styles_styler.cx("absolute", "top-0", "bottom-0", isOn ? "right-0" : "left-0")
 		}),
 		handleContents: require_styles_styler.cx("relative", "w-full", "h-full", "uds-border-radius-full", "overflow-hidden", !disabled && "group-hover:scale-105", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[transform,opacity]"),
 		handleCircle: require_styles_styler.getStyles({
@@ -102,7 +106,7 @@ const SwitchV2 = (0, react.forwardRef)(function Switch({ id, isOn: isOnProp, def
 			className: require_styles_styler.cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
 		}),
 		htmlCheckbox: require_styles_styler.cx("cursor-[inherit]", "absolute", "opacity-0", "top-1/2", "left-1/2", "w-[calc(100%+2px)]", "h-[calc(100%+2px)]", "transform", "translate-x-[-50%]", "translate-y-[-50%]"),
-		label: require_styles_styler.cx(labelPosition === "start" ? "text-start" : "text-end", layerClassNames?.label)
+		label: require_styles_styler.cx(labelPosition === "start" ? "text-start" : "text-end")
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_SpringMotionConfig.SpringMotionConfig, {
 		reducedMotion: reduceMotion,
@@ -113,8 +117,10 @@ const SwitchV2 = (0, react.forwardRef)(function Switch({ id, isOn: isOnProp, def
 			className: classNames.root,
 			"data-testid": "switch-root",
 			tabIndex: -1,
+			...rootSlotProps,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
 				className: classNames.switch,
+				...switchSlotProps,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 					type: "checkbox",
 					...switchProps,
@@ -139,6 +145,7 @@ const SwitchV2 = (0, react.forwardRef)(function Switch({ id, isOn: isOnProp, def
 						className: classNames.handle,
 						layout: "position",
 						layoutDependency: isOn,
+						...handleSlotProps,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
 							className: classNames.handleContents,
 							children: [
@@ -171,7 +178,8 @@ const SwitchV2 = (0, react.forwardRef)(function Switch({ id, isOn: isOnProp, def
 				color: "inherit",
 				required,
 				label,
-				className: classNames.label
+				className: classNames.label,
+				...labelSlotProps
 			})]
 		})
 	});

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

@@ -1,16 +1,20 @@
 
-import { UniversalSwitchProps } from "../../../types/src/index.cjs";
+import { UniversalSwitchProps } from "../../../types/dist/index.cjs";
 import "../../../tokens/index.cjs";
 import React from "react";
 
 //#region src/components/experimental/client/SwitchV2.d.ts
 type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
 interface SwitchV2Props extends NativeInputProps, UniversalSwitchProps {
-  layerClassNames?: {
-    root?: string;
-    switch?: string;
-    handle?: string;
-    label?: string;
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    root?: DataAttributes;
+    switch?: DataAttributes;
+    handle?: DataAttributes;
+    label?: DataAttributes;
   };
 }
 /**

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

@@ -1,17 +1,21 @@
 
 "use client";
-import { UniversalSwitchProps } from "../../../types/src/index.js";
+import { UniversalSwitchProps } from "../../../types/dist/index.js";
 import "../../../tokens/index.js";
 import React from "react";
 
 //#region src/components/experimental/client/SwitchV2.d.ts
 type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
+type DataAttributes = {
+  [name: `data-${string}`]: string;
+};
 interface SwitchV2Props extends NativeInputProps, UniversalSwitchProps {
-  layerClassNames?: {
-    root?: string;
-    switch?: string;
-    handle?: string;
-    label?: string;
+  /** Props to be passed into various slots within the component. */
+  slotProps?: {
+    root?: DataAttributes;
+    switch?: DataAttributes;
+    handle?: DataAttributes;
+    label?: DataAttributes;
   };
 }
 /**