@yahoo/uds 3.159.2 → 3.161.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 (165) 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/BottomSheet/BottomSheet.cjs +2 -2
  4. package/dist/components/client/BottomSheet/BottomSheet.js +2 -2
  5. package/dist/components/client/Button/Button.cjs +214 -0
  6. package/dist/components/client/Button/Button.d.cts +50 -0
  7. package/dist/components/client/Button/Button.d.ts +51 -0
  8. package/dist/components/client/Button/Button.js +209 -0
  9. package/dist/components/client/Button/ButtonBase.cjs +120 -0
  10. package/dist/components/client/Button/ButtonBase.d.cts +52 -0
  11. package/dist/components/client/Button/ButtonBase.d.ts +53 -0
  12. package/dist/components/client/Button/ButtonBase.js +116 -0
  13. package/dist/components/client/{buttonConstants.cjs → Button/buttonConstants.cjs} +1 -1
  14. package/dist/components/client/Button/buttonConstants.d.cts +7 -0
  15. package/dist/components/client/Button/buttonConstants.d.ts +8 -0
  16. package/dist/components/client/{buttonConstants.js → Button/buttonConstants.js} +1 -1
  17. package/dist/components/client/Button/index.cjs +10 -0
  18. package/dist/components/client/Button/index.d.cts +4 -0
  19. package/dist/components/client/Button/index.d.ts +5 -0
  20. package/dist/components/client/Button/index.js +5 -0
  21. package/dist/components/client/Checkbox.cjs +2 -1
  22. package/dist/components/client/Checkbox.js +3 -2
  23. package/dist/components/client/Chip/ChipBase.cjs +2 -2
  24. package/dist/components/client/Chip/ChipBase.js +2 -2
  25. package/dist/components/client/IconButton/IconButton.cjs +105 -0
  26. package/dist/components/client/IconButton/IconButton.d.cts +17 -0
  27. package/dist/components/client/IconButton/IconButton.d.ts +18 -0
  28. package/dist/components/client/IconButton/IconButton.js +103 -0
  29. package/dist/components/client/IconButton/IconButtonBase.cjs +68 -0
  30. package/dist/components/client/IconButton/IconButtonBase.d.cts +45 -0
  31. package/dist/components/client/IconButton/IconButtonBase.d.ts +46 -0
  32. package/dist/components/client/IconButton/IconButtonBase.js +65 -0
  33. package/dist/components/client/IconButton/index.cjs +8 -0
  34. package/dist/components/client/IconButton/index.d.cts +4 -0
  35. package/dist/components/client/IconButton/index.d.ts +5 -0
  36. package/dist/components/client/IconButton/index.js +5 -0
  37. package/dist/components/client/Input/Input.cjs +2 -2
  38. package/dist/components/client/Input/Input.js +2 -2
  39. package/dist/components/client/Modal/ManagedModal.cjs +2 -2
  40. package/dist/components/client/Modal/ManagedModal.js +2 -2
  41. package/dist/components/client/Modal/Modal.cjs +2 -2
  42. package/dist/components/client/Modal/Modal.js +2 -2
  43. package/dist/components/client/Popover/Popover.cjs +2 -2
  44. package/dist/components/client/Popover/Popover.js +2 -2
  45. package/dist/components/client/Radio/Radio.cjs +2 -1
  46. package/dist/components/client/Radio/Radio.js +3 -2
  47. package/dist/components/client/SpringMotionConfig.cjs +10 -13
  48. package/dist/components/client/SpringMotionConfig.js +10 -13
  49. package/dist/components/client/Switch/Switch.cjs +119 -0
  50. package/dist/components/client/{Switch.d.cts → Switch/Switch.d.cts} +4 -16
  51. package/dist/components/client/{Switch.d.ts → Switch/Switch.d.ts} +4 -16
  52. package/dist/components/client/Switch/Switch.js +115 -0
  53. package/dist/components/client/Switch/SwitchBase.cjs +129 -0
  54. package/dist/components/client/Switch/SwitchBase.d.cts +29 -0
  55. package/dist/components/client/Switch/SwitchBase.d.ts +30 -0
  56. package/dist/components/client/Switch/SwitchBase.js +126 -0
  57. package/dist/components/client/Switch/index.cjs +5 -0
  58. package/dist/components/client/Switch/index.d.cts +3 -0
  59. package/dist/components/client/Switch/index.d.ts +4 -0
  60. package/dist/components/client/Switch/index.js +4 -0
  61. package/dist/components/client/Switch/switchStyles.cjs +17 -0
  62. package/dist/components/client/Switch/switchStyles.d.cts +9 -0
  63. package/dist/components/client/Switch/switchStyles.d.ts +10 -0
  64. package/dist/components/client/Switch/switchStyles.js +16 -0
  65. package/dist/components/client/Switch/types.cjs +2 -0
  66. package/dist/components/client/Switch/types.d.cts +33 -0
  67. package/dist/components/client/Switch/types.d.ts +34 -0
  68. package/dist/components/client/Switch/types.js +2 -0
  69. package/dist/components/client/Tabs/TabList.cjs +2 -2
  70. package/dist/components/client/Tabs/TabList.js +2 -2
  71. package/dist/components/client/Toast/Toast.cjs +4 -4
  72. package/dist/components/client/Toast/Toast.d.cts +1 -1
  73. package/dist/components/client/Toast/Toast.d.ts +1 -1
  74. package/dist/components/client/Toast/Toast.js +3 -3
  75. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  76. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  77. package/dist/components/client/index.cjs +6 -6
  78. package/dist/components/client/index.d.cts +3 -3
  79. package/dist/components/client/index.d.ts +3 -3
  80. package/dist/components/client/index.js +3 -3
  81. package/dist/components/experimental/client/index.cjs +0 -6
  82. package/dist/components/experimental/client/index.d.cts +1 -3
  83. package/dist/components/experimental/client/index.d.ts +1 -3
  84. package/dist/components/experimental/client/index.js +1 -3
  85. package/dist/components/experimental/index.cjs +0 -5
  86. package/dist/components/experimental/index.d.cts +1 -3
  87. package/dist/components/experimental/index.d.ts +1 -3
  88. package/dist/components/experimental/index.js +1 -3
  89. package/dist/components/index.cjs +6 -6
  90. package/dist/components/index.d.cts +3 -3
  91. package/dist/components/index.d.ts +3 -3
  92. package/dist/components/index.js +3 -3
  93. package/dist/css-animation/Button/Button.cjs +85 -0
  94. package/dist/css-animation/Button/Button.d.cts +13 -0
  95. package/dist/css-animation/Button/Button.d.ts +14 -0
  96. package/dist/css-animation/Button/Button.js +82 -0
  97. package/dist/css-animation/Button/index.cjs +5 -0
  98. package/dist/css-animation/Button/index.d.cts +4 -0
  99. package/dist/css-animation/Button/index.d.ts +5 -0
  100. package/dist/css-animation/Button/index.js +4 -0
  101. package/dist/css-animation/IconButton/IconButton.cjs +55 -0
  102. package/dist/css-animation/IconButton/IconButton.d.cts +13 -0
  103. package/dist/css-animation/IconButton/IconButton.d.ts +14 -0
  104. package/dist/css-animation/IconButton/IconButton.js +53 -0
  105. package/dist/css-animation/IconButton/index.cjs +5 -0
  106. package/dist/css-animation/IconButton/index.d.cts +4 -0
  107. package/dist/css-animation/IconButton/index.d.ts +5 -0
  108. package/dist/css-animation/IconButton/index.js +4 -0
  109. package/dist/css-animation/Switch/Switch.cjs +44 -0
  110. package/dist/css-animation/Switch/Switch.d.cts +22 -0
  111. package/dist/css-animation/Switch/Switch.d.ts +23 -0
  112. package/dist/css-animation/Switch/Switch.js +41 -0
  113. package/dist/css-animation/Switch/SwitchStaticHandle.cjs +56 -0
  114. package/dist/css-animation/Switch/SwitchStaticHandle.d.cts +31 -0
  115. package/dist/css-animation/Switch/SwitchStaticHandle.d.ts +32 -0
  116. package/dist/css-animation/Switch/SwitchStaticHandle.js +54 -0
  117. package/dist/css-animation/Switch/index.cjs +5 -0
  118. package/dist/css-animation/Switch/index.d.cts +3 -0
  119. package/dist/css-animation/Switch/index.d.ts +4 -0
  120. package/dist/css-animation/Switch/index.js +4 -0
  121. package/dist/css-animation/index.cjs +9 -0
  122. package/dist/css-animation/index.d.cts +7 -0
  123. package/dist/css-animation/index.d.ts +8 -0
  124. package/dist/css-animation/index.js +6 -0
  125. package/dist/hooks/usePrefersReducedMotion.cjs +36 -0
  126. package/dist/hooks/usePrefersReducedMotion.d.cts +5 -0
  127. package/dist/hooks/usePrefersReducedMotion.d.ts +5 -0
  128. package/dist/hooks/usePrefersReducedMotion.js +34 -0
  129. package/dist/index.cjs +7 -7
  130. package/dist/index.d.cts +3 -3
  131. package/dist/index.d.ts +3 -3
  132. package/dist/index.js +4 -4
  133. package/dist/styles/styler.d.cts +24 -24
  134. package/dist/styles/styler.d.ts +24 -24
  135. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  136. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  137. package/dist/uds/generated/componentData.cjs +372 -381
  138. package/dist/uds/generated/componentData.js +372 -381
  139. package/dist/uds/generated/tailwindPurge.cjs +8 -21
  140. package/dist/uds/generated/tailwindPurge.js +8 -21
  141. package/dist/uds/package.cjs +12 -2
  142. package/dist/uds/package.js +12 -2
  143. package/generated/componentData.json +572 -603
  144. package/generated/tailwindPurge.ts +3 -3
  145. package/package.json +13 -3
  146. package/dist/components/client/Button.cjs +0 -326
  147. package/dist/components/client/Button.d.cts +0 -86
  148. package/dist/components/client/Button.d.ts +0 -87
  149. package/dist/components/client/Button.js +0 -321
  150. package/dist/components/client/IconButton.cjs +0 -161
  151. package/dist/components/client/IconButton.d.cts +0 -46
  152. package/dist/components/client/IconButton.d.ts +0 -47
  153. package/dist/components/client/IconButton.js +0 -159
  154. package/dist/components/client/Switch.cjs +0 -225
  155. package/dist/components/client/Switch.js +0 -222
  156. package/dist/components/client/buttonConstants.d.cts +0 -7
  157. package/dist/components/client/buttonConstants.d.ts +0 -8
  158. package/dist/components/experimental/client/AvoidMotionLibraryProvider.cjs +0 -14
  159. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +0 -8
  160. package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts +0 -9
  161. package/dist/components/experimental/client/AvoidMotionLibraryProvider.js +0 -11
  162. package/dist/components/experimental/client/SwitchV2.cjs +0 -190
  163. package/dist/components/experimental/client/SwitchV2.d.cts +0 -46
  164. package/dist/components/experimental/client/SwitchV2.d.ts +0 -47
  165. package/dist/components/experimental/client/SwitchV2.js +0 -185
@@ -0,0 +1,4 @@
1
+
2
+ import { IconButtonProps } from "../../components/client/IconButton/IconButton.cjs";
3
+ import { IconButton } from "./IconButton.cjs";
4
+ export { IconButton, type IconButtonProps };
@@ -0,0 +1,5 @@
1
+
2
+ "use client";
3
+ import { IconButtonProps } from "../../components/client/IconButton/IconButton.js";
4
+ import { IconButton } from "./IconButton.js";
5
+ export { IconButton, type IconButtonProps };
@@ -0,0 +1,4 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ import { IconButton } from "./IconButton.js";
4
+ export { IconButton };
@@ -0,0 +1,44 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
+ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
5
+ const require_components_client_Switch_SwitchBase = require("../../components/client/Switch/SwitchBase.cjs");
6
+ const require_css_animation_Switch_SwitchStaticHandle = require("./SwitchStaticHandle.cjs");
7
+ let react = require("react");
8
+ react = require_runtime.__toESM(react);
9
+ let react_jsx_runtime = require("react/jsx-runtime");
10
+ //#region src/css-animation/Switch/Switch.tsx
11
+ /**
12
+ * CSS-animation Switch variant. This component intentionally never imports motion.
13
+ *
14
+ * @componentType Client component
15
+ *
16
+ * @example
17
+ * ```tsx
18
+ * 'use client';
19
+ * import { Switch } from '@yahoo/uds/css-animation';
20
+ *
21
+ * <Switch label="Name" required />
22
+ * ```
23
+ */
24
+ const Switch = (0, react.forwardRef)(function Switch(props, parentRef) {
25
+ const cssAnimationDuration = "duration-120";
26
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Switch_SwitchBase.SwitchBase, {
27
+ ...props,
28
+ ref: parentRef,
29
+ cssAnimationDuration,
30
+ renderHandle: ({ size, isOn, isOnTranslateClass, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_css_animation_Switch_SwitchStaticHandle.SwitchStaticHandle, {
31
+ size,
32
+ isOn,
33
+ isOnTranslateClass,
34
+ cssAnimationDuration,
35
+ disabled,
36
+ onIcon,
37
+ offIcon,
38
+ handleSlotProps
39
+ })
40
+ });
41
+ });
42
+ Switch.displayName = "Switch";
43
+ //#endregion
44
+ exports.Switch = Switch;
@@ -0,0 +1,22 @@
1
+
2
+ import { SwitchProps as SwitchProps$1 } from "../../components/client/Switch/types.cjs";
3
+ import React from "react";
4
+
5
+ //#region src/css-animation/Switch/Switch.d.ts
6
+ type SwitchProps = SwitchProps$1;
7
+ /**
8
+ * CSS-animation Switch variant. This component intentionally never imports motion.
9
+ *
10
+ * @componentType Client component
11
+ *
12
+ * @example
13
+ * ```tsx
14
+ * 'use client';
15
+ * import { Switch } from '@yahoo/uds/css-animation';
16
+ *
17
+ * <Switch label="Name" required />
18
+ * ```
19
+ */
20
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps$1 & React.RefAttributes<HTMLInputElement>>;
21
+ //#endregion
22
+ export { Switch, type SwitchProps };
@@ -0,0 +1,23 @@
1
+
2
+ "use client";
3
+ import { SwitchProps as SwitchProps$1 } from "../../components/client/Switch/types.js";
4
+ import React from "react";
5
+
6
+ //#region src/css-animation/Switch/Switch.d.ts
7
+ type SwitchProps = SwitchProps$1;
8
+ /**
9
+ * CSS-animation Switch variant. This component intentionally never imports motion.
10
+ *
11
+ * @componentType Client component
12
+ *
13
+ * @example
14
+ * ```tsx
15
+ * 'use client';
16
+ * import { Switch } from '@yahoo/uds/css-animation';
17
+ *
18
+ * <Switch label="Name" required />
19
+ * ```
20
+ */
21
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps$1 & React.RefAttributes<HTMLInputElement>>;
22
+ //#endregion
23
+ export { Switch, type SwitchProps };
@@ -0,0 +1,41 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ import { SwitchBase } from "../../components/client/Switch/SwitchBase.js";
4
+ import { SwitchStaticHandle } from "./SwitchStaticHandle.js";
5
+ import { forwardRef } from "react";
6
+ import { jsx } from "react/jsx-runtime";
7
+ //#region src/css-animation/Switch/Switch.tsx
8
+ /**
9
+ * CSS-animation Switch variant. This component intentionally never imports motion.
10
+ *
11
+ * @componentType Client component
12
+ *
13
+ * @example
14
+ * ```tsx
15
+ * 'use client';
16
+ * import { Switch } from '@yahoo/uds/css-animation';
17
+ *
18
+ * <Switch label="Name" required />
19
+ * ```
20
+ */
21
+ const Switch = forwardRef(function Switch(props, parentRef) {
22
+ const cssAnimationDuration = "duration-120";
23
+ return /* @__PURE__ */ jsx(SwitchBase, {
24
+ ...props,
25
+ ref: parentRef,
26
+ cssAnimationDuration,
27
+ renderHandle: ({ size, isOn, isOnTranslateClass, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => /* @__PURE__ */ jsx(SwitchStaticHandle, {
28
+ size,
29
+ isOn,
30
+ isOnTranslateClass,
31
+ cssAnimationDuration,
32
+ disabled,
33
+ onIcon,
34
+ offIcon,
35
+ handleSlotProps
36
+ })
37
+ });
38
+ });
39
+ Switch.displayName = "Switch";
40
+ //#endregion
41
+ export { Switch };
@@ -0,0 +1,56 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
+ require("../../_virtual/_rolldown/runtime.cjs");
5
+ const require_styles_styler = require("../../styles/styler.cjs");
6
+ const require_components_IconSlot = require("../../components/IconSlot.cjs");
7
+ const require_components_Box = require("../../components/Box.cjs");
8
+ let react_jsx_runtime = require("react/jsx-runtime");
9
+ //#region src/css-animation/Switch/SwitchStaticHandle.tsx
10
+ function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
11
+ const classNames = {
12
+ handle: require_styles_styler.getStyles({
13
+ switchSizeHandle: size,
14
+ className: require_styles_styler.cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
15
+ }),
16
+ handleCircle: require_styles_styler.getStyles({
17
+ switchVariantActiveHandle: isOn ? "on" : "off",
18
+ switchVariantHandle: "default",
19
+ className: require_styles_styler.cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
20
+ }),
21
+ handleIcon: require_styles_styler.getStyles({
22
+ switchSizeHandleIcon: size,
23
+ switchVariantHandleIcon: "default",
24
+ switchVariantActiveHandleIcon: isOn ? "on" : "off",
25
+ className: require_styles_styler.cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
26
+ })
27
+ };
28
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
29
+ className: require_styles_styler.cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
30
+ ...handleSlotProps,
31
+ children: [
32
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: classNames.handleCircle }),
33
+ onIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
34
+ icon: onIcon,
35
+ iconProps: {
36
+ variant: "fill",
37
+ size: "sm"
38
+ },
39
+ "data-testid": "on-icon",
40
+ className: require_styles_styler.cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
41
+ }),
42
+ offIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
43
+ icon: offIcon,
44
+ iconProps: {
45
+ variant: "fill",
46
+ size: "sm"
47
+ },
48
+ "data-testid": "off-icon",
49
+ className: require_styles_styler.cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
50
+ })
51
+ ]
52
+ });
53
+ }
54
+ SwitchStaticHandle.displayName = "SwitchStaticHandle";
55
+ //#endregion
56
+ exports.SwitchStaticHandle = SwitchStaticHandle;
@@ -0,0 +1,31 @@
1
+
2
+ import { SwitchSize, UniversalSwitchProps } from "../../types/dist/index.cjs";
3
+ import { DataAttributes } from "../../components/client/Switch/types.cjs";
4
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
5
+
6
+ //#region src/css-animation/Switch/SwitchStaticHandle.d.ts
7
+ type SwitchStaticHandleProps = {
8
+ size: SwitchSize;
9
+ isOn: boolean;
10
+ isOnTranslateClass: string;
11
+ cssAnimationDuration: string;
12
+ disabled?: boolean;
13
+ onIcon?: UniversalSwitchProps['onIcon'];
14
+ offIcon?: UniversalSwitchProps['offIcon'];
15
+ handleSlotProps?: DataAttributes;
16
+ };
17
+ declare function SwitchStaticHandle({
18
+ size,
19
+ isOn,
20
+ isOnTranslateClass,
21
+ cssAnimationDuration,
22
+ disabled,
23
+ onIcon,
24
+ offIcon,
25
+ handleSlotProps
26
+ }: SwitchStaticHandleProps): _$react_jsx_runtime0.JSX.Element;
27
+ declare namespace SwitchStaticHandle {
28
+ var displayName: string;
29
+ }
30
+ //#endregion
31
+ export { SwitchStaticHandle, type SwitchStaticHandleProps };
@@ -0,0 +1,32 @@
1
+
2
+ "use client";
3
+ import { SwitchSize, UniversalSwitchProps } from "../../types/dist/index.js";
4
+ import { DataAttributes } from "../../components/client/Switch/types.js";
5
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
6
+
7
+ //#region src/css-animation/Switch/SwitchStaticHandle.d.ts
8
+ type SwitchStaticHandleProps = {
9
+ size: SwitchSize;
10
+ isOn: boolean;
11
+ isOnTranslateClass: string;
12
+ cssAnimationDuration: string;
13
+ disabled?: boolean;
14
+ onIcon?: UniversalSwitchProps['onIcon'];
15
+ offIcon?: UniversalSwitchProps['offIcon'];
16
+ handleSlotProps?: DataAttributes;
17
+ };
18
+ declare function SwitchStaticHandle({
19
+ size,
20
+ isOn,
21
+ isOnTranslateClass,
22
+ cssAnimationDuration,
23
+ disabled,
24
+ onIcon,
25
+ offIcon,
26
+ handleSlotProps
27
+ }: SwitchStaticHandleProps): _$react_jsx_runtime0.JSX.Element;
28
+ declare namespace SwitchStaticHandle {
29
+ var displayName: string;
30
+ }
31
+ //#endregion
32
+ export { SwitchStaticHandle, type SwitchStaticHandleProps };
@@ -0,0 +1,54 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ import { cx, getStyles } from "../../styles/styler.js";
4
+ import { IconSlot } from "../../components/IconSlot.js";
5
+ import { Box } from "../../components/Box.js";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
7
+ //#region src/css-animation/Switch/SwitchStaticHandle.tsx
8
+ function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
9
+ const classNames = {
10
+ handle: getStyles({
11
+ switchSizeHandle: size,
12
+ className: cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
13
+ }),
14
+ handleCircle: getStyles({
15
+ switchVariantActiveHandle: isOn ? "on" : "off",
16
+ switchVariantHandle: "default",
17
+ className: cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
18
+ }),
19
+ handleIcon: getStyles({
20
+ switchSizeHandleIcon: size,
21
+ switchVariantHandleIcon: "default",
22
+ switchVariantActiveHandleIcon: isOn ? "on" : "off",
23
+ className: cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
24
+ })
25
+ };
26
+ return /* @__PURE__ */ jsxs(Box, {
27
+ className: cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
28
+ ...handleSlotProps,
29
+ children: [
30
+ /* @__PURE__ */ jsx(Box, { className: classNames.handleCircle }),
31
+ onIcon && /* @__PURE__ */ jsx(IconSlot, {
32
+ icon: onIcon,
33
+ iconProps: {
34
+ variant: "fill",
35
+ size: "sm"
36
+ },
37
+ "data-testid": "on-icon",
38
+ className: cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
39
+ }),
40
+ offIcon && /* @__PURE__ */ jsx(IconSlot, {
41
+ icon: offIcon,
42
+ iconProps: {
43
+ variant: "fill",
44
+ size: "sm"
45
+ },
46
+ "data-testid": "off-icon",
47
+ className: cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
48
+ })
49
+ ]
50
+ });
51
+ }
52
+ SwitchStaticHandle.displayName = "SwitchStaticHandle";
53
+ //#endregion
54
+ export { SwitchStaticHandle };
@@ -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_css_animation_Switch_Switch = require("./Switch.cjs");
5
+ exports.Switch = require_css_animation_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,9 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
+ const require_css_animation_Button_Button = require("./Button/Button.cjs");
5
+ const require_css_animation_IconButton_IconButton = require("./IconButton/IconButton.cjs");
6
+ const require_css_animation_Switch_Switch = require("./Switch/Switch.cjs");
7
+ exports.Button = require_css_animation_Button_Button.Button;
8
+ exports.IconButton = require_css_animation_IconButton_IconButton.IconButton;
9
+ exports.Switch = require_css_animation_Switch_Switch.Switch;
@@ -0,0 +1,7 @@
1
+
2
+ import { ButtonProps } from "../components/client/Button/Button.cjs";
3
+ import { IconButtonProps } from "../components/client/IconButton/IconButton.cjs";
4
+ import { Button } from "./Button/Button.cjs";
5
+ import { IconButton } from "./IconButton/IconButton.cjs";
6
+ import { Switch, SwitchProps } from "./Switch/Switch.cjs";
7
+ export { Button, type ButtonProps, IconButton, type IconButtonProps, Switch, type SwitchProps };
@@ -0,0 +1,8 @@
1
+
2
+ "use client";
3
+ import { ButtonProps } from "../components/client/Button/Button.js";
4
+ import { IconButtonProps } from "../components/client/IconButton/IconButton.js";
5
+ import { Button } from "./Button/Button.js";
6
+ import { IconButton } from "./IconButton/IconButton.js";
7
+ import { Switch, SwitchProps } from "./Switch/Switch.js";
8
+ export { Button, type ButtonProps, IconButton, type IconButtonProps, Switch, type SwitchProps };
@@ -0,0 +1,6 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ "use client";
3
+ import { Button } from "./Button/Button.js";
4
+ import { IconButton } from "./IconButton/IconButton.js";
5
+ import { Switch } from "./Switch/Switch.js";
6
+ export { Button, IconButton, Switch };
@@ -0,0 +1,36 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ require("../_virtual/_rolldown/runtime.cjs");
4
+ let react = require("react");
5
+ //#region src/hooks/usePrefersReducedMotion.ts
6
+ const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
7
+ /**
8
+ * Module-level singleton store so every consumer of the hook shares a single
9
+ * MediaQueryList `change` listener instead of registering one per hook instance.
10
+ */
11
+ const subscribers = /* @__PURE__ */ new Set();
12
+ let mediaQueryList = null;
13
+ const getMediaQueryList = () => {
14
+ if (!mediaQueryList && typeof window !== "undefined" && typeof window.matchMedia === "function") mediaQueryList = window.matchMedia(REDUCED_MOTION_QUERY);
15
+ return mediaQueryList;
16
+ };
17
+ const notifySubscribers = () => {
18
+ subscribers.forEach((notify) => notify());
19
+ };
20
+ const subscribe = (notify) => {
21
+ const currentMediaQueryList = getMediaQueryList();
22
+ if (currentMediaQueryList && subscribers.size === 0) currentMediaQueryList.addEventListener("change", notifySubscribers);
23
+ subscribers.add(notify);
24
+ return () => {
25
+ subscribers.delete(notify);
26
+ if (subscribers.size === 0 && mediaQueryList) {
27
+ mediaQueryList.removeEventListener("change", notifySubscribers);
28
+ mediaQueryList = null;
29
+ }
30
+ };
31
+ };
32
+ const getSnapshot = () => getMediaQueryList()?.matches ?? false;
33
+ const getServerSnapshot = () => false;
34
+ const usePrefersReducedMotion = () => (0, react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
35
+ //#endregion
36
+ exports.usePrefersReducedMotion = usePrefersReducedMotion;
@@ -0,0 +1,5 @@
1
+
2
+ //#region src/hooks/usePrefersReducedMotion.d.ts
3
+ declare const usePrefersReducedMotion: () => boolean;
4
+ //#endregion
5
+ export { usePrefersReducedMotion };
@@ -0,0 +1,5 @@
1
+
2
+ //#region src/hooks/usePrefersReducedMotion.d.ts
3
+ declare const usePrefersReducedMotion: () => boolean;
4
+ //#endregion
5
+ export { usePrefersReducedMotion };
@@ -0,0 +1,34 @@
1
+ /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
+ import { useSyncExternalStore } from "react";
3
+ //#region src/hooks/usePrefersReducedMotion.ts
4
+ const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
5
+ /**
6
+ * Module-level singleton store so every consumer of the hook shares a single
7
+ * MediaQueryList `change` listener instead of registering one per hook instance.
8
+ */
9
+ const subscribers = /* @__PURE__ */ new Set();
10
+ let mediaQueryList = null;
11
+ const getMediaQueryList = () => {
12
+ if (!mediaQueryList && typeof window !== "undefined" && typeof window.matchMedia === "function") mediaQueryList = window.matchMedia(REDUCED_MOTION_QUERY);
13
+ return mediaQueryList;
14
+ };
15
+ const notifySubscribers = () => {
16
+ subscribers.forEach((notify) => notify());
17
+ };
18
+ const subscribe = (notify) => {
19
+ const currentMediaQueryList = getMediaQueryList();
20
+ if (currentMediaQueryList && subscribers.size === 0) currentMediaQueryList.addEventListener("change", notifySubscribers);
21
+ subscribers.add(notify);
22
+ return () => {
23
+ subscribers.delete(notify);
24
+ if (subscribers.size === 0 && mediaQueryList) {
25
+ mediaQueryList.removeEventListener("change", notifySubscribers);
26
+ mediaQueryList = null;
27
+ }
28
+ };
29
+ };
30
+ const getSnapshot = () => getMediaQueryList()?.matches ?? false;
31
+ const getServerSnapshot = () => false;
32
+ const usePrefersReducedMotion = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
33
+ //#endregion
34
+ export { usePrefersReducedMotion };
package/dist/index.cjs CHANGED
@@ -33,6 +33,7 @@ const require_components_client_BottomSheet_BottomSheetDismiss = require("./comp
33
33
  const require_components_client_BottomSheet_BottomSheetHeader = require("./components/client/BottomSheet/BottomSheetHeader.cjs");
34
34
  const require_components_client_BottomSheet_BottomSheetProvider = require("./components/client/BottomSheet/BottomSheetProvider.cjs");
35
35
  const require_components_client_BottomSheet_BottomSheetTrigger = require("./components/client/BottomSheet/BottomSheetTrigger.cjs");
36
+ const require_components_client_SpringMotionConfig = require("./components/client/SpringMotionConfig.cjs");
36
37
  const require_entries = require("./utils/dist/entries.cjs");
37
38
  const require_fromEntries = require("./utils/dist/fromEntries.cjs");
38
39
  const require_mapValues = require("./utils/dist/mapValues.cjs");
@@ -61,15 +62,14 @@ const require_getConfigVariants = require("./automated-config/dist/utils/getConf
61
62
  const require_getPaginationControlWidthPx = require("./automated-config/dist/utils/getPaginationControlWidthPx.cjs");
62
63
  const require_isConfiguratorPropertyVisible = require("./automated-config/dist/utils/isConfiguratorPropertyVisible.cjs");
63
64
  const require_index$2 = require("./automated-config/dist/utils/index.cjs");
64
- const require_components_client_SpringMotionConfig = require("./components/client/SpringMotionConfig.cjs");
65
- const require_components_client_Button = require("./components/client/Button.cjs");
65
+ const require_components_client_Button_Button = require("./components/client/Button/Button.cjs");
66
66
  const require_components_client_Checkbox = require("./components/client/Checkbox.cjs");
67
67
  const require_components_client_Chip_ChipButton = require("./components/client/Chip/ChipButton.cjs");
68
68
  const require_components_client_Chip_ChipDismissible = require("./components/client/Chip/ChipDismissible.cjs");
69
69
  const require_components_client_Chip_ChipLink = require("./components/client/Chip/ChipLink.cjs");
70
70
  const require_components_client_Chip_ChipToggle = require("./components/client/Chip/ChipToggle.cjs");
71
71
  const require_components_client_Chip_Chip = require("./components/client/Chip/Chip.cjs");
72
- const require_components_client_IconButton = require("./components/client/IconButton.cjs");
72
+ const require_components_client_IconButton_IconButton = require("./components/client/IconButton/IconButton.cjs");
73
73
  const require_components_client_Input_Input = require("./components/client/Input/Input.cjs");
74
74
  const require_components_client_Input_InputHelpText = require("./components/client/Input/InputHelpText.cjs");
75
75
  const require_components_client_Menu_Menu_index = require("./components/client/Menu/Menu.index.cjs");
@@ -113,7 +113,7 @@ const require_components_client_Select_Select = require("./components/client/Sel
113
113
  const require_components_client_Select_SelectContent = require("./components/client/Select/SelectContent.cjs");
114
114
  const require_components_client_Select_SelectDivider = require("./components/client/Select/SelectDivider.cjs");
115
115
  const require_components_client_Select_SelectItem = require("./components/client/Select/SelectItem.cjs");
116
- const require_components_client_Switch = require("./components/client/Switch.cjs");
116
+ const require_components_client_Switch_Switch = require("./components/client/Switch/Switch.cjs");
117
117
  const require_components_client_Tabs_Tab = require("./components/client/Tabs/Tab.cjs");
118
118
  const require_components_client_Tabs_TabList = require("./components/client/Tabs/TabList.cjs");
119
119
  const require_components_client_Tabs_TabPanel = require("./components/client/Tabs/TabPanel.cjs");
@@ -167,7 +167,7 @@ exports.BottomSheetHeader = require_components_client_BottomSheet_BottomSheetHea
167
167
  exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider;
168
168
  exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
169
169
  exports.Box = require_components_Box.Box;
170
- exports.Button = require_components_client_Button.Button;
170
+ exports.Button = require_components_client_Button_Button.Button;
171
171
  exports.ButtonConfig = require_generatedConfigs.ButtonConfig;
172
172
  exports.Checkbox = require_components_client_Checkbox.Checkbox;
173
173
  exports.CheckboxConfig = require_generatedConfigs.CheckboxConfig;
@@ -204,7 +204,7 @@ exports.INSET_SHADOW_PREFIX = require_index$1.INSET_SHADOW_PREFIX;
204
204
  exports.INTERACTIVE_ATOMICS = require_StateAxis.INTERACTIVE_ATOMICS;
205
205
  exports.INVERT_COLOR_MODE_CLASSNAME = require_index$1.INVERT_COLOR_MODE_CLASSNAME;
206
206
  exports.Icon = require_components_Icon.Icon;
207
- exports.IconButton = require_components_client_IconButton.IconButton;
207
+ exports.IconButton = require_components_client_IconButton_IconButton.IconButton;
208
208
  exports.IconButtonConfig = require_generatedConfigs.IconButtonConfig;
209
209
  exports.Image = require_components_Image.Image;
210
210
  exports.Input = require_components_client_Input_Input.Input;
@@ -273,7 +273,7 @@ exports.SelectDivider = require_components_client_Select_SelectDivider.SelectDiv
273
273
  exports.SelectItem = require_components_client_Select_SelectItem.SelectItem;
274
274
  exports.SelectItemConfig = require_generatedConfigs.SelectItemConfig;
275
275
  exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
276
- exports.Switch = require_components_client_Switch.Switch;
276
+ exports.Switch = require_components_client_Switch_Switch.Switch;
277
277
  exports.SwitchConfig = require_generatedConfigs.SwitchConfig;
278
278
  exports.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = require_index$1.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES;
279
279
  exports.TEXT_RESPONSIVE_CLASSNAME = require_index$1.TEXT_RESPONSIVE_CLASSNAME;
package/dist/index.d.cts CHANGED
@@ -75,14 +75,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./components/client/B
75
75
  import { BottomSheetProvider, BottomSheetProviderProps } from "./components/client/BottomSheet/BottomSheetProvider.cjs";
76
76
  import { BottomSheetTrigger, BottomSheetTriggerProps } from "./components/client/BottomSheet/BottomSheetTrigger.cjs";
77
77
  import { UDSBottomSheetConfigContextType, configToBottomSheetConfigContext } from "./runtime/bottomSheetConfig.cjs";
78
- import { Button, ButtonProps } from "./components/client/Button.cjs";
78
+ import { Button, ButtonProps } from "./components/client/Button/Button.cjs";
79
79
  import { Checkbox, CheckboxProps } from "./components/client/Checkbox.cjs";
80
80
  import { Chip, ChipProps } from "./components/client/Chip/Chip.cjs";
81
81
  import { ChipButton, ChipButtonProps } from "./components/client/Chip/ChipButton.cjs";
82
82
  import { ChipDismissible, ChipDismissibleProps } from "./components/client/Chip/ChipDismissible.cjs";
83
83
  import { ChipLink, ChipLinkProps } from "./components/client/Chip/ChipLink.cjs";
84
84
  import { ChipToggle, ChipToggleProps } from "./components/client/Chip/ChipToggle.cjs";
85
- import { IconButton, IconButtonProps } from "./components/client/IconButton.cjs";
85
+ import { IconButton, IconButtonProps } from "./components/client/IconButton/IconButton.cjs";
86
86
  import { Input, InputProps } from "./components/client/Input/Input.cjs";
87
87
  import { InputHelpText, InputHelpTextProps } from "./components/client/Input/InputHelpText.cjs";
88
88
  import { MenuContentProps } from "./components/client/Menu/Menu.Content.cjs";
@@ -129,7 +129,7 @@ import { Select, SelectProps } from "./components/client/Select/Select.cjs";
129
129
  import { SelectContent, SelectContentProps } from "./components/client/Select/SelectContent.cjs";
130
130
  import { SelectDivider, SelectDividerProps } from "./components/client/Select/SelectDivider.cjs";
131
131
  import { SelectItem, SelectItemProps } from "./components/client/Select/SelectItem.cjs";
132
- import { Switch, SwitchProps } from "./components/client/Switch.cjs";
132
+ import { Switch, SwitchProps } from "./components/client/Switch/Switch.cjs";
133
133
  import { Tab, TabProps } from "./components/client/Tabs/Tab.cjs";
134
134
  import { TabList, TabListProps } from "./components/client/Tabs/TabList.cjs";
135
135
  import { TabPanel, TabPanelProps } from "./components/client/Tabs/TabPanel.cjs";
package/dist/index.d.ts CHANGED
@@ -75,14 +75,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./components/client/B
75
75
  import { BottomSheetProvider, BottomSheetProviderProps } from "./components/client/BottomSheet/BottomSheetProvider.js";
76
76
  import { BottomSheetTrigger, BottomSheetTriggerProps } from "./components/client/BottomSheet/BottomSheetTrigger.js";
77
77
  import { UDSBottomSheetConfigContextType, configToBottomSheetConfigContext } from "./runtime/bottomSheetConfig.js";
78
- import { Button, ButtonProps } from "./components/client/Button.js";
78
+ import { Button, ButtonProps } from "./components/client/Button/Button.js";
79
79
  import { Checkbox, CheckboxProps } from "./components/client/Checkbox.js";
80
80
  import { Chip, ChipProps } from "./components/client/Chip/Chip.js";
81
81
  import { ChipButton, ChipButtonProps } from "./components/client/Chip/ChipButton.js";
82
82
  import { ChipDismissible, ChipDismissibleProps } from "./components/client/Chip/ChipDismissible.js";
83
83
  import { ChipLink, ChipLinkProps } from "./components/client/Chip/ChipLink.js";
84
84
  import { ChipToggle, ChipToggleProps } from "./components/client/Chip/ChipToggle.js";
85
- import { IconButton, IconButtonProps } from "./components/client/IconButton.js";
85
+ import { IconButton, IconButtonProps } from "./components/client/IconButton/IconButton.js";
86
86
  import { Input, InputProps } from "./components/client/Input/Input.js";
87
87
  import { InputHelpText, InputHelpTextProps } from "./components/client/Input/InputHelpText.js";
88
88
  import { MenuContentProps } from "./components/client/Menu/Menu.Content.js";
@@ -129,7 +129,7 @@ import { Select, SelectProps } from "./components/client/Select/Select.js";
129
129
  import { SelectContent, SelectContentProps } from "./components/client/Select/SelectContent.js";
130
130
  import { SelectDivider, SelectDividerProps } from "./components/client/Select/SelectDivider.js";
131
131
  import { SelectItem, SelectItemProps } from "./components/client/Select/SelectItem.js";
132
- import { Switch, SwitchProps } from "./components/client/Switch.js";
132
+ import { Switch, SwitchProps } from "./components/client/Switch/Switch.js";
133
133
  import { Tab, TabProps } from "./components/client/Tabs/Tab.js";
134
134
  import { TabList, TabListProps } from "./components/client/Tabs/TabList.js";
135
135
  import { TabPanel, TabPanelProps } from "./components/client/Tabs/TabPanel.js";
package/dist/index.js CHANGED
@@ -32,6 +32,7 @@ import { BottomSheetDismiss } from "./components/client/BottomSheet/BottomSheetD
32
32
  import { BottomSheetHeader } from "./components/client/BottomSheet/BottomSheetHeader.js";
33
33
  import { BottomSheetProvider } from "./components/client/BottomSheet/BottomSheetProvider.js";
34
34
  import { BottomSheetTrigger } from "./components/client/BottomSheet/BottomSheetTrigger.js";
35
+ import { SpringMotionConfig } from "./components/client/SpringMotionConfig.js";
35
36
  import { entries } from "./utils/dist/entries.js";
36
37
  import { fromEntries } from "./utils/dist/fromEntries.js";
37
38
  import { mapValues } from "./utils/dist/mapValues.js";
@@ -60,15 +61,14 @@ import { getConfigVariants } from "./automated-config/dist/utils/getConfigVarian
60
61
  import { getPaginationControlWidthPx, syncPaginationWidthVarForSize } from "./automated-config/dist/utils/getPaginationControlWidthPx.js";
61
62
  import { isConfiguratorPropertyVisible } from "./automated-config/dist/utils/isConfiguratorPropertyVisible.js";
62
63
  import { applyBoxShadowBorder, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, mergeUniversalUnderOverride, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.js";
63
- import { SpringMotionConfig } from "./components/client/SpringMotionConfig.js";
64
- import { Button } from "./components/client/Button.js";
64
+ import { Button } from "./components/client/Button/Button.js";
65
65
  import { Checkbox } from "./components/client/Checkbox.js";
66
66
  import { ChipButton } from "./components/client/Chip/ChipButton.js";
67
67
  import { ChipDismissible } from "./components/client/Chip/ChipDismissible.js";
68
68
  import { ChipLink } from "./components/client/Chip/ChipLink.js";
69
69
  import { ChipToggle } from "./components/client/Chip/ChipToggle.js";
70
70
  import { Chip } from "./components/client/Chip/Chip.js";
71
- import { IconButton } from "./components/client/IconButton.js";
71
+ import { IconButton } from "./components/client/IconButton/IconButton.js";
72
72
  import { Input } from "./components/client/Input/Input.js";
73
73
  import { InputHelpText } from "./components/client/Input/InputHelpText.js";
74
74
  import { Menu_index_exports } from "./components/client/Menu/Menu.index.js";
@@ -112,7 +112,7 @@ import { Select } from "./components/client/Select/Select.js";
112
112
  import { SelectContent } from "./components/client/Select/SelectContent.js";
113
113
  import { SelectDivider } from "./components/client/Select/SelectDivider.js";
114
114
  import { SelectItem } from "./components/client/Select/SelectItem.js";
115
- import { Switch } from "./components/client/Switch.js";
115
+ import { Switch } from "./components/client/Switch/Switch.js";
116
116
  import { Tab } from "./components/client/Tabs/Tab.js";
117
117
  import { TabList } from "./components/client/Tabs/TabList.js";
118
118
  import { TabPanel } from "./components/client/Tabs/TabPanel.js";