@yahoo/uds 3.59.0-beta.1 → 3.59.0

package/dist/components/client/SpringMotionConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpringMotionConfig.js","names":[],"sources":["../../../src/components/client/SpringMotionConfig.tsx"],"sourcesContent":["import type { MotionVariant, MotionVariantSpeed } from '@yahoo/uds/tokens';\nimport type { LazyFeatureBundle, MotionConfigProps, Transition } from 'motion/react';\nimport { LazyMotion, MotionConfig } from 'motion/react';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport { motion } from '../../tokens/configs/motion';\nimport { getMotionVar } from '../../utils/getMotionVar';\nimport { useAvoidMotionLibrary } from '../experimental/client/AvoidMotionLibraryProvider';\n\n// !NOTE: This is probably one of those _internal_ components\n\n/* -------------------------------------------------------------------------- */\n/*        Token defaults - these may one day come from the configurator       */\n/* -------------------------------------------------------------------------- */\nconst LAYOUT_VARIANT = 'subtle';\nconst LAYOUT_SPEED = '3';\nconst COLOR_VARIANT = 'smooth';\nconst COLOR_SPEED = '3';\n\n/* -------------------------------------------------------------------------- */\n/*                           Framer motion features                           */\n/* -------------------------------------------------------------------------- */\nconst defaultLoadFeatures = () =>\n  import('@yahoo/uds/__private/motionFeatures/domAnimation').then(\n    ({ domAnimation }) => domAnimation,\n  );\n\n/* -------------------------------------------------------------------------- */\n/*                Whooooof, finally the Spring Motion Component               */\n/* -------------------------------------------------------------------------- */\ninterface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {\n  /**\n   * The layout variant to use for the motion config.\n   * @default 'subtle'\n   */\n  layoutVariant?: MotionVariant;\n  /**\n   * The layout speed to use for the motion config.\n   * @default '3'\n   */\n  layoutSpeed?: MotionVariantSpeed;\n  /**\n   * The color variant to use for the motion config.\n   * @default 'smooth'\n   */\n  colorVariant?: MotionVariant;\n  /**\n   * The color speed to use for the motion config.\n   * @default '3'\n   */\n  colorSpeed?: MotionVariantSpeed;\n  /**\n   * A lazy feature bundle to load additional features.\n   * This is useful for reducing bundle size by loading only the necessary features.\n   */\n  loadFeatures?: LazyFeatureBundle;\n}\n\n/**\n * **🎬 Spring Motion Config to define motion animations for all UDS components**\n *\n * @componentType Client component\n *\n * @description\n * The SpringConfig component provides a way to configure the spring animations for the entire application.\n * This component provides a way to use uds motion configs with Framer Motion.\n */\nfunction SpringMotionConfig({\n  children,\n  reducedMotion = 'user',\n  loadFeatures = defaultLoadFeatures,\n  layoutVariant = LAYOUT_VARIANT,\n  layoutSpeed = LAYOUT_SPEED,\n  colorVariant = COLOR_VARIANT,\n  colorSpeed = COLOR_SPEED,\n}: SpringMotionConfigProps) {\n  const initialLayoutConfig = motion[layoutVariant][layoutSpeed];\n  const initialColorConfig = motion[colorVariant][colorSpeed];\n\n  // We need to store the values in state because they're read from the DOM\n  const [layoutConfig, setLayoutConfig] = useState(initialLayoutConfig);\n  const [colorConfig, setColorConfig] = useState(initialColorConfig);\n\n  /* -------------------------------------------------------------------------- */\n  /*              Color motion config (background, color, opacity)              */\n  /* -------------------------------------------------------------------------- */\n  const colorVarConfig = { variant: colorVariant, speed: colorSpeed };\n  const colorStiffnessVar = getMotionVar({ ...colorVarConfig, control: 'stiffness' });\n  const colorDampingVar = getMotionVar({ ...colorVarConfig, control: 'damping' });\n\n  /* -------------------------------------------------------------------------- */\n  /*                Layout motion config (scale, position, shape)               */\n  /* -------------------------------------------------------------------------- */\n  const layoutVarConfig = { variant: layoutVariant, speed: layoutSpeed };\n  const layoutStiffnessVar = getMotionVar({ ...layoutVarConfig, control: 'stiffness' });\n  const layoutDampingVar = getMotionVar({ ...layoutVarConfig, control: 'damping' });\n\n  useEffect(() => {\n    // getComputedStyle is only available in the browser, so we'll keep it inside the useEffect hook\n    const globalComputedStyles = getComputedStyle(document.documentElement);\n\n    // Get from the root (DOM)\n    const layoutValues = {\n      type: 'spring',\n      damping: Number(globalComputedStyles.getPropertyValue(layoutDampingVar)),\n      stiffness: Number(globalComputedStyles.getPropertyValue(layoutStiffnessVar)),\n    };\n    const colorValues = {\n      type: 'spring',\n      damping: Number(globalComputedStyles.getPropertyValue(colorDampingVar)),\n      stiffness: Number(globalComputedStyles.getPropertyValue(colorStiffnessVar)),\n    };\n\n    // Set motion states\n    setLayoutConfig(layoutValues);\n    setColorConfig(colorValues);\n  }, [colorDampingVar, colorStiffnessVar, layoutDampingVar, layoutStiffnessVar]);\n\n  const transition = useMemo(\n    () =>\n      ({\n        type: 'spring',\n        mass: 1, // Each motion component should define their own mass\n        ...layoutConfig, // Use layout as default transition\n        layout: layoutConfig,\n        // Setup Color animations\n        opacity: colorConfig,\n        color: colorConfig,\n        borderColor: colorConfig,\n        backgroundColor: colorConfig,\n      }) satisfies Transition,\n    [colorConfig, layoutConfig],\n  );\n\n  const avoidMotionLibrary = useAvoidMotionLibrary();\n  if (avoidMotionLibrary) {\n    return children;\n  }\n\n  return (\n    <LazyMotion features={loadFeatures} strict>\n      <MotionConfig transition={transition} reducedMotion={reducedMotion}>\n        {children}\n      </MotionConfig>\n    </LazyMotion>\n  );\n}\n\nSpringMotionConfig.displayName = 'SpringMotionConfig';\n\nexport { SpringMotionConfig, type SpringMotionConfigProps };\n"],"mappings":";;;;;;;;;AAcA,MAAM,iBAAiB;AACvB,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AAKpB,MAAM,4BACJ,OAAO,oDAAoD,MACxD,EAAE,mBAAmB,aACvB;;;;;;;;;;AA0CH,SAAS,mBAAmB,EAC1B,UACA,gBAAgB,QAChB,eAAe,qBACf,gBAAgB,gBAChB,cAAc,cACd,eAAe,eACf,aAAa,eACa;CAC1B,MAAM,sBAAsB,OAAO,eAAe;CAClD,MAAM,qBAAqB,OAAO,cAAc;CAGhD,MAAM,CAAC,cAAc,mBAAmB,SAAS,oBAAoB;CACrE,MAAM,CAAC,aAAa,kBAAkB,SAAS,mBAAmB;CAKlE,MAAM,iBAAiB;EAAE,SAAS;EAAc,OAAO;EAAY;CACnE,MAAM,oBAAoB,aAAa;EAAE,GAAG;EAAgB,SAAS;EAAa,CAAC;CACnF,MAAM,kBAAkB,aAAa;EAAE,GAAG;EAAgB,SAAS;EAAW,CAAC;CAK/E,MAAM,kBAAkB;EAAE,SAAS;EAAe,OAAO;EAAa;CACtE,MAAM,qBAAqB,aAAa;EAAE,GAAG;EAAiB,SAAS;EAAa,CAAC;CACrF,MAAM,mBAAmB,aAAa;EAAE,GAAG;EAAiB,SAAS;EAAW,CAAC;AAEjF,iBAAgB;EAEd,MAAM,uBAAuB,iBAAiB,SAAS,gBAAgB;EAGvE,MAAM,eAAe;GACnB,MAAM;GACN,SAAS,OAAO,qBAAqB,iBAAiB,iBAAiB,CAAC;GACxE,WAAW,OAAO,qBAAqB,iBAAiB,mBAAmB,CAAC;GAC7E;EACD,MAAM,cAAc;GAClB,MAAM;GACN,SAAS,OAAO,qBAAqB,iBAAiB,gBAAgB,CAAC;GACvE,WAAW,OAAO,qBAAqB,iBAAiB,kBAAkB,CAAC;GAC5E;AAGD,kBAAgB,aAAa;AAC7B,iBAAe,YAAY;IAC1B;EAAC;EAAiB;EAAmB;EAAkB;EAAmB,CAAC;CAE9E,MAAM,aAAa,eAEd;EACC,MAAM;EACN,MAAM;EACN,GAAG;EACH,QAAQ;EAER,SAAS;EACT,OAAO;EACP,aAAa;EACb,iBAAiB;EAClB,GACH,CAAC,aAAa,aAAa,CAC5B;AAGD,KAD2B,uBAAuB,CAEhD,QAAO;AAGT,QACE,oBAAC;EAAW,UAAU;EAAc;YAClC,oBAAC;GAAyB;GAA2B;GAClD;IACY;GACJ;;AAIjB,mBAAmB,cAAc"}

package/dist/components/client/Switch.cjs

@@ -1,218 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_styles_styler = require('../../styles/styler.cjs');
-const require_components_Box = require('../Box.cjs');
-const require_components_FormLabel = require('../FormLabel.cjs');
-const require_components_IconSlot = require('../IconSlot.cjs');
-const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let motion_react = require("motion/react");
-
-//#region src/components/client/Switch.tsx
-const SIZE_MAP = {
-	md: { isOnX: 20 },
-	sm: { isOnX: 12 }
-};
-const MotionBox = motion_react.m.create(require_components_Box.Box);
-const toggleTransition = {
-	layoutVariant: "bouncy",
-	layoutSpeed: "4"
-};
-/**
-* **⚙️️ An switch.
-*
-* @componentType Client component
-*
-* @description
-* A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
-*
-* @see
-* Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
-*
-* @usage
-* - Forms: switch
-*
-* @example
-* ```tsx
-* 'use client';
-* import { Switch } from "@yahoo/uds";
-*
-* <Switch label="Name" required />
-*```
-*
-* @related [Checkbox](https://uds.build/docs/components/checkbox).
-**/
-const Switch = (0, react.forwardRef)(function Switch$1({ id, isOn: isOnProp, defaultIsOn, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, reduceMotion: forceReduceMotion, disabled, required, onFocus, onBlur, className, layerClassNames,...switchProps }, parentRef) {
-	const generatedId = (0, react.useId)();
-	const uid = id ?? `uds-input-${generatedId}`;
-	const innerRef = (0, react.useRef)(null);
-	/**
-	* State
-	*/
-	const isControlled = isOnProp !== void 0;
-	const [isOn, setIsOn] = (0, react.useState)(isControlled ? isOnProp : defaultIsOn);
-	const [isHovered, setIsHovered] = (0, react.useState)(false);
-	/**
-	* Derived values
-	*/
-	const showHoverEffect = (0, react.useMemo)(() => {
-		return !disabled && isHovered;
-	}, [disabled, isHovered]);
-	const { isOnX } = SIZE_MAP[size];
-	const motionInitialAndAnimate = (0, react.useMemo)(() => ({
-		initial: {
-			scale: 1,
-			x: isOn ? isOnX : 0
-		},
-		animate: {
-			scale: showHoverEffect ? 1.05 : 1,
-			x: isOn ? isOnX : 0
-		}
-	}), [
-		showHoverEffect,
-		isOn,
-		isOnX
-	]);
-	/**
-	* Handlers
-	*/
-	const handleChange = (0, react.useCallback)((e) => {
-		onChange?.(e);
-		if (!isControlled) setIsOn(e.target.checked);
-	}, [isControlled, onChange]);
-	const handleFocus = (0, react.useCallback)((e) => {
-		onFocus?.(e);
-	}, [onFocus]);
-	const handleBlur = (0, react.useCallback)((e) => {
-		onBlur?.(e);
-	}, [onBlur]);
-	const handleHoverStart = (0, react.useCallback)(() => {
-		setIsHovered(true);
-	}, []);
-	const handleHoverEnd = (0, react.useCallback)(() => {
-		setIsHovered(false);
-	}, []);
-	const prefersReducedMotion = (0, motion_react.useReducedMotion)();
-	const reduceMotion = forceReduceMotion ? "always" : "user";
-	const cssAnimationDuration = prefersReducedMotion || forceReduceMotion ? "duration-0" : "duration-120";
-	/**
-	* Effects
-	*/
-	(0, react.useEffect)(() => {
-		if (isControlled) setIsOn(isOnProp);
-	}, [isOnProp, isControlled]);
-	const classNames = {
-		root: require_styles_styler.getStyles({
-			switchSizeRoot: size,
-			switchVariantRoot: "default",
-			switchVariantActiveRoot: isOn ? "on" : "off",
-			display: "flex",
-			flexDirection: labelPosition === "start" ? "row" : "row-reverse",
-			alignItems: "center",
-			className: require_styles_styler.cx("group", {
-				"cursor-pointer": !disabled,
-				"cursor-default": disabled,
-				"opacity-50": disabled
-			}, layerClassNames?.root, className)
-		}),
-		switch: require_styles_styler.getStyles({
-			switchVariantSwitch: "default",
-			switchSizeSwitch: size,
-			switchVariantActiveSwitch: isOn ? "on" : "off",
-			borderRadius: "full",
-			position: "relative",
-			alignItems: "center",
-			className: require_styles_styler.cx("uds-ring", "uds-ring-within", cssAnimationDuration, "transition-[background-color,box-shadow]", layerClassNames?.switch)
-		}),
-		handle: require_styles_styler.getStyles({
-			switchSizeHandle: size,
-			className: require_styles_styler.cx("relative", "pointer-events-none", "rounded-full", "overflow-hidden", layerClassNames?.handle)
-		}),
-		handleCircle: require_styles_styler.getStyles({
-			switchVariantActiveHandle: isOn ? "on" : "off",
-			switchVariantHandle: "default",
-			className: require_styles_styler.cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95 group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
-		}),
-		handleIcon: require_styles_styler.getStyles({
-			switchSizeHandleIcon: size,
-			switchVariantHandleIcon: "default",
-			switchVariantActiveHandleIcon: isOn ? "on" : "off",
-			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)
-	};
-	const RootElement = label ? motion_react.m.label : motion_react.m.div;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_SpringMotionConfig.SpringMotionConfig, {
-		reducedMotion: reduceMotion,
-		...toggleTransition,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(RootElement, {
-			className: classNames.root,
-			"data-testid": "container",
-			onHoverStart: handleHoverStart,
-			onHoverEnd: handleHoverEnd,
-			tabIndex: -1,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MotionBox, {
-				className: classNames.switch,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					type: "checkbox",
-					tabIndex: 0,
-					...switchProps,
-					ref: (ref) => {
-						innerRef.current = ref;
-						if (typeof parentRef === "function") parentRef(ref);
-						else if (parentRef !== null) parentRef.current = ref;
-					},
-					onFocus: handleFocus,
-					onBlur: handleBlur,
-					id: uid,
-					disabled,
-					required,
-					checked: isControlled ? isOn : void 0,
-					defaultChecked: isControlled ? void 0 : defaultIsOn,
-					onChange: handleChange,
-					className: classNames.htmlCheckbox,
-					style: {}
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MotionBox, {
-					className: classNames.handle,
-					...motionInitialAndAnimate,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: classNames.handleCircle }),
-						onIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-							icon: onIcon,
-							iconProps: {
-								variant: "fill",
-								size: "sm"
-							},
-							"data-testid": "on-icon",
-							className: require_styles_styler.cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
-						}),
-						offIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-							icon: offIcon,
-							iconProps: {
-								variant: "fill",
-								size: "sm"
-							},
-							"data-testid": "off-icon",
-							className: require_styles_styler.cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
-						})
-					]
-				})]
-			}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_FormLabel.FormLabel, {
-				as: "div",
-				variant: "inherit",
-				color: "inherit",
-				required,
-				label,
-				className: classNames.label
-			})]
-		})
-	});
-});
-Switch.displayName = "Switch";
-
-//#endregion
-exports.Switch = Switch;

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

@@ -1,42 +0,0 @@
-import { UniversalSwitchProps } from "../../tokens/types.cjs";
-import "../../tokens/index.cjs";
-import React from "react";
-
-//#region src/components/client/Switch.d.ts
-type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
-interface SwitchProps extends NativeInputProps, UniversalSwitchProps {
-  layerClassNames?: {
-    root?: string;
-    switch?: string;
-    handle?: string;
-    label?: string;
-  };
-}
-/**
- * **⚙️️ An switch.
- *
- * @componentType Client component
- *
- * @description
- * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
- *
- * @usage
- * - Forms: switch
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Switch } from "@yahoo/uds";
- *
- * <Switch label="Name" required />
- *```
- *
- * @related [Checkbox](https://uds.build/docs/components/checkbox).
- **/
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-//#endregion
-export { Switch, type SwitchProps };
-//# sourceMappingURL=Switch.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.d.cts","names":[],"sources":["../../../src/components/client/Switch.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,gBAAA,CAAA,CAAA,CAAmB,KACtB,KAAA,CAAM,oBAAoB;UAMlB,WAAA,CAAA,OAAA,CAAoB,kBAAkB;;IAP3C,IAAA,CAAA,CAAA,CAAA,MAAA;IACuB,MAAA,CAAA,CAAA,CAAA,MAAA;IAApB,MAAA,CAAA,CAAA,CAAA,MAAA;IADgB,KAAA,CAAA,CAAA,CAAA,MAAA;EAAI,CAAA;AAAA;AAOwC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;cAoD9D,QAAM,KAAA,CAAA,0BAAA,cAAA,KAAA,CAAA,cAAA"}

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

@@ -1,42 +0,0 @@
-import { UniversalSwitchProps } from "../../tokens/types.js";
-import "../../tokens/index.js";
-import React from "react";
-
-//#region src/components/client/Switch.d.ts
-type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
-interface SwitchProps extends NativeInputProps, UniversalSwitchProps {
-  layerClassNames?: {
-    root?: string;
-    switch?: string;
-    handle?: string;
-    label?: string;
-  };
-}
-/**
- * **⚙️️ An switch.
- *
- * @componentType Client component
- *
- * @description
- * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
- *
- * @usage
- * - Forms: switch
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Switch } from "@yahoo/uds";
- *
- * <Switch label="Name" required />
- *```
- *
- * @related [Checkbox](https://uds.build/docs/components/checkbox).
- **/
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-//#endregion
-export { Switch, type SwitchProps };
-//# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.d.ts","names":[],"sources":["../../../src/components/client/Switch.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,gBAAA,CAAA,CAAA,CAAmB,KACtB,KAAA,CAAM,oBAAoB;UAMlB,WAAA,CAAA,OAAA,CAAoB,kBAAkB;;IAP3C,IAAA,CAAA,CAAA,CAAA,MAAA;IACuB,MAAA,CAAA,CAAA,CAAA,MAAA;IAApB,MAAA,CAAA,CAAA,CAAA,MAAA;IADgB,KAAA,CAAA,CAAA,CAAA,MAAA;EAAI,CAAA;AAAA;AAOwC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;cAoD9D,QAAM,KAAA,CAAA,0BAAA,cAAA,KAAA,CAAA,cAAA"}

package/dist/components/client/Switch.js

@@ -1,217 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { cx, getStyles } from "../../styles/styler.js";
-import { Box } from "../Box.js";
-import { FormLabel } from "../FormLabel.js";
-import { IconSlot } from "../IconSlot.js";
-import { SpringMotionConfig } from "./SpringMotionConfig.js";
-import React, { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { m, useReducedMotion } from "motion/react";
-
-//#region src/components/client/Switch.tsx
-const SIZE_MAP = {
-	md: { isOnX: 20 },
-	sm: { isOnX: 12 }
-};
-const MotionBox = m.create(Box);
-const toggleTransition = {
-	layoutVariant: "bouncy",
-	layoutSpeed: "4"
-};
-/**
-* **⚙️️ An switch.
-*
-* @componentType Client component
-*
-* @description
-* A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
-*
-* @see
-* Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
-*
-* @usage
-* - Forms: switch
-*
-* @example
-* ```tsx
-* 'use client';
-* import { Switch } from "@yahoo/uds";
-*
-* <Switch label="Name" required />
-*```
-*
-* @related [Checkbox](https://uds.build/docs/components/checkbox).
-**/
-const Switch = forwardRef(function Switch$1({ id, isOn: isOnProp, defaultIsOn, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, reduceMotion: forceReduceMotion, disabled, required, onFocus, onBlur, className, layerClassNames,...switchProps }, parentRef) {
-	const generatedId = useId();
-	const uid = id ?? `uds-input-${generatedId}`;
-	const innerRef = useRef(null);
-	/**
-	* State
-	*/
-	const isControlled = isOnProp !== void 0;
-	const [isOn, setIsOn] = useState(isControlled ? isOnProp : defaultIsOn);
-	const [isHovered, setIsHovered] = useState(false);
-	/**
-	* Derived values
-	*/
-	const showHoverEffect = useMemo(() => {
-		return !disabled && isHovered;
-	}, [disabled, isHovered]);
-	const { isOnX } = SIZE_MAP[size];
-	const motionInitialAndAnimate = useMemo(() => ({
-		initial: {
-			scale: 1,
-			x: isOn ? isOnX : 0
-		},
-		animate: {
-			scale: showHoverEffect ? 1.05 : 1,
-			x: isOn ? isOnX : 0
-		}
-	}), [
-		showHoverEffect,
-		isOn,
-		isOnX
-	]);
-	/**
-	* Handlers
-	*/
-	const handleChange = useCallback((e) => {
-		onChange?.(e);
-		if (!isControlled) setIsOn(e.target.checked);
-	}, [isControlled, onChange]);
-	const handleFocus = useCallback((e) => {
-		onFocus?.(e);
-	}, [onFocus]);
-	const handleBlur = useCallback((e) => {
-		onBlur?.(e);
-	}, [onBlur]);
-	const handleHoverStart = useCallback(() => {
-		setIsHovered(true);
-	}, []);
-	const handleHoverEnd = useCallback(() => {
-		setIsHovered(false);
-	}, []);
-	const prefersReducedMotion = useReducedMotion();
-	const reduceMotion = forceReduceMotion ? "always" : "user";
-	const cssAnimationDuration = prefersReducedMotion || forceReduceMotion ? "duration-0" : "duration-120";
-	/**
-	* Effects
-	*/
-	useEffect(() => {
-		if (isControlled) setIsOn(isOnProp);
-	}, [isOnProp, isControlled]);
-	const classNames = {
-		root: getStyles({
-			switchSizeRoot: size,
-			switchVariantRoot: "default",
-			switchVariantActiveRoot: isOn ? "on" : "off",
-			display: "flex",
-			flexDirection: labelPosition === "start" ? "row" : "row-reverse",
-			alignItems: "center",
-			className: cx("group", {
-				"cursor-pointer": !disabled,
-				"cursor-default": disabled,
-				"opacity-50": disabled
-			}, layerClassNames?.root, className)
-		}),
-		switch: getStyles({
-			switchVariantSwitch: "default",
-			switchSizeSwitch: size,
-			switchVariantActiveSwitch: isOn ? "on" : "off",
-			borderRadius: "full",
-			position: "relative",
-			alignItems: "center",
-			className: cx("uds-ring", "uds-ring-within", cssAnimationDuration, "transition-[background-color,box-shadow]", layerClassNames?.switch)
-		}),
-		handle: getStyles({
-			switchSizeHandle: size,
-			className: cx("relative", "pointer-events-none", "rounded-full", "overflow-hidden", layerClassNames?.handle)
-		}),
-		handleCircle: getStyles({
-			switchVariantActiveHandle: isOn ? "on" : "off",
-			switchVariantHandle: "default",
-			className: cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95 group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
-		}),
-		handleIcon: getStyles({
-			switchSizeHandleIcon: size,
-			switchVariantHandleIcon: "default",
-			switchVariantActiveHandleIcon: isOn ? "on" : "off",
-			className: cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
-		}),
-		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%]"),
-		label: cx(labelPosition === "start" ? "text-start" : "text-end", layerClassNames?.label)
-	};
-	const RootElement = label ? m.label : m.div;
-	return /* @__PURE__ */ jsx(SpringMotionConfig, {
-		reducedMotion: reduceMotion,
-		...toggleTransition,
-		children: /* @__PURE__ */ jsxs(RootElement, {
-			className: classNames.root,
-			"data-testid": "container",
-			onHoverStart: handleHoverStart,
-			onHoverEnd: handleHoverEnd,
-			tabIndex: -1,
-			children: [/* @__PURE__ */ jsxs(MotionBox, {
-				className: classNames.switch,
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "checkbox",
-					tabIndex: 0,
-					...switchProps,
-					ref: (ref) => {
-						innerRef.current = ref;
-						if (typeof parentRef === "function") parentRef(ref);
-						else if (parentRef !== null) parentRef.current = ref;
-					},
-					onFocus: handleFocus,
-					onBlur: handleBlur,
-					id: uid,
-					disabled,
-					required,
-					checked: isControlled ? isOn : void 0,
-					defaultChecked: isControlled ? void 0 : defaultIsOn,
-					onChange: handleChange,
-					className: classNames.htmlCheckbox,
-					style: {}
-				}), /* @__PURE__ */ jsxs(MotionBox, {
-					className: classNames.handle,
-					...motionInitialAndAnimate,
-					children: [
-						/* @__PURE__ */ jsx(Box, { className: classNames.handleCircle }),
-						onIcon && /* @__PURE__ */ jsx(IconSlot, {
-							icon: onIcon,
-							iconProps: {
-								variant: "fill",
-								size: "sm"
-							},
-							"data-testid": "on-icon",
-							className: cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
-						}),
-						offIcon && /* @__PURE__ */ jsx(IconSlot, {
-							icon: offIcon,
-							iconProps: {
-								variant: "fill",
-								size: "sm"
-							},
-							"data-testid": "off-icon",
-							className: cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
-						})
-					]
-				})]
-			}), label && /* @__PURE__ */ jsx(FormLabel, {
-				as: "div",
-				variant: "inherit",
-				color: "inherit",
-				required,
-				label,
-				className: classNames.label
-			})]
-		})
-	});
-});
-Switch.displayName = "Switch";
-
-//#endregion
-export { Switch };
-//# sourceMappingURL=Switch.js.map

package/dist/components/client/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","names":["SIZE_MAP: Record<\n  SwitchSize,\n  {\n    // TODO: this needs to be automatic\n    isOnX: number;\n  }\n>","Switch"],"sources":["../../../src/components/client/Switch.tsx"],"sourcesContent":["import type { SwitchSize, UniversalSwitchProps } from '@yahoo/uds/tokens';\nimport { m, useReducedMotion } from 'motion/react';\nimport type { ChangeEvent, FocusEvent } from 'react';\nimport React, { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\n\nimport { IconSlot } from '../../components/IconSlot';\nimport { cx, getStyles } from '../../styles/styler';\nimport { Box } from '../Box';\nimport { FormLabel } from '../FormLabel';\nimport { SpringMotionConfig } from './SpringMotionConfig';\n\ntype NativeInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'\n>;\n\ntype SwitchChangeEvent = ChangeEvent<HTMLInputElement>;\n\ninterface SwitchProps extends NativeInputProps, UniversalSwitchProps {\n  layerClassNames?: {\n    root?: string;\n    switch?: string;\n    handle?: string;\n    label?: string;\n  };\n}\n\nconst SIZE_MAP: Record<\n  SwitchSize,\n  {\n    // TODO: this needs to be automatic\n    isOnX: number;\n  }\n> = {\n  md: {\n    isOnX: 20,\n  },\n  sm: {\n    isOnX: 12,\n  },\n} as const;\n\nconst MotionBox = m.create(Box);\n\nconst toggleTransition = { layoutVariant: 'bouncy', layoutSpeed: '4' } as const;\n\n/**\n * **⚙️️ An switch.\n *\n * @componentType Client component\n *\n * @description\n * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.\n *\n * @see\n * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info\n *\n * @usage\n * - Forms: switch\n *\n * @example\n * ```tsx\n * 'use client';\n * import { Switch } from \"@yahoo/uds\";\n *\n * <Switch label=\"Name\" required />\n *```\n *\n * @related [Checkbox](https://uds.build/docs/components/checkbox).\n **/\nconst Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  {\n    id,\n    isOn: isOnProp,\n    defaultIsOn,\n    onChange,\n    label,\n    labelPosition = 'start',\n    size = 'md',\n    onIcon,\n    offIcon,\n    reduceMotion: forceReduceMotion,\n    disabled,\n    required,\n    onFocus,\n    onBlur,\n    className,\n    layerClassNames,\n    ...switchProps\n  },\n  parentRef,\n) {\n  const generatedId = useId();\n  const uid = id ?? `uds-input-${generatedId}`;\n\n  const innerRef = useRef<HTMLInputElement | null>(null);\n\n  /**\n   * State\n   */\n  const isControlled = isOnProp !== undefined;\n  const [isOn, setIsOn] = useState(isControlled ? isOnProp : defaultIsOn);\n  const [isHovered, setIsHovered] = useState(false);\n\n  /**\n   * Derived values\n   */\n  const showHoverEffect = useMemo(() => {\n    return !disabled && isHovered;\n  }, [disabled, isHovered]);\n\n  const { isOnX } = SIZE_MAP[size];\n\n  const motionInitialAndAnimate = useMemo(\n    () => ({\n      initial: {\n        scale: 1,\n        x: isOn ? isOnX : 0,\n      },\n      animate: {\n        scale: showHoverEffect ? 1.05 : 1,\n        x: isOn ? isOnX : 0,\n      },\n    }),\n    [showHoverEffect, isOn, isOnX],\n  );\n\n  /**\n   * Handlers\n   */\n  const handleChange = useCallback(\n    (e: SwitchChangeEvent) => {\n      onChange?.(e);\n\n      // If uncontrolled, immediate change internal state.\n      if (!isControlled) {\n        setIsOn(e.target.checked);\n      }\n    },\n    [isControlled, onChange],\n  );\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(e);\n    },\n    [onFocus],\n  );\n\n  const handleBlur = useCallback(\n    (e: FocusEvent<HTMLInputElement>) => {\n      onBlur?.(e);\n    },\n    [onBlur],\n  );\n\n  const handleHoverStart = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleHoverEnd = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  // Motion\n  const prefersReducedMotion = useReducedMotion();\n  const reduceMotion = forceReduceMotion ? 'always' : 'user';\n\n  const cssAnimationDuration =\n    prefersReducedMotion || forceReduceMotion ? 'duration-0' : 'duration-120';\n\n  /**\n   * Effects\n   */\n  // Reset state if prop changes.\n  useEffect(() => {\n    if (isControlled) {\n      setIsOn(isOnProp);\n    }\n  }, [isOnProp, isControlled]);\n\n  const classNames = {\n    root: getStyles({\n      switchSizeRoot: size,\n      switchVariantRoot: 'default',\n      switchVariantActiveRoot: isOn ? 'on' : 'off',\n      display: 'flex',\n      flexDirection: labelPosition === 'start' ? 'row' : 'row-reverse',\n      alignItems: 'center',\n      className: cx(\n        'group',\n        {\n          'cursor-pointer': !disabled,\n          'cursor-default': disabled,\n          'opacity-50': disabled,\n        },\n\n        layerClassNames?.root,\n        className,\n      ),\n    }),\n\n    switch: getStyles({\n      switchVariantSwitch: 'default',\n      switchSizeSwitch: size,\n      switchVariantActiveSwitch: isOn ? 'on' : 'off',\n      borderRadius: 'full',\n      position: 'relative',\n      alignItems: 'center',\n      className: cx(\n        'uds-ring',\n        'uds-ring-within',\n\n        cssAnimationDuration,\n        'transition-[background-color,box-shadow]',\n\n        layerClassNames?.switch,\n      ),\n    }),\n\n    handle: getStyles({\n      switchSizeHandle: size,\n      className: cx(\n        'relative',\n        'pointer-events-none',\n        'rounded-full',\n        'overflow-hidden',\n        layerClassNames?.handle,\n      ),\n    }),\n\n    handleCircle: getStyles({\n      switchVariantActiveHandle: isOn ? 'on' : 'off',\n      switchVariantHandle: 'default',\n      className: cx(\n        'absolute',\n        'top-0',\n        'left-0',\n        'right-0',\n        'bottom-0',\n\n        'opacity-95 group-hover:opacity-100',\n\n        cssAnimationDuration,\n        'transition-[background-color,box-shadow,opacity]',\n      ),\n    }),\n\n    handleIcon: getStyles({\n      switchSizeHandleIcon: size,\n      switchVariantHandleIcon: 'default',\n      switchVariantActiveHandleIcon: isOn ? 'on' : 'off',\n      className: cx(\n        'absolute',\n        'opacity-0',\n        'top-1/2',\n        'left-1/2',\n        'transform',\n        'translate-x-[-50%]',\n        'translate-y-[-50%]',\n\n        cssAnimationDuration,\n        'transition-opacity',\n      ),\n    }),\n\n    htmlCheckbox: cx(\n      // Control the cursor at the top of the component\n      // and don't let the input override it back to the\n      // default value.\n      'cursor-[inherit]',\n\n      'absolute',\n      'opacity-0',\n      'top-1/2',\n      'left-1/2',\n      'w-[calc(100%+2px)]',\n      'h-[calc(100%+2px)]',\n      'transform',\n      'translate-x-[-50%]',\n      'translate-y-[-50%]',\n    ),\n\n    label: cx(labelPosition === 'start' ? 'text-start' : 'text-end', layerClassNames?.label),\n  };\n\n  const RootElement = label ? m.label : m.div;\n\n  return (\n    <SpringMotionConfig reducedMotion={reduceMotion} {...toggleTransition}>\n      <RootElement\n        className={classNames.root}\n        data-testid=\"container\"\n        onHoverStart={handleHoverStart}\n        onHoverEnd={handleHoverEnd}\n        tabIndex={-1}\n      >\n        <MotionBox className={classNames.switch}>\n          <input\n            type=\"checkbox\"\n            // Required for Safari to render a focus ring\n            tabIndex={0}\n            // These are standard HTML input props for customization.\n            {...switchProps}\n            //\n            // Provide a ref to the underlying input element for customization.\n            ref={(ref) => {\n              // Set internal ref.\n              innerRef.current = ref;\n\n              // Forward the ref to parent.\n              if (typeof parentRef === 'function') {\n                parentRef(ref);\n              } else if (parentRef !== null) {\n                parentRef.current = ref;\n              }\n            }}\n            //\n            // Track focus as a prop for easier styling.\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            //\n            // Core props for the switch.\n            id={uid}\n            disabled={disabled}\n            required={required}\n            checked={isControlled ? isOn : undefined}\n            defaultChecked={isControlled ? undefined : defaultIsOn}\n            onChange={handleChange}\n            //\n            // styles\n            className={classNames.htmlCheckbox}\n            style={{}}\n          />\n\n          <MotionBox className={classNames.handle} {...motionInitialAndAnimate}>\n            <Box className={classNames.handleCircle} />\n\n            {onIcon && (\n              <IconSlot\n                icon={onIcon}\n                iconProps={{ variant: 'fill', size: 'sm' }}\n                data-testid=\"on-icon\"\n                className={cx(classNames.handleIcon, isOn ? 'opacity-100' : 'opacity-0')}\n              />\n            )}\n\n            {offIcon && (\n              <IconSlot\n                icon={offIcon}\n                iconProps={{ variant: 'fill', size: 'sm' }}\n                data-testid=\"off-icon\"\n                className={cx(classNames.handleIcon, !isOn ? 'opacity-100' : 'opacity-0')}\n              />\n            )}\n          </MotionBox>\n        </MotionBox>\n\n        {label && (\n          <FormLabel\n            as=\"div\"\n            variant=\"inherit\"\n            color=\"inherit\"\n            required={required}\n            label={label}\n            className={classNames.label}\n          />\n        )}\n      </RootElement>\n    </SpringMotionConfig>\n  );\n});\n\n// Need to re-set this because of the forwardRef wrapper\nSwitch.displayName = 'Switch';\n\nexport { Switch, type SwitchProps };\n"],"mappings":"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"}

package/dist/components/client/index.cjs

@@ -1,50 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-const require_components_client_Avatar_AvatarIcon = require('./Avatar/AvatarIcon.cjs');
-const require_components_client_Avatar_AvatarText = require('./Avatar/AvatarText.cjs');
-const require_components_client_Avatar_AvatarImage = require('./Avatar/AvatarImage.cjs');
-const require_components_client_Avatar_Avatar = require('./Avatar/Avatar.cjs');
-const require_components_client_Badge = require('./Badge.cjs');
-const require_components_client_SpringMotionConfig = require('./SpringMotionConfig.cjs');
-const require_components_client_Button = require('./Button.cjs');
-const require_components_client_Checkbox = require('./Checkbox.cjs');
-const require_components_client_Chip_ChipButton = require('./Chip/ChipButton.cjs');
-const require_components_client_Pressable = require('./Pressable.cjs');
-const require_components_client_Chip_ChipDismissible = require('./Chip/ChipDismissible.cjs');
-const require_components_client_Chip_ChipLink = require('./Chip/ChipLink.cjs');
-const require_components_client_Chip_ChipToggle = require('./Chip/ChipToggle.cjs');
-const require_components_client_Chip_Chip = require('./Chip/Chip.cjs');
-const require_components_client_IconButton = require('./IconButton.cjs');
-const require_components_client_Input_Input = require('./Input/Input.cjs');
-const require_components_client_Input_InputHelpText = require('./Input/InputHelpText.cjs');
-const require_components_client_Menu_Menu_index = require('./Menu/Menu.index.cjs');
-const require_components_client_Radio_Radio = require('./Radio/Radio.cjs');
-const require_components_client_Radio_RadioGroupProvider = require('./Radio/RadioGroupProvider.cjs');
-const require_components_client_Switch = require('./Switch.cjs');
-
-exports.Avatar = require_components_client_Avatar_Avatar.Avatar;
-exports.AvatarIcon = require_components_client_Avatar_AvatarIcon.AvatarIcon;
-exports.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;
-exports.AvatarText = require_components_client_Avatar_AvatarText.AvatarText;
-exports.Badge = require_components_client_Badge.Badge;
-exports.Button = require_components_client_Button.Button;
-exports.Checkbox = require_components_client_Checkbox.Checkbox;
-exports.Chip = require_components_client_Chip_Chip.Chip;
-exports.ChipButton = require_components_client_Chip_ChipButton.ChipButton;
-exports.ChipDismissible = require_components_client_Chip_ChipDismissible.ChipDismissible;
-exports.ChipLink = require_components_client_Chip_ChipLink.ChipLink;
-exports.ChipToggle = require_components_client_Chip_ChipToggle.ChipToggle;
-exports.IconButton = require_components_client_IconButton.IconButton;
-exports.Input = require_components_client_Input_Input.Input;
-exports.InputHelpText = require_components_client_Input_InputHelpText.InputHelpText;
-Object.defineProperty(exports, 'Menu', {
-  enumerable: true,
-  get: function () {
-    return require_components_client_Menu_Menu_index.Menu_index_exports;
-  }
-});
-exports.Pressable = require_components_client_Pressable.Pressable;
-exports.Radio = require_components_client_Radio_Radio.Radio;
-exports.RadioGroupProvider = require_components_client_Radio_RadioGroupProvider.RadioGroupProvider;
-exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
-exports.Switch = require_components_client_Switch.Switch;

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

@@ -1,33 +0,0 @@
-import { SpringMotionConfig, SpringMotionConfigProps } from "./SpringMotionConfig.cjs";
-import { AvatarIcon, AvatarIconProps } from "./Avatar/AvatarIcon.cjs";
-import { AvatarText, AvatarTextProps } from "./Avatar/AvatarText.cjs";
-import { AvatarImage, AvatarImageProps } from "./Avatar/AvatarImage.cjs";
-import { Avatar, AvatarProps } from "./Avatar/Avatar.cjs";
-import "./Avatar/index.cjs";
-import { Badge, BadgeProps } from "./Badge.cjs";
-import { Button, ButtonProps } from "./Button.cjs";
-import { Checkbox, CheckboxProps } from "./Checkbox.cjs";
-import { Chip, ChipProps } from "./Chip/Chip.cjs";
-import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.cjs";
-import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.cjs";
-import { ChipLink, ChipLinkProps } from "./Chip/ChipLink.cjs";
-import { ChipToggle, ChipToggleProps } from "./Chip/ChipToggle.cjs";
-import "./Chip/index.cjs";
-import { IconButton, IconButtonProps } from "./IconButton.cjs";
-import { Input, InputProps } from "./Input/Input.cjs";
-import { InputHelpText, InputHelpTextProps } from "./Input/InputHelpText.cjs";
-import "./Input/index.cjs";
-import { MenuContentProps } from "./Menu/Menu.Content.cjs";
-import { MenuDividerProps } from "./Menu/Menu.Divider.cjs";
-import { Pressable, PressableProps } from "./Pressable.cjs";
-import { MenuItemProps } from "./Menu/Menu.Item.cjs";
-import { MenuItemCheckboxProps } from "./Menu/Menu.ItemCheckbox.cjs";
-import { MenuPlacement, MenuProviderProps } from "./Menu/Menu.Provider.cjs";
-import { MenuTriggerProps } from "./Menu/Menu.Trigger.cjs";
-import { Menu_index_d_exports } from "./Menu/Menu.index.cjs";
-import "./Menu/index.cjs";
-import { Radio, RadioProps } from "./Radio/Radio.cjs";
-import { RadioGroupProvider, RadioGroupProviderProps } from "./Radio/RadioGroupProvider.cjs";
-import "./Radio/index.cjs";
-import { Switch, SwitchProps } from "./Switch.cjs";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps };