@yahoo/uds 3.59.0-beta.1 → 3.59.0

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

@@ -1,37 +0,0 @@
-import { UniversalChipProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
-import { ChipBaseProps } from "./ChipBase.js";
-import React from "react";
-
-//#region src/components/client/Chip/Chip.d.ts
-type HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;
-interface ChipProps extends UniversalChipProps, HtmlDivProps {
-  slotProps?: ChipBaseProps['slotProps'] & {
-    anchor: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'>;
-  };
-}
-/**
- * **⚙️️ A chip.
- *
- * @componentType Client component
- *
- * @description
- * Chips help people make selections, filter content, link out to other spaces or trigger actions. These actions are contextually driven and are not persistent across the product experiences differing them from buttons.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/chip Chip Docs} for more info
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Chip } from "@yahoo/uds";
- *
- * <Chip>Label</Chip>
- *```
- *
- * @related [Badge](https://uds.build/docs/components/badge), [Link](https://uds.build/docs/components/link).
- **/
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { Chip, type ChipProps };
-//# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.d.ts","names":[],"sources":["../../../../src/components/client/Chip/Chip.tsx"],"sourcesContent":[],"mappings":";;;;;;KAUK,YAAA,CAAA,CAAA,CAAe,KAAK,KAAA,CAAM,eAAe;UAEpC,SAAA,CAAA,OAAA,CAAkB,oBAAoB;cAClC;IAHT,MAAA,CAAA,CAIO,IAJK,CAIA,KAAA,CAAM,oBAJN,CAI2B,iBAJ3B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA;EAA6B,CAAA;;;;AAAtB,CAAA;;;;;;;;AAEoC,CAAA;;;;;;;;;;;cA2BtD,MAAI,KAAA,CAAA,0BAAA,YAAA,KAAA,CAAA,cAAA"}

package/dist/components/client/Chip/Chip.js

@@ -1,66 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { ChipButton } from "./ChipButton.js";
-import { ChipDismissible } from "./ChipDismissible.js";
-import { ChipLink } from "./ChipLink.js";
-import { ChipToggle } from "./ChipToggle.js";
-import React, { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/client/Chip/Chip.tsx
-/**
-* **⚙️️ A chip.
-*
-* @componentType Client component
-*
-* @description
-* Chips help people make selections, filter content, link out to other spaces or trigger actions. These actions are contextually driven and are not persistent across the product experiences differing them from buttons.
-*
-* @see
-* Check out the {@link https://uds.build/docs/components/chip Chip Docs} for more info
-*
-* @example
-* ```tsx
-* 'use client';
-* import { Chip } from "@yahoo/uds";
-*
-* <Chip>Label</Chip>
-*```
-*
-* @related [Badge](https://uds.build/docs/components/badge), [Link](https://uds.build/docs/components/link).
-**/
-const Chip = forwardRef(function Chip$1({ onClick, href, linkProps, onDismiss, onToggle, isToggled, slotProps,...rest }, ref) {
-	const { anchor: anchorProps,...restSlotProps } = slotProps ?? {};
-	if (onDismiss) return /* @__PURE__ */ jsx(ChipDismissible, {
-		ref,
-		onDismiss,
-		slotProps: restSlotProps,
-		...rest
-	});
-	if (onToggle) return /* @__PURE__ */ jsx(ChipToggle, {
-		ref,
-		onToggle,
-		isToggled,
-		slotProps: restSlotProps,
-		...rest
-	});
-	if (href) return /* @__PURE__ */ jsx(ChipLink, {
-		ref,
-		href,
-		slotProps: restSlotProps,
-		...rest,
-		...linkProps,
-		...anchorProps
-	});
-	return /* @__PURE__ */ jsx(ChipButton, {
-		ref,
-		onClick,
-		slotProps: restSlotProps,
-		...rest
-	});
-});
-Chip.displayName = "Chip";
-
-//#endregion
-export { Chip };
-//# sourceMappingURL=Chip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.js","names":["Chip"],"sources":["../../../../src/components/client/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { UniversalChipProps } from '../../../tokens';\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipButton } from './ChipButton';\nimport { ChipDismissible } from './ChipDismissible';\nimport type { ChipLinkProps } from './ChipLink';\nimport { ChipLink } from './ChipLink';\nimport { ChipToggle } from './ChipToggle';\n\ntype HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;\n\ninterface ChipProps extends UniversalChipProps, HtmlDivProps {\n  slotProps?: ChipBaseProps['slotProps'] & {\n    anchor: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'>;\n  };\n}\n\n/**\n * **⚙️️ A chip.\n *\n * @componentType Client component\n *\n * @description\n * Chips help people make selections, filter content, link out to other spaces or trigger actions. These actions are contextually driven and are not persistent across the product experiences differing them from buttons.\n *\n * @see\n * Check out the {@link https://uds.build/docs/components/chip Chip Docs} for more info\n *\n * @example\n * ```tsx\n * 'use client';\n * import { Chip } from \"@yahoo/uds\";\n *\n * <Chip>Label</Chip>\n *```\n *\n * @related [Badge](https://uds.build/docs/components/badge), [Link](https://uds.build/docs/components/link).\n **/\nconst Chip = forwardRef<HTMLDivElement, ChipProps>(function Chip(\n  { onClick, href, linkProps, onDismiss, onToggle, isToggled, slotProps, ...rest }: ChipProps,\n  ref,\n) {\n  const { anchor: anchorProps, ...restSlotProps } = slotProps ?? {};\n\n  if (onDismiss) {\n    return <ChipDismissible ref={ref} onDismiss={onDismiss} slotProps={restSlotProps} {...rest} />;\n  }\n\n  if (onToggle) {\n    return (\n      <ChipToggle\n        ref={ref}\n        onToggle={onToggle}\n        isToggled={isToggled}\n        slotProps={restSlotProps}\n        {...rest}\n      />\n    );\n  }\n\n  if (href) {\n    return (\n      <ChipLink\n        ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n        href={href}\n        slotProps={restSlotProps}\n        {...(rest as ChipLinkProps)}\n        {...linkProps}\n        {...anchorProps}\n      />\n    );\n  }\n\n  return <ChipButton ref={ref} onClick={onClick} slotProps={restSlotProps} {...rest} />;\n});\n\n// Need to re-set this because of the forwardRef wrapper\nChip.displayName = 'Chip';\n\nexport { Chip, type ChipProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,OAAO,WAAsC,SAASA,OAC1D,EAAE,SAAS,MAAM,WAAW,WAAW,UAAU,WAAW,UAAW,GAAG,QAC1E,KACA;CACA,MAAM,EAAE,QAAQ,YAAa,GAAG,kBAAkB,aAAa,EAAE;AAEjE,KAAI,UACF,QAAO,oBAAC;EAAqB;EAAgB;EAAW,WAAW;EAAe,GAAI;GAAQ;AAGhG,KAAI,SACF,QACE,oBAAC;EACM;EACK;EACC;EACX,WAAW;EACX,GAAI;GACJ;AAIN,KAAI,KACF,QACE,oBAAC;EACM;EACC;EACN,WAAW;EACX,GAAK;EACL,GAAI;EACJ,GAAI;GACJ;AAIN,QAAO,oBAAC;EAAgB;EAAc;EAAS,WAAW;EAAe,GAAI;GAAQ;EACrF;AAGF,KAAK,cAAc"}

package/dist/components/client/Chip/ChipBase.cjs

@@ -1,88 +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_HStack = require('../../HStack.cjs');
-const require_components_Text = require('../../Text.cjs');
-const require_components_IconSlot = require('../../IconSlot.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/Chip/ChipBase.tsx
-const SIZE_DEFAULT = "md";
-const VARIANT_DEFAULT = "primary";
-const MAX_WIDTH_DEFAULT = 200;
-const ChipBase = (0, react.forwardRef)(function ChipBase$1({ size = SIZE_DEFAULT, minWidth, maxWidth = MAX_WIDTH_DEFAULT, startIcon, endIcon, as: As = "div", reduceMotion: forceReduceMotion, disabled = false, className, slotProps, children,...rest }, ref) {
-	const cssAnimationDuration = (0, motion_react.useReducedMotion)() || forceReduceMotion ? "duration-0" : "duration-120";
-	const { className: textClassName,...textProps } = slotProps?.text ?? {};
-	const { className: startIconClassName,...startIconProps } = slotProps?.startIcon ?? {};
-	const { className: endIconClassName,...endIconProps } = slotProps?.endIcon ?? {};
-	/**
-	* Styles
-	*/
-	const classNames = (0, react.useMemo)(() => ({
-		root: require_styles_styler.getStyles({
-			chipSizeRoot: size,
-			className: require_styles_styler.cx({
-				"pointer-events-none": disabled,
-				"cursor-default": disabled,
-				"opacity-50": disabled
-			}, "inline-flex", "items-center", "focus-visible:-outline-offset-2", "uds-ring", cssAnimationDuration, "transition-[background-color,outline-color,box-shadow]", className)
-		}),
-		text: require_styles_styler.cx("truncate", "whitespace-nowrap", "text-center", "flex-1", textClassName),
-		icon: require_styles_styler.getStyles({ chipSizeIcon: size })
-	}), [
-		className,
-		cssAnimationDuration,
-		disabled,
-		size,
-		textClassName
-	]);
-	const inlineStyles = (0, react.useMemo)(() => ({ root: {
-		maxWidth: `${maxWidth}px`,
-		...minWidth ? { minWidth: `${minWidth}px` } : {}
-	} }), [maxWidth, minWidth]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_HStack.HStack, {
-		asChild: true,
-		ref,
-		className: classNames.root,
-		style: inlineStyles.root,
-		...rest,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(As, {
-			disabled,
-			children: [
-				startIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-					icon: startIcon,
-					iconProps: {
-						variant: "fill",
-						className: require_styles_styler.cx(classNames.icon, startIconClassName),
-						...startIconProps
-					}
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-					as: "span",
-					color: "current",
-					variant: "inherit",
-					className: classNames.text,
-					...textProps,
-					children
-				}),
-				endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-					icon: endIcon,
-					iconProps: {
-						variant: "fill",
-						className: require_styles_styler.cx(classNames.icon, endIconClassName),
-						...endIconProps
-					}
-				})
-			]
-		})
-	});
-});
-ChipBase.displayName = "ChipBase";
-
-//#endregion
-exports.ChipBase = ChipBase;
-exports.VARIANT_DEFAULT = VARIANT_DEFAULT;

package/dist/components/client/Chip/ChipBase.d.cts

@@ -1,23 +0,0 @@
-import { ChipVariant, IconPropsWithSVGProps, UniversalChipBaseProps } from "../../../tokens/types.cjs";
-import "../../../tokens/index.cjs";
-import { TextProps } from "../../Text.cjs";
-import React from "react";
-
-//#region src/components/client/Chip/ChipBase.d.ts
-type HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;
-type DataAttributes = {
-  [name: `data-${string}`]: string;
-};
-interface ChipBaseProps extends HtmlDivProps, Omit<UniversalChipBaseProps, 'variant'> {
-  /** Props to be passed into various slots within the component. */
-  slotProps?: {
-    startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-    endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-    text?: Partial<TextProps & DataAttributes>;
-  };
-}
-declare const VARIANT_DEFAULT: ChipVariant;
-declare const ChipBase: React.ForwardRefExoticComponent<ChipBaseProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { ChipBase, type ChipBaseProps, VARIANT_DEFAULT };
-//# sourceMappingURL=ChipBase.d.cts.map

package/dist/components/client/Chip/ChipBase.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipBase.d.cts","names":[],"sources":["../../../../src/components/client/Chip/ChipBase.tsx"],"sourcesContent":[],"mappings":";;;;;;KAeK,YAAA,CAAA,CAAA,CAAe,KAAK,KAAA,CAAM,eAAe;KAGzC,cAAA,CAAA,CAAA;;AANuC,CAAA;UAUlC,aAAA,CAAA,OAAA,CAAsB,YAPc,CAAA,CAOA,IAPA,CAOK,sBAPL,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAArB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAAL,SAAA,CAAA,CAAA,CAAA;IAAI,SAAA,CAAA,CAAA,CAUR,OAVQ,CAUA,qBAVA,CAAA,CAAA,CAUwB,cAVxB,CAAA;IAGnB,OAAA,CAAA,CAAA,CAQS,OARK,CAQG,qBARH,CAAA,CAAA,CAQ2B,cAR3B,CAAA;IAIT,IAAA,CAAA,CAAA,CAKC,OALa,CAKL,SALK,CAAA,CAAA,CAKO,cALP,CAAA;EAA2B,CAAA;;cAU7C,eAP0C,CAAA,CAOzB,WAPyB;cAU1C,QAVU,CAAA,CAUF,KAAA,CAAA,yBAVE,CAUF,aAVE,CAAA,CAAA,CAUF,KAAA,CAAA,aAVE,CAUF,cAVE,CAAA,CAAA"}

package/dist/components/client/Chip/ChipBase.d.ts

@@ -1,23 +0,0 @@
-import { ChipVariant, IconPropsWithSVGProps, UniversalChipBaseProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
-import { TextProps } from "../../Text.js";
-import React from "react";
-
-//#region src/components/client/Chip/ChipBase.d.ts
-type HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;
-type DataAttributes = {
-  [name: `data-${string}`]: string;
-};
-interface ChipBaseProps extends HtmlDivProps, Omit<UniversalChipBaseProps, 'variant'> {
-  /** Props to be passed into various slots within the component. */
-  slotProps?: {
-    startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-    endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-    text?: Partial<TextProps & DataAttributes>;
-  };
-}
-declare const VARIANT_DEFAULT: ChipVariant;
-declare const ChipBase: React.ForwardRefExoticComponent<ChipBaseProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { ChipBase, type ChipBaseProps, VARIANT_DEFAULT };
-//# sourceMappingURL=ChipBase.d.ts.map

package/dist/components/client/Chip/ChipBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipBase.d.ts","names":[],"sources":["../../../../src/components/client/Chip/ChipBase.tsx"],"sourcesContent":[],"mappings":";;;;;;KAeK,YAAA,CAAA,CAAA,CAAe,KAAK,KAAA,CAAM,eAAe;KAGzC,cAAA,CAAA,CAAA;;AANuC,CAAA;UAUlC,aAAA,CAAA,OAAA,CAAsB,YAPc,CAAA,CAOA,IAPA,CAOK,sBAPL,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAArB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAAL,SAAA,CAAA,CAAA,CAAA;IAAI,SAAA,CAAA,CAAA,CAUR,OAVQ,CAUA,qBAVA,CAAA,CAAA,CAUwB,cAVxB,CAAA;IAGnB,OAAA,CAAA,CAAA,CAQS,OARK,CAQG,qBARH,CAAA,CAAA,CAQ2B,cAR3B,CAAA;IAIT,IAAA,CAAA,CAAA,CAKC,OALa,CAKL,SALK,CAAA,CAAA,CAKO,cALP,CAAA;EAA2B,CAAA;;cAU7C,eAP0C,CAAA,CAOzB,WAPyB;cAU1C,QAVU,CAAA,CAUF,KAAA,CAAA,yBAVE,CAUF,aAVE,CAAA,CAAA,CAUF,KAAA,CAAA,aAVE,CAUF,cAVE,CAAA,CAAA"}

package/dist/components/client/Chip/ChipBase.js

@@ -1,86 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { cx, getStyles } from "../../../styles/styler.js";
-import { HStack } from "../../HStack.js";
-import { Text } from "../../Text.js";
-import { IconSlot } from "../../IconSlot.js";
-import React, { forwardRef, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useReducedMotion } from "motion/react";
-
-//#region src/components/client/Chip/ChipBase.tsx
-const SIZE_DEFAULT = "md";
-const VARIANT_DEFAULT = "primary";
-const MAX_WIDTH_DEFAULT = 200;
-const ChipBase = forwardRef(function ChipBase$1({ size = SIZE_DEFAULT, minWidth, maxWidth = MAX_WIDTH_DEFAULT, startIcon, endIcon, as: As = "div", reduceMotion: forceReduceMotion, disabled = false, className, slotProps, children,...rest }, ref) {
-	const cssAnimationDuration = useReducedMotion() || forceReduceMotion ? "duration-0" : "duration-120";
-	const { className: textClassName,...textProps } = slotProps?.text ?? {};
-	const { className: startIconClassName,...startIconProps } = slotProps?.startIcon ?? {};
-	const { className: endIconClassName,...endIconProps } = slotProps?.endIcon ?? {};
-	/**
-	* Styles
-	*/
-	const classNames = useMemo(() => ({
-		root: getStyles({
-			chipSizeRoot: size,
-			className: cx({
-				"pointer-events-none": disabled,
-				"cursor-default": disabled,
-				"opacity-50": disabled
-			}, "inline-flex", "items-center", "focus-visible:-outline-offset-2", "uds-ring", cssAnimationDuration, "transition-[background-color,outline-color,box-shadow]", className)
-		}),
-		text: cx("truncate", "whitespace-nowrap", "text-center", "flex-1", textClassName),
-		icon: getStyles({ chipSizeIcon: size })
-	}), [
-		className,
-		cssAnimationDuration,
-		disabled,
-		size,
-		textClassName
-	]);
-	const inlineStyles = useMemo(() => ({ root: {
-		maxWidth: `${maxWidth}px`,
-		...minWidth ? { minWidth: `${minWidth}px` } : {}
-	} }), [maxWidth, minWidth]);
-	return /* @__PURE__ */ jsx(HStack, {
-		asChild: true,
-		ref,
-		className: classNames.root,
-		style: inlineStyles.root,
-		...rest,
-		children: /* @__PURE__ */ jsxs(As, {
-			disabled,
-			children: [
-				startIcon && /* @__PURE__ */ jsx(IconSlot, {
-					icon: startIcon,
-					iconProps: {
-						variant: "fill",
-						className: cx(classNames.icon, startIconClassName),
-						...startIconProps
-					}
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					as: "span",
-					color: "current",
-					variant: "inherit",
-					className: classNames.text,
-					...textProps,
-					children
-				}),
-				endIcon && /* @__PURE__ */ jsx(IconSlot, {
-					icon: endIcon,
-					iconProps: {
-						variant: "fill",
-						className: cx(classNames.icon, endIconClassName),
-						...endIconProps
-					}
-				})
-			]
-		})
-	});
-});
-ChipBase.displayName = "ChipBase";
-
-//#endregion
-export { ChipBase, VARIANT_DEFAULT };
-//# sourceMappingURL=ChipBase.js.map

package/dist/components/client/Chip/ChipBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipBase.js","names":["SIZE_DEFAULT: ChipSize","VARIANT_DEFAULT: ChipVariant","ChipBase"],"sources":["../../../../src/components/client/Chip/ChipBase.tsx"],"sourcesContent":["import { useReducedMotion } from 'motion/react';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { cx, getStyles } from '../../../styles/styler';\nimport type {\n  ChipSize,\n  ChipVariant,\n  IconPropsWithSVGProps,\n  UniversalChipBaseProps,\n} from '../../../tokens';\nimport { HStack } from '../../HStack';\nimport { IconSlot } from '../../IconSlot';\nimport type { TextProps } from '../../Text';\nimport { Text } from '../../Text';\n\ntype HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;\n\n// Required because of: https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/69864\ntype DataAttributes = {\n  [name: `data-${string}`]: string;\n};\n\ninterface ChipBaseProps extends HtmlDivProps, Omit<UniversalChipBaseProps, 'variant'> {\n  /** Props to be passed into various slots within the component. */\n  slotProps?: {\n    startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;\n    endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;\n    text?: Partial<TextProps & DataAttributes>;\n  };\n}\n\nconst SIZE_DEFAULT: ChipSize = 'md';\nconst VARIANT_DEFAULT: ChipVariant = 'primary';\nconst MAX_WIDTH_DEFAULT = 200;\n\nconst ChipBase = forwardRef<HTMLDivElement, ChipBaseProps>(function ChipBase(\n  {\n    size = SIZE_DEFAULT,\n    minWidth,\n    maxWidth = MAX_WIDTH_DEFAULT,\n    startIcon,\n    endIcon,\n    as: As = 'div',\n    reduceMotion: forceReduceMotion,\n    disabled = false,\n    className,\n    slotProps,\n    children,\n    ...rest\n  }: ChipBaseProps,\n  ref,\n) {\n  // Motion\n  const prefersReducedMotion = useReducedMotion();\n  const cssAnimationDuration =\n    prefersReducedMotion || forceReduceMotion ? 'duration-0' : 'duration-120';\n\n  const { className: textClassName, ...textProps } = slotProps?.text ?? {};\n  const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};\n  const { className: endIconClassName, ...endIconProps } = slotProps?.endIcon ?? {};\n\n  /**\n   * Styles\n   */\n  const classNames = useMemo(\n    () => ({\n      root: getStyles({\n        chipSizeRoot: size,\n\n        className: cx(\n          {\n            'pointer-events-none': disabled,\n            'cursor-default': disabled,\n            'opacity-50': disabled,\n          },\n\n          // Layout\n          'inline-flex',\n          'items-center',\n\n          // focus state\n          'focus-visible:-outline-offset-2',\n          'uds-ring',\n\n          // Animations\n          cssAnimationDuration,\n          'transition-[background-color,outline-color,box-shadow]',\n\n          className,\n        ),\n      }),\n\n      text: cx('truncate', 'whitespace-nowrap', 'text-center', 'flex-1', textClassName),\n\n      icon: getStyles({\n        chipSizeIcon: size,\n      }),\n    }),\n    [className, cssAnimationDuration, disabled, size, textClassName],\n  );\n\n  const inlineStyles = useMemo(\n    () => ({\n      root: { maxWidth: `${maxWidth}px`, ...(minWidth ? { minWidth: `${minWidth}px` } : {}) },\n    }),\n    [maxWidth, minWidth],\n  );\n\n  return (\n    <HStack asChild ref={ref} className={classNames.root} style={inlineStyles.root} {...rest}>\n      <As disabled={disabled}>\n        {startIcon && (\n          <IconSlot\n            icon={startIcon}\n            iconProps={{\n              variant: 'fill',\n              className: cx(classNames.icon, startIconClassName),\n              ...startIconProps,\n            }}\n          />\n        )}\n\n        <Text\n          as=\"span\"\n          color=\"current\"\n          variant=\"inherit\"\n          className={classNames.text}\n          {...textProps}\n        >\n          {children}\n        </Text>\n\n        {endIcon && (\n          <IconSlot\n            icon={endIcon}\n            iconProps={{\n              variant: 'fill',\n              className: cx(classNames.icon, endIconClassName),\n              ...endIconProps,\n            }}\n          />\n        )}\n      </As>\n    </HStack>\n  );\n});\n\n// Need to re-set this because of the forwardRef wrapper\nChipBase.displayName = 'ChipBase';\n\nexport { ChipBase, type ChipBaseProps, VARIANT_DEFAULT };\n"],"mappings":";;;;;;;;;;AA+BA,MAAMA,eAAyB;AAC/B,MAAMC,kBAA+B;AACrC,MAAM,oBAAoB;AAE1B,MAAM,WAAW,WAA0C,SAASC,WAClE,EACE,OAAO,cACP,UACA,WAAW,mBACX,WACA,SACA,IAAI,KAAK,OACT,cAAc,mBACd,WAAW,OACX,WACA,WACA,SACA,GAAG,QAEL,KACA;CAGA,MAAM,uBADuB,kBAAkB,IAErB,oBAAoB,eAAe;CAE7D,MAAM,EAAE,WAAW,cAAe,GAAG,cAAc,WAAW,QAAQ,EAAE;CACxE,MAAM,EAAE,WAAW,mBAAoB,GAAG,mBAAmB,WAAW,aAAa,EAAE;CACvF,MAAM,EAAE,WAAW,iBAAkB,GAAG,iBAAiB,WAAW,WAAW,EAAE;;;;CAKjF,MAAM,aAAa,eACV;EACL,MAAM,UAAU;GACd,cAAc;GAEd,WAAW,GACT;IACE,uBAAuB;IACvB,kBAAkB;IAClB,cAAc;IACf,EAGD,eACA,gBAGA,mCACA,YAGA,sBACA,0DAEA,UACD;GACF,CAAC;EAEF,MAAM,GAAG,YAAY,qBAAqB,eAAe,UAAU,cAAc;EAEjF,MAAM,UAAU,EACd,cAAc,MACf,CAAC;EACH,GACD;EAAC;EAAW;EAAsB;EAAU;EAAM;EAAc,CACjE;CAED,MAAM,eAAe,eACZ,EACL,MAAM;EAAE,UAAU,GAAG,SAAS;EAAK,GAAI,WAAW,EAAE,UAAU,GAAG,SAAS,KAAK,GAAG,EAAE;EAAG,EACxF,GACD,CAAC,UAAU,SAAS,CACrB;AAED,QACE,oBAAC;EAAO;EAAa;EAAK,WAAW,WAAW;EAAM,OAAO,aAAa;EAAM,GAAI;YAClF,qBAAC;GAAa;;IACX,aACC,oBAAC;KACC,MAAM;KACN,WAAW;MACT,SAAS;MACT,WAAW,GAAG,WAAW,MAAM,mBAAmB;MAClD,GAAG;MACJ;MACD;IAGJ,oBAAC;KACC,IAAG;KACH,OAAM;KACN,SAAQ;KACR,WAAW,WAAW;KACtB,GAAI;KAEH;MACI;IAEN,WACC,oBAAC;KACC,MAAM;KACN,WAAW;MACT,SAAS;MACT,WAAW,GAAG,WAAW,MAAM,iBAAiB;MAChD,GAAG;MACJ;MACD;;IAED;GACE;EAEX;AAGF,SAAS,cAAc"}

package/dist/components/client/Chip/ChipButton.cjs

@@ -1,36 +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_utils_mergeSlotProps = require('../../../utils/mergeSlotProps.cjs');
-const require_components_client_Chip_ChipBase = require('./ChipBase.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/client/Chip/ChipButton.tsx
-const ChipButton = (0, react.forwardRef)(function ChipButton$1({ variant = require_components_client_Chip_ChipBase.VARIANT_DEFAULT, slotProps, className,...rest }, ref) {
-	const classNames = (0, react.useMemo)(() => ({
-		root: require_styles_styler.getStyles({
-			chipLinkVariantRoot: variant,
-			className
-		}),
-		icon: require_styles_styler.getStyles({ chipLinkVariantIcon: variant })
-	}), [className, variant]);
-	const mergedSlotProps = require_utils_mergeSlotProps.mergeSlotProps(slotProps, {
-		startIcon: { className: classNames.icon },
-		endIcon: { className: classNames.icon }
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Chip_ChipBase.ChipBase, {
-		as: "button",
-		ref,
-		tabIndex: 0,
-		className: classNames.root,
-		slotProps: mergedSlotProps,
-		...rest
-	});
-});
-ChipButton.displayName = "ChipButton";
-
-//#endregion
-exports.ChipButton = ChipButton;

package/dist/components/client/Chip/ChipButton.d.cts

@@ -1,14 +0,0 @@
-import { UniversalChipButtonProps } from "../../../tokens/types.cjs";
-import "../../../tokens/index.cjs";
-import { ChipBaseProps } from "./ChipBase.cjs";
-import React from "react";
-
-//#region src/components/client/Chip/ChipButton.d.ts
-type HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;
-interface ChipButtonProps extends HtmlDivProps, Omit<UniversalChipButtonProps, 'type'> {
-  slotProps?: ChipBaseProps['slotProps'];
-}
-declare const ChipButton: React.ForwardRefExoticComponent<ChipButtonProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { ChipButton, type ChipButtonProps };
-//# sourceMappingURL=ChipButton.d.cts.map

package/dist/components/client/Chip/ChipButton.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipButton.d.cts","names":[],"sources":["../../../../src/components/client/Chip/ChipButton.tsx"],"sourcesContent":[],"mappings":";;;;;;KAQK,YAAA,CAAA,CAAA,CAAe,KAAK,KAAA,CAAM,eAAe;UAEpC,eAAA,CAAA,OAAA,CAAwB,cAAc,KAAK;cACvC;AANkC;cAS1C,UANwC,CAAA,CAM9B,KAAA,CAAA,yBAN8B,CAM9B,eAN8B,CAAA,CAAA,CAM9B,KAAA,CAAA,aAN8B,CAM9B,cAN8B,CAAA,CAAA"}

package/dist/components/client/Chip/ChipButton.d.ts

@@ -1,14 +0,0 @@
-import { UniversalChipButtonProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
-import { ChipBaseProps } from "./ChipBase.js";
-import React from "react";
-
-//#region src/components/client/Chip/ChipButton.d.ts
-type HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;
-interface ChipButtonProps extends HtmlDivProps, Omit<UniversalChipButtonProps, 'type'> {
-  slotProps?: ChipBaseProps['slotProps'];
-}
-declare const ChipButton: React.ForwardRefExoticComponent<ChipButtonProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { ChipButton, type ChipButtonProps };
-//# sourceMappingURL=ChipButton.d.ts.map

package/dist/components/client/Chip/ChipButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipButton.d.ts","names":[],"sources":["../../../../src/components/client/Chip/ChipButton.tsx"],"sourcesContent":[],"mappings":";;;;;;KAQK,YAAA,CAAA,CAAA,CAAe,KAAK,KAAA,CAAM,eAAe;UAEpC,eAAA,CAAA,OAAA,CAAwB,cAAc,KAAK;cACvC;AANkC;cAS1C,UANwC,CAAA,CAM9B,KAAA,CAAA,yBAN8B,CAM9B,eAN8B,CAAA,CAAA,CAM9B,KAAA,CAAA,aAN8B,CAM9B,cAN8B,CAAA,CAAA"}

package/dist/components/client/Chip/ChipButton.js

@@ -1,35 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { getStyles } from "../../../styles/styler.js";
-import { mergeSlotProps } from "../../../utils/mergeSlotProps.js";
-import { ChipBase, VARIANT_DEFAULT } from "./ChipBase.js";
-import React, { forwardRef, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/client/Chip/ChipButton.tsx
-const ChipButton = forwardRef(function ChipButton$1({ variant = VARIANT_DEFAULT, slotProps, className,...rest }, ref) {
-	const classNames = useMemo(() => ({
-		root: getStyles({
-			chipLinkVariantRoot: variant,
-			className
-		}),
-		icon: getStyles({ chipLinkVariantIcon: variant })
-	}), [className, variant]);
-	const mergedSlotProps = mergeSlotProps(slotProps, {
-		startIcon: { className: classNames.icon },
-		endIcon: { className: classNames.icon }
-	});
-	return /* @__PURE__ */ jsx(ChipBase, {
-		as: "button",
-		ref,
-		tabIndex: 0,
-		className: classNames.root,
-		slotProps: mergedSlotProps,
-		...rest
-	});
-});
-ChipButton.displayName = "ChipButton";
-
-//#endregion
-export { ChipButton };
-//# sourceMappingURL=ChipButton.js.map

package/dist/components/client/Chip/ChipButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipButton.js","names":["ChipButton"],"sources":["../../../../src/components/client/Chip/ChipButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { getStyles } from '../../../styles/styler';\nimport type { UniversalChipButtonProps } from '../../../tokens';\nimport { mergeSlotProps } from '../../../utils/mergeSlotProps';\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipBase, VARIANT_DEFAULT } from './ChipBase';\n\ntype HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;\n\ninterface ChipButtonProps extends HtmlDivProps, Omit<UniversalChipButtonProps, 'type'> {\n  slotProps?: ChipBaseProps['slotProps'];\n}\n\nconst ChipButton = forwardRef<HTMLDivElement, ChipButtonProps>(function ChipButton(\n  { variant = VARIANT_DEFAULT, slotProps, className, ...rest }: ChipButtonProps,\n  ref,\n) {\n  const classNames = useMemo(\n    () => ({\n      root: getStyles({\n        chipLinkVariantRoot: variant,\n        className,\n      }),\n\n      icon: getStyles({\n        chipLinkVariantIcon: variant,\n      }),\n    }),\n    [className, variant],\n  );\n\n  const mergedSlotProps = mergeSlotProps(slotProps, {\n    startIcon: { className: classNames.icon },\n    endIcon: { className: classNames.icon },\n  });\n\n  return (\n    <ChipBase\n      as=\"button\"\n      ref={ref}\n      // Required for Safari to render a focus ring\n      tabIndex={0}\n      className={classNames.root}\n      slotProps={mergedSlotProps}\n      {...rest}\n    />\n  );\n});\n\n// Need to re-set this because of the forwardRef wrapper\nChipButton.displayName = 'ChipButton';\n\nexport { ChipButton, type ChipButtonProps };\n"],"mappings":";;;;;;;;AAcA,MAAM,aAAa,WAA4C,SAASA,aACtE,EAAE,UAAU,iBAAiB,WAAW,UAAW,GAAG,QACtD,KACA;CACA,MAAM,aAAa,eACV;EACL,MAAM,UAAU;GACd,qBAAqB;GACrB;GACD,CAAC;EAEF,MAAM,UAAU,EACd,qBAAqB,SACtB,CAAC;EACH,GACD,CAAC,WAAW,QAAQ,CACrB;CAED,MAAM,kBAAkB,eAAe,WAAW;EAChD,WAAW,EAAE,WAAW,WAAW,MAAM;EACzC,SAAS,EAAE,WAAW,WAAW,MAAM;EACxC,CAAC;AAEF,QACE,oBAAC;EACC,IAAG;EACE;EAEL,UAAU;EACV,WAAW,WAAW;EACtB,WAAW;EACX,GAAI;GACJ;EAEJ;AAGF,WAAW,cAAc"}

package/dist/components/client/Chip/ChipDismissible.cjs

@@ -1,57 +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_IconSlot = require('../../IconSlot.cjs');
-const require_utils_mergeSlotProps = require('../../../utils/mergeSlotProps.cjs');
-const require_components_client_Chip_ChipBase = require('./ChipBase.cjs');
-const require_components_client_Pressable = require('../Pressable.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let __yahoo_uds_icons = require("@yahoo/uds-icons");
-
-//#region src/components/client/Chip/ChipDismissible.tsx
-const ChipDismissible = (0, react.forwardRef)(function ChipDismissible$1({ dismissButtonAriaLabel, onDismiss, dismissIcon, variant = require_components_client_Chip_ChipBase.VARIANT_DEFAULT, disabled, slotProps, className,...rest }, ref) {
-	const classNames = (0, react.useMemo)(() => ({
-		root: require_styles_styler.getStyles({
-			chipDismissibleVariantRoot: variant,
-			className
-		}),
-		icon: require_styles_styler.getStyles({ chipDismissibleVariantIcon: variant }),
-		iconPressable: require_styles_styler.cx("uds-chip-dismissible-button", "uds-hit-target")
-	}), [className, variant]);
-	/**
-	* Handlers
-	*/
-	const handleDismissClick = (0, react.useCallback)((e) => {
-		e.stopPropagation();
-		onDismiss?.();
-	}, [onDismiss]);
-	const mergedSlotProps = require_utils_mergeSlotProps.mergeSlotProps(slotProps, {
-		startIcon: { className: classNames.icon },
-		endIcon: { className: classNames.icon }
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Chip_ChipBase.ChipBase, {
-		ref,
-		disabled,
-		tabIndex: -1,
-		endIcon: (iconProps) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pressable.Pressable, {
-			"aria-label": dismissButtonAriaLabel,
-			className: classNames.iconPressable,
-			onClick: handleDismissClick,
-			disabled,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-				icon: dismissIcon ?? __yahoo_uds_icons.Cross,
-				iconProps
-			})
-		}),
-		className: classNames.root,
-		slotProps: mergedSlotProps,
-		...rest
-	});
-});
-ChipDismissible.displayName = "ChipDismissible";
-
-//#endregion
-exports.ChipDismissible = ChipDismissible;

package/dist/components/client/Chip/ChipDismissible.d.cts

@@ -1,14 +0,0 @@
-import { UniversalChipDismissibleProps } from "../../../tokens/types.cjs";
-import "../../../tokens/index.cjs";
-import { ChipBaseProps } from "./ChipBase.cjs";
-import React from "react";
-
-//#region src/components/client/Chip/ChipDismissible.d.ts
-type HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;
-interface ChipDismissibleProps extends HtmlDivProps, Omit<UniversalChipDismissibleProps, 'type'> {
-  slotProps?: ChipBaseProps['slotProps'];
-}
-declare const ChipDismissible: React.ForwardRefExoticComponent<ChipDismissibleProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { ChipDismissible, type ChipDismissibleProps };
-//# sourceMappingURL=ChipDismissible.d.cts.map

package/dist/components/client/Chip/ChipDismissible.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipDismissible.d.cts","names":[],"sources":["../../../../src/components/client/Chip/ChipDismissible.tsx"],"sourcesContent":[],"mappings":";;;;;;KAYK,YAAA,CAAA,CAAA,CAAe,KAAK,KAAA,CAAM,eAAe;UAEpC,oBAAA,CAAA,OAAA,CAA6B,cAAc,KAAK;cAC5C;AANkC;cAS1C,eANwC,CAAA,CAMzB,KAAA,CAAA,yBANyB,CAMzB,oBANyB,CAAA,CAAA,CAMzB,KAAA,CAAA,aANyB,CAMzB,cANyB,CAAA,CAAA"}

package/dist/components/client/Chip/ChipDismissible.d.ts

@@ -1,14 +0,0 @@
-import { UniversalChipDismissibleProps } from "../../../tokens/types.js";
-import "../../../tokens/index.js";
-import { ChipBaseProps } from "./ChipBase.js";
-import React from "react";
-
-//#region src/components/client/Chip/ChipDismissible.d.ts
-type HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;
-interface ChipDismissibleProps extends HtmlDivProps, Omit<UniversalChipDismissibleProps, 'type'> {
-  slotProps?: ChipBaseProps['slotProps'];
-}
-declare const ChipDismissible: React.ForwardRefExoticComponent<ChipDismissibleProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { ChipDismissible, type ChipDismissibleProps };
-//# sourceMappingURL=ChipDismissible.d.ts.map

package/dist/components/client/Chip/ChipDismissible.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipDismissible.d.ts","names":[],"sources":["../../../../src/components/client/Chip/ChipDismissible.tsx"],"sourcesContent":[],"mappings":";;;;;;KAYK,YAAA,CAAA,CAAA,CAAe,KAAK,KAAA,CAAM,eAAe;UAEpC,oBAAA,CAAA,OAAA,CAA6B,cAAc,KAAK;cAC5C;AANkC;cAS1C,eANwC,CAAA,CAMzB,KAAA,CAAA,yBANyB,CAMzB,oBANyB,CAAA,CAAA,CAMzB,KAAA,CAAA,aANyB,CAMzB,cANyB,CAAA,CAAA"}

package/dist/components/client/Chip/ChipDismissible.js

@@ -1,56 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { cx, getStyles } from "../../../styles/styler.js";
-import { IconSlot } from "../../IconSlot.js";
-import { mergeSlotProps } from "../../../utils/mergeSlotProps.js";
-import { ChipBase, VARIANT_DEFAULT } from "./ChipBase.js";
-import { Pressable } from "../Pressable.js";
-import React, { forwardRef, useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Cross } from "@yahoo/uds-icons";
-
-//#region src/components/client/Chip/ChipDismissible.tsx
-const ChipDismissible = forwardRef(function ChipDismissible$1({ dismissButtonAriaLabel, onDismiss, dismissIcon, variant = VARIANT_DEFAULT, disabled, slotProps, className,...rest }, ref) {
-	const classNames = useMemo(() => ({
-		root: getStyles({
-			chipDismissibleVariantRoot: variant,
-			className
-		}),
-		icon: getStyles({ chipDismissibleVariantIcon: variant }),
-		iconPressable: cx("uds-chip-dismissible-button", "uds-hit-target")
-	}), [className, variant]);
-	/**
-	* Handlers
-	*/
-	const handleDismissClick = useCallback((e) => {
-		e.stopPropagation();
-		onDismiss?.();
-	}, [onDismiss]);
-	const mergedSlotProps = mergeSlotProps(slotProps, {
-		startIcon: { className: classNames.icon },
-		endIcon: { className: classNames.icon }
-	});
-	return /* @__PURE__ */ jsx(ChipBase, {
-		ref,
-		disabled,
-		tabIndex: -1,
-		endIcon: (iconProps) => /* @__PURE__ */ jsx(Pressable, {
-			"aria-label": dismissButtonAriaLabel,
-			className: classNames.iconPressable,
-			onClick: handleDismissClick,
-			disabled,
-			children: /* @__PURE__ */ jsx(IconSlot, {
-				icon: dismissIcon ?? Cross,
-				iconProps
-			})
-		}),
-		className: classNames.root,
-		slotProps: mergedSlotProps,
-		...rest
-	});
-});
-ChipDismissible.displayName = "ChipDismissible";
-
-//#endregion
-export { ChipDismissible };
-//# sourceMappingURL=ChipDismissible.js.map