@yahoo/uds 3.159.2 → 3.160.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. package/dist/automated-config/dist/properties.cjs +1 -1
  2. package/dist/automated-config/dist/properties.js +1 -1
  3. package/dist/components/client/Button/Button.cjs +213 -0
  4. package/dist/components/client/Button/Button.d.cts +50 -0
  5. package/dist/components/client/Button/Button.d.ts +51 -0
  6. package/dist/components/client/Button/Button.js +208 -0
  7. package/dist/components/client/Button/ButtonBase.cjs +120 -0
  8. package/dist/components/client/Button/ButtonBase.d.cts +52 -0
  9. package/dist/components/client/Button/ButtonBase.d.ts +53 -0
  10. package/dist/components/client/Button/ButtonBase.js +116 -0
  11. package/dist/components/client/{buttonConstants.cjs → Button/buttonConstants.cjs} +1 -1
  12. package/dist/components/client/Button/buttonConstants.d.cts +7 -0
  13. package/dist/components/client/Button/buttonConstants.d.ts +8 -0
  14. package/dist/components/client/{buttonConstants.js → Button/buttonConstants.js} +1 -1
  15. package/dist/components/client/Button/index.cjs +10 -0
  16. package/dist/components/client/Button/index.d.cts +4 -0
  17. package/dist/components/client/Button/index.d.ts +5 -0
  18. package/dist/components/client/Button/index.js +5 -0
  19. package/dist/components/client/IconButton/IconButton.cjs +104 -0
  20. package/dist/components/client/IconButton/IconButton.d.cts +17 -0
  21. package/dist/components/client/IconButton/IconButton.d.ts +18 -0
  22. package/dist/components/client/IconButton/IconButton.js +102 -0
  23. package/dist/components/client/IconButton/IconButtonBase.cjs +68 -0
  24. package/dist/components/client/IconButton/IconButtonBase.d.cts +45 -0
  25. package/dist/components/client/IconButton/IconButtonBase.d.ts +46 -0
  26. package/dist/components/client/IconButton/IconButtonBase.js +65 -0
  27. package/dist/components/client/IconButton/index.cjs +8 -0
  28. package/dist/components/client/IconButton/index.d.cts +4 -0
  29. package/dist/components/client/IconButton/index.d.ts +5 -0
  30. package/dist/components/client/IconButton/index.js +5 -0
  31. package/dist/components/client/SpringMotionConfig.cjs +10 -13
  32. package/dist/components/client/SpringMotionConfig.js +10 -13
  33. package/dist/components/client/Switch/Switch.cjs +119 -0
  34. package/dist/components/client/{Switch.d.cts → Switch/Switch.d.cts} +4 -16
  35. package/dist/components/client/{Switch.d.ts → Switch/Switch.d.ts} +4 -16
  36. package/dist/components/client/Switch/Switch.js +115 -0
  37. package/dist/components/client/Switch/SwitchBase.cjs +129 -0
  38. package/dist/components/client/Switch/SwitchBase.d.cts +29 -0
  39. package/dist/components/client/Switch/SwitchBase.d.ts +30 -0
  40. package/dist/components/client/Switch/SwitchBase.js +126 -0
  41. package/dist/components/client/Switch/index.cjs +5 -0
  42. package/dist/components/client/Switch/index.d.cts +3 -0
  43. package/dist/components/client/Switch/index.d.ts +4 -0
  44. package/dist/components/client/Switch/index.js +4 -0
  45. package/dist/components/client/Switch/switchStyles.cjs +17 -0
  46. package/dist/components/client/Switch/switchStyles.d.cts +9 -0
  47. package/dist/components/client/Switch/switchStyles.d.ts +10 -0
  48. package/dist/components/client/Switch/switchStyles.js +16 -0
  49. package/dist/components/client/Switch/types.cjs +2 -0
  50. package/dist/components/client/Switch/types.d.cts +33 -0
  51. package/dist/components/client/Switch/types.d.ts +34 -0
  52. package/dist/components/client/Switch/types.js +2 -0
  53. package/dist/components/client/Toast/Toast.cjs +2 -2
  54. package/dist/components/client/Toast/Toast.d.cts +1 -1
  55. package/dist/components/client/Toast/Toast.d.ts +1 -1
  56. package/dist/components/client/Toast/Toast.js +1 -1
  57. package/dist/components/client/index.cjs +6 -6
  58. package/dist/components/client/index.d.cts +3 -3
  59. package/dist/components/client/index.d.ts +3 -3
  60. package/dist/components/client/index.js +3 -3
  61. package/dist/components/experimental/client/index.cjs +0 -6
  62. package/dist/components/experimental/client/index.d.cts +1 -3
  63. package/dist/components/experimental/client/index.d.ts +1 -3
  64. package/dist/components/experimental/client/index.js +1 -3
  65. package/dist/components/experimental/index.cjs +0 -5
  66. package/dist/components/experimental/index.d.cts +1 -3
  67. package/dist/components/experimental/index.d.ts +1 -3
  68. package/dist/components/experimental/index.js +1 -3
  69. package/dist/components/index.cjs +6 -6
  70. package/dist/components/index.d.cts +3 -3
  71. package/dist/components/index.d.ts +3 -3
  72. package/dist/components/index.js +3 -3
  73. package/dist/css-animation/Button/Button.cjs +85 -0
  74. package/dist/css-animation/Button/Button.d.cts +13 -0
  75. package/dist/css-animation/Button/Button.d.ts +14 -0
  76. package/dist/css-animation/Button/Button.js +82 -0
  77. package/dist/css-animation/Button/index.cjs +5 -0
  78. package/dist/css-animation/Button/index.d.cts +4 -0
  79. package/dist/css-animation/Button/index.d.ts +5 -0
  80. package/dist/css-animation/Button/index.js +4 -0
  81. package/dist/css-animation/IconButton/IconButton.cjs +55 -0
  82. package/dist/css-animation/IconButton/IconButton.d.cts +13 -0
  83. package/dist/css-animation/IconButton/IconButton.d.ts +14 -0
  84. package/dist/css-animation/IconButton/IconButton.js +53 -0
  85. package/dist/css-animation/IconButton/index.cjs +5 -0
  86. package/dist/css-animation/IconButton/index.d.cts +4 -0
  87. package/dist/css-animation/IconButton/index.d.ts +5 -0
  88. package/dist/css-animation/IconButton/index.js +4 -0
  89. package/dist/css-animation/Switch/Switch.cjs +44 -0
  90. package/dist/css-animation/Switch/Switch.d.cts +22 -0
  91. package/dist/css-animation/Switch/Switch.d.ts +23 -0
  92. package/dist/css-animation/Switch/Switch.js +41 -0
  93. package/dist/css-animation/Switch/SwitchStaticHandle.cjs +56 -0
  94. package/dist/css-animation/Switch/SwitchStaticHandle.d.cts +31 -0
  95. package/dist/css-animation/Switch/SwitchStaticHandle.d.ts +32 -0
  96. package/dist/css-animation/Switch/SwitchStaticHandle.js +54 -0
  97. package/dist/css-animation/Switch/index.cjs +5 -0
  98. package/dist/css-animation/Switch/index.d.cts +3 -0
  99. package/dist/css-animation/Switch/index.d.ts +4 -0
  100. package/dist/css-animation/Switch/index.js +4 -0
  101. package/dist/css-animation/index.cjs +9 -0
  102. package/dist/css-animation/index.d.cts +7 -0
  103. package/dist/css-animation/index.d.ts +8 -0
  104. package/dist/css-animation/index.js +6 -0
  105. package/dist/hooks/usePrefersReducedMotion.cjs +24 -0
  106. package/dist/hooks/usePrefersReducedMotion.d.cts +5 -0
  107. package/dist/hooks/usePrefersReducedMotion.d.ts +5 -0
  108. package/dist/hooks/usePrefersReducedMotion.js +22 -0
  109. package/dist/index.cjs +7 -7
  110. package/dist/index.d.cts +3 -3
  111. package/dist/index.d.ts +3 -3
  112. package/dist/index.js +4 -4
  113. package/dist/styles/styler.d.cts +4 -4
  114. package/dist/styles/styler.d.ts +4 -4
  115. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  116. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  117. package/dist/uds/generated/componentData.cjs +308 -317
  118. package/dist/uds/generated/componentData.js +308 -317
  119. package/dist/uds/generated/tailwindPurge.cjs +8 -21
  120. package/dist/uds/generated/tailwindPurge.js +8 -21
  121. package/dist/uds/package.cjs +12 -2
  122. package/dist/uds/package.js +12 -2
  123. package/generated/componentData.json +458 -489
  124. package/generated/tailwindPurge.ts +3 -3
  125. package/package.json +13 -3
  126. package/dist/components/client/Button.cjs +0 -326
  127. package/dist/components/client/Button.d.cts +0 -86
  128. package/dist/components/client/Button.d.ts +0 -87
  129. package/dist/components/client/Button.js +0 -321
  130. package/dist/components/client/IconButton.cjs +0 -161
  131. package/dist/components/client/IconButton.d.cts +0 -46
  132. package/dist/components/client/IconButton.d.ts +0 -47
  133. package/dist/components/client/IconButton.js +0 -159
  134. package/dist/components/client/Switch.cjs +0 -225
  135. package/dist/components/client/Switch.js +0 -222
  136. package/dist/components/client/buttonConstants.d.cts +0 -7
  137. package/dist/components/client/buttonConstants.d.ts +0 -8
  138. package/dist/components/experimental/client/AvoidMotionLibraryProvider.cjs +0 -14
  139. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +0 -8
  140. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts +0 -9
  141. package/dist/components/experimental/client/AvoidMotionLibraryProvider.js +0 -11
  142. package/dist/components/experimental/client/SwitchV2.cjs +0 -190
  143. package/dist/components/experimental/client/SwitchV2.d.cts +0 -46
  144. package/dist/components/experimental/client/SwitchV2.d.ts +0 -47
  145. package/dist/components/experimental/client/SwitchV2.js +0 -185
@@ -0,0 +1,29 @@
1
+
2
+ import { DataAttributes, SwitchProps } from "./types.cjs";
3
+ import React, { ReactNode } from "react";
4
+
5
+ //#region src/components/client/Switch/SwitchBase.d.ts
6
+ type RenderHandleArgs = {
7
+ size: NonNullable<SwitchProps['size']>;
8
+ isOn: boolean;
9
+ isOnX: string;
10
+ isOnTranslateClass: string;
11
+ showHoverEffect: boolean;
12
+ disabled?: boolean;
13
+ onIcon?: SwitchProps['onIcon'];
14
+ offIcon?: SwitchProps['offIcon'];
15
+ cssAnimationDuration: string;
16
+ handleSlotProps?: DataAttributes;
17
+ };
18
+ type SwitchBaseProps = SwitchProps & {
19
+ cssAnimationDuration: string;
20
+ enableHoverTracking?: boolean;
21
+ renderHandle: (args: RenderHandleArgs) => ReactNode;
22
+ };
23
+ declare const SwitchBase: React.ForwardRefExoticComponent<SwitchProps & {
24
+ cssAnimationDuration: string;
25
+ enableHoverTracking?: boolean;
26
+ renderHandle: (args: RenderHandleArgs) => ReactNode;
27
+ } & React.RefAttributes<HTMLInputElement>>;
28
+ //#endregion
29
+ export { SwitchBase, type SwitchBaseProps };
@@ -0,0 +1,30 @@
1
+
2
+ "use client";
3
+ import { DataAttributes, SwitchProps } from "./types.js";
4
+ import React, { ReactNode } from "react";
5
+
6
+ //#region src/components/client/Switch/SwitchBase.d.ts
7
+ type RenderHandleArgs = {
8
+ size: NonNullable<SwitchProps['size']>;
9
+ isOn: boolean;
10
+ isOnX: string;
11
+ isOnTranslateClass: string;
12
+ showHoverEffect: boolean;
13
+ disabled?: boolean;
14
+ onIcon?: SwitchProps['onIcon'];
15
+ offIcon?: SwitchProps['offIcon'];
16
+ cssAnimationDuration: string;
17
+ handleSlotProps?: DataAttributes;
18
+ };
19
+ type SwitchBaseProps = SwitchProps & {
20
+ cssAnimationDuration: string;
21
+ enableHoverTracking?: boolean;
22
+ renderHandle: (args: RenderHandleArgs) => ReactNode;
23
+ };
24
+ declare const SwitchBase: React.ForwardRefExoticComponent<SwitchProps & {
25
+ cssAnimationDuration: string;
26
+ enableHoverTracking?: boolean;
27
+ renderHandle: (args: RenderHandleArgs) => ReactNode;
28
+ } & React.RefAttributes<HTMLInputElement>>;
29
+ //#endregion
30
+ export { SwitchBase, type SwitchBaseProps };
@@ -0,0 +1,126 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ import { cx, getStyles } from "../../../styles/styler.js";
4
+ import { Box } from "../../Box.js";
5
+ import { FormLabel } from "../../FormLabel.js";
6
+ import { SIZE_MAP } from "./switchStyles.js";
7
+ import { forwardRef, useCallback, useId, useMemo, useRef, useState } from "react";
8
+ import { jsx, jsxs } from "react/jsx-runtime";
9
+ //#region src/components/client/Switch/SwitchBase.tsx
10
+ const SwitchBase = forwardRef(function SwitchBase({ id, isOn: isOnProp, defaultIsOn, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, disabled, required, onFocus, onBlur, className, style, slotProps, cssAnimationDuration, enableHoverTracking = false, renderHandle, ...switchProps }, parentRef) {
11
+ const generatedId = useId();
12
+ const uid = id ?? `uds-input-${generatedId}`;
13
+ const rootSlotProps = slotProps?.root ?? {};
14
+ const switchSlotProps = slotProps?.switch ?? {};
15
+ const handleSlotProps = slotProps?.handle ?? {};
16
+ const labelSlotProps = slotProps?.label ?? {};
17
+ const innerRef = useRef(null);
18
+ const isControlled = isOnProp !== void 0;
19
+ const [uncontrolledIsOn, setUncontrolledIsOn] = useState(defaultIsOn ?? false);
20
+ const [isHovered, setIsHovered] = useState(false);
21
+ const showHoverEffect = useMemo(() => {
22
+ return enableHoverTracking && !disabled && isHovered;
23
+ }, [
24
+ disabled,
25
+ enableHoverTracking,
26
+ isHovered
27
+ ]);
28
+ const { isOnX, isOnTranslateClass } = SIZE_MAP[size];
29
+ const isOn = isControlled ? isOnProp ?? false : uncontrolledIsOn;
30
+ const handleChange = useCallback((e) => {
31
+ onChange?.(e);
32
+ if (!isControlled) setUncontrolledIsOn(e.target.checked);
33
+ }, [isControlled, onChange]);
34
+ const handleFocus = useCallback((e) => {
35
+ onFocus?.(e);
36
+ }, [onFocus]);
37
+ const handleBlur = useCallback((e) => {
38
+ onBlur?.(e);
39
+ }, [onBlur]);
40
+ const handleHoverStart = useCallback(() => {
41
+ if (enableHoverTracking) setIsHovered(true);
42
+ }, [enableHoverTracking]);
43
+ const handleHoverEnd = useCallback(() => {
44
+ if (enableHoverTracking) setIsHovered(false);
45
+ }, [enableHoverTracking]);
46
+ const classNames = {
47
+ root: getStyles({
48
+ switchSizeRoot: size,
49
+ switchVariantRoot: "default",
50
+ switchVariantActiveRoot: isOn ? "on" : "off",
51
+ display: "flex",
52
+ flexDirection: labelPosition === "start" ? "row" : "row-reverse",
53
+ alignItems: "center",
54
+ className: cx("group", {
55
+ "cursor-pointer": !disabled,
56
+ "cursor-default": disabled,
57
+ "opacity-50": disabled
58
+ }, className)
59
+ }),
60
+ switch: getStyles({
61
+ switchVariantSwitch: "default",
62
+ switchSizeSwitch: size,
63
+ switchVariantActiveSwitch: isOn ? "on" : "off",
64
+ borderRadius: "full",
65
+ position: "relative",
66
+ alignItems: "center",
67
+ className: cx("uds-ring", "uds-ring-within", cssAnimationDuration, "transition-[background-color,box-shadow]")
68
+ }),
69
+ htmlCheckbox: 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%]"),
70
+ label: cx(labelPosition === "start" ? "text-start" : "text-end")
71
+ };
72
+ return /* @__PURE__ */ jsxs(label ? "label" : "div", {
73
+ className: classNames.root,
74
+ "data-testid": "container",
75
+ style,
76
+ tabIndex: -1,
77
+ onPointerEnter: handleHoverStart,
78
+ onPointerLeave: handleHoverEnd,
79
+ ...rootSlotProps,
80
+ children: [/* @__PURE__ */ jsxs(Box, {
81
+ className: classNames.switch,
82
+ ...switchSlotProps,
83
+ children: [/* @__PURE__ */ jsx("input", {
84
+ type: "checkbox",
85
+ tabIndex: 0,
86
+ ...switchProps,
87
+ ref: (ref) => {
88
+ innerRef.current = ref;
89
+ if (typeof parentRef === "function") parentRef(ref);
90
+ else if (parentRef !== null) parentRef.current = ref;
91
+ },
92
+ onFocus: handleFocus,
93
+ onBlur: handleBlur,
94
+ id: uid,
95
+ disabled,
96
+ required,
97
+ checked: isControlled ? isOn : void 0,
98
+ defaultChecked: isControlled ? void 0 : defaultIsOn,
99
+ onChange: handleChange,
100
+ className: classNames.htmlCheckbox
101
+ }), renderHandle({
102
+ size,
103
+ isOn,
104
+ isOnX,
105
+ isOnTranslateClass,
106
+ showHoverEffect,
107
+ disabled,
108
+ onIcon,
109
+ offIcon,
110
+ cssAnimationDuration,
111
+ handleSlotProps
112
+ })]
113
+ }), label && /* @__PURE__ */ jsx(FormLabel, {
114
+ as: "div",
115
+ variant: "inherit",
116
+ color: "inherit",
117
+ required,
118
+ label,
119
+ className: classNames.label,
120
+ ...labelSlotProps
121
+ })]
122
+ });
123
+ });
124
+ SwitchBase.displayName = "SwitchBase";
125
+ //#endregion
126
+ export { SwitchBase };
@@ -0,0 +1,5 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
+ const require_components_client_Switch_Switch = require("./Switch.cjs");
5
+ exports.Switch = require_components_client_Switch_Switch.Switch;
@@ -0,0 +1,3 @@
1
+
2
+ import { Switch, SwitchProps } from "./Switch.cjs";
3
+ export { Switch, type SwitchProps };
@@ -0,0 +1,4 @@
1
+
2
+ "use client";
3
+ import { Switch, SwitchProps } from "./Switch.js";
4
+ export { Switch, type SwitchProps };
@@ -0,0 +1,4 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ import { Switch } from "./Switch.js";
4
+ export { Switch };
@@ -0,0 +1,17 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
+ const require_styles_styler = require("../../../styles/styler.cjs");
5
+ //#region src/components/client/Switch/switchStyles.ts
6
+ const SIZE_MAP = {
7
+ md: {
8
+ isOnX: "1.25rem",
9
+ isOnTranslateClass: require_styles_styler.cx("translate-x-[1.25rem]")
10
+ },
11
+ sm: {
12
+ isOnX: "0.75rem",
13
+ isOnTranslateClass: require_styles_styler.cx("translate-x-[0.75rem]")
14
+ }
15
+ };
16
+ //#endregion
17
+ exports.SIZE_MAP = SIZE_MAP;
@@ -0,0 +1,9 @@
1
+
2
+ import { SwitchSize } from "../../../types/dist/index.cjs";
3
+ //#region src/components/client/Switch/switchStyles.d.ts
4
+ declare const SIZE_MAP: Record<SwitchSize, {
5
+ isOnX: string;
6
+ isOnTranslateClass: string;
7
+ }>;
8
+ //#endregion
9
+ export { SIZE_MAP };
@@ -0,0 +1,10 @@
1
+
2
+ "use client";
3
+ import { SwitchSize } from "../../../types/dist/index.js";
4
+ //#region src/components/client/Switch/switchStyles.d.ts
5
+ declare const SIZE_MAP: Record<SwitchSize, {
6
+ isOnX: string;
7
+ isOnTranslateClass: string;
8
+ }>;
9
+ //#endregion
10
+ export { SIZE_MAP };
@@ -0,0 +1,16 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ import { cx } from "../../../styles/styler.js";
4
+ //#region src/components/client/Switch/switchStyles.ts
5
+ const SIZE_MAP = {
6
+ md: {
7
+ isOnX: "1.25rem",
8
+ isOnTranslateClass: cx("translate-x-[1.25rem]")
9
+ },
10
+ sm: {
11
+ isOnX: "0.75rem",
12
+ isOnTranslateClass: cx("translate-x-[0.75rem]")
13
+ }
14
+ };
15
+ //#endregion
16
+ export { SIZE_MAP };
@@ -0,0 +1,2 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
@@ -0,0 +1,33 @@
1
+
2
+ import { SwitchSize, UniversalSwitchProps } from "../../../types/dist/index.cjs";
3
+ import React, { ChangeEvent } from "react";
4
+
5
+ //#region src/components/client/Switch/types.d.ts
6
+ type DataAttributes = {
7
+ [name: `data-${string}`]: string;
8
+ };
9
+ type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
10
+ type SwitchChangeEvent = ChangeEvent<HTMLInputElement>;
11
+ interface SwitchProps extends NativeInputProps, UniversalSwitchProps {
12
+ /** Props to be passed into various slots within the component. */
13
+ slotProps?: {
14
+ root?: DataAttributes;
15
+ switch?: DataAttributes;
16
+ handle?: DataAttributes;
17
+ label?: DataAttributes;
18
+ };
19
+ }
20
+ interface SwitchMotionHandleProps {
21
+ size: SwitchSize;
22
+ isOn: boolean;
23
+ isOnX: string;
24
+ showHoverEffect: boolean;
25
+ disabled?: boolean;
26
+ onIcon?: UniversalSwitchProps['onIcon'];
27
+ offIcon?: UniversalSwitchProps['offIcon'];
28
+ cssAnimationDuration: string;
29
+ reduceMotion: 'always' | 'user';
30
+ handleSlotProps?: DataAttributes;
31
+ }
32
+ //#endregion
33
+ export { type DataAttributes, type NativeInputProps, type SwitchChangeEvent, type SwitchMotionHandleProps, type SwitchProps };
@@ -0,0 +1,34 @@
1
+
2
+ "use client";
3
+ import { SwitchSize, UniversalSwitchProps } from "../../../types/dist/index.js";
4
+ import React, { ChangeEvent } from "react";
5
+
6
+ //#region src/components/client/Switch/types.d.ts
7
+ type DataAttributes = {
8
+ [name: `data-${string}`]: string;
9
+ };
10
+ type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
11
+ type SwitchChangeEvent = ChangeEvent<HTMLInputElement>;
12
+ interface SwitchProps extends NativeInputProps, UniversalSwitchProps {
13
+ /** Props to be passed into various slots within the component. */
14
+ slotProps?: {
15
+ root?: DataAttributes;
16
+ switch?: DataAttributes;
17
+ handle?: DataAttributes;
18
+ label?: DataAttributes;
19
+ };
20
+ }
21
+ interface SwitchMotionHandleProps {
22
+ size: SwitchSize;
23
+ isOn: boolean;
24
+ isOnX: string;
25
+ showHoverEffect: boolean;
26
+ disabled?: boolean;
27
+ onIcon?: UniversalSwitchProps['onIcon'];
28
+ offIcon?: UniversalSwitchProps['offIcon'];
29
+ cssAnimationDuration: string;
30
+ reduceMotion: 'always' | 'user';
31
+ handleSlotProps?: DataAttributes;
32
+ }
33
+ //#endregion
34
+ export { type DataAttributes, type NativeInputProps, type SwitchChangeEvent, type SwitchMotionHandleProps, type SwitchProps };
@@ -0,0 +1,2 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
@@ -6,7 +6,7 @@ const require_styles_styler = require("../../../styles/styler.cjs");
6
6
  const require_components_client_Pressable = require("../Pressable.cjs");
7
7
  const require_components_IconSlot = require("../../IconSlot.cjs");
8
8
  const require_components_Text = require("../../Text.cjs");
9
- const require_components_client_Button = require("../Button.cjs");
9
+ const require_components_client_Button_Button = require("../Button/Button.cjs");
10
10
  const require_components_client_Toast_UDSToastConfigProvider = require("./UDSToastConfigProvider.cjs");
11
11
  const require_components_client_Toast_ToastContainer = require("./ToastContainer.cjs");
12
12
  let _yahoo_uds_icons = require("@yahoo/uds-icons");
@@ -101,7 +101,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
101
101
  ...slotProps?.label,
102
102
  children: message
103
103
  }),
104
- actionButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Button.Button, {
104
+ actionButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Button_Button.Button, {
105
105
  size: buttonSize,
106
106
  variant: buttonVariant,
107
107
  onClick: onClickActionButton,
@@ -2,7 +2,7 @@
2
2
  import { UniversalToastProps } from "../../../types/dist/index.cjs";
3
3
  import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
4
4
  import { TextProps } from "../../Text.cjs";
5
- import { ButtonProps } from "../Button.cjs";
5
+ import { ButtonProps } from "../Button/Button.cjs";
6
6
  import { PressableProps } from "../Pressable.cjs";
7
7
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
8
8
  import { ToastContentProps } from "react-toastify";
@@ -3,7 +3,7 @@
3
3
  import { UniversalToastProps } from "../../../types/dist/index.js";
4
4
  import { IconPropsWithSVGProps } from "../../../tokens/types.js";
5
5
  import { TextProps } from "../../Text.js";
6
- import { ButtonProps } from "../Button.js";
6
+ import { ButtonProps } from "../Button/Button.js";
7
7
  import { PressableProps } from "../Pressable.js";
8
8
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
9
9
  import { ToastContentProps } from "react-toastify";
@@ -4,7 +4,7 @@ import { cx, getStyles } from "../../../styles/styler.js";
4
4
  import { Pressable } from "../Pressable.js";
5
5
  import { IconSlot } from "../../IconSlot.js";
6
6
  import { Text } from "../../Text.js";
7
- import { Button } from "../Button.js";
7
+ import { Button } from "../Button/Button.js";
8
8
  import { useToastConfig } from "./UDSToastConfigProvider.js";
9
9
  import { ToastContainer } from "./ToastContainer.js";
10
10
  import { CheckCircle, Cross, Error, Info, Progress, Warning } from "@yahoo/uds-icons";
@@ -16,14 +16,14 @@ const require_components_client_BottomSheet_BottomSheetHeader = require("./Botto
16
16
  const require_components_client_BottomSheet_BottomSheetProvider = require("./BottomSheet/BottomSheetProvider.cjs");
17
17
  const require_components_client_BottomSheet_BottomSheetTrigger = require("./BottomSheet/BottomSheetTrigger.cjs");
18
18
  const require_components_client_SpringMotionConfig = require("./SpringMotionConfig.cjs");
19
- const require_components_client_Button = require("./Button.cjs");
19
+ const require_components_client_Button_Button = require("./Button/Button.cjs");
20
20
  const require_components_client_Checkbox = require("./Checkbox.cjs");
21
21
  const require_components_client_Chip_ChipButton = require("./Chip/ChipButton.cjs");
22
22
  const require_components_client_Chip_ChipDismissible = require("./Chip/ChipDismissible.cjs");
23
23
  const require_components_client_Chip_ChipLink = require("./Chip/ChipLink.cjs");
24
24
  const require_components_client_Chip_ChipToggle = require("./Chip/ChipToggle.cjs");
25
25
  const require_components_client_Chip_Chip = require("./Chip/Chip.cjs");
26
- const require_components_client_IconButton = require("./IconButton.cjs");
26
+ const require_components_client_IconButton_IconButton = require("./IconButton/IconButton.cjs");
27
27
  const require_components_client_Input_Input = require("./Input/Input.cjs");
28
28
  const require_components_client_Input_InputHelpText = require("./Input/InputHelpText.cjs");
29
29
  const require_components_client_Menu_Menu_index = require("./Menu/Menu.index.cjs");
@@ -60,7 +60,7 @@ const require_components_client_Select_Select = require("./Select/Select.cjs");
60
60
  const require_components_client_Select_SelectContent = require("./Select/SelectContent.cjs");
61
61
  const require_components_client_Select_SelectDivider = require("./Select/SelectDivider.cjs");
62
62
  const require_components_client_Select_SelectItem = require("./Select/SelectItem.cjs");
63
- const require_components_client_Switch = require("./Switch.cjs");
63
+ const require_components_client_Switch_Switch = require("./Switch/Switch.cjs");
64
64
  const require_components_client_Tabs_Tab = require("./Tabs/Tab.cjs");
65
65
  const require_components_client_Tabs_TabList = require("./Tabs/TabList.cjs");
66
66
  const require_components_client_Tabs_TabPanel = require("./Tabs/TabPanel.cjs");
@@ -83,14 +83,14 @@ exports.BottomSheetDismiss = require_components_client_BottomSheet_BottomSheetDi
83
83
  exports.BottomSheetHeader = require_components_client_BottomSheet_BottomSheetHeader.BottomSheetHeader;
84
84
  exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider;
85
85
  exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
86
- exports.Button = require_components_client_Button.Button;
86
+ exports.Button = require_components_client_Button_Button.Button;
87
87
  exports.Checkbox = require_components_client_Checkbox.Checkbox;
88
88
  exports.Chip = require_components_client_Chip_Chip.Chip;
89
89
  exports.ChipButton = require_components_client_Chip_ChipButton.ChipButton;
90
90
  exports.ChipDismissible = require_components_client_Chip_ChipDismissible.ChipDismissible;
91
91
  exports.ChipLink = require_components_client_Chip_ChipLink.ChipLink;
92
92
  exports.ChipToggle = require_components_client_Chip_ChipToggle.ChipToggle;
93
- exports.IconButton = require_components_client_IconButton.IconButton;
93
+ exports.IconButton = require_components_client_IconButton_IconButton.IconButton;
94
94
  exports.Input = require_components_client_Input_Input.Input;
95
95
  exports.InputHelpText = require_components_client_Input_InputHelpText.InputHelpText;
96
96
  Object.defineProperty(exports, "Menu", {
@@ -127,7 +127,7 @@ exports.SelectContent = require_components_client_Select_SelectContent.SelectCon
127
127
  exports.SelectDivider = require_components_client_Select_SelectDivider.SelectDivider;
128
128
  exports.SelectItem = require_components_client_Select_SelectItem.SelectItem;
129
129
  exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
130
- exports.Switch = require_components_client_Switch.Switch;
130
+ exports.Switch = require_components_client_Switch_Switch.Switch;
131
131
  exports.Tab = require_components_client_Tabs_Tab.Tab;
132
132
  exports.TabList = require_components_client_Tabs_TabList.TabList;
133
133
  exports.TabPanel = require_components_client_Tabs_TabPanel.TabPanel;
@@ -14,14 +14,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./BottomSheet/BottomS
14
14
  import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheet/BottomSheetProvider.cjs";
15
15
  import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheet/BottomSheetTrigger.cjs";
16
16
  import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps } from "./BottomSheet/UDSBottomSheetConfigProvider.cjs";
17
- import { Button, ButtonProps } from "./Button.cjs";
17
+ import { Button, ButtonProps } from "./Button/Button.cjs";
18
18
  import { Checkbox, CheckboxProps } from "./Checkbox.cjs";
19
19
  import { Chip, ChipProps } from "./Chip/Chip.cjs";
20
20
  import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.cjs";
21
21
  import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.cjs";
22
22
  import { ChipLink, ChipLinkProps } from "./Chip/ChipLink.cjs";
23
23
  import { ChipToggle, ChipToggleProps } from "./Chip/ChipToggle.cjs";
24
- import { IconButton, IconButtonProps } from "./IconButton.cjs";
24
+ import { IconButton, IconButtonProps } from "./IconButton/IconButton.cjs";
25
25
  import { Input, InputProps } from "./Input/Input.cjs";
26
26
  import { InputHelpText, InputHelpTextProps } from "./Input/InputHelpText.cjs";
27
27
  import { MenuContentProps } from "./Menu/Menu.Content.cjs";
@@ -62,7 +62,7 @@ import { Select, SelectProps } from "./Select/Select.cjs";
62
62
  import { SelectContent, SelectContentProps } from "./Select/SelectContent.cjs";
63
63
  import { SelectDivider, SelectDividerProps } from "./Select/SelectDivider.cjs";
64
64
  import { SelectItem, SelectItemProps } from "./Select/SelectItem.cjs";
65
- import { Switch, SwitchProps } from "./Switch.cjs";
65
+ import { Switch, SwitchProps } from "./Switch/Switch.cjs";
66
66
  import { Tab, TabProps } from "./Tabs/Tab.cjs";
67
67
  import { TabList, TabListProps } from "./Tabs/TabList.cjs";
68
68
  import { TabPanel, TabPanelProps } from "./Tabs/TabPanel.cjs";
@@ -15,14 +15,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./BottomSheet/BottomS
15
15
  import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheet/BottomSheetProvider.js";
16
16
  import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheet/BottomSheetTrigger.js";
17
17
  import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps } from "./BottomSheet/UDSBottomSheetConfigProvider.js";
18
- import { Button, ButtonProps } from "./Button.js";
18
+ import { Button, ButtonProps } from "./Button/Button.js";
19
19
  import { Checkbox, CheckboxProps } from "./Checkbox.js";
20
20
  import { Chip, ChipProps } from "./Chip/Chip.js";
21
21
  import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.js";
22
22
  import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.js";
23
23
  import { ChipLink, ChipLinkProps } from "./Chip/ChipLink.js";
24
24
  import { ChipToggle, ChipToggleProps } from "./Chip/ChipToggle.js";
25
- import { IconButton, IconButtonProps } from "./IconButton.js";
25
+ import { IconButton, IconButtonProps } from "./IconButton/IconButton.js";
26
26
  import { Input, InputProps } from "./Input/Input.js";
27
27
  import { InputHelpText, InputHelpTextProps } from "./Input/InputHelpText.js";
28
28
  import { MenuContentProps } from "./Menu/Menu.Content.js";
@@ -63,7 +63,7 @@ import { Select, SelectProps } from "./Select/Select.js";
63
63
  import { SelectContent, SelectContentProps } from "./Select/SelectContent.js";
64
64
  import { SelectDivider, SelectDividerProps } from "./Select/SelectDivider.js";
65
65
  import { SelectItem, SelectItemProps } from "./Select/SelectItem.js";
66
- import { Switch, SwitchProps } from "./Switch.js";
66
+ import { Switch, SwitchProps } from "./Switch/Switch.js";
67
67
  import { Tab, TabProps } from "./Tabs/Tab.js";
68
68
  import { TabList, TabListProps } from "./Tabs/TabList.js";
69
69
  import { TabPanel, TabPanelProps } from "./Tabs/TabPanel.js";
@@ -15,14 +15,14 @@ import { BottomSheetHeader } from "./BottomSheet/BottomSheetHeader.js";
15
15
  import { BottomSheetProvider } from "./BottomSheet/BottomSheetProvider.js";
16
16
  import { BottomSheetTrigger } from "./BottomSheet/BottomSheetTrigger.js";
17
17
  import { SpringMotionConfig } from "./SpringMotionConfig.js";
18
- import { Button } from "./Button.js";
18
+ import { Button } from "./Button/Button.js";
19
19
  import { Checkbox } from "./Checkbox.js";
20
20
  import { ChipButton } from "./Chip/ChipButton.js";
21
21
  import { ChipDismissible } from "./Chip/ChipDismissible.js";
22
22
  import { ChipLink } from "./Chip/ChipLink.js";
23
23
  import { ChipToggle } from "./Chip/ChipToggle.js";
24
24
  import { Chip } from "./Chip/Chip.js";
25
- import { IconButton } from "./IconButton.js";
25
+ import { IconButton } from "./IconButton/IconButton.js";
26
26
  import { Input } from "./Input/Input.js";
27
27
  import { InputHelpText } from "./Input/InputHelpText.js";
28
28
  import { Menu_index_exports } from "./Menu/Menu.index.js";
@@ -59,7 +59,7 @@ import { Select } from "./Select/Select.js";
59
59
  import { SelectContent } from "./Select/SelectContent.js";
60
60
  import { SelectDivider } from "./Select/SelectDivider.js";
61
61
  import { SelectItem } from "./Select/SelectItem.js";
62
- import { Switch } from "./Switch.js";
62
+ import { Switch } from "./Switch/Switch.js";
63
63
  import { Tab } from "./Tabs/Tab.js";
64
64
  import { TabList } from "./Tabs/TabList.js";
65
65
  import { TabPanel } from "./Tabs/TabPanel.js";
@@ -1,13 +1,7 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  "use client";
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
- const require_components_experimental_client_AvoidMotionLibraryProvider = require("./AvoidMotionLibraryProvider.cjs");
5
4
  const require_components_experimental_client_Accordion = require("./Accordion.cjs");
6
5
  const require_components_experimental_client_SegmentedControl = require("./SegmentedControl.cjs");
7
- const require_components_experimental_client_SwitchV2 = require("./SwitchV2.cjs");
8
6
  exports.Accordion = require_components_experimental_client_Accordion.Accordion;
9
- exports.AvoidMotionLibraryProvider = require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider;
10
7
  exports.SegmentedControl = require_components_experimental_client_SegmentedControl.SegmentedControl;
11
- exports.SwitchV2 = require_components_experimental_client_SwitchV2.SwitchV2;
12
- exports.SwitchV2AvoidMotionLibraryProvider = require_components_experimental_client_SwitchV2.SwitchV2AvoidMotionLibraryProvider;
13
- exports.useAvoidMotionLibrary = require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary;
@@ -1,6 +1,4 @@
1
1
 
2
2
  import { Accordion, AccordionProps } from "./Accordion.cjs";
3
- import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.cjs";
4
3
  import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl.cjs";
5
- import { SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props } from "./SwitchV2.cjs";
6
- export { Accordion, AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props, useAvoidMotionLibrary };
4
+ export { Accordion, AccordionProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps };
@@ -1,7 +1,5 @@
1
1
 
2
2
  "use client";
3
3
  import { Accordion, AccordionProps } from "./Accordion.js";
4
- import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.js";
5
4
  import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl.js";
6
- import { SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props } from "./SwitchV2.js";
7
- export { Accordion, AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props, useAvoidMotionLibrary };
5
+ export { Accordion, AccordionProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps };
@@ -1,7 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  "use client";
3
- import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.js";
4
3
  import { Accordion } from "./Accordion.js";
5
4
  import { SegmentedControl } from "./SegmentedControl.js";
6
- import { SwitchV2, SwitchV2AvoidMotionLibraryProvider } from "./SwitchV2.js";
7
- export { Accordion, AvoidMotionLibraryProvider, SegmentedControl, SwitchV2, SwitchV2AvoidMotionLibraryProvider, useAvoidMotionLibrary };
5
+ export { Accordion, SegmentedControl };
@@ -1,15 +1,10 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const require_components_experimental_client_AvoidMotionLibraryProvider = require("./client/AvoidMotionLibraryProvider.cjs");
4
3
  const require_components_experimental_Spinner = require("./Spinner.cjs");
5
4
  const require_components_experimental_Table = require("./Table.cjs");
6
5
  const require_components_experimental_client_Accordion = require("./client/Accordion.cjs");
7
6
  const require_components_experimental_client_SegmentedControl = require("./client/SegmentedControl.cjs");
8
- const require_components_experimental_client_SwitchV2 = require("./client/SwitchV2.cjs");
9
7
  exports.Accordion = require_components_experimental_client_Accordion.Accordion;
10
- exports.AvoidMotionLibraryProvider = require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider;
11
8
  exports.SegmentedControl = require_components_experimental_client_SegmentedControl.SegmentedControl;
12
9
  exports.Spinner = require_components_experimental_Spinner.Spinner;
13
- exports.SwitchV2 = require_components_experimental_client_SwitchV2.SwitchV2;
14
10
  exports.Table = require_components_experimental_Table.Table;
15
- exports.useAvoidMotionLibrary = require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary;
@@ -2,7 +2,5 @@
2
2
  import { Spinner, SpinnerProps } from "./Spinner.cjs";
3
3
  import { Table, TableColumn, TableProps } from "./Table.cjs";
4
4
  import { Accordion, AccordionProps } from "./client/Accordion.cjs";
5
- import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.cjs";
6
5
  import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./client/SegmentedControl.cjs";
7
- import { SwitchV2, SwitchV2Props } from "./client/SwitchV2.cjs";
8
- export { Accordion, type AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, SwitchV2, type SwitchV2Props, Table, TableColumn, TableProps, useAvoidMotionLibrary };
6
+ export { Accordion, type AccordionProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, Table, TableColumn, TableProps };
@@ -2,7 +2,5 @@
2
2
  import { Spinner, SpinnerProps } from "./Spinner.js";
3
3
  import { Table, TableColumn, TableProps } from "./Table.js";
4
4
  import { Accordion, AccordionProps } from "./client/Accordion.js";
5
- import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.js";
6
5
  import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./client/SegmentedControl.js";
7
- import { SwitchV2, SwitchV2Props } from "./client/SwitchV2.js";
8
- export { Accordion, type AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, SwitchV2, type SwitchV2Props, Table, TableColumn, TableProps, useAvoidMotionLibrary };
6
+ export { Accordion, type AccordionProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, Table, TableColumn, TableProps };
@@ -1,8 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
- import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.js";
3
2
  import { Spinner } from "./Spinner.js";
4
3
  import { Table } from "./Table.js";
5
4
  import { Accordion } from "./client/Accordion.js";
6
5
  import { SegmentedControl } from "./client/SegmentedControl.js";
7
- import { SwitchV2 } from "./client/SwitchV2.js";
8
- export { Accordion, AvoidMotionLibraryProvider, SegmentedControl, Spinner, SwitchV2, Table, useAvoidMotionLibrary };
6
+ export { Accordion, SegmentedControl, Spinner, Table };