@yahoo/uds-mobile 2.14.0 → 2.15.0

package/dist/components/Avatar.d.ts

@@ -1,68 +0,0 @@
-
-import { IconSlotType } from "./IconSlot.js";
-import * as _$react from "react";
-import { View, ViewProps } from "react-native";
-
-//#region src/components/Avatar.d.ts
-/** Avatar size options */
-type AvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-/** Avatar variant options */
-type AvatarVariant = 'primary' | 'secondary';
-/** Abbreviation strategy for generating initials */
-type AbbreviationStrategy = 'first' | 'last' | 'firstAndLast' | 'firstTwo' | 'firstThree' | 'firstOfEach' | ((name: string) => string);
-interface AvatarProps extends ViewProps {
-  /** Image source URL */
-  src?: string;
-  /** Alt text for the image, also used for generating initials */
-  alt?: string;
-  /** Explicit initials to display (overrides auto-generated from alt) */
-  fallback?: string;
-  /** Size of the avatar @default 'md' */
-  size?: AvatarSize;
-  /** Variant style @default 'primary' */
-  variant?: AvatarVariant;
-  /** Custom icon to display when no image or text fallback */
-  icon?: IconSlotType;
-  /** Strategy for generating initials from name @default 'firstAndLast' */
-  abbreviationStrategy?: AbbreviationStrategy;
-}
-/**
- * **Avatar component for user representation**
- *
- * @description
- * Displays a user avatar with image, initials fallback, or icon fallback.
- *
- * @category Display
- * @platform mobile
- *
- * @example
- * ```tsx
- * import { Avatar } from '@yahoo/uds-mobile/Avatar';
- *
- * // With image
- * <Avatar
- *   src="https://example.com/photo.jpg"
- *   alt="Jane Doe"
- * />
- *
- * // With initials fallback
- * <Avatar alt="Jane Doe" />
- *
- * // With explicit initials
- * <Avatar fallback="JD" />
- *
- * // With custom icon
- * <Avatar icon="Person" variant="secondary" />
- * ```
- *
- * @accessibility
- * - Sets `accessibilityRole="image"` automatically
- * - Uses `alt` prop as accessibility label
- * - Always provide meaningful `alt` text for user identification
- *
- * @see {@link Image} for general image display
- */
-declare const Avatar: _$react.ForwardRefExoticComponent<AvatarProps & _$react.RefAttributes<View>>;
-//#endregion
-export { Avatar, type AvatarProps };
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","names":[],"sources":["../../src/components/Avatar.tsx"],"mappings":";;;;;;;KAWK,UAAA;;KAGA,aAAA;;KAGA,oBAAA,qFAOC,IAAA;AAAA,UAEI,WAAA,SAAoB,SAAA;EAff;EAiBb,GAAA;EAdgB;EAgBhB,GAAA;EAhBgB;EAkBhB,QAAA;EAfG;EAiBH,IAAA,GAAO,UAAA;;EAEP,OAAA,GAAU,aAAA;EAZM;EAchB,IAAA,GAAO,YAAA;EAZa;EAcpB,oBAAA,GAAuB,oBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;AAAoB;;;;;;;;;;;;;;;;cAoEvC,MAAA,EAAM,OAAA,CAAA,yBAAA,CAAA,WAAA,GAAA,OAAA,CAAA,aAAA,CAAA,IAAA"}

package/dist/components/Avatar.js

@@ -1,116 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-import { Box } from "./Box.js";
-import { IconSlot } from "./IconSlot.js";
-import { Text as Text$1 } from "./Text.js";
-import { forwardRef, useState } from "react";
-import { Image } from "react-native";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { avatarStyles } from "../../generated/styles";
-//#region src/components/Avatar.tsx
-const abbreviationStrategies = {
-	first: (initials) => initials[0] ?? "",
-	last: (initials) => initials[initials.length - 1] ?? "",
-	firstAndLast: (initials) => initials.length === 1 ? initials[0] ?? "" : `${initials[0]}${initials[initials.length - 1]}`,
-	firstTwo: (initials) => initials.slice(0, 2).join(""),
-	firstThree: (initials) => initials.slice(0, 3).join(""),
-	firstOfEach: (initials) => initials.join("")
-};
-/** Generate initials from a name */
-function generateInitials(name, strategy = "firstAndLast") {
-	if (!name) return "";
-	if (typeof strategy === "function") return strategy(name);
-	const initials = name.trim().split(/\s+/).map((word) => word[0]?.toUpperCase() ?? "");
-	return abbreviationStrategies[strategy](initials);
-}
-/**
-* **Avatar component for user representation**
-*
-* @description
-* Displays a user avatar with image, initials fallback, or icon fallback.
-*
-* @category Display
-* @platform mobile
-*
-* @example
-* ```tsx
-* import { Avatar } from '@yahoo/uds-mobile/Avatar';
-*
-* // With image
-* <Avatar
-*   src="https://example.com/photo.jpg"
-*   alt="Jane Doe"
-* />
-*
-* // With initials fallback
-* <Avatar alt="Jane Doe" />
-*
-* // With explicit initials
-* <Avatar fallback="JD" />
-*
-* // With custom icon
-* <Avatar icon="Person" variant="secondary" />
-* ```
-*
-* @accessibility
-* - Sets `accessibilityRole="image"` automatically
-* - Uses `alt` prop as accessibility label
-* - Always provide meaningful `alt` text for user identification
-*
-* @see {@link Image} for general image display
-*/
-const Avatar = forwardRef(function Avatar({ src, alt, fallback, size = "md", variant = "primary", icon, abbreviationStrategy = "firstAndLast", style, ...props }, ref) {
-	const [imageError, setImageError] = useState(false);
-	const initials = fallback || generateInitials(alt, abbreviationStrategy);
-	const hasImage = src && !imageError;
-	const hasText = initials.length > 0;
-	const showImage = hasImage;
-	const showText = !hasImage && hasText;
-	const showIcon = !hasImage && !hasText;
-	avatarStyles.useVariants({
-		size,
-		...showImage && { image: variant },
-		...showText && { text: variant },
-		...showIcon && { icon: variant }
-	});
-	return /* @__PURE__ */ jsxs(Box, {
-		ref,
-		style: [
-			avatarStyles.root,
-			{
-				alignItems: "center",
-				justifyContent: "center",
-				overflow: "hidden"
-			},
-			style
-		],
-		accessibilityRole: "image",
-		accessibilityLabel: alt,
-		...props,
-		children: [
-			showImage && /* @__PURE__ */ jsx(Image, {
-				source: { uri: src },
-				style: {
-					width: "100%",
-					height: "100%"
-				},
-				onError: () => setImageError(true),
-				accessibilityLabel: alt
-			}),
-			showText && /* @__PURE__ */ jsx(Text$1, {
-				style: avatarStyles.text,
-				numberOfLines: 1,
-				children: initials
-			}),
-			showIcon && /* @__PURE__ */ jsx(IconSlot, {
-				icon: icon ?? "Person",
-				variant: "fill",
-				style: avatarStyles.icon
-			})
-		]
-	});
-});
-Avatar.displayName = "Avatar";
-//#endregion
-export { Avatar };
-
-//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","names":["RNImage","Text"],"sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react';\nimport type { View, ViewProps } from 'react-native';\nimport { Image as RNImage } from 'react-native';\n\nimport { avatarStyles } from '../../generated/styles';\nimport { Box } from './Box';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\nimport { Text } from './Text';\n\n/** Avatar size options */\ntype AvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\n\n/** Avatar variant options */\ntype AvatarVariant = 'primary' | 'secondary';\n\n/** Abbreviation strategy for generating initials */\ntype AbbreviationStrategy =\n  | 'first'\n  | 'last'\n  | 'firstAndLast'\n  | 'firstTwo'\n  | 'firstThree'\n  | 'firstOfEach'\n  | ((name: string) => string);\n\ninterface AvatarProps extends ViewProps {\n  /** Image source URL */\n  src?: string;\n  /** Alt text for the image, also used for generating initials */\n  alt?: string;\n  /** Explicit initials to display (overrides auto-generated from alt) */\n  fallback?: string;\n  /** Size of the avatar @default 'md' */\n  size?: AvatarSize;\n  /** Variant style @default 'primary' */\n  variant?: AvatarVariant;\n  /** Custom icon to display when no image or text fallback */\n  icon?: IconSlotType;\n  /** Strategy for generating initials from name @default 'firstAndLast' */\n  abbreviationStrategy?: AbbreviationStrategy;\n}\n\nconst abbreviationStrategies: Record<\n  Exclude<AbbreviationStrategy, (name: string) => string>,\n  (initials: string[]) => string\n> = {\n  first: (initials) => initials[0] ?? '',\n  last: (initials) => initials[initials.length - 1] ?? '',\n  firstAndLast: (initials) =>\n    initials.length === 1 ? (initials[0] ?? '') : `${initials[0]}${initials[initials.length - 1]}`,\n  firstTwo: (initials) => initials.slice(0, 2).join(''),\n  firstThree: (initials) => initials.slice(0, 3).join(''),\n  firstOfEach: (initials) => initials.join(''),\n};\n\n/** Generate initials from a name */\nfunction generateInitials(name?: string, strategy: AbbreviationStrategy = 'firstAndLast'): string {\n  if (!name) {\n    return '';\n  }\n\n  if (typeof strategy === 'function') {\n    return strategy(name);\n  }\n\n  const words = name.trim().split(/\\s+/);\n  const initials = words.map((word) => word[0]?.toUpperCase() ?? '');\n\n  return abbreviationStrategies[strategy](initials);\n}\n\n/**\n * **Avatar component for user representation**\n *\n * @description\n * Displays a user avatar with image, initials fallback, or icon fallback.\n *\n * @category Display\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Avatar } from '@yahoo/uds-mobile/Avatar';\n *\n * // With image\n * <Avatar\n *   src=\"https://example.com/photo.jpg\"\n *   alt=\"Jane Doe\"\n * />\n *\n * // With initials fallback\n * <Avatar alt=\"Jane Doe\" />\n *\n * // With explicit initials\n * <Avatar fallback=\"JD\" />\n *\n * // With custom icon\n * <Avatar icon=\"Person\" variant=\"secondary\" />\n * ```\n *\n * @accessibility\n * - Sets `accessibilityRole=\"image\"` automatically\n * - Uses `alt` prop as accessibility label\n * - Always provide meaningful `alt` text for user identification\n *\n * @see {@link Image} for general image display\n */\nconst Avatar = forwardRef<View, AvatarProps>(function Avatar(\n  {\n    src,\n    alt,\n    fallback,\n    size = 'md',\n    variant = 'primary',\n    icon,\n    abbreviationStrategy = 'firstAndLast',\n    style,\n    ...props\n  },\n  ref,\n) {\n  const [imageError, setImageError] = useState(false);\n\n  const initials = fallback || generateInitials(alt, abbreviationStrategy);\n\n  const hasImage = src && !imageError;\n  const hasText = initials.length > 0;\n  const showImage = hasImage;\n  const showText = !hasImage && hasText;\n  const showIcon = !hasImage && !hasText;\n\n  avatarStyles.useVariants({\n    size,\n    ...(showImage && { image: variant }),\n    ...(showText && { text: variant }),\n    ...(showIcon && { icon: variant }),\n  });\n\n  return (\n    <Box\n      ref={ref}\n      style={[\n        avatarStyles.root,\n        { alignItems: 'center', justifyContent: 'center', overflow: 'hidden' },\n        style,\n      ]}\n      accessibilityRole=\"image\"\n      accessibilityLabel={alt}\n      {...props}\n    >\n      {showImage && (\n        <RNImage\n          source={{ uri: src }}\n          style={{ width: '100%', height: '100%' }}\n          onError={() => setImageError(true)}\n          accessibilityLabel={alt}\n        />\n      )}\n\n      {showText && (\n        <Text style={avatarStyles.text} numberOfLines={1}>\n          {initials}\n        </Text>\n      )}\n\n      {showIcon && <IconSlot icon={icon ?? 'Person'} variant=\"fill\" style={avatarStyles.icon} />}\n    </Box>\n  );\n});\n\nAvatar.displayName = 'Avatar';\n\nexport { Avatar, type AvatarProps };\n"],"mappings":";;;;;;;;;AA2CA,MAAM,yBAGF;CACF,QAAQ,aAAa,SAAS,MAAM;CACpC,OAAO,aAAa,SAAS,SAAS,SAAS,MAAM;CACrD,eAAe,aACb,SAAS,WAAW,IAAK,SAAS,MAAM,KAAM,GAAG,SAAS,KAAK,SAAS,SAAS,SAAS;CAC5F,WAAW,aAAa,SAAS,MAAM,GAAG,EAAE,CAAC,KAAK,GAAG;CACrD,aAAa,aAAa,SAAS,MAAM,GAAG,EAAE,CAAC,KAAK,GAAG;CACvD,cAAc,aAAa,SAAS,KAAK,GAAG;CAC7C;;AAGD,SAAS,iBAAiB,MAAe,WAAiC,gBAAwB;CAChG,IAAI,CAAC,MACH,OAAO;CAGT,IAAI,OAAO,aAAa,YACtB,OAAO,SAAS,KAAK;CAIvB,MAAM,WADQ,KAAK,MAAM,CAAC,MAAM,MACV,CAAC,KAAK,SAAS,KAAK,IAAI,aAAa,IAAI,GAAG;CAElE,OAAO,uBAAuB,UAAU,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCnD,MAAM,SAAS,WAA8B,SAAS,OACpD,EACE,KACA,KACA,UACA,OAAO,MACP,UAAU,WACV,MACA,uBAAuB,gBACvB,OACA,GAAG,SAEL,KACA;CACA,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,WAAW,YAAY,iBAAiB,KAAK,qBAAqB;CAExE,MAAM,WAAW,OAAO,CAAC;CACzB,MAAM,UAAU,SAAS,SAAS;CAClC,MAAM,YAAY;CAClB,MAAM,WAAW,CAAC,YAAY;CAC9B,MAAM,WAAW,CAAC,YAAY,CAAC;CAE/B,aAAa,YAAY;EACvB;EACA,GAAI,aAAa,EAAE,OAAO,SAAS;EACnC,GAAI,YAAY,EAAE,MAAM,SAAS;EACjC,GAAI,YAAY,EAAE,MAAM,SAAS;EAClC,CAAC;CAEF,OACE,qBAAC,KAAD;EACO;EACL,OAAO;GACL,aAAa;GACb;IAAE,YAAY;IAAU,gBAAgB;IAAU,UAAU;IAAU;GACtE;GACD;EACD,mBAAkB;EAClB,oBAAoB;EACpB,GAAI;YATN;GAWG,aACC,oBAACA,OAAD;IACE,QAAQ,EAAE,KAAK,KAAK;IACpB,OAAO;KAAE,OAAO;KAAQ,QAAQ;KAAQ;IACxC,eAAe,cAAc,KAAK;IAClC,oBAAoB;IACpB,CAAA;GAGH,YACC,oBAACC,QAAD;IAAM,OAAO,aAAa;IAAM,eAAe;cAC5C;IACI,CAAA;GAGR,YAAY,oBAAC,UAAD;IAAU,MAAM,QAAQ;IAAU,SAAQ;IAAO,OAAO,aAAa;IAAQ,CAAA;GACtF;;EAER;AAEF,OAAO,cAAc"}

package/dist/components/Chip.cjs

@@ -1,139 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../_virtual/_rolldown/runtime.cjs");
-const require_components_IconSlot = require("./IconSlot.cjs");
-const require_components_Text = require("./Text.cjs");
-const require_components_HStack = require("./HStack.cjs");
-const require_components_Pressable = require("./Pressable.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let generated_styles = require("../../generated/styles");
-//#region src/components/Chip.tsx
-/**
-* **A chip component for selections, filters, or actions**
-*
-* @description
-* Chips help people make selections, filter content, or trigger actions.
-* They can be toggleable, dismissible, or simple pressable elements.
-*
-* @category Interactive
-* @platform mobile
-*
-* @example
-* ```tsx
-* import { Chip } from '@yahoo/uds-mobile/Chip';
-*
-* // Basic chip
-* <Chip>Label</Chip>
-*
-* // Toggle chip
-* <Chip isToggled={selected} onToggle={setSelected}>Filter</Chip>
-*
-* // Dismissible chip
-* <Chip onDismiss={() => removeChip()}>Tag</Chip>
-*
-* // With icons
-* <Chip startIcon="Star" variant="brand">Favorite</Chip>
-* ```
-*
-* @usage
-* - Filters: For multi-select filtering options
-* - Tags: For displaying and removing tags
-* - Actions: For quick contextual actions
-*
-* @accessibility
-* - Toggle chips use `accessibilityRole="checkbox"` with checked state
-* - Action chips use `accessibilityRole="button"`
-* - Dismiss button has customizable `dismissButtonAriaLabel`
-*
-* @see {@link Badge} for non-interactive status indicators
-* @see {@link Button} for primary actions
-*/
-const Chip = (0, react.memo)(function Chip({ variant = "primary", size = "md", minWidth, maxWidth = 200, startIcon, endIcon, disabled = false, isToggled = false, onPress, onToggle, onDismiss, dismissButtonAriaLabel = "Dismiss", children, style, ref, ...rest }) {
-	const isInteractive = Boolean(onPress || onToggle);
-	const isDismissible = Boolean(onDismiss);
-	const isDisabled = disabled;
-	const toggleState = isToggled ? "on" : "off";
-	generated_styles.chipStyles.useVariants({
-		size,
-		link: variant,
-		dismissible: variant,
-		toggle: toggleState
-	});
-	const handlePress = (0, react.useCallback)(() => {
-		if (isDisabled) return;
-		if (onToggle) onToggle(!isToggled);
-		else if (onPress) onPress();
-	}, [
-		isDisabled,
-		onToggle,
-		isToggled,
-		onPress
-	]);
-	const handleDismiss = (0, react.useCallback)(() => {
-		if (isDisabled) return;
-		onDismiss?.();
-	}, [isDisabled, onDismiss]);
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		startIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-			icon: startIcon,
-			variant: "fill",
-			style: generated_styles.chipStyles.icon
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-			numberOfLines: 1,
-			textAlign: "center",
-			flexShrink: "1",
-			style: generated_styles.chipStyles.text,
-			children
-		}),
-		isDismissible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Pressable.Pressable, {
-			onPress: isDisabled ? void 0 : handleDismiss,
-			disabled: isDisabled,
-			accessibilityLabel: dismissButtonAriaLabel,
-			accessibilityRole: "button",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-				icon: endIcon ?? "Cross",
-				variant: "fill",
-				style: generated_styles.chipStyles.icon
-			})
-		}) : endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-			icon: endIcon,
-			variant: "fill",
-			style: generated_styles.chipStyles.icon
-		})
-	] });
-	const a11yState = {
-		disabled: isDisabled,
-		checked: onToggle ? isToggled : void 0
-	};
-	const sharedProps = {
-		ref,
-		style: (0, react.useMemo)(() => [generated_styles.chipStyles.root, style], [generated_styles.chipStyles.root, style]),
-		flexDirection: "row",
-		alignItems: "center",
-		overflow: "hidden",
-		alignSelf: "flex-start",
-		maxWidth,
-		minWidth,
-		disabled: isDisabled,
-		opacity: isDisabled ? .5 : void 0,
-		accessibilityState: a11yState,
-		...rest
-	};
-	if (isInteractive) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Pressable.Pressable, {
-		onPress: handlePress,
-		accessibilityRole: onToggle ? "checkbox" : "button",
-		...sharedProps,
-		children: content
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_HStack.HStack, {
-		accessibilityRole: isDismissible ? "button" : void 0,
-		...sharedProps,
-		...rest,
-		children: content
-	});
-});
-Chip.displayName = "Chip";
-//#endregion
-exports.Chip = Chip;

package/dist/components/Chip.d.cts

@@ -1,82 +0,0 @@
-
-import { ChipSize, ChipVariant } from "../types/dist/index.cjs";
-import { IconSlotType } from "./IconSlot.cjs";
-import * as _$react from "react";
-import { Ref } from "react";
-import { View, ViewProps } from "react-native";
-
-//#region src/components/Chip.d.ts
-interface ChipProps extends Omit<ViewProps, 'children'> {
-  /** Ref to the underlying View */
-  ref?: Ref<View>;
-  /** The visual style variant @default 'primary' */
-  variant?: ChipVariant;
-  /** The size of the chip @default 'md' */
-  size?: ChipSize;
-  /** Minimum width of the chip in pixels */
-  minWidth?: number;
-  /** Maximum width of the chip in pixels @default 200 */
-  maxWidth?: number;
-  /** Icon displayed at the start of the chip */
-  startIcon?: IconSlotType;
-  /** Icon displayed at the end of the chip */
-  endIcon?: IconSlotType;
-  /** Whether the chip is disabled */
-  disabled?: boolean;
-  /** Called when the chip is pressed. Makes the chip interactive. */
-  onPress?: () => void;
-  /** Whether the chip is toggled/selected. */
-  isToggled?: boolean;
-  /** Called when the chip toggle state changes. */
-  onToggle?: (toggled: boolean) => void;
-  /** Called when the dismiss button is pressed. Shows a dismiss icon. */
-  onDismiss?: () => void;
-  /** Accessibility label for the dismiss button. */
-  dismissButtonAriaLabel?: string;
-  /** Chip label content */
-  children?: React.ReactNode;
-}
-/**
- * **A chip component for selections, filters, or actions**
- *
- * @description
- * Chips help people make selections, filter content, or trigger actions.
- * They can be toggleable, dismissible, or simple pressable elements.
- *
- * @category Interactive
- * @platform mobile
- *
- * @example
- * ```tsx
- * import { Chip } from '@yahoo/uds-mobile/Chip';
- *
- * // Basic chip
- * <Chip>Label</Chip>
- *
- * // Toggle chip
- * <Chip isToggled={selected} onToggle={setSelected}>Filter</Chip>
- *
- * // Dismissible chip
- * <Chip onDismiss={() => removeChip()}>Tag</Chip>
- *
- * // With icons
- * <Chip startIcon="Star" variant="brand">Favorite</Chip>
- * ```
- *
- * @usage
- * - Filters: For multi-select filtering options
- * - Tags: For displaying and removing tags
- * - Actions: For quick contextual actions
- *
- * @accessibility
- * - Toggle chips use `accessibilityRole="checkbox"` with checked state
- * - Action chips use `accessibilityRole="button"`
- * - Dismiss button has customizable `dismissButtonAriaLabel`
- *
- * @see {@link Badge} for non-interactive status indicators
- * @see {@link Button} for primary actions
- */
-declare const Chip: _$react.NamedExoticComponent<ChipProps>;
-//#endregion
-export { Chip, type ChipProps };
-//# sourceMappingURL=Chip.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.d.cts","names":[],"sources":["../../src/components/Chip.tsx"],"mappings":";;;;;;;;UAYU,SAAA,SAAkB,IAAA,CAAK,SAAA;;EAE/B,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,OAAA,GAAU,WAAA;;EAEV,IAAA,GAAO,QAAA;EAJG;EAMV,QAAA;EAJU;EAMV,QAAA;EAEY;EAAZ,SAAA,GAAY,YAAA;EAgBD;EAdX,OAAA,GAAU,YAAA;EAdoB;EAgB9B,QAAA;EAhB0B;EAkB1B,OAAA;EAhBA;EAkBA,SAAA;EAlBU;EAoBV,QAAA,IAAY,OAAA;EAlBF;EAoBV,SAAA;EAlBO;EAoBP,sBAAA;EAhBA;EAkBA,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;;;;;;;;;;;;;;;AAAS;;;;;;;;;;;;;;;;;;;;;;;;;;cA2CtB,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}

package/dist/components/Chip.d.ts

@@ -1,82 +0,0 @@
-
-import { ChipSize, ChipVariant } from "../types/dist/index.js";
-import { IconSlotType } from "./IconSlot.js";
-import * as _$react from "react";
-import { Ref } from "react";
-import { View, ViewProps } from "react-native";
-
-//#region src/components/Chip.d.ts
-interface ChipProps extends Omit<ViewProps, 'children'> {
-  /** Ref to the underlying View */
-  ref?: Ref<View>;
-  /** The visual style variant @default 'primary' */
-  variant?: ChipVariant;
-  /** The size of the chip @default 'md' */
-  size?: ChipSize;
-  /** Minimum width of the chip in pixels */
-  minWidth?: number;
-  /** Maximum width of the chip in pixels @default 200 */
-  maxWidth?: number;
-  /** Icon displayed at the start of the chip */
-  startIcon?: IconSlotType;
-  /** Icon displayed at the end of the chip */
-  endIcon?: IconSlotType;
-  /** Whether the chip is disabled */
-  disabled?: boolean;
-  /** Called when the chip is pressed. Makes the chip interactive. */
-  onPress?: () => void;
-  /** Whether the chip is toggled/selected. */
-  isToggled?: boolean;
-  /** Called when the chip toggle state changes. */
-  onToggle?: (toggled: boolean) => void;
-  /** Called when the dismiss button is pressed. Shows a dismiss icon. */
-  onDismiss?: () => void;
-  /** Accessibility label for the dismiss button. */
-  dismissButtonAriaLabel?: string;
-  /** Chip label content */
-  children?: React.ReactNode;
-}
-/**
- * **A chip component for selections, filters, or actions**
- *
- * @description
- * Chips help people make selections, filter content, or trigger actions.
- * They can be toggleable, dismissible, or simple pressable elements.
- *
- * @category Interactive
- * @platform mobile
- *
- * @example
- * ```tsx
- * import { Chip } from '@yahoo/uds-mobile/Chip';
- *
- * // Basic chip
- * <Chip>Label</Chip>
- *
- * // Toggle chip
- * <Chip isToggled={selected} onToggle={setSelected}>Filter</Chip>
- *
- * // Dismissible chip
- * <Chip onDismiss={() => removeChip()}>Tag</Chip>
- *
- * // With icons
- * <Chip startIcon="Star" variant="brand">Favorite</Chip>
- * ```
- *
- * @usage
- * - Filters: For multi-select filtering options
- * - Tags: For displaying and removing tags
- * - Actions: For quick contextual actions
- *
- * @accessibility
- * - Toggle chips use `accessibilityRole="checkbox"` with checked state
- * - Action chips use `accessibilityRole="button"`
- * - Dismiss button has customizable `dismissButtonAriaLabel`
- *
- * @see {@link Badge} for non-interactive status indicators
- * @see {@link Button} for primary actions
- */
-declare const Chip: _$react.NamedExoticComponent<ChipProps>;
-//#endregion
-export { Chip, type ChipProps };
-//# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.d.ts","names":[],"sources":["../../src/components/Chip.tsx"],"mappings":";;;;;;;;UAYU,SAAA,SAAkB,IAAA,CAAK,SAAA;;EAE/B,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,OAAA,GAAU,WAAA;;EAEV,IAAA,GAAO,QAAA;EAJG;EAMV,QAAA;EAJU;EAMV,QAAA;EAEY;EAAZ,SAAA,GAAY,YAAA;EAgBD;EAdX,OAAA,GAAU,YAAA;EAdoB;EAgB9B,QAAA;EAhB0B;EAkB1B,OAAA;EAhBA;EAkBA,SAAA;EAlBU;EAoBV,QAAA,IAAY,OAAA;EAlBF;EAoBV,SAAA;EAlBO;EAoBP,sBAAA;EAhBA;EAkBA,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;;;;;;;;;;;;;;;AAAS;;;;;;;;;;;;;;;;;;;;;;;;;;cA2CtB,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}

package/dist/components/Chip.js

@@ -1,139 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-import { IconSlot } from "./IconSlot.js";
-import { Text } from "./Text.js";
-import { HStack } from "./HStack.js";
-import { Pressable } from "./Pressable.js";
-import { memo, useCallback, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { chipStyles } from "../../generated/styles";
-//#region src/components/Chip.tsx
-/**
-* **A chip component for selections, filters, or actions**
-*
-* @description
-* Chips help people make selections, filter content, or trigger actions.
-* They can be toggleable, dismissible, or simple pressable elements.
-*
-* @category Interactive
-* @platform mobile
-*
-* @example
-* ```tsx
-* import { Chip } from '@yahoo/uds-mobile/Chip';
-*
-* // Basic chip
-* <Chip>Label</Chip>
-*
-* // Toggle chip
-* <Chip isToggled={selected} onToggle={setSelected}>Filter</Chip>
-*
-* // Dismissible chip
-* <Chip onDismiss={() => removeChip()}>Tag</Chip>
-*
-* // With icons
-* <Chip startIcon="Star" variant="brand">Favorite</Chip>
-* ```
-*
-* @usage
-* - Filters: For multi-select filtering options
-* - Tags: For displaying and removing tags
-* - Actions: For quick contextual actions
-*
-* @accessibility
-* - Toggle chips use `accessibilityRole="checkbox"` with checked state
-* - Action chips use `accessibilityRole="button"`
-* - Dismiss button has customizable `dismissButtonAriaLabel`
-*
-* @see {@link Badge} for non-interactive status indicators
-* @see {@link Button} for primary actions
-*/
-const Chip = memo(function Chip({ variant = "primary", size = "md", minWidth, maxWidth = 200, startIcon, endIcon, disabled = false, isToggled = false, onPress, onToggle, onDismiss, dismissButtonAriaLabel = "Dismiss", children, style, ref, ...rest }) {
-	const isInteractive = Boolean(onPress || onToggle);
-	const isDismissible = Boolean(onDismiss);
-	const isDisabled = disabled;
-	const toggleState = isToggled ? "on" : "off";
-	chipStyles.useVariants({
-		size,
-		link: variant,
-		dismissible: variant,
-		toggle: toggleState
-	});
-	const handlePress = useCallback(() => {
-		if (isDisabled) return;
-		if (onToggle) onToggle(!isToggled);
-		else if (onPress) onPress();
-	}, [
-		isDisabled,
-		onToggle,
-		isToggled,
-		onPress
-	]);
-	const handleDismiss = useCallback(() => {
-		if (isDisabled) return;
-		onDismiss?.();
-	}, [isDisabled, onDismiss]);
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-		startIcon && /* @__PURE__ */ jsx(IconSlot, {
-			icon: startIcon,
-			variant: "fill",
-			style: chipStyles.icon
-		}),
-		/* @__PURE__ */ jsx(Text, {
-			numberOfLines: 1,
-			textAlign: "center",
-			flexShrink: "1",
-			style: chipStyles.text,
-			children
-		}),
-		isDismissible ? /* @__PURE__ */ jsx(Pressable, {
-			onPress: isDisabled ? void 0 : handleDismiss,
-			disabled: isDisabled,
-			accessibilityLabel: dismissButtonAriaLabel,
-			accessibilityRole: "button",
-			children: /* @__PURE__ */ jsx(IconSlot, {
-				icon: endIcon ?? "Cross",
-				variant: "fill",
-				style: chipStyles.icon
-			})
-		}) : endIcon && /* @__PURE__ */ jsx(IconSlot, {
-			icon: endIcon,
-			variant: "fill",
-			style: chipStyles.icon
-		})
-	] });
-	const a11yState = {
-		disabled: isDisabled,
-		checked: onToggle ? isToggled : void 0
-	};
-	const sharedProps = {
-		ref,
-		style: useMemo(() => [chipStyles.root, style], [chipStyles.root, style]),
-		flexDirection: "row",
-		alignItems: "center",
-		overflow: "hidden",
-		alignSelf: "flex-start",
-		maxWidth,
-		minWidth,
-		disabled: isDisabled,
-		opacity: isDisabled ? .5 : void 0,
-		accessibilityState: a11yState,
-		...rest
-	};
-	if (isInteractive) return /* @__PURE__ */ jsx(Pressable, {
-		onPress: handlePress,
-		accessibilityRole: onToggle ? "checkbox" : "button",
-		...sharedProps,
-		children: content
-	});
-	return /* @__PURE__ */ jsx(HStack, {
-		accessibilityRole: isDismissible ? "button" : void 0,
-		...sharedProps,
-		...rest,
-		children: content
-	});
-});
-Chip.displayName = "Chip";
-//#endregion
-export { Chip };
-
-//# sourceMappingURL=Chip.js.map

package/dist/components/Chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.js","names":[],"sources":["../../src/components/Chip.tsx"],"sourcesContent":["import type { ChipSize, ChipVariant } from '@yahoo/uds-types';\nimport type { Ref } from 'react';\nimport { memo, useCallback, useMemo } from 'react';\nimport type { View, ViewProps } from 'react-native';\n\nimport { chipStyles } from '../../generated/styles';\nimport { HStack } from './HStack';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\nimport { Pressable } from './Pressable';\nimport { Text } from './Text';\n\ninterface ChipProps extends Omit<ViewProps, 'children'> {\n  /** Ref to the underlying View */\n  ref?: Ref<View>;\n  /** The visual style variant @default 'primary' */\n  variant?: ChipVariant;\n  /** The size of the chip @default 'md' */\n  size?: ChipSize;\n  /** Minimum width of the chip in pixels */\n  minWidth?: number;\n  /** Maximum width of the chip in pixels @default 200 */\n  maxWidth?: number;\n  /** Icon displayed at the start of the chip */\n  startIcon?: IconSlotType;\n  /** Icon displayed at the end of the chip */\n  endIcon?: IconSlotType;\n  /** Whether the chip is disabled */\n  disabled?: boolean;\n  /** Called when the chip is pressed. Makes the chip interactive. */\n  onPress?: () => void;\n  /** Whether the chip is toggled/selected. */\n  isToggled?: boolean;\n  /** Called when the chip toggle state changes. */\n  onToggle?: (toggled: boolean) => void;\n  /** Called when the dismiss button is pressed. Shows a dismiss icon. */\n  onDismiss?: () => void;\n  /** Accessibility label for the dismiss button. */\n  dismissButtonAriaLabel?: string;\n  /** Chip label content */\n  children?: React.ReactNode;\n}\n\n/**\n * **A chip component for selections, filters, or actions**\n *\n * @description\n * Chips help people make selections, filter content, or trigger actions.\n * They can be toggleable, dismissible, or simple pressable elements.\n *\n * @category Interactive\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Chip } from '@yahoo/uds-mobile/Chip';\n *\n * // Basic chip\n * <Chip>Label</Chip>\n *\n * // Toggle chip\n * <Chip isToggled={selected} onToggle={setSelected}>Filter</Chip>\n *\n * // Dismissible chip\n * <Chip onDismiss={() => removeChip()}>Tag</Chip>\n *\n * // With icons\n * <Chip startIcon=\"Star\" variant=\"brand\">Favorite</Chip>\n * ```\n *\n * @usage\n * - Filters: For multi-select filtering options\n * - Tags: For displaying and removing tags\n * - Actions: For quick contextual actions\n *\n * @accessibility\n * - Toggle chips use `accessibilityRole=\"checkbox\"` with checked state\n * - Action chips use `accessibilityRole=\"button\"`\n * - Dismiss button has customizable `dismissButtonAriaLabel`\n *\n * @see {@link Badge} for non-interactive status indicators\n * @see {@link Button} for primary actions\n */\nconst Chip = memo(function Chip({\n  variant = 'primary',\n  size = 'md',\n  minWidth,\n  maxWidth = 200,\n  startIcon,\n  endIcon,\n  disabled = false,\n  isToggled = false,\n  onPress,\n  onToggle,\n  onDismiss,\n  dismissButtonAriaLabel = 'Dismiss',\n  children,\n  style,\n  ref,\n  ...rest\n}: ChipProps) {\n  const isInteractive = Boolean(onPress || onToggle);\n  const isDismissible = Boolean(onDismiss);\n  const isDisabled = disabled;\n  // Determine which variant type to use for styling\n  const toggleState = isToggled ? 'on' : 'off';\n\n  // Apply layer-based styles\n  // Note: Chip doesn't have disabled variants in theme - handled via opacity\n  // Note: pressed state is applied dynamically via Pressable's style callback\n  chipStyles.useVariants({\n    size,\n    link: variant,\n    dismissible: variant,\n    toggle: toggleState,\n  });\n\n  const handlePress = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n\n    if (onToggle) {\n      onToggle(!isToggled);\n    } else if (onPress) {\n      onPress();\n    }\n  }, [isDisabled, onToggle, isToggled, onPress]);\n\n  const handleDismiss = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n    onDismiss?.();\n  }, [isDisabled, onDismiss]);\n\n  const content = (\n    <>\n      {startIcon && <IconSlot icon={startIcon} variant=\"fill\" style={chipStyles.icon} />}\n      <Text numberOfLines={1} textAlign=\"center\" flexShrink=\"1\" style={chipStyles.text}>\n        {children}\n      </Text>\n      {isDismissible ? (\n        <Pressable\n          onPress={isDisabled ? undefined : handleDismiss}\n          disabled={isDisabled}\n          accessibilityLabel={dismissButtonAriaLabel}\n          accessibilityRole=\"button\"\n        >\n          <IconSlot icon={endIcon ?? 'Cross'} variant=\"fill\" style={chipStyles.icon} />\n        </Pressable>\n      ) : (\n        endIcon && <IconSlot icon={endIcon} variant=\"fill\" style={chipStyles.icon} />\n      )}\n    </>\n  );\n\n  const a11yState = {\n    disabled: isDisabled,\n    checked: onToggle ? isToggled : undefined,\n  };\n\n  const rootStyles = useMemo(() => [chipStyles.root, style], [chipStyles.root, style]);\n  const sharedProps = {\n    ref,\n    style: rootStyles,\n    flexDirection: 'row',\n    alignItems: 'center',\n    overflow: 'hidden',\n    alignSelf: 'flex-start',\n    maxWidth,\n    minWidth,\n    disabled: isDisabled,\n    opacity: isDisabled ? 0.5 : undefined,\n    accessibilityState: a11yState,\n    ...rest,\n  } as const;\n\n  // Interactive chip (toggle or button)\n  if (isInteractive) {\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessibilityRole={onToggle ? 'checkbox' : 'button'}\n        {...sharedProps}\n      >\n        {content}\n      </Pressable>\n    );\n  }\n\n  // Non-interactive chip (display only or dismissible)\n  return (\n    <HStack accessibilityRole={isDismissible ? 'button' : undefined} {...sharedProps} {...rest}>\n      {content}\n    </HStack>\n  );\n});\n\nChip.displayName = 'Chip';\n\nexport { Chip, type ChipProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,MAAM,OAAO,KAAK,SAAS,KAAK,EAC9B,UAAU,WACV,OAAO,MACP,UACA,WAAW,KACX,WACA,SACA,WAAW,OACX,YAAY,OACZ,SACA,UACA,WACA,yBAAyB,WACzB,UACA,OACA,KACA,GAAG,QACS;CACZ,MAAM,gBAAgB,QAAQ,WAAW,SAAS;CAClD,MAAM,gBAAgB,QAAQ,UAAU;CACxC,MAAM,aAAa;CAEnB,MAAM,cAAc,YAAY,OAAO;CAKvC,WAAW,YAAY;EACrB;EACA,MAAM;EACN,aAAa;EACb,QAAQ;EACT,CAAC;CAEF,MAAM,cAAc,kBAAkB;EACpC,IAAI,YACF;EAGF,IAAI,UACF,SAAS,CAAC,UAAU;OACf,IAAI,SACT,SAAS;IAEV;EAAC;EAAY;EAAU;EAAW;EAAQ,CAAC;CAE9C,MAAM,gBAAgB,kBAAkB;EACtC,IAAI,YACF;EAEF,aAAa;IACZ,CAAC,YAAY,UAAU,CAAC;CAE3B,MAAM,UACJ,qBAAA,UAAA,EAAA,UAAA;EACG,aAAa,oBAAC,UAAD;GAAU,MAAM;GAAW,SAAQ;GAAO,OAAO,WAAW;GAAQ,CAAA;EAClF,oBAAC,MAAD;GAAM,eAAe;GAAG,WAAU;GAAS,YAAW;GAAI,OAAO,WAAW;GACzE;GACI,CAAA;EACN,gBACC,oBAAC,WAAD;GACE,SAAS,aAAa,KAAA,IAAY;GAClC,UAAU;GACV,oBAAoB;GACpB,mBAAkB;aAElB,oBAAC,UAAD;IAAU,MAAM,WAAW;IAAS,SAAQ;IAAO,OAAO,WAAW;IAAQ,CAAA;GACnE,CAAA,GAEZ,WAAW,oBAAC,UAAD;GAAU,MAAM;GAAS,SAAQ;GAAO,OAAO,WAAW;GAAQ,CAAA;EAE9E,EAAA,CAAA;CAGL,MAAM,YAAY;EAChB,UAAU;EACV,SAAS,WAAW,YAAY,KAAA;EACjC;CAGD,MAAM,cAAc;EAClB;EACA,OAHiB,cAAc,CAAC,WAAW,MAAM,MAAM,EAAE,CAAC,WAAW,MAAM,MAAM,CAGhE;EACjB,eAAe;EACf,YAAY;EACZ,UAAU;EACV,WAAW;EACX;EACA;EACA,UAAU;EACV,SAAS,aAAa,KAAM,KAAA;EAC5B,oBAAoB;EACpB,GAAG;EACJ;CAGD,IAAI,eACF,OACE,oBAAC,WAAD;EACE,SAAS;EACT,mBAAmB,WAAW,aAAa;EAC3C,GAAI;YAEH;EACS,CAAA;CAKhB,OACE,oBAAC,QAAD;EAAQ,mBAAmB,gBAAgB,WAAW,KAAA;EAAW,GAAI;EAAa,GAAI;YACnF;EACM,CAAA;EAEX;AAEF,KAAK,cAAc"}