@yahoo/uds-mobile 2.14.0 → 2.16.0

package/dist/components/Avatar/AvatarText.js

@@ -0,0 +1,49 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Box } from "../Box.js";
+import { Text as Text$1 } from "../Text.js";
+import { DEFAULT_AVATAR_VARIANT, generateAvatarAbbreviation, getAvatarCustomSizeStyle } from "./utils.js";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { avatarStyles } from "../../../generated/styles";
+//#region src/components/Avatar/AvatarText.tsx
+const AvatarText = memo(function AvatarText({ size = "md", variant = DEFAULT_AVATAR_VARIANT, name, initials, abbreviationStrategy, customSize, style, accessibilityLabel, ref, ...viewProps }) {
+	avatarStyles.useVariants({
+		size,
+		text: variant
+	});
+	const rootStyle = useMemo(() => [
+		avatarStyles.root,
+		avatarStaticStyles.root,
+		getAvatarCustomSizeStyle(customSize),
+		style
+	], [
+		avatarStyles.root,
+		customSize,
+		style
+	]);
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		accessibilityRole: "image",
+		accessibilityLabel: accessibilityLabel ?? name ?? initials,
+		...viewProps,
+		style: rootStyle,
+		children: /* @__PURE__ */ jsx(Text$1, {
+			color: "inherit",
+			variant: "inherit",
+			numberOfLines: 1,
+			style: avatarStyles.text,
+			children: initials || generateAvatarAbbreviation(name, abbreviationStrategy)
+		})
+	});
+});
+AvatarText.displayName = "AvatarText";
+const avatarStaticStyles = StyleSheet.create({ root: {
+	alignItems: "center",
+	justifyContent: "center",
+	overflow: "hidden"
+} });
+//#endregion
+export { AvatarText };
+
+//# sourceMappingURL=AvatarText.js.map

package/dist/components/Avatar/AvatarText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarText.js","names":["Text"],"sources":["../../../src/components/Avatar/AvatarText.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { avatarStyles } from '../../../generated/styles';\nimport { Box } from '../Box';\nimport { Text } from '../Text';\nimport type { AvatarTextProps } from './types';\nimport {\n  DEFAULT_AVATAR_SIZE,\n  DEFAULT_AVATAR_VARIANT,\n  generateAvatarAbbreviation,\n  getAvatarCustomSizeStyle,\n} from './utils';\n\nconst AvatarText = memo(function AvatarText({\n  size = DEFAULT_AVATAR_SIZE,\n  variant = DEFAULT_AVATAR_VARIANT,\n  name,\n  initials,\n  abbreviationStrategy,\n  customSize,\n  style,\n  accessibilityLabel,\n  ref,\n  ...viewProps\n}: AvatarTextProps) {\n  avatarStyles.useVariants({ size, text: variant });\n\n  const rootStyle = useMemo(\n    () => [avatarStyles.root, avatarStaticStyles.root, getAvatarCustomSizeStyle(customSize), style],\n    [avatarStyles.root, customSize, style],\n  );\n\n  return (\n    <Box\n      ref={ref}\n      accessibilityRole=\"image\"\n      accessibilityLabel={accessibilityLabel ?? name ?? initials}\n      {...viewProps}\n      style={rootStyle}\n    >\n      <Text color=\"inherit\" variant=\"inherit\" numberOfLines={1} style={avatarStyles.text}>\n        {initials || generateAvatarAbbreviation(name, abbreviationStrategy)}\n      </Text>\n    </Box>\n  );\n});\n\nAvatarText.displayName = 'AvatarText';\n\nconst avatarStaticStyles = StyleSheet.create({\n  root: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n});\n\nexport { AvatarText };\n"],"mappings":";;;;;;;;;AAcA,MAAM,aAAa,KAAK,SAAS,WAAW,EAC1C,OAAA,MACA,UAAU,wBACV,MACA,UACA,sBACA,YACA,OACA,oBACA,KACA,GAAG,aACe;CAClB,aAAa,YAAY;EAAE;EAAM,MAAM;EAAS,CAAC;CAEjD,MAAM,YAAY,cACV;EAAC,aAAa;EAAM,mBAAmB;EAAM,yBAAyB,WAAW;EAAE;EAAM,EAC/F;EAAC,aAAa;EAAM;EAAY;EAAM,CACvC;CAED,OACE,oBAAC,KAAD;EACO;EACL,mBAAkB;EAClB,oBAAoB,sBAAsB,QAAQ;EAClD,GAAI;EACJ,OAAO;YAEP,oBAACA,QAAD;GAAM,OAAM;GAAU,SAAQ;GAAU,eAAe;GAAG,OAAO,aAAa;aAC3E,YAAY,2BAA2B,MAAM,qBAAqB;GAC9D,CAAA;EACH,CAAA;EAER;AAEF,WAAW,cAAc;AAEzB,MAAM,qBAAqB,WAAW,OAAO,EAC3C,MAAM;CACJ,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACX,EACF,CAAC"}

package/dist/components/Avatar/index.cjs

@@ -0,0 +1,10 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_Avatar_AvatarIcon = require("./AvatarIcon.cjs");
+const require_components_Avatar_AvatarText = require("./AvatarText.cjs");
+const require_components_Avatar_AvatarImage = require("./AvatarImage.cjs");
+const require_components_Avatar_Avatar = require("./Avatar.cjs");
+exports.Avatar = require_components_Avatar_Avatar.Avatar;
+exports.AvatarIcon = require_components_Avatar_AvatarIcon.AvatarIcon;
+exports.AvatarImage = require_components_Avatar_AvatarImage.AvatarImage;
+exports.AvatarText = require_components_Avatar_AvatarText.AvatarText;

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

@@ -0,0 +1,7 @@
+
+import { AvatarIconProps, AvatarImageProps, AvatarProps, AvatarTextProps } from "./types.cjs";
+import { Avatar } from "./Avatar.cjs";
+import { AvatarIcon } from "./AvatarIcon.cjs";
+import { AvatarImage } from "./AvatarImage.cjs";
+import { AvatarText } from "./AvatarText.cjs";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps };

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

@@ -0,0 +1,7 @@
+
+import { AvatarIconProps, AvatarImageProps, AvatarProps, AvatarTextProps } from "./types.js";
+import { Avatar } from "./Avatar.js";
+import { AvatarIcon } from "./AvatarIcon.js";
+import { AvatarImage } from "./AvatarImage.js";
+import { AvatarText } from "./AvatarText.js";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps };

package/dist/components/Avatar/index.js

@@ -0,0 +1,6 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { AvatarIcon } from "./AvatarIcon.js";
+import { AvatarText } from "./AvatarText.js";
+import { AvatarImage } from "./AvatarImage.js";
+import { Avatar } from "./Avatar.js";
+export { Avatar, AvatarIcon, AvatarImage, AvatarText };

package/dist/components/Avatar/types.cjs

@@ -0,0 +1 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */

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

@@ -0,0 +1,28 @@
+
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarTextProps } from "../../types/dist/index.cjs";
+import { IconSlotType } from "../IconSlot.cjs";
+import { Ref } from "react";
+import { View, ViewProps } from "react-native";
+
+//#region src/components/Avatar/types.d.ts
+interface AvatarImageProps extends Omit<ViewProps, 'children'>, Omit<UniversalAvatarImageProps, 'className' | 'srcSet'> {
+  /** Ref to the underlying View. */
+  ref?: Ref<View>;
+  /** Custom icon to display if the image fails and no text fallback is available. */
+  icon?: IconSlotType;
+}
+interface AvatarTextProps extends Omit<ViewProps, 'children'>, Omit<UniversalAvatarTextProps, 'className'> {
+  /** Ref to the underlying View. */
+  ref?: Ref<View>;
+}
+interface AvatarIconProps extends Omit<ViewProps, 'children'>, Omit<UniversalAvatarIconProps<IconSlotType>, 'className'> {
+  /** Ref to the underlying View. */
+  ref?: Ref<View>;
+}
+interface AvatarProps extends Omit<AvatarImageProps, 'src'> {
+  /** Image source URL. When omitted, Avatar falls back to text, then icon. */
+  src?: string;
+}
+//#endregion
+export { type AvatarAbbreviationStrategy, type AvatarIconProps, type AvatarImageProps, type AvatarProps, type AvatarSize, type AvatarTextProps, type AvatarVariant };
+//# sourceMappingURL=types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/components/Avatar/types.ts"],"mappings":";;;;;;;UAaU,gBAAA,SACA,IAAA,CAAK,SAAA,eAAwB,IAAA,CAAK,yBAAA;;EAE1C,GAAA,GAAM,GAAA,CAAI,IAAA;EAFV;EAIA,IAAA,GAAO,YAAA;AAAA;AAAA,UAGC,eAAA,SACA,IAAA,CAAK,SAAA,eAAwB,IAAA,CAAK,wBAAA;EANhC;EAQV,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,eAAA,SACA,IAAA,CAAK,SAAA,eAAwB,IAAA,CAAK,wBAAA,CAAyB,YAAA;EAd9B;EAgBrC,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,WAAA,SAAoB,IAAA,CAAK,gBAAA;EAnBpB;EAqBb,GAAA;AAAA"}

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

@@ -0,0 +1,28 @@
+
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarTextProps } from "../../types/dist/index.js";
+import { IconSlotType } from "../IconSlot.js";
+import { Ref } from "react";
+import { View, ViewProps } from "react-native";
+
+//#region src/components/Avatar/types.d.ts
+interface AvatarImageProps extends Omit<ViewProps, 'children'>, Omit<UniversalAvatarImageProps, 'className' | 'srcSet'> {
+  /** Ref to the underlying View. */
+  ref?: Ref<View>;
+  /** Custom icon to display if the image fails and no text fallback is available. */
+  icon?: IconSlotType;
+}
+interface AvatarTextProps extends Omit<ViewProps, 'children'>, Omit<UniversalAvatarTextProps, 'className'> {
+  /** Ref to the underlying View. */
+  ref?: Ref<View>;
+}
+interface AvatarIconProps extends Omit<ViewProps, 'children'>, Omit<UniversalAvatarIconProps<IconSlotType>, 'className'> {
+  /** Ref to the underlying View. */
+  ref?: Ref<View>;
+}
+interface AvatarProps extends Omit<AvatarImageProps, 'src'> {
+  /** Image source URL. When omitted, Avatar falls back to text, then icon. */
+  src?: string;
+}
+//#endregion
+export { type AvatarAbbreviationStrategy, type AvatarIconProps, type AvatarImageProps, type AvatarProps, type AvatarSize, type AvatarTextProps, type AvatarVariant };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/components/Avatar/types.ts"],"mappings":";;;;;;;UAaU,gBAAA,SACA,IAAA,CAAK,SAAA,eAAwB,IAAA,CAAK,yBAAA;;EAE1C,GAAA,GAAM,GAAA,CAAI,IAAA;EAFV;EAIA,IAAA,GAAO,YAAA;AAAA;AAAA,UAGC,eAAA,SACA,IAAA,CAAK,SAAA,eAAwB,IAAA,CAAK,wBAAA;EANhC;EAQV,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,eAAA,SACA,IAAA,CAAK,SAAA,eAAwB,IAAA,CAAK,wBAAA,CAAyB,YAAA;EAd9B;EAgBrC,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,WAAA,SAAoB,IAAA,CAAK,gBAAA;EAnBpB;EAqBb,GAAA;AAAA"}

package/dist/components/Avatar/types.js

@@ -0,0 +1 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */

package/dist/components/Avatar/utils.cjs

@@ -0,0 +1,38 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/Avatar/utils.ts
+const DEFAULT_AVATAR_SIZE = "md";
+const DEFAULT_AVATAR_VARIANT = "primary";
+const DEFAULT_AVATAR_ICON = {
+	primary: "Person",
+	secondary: "Building"
+};
+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("")
+};
+function generateAvatarAbbreviation(name, strategy = "firstAndLast") {
+	if (!name) return "";
+	if (typeof strategy === "function") return strategy(name);
+	const initials = name.trim().split(/\s+/).filter(Boolean).map((word) => word[0]?.toUpperCase() ?? "");
+	return abbreviationStrategies[strategy](initials);
+}
+function getAvatarCustomSizeStyle(customSize) {
+	return customSize === void 0 ? void 0 : {
+		width: customSize,
+		height: customSize
+	};
+}
+function getDefaultAvatarIcon(variant) {
+	return DEFAULT_AVATAR_ICON[variant];
+}
+//#endregion
+exports.DEFAULT_AVATAR_SIZE = DEFAULT_AVATAR_SIZE;
+exports.DEFAULT_AVATAR_VARIANT = DEFAULT_AVATAR_VARIANT;
+exports.generateAvatarAbbreviation = generateAvatarAbbreviation;
+exports.getAvatarCustomSizeStyle = getAvatarCustomSizeStyle;
+exports.getDefaultAvatarIcon = getDefaultAvatarIcon;

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

@@ -0,0 +1,14 @@
+
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant } from "../../types/dist/index.cjs";
+import { IconSlotType } from "../IconSlot.cjs";
+import { ViewStyle } from "react-native";
+
+//#region src/components/Avatar/utils.d.ts
+declare const DEFAULT_AVATAR_SIZE: AvatarSize;
+declare const DEFAULT_AVATAR_VARIANT: AvatarVariant;
+declare function generateAvatarAbbreviation(name?: string, strategy?: AvatarAbbreviationStrategy): string;
+declare function getAvatarCustomSizeStyle(customSize?: number): ViewStyle | undefined;
+declare function getDefaultAvatarIcon(variant: AvatarVariant): IconSlotType;
+//#endregion
+export { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, generateAvatarAbbreviation, getAvatarCustomSizeStyle, getDefaultAvatarIcon };
+//# sourceMappingURL=utils.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.cts","names":[],"sources":["../../../src/components/Avatar/utils.ts"],"mappings":";;;;;;cAKM,mBAAA,EAAqB,UAAA;AAAA,cACrB,sBAAA,EAAwB,aAAA;AAAA,iBAoBrB,0BAAA,CACP,IAAA,WACA,QAAA,GAAU,0BAAA;AAAA,iBAgBH,wBAAA,CAAyB,UAAA,YAAsB,SAAA;AAAA,iBAI/C,oBAAA,CAAqB,OAAA,EAAS,aAAA,GAAgB,YAAA"}

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

@@ -0,0 +1,14 @@
+
+import { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant } from "../../types/dist/index.js";
+import { IconSlotType } from "../IconSlot.js";
+import { ViewStyle } from "react-native";
+
+//#region src/components/Avatar/utils.d.ts
+declare const DEFAULT_AVATAR_SIZE: AvatarSize;
+declare const DEFAULT_AVATAR_VARIANT: AvatarVariant;
+declare function generateAvatarAbbreviation(name?: string, strategy?: AvatarAbbreviationStrategy): string;
+declare function getAvatarCustomSizeStyle(customSize?: number): ViewStyle | undefined;
+declare function getDefaultAvatarIcon(variant: AvatarVariant): IconSlotType;
+//#endregion
+export { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, generateAvatarAbbreviation, getAvatarCustomSizeStyle, getDefaultAvatarIcon };
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../src/components/Avatar/utils.ts"],"mappings":";;;;;;cAKM,mBAAA,EAAqB,UAAA;AAAA,cACrB,sBAAA,EAAwB,aAAA;AAAA,iBAoBrB,0BAAA,CACP,IAAA,WACA,QAAA,GAAU,0BAAA;AAAA,iBAgBH,wBAAA,CAAyB,UAAA,YAAsB,SAAA;AAAA,iBAI/C,oBAAA,CAAqB,OAAA,EAAS,aAAA,GAAgB,YAAA"}

package/dist/components/Avatar/utils.js

@@ -0,0 +1,35 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+//#region src/components/Avatar/utils.ts
+const DEFAULT_AVATAR_SIZE = "md";
+const DEFAULT_AVATAR_VARIANT = "primary";
+const DEFAULT_AVATAR_ICON = {
+	primary: "Person",
+	secondary: "Building"
+};
+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("")
+};
+function generateAvatarAbbreviation(name, strategy = "firstAndLast") {
+	if (!name) return "";
+	if (typeof strategy === "function") return strategy(name);
+	const initials = name.trim().split(/\s+/).filter(Boolean).map((word) => word[0]?.toUpperCase() ?? "");
+	return abbreviationStrategies[strategy](initials);
+}
+function getAvatarCustomSizeStyle(customSize) {
+	return customSize === void 0 ? void 0 : {
+		width: customSize,
+		height: customSize
+	};
+}
+function getDefaultAvatarIcon(variant) {
+	return DEFAULT_AVATAR_ICON[variant];
+}
+//#endregion
+export { DEFAULT_AVATAR_SIZE, DEFAULT_AVATAR_VARIANT, generateAvatarAbbreviation, getAvatarCustomSizeStyle, getDefaultAvatarIcon };
+
+//# sourceMappingURL=utils.js.map

package/dist/components/Avatar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/Avatar/utils.ts"],"sourcesContent":["import type { AvatarAbbreviationStrategy, AvatarSize, AvatarVariant } from '@yahoo/uds-types';\nimport type { ViewStyle } from 'react-native';\n\nimport type { IconSlotType } from '../IconSlot';\n\nconst DEFAULT_AVATAR_SIZE: AvatarSize = 'md';\nconst DEFAULT_AVATAR_VARIANT: AvatarVariant = 'primary';\n\nconst DEFAULT_AVATAR_ICON: Record<AvatarVariant, IconSlotType> = {\n  primary: 'Person',\n  secondary: 'Building',\n};\n\nconst abbreviationStrategies: Record<\n  Exclude<AvatarAbbreviationStrategy, (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\nfunction generateAvatarAbbreviation(\n  name?: string,\n  strategy: AvatarAbbreviationStrategy = 'firstAndLast',\n): 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+/).filter(Boolean);\n  const initials = words.map((word) => word[0]?.toUpperCase() ?? '');\n\n  return abbreviationStrategies[strategy](initials);\n}\n\nfunction getAvatarCustomSizeStyle(customSize?: number): ViewStyle | undefined {\n  return customSize === undefined ? undefined : { width: customSize, height: customSize };\n}\n\nfunction getDefaultAvatarIcon(variant: AvatarVariant): IconSlotType {\n  return DEFAULT_AVATAR_ICON[variant];\n}\n\nexport {\n  DEFAULT_AVATAR_SIZE,\n  DEFAULT_AVATAR_VARIANT,\n  generateAvatarAbbreviation,\n  getAvatarCustomSizeStyle,\n  getDefaultAvatarIcon,\n};\n"],"mappings":";;AAKA,MAAM,sBAAkC;AACxC,MAAM,yBAAwC;AAE9C,MAAM,sBAA2D;CAC/D,SAAS;CACT,WAAW;CACZ;AAED,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;AAED,SAAS,2BACP,MACA,WAAuC,gBAC/B;CACR,IAAI,CAAC,MACH,OAAO;CAGT,IAAI,OAAO,aAAa,YACtB,OAAO,SAAS,KAAK;CAIvB,MAAM,WADQ,KAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QACxB,CAAC,KAAK,SAAS,KAAK,IAAI,aAAa,IAAI,GAAG;CAElE,OAAO,uBAAuB,UAAU,SAAS;;AAGnD,SAAS,yBAAyB,YAA4C;CAC5E,OAAO,eAAe,KAAA,IAAY,KAAA,IAAY;EAAE,OAAO;EAAY,QAAQ;EAAY;;AAGzF,SAAS,qBAAqB,SAAsC;CAClE,OAAO,oBAAoB"}

package/dist/components/Badge.cjs

@@ -1,9 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../_virtual/_rolldown/runtime.cjs");
+const require_components_HStack = require("./HStack.cjs");
 const require_components_IconSlot = require("./IconSlot.cjs");
 const require_components_Text = require("./Text.cjs");
-const require_components_HStack = require("./HStack.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let generated_styles = require("../../generated/styles");

package/dist/components/Badge.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { HStack } from "./HStack.js";
 import { IconSlot } from "./IconSlot.js";
 import { Text } from "./Text.js";
-import { HStack } from "./HStack.js";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { badgeStyles } from "../../generated/styles";

package/dist/components/Chip/Chip.cjs

@@ -0,0 +1,54 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Chip_ChipBase = require("./ChipBase.cjs");
+const require_components_Chip_ChipButton = require("./ChipButton.cjs");
+const require_components_Chip_ChipDismissible = require("./ChipDismissible.cjs");
+const require_components_Chip_ChipToggle = require("./ChipToggle.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Chip/Chip.tsx
+/**
+* **A chip component for selections, filters, or actions**
+*
+* @description
+* Compatibility wrapper that preserves the original mobile API. For explicit
+* intent, prefer `ChipButton`, `ChipDismissible`, or `ChipToggle`.
+*
+* @category Interactive
+* @platform mobile
+*/
+const Chip = (0, react.memo)(function Chip({ onPress, onToggle, isToggled = false, onDismiss, dismissButtonAriaLabel, dismissIcon, endIcon, disabled = false, ...props }) {
+	const handleToggle = (0, react.useCallback)((nextToggled) => {
+		if (!disabled) onToggle?.(nextToggled);
+	}, [disabled, onToggle]);
+	if (onDismiss) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipDismissible.ChipDismissible, {
+		onDismiss,
+		dismissButtonAriaLabel,
+		dismissIcon: dismissIcon ?? endIcon,
+		disabled,
+		...props
+	});
+	if (onToggle) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipToggle.ChipToggle, {
+		isToggled,
+		onToggle: handleToggle,
+		endIcon,
+		disabled,
+		...props
+	});
+	if (onPress) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipButton.ChipButton, {
+		onPress: disabled ? void 0 : onPress,
+		endIcon,
+		disabled,
+		...props
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipBase.ChipBase, {
+		kind: "link",
+		endIcon,
+		disabled,
+		...props
+	});
+});
+Chip.displayName = "Chip";
+//#endregion
+exports.Chip = Chip;

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

@@ -0,0 +1,19 @@
+
+import { ChipProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Chip/Chip.d.ts
+/**
+ * **A chip component for selections, filters, or actions**
+ *
+ * @description
+ * Compatibility wrapper that preserves the original mobile API. For explicit
+ * intent, prefer `ChipButton`, `ChipDismissible`, or `ChipToggle`.
+ *
+ * @category Interactive
+ * @platform mobile
+ */
+declare const Chip: _$react.NamedExoticComponent<ChipProps>;
+//#endregion
+export { Chip };
+//# sourceMappingURL=Chip.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.cts","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"mappings":";;;;;;;;AAMyC;;;;;;;cAYnC,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}

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

@@ -0,0 +1,19 @@
+
+import { ChipProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Chip/Chip.d.ts
+/**
+ * **A chip component for selections, filters, or actions**
+ *
+ * @description
+ * Compatibility wrapper that preserves the original mobile API. For explicit
+ * intent, prefer `ChipButton`, `ChipDismissible`, or `ChipToggle`.
+ *
+ * @category Interactive
+ * @platform mobile
+ */
+declare const Chip: _$react.NamedExoticComponent<ChipProps>;
+//#endregion
+export { Chip };
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"mappings":";;;;;;;;AAMyC;;;;;;;cAYnC,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}

package/dist/components/Chip/Chip.js

@@ -0,0 +1,54 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { ChipBase } from "./ChipBase.js";
+import { ChipButton } from "./ChipButton.js";
+import { ChipDismissible } from "./ChipDismissible.js";
+import { ChipToggle } from "./ChipToggle.js";
+import { memo, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Chip/Chip.tsx
+/**
+* **A chip component for selections, filters, or actions**
+*
+* @description
+* Compatibility wrapper that preserves the original mobile API. For explicit
+* intent, prefer `ChipButton`, `ChipDismissible`, or `ChipToggle`.
+*
+* @category Interactive
+* @platform mobile
+*/
+const Chip = memo(function Chip({ onPress, onToggle, isToggled = false, onDismiss, dismissButtonAriaLabel, dismissIcon, endIcon, disabled = false, ...props }) {
+	const handleToggle = useCallback((nextToggled) => {
+		if (!disabled) onToggle?.(nextToggled);
+	}, [disabled, onToggle]);
+	if (onDismiss) return /* @__PURE__ */ jsx(ChipDismissible, {
+		onDismiss,
+		dismissButtonAriaLabel,
+		dismissIcon: dismissIcon ?? endIcon,
+		disabled,
+		...props
+	});
+	if (onToggle) return /* @__PURE__ */ jsx(ChipToggle, {
+		isToggled,
+		onToggle: handleToggle,
+		endIcon,
+		disabled,
+		...props
+	});
+	if (onPress) return /* @__PURE__ */ jsx(ChipButton, {
+		onPress: disabled ? void 0 : onPress,
+		endIcon,
+		disabled,
+		...props
+	});
+	return /* @__PURE__ */ jsx(ChipBase, {
+		kind: "link",
+		endIcon,
+		disabled,
+		...props
+	});
+});
+Chip.displayName = "Chip";
+//#endregion
+export { Chip };
+
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport { ChipBase } from './ChipBase';\nimport { ChipButton } from './ChipButton';\nimport { ChipDismissible } from './ChipDismissible';\nimport { ChipToggle } from './ChipToggle';\nimport type { ChipProps } from './types';\n\n/**\n * **A chip component for selections, filters, or actions**\n *\n * @description\n * Compatibility wrapper that preserves the original mobile API. For explicit\n * intent, prefer `ChipButton`, `ChipDismissible`, or `ChipToggle`.\n *\n * @category Interactive\n * @platform mobile\n */\nconst Chip = memo(function Chip({\n  onPress,\n  onToggle,\n  isToggled = false,\n  onDismiss,\n  dismissButtonAriaLabel,\n  dismissIcon,\n  endIcon,\n  disabled = false,\n  ...props\n}: ChipProps) {\n  const handleToggle = useCallback(\n    (nextToggled: boolean) => {\n      if (!disabled) {\n        onToggle?.(nextToggled);\n      }\n    },\n    [disabled, onToggle],\n  );\n\n  if (onDismiss) {\n    return (\n      <ChipDismissible\n        onDismiss={onDismiss}\n        dismissButtonAriaLabel={dismissButtonAriaLabel}\n        dismissIcon={dismissIcon ?? endIcon}\n        disabled={disabled}\n        {...props}\n      />\n    );\n  }\n\n  if (onToggle) {\n    return (\n      <ChipToggle\n        isToggled={isToggled}\n        onToggle={handleToggle}\n        endIcon={endIcon}\n        disabled={disabled}\n        {...props}\n      />\n    );\n  }\n\n  if (onPress) {\n    return (\n      <ChipButton\n        onPress={disabled ? undefined : onPress}\n        endIcon={endIcon}\n        disabled={disabled}\n        {...props}\n      />\n    );\n  }\n\n  return <ChipBase kind=\"link\" endIcon={endIcon} disabled={disabled} {...props} />;\n});\n\nChip.displayName = 'Chip';\n\nexport { Chip };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAM,OAAO,KAAK,SAAS,KAAK,EAC9B,SACA,UACA,YAAY,OACZ,WACA,wBACA,aACA,SACA,WAAW,OACX,GAAG,SACS;CACZ,MAAM,eAAe,aAClB,gBAAyB;EACxB,IAAI,CAAC,UACH,WAAW,YAAY;IAG3B,CAAC,UAAU,SAAS,CACrB;CAED,IAAI,WACF,OACE,oBAAC,iBAAD;EACa;EACa;EACxB,aAAa,eAAe;EAClB;EACV,GAAI;EACJ,CAAA;CAIN,IAAI,UACF,OACE,oBAAC,YAAD;EACa;EACX,UAAU;EACD;EACC;EACV,GAAI;EACJ,CAAA;CAIN,IAAI,SACF,OACE,oBAAC,YAAD;EACE,SAAS,WAAW,KAAA,IAAY;EACvB;EACC;EACV,GAAI;EACJ,CAAA;CAIN,OAAO,oBAAC,UAAD;EAAU,MAAK;EAAgB;EAAmB;EAAU,GAAI;EAAS,CAAA;EAChF;AAEF,KAAK,cAAc"}

package/dist/components/Chip/ChipBase.cjs

@@ -0,0 +1,119 @@
+/*! © 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_Chip_chipTheme = require("./chipTheme.cjs");
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_unistyles = require("react-native-unistyles");
+//#region src/components/Chip/ChipBase.tsx
+const DEFAULT_CHIP_SIZE = "md";
+const DEFAULT_CHIP_VARIANT = "primary";
+const DEFAULT_MAX_WIDTH = 200;
+const DEFAULT_TOGGLE_STATE = "off";
+const ChipBase = (0, react.memo)(function ChipBase({ kind, toggleState = DEFAULT_TOGGLE_STATE, variant = DEFAULT_CHIP_VARIANT, size = "md", minWidth, maxWidth = 200, startIcon, endIcon, endContent, disabled = false, pressable = false, onPress, accessibilityRole, accessibilityState, children, style, ref, ...viewProps }) {
+	const { theme } = (0, react_native_unistyles.useUnistyles)();
+	const [pressed, setPressed] = (0, react.useState)(false);
+	const interactionState = pressed ? "pressed" : "rest";
+	const rootStyle = (0, react.useMemo)(() => [
+		chipStaticStyles.root,
+		require_components_Chip_chipTheme.getMergedChipLayerStyle(theme, kind, variant, size, toggleState, "root", interactionState),
+		minWidth === void 0 ? void 0 : { minWidth },
+		maxWidth === void 0 ? void 0 : { maxWidth },
+		disabled ? chipStaticStyles.disabled : void 0,
+		style
+	], [
+		disabled,
+		interactionState,
+		kind,
+		maxWidth,
+		minWidth,
+		size,
+		style,
+		theme,
+		toggleState,
+		variant
+	]);
+	const textStyle = (0, react.useMemo)(() => [chipStaticStyles.text, require_components_Chip_chipTheme.getMergedChipLayerStyle(theme, kind, variant, size, toggleState, "rootText", interactionState)], [
+		interactionState,
+		kind,
+		size,
+		theme,
+		toggleState,
+		variant
+	]);
+	const iconStyle = (0, react.useMemo)(() => require_components_Chip_chipTheme.getMergedChipLayerStyle(theme, kind, variant, size, toggleState, "icon", interactionState), [
+		interactionState,
+		kind,
+		size,
+		theme,
+		toggleState,
+		variant
+	]);
+	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: iconStyle
+		}) : null,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			color: "inherit",
+			variant: "inherit",
+			numberOfLines: 1,
+			style: textStyle,
+			children
+		}),
+		endContent ?? (endIcon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+			icon: endIcon,
+			variant: "fill",
+			style: iconStyle
+		}) : null)
+	] });
+	if (pressable) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+		ref,
+		accessibilityRole,
+		accessibilityState: {
+			disabled,
+			...accessibilityState
+		},
+		disabled,
+		onPress: disabled ? void 0 : onPress,
+		onPressIn: () => setPressed(true),
+		onPressOut: () => setPressed(false),
+		...viewProps,
+		style: rootStyle,
+		children: content
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		ref,
+		accessibilityRole,
+		accessibilityState: {
+			disabled,
+			...accessibilityState
+		},
+		...viewProps,
+		style: rootStyle,
+		children: content
+	});
+});
+ChipBase.displayName = "ChipBase";
+const chipStaticStyles = react_native.StyleSheet.create({
+	disabled: { opacity: .5 },
+	root: {
+		alignItems: "center",
+		alignSelf: "flex-start",
+		flexDirection: "row",
+		overflow: "hidden"
+	},
+	text: {
+		flexShrink: 1,
+		textAlign: "center"
+	}
+});
+//#endregion
+exports.ChipBase = ChipBase;
+exports.DEFAULT_CHIP_SIZE = DEFAULT_CHIP_SIZE;
+exports.DEFAULT_CHIP_VARIANT = DEFAULT_CHIP_VARIANT;
+exports.DEFAULT_MAX_WIDTH = DEFAULT_MAX_WIDTH;

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

@@ -0,0 +1,13 @@
+
+import { ChipSize, ChipVariant } from "../../types/dist/index.cjs";
+import { ChipBaseProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Chip/ChipBase.d.ts
+declare const DEFAULT_CHIP_SIZE: ChipSize;
+declare const DEFAULT_CHIP_VARIANT: ChipVariant;
+declare const DEFAULT_MAX_WIDTH = 200;
+declare const ChipBase: _$react.NamedExoticComponent<ChipBaseProps>;
+//#endregion
+export { ChipBase, DEFAULT_CHIP_SIZE, DEFAULT_CHIP_VARIANT, DEFAULT_MAX_WIDTH };
+//# sourceMappingURL=ChipBase.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipBase.d.cts","names":[],"sources":["../../../src/components/Chip/ChipBase.tsx"],"mappings":";;;;;;cAWM,iBAAA,EAAmB,QAAA;AAAA,cACnB,oBAAA,EAAsB,WAAA;AAAA,cACtB,iBAAA;AAAA,cAGA,QAAA,EAAQ,OAAA,CAAA,oBAAA,CAAA,aAAA"}

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

@@ -0,0 +1,13 @@
+
+import { ChipSize, ChipVariant } from "../../types/dist/index.js";
+import { ChipBaseProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Chip/ChipBase.d.ts
+declare const DEFAULT_CHIP_SIZE: ChipSize;
+declare const DEFAULT_CHIP_VARIANT: ChipVariant;
+declare const DEFAULT_MAX_WIDTH = 200;
+declare const ChipBase: _$react.NamedExoticComponent<ChipBaseProps>;
+//#endregion
+export { ChipBase, DEFAULT_CHIP_SIZE, DEFAULT_CHIP_VARIANT, DEFAULT_MAX_WIDTH };
+//# sourceMappingURL=ChipBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipBase.d.ts","names":[],"sources":["../../../src/components/Chip/ChipBase.tsx"],"mappings":";;;;;;cAWM,iBAAA,EAAmB,QAAA;AAAA,cACnB,oBAAA,EAAsB,WAAA;AAAA,cACtB,iBAAA;AAAA,cAGA,QAAA,EAAQ,OAAA,CAAA,oBAAA,CAAA,aAAA"}