@yahoo/uds-mobile 2.13.0 → 2.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-mobile",
-  "version": "2.13.0",
+  "version": "2.15.0",
   "type": "module",
   "bin": {
     "uds-mobile": "./cli/uds-mobile.js"
@@ -22,12 +22,12 @@
   "exports": {
     "./Avatar": {
       "import": {
-        "types": "./dist/components/Avatar.d.ts",
-        "default": "./dist/components/Avatar.js"
+        "types": "./dist/components/Avatar/index.d.ts",
+        "default": "./dist/components/Avatar/index.js"
       },
       "require": {
-        "types": "./dist/components/Avatar.d.cts",
-        "default": "./dist/components/Avatar.cjs"
+        "types": "./dist/components/Avatar/index.d.cts",
+        "default": "./dist/components/Avatar/index.cjs"
       }
     },
     "./Badge": {
@@ -102,12 +102,12 @@
     },
     "./Chip": {
       "import": {
-        "types": "./dist/components/Chip.d.ts",
-        "default": "./dist/components/Chip.js"
+        "types": "./dist/components/Chip/index.d.ts",
+        "default": "./dist/components/Chip/index.js"
       },
       "require": {
-        "types": "./dist/components/Chip.d.cts",
-        "default": "./dist/components/Chip.cjs"
+        "types": "./dist/components/Chip/index.d.cts",
+        "default": "./dist/components/Chip/index.cjs"
       }
     },
     "./Divider": {
@@ -212,12 +212,22 @@
     },
     "./Radio": {
       "import": {
-        "types": "./dist/components/Radio.d.ts",
-        "default": "./dist/components/Radio.js"
+        "types": "./dist/components/Radio/Radio.d.ts",
+        "default": "./dist/components/Radio/Radio.js"
       },
       "require": {
-        "types": "./dist/components/Radio.d.cts",
-        "default": "./dist/components/Radio.cjs"
+        "types": "./dist/components/Radio/Radio.d.cts",
+        "default": "./dist/components/Radio/Radio.cjs"
+      }
+    },
+    "./RadioGroup": {
+      "import": {
+        "types": "./dist/components/Radio/RadioGroup.d.ts",
+        "default": "./dist/components/Radio/RadioGroup.js"
+      },
+      "require": {
+        "types": "./dist/components/Radio/RadioGroup.d.cts",
+        "default": "./dist/components/Radio/RadioGroup.cjs"
       }
     },
     "./Screen": {

package/dist/components/Avatar.cjs

@@ -1,116 +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_Box = require("./Box.cjs");
-const require_components_IconSlot = require("./IconSlot.cjs");
-const require_components_Text = require("./Text.cjs");
-let react = require("react");
-let react_native = require("react-native");
-let react_jsx_runtime = require("react/jsx-runtime");
-let generated_styles = require("../../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 = (0, react.forwardRef)(function Avatar({ src, alt, fallback, size = "md", variant = "primary", icon, abbreviationStrategy = "firstAndLast", style, ...props }, ref) {
-	const [imageError, setImageError] = (0, react.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;
-	generated_styles.avatarStyles.useVariants({
-		size,
-		...showImage && { image: variant },
-		...showText && { text: variant },
-		...showIcon && { icon: variant }
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
-		ref,
-		style: [
-			generated_styles.avatarStyles.root,
-			{
-				alignItems: "center",
-				justifyContent: "center",
-				overflow: "hidden"
-			},
-			style
-		],
-		accessibilityRole: "image",
-		accessibilityLabel: alt,
-		...props,
-		children: [
-			showImage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Image, {
-				source: { uri: src },
-				style: {
-					width: "100%",
-					height: "100%"
-				},
-				onError: () => setImageError(true),
-				accessibilityLabel: alt
-			}),
-			showText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-				style: generated_styles.avatarStyles.text,
-				numberOfLines: 1,
-				children: initials
-			}),
-			showIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-				icon: icon ?? "Person",
-				variant: "fill",
-				style: generated_styles.avatarStyles.icon
-			})
-		]
-	});
-});
-Avatar.displayName = "Avatar";
-//#endregion
-exports.Avatar = Avatar;

package/dist/components/Avatar.d.cts

@@ -1,68 +0,0 @@
-
-import { IconSlotType } from "./IconSlot.cjs";
-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.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.cts","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.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