@yahoo/uds-mobile 2.14.0 → 2.16.0

package/dist/components/Chip/ChipBase.js

@@ -0,0 +1,116 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { IconSlot } from "../IconSlot.js";
+import { Text as Text$1 } from "../Text.js";
+import { getMergedChipLayerStyle } from "./chipTheme.js";
+import { memo, useMemo, useState } from "react";
+import { Pressable, StyleSheet, View } from "react-native";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useUnistyles } from "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 = 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 } = useUnistyles();
+	const [pressed, setPressed] = useState(false);
+	const interactionState = pressed ? "pressed" : "rest";
+	const rootStyle = useMemo(() => [
+		chipStaticStyles.root,
+		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 = useMemo(() => [chipStaticStyles.text, getMergedChipLayerStyle(theme, kind, variant, size, toggleState, "rootText", interactionState)], [
+		interactionState,
+		kind,
+		size,
+		theme,
+		toggleState,
+		variant
+	]);
+	const iconStyle = useMemo(() => getMergedChipLayerStyle(theme, kind, variant, size, toggleState, "icon", interactionState), [
+		interactionState,
+		kind,
+		size,
+		theme,
+		toggleState,
+		variant
+	]);
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		startIcon ? /* @__PURE__ */ jsx(IconSlot, {
+			icon: startIcon,
+			variant: "fill",
+			style: iconStyle
+		}) : null,
+		/* @__PURE__ */ jsx(Text$1, {
+			color: "inherit",
+			variant: "inherit",
+			numberOfLines: 1,
+			style: textStyle,
+			children
+		}),
+		endContent ?? (endIcon ? /* @__PURE__ */ jsx(IconSlot, {
+			icon: endIcon,
+			variant: "fill",
+			style: iconStyle
+		}) : null)
+	] });
+	if (pressable) return /* @__PURE__ */ jsx(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__ */ jsx(View, {
+		ref,
+		accessibilityRole,
+		accessibilityState: {
+			disabled,
+			...accessibilityState
+		},
+		...viewProps,
+		style: rootStyle,
+		children: content
+	});
+});
+ChipBase.displayName = "ChipBase";
+const chipStaticStyles = StyleSheet.create({
+	disabled: { opacity: .5 },
+	root: {
+		alignItems: "center",
+		alignSelf: "flex-start",
+		flexDirection: "row",
+		overflow: "hidden"
+	},
+	text: {
+		flexShrink: 1,
+		textAlign: "center"
+	}
+});
+//#endregion
+export { ChipBase, DEFAULT_CHIP_SIZE, DEFAULT_CHIP_VARIANT, DEFAULT_MAX_WIDTH };
+
+//# sourceMappingURL=ChipBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipBase.js","names":["Text"],"sources":["../../../src/components/Chip/ChipBase.tsx"],"sourcesContent":["import { memo, useMemo, useState } from 'react';\nimport type { StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport { Pressable, StyleSheet, View } from 'react-native';\n// eslint-disable-next-line uds/no-use-unistyles -- chip toggle styles need variant + active token lookups\nimport { useUnistyles } from 'react-native-unistyles';\n\nimport { IconSlot } from '../IconSlot';\nimport { Text } from '../Text';\nimport { getMergedChipLayerStyle } from './chipTheme';\nimport type { ChipBaseProps, ChipInteractionState, ChipSize, ChipVariant } from './types';\n\nconst DEFAULT_CHIP_SIZE: ChipSize = 'md';\nconst DEFAULT_CHIP_VARIANT: ChipVariant = 'primary';\nconst DEFAULT_MAX_WIDTH = 200;\nconst DEFAULT_TOGGLE_STATE = 'off';\n\nconst ChipBase = memo(function ChipBase({\n  kind,\n  toggleState = DEFAULT_TOGGLE_STATE,\n  variant = DEFAULT_CHIP_VARIANT,\n  size = DEFAULT_CHIP_SIZE,\n  minWidth,\n  maxWidth = DEFAULT_MAX_WIDTH,\n  startIcon,\n  endIcon,\n  endContent,\n  disabled = false,\n  pressable = false,\n  onPress,\n  accessibilityRole,\n  accessibilityState,\n  children,\n  style,\n  ref,\n  ...viewProps\n}: ChipBaseProps) {\n  const { theme } = useUnistyles();\n  const [pressed, setPressed] = useState(false);\n  const interactionState: ChipInteractionState = pressed ? 'pressed' : 'rest';\n\n  const rootStyle = useMemo<StyleProp<ViewStyle>>(\n    () => [\n      chipStaticStyles.root,\n      getMergedChipLayerStyle(\n        theme,\n        kind,\n        variant,\n        size,\n        toggleState,\n        'root',\n        interactionState,\n      ) as ViewStyle,\n      minWidth === undefined ? undefined : { minWidth },\n      maxWidth === undefined ? undefined : { maxWidth },\n      disabled ? chipStaticStyles.disabled : undefined,\n      style,\n    ],\n    [\n      disabled,\n      interactionState,\n      kind,\n      maxWidth,\n      minWidth,\n      size,\n      style,\n      theme,\n      toggleState,\n      variant,\n    ],\n  );\n\n  const textStyle = useMemo<StyleProp<TextStyle>>(\n    () => [\n      chipStaticStyles.text,\n      getMergedChipLayerStyle(\n        theme,\n        kind,\n        variant,\n        size,\n        toggleState,\n        'rootText',\n        interactionState,\n      ) as TextStyle,\n    ],\n    [interactionState, kind, size, theme, toggleState, variant],\n  );\n\n  const iconStyle = useMemo<StyleProp<TextStyle>>(\n    () =>\n      getMergedChipLayerStyle(\n        theme,\n        kind,\n        variant,\n        size,\n        toggleState,\n        'icon',\n        interactionState,\n      ) as TextStyle,\n    [interactionState, kind, size, theme, toggleState, variant],\n  );\n\n  const content = (\n    <>\n      {startIcon ? <IconSlot icon={startIcon} variant=\"fill\" style={iconStyle} /> : null}\n      <Text color=\"inherit\" variant=\"inherit\" numberOfLines={1} style={textStyle}>\n        {children}\n      </Text>\n      {endContent ??\n        (endIcon ? <IconSlot icon={endIcon} variant=\"fill\" style={iconStyle} /> : null)}\n    </>\n  );\n\n  if (pressable) {\n    return (\n      <Pressable\n        ref={ref}\n        accessibilityRole={accessibilityRole}\n        accessibilityState={{ disabled, ...accessibilityState }}\n        disabled={disabled}\n        onPress={disabled ? undefined : onPress}\n        onPressIn={() => setPressed(true)}\n        onPressOut={() => setPressed(false)}\n        {...viewProps}\n        style={rootStyle}\n      >\n        {content}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      ref={ref}\n      accessibilityRole={accessibilityRole}\n      accessibilityState={{ disabled, ...accessibilityState }}\n      {...viewProps}\n      style={rootStyle}\n    >\n      {content}\n    </View>\n  );\n});\n\nChipBase.displayName = 'ChipBase';\n\nconst chipStaticStyles = StyleSheet.create({\n  disabled: {\n    opacity: 0.5,\n  },\n  root: {\n    alignItems: 'center',\n    alignSelf: 'flex-start',\n    flexDirection: 'row',\n    overflow: 'hidden',\n  },\n  text: {\n    flexShrink: 1,\n    textAlign: 'center',\n  },\n});\n\nexport { ChipBase, DEFAULT_CHIP_SIZE, DEFAULT_CHIP_VARIANT, DEFAULT_MAX_WIDTH };\n"],"mappings":";;;;;;;;;AAWA,MAAM,oBAA8B;AACpC,MAAM,uBAAoC;AAC1C,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAE7B,MAAM,WAAW,KAAK,SAAS,SAAS,EACtC,MACA,cAAc,sBACd,UAAU,sBACV,OAAA,MACA,UACA,WAAA,KACA,WACA,SACA,YACA,WAAW,OACX,YAAY,OACZ,SACA,mBACA,oBACA,UACA,OACA,KACA,GAAG,aACa;CAChB,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,mBAAyC,UAAU,YAAY;CAErE,MAAM,YAAY,cACV;EACJ,iBAAiB;EACjB,wBACE,OACA,MACA,SACA,MACA,aACA,QACA,iBACD;EACD,aAAa,KAAA,IAAY,KAAA,IAAY,EAAE,UAAU;EACjD,aAAa,KAAA,IAAY,KAAA,IAAY,EAAE,UAAU;EACjD,WAAW,iBAAiB,WAAW,KAAA;EACvC;EACD,EACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,YAAY,cACV,CACJ,iBAAiB,MACjB,wBACE,OACA,MACA,SACA,MACA,aACA,YACA,iBACD,CACF,EACD;EAAC;EAAkB;EAAM;EAAM;EAAO;EAAa;EAAQ,CAC5D;CAED,MAAM,YAAY,cAEd,wBACE,OACA,MACA,SACA,MACA,aACA,QACA,iBACD,EACH;EAAC;EAAkB;EAAM;EAAM;EAAO;EAAa;EAAQ,CAC5D;CAED,MAAM,UACJ,qBAAA,UAAA,EAAA,UAAA;EACG,YAAY,oBAAC,UAAD;GAAU,MAAM;GAAW,SAAQ;GAAO,OAAO;GAAa,CAAA,GAAG;EAC9E,oBAACA,QAAD;GAAM,OAAM;GAAU,SAAQ;GAAU,eAAe;GAAG,OAAO;GAC9D;GACI,CAAA;EACN,eACE,UAAU,oBAAC,UAAD;GAAU,MAAM;GAAS,SAAQ;GAAO,OAAO;GAAa,CAAA,GAAG;EAC3E,EAAA,CAAA;CAGL,IAAI,WACF,OACE,oBAAC,WAAD;EACO;EACc;EACnB,oBAAoB;GAAE;GAAU,GAAG;GAAoB;EAC7C;EACV,SAAS,WAAW,KAAA,IAAY;EAChC,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,GAAI;EACJ,OAAO;YAEN;EACS,CAAA;CAIhB,OACE,oBAAC,MAAD;EACO;EACc;EACnB,oBAAoB;GAAE;GAAU,GAAG;GAAoB;EACvD,GAAI;EACJ,OAAO;YAEN;EACI,CAAA;EAET;AAEF,SAAS,cAAc;AAEvB,MAAM,mBAAmB,WAAW,OAAO;CACzC,UAAU,EACR,SAAS,IACV;CACD,MAAM;EACJ,YAAY;EACZ,WAAW;EACX,eAAe;EACf,UAAU;EACX;CACD,MAAM;EACJ,YAAY;EACZ,WAAW;EACZ;CACF,CAAC"}

package/dist/components/Chip/ChipButton.cjs

@@ -0,0 +1,18 @@
+/*! © 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");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Chip/ChipButton.tsx
+const ChipButton = (0, react.memo)(function ChipButton(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipBase.ChipBase, {
+		kind: "link",
+		accessibilityRole: "button",
+		pressable: true,
+		...props
+	});
+});
+ChipButton.displayName = "ChipButton";
+//#endregion
+exports.ChipButton = ChipButton;

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

@@ -0,0 +1,9 @@
+
+import { ChipButtonProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Chip/ChipButton.d.ts
+declare const ChipButton: _$react.NamedExoticComponent<ChipButtonProps>;
+//#endregion
+export { ChipButton };
+//# sourceMappingURL=ChipButton.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipButton.d.cts","names":[],"sources":["../../../src/components/Chip/ChipButton.tsx"],"mappings":";;;;;cAKM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

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

@@ -0,0 +1,9 @@
+
+import { ChipButtonProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Chip/ChipButton.d.ts
+declare const ChipButton: _$react.NamedExoticComponent<ChipButtonProps>;
+//#endregion
+export { ChipButton };
+//# sourceMappingURL=ChipButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipButton.d.ts","names":[],"sources":["../../../src/components/Chip/ChipButton.tsx"],"mappings":";;;;;cAKM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Chip/ChipButton.js

@@ -0,0 +1,18 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { ChipBase } from "./ChipBase.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Chip/ChipButton.tsx
+const ChipButton = memo(function ChipButton(props) {
+	return /* @__PURE__ */ jsx(ChipBase, {
+		kind: "link",
+		accessibilityRole: "button",
+		pressable: true,
+		...props
+	});
+});
+ChipButton.displayName = "ChipButton";
+//#endregion
+export { ChipButton };
+
+//# sourceMappingURL=ChipButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipButton.js","names":[],"sources":["../../../src/components/Chip/ChipButton.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { ChipBase } from './ChipBase';\nimport type { ChipButtonProps } from './types';\n\nconst ChipButton = memo(function ChipButton(props: ChipButtonProps) {\n  return <ChipBase kind=\"link\" accessibilityRole=\"button\" pressable {...props} />;\n});\n\nChipButton.displayName = 'ChipButton';\n\nexport { ChipButton };\n"],"mappings":";;;;;AAKA,MAAM,aAAa,KAAK,SAAS,WAAW,OAAwB;CAClE,OAAO,oBAAC,UAAD;EAAU,MAAK;EAAO,mBAAkB;EAAS,WAAA;EAAU,GAAI;EAAS,CAAA;EAC/E;AAEF,WAAW,cAAc"}

package/dist/components/Chip/ChipDismissible.cjs

@@ -0,0 +1,49 @@
+/*! © 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_Chip_chipTheme = require("./chipTheme.cjs");
+const require_components_Chip_ChipBase = require("./ChipBase.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/ChipDismissible.tsx
+const ChipDismissible = (0, react.memo)(function ChipDismissible({ onDismiss, dismissButtonAriaLabel = "Dismiss", dismissIcon, disabled = false, variant = require_components_Chip_ChipBase.DEFAULT_CHIP_VARIANT, size = "md", ...props }) {
+	const { theme } = (0, react_native_unistyles.useUnistyles)();
+	const handleDismiss = (0, react.useCallback)(() => {
+		if (!disabled) onDismiss?.();
+	}, [disabled, onDismiss]);
+	const iconStyle = (0, react.useMemo)(() => require_components_Chip_chipTheme.getMergedChipLayerStyle(theme, "dismissible", variant, size, "off", "icon", "rest"), [
+		size,
+		theme,
+		variant
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipBase.ChipBase, {
+		kind: "dismissible",
+		variant,
+		size,
+		disabled,
+		endContent: onDismiss ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+			accessibilityLabel: dismissButtonAriaLabel,
+			accessibilityRole: "button",
+			disabled,
+			hitSlop: 8,
+			onPress: handleDismiss,
+			style: chipDismissibleStyles.button,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+				icon: dismissIcon ?? "Cross",
+				variant: "fill",
+				style: iconStyle
+			})
+		}) : null,
+		...props
+	});
+});
+ChipDismissible.displayName = "ChipDismissible";
+const chipDismissibleStyles = react_native.StyleSheet.create({ button: {
+	alignItems: "center",
+	justifyContent: "center"
+} });
+//#endregion
+exports.ChipDismissible = ChipDismissible;

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

@@ -0,0 +1,9 @@
+
+import { ChipDismissibleProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Chip/ChipDismissible.d.ts
+declare const ChipDismissible: _$react.NamedExoticComponent<ChipDismissibleProps>;
+//#endregion
+export { ChipDismissible };
+//# sourceMappingURL=ChipDismissible.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDismissible.d.cts","names":[],"sources":["../../../src/components/Chip/ChipDismissible.tsx"],"mappings":";;;;;cAWM,eAAA,EAAe,OAAA,CAAA,oBAAA,CAAA,oBAAA"}

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

@@ -0,0 +1,9 @@
+
+import { ChipDismissibleProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Chip/ChipDismissible.d.ts
+declare const ChipDismissible: _$react.NamedExoticComponent<ChipDismissibleProps>;
+//#endregion
+export { ChipDismissible };
+//# sourceMappingURL=ChipDismissible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDismissible.d.ts","names":[],"sources":["../../../src/components/Chip/ChipDismissible.tsx"],"mappings":";;;;;cAWM,eAAA,EAAe,OAAA,CAAA,oBAAA,CAAA,oBAAA"}

package/dist/components/Chip/ChipDismissible.js

@@ -0,0 +1,49 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { IconSlot } from "../IconSlot.js";
+import { getMergedChipLayerStyle } from "./chipTheme.js";
+import { ChipBase, DEFAULT_CHIP_VARIANT } from "./ChipBase.js";
+import { memo, useCallback, useMemo } from "react";
+import { Pressable, StyleSheet } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { useUnistyles } from "react-native-unistyles";
+//#region src/components/Chip/ChipDismissible.tsx
+const ChipDismissible = memo(function ChipDismissible({ onDismiss, dismissButtonAriaLabel = "Dismiss", dismissIcon, disabled = false, variant = DEFAULT_CHIP_VARIANT, size = "md", ...props }) {
+	const { theme } = useUnistyles();
+	const handleDismiss = useCallback(() => {
+		if (!disabled) onDismiss?.();
+	}, [disabled, onDismiss]);
+	const iconStyle = useMemo(() => getMergedChipLayerStyle(theme, "dismissible", variant, size, "off", "icon", "rest"), [
+		size,
+		theme,
+		variant
+	]);
+	return /* @__PURE__ */ jsx(ChipBase, {
+		kind: "dismissible",
+		variant,
+		size,
+		disabled,
+		endContent: onDismiss ? /* @__PURE__ */ jsx(Pressable, {
+			accessibilityLabel: dismissButtonAriaLabel,
+			accessibilityRole: "button",
+			disabled,
+			hitSlop: 8,
+			onPress: handleDismiss,
+			style: chipDismissibleStyles.button,
+			children: /* @__PURE__ */ jsx(IconSlot, {
+				icon: dismissIcon ?? "Cross",
+				variant: "fill",
+				style: iconStyle
+			})
+		}) : null,
+		...props
+	});
+});
+ChipDismissible.displayName = "ChipDismissible";
+const chipDismissibleStyles = StyleSheet.create({ button: {
+	alignItems: "center",
+	justifyContent: "center"
+} });
+//#endregion
+export { ChipDismissible };
+
+//# sourceMappingURL=ChipDismissible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDismissible.js","names":[],"sources":["../../../src/components/Chip/ChipDismissible.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\nimport type { StyleProp, TextStyle } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n// eslint-disable-next-line uds/no-use-unistyles -- dismiss icon must match chip subcomponent tokens\nimport { useUnistyles } from 'react-native-unistyles';\n\nimport { IconSlot } from '../IconSlot';\nimport { ChipBase, DEFAULT_CHIP_SIZE, DEFAULT_CHIP_VARIANT } from './ChipBase';\nimport { getMergedChipLayerStyle } from './chipTheme';\nimport type { ChipDismissibleProps } from './types';\n\nconst ChipDismissible = memo(function ChipDismissible({\n  onDismiss,\n  dismissButtonAriaLabel = 'Dismiss',\n  dismissIcon,\n  disabled = false,\n  variant = DEFAULT_CHIP_VARIANT,\n  size = DEFAULT_CHIP_SIZE,\n  ...props\n}: ChipDismissibleProps) {\n  const { theme } = useUnistyles();\n  const handleDismiss = useCallback(() => {\n    if (!disabled) {\n      onDismiss?.();\n    }\n  }, [disabled, onDismiss]);\n\n  const iconStyle = useMemo<StyleProp<TextStyle>>(\n    () =>\n      getMergedChipLayerStyle(\n        theme,\n        'dismissible',\n        variant,\n        size,\n        'off',\n        'icon',\n        'rest',\n      ) as TextStyle,\n    [size, theme, variant],\n  );\n\n  return (\n    <ChipBase\n      kind=\"dismissible\"\n      variant={variant}\n      size={size}\n      disabled={disabled}\n      endContent={\n        onDismiss ? (\n          <Pressable\n            accessibilityLabel={dismissButtonAriaLabel}\n            accessibilityRole=\"button\"\n            disabled={disabled}\n            hitSlop={8}\n            onPress={handleDismiss}\n            style={chipDismissibleStyles.button}\n          >\n            <IconSlot icon={dismissIcon ?? 'Cross'} variant=\"fill\" style={iconStyle} />\n          </Pressable>\n        ) : null\n      }\n      {...props}\n    />\n  );\n});\n\nChipDismissible.displayName = 'ChipDismissible';\n\nconst chipDismissibleStyles = StyleSheet.create({\n  button: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport { ChipDismissible };\n"],"mappings":";;;;;;;;;AAWA,MAAM,kBAAkB,KAAK,SAAS,gBAAgB,EACpD,WACA,yBAAyB,WACzB,aACA,WAAW,OACX,UAAU,sBACV,OAAA,MACA,GAAG,SACoB;CACvB,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,gBAAgB,kBAAkB;EACtC,IAAI,CAAC,UACH,aAAa;IAEd,CAAC,UAAU,UAAU,CAAC;CAEzB,MAAM,YAAY,cAEd,wBACE,OACA,eACA,SACA,MACA,OACA,QACA,OACD,EACH;EAAC;EAAM;EAAO;EAAQ,CACvB;CAED,OACE,oBAAC,UAAD;EACE,MAAK;EACI;EACH;EACI;EACV,YACE,YACE,oBAAC,WAAD;GACE,oBAAoB;GACpB,mBAAkB;GACR;GACV,SAAS;GACT,SAAS;GACT,OAAO,sBAAsB;aAE7B,oBAAC,UAAD;IAAU,MAAM,eAAe;IAAS,SAAQ;IAAO,OAAO;IAAa,CAAA;GACjE,CAAA,GACV;EAEN,GAAI;EACJ,CAAA;EAEJ;AAEF,gBAAgB,cAAc;AAE9B,MAAM,wBAAwB,WAAW,OAAO,EAC9C,QAAQ;CACN,YAAY;CACZ,gBAAgB;CACjB,EACF,CAAC"}

package/dist/components/Chip/ChipToggle.cjs

@@ -0,0 +1,32 @@
+/*! © 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");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Chip/ChipToggle.tsx
+const ChipToggle = (0, react.memo)(function ChipToggle({ isToggled = false, onToggle, disabled = false, accessibilityRole = "checkbox", accessibilityState, ...props }) {
+	const handlePress = (0, react.useCallback)(() => {
+		if (!disabled) onToggle?.(!isToggled);
+	}, [
+		disabled,
+		isToggled,
+		onToggle
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipBase.ChipBase, {
+		kind: "toggle",
+		toggleState: isToggled ? "on" : "off",
+		disabled,
+		accessibilityRole,
+		accessibilityState: {
+			checked: isToggled,
+			...accessibilityState
+		},
+		onPress: handlePress,
+		pressable: true,
+		...props
+	});
+});
+ChipToggle.displayName = "ChipToggle";
+//#endregion
+exports.ChipToggle = ChipToggle;

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

@@ -0,0 +1,9 @@
+
+import { ChipToggleProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Chip/ChipToggle.d.ts
+declare const ChipToggle: _$react.NamedExoticComponent<ChipToggleProps>;
+//#endregion
+export { ChipToggle };
+//# sourceMappingURL=ChipToggle.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipToggle.d.cts","names":[],"sources":["../../../src/components/Chip/ChipToggle.tsx"],"mappings":";;;;;cAKM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

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

@@ -0,0 +1,9 @@
+
+import { ChipToggleProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Chip/ChipToggle.d.ts
+declare const ChipToggle: _$react.NamedExoticComponent<ChipToggleProps>;
+//#endregion
+export { ChipToggle };
+//# sourceMappingURL=ChipToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipToggle.d.ts","names":[],"sources":["../../../src/components/Chip/ChipToggle.tsx"],"mappings":";;;;;cAKM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Chip/ChipToggle.js

@@ -0,0 +1,32 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { ChipBase } from "./ChipBase.js";
+import { memo, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Chip/ChipToggle.tsx
+const ChipToggle = memo(function ChipToggle({ isToggled = false, onToggle, disabled = false, accessibilityRole = "checkbox", accessibilityState, ...props }) {
+	const handlePress = useCallback(() => {
+		if (!disabled) onToggle?.(!isToggled);
+	}, [
+		disabled,
+		isToggled,
+		onToggle
+	]);
+	return /* @__PURE__ */ jsx(ChipBase, {
+		kind: "toggle",
+		toggleState: isToggled ? "on" : "off",
+		disabled,
+		accessibilityRole,
+		accessibilityState: {
+			checked: isToggled,
+			...accessibilityState
+		},
+		onPress: handlePress,
+		pressable: true,
+		...props
+	});
+});
+ChipToggle.displayName = "ChipToggle";
+//#endregion
+export { ChipToggle };
+
+//# sourceMappingURL=ChipToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipToggle.js","names":[],"sources":["../../../src/components/Chip/ChipToggle.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\n\nimport { ChipBase } from './ChipBase';\nimport type { ChipToggleProps } from './types';\n\nconst ChipToggle = memo(function ChipToggle({\n  isToggled = false,\n  onToggle,\n  disabled = false,\n  accessibilityRole = 'checkbox',\n  accessibilityState,\n  ...props\n}: ChipToggleProps) {\n  const handlePress = useCallback(() => {\n    if (!disabled) {\n      onToggle?.(!isToggled);\n    }\n  }, [disabled, isToggled, onToggle]);\n\n  return (\n    <ChipBase\n      kind=\"toggle\"\n      toggleState={isToggled ? 'on' : 'off'}\n      disabled={disabled}\n      accessibilityRole={accessibilityRole}\n      accessibilityState={{ checked: isToggled, ...accessibilityState }}\n      onPress={handlePress}\n      pressable\n      {...props}\n    />\n  );\n});\n\nChipToggle.displayName = 'ChipToggle';\n\nexport { ChipToggle };\n"],"mappings":";;;;;AAKA,MAAM,aAAa,KAAK,SAAS,WAAW,EAC1C,YAAY,OACZ,UACA,WAAW,OACX,oBAAoB,YACpB,oBACA,GAAG,SACe;CAClB,MAAM,cAAc,kBAAkB;EACpC,IAAI,CAAC,UACH,WAAW,CAAC,UAAU;IAEvB;EAAC;EAAU;EAAW;EAAS,CAAC;CAEnC,OACE,oBAAC,UAAD;EACE,MAAK;EACL,aAAa,YAAY,OAAO;EACtB;EACS;EACnB,oBAAoB;GAAE,SAAS;GAAW,GAAG;GAAoB;EACjE,SAAS;EACT,WAAA;EACA,GAAI;EACJ,CAAA;EAEJ;AAEF,WAAW,cAAc"}

package/dist/components/Chip/chipTheme.cjs

@@ -0,0 +1,23 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/Chip/chipTheme.ts
+function getChipPath(kind, variant, toggleState, layer, interactionState) {
+	if (kind === "toggle") return `chip/toggle/variant/${variant}/active/${toggleState}/${layer}/${interactionState}`;
+	return `chip/${kind}/variant/${variant}/${layer}/${interactionState}`;
+}
+function getChipSizeLayerStyle(theme, size, layer) {
+	const style = theme.components[`chip/size/${size}/${layer}/rest`];
+	return style && typeof style === "object" ? style : {};
+}
+function getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState) {
+	const style = theme.components[getChipPath(kind, variant, toggleState, layer, interactionState)];
+	return style && typeof style === "object" ? style : {};
+}
+function getMergedChipLayerStyle(theme, kind, variant, size, toggleState, layer, interactionState) {
+	return {
+		...getChipSizeLayerStyle(theme, size, layer),
+		...getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState)
+	};
+}
+//#endregion
+exports.getMergedChipLayerStyle = getMergedChipLayerStyle;

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

@@ -0,0 +1,14 @@
+
+import { ChipSize, ChipVariant } from "../../types/dist/index.cjs";
+import { ChipInteractionState, ChipKind, ChipToggleState } from "./types.cjs";
+import { TextStyle, ViewStyle } from "react-native";
+
+//#region src/components/Chip/chipTheme.d.ts
+type ChipLayer = 'icon' | 'root' | 'rootText';
+type ChipTheme = {
+  components: Record<string, any>;
+};
+declare function getMergedChipLayerStyle(theme: ChipTheme, kind: ChipKind, variant: ChipVariant, size: ChipSize, toggleState: ChipToggleState, layer: ChipLayer, interactionState: ChipInteractionState): TextStyle | ViewStyle;
+//#endregion
+export { getMergedChipLayerStyle };
+//# sourceMappingURL=chipTheme.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chipTheme.d.cts","names":[],"sources":["../../../src/components/Chip/chipTheme.ts"],"mappings":";;;;;;KAUK,SAAA;AAAA,KACA,SAAA;EAEH,UAAA,EAAY,MAAA;AAAA;AAAA,iBAsCL,uBAAA,CACP,KAAA,EAAO,SAAA,EACP,IAAA,EAAM,QAAA,EACN,OAAA,EAAS,WAAA,EACT,IAAA,EAAM,QAAA,EACN,WAAA,EAAa,eAAA,EACb,KAAA,EAAO,SAAA,EACP,gBAAA,EAAkB,oBAAA,GACjB,SAAA,GAAY,SAAA"}

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

@@ -0,0 +1,14 @@
+
+import { ChipSize, ChipVariant } from "../../types/dist/index.js";
+import { ChipInteractionState, ChipKind, ChipToggleState } from "./types.js";
+import { TextStyle, ViewStyle } from "react-native";
+
+//#region src/components/Chip/chipTheme.d.ts
+type ChipLayer = 'icon' | 'root' | 'rootText';
+type ChipTheme = {
+  components: Record<string, any>;
+};
+declare function getMergedChipLayerStyle(theme: ChipTheme, kind: ChipKind, variant: ChipVariant, size: ChipSize, toggleState: ChipToggleState, layer: ChipLayer, interactionState: ChipInteractionState): TextStyle | ViewStyle;
+//#endregion
+export { getMergedChipLayerStyle };
+//# sourceMappingURL=chipTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chipTheme.d.ts","names":[],"sources":["../../../src/components/Chip/chipTheme.ts"],"mappings":";;;;;;KAUK,SAAA;AAAA,KACA,SAAA;EAEH,UAAA,EAAY,MAAA;AAAA;AAAA,iBAsCL,uBAAA,CACP,KAAA,EAAO,SAAA,EACP,IAAA,EAAM,QAAA,EACN,OAAA,EAAS,WAAA,EACT,IAAA,EAAM,QAAA,EACN,WAAA,EAAa,eAAA,EACb,KAAA,EAAO,SAAA,EACP,gBAAA,EAAkB,oBAAA,GACjB,SAAA,GAAY,SAAA"}

package/dist/components/Chip/chipTheme.js

@@ -0,0 +1,24 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+//#region src/components/Chip/chipTheme.ts
+function getChipPath(kind, variant, toggleState, layer, interactionState) {
+	if (kind === "toggle") return `chip/toggle/variant/${variant}/active/${toggleState}/${layer}/${interactionState}`;
+	return `chip/${kind}/variant/${variant}/${layer}/${interactionState}`;
+}
+function getChipSizeLayerStyle(theme, size, layer) {
+	const style = theme.components[`chip/size/${size}/${layer}/rest`];
+	return style && typeof style === "object" ? style : {};
+}
+function getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState) {
+	const style = theme.components[getChipPath(kind, variant, toggleState, layer, interactionState)];
+	return style && typeof style === "object" ? style : {};
+}
+function getMergedChipLayerStyle(theme, kind, variant, size, toggleState, layer, interactionState) {
+	return {
+		...getChipSizeLayerStyle(theme, size, layer),
+		...getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState)
+	};
+}
+//#endregion
+export { getMergedChipLayerStyle };
+
+//# sourceMappingURL=chipTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chipTheme.js","names":[],"sources":["../../../src/components/Chip/chipTheme.ts"],"sourcesContent":["import type { TextStyle, ViewStyle } from 'react-native';\n\nimport type {\n  ChipInteractionState,\n  ChipKind,\n  ChipSize,\n  ChipToggleState,\n  ChipVariant,\n} from './types';\n\ntype ChipLayer = 'icon' | 'root' | 'rootText';\ntype ChipTheme = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  components: Record<string, any>;\n};\n\nfunction getChipPath(\n  kind: ChipKind,\n  variant: ChipVariant,\n  toggleState: ChipToggleState,\n  layer: ChipLayer,\n  interactionState: ChipInteractionState,\n) {\n  if (kind === 'toggle') {\n    return `chip/toggle/variant/${variant}/active/${toggleState}/${layer}/${interactionState}`;\n  }\n\n  return `chip/${kind}/variant/${variant}/${layer}/${interactionState}`;\n}\n\nfunction getChipSizeLayerStyle(\n  theme: ChipTheme,\n  size: ChipSize,\n  layer: ChipLayer,\n): TextStyle | ViewStyle {\n  const style = theme.components[`chip/size/${size}/${layer}/rest`];\n  return style && typeof style === 'object' ? style : {};\n}\n\nfunction getChipLayerStyle(\n  theme: ChipTheme,\n  kind: ChipKind,\n  variant: ChipVariant,\n  toggleState: ChipToggleState,\n  layer: ChipLayer,\n  interactionState: ChipInteractionState,\n): TextStyle | ViewStyle {\n  const style = theme.components[getChipPath(kind, variant, toggleState, layer, interactionState)];\n  return style && typeof style === 'object' ? style : {};\n}\n\nfunction getMergedChipLayerStyle(\n  theme: ChipTheme,\n  kind: ChipKind,\n  variant: ChipVariant,\n  size: ChipSize,\n  toggleState: ChipToggleState,\n  layer: ChipLayer,\n  interactionState: ChipInteractionState,\n): TextStyle | ViewStyle {\n  return {\n    ...(getChipSizeLayerStyle(theme, size, layer) as object),\n    ...(getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState) as object),\n  } as TextStyle | ViewStyle;\n}\n\nexport { getMergedChipLayerStyle };\n"],"mappings":";;AAgBA,SAAS,YACP,MACA,SACA,aACA,OACA,kBACA;CACA,IAAI,SAAS,UACX,OAAO,uBAAuB,QAAQ,UAAU,YAAY,GAAG,MAAM,GAAG;CAG1E,OAAO,QAAQ,KAAK,WAAW,QAAQ,GAAG,MAAM,GAAG;;AAGrD,SAAS,sBACP,OACA,MACA,OACuB;CACvB,MAAM,QAAQ,MAAM,WAAW,aAAa,KAAK,GAAG,MAAM;CAC1D,OAAO,SAAS,OAAO,UAAU,WAAW,QAAQ,EAAE;;AAGxD,SAAS,kBACP,OACA,MACA,SACA,aACA,OACA,kBACuB;CACvB,MAAM,QAAQ,MAAM,WAAW,YAAY,MAAM,SAAS,aAAa,OAAO,iBAAiB;CAC/F,OAAO,SAAS,OAAO,UAAU,WAAW,QAAQ,EAAE;;AAGxD,SAAS,wBACP,OACA,MACA,SACA,MACA,aACA,OACA,kBACuB;CACvB,OAAO;EACL,GAAI,sBAAsB,OAAO,MAAM,MAAM;EAC7C,GAAI,kBAAkB,OAAO,MAAM,SAAS,aAAa,OAAO,iBAAiB;EAClF"}

package/dist/components/Chip/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_Chip_ChipButton = require("./ChipButton.cjs");
+const require_components_Chip_ChipDismissible = require("./ChipDismissible.cjs");
+const require_components_Chip_ChipToggle = require("./ChipToggle.cjs");
+const require_components_Chip_Chip = require("./Chip.cjs");
+exports.Chip = require_components_Chip_Chip.Chip;
+exports.ChipButton = require_components_Chip_ChipButton.ChipButton;
+exports.ChipDismissible = require_components_Chip_ChipDismissible.ChipDismissible;
+exports.ChipToggle = require_components_Chip_ChipToggle.ChipToggle;

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

@@ -0,0 +1,7 @@
+
+import { ChipButtonProps, ChipDismissibleProps, ChipProps, ChipToggleProps } from "./types.cjs";
+import { Chip } from "./Chip.cjs";
+import { ChipButton } from "./ChipButton.cjs";
+import { ChipDismissible } from "./ChipDismissible.cjs";
+import { ChipToggle } from "./ChipToggle.cjs";
+export { Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, type ChipProps, ChipToggle, type ChipToggleProps };

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

@@ -0,0 +1,7 @@
+
+import { ChipButtonProps, ChipDismissibleProps, ChipProps, ChipToggleProps } from "./types.js";
+import { Chip } from "./Chip.js";
+import { ChipButton } from "./ChipButton.js";
+import { ChipDismissible } from "./ChipDismissible.js";
+import { ChipToggle } from "./ChipToggle.js";
+export { Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, type ChipProps, ChipToggle, type ChipToggleProps };

package/dist/components/Chip/index.js

@@ -0,0 +1,6 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { ChipButton } from "./ChipButton.js";
+import { ChipDismissible } from "./ChipDismissible.js";
+import { ChipToggle } from "./ChipToggle.js";
+import { Chip } from "./Chip.js";
+export { Chip, ChipButton, ChipDismissible, ChipToggle };

package/dist/components/Chip/types.cjs

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