@yahoo/uds-mobile 2.14.0 → 2.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/dist/components/Avatar/Avatar.cjs +45 -0
  2. package/dist/components/Avatar/Avatar.d.cts +19 -0
  3. package/dist/components/Avatar/Avatar.d.cts.map +1 -0
  4. package/dist/components/Avatar/Avatar.d.ts +19 -0
  5. package/dist/components/Avatar/Avatar.d.ts.map +1 -0
  6. package/dist/components/Avatar/Avatar.js +45 -0
  7. package/dist/components/Avatar/Avatar.js.map +1 -0
  8. package/dist/components/Avatar/AvatarIcon.cjs +47 -0
  9. package/dist/components/Avatar/AvatarIcon.d.cts +9 -0
  10. package/dist/components/Avatar/AvatarIcon.d.cts.map +1 -0
  11. package/dist/components/Avatar/AvatarIcon.d.ts +9 -0
  12. package/dist/components/Avatar/AvatarIcon.d.ts.map +1 -0
  13. package/dist/components/Avatar/AvatarIcon.js +47 -0
  14. package/dist/components/Avatar/AvatarIcon.js.map +1 -0
  15. package/dist/components/Avatar/AvatarImage.cjs +81 -0
  16. package/dist/components/Avatar/AvatarImage.d.cts +9 -0
  17. package/dist/components/Avatar/AvatarImage.d.cts.map +1 -0
  18. package/dist/components/Avatar/AvatarImage.d.ts +9 -0
  19. package/dist/components/Avatar/AvatarImage.d.ts.map +1 -0
  20. package/dist/components/Avatar/AvatarImage.js +81 -0
  21. package/dist/components/Avatar/AvatarImage.js.map +1 -0
  22. package/dist/components/Avatar/AvatarText.cjs +49 -0
  23. package/dist/components/Avatar/AvatarText.d.cts +9 -0
  24. package/dist/components/Avatar/AvatarText.d.cts.map +1 -0
  25. package/dist/components/Avatar/AvatarText.d.ts +9 -0
  26. package/dist/components/Avatar/AvatarText.d.ts.map +1 -0
  27. package/dist/components/Avatar/AvatarText.js +49 -0
  28. package/dist/components/Avatar/AvatarText.js.map +1 -0
  29. package/dist/components/Avatar/index.cjs +10 -0
  30. package/dist/components/Avatar/index.d.cts +7 -0
  31. package/dist/components/Avatar/index.d.ts +7 -0
  32. package/dist/components/Avatar/index.js +6 -0
  33. package/dist/components/Avatar/types.cjs +1 -0
  34. package/dist/components/Avatar/types.d.cts +28 -0
  35. package/dist/components/Avatar/types.d.cts.map +1 -0
  36. package/dist/components/Avatar/types.d.ts +28 -0
  37. package/dist/components/Avatar/types.d.ts.map +1 -0
  38. package/dist/components/Avatar/types.js +1 -0
  39. package/dist/components/Avatar/utils.cjs +38 -0
  40. package/dist/components/Avatar/utils.d.cts +14 -0
  41. package/dist/components/Avatar/utils.d.cts.map +1 -0
  42. package/dist/components/Avatar/utils.d.ts +14 -0
  43. package/dist/components/Avatar/utils.d.ts.map +1 -0
  44. package/dist/components/Avatar/utils.js +35 -0
  45. package/dist/components/Avatar/utils.js.map +1 -0
  46. package/dist/components/Badge.cjs +1 -1
  47. package/dist/components/Badge.js +1 -1
  48. package/dist/components/Chip/Chip.cjs +54 -0
  49. package/dist/components/Chip/Chip.d.cts +19 -0
  50. package/dist/components/Chip/Chip.d.cts.map +1 -0
  51. package/dist/components/Chip/Chip.d.ts +19 -0
  52. package/dist/components/Chip/Chip.d.ts.map +1 -0
  53. package/dist/components/Chip/Chip.js +54 -0
  54. package/dist/components/Chip/Chip.js.map +1 -0
  55. package/dist/components/Chip/ChipBase.cjs +119 -0
  56. package/dist/components/Chip/ChipBase.d.cts +13 -0
  57. package/dist/components/Chip/ChipBase.d.cts.map +1 -0
  58. package/dist/components/Chip/ChipBase.d.ts +13 -0
  59. package/dist/components/Chip/ChipBase.d.ts.map +1 -0
  60. package/dist/components/Chip/ChipBase.js +116 -0
  61. package/dist/components/Chip/ChipBase.js.map +1 -0
  62. package/dist/components/Chip/ChipButton.cjs +18 -0
  63. package/dist/components/Chip/ChipButton.d.cts +9 -0
  64. package/dist/components/Chip/ChipButton.d.cts.map +1 -0
  65. package/dist/components/Chip/ChipButton.d.ts +9 -0
  66. package/dist/components/Chip/ChipButton.d.ts.map +1 -0
  67. package/dist/components/Chip/ChipButton.js +18 -0
  68. package/dist/components/Chip/ChipButton.js.map +1 -0
  69. package/dist/components/Chip/ChipDismissible.cjs +49 -0
  70. package/dist/components/Chip/ChipDismissible.d.cts +9 -0
  71. package/dist/components/Chip/ChipDismissible.d.cts.map +1 -0
  72. package/dist/components/Chip/ChipDismissible.d.ts +9 -0
  73. package/dist/components/Chip/ChipDismissible.d.ts.map +1 -0
  74. package/dist/components/Chip/ChipDismissible.js +49 -0
  75. package/dist/components/Chip/ChipDismissible.js.map +1 -0
  76. package/dist/components/Chip/ChipToggle.cjs +32 -0
  77. package/dist/components/Chip/ChipToggle.d.cts +9 -0
  78. package/dist/components/Chip/ChipToggle.d.cts.map +1 -0
  79. package/dist/components/Chip/ChipToggle.d.ts +9 -0
  80. package/dist/components/Chip/ChipToggle.d.ts.map +1 -0
  81. package/dist/components/Chip/ChipToggle.js +32 -0
  82. package/dist/components/Chip/ChipToggle.js.map +1 -0
  83. package/dist/components/Chip/chipTheme.cjs +23 -0
  84. package/dist/components/Chip/chipTheme.d.cts +14 -0
  85. package/dist/components/Chip/chipTheme.d.cts.map +1 -0
  86. package/dist/components/Chip/chipTheme.d.ts +14 -0
  87. package/dist/components/Chip/chipTheme.d.ts.map +1 -0
  88. package/dist/components/Chip/chipTheme.js +24 -0
  89. package/dist/components/Chip/chipTheme.js.map +1 -0
  90. package/dist/components/Chip/index.cjs +10 -0
  91. package/dist/components/Chip/index.d.cts +7 -0
  92. package/dist/components/Chip/index.d.ts +7 -0
  93. package/dist/components/Chip/index.js +6 -0
  94. package/dist/components/Chip/types.cjs +1 -0
  95. package/dist/components/Chip/types.d.cts +76 -0
  96. package/dist/components/Chip/types.d.cts.map +1 -0
  97. package/dist/components/Chip/types.d.ts +76 -0
  98. package/dist/components/Chip/types.d.ts.map +1 -0
  99. package/dist/components/Chip/types.js +1 -0
  100. package/dist/components/Input.cjs +1 -1
  101. package/dist/components/Input.js +1 -1
  102. package/dist/types/dist/index.d.cts +36 -1
  103. package/dist/types/dist/index.d.cts.map +1 -1
  104. package/dist/types/dist/index.d.ts +36 -1
  105. package/dist/types/dist/index.d.ts.map +1 -1
  106. package/package.json +9 -9
  107. package/dist/components/Avatar.cjs +0 -116
  108. package/dist/components/Avatar.d.cts +0 -68
  109. package/dist/components/Avatar.d.cts.map +0 -1
  110. package/dist/components/Avatar.d.ts +0 -68
  111. package/dist/components/Avatar.d.ts.map +0 -1
  112. package/dist/components/Avatar.js +0 -116
  113. package/dist/components/Avatar.js.map +0 -1
  114. package/dist/components/Chip.cjs +0 -139
  115. package/dist/components/Chip.d.cts +0 -82
  116. package/dist/components/Chip.d.cts.map +0 -1
  117. package/dist/components/Chip.d.ts +0 -82
  118. package/dist/components/Chip.d.ts.map +0 -1
  119. package/dist/components/Chip.js +0 -139
  120. package/dist/components/Chip.js.map +0 -1
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,18 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ require("../../_virtual/_rolldown/runtime.cjs");
4
+ const require_components_Chip_ChipBase = require("./ChipBase.cjs");
5
+ let react = require("react");
6
+ let react_jsx_runtime = require("react/jsx-runtime");
7
+ //#region src/components/Chip/ChipButton.tsx
8
+ const ChipButton = (0, react.memo)(function ChipButton(props) {
9
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipBase.ChipBase, {
10
+ kind: "link",
11
+ accessibilityRole: "button",
12
+ pressable: true,
13
+ ...props
14
+ });
15
+ });
16
+ ChipButton.displayName = "ChipButton";
17
+ //#endregion
18
+ exports.ChipButton = ChipButton;
@@ -0,0 +1,9 @@
1
+
2
+ import { ChipButtonProps } from "./types.cjs";
3
+ import * as _$react from "react";
4
+
5
+ //#region src/components/Chip/ChipButton.d.ts
6
+ declare const ChipButton: _$react.NamedExoticComponent<ChipButtonProps>;
7
+ //#endregion
8
+ export { ChipButton };
9
+ //# sourceMappingURL=ChipButton.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChipButton.d.cts","names":[],"sources":["../../../src/components/Chip/ChipButton.tsx"],"mappings":";;;;;cAKM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}
@@ -0,0 +1,9 @@
1
+
2
+ import { ChipButtonProps } from "./types.js";
3
+ import * as _$react from "react";
4
+
5
+ //#region src/components/Chip/ChipButton.d.ts
6
+ declare const ChipButton: _$react.NamedExoticComponent<ChipButtonProps>;
7
+ //#endregion
8
+ export { ChipButton };
9
+ //# sourceMappingURL=ChipButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChipButton.d.ts","names":[],"sources":["../../../src/components/Chip/ChipButton.tsx"],"mappings":";;;;;cAKM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}
@@ -0,0 +1,18 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ import { ChipBase } from "./ChipBase.js";
3
+ import { memo } from "react";
4
+ import { jsx } from "react/jsx-runtime";
5
+ //#region src/components/Chip/ChipButton.tsx
6
+ const ChipButton = memo(function ChipButton(props) {
7
+ return /* @__PURE__ */ jsx(ChipBase, {
8
+ kind: "link",
9
+ accessibilityRole: "button",
10
+ pressable: true,
11
+ ...props
12
+ });
13
+ });
14
+ ChipButton.displayName = "ChipButton";
15
+ //#endregion
16
+ export { ChipButton };
17
+
18
+ //# sourceMappingURL=ChipButton.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,49 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ require("../../_virtual/_rolldown/runtime.cjs");
4
+ const require_components_IconSlot = require("../IconSlot.cjs");
5
+ const require_components_Chip_chipTheme = require("./chipTheme.cjs");
6
+ const require_components_Chip_ChipBase = require("./ChipBase.cjs");
7
+ let react = require("react");
8
+ let react_native = require("react-native");
9
+ let react_jsx_runtime = require("react/jsx-runtime");
10
+ let react_native_unistyles = require("react-native-unistyles");
11
+ //#region src/components/Chip/ChipDismissible.tsx
12
+ const ChipDismissible = (0, react.memo)(function ChipDismissible({ onDismiss, dismissButtonAriaLabel = "Dismiss", dismissIcon, disabled = false, variant = require_components_Chip_ChipBase.DEFAULT_CHIP_VARIANT, size = "md", ...props }) {
13
+ const { theme } = (0, react_native_unistyles.useUnistyles)();
14
+ const handleDismiss = (0, react.useCallback)(() => {
15
+ if (!disabled) onDismiss?.();
16
+ }, [disabled, onDismiss]);
17
+ const iconStyle = (0, react.useMemo)(() => require_components_Chip_chipTheme.getMergedChipLayerStyle(theme, "dismissible", variant, size, "off", "icon", "rest"), [
18
+ size,
19
+ theme,
20
+ variant
21
+ ]);
22
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipBase.ChipBase, {
23
+ kind: "dismissible",
24
+ variant,
25
+ size,
26
+ disabled,
27
+ endContent: onDismiss ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
28
+ accessibilityLabel: dismissButtonAriaLabel,
29
+ accessibilityRole: "button",
30
+ disabled,
31
+ hitSlop: 8,
32
+ onPress: handleDismiss,
33
+ style: chipDismissibleStyles.button,
34
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
35
+ icon: dismissIcon ?? "Cross",
36
+ variant: "fill",
37
+ style: iconStyle
38
+ })
39
+ }) : null,
40
+ ...props
41
+ });
42
+ });
43
+ ChipDismissible.displayName = "ChipDismissible";
44
+ const chipDismissibleStyles = react_native.StyleSheet.create({ button: {
45
+ alignItems: "center",
46
+ justifyContent: "center"
47
+ } });
48
+ //#endregion
49
+ exports.ChipDismissible = ChipDismissible;
@@ -0,0 +1,9 @@
1
+
2
+ import { ChipDismissibleProps } from "./types.cjs";
3
+ import * as _$react from "react";
4
+
5
+ //#region src/components/Chip/ChipDismissible.d.ts
6
+ declare const ChipDismissible: _$react.NamedExoticComponent<ChipDismissibleProps>;
7
+ //#endregion
8
+ export { ChipDismissible };
9
+ //# sourceMappingURL=ChipDismissible.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChipDismissible.d.cts","names":[],"sources":["../../../src/components/Chip/ChipDismissible.tsx"],"mappings":";;;;;cAWM,eAAA,EAAe,OAAA,CAAA,oBAAA,CAAA,oBAAA"}
@@ -0,0 +1,9 @@
1
+
2
+ import { ChipDismissibleProps } from "./types.js";
3
+ import * as _$react from "react";
4
+
5
+ //#region src/components/Chip/ChipDismissible.d.ts
6
+ declare const ChipDismissible: _$react.NamedExoticComponent<ChipDismissibleProps>;
7
+ //#endregion
8
+ export { ChipDismissible };
9
+ //# sourceMappingURL=ChipDismissible.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChipDismissible.d.ts","names":[],"sources":["../../../src/components/Chip/ChipDismissible.tsx"],"mappings":";;;;;cAWM,eAAA,EAAe,OAAA,CAAA,oBAAA,CAAA,oBAAA"}
@@ -0,0 +1,49 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ import { IconSlot } from "../IconSlot.js";
3
+ import { getMergedChipLayerStyle } from "./chipTheme.js";
4
+ import { ChipBase, DEFAULT_CHIP_VARIANT } from "./ChipBase.js";
5
+ import { memo, useCallback, useMemo } from "react";
6
+ import { Pressable, StyleSheet } from "react-native";
7
+ import { jsx } from "react/jsx-runtime";
8
+ import { useUnistyles } from "react-native-unistyles";
9
+ //#region src/components/Chip/ChipDismissible.tsx
10
+ const ChipDismissible = memo(function ChipDismissible({ onDismiss, dismissButtonAriaLabel = "Dismiss", dismissIcon, disabled = false, variant = DEFAULT_CHIP_VARIANT, size = "md", ...props }) {
11
+ const { theme } = useUnistyles();
12
+ const handleDismiss = useCallback(() => {
13
+ if (!disabled) onDismiss?.();
14
+ }, [disabled, onDismiss]);
15
+ const iconStyle = useMemo(() => getMergedChipLayerStyle(theme, "dismissible", variant, size, "off", "icon", "rest"), [
16
+ size,
17
+ theme,
18
+ variant
19
+ ]);
20
+ return /* @__PURE__ */ jsx(ChipBase, {
21
+ kind: "dismissible",
22
+ variant,
23
+ size,
24
+ disabled,
25
+ endContent: onDismiss ? /* @__PURE__ */ jsx(Pressable, {
26
+ accessibilityLabel: dismissButtonAriaLabel,
27
+ accessibilityRole: "button",
28
+ disabled,
29
+ hitSlop: 8,
30
+ onPress: handleDismiss,
31
+ style: chipDismissibleStyles.button,
32
+ children: /* @__PURE__ */ jsx(IconSlot, {
33
+ icon: dismissIcon ?? "Cross",
34
+ variant: "fill",
35
+ style: iconStyle
36
+ })
37
+ }) : null,
38
+ ...props
39
+ });
40
+ });
41
+ ChipDismissible.displayName = "ChipDismissible";
42
+ const chipDismissibleStyles = StyleSheet.create({ button: {
43
+ alignItems: "center",
44
+ justifyContent: "center"
45
+ } });
46
+ //#endregion
47
+ export { ChipDismissible };
48
+
49
+ //# sourceMappingURL=ChipDismissible.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,32 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ require("../../_virtual/_rolldown/runtime.cjs");
4
+ const require_components_Chip_ChipBase = require("./ChipBase.cjs");
5
+ let react = require("react");
6
+ let react_jsx_runtime = require("react/jsx-runtime");
7
+ //#region src/components/Chip/ChipToggle.tsx
8
+ const ChipToggle = (0, react.memo)(function ChipToggle({ isToggled = false, onToggle, disabled = false, accessibilityRole = "checkbox", accessibilityState, ...props }) {
9
+ const handlePress = (0, react.useCallback)(() => {
10
+ if (!disabled) onToggle?.(!isToggled);
11
+ }, [
12
+ disabled,
13
+ isToggled,
14
+ onToggle
15
+ ]);
16
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Chip_ChipBase.ChipBase, {
17
+ kind: "toggle",
18
+ toggleState: isToggled ? "on" : "off",
19
+ disabled,
20
+ accessibilityRole,
21
+ accessibilityState: {
22
+ checked: isToggled,
23
+ ...accessibilityState
24
+ },
25
+ onPress: handlePress,
26
+ pressable: true,
27
+ ...props
28
+ });
29
+ });
30
+ ChipToggle.displayName = "ChipToggle";
31
+ //#endregion
32
+ exports.ChipToggle = ChipToggle;
@@ -0,0 +1,9 @@
1
+
2
+ import { ChipToggleProps } from "./types.cjs";
3
+ import * as _$react from "react";
4
+
5
+ //#region src/components/Chip/ChipToggle.d.ts
6
+ declare const ChipToggle: _$react.NamedExoticComponent<ChipToggleProps>;
7
+ //#endregion
8
+ export { ChipToggle };
9
+ //# sourceMappingURL=ChipToggle.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChipToggle.d.cts","names":[],"sources":["../../../src/components/Chip/ChipToggle.tsx"],"mappings":";;;;;cAKM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}
@@ -0,0 +1,9 @@
1
+
2
+ import { ChipToggleProps } from "./types.js";
3
+ import * as _$react from "react";
4
+
5
+ //#region src/components/Chip/ChipToggle.d.ts
6
+ declare const ChipToggle: _$react.NamedExoticComponent<ChipToggleProps>;
7
+ //#endregion
8
+ export { ChipToggle };
9
+ //# sourceMappingURL=ChipToggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChipToggle.d.ts","names":[],"sources":["../../../src/components/Chip/ChipToggle.tsx"],"mappings":";;;;;cAKM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}
@@ -0,0 +1,32 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ import { ChipBase } from "./ChipBase.js";
3
+ import { memo, useCallback } from "react";
4
+ import { jsx } from "react/jsx-runtime";
5
+ //#region src/components/Chip/ChipToggle.tsx
6
+ const ChipToggle = memo(function ChipToggle({ isToggled = false, onToggle, disabled = false, accessibilityRole = "checkbox", accessibilityState, ...props }) {
7
+ const handlePress = useCallback(() => {
8
+ if (!disabled) onToggle?.(!isToggled);
9
+ }, [
10
+ disabled,
11
+ isToggled,
12
+ onToggle
13
+ ]);
14
+ return /* @__PURE__ */ jsx(ChipBase, {
15
+ kind: "toggle",
16
+ toggleState: isToggled ? "on" : "off",
17
+ disabled,
18
+ accessibilityRole,
19
+ accessibilityState: {
20
+ checked: isToggled,
21
+ ...accessibilityState
22
+ },
23
+ onPress: handlePress,
24
+ pressable: true,
25
+ ...props
26
+ });
27
+ });
28
+ ChipToggle.displayName = "ChipToggle";
29
+ //#endregion
30
+ export { ChipToggle };
31
+
32
+ //# sourceMappingURL=ChipToggle.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,23 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ //#region src/components/Chip/chipTheme.ts
4
+ function getChipPath(kind, variant, toggleState, layer, interactionState) {
5
+ if (kind === "toggle") return `chip/toggle/variant/${variant}/active/${toggleState}/${layer}/${interactionState}`;
6
+ return `chip/${kind}/variant/${variant}/${layer}/${interactionState}`;
7
+ }
8
+ function getChipSizeLayerStyle(theme, size, layer) {
9
+ const style = theme.components[`chip/size/${size}/${layer}/rest`];
10
+ return style && typeof style === "object" ? style : {};
11
+ }
12
+ function getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState) {
13
+ const style = theme.components[getChipPath(kind, variant, toggleState, layer, interactionState)];
14
+ return style && typeof style === "object" ? style : {};
15
+ }
16
+ function getMergedChipLayerStyle(theme, kind, variant, size, toggleState, layer, interactionState) {
17
+ return {
18
+ ...getChipSizeLayerStyle(theme, size, layer),
19
+ ...getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState)
20
+ };
21
+ }
22
+ //#endregion
23
+ exports.getMergedChipLayerStyle = getMergedChipLayerStyle;
@@ -0,0 +1,14 @@
1
+
2
+ import { ChipSize, ChipVariant } from "../../types/dist/index.cjs";
3
+ import { ChipInteractionState, ChipKind, ChipToggleState } from "./types.cjs";
4
+ import { TextStyle, ViewStyle } from "react-native";
5
+
6
+ //#region src/components/Chip/chipTheme.d.ts
7
+ type ChipLayer = 'icon' | 'root' | 'rootText';
8
+ type ChipTheme = {
9
+ components: Record<string, any>;
10
+ };
11
+ declare function getMergedChipLayerStyle(theme: ChipTheme, kind: ChipKind, variant: ChipVariant, size: ChipSize, toggleState: ChipToggleState, layer: ChipLayer, interactionState: ChipInteractionState): TextStyle | ViewStyle;
12
+ //#endregion
13
+ export { getMergedChipLayerStyle };
14
+ //# sourceMappingURL=chipTheme.d.cts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,14 @@
1
+
2
+ import { ChipSize, ChipVariant } from "../../types/dist/index.js";
3
+ import { ChipInteractionState, ChipKind, ChipToggleState } from "./types.js";
4
+ import { TextStyle, ViewStyle } from "react-native";
5
+
6
+ //#region src/components/Chip/chipTheme.d.ts
7
+ type ChipLayer = 'icon' | 'root' | 'rootText';
8
+ type ChipTheme = {
9
+ components: Record<string, any>;
10
+ };
11
+ declare function getMergedChipLayerStyle(theme: ChipTheme, kind: ChipKind, variant: ChipVariant, size: ChipSize, toggleState: ChipToggleState, layer: ChipLayer, interactionState: ChipInteractionState): TextStyle | ViewStyle;
12
+ //#endregion
13
+ export { getMergedChipLayerStyle };
14
+ //# sourceMappingURL=chipTheme.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,24 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ //#region src/components/Chip/chipTheme.ts
3
+ function getChipPath(kind, variant, toggleState, layer, interactionState) {
4
+ if (kind === "toggle") return `chip/toggle/variant/${variant}/active/${toggleState}/${layer}/${interactionState}`;
5
+ return `chip/${kind}/variant/${variant}/${layer}/${interactionState}`;
6
+ }
7
+ function getChipSizeLayerStyle(theme, size, layer) {
8
+ const style = theme.components[`chip/size/${size}/${layer}/rest`];
9
+ return style && typeof style === "object" ? style : {};
10
+ }
11
+ function getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState) {
12
+ const style = theme.components[getChipPath(kind, variant, toggleState, layer, interactionState)];
13
+ return style && typeof style === "object" ? style : {};
14
+ }
15
+ function getMergedChipLayerStyle(theme, kind, variant, size, toggleState, layer, interactionState) {
16
+ return {
17
+ ...getChipSizeLayerStyle(theme, size, layer),
18
+ ...getChipLayerStyle(theme, kind, variant, toggleState, layer, interactionState)
19
+ };
20
+ }
21
+ //#endregion
22
+ export { getMergedChipLayerStyle };
23
+
24
+ //# sourceMappingURL=chipTheme.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,10 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const require_components_Chip_ChipButton = require("./ChipButton.cjs");
4
+ const require_components_Chip_ChipDismissible = require("./ChipDismissible.cjs");
5
+ const require_components_Chip_ChipToggle = require("./ChipToggle.cjs");
6
+ const require_components_Chip_Chip = require("./Chip.cjs");
7
+ exports.Chip = require_components_Chip_Chip.Chip;
8
+ exports.ChipButton = require_components_Chip_ChipButton.ChipButton;
9
+ exports.ChipDismissible = require_components_Chip_ChipDismissible.ChipDismissible;
10
+ exports.ChipToggle = require_components_Chip_ChipToggle.ChipToggle;
@@ -0,0 +1,7 @@
1
+
2
+ import { ChipButtonProps, ChipDismissibleProps, ChipProps, ChipToggleProps } from "./types.cjs";
3
+ import { Chip } from "./Chip.cjs";
4
+ import { ChipButton } from "./ChipButton.cjs";
5
+ import { ChipDismissible } from "./ChipDismissible.cjs";
6
+ import { ChipToggle } from "./ChipToggle.cjs";
7
+ export { Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, type ChipProps, ChipToggle, type ChipToggleProps };
@@ -0,0 +1,7 @@
1
+
2
+ import { ChipButtonProps, ChipDismissibleProps, ChipProps, ChipToggleProps } from "./types.js";
3
+ import { Chip } from "./Chip.js";
4
+ import { ChipButton } from "./ChipButton.js";
5
+ import { ChipDismissible } from "./ChipDismissible.js";
6
+ import { ChipToggle } from "./ChipToggle.js";
7
+ export { Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, type ChipProps, ChipToggle, type ChipToggleProps };
@@ -0,0 +1,6 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ import { ChipButton } from "./ChipButton.js";
3
+ import { ChipDismissible } from "./ChipDismissible.js";
4
+ import { ChipToggle } from "./ChipToggle.js";
5
+ import { Chip } from "./Chip.js";
6
+ export { Chip, ChipButton, ChipDismissible, ChipToggle };
@@ -0,0 +1 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
@@ -0,0 +1,76 @@
1
+
2
+ import { ChipSize, ChipVariant } from "../../types/dist/index.cjs";
3
+ import { IconSlotType } from "../IconSlot.cjs";
4
+ import { ReactNode, Ref } from "react";
5
+ import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
6
+
7
+ //#region src/components/Chip/types.d.ts
8
+ type ChipInteractionState = 'rest' | 'pressed';
9
+ type ChipKind = 'dismissible' | 'link' | 'toggle';
10
+ type ChipToggleState = 'off' | 'on';
11
+ interface ChipSharedProps extends Omit<ViewProps, 'children' | 'style'> {
12
+ /** Ref to the underlying View. */
13
+ ref?: Ref<View>;
14
+ /** The visual style variant. @default 'primary' */
15
+ variant?: ChipVariant;
16
+ /** The size of the chip. @default 'md' */
17
+ size?: ChipSize;
18
+ /** Minimum width of the chip in pixels. */
19
+ minWidth?: number;
20
+ /** Maximum width of the chip in pixels. @default 200 */
21
+ maxWidth?: number;
22
+ /** Icon displayed at the start of the chip. */
23
+ startIcon?: IconSlotType;
24
+ /** Icon displayed at the end of the chip. */
25
+ endIcon?: IconSlotType;
26
+ /** Whether the chip is disabled. */
27
+ disabled?: boolean;
28
+ /** Chip label content. */
29
+ children?: ReactNode;
30
+ /** Style override for the chip root. */
31
+ style?: StyleProp<ViewStyle>;
32
+ }
33
+ interface ChipButtonProps extends ChipSharedProps {
34
+ /** Called when the chip is pressed. */
35
+ onPress?: () => void;
36
+ }
37
+ interface ChipDismissibleProps extends Omit<ChipSharedProps, 'endIcon'> {
38
+ /** Called when the dismiss button is pressed. */
39
+ onDismiss?: () => void;
40
+ /** Accessibility label for the dismiss button. */
41
+ dismissButtonAriaLabel?: string;
42
+ /** Custom icon for the dismiss button. */
43
+ dismissIcon?: IconSlotType;
44
+ }
45
+ interface ChipToggleProps extends ChipSharedProps {
46
+ /** Whether the chip is toggled/selected. */
47
+ isToggled?: boolean;
48
+ /** Called when the chip toggle state changes. */
49
+ onToggle?: (isToggled: boolean) => void;
50
+ }
51
+ interface ChipProps extends ChipSharedProps {
52
+ /** Called when the chip is pressed. Makes the chip interactive. */
53
+ onPress?: () => void;
54
+ /** Whether the chip is toggled/selected. */
55
+ isToggled?: boolean;
56
+ /** Called when the chip toggle state changes. */
57
+ onToggle?: (isToggled: boolean) => void;
58
+ /** Called when the dismiss button is pressed. Shows a dismiss icon. */
59
+ onDismiss?: () => void;
60
+ /** Accessibility label for the dismiss button. */
61
+ dismissButtonAriaLabel?: string;
62
+ /** Custom icon for the dismiss button. */
63
+ dismissIcon?: IconSlotType;
64
+ }
65
+ interface ChipBaseProps extends ChipSharedProps {
66
+ kind: ChipKind;
67
+ toggleState?: ChipToggleState;
68
+ interactionState?: ChipInteractionState;
69
+ pressable?: boolean;
70
+ accessibilityRole?: ViewProps['accessibilityRole'];
71
+ onPress?: () => void;
72
+ endContent?: ReactNode;
73
+ }
74
+ //#endregion
75
+ export { type ChipBaseProps, type ChipButtonProps, type ChipDismissibleProps, type ChipInteractionState, type ChipKind, type ChipProps, type ChipSharedProps, type ChipSize, type ChipToggleProps, type ChipToggleState, type ChipVariant };
76
+ //# sourceMappingURL=types.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/components/Chip/types.ts"],"mappings":";;;;;;;KAMK,oBAAA;AAAA,KACA,QAAA;AAAA,KACA,eAAA;AAAA,UAEK,eAAA,SAAwB,IAAA,CAAK,SAAA;;EAErC,GAAA,GAAM,GAAA,CAAI,IAAA;EANa;EAQvB,OAAA,GAAU,WAAA;EAPC;EASX,IAAA,GAAO,QAAA;EATI;EAWX,QAAA;EAVG;EAYH,QAAA;;EAEA,SAAA,GAAY,YAAA;EAdM;EAgBlB,OAAA,GAAU,YAAA;EAdc;EAgBxB,QAAA;EAhBqC;EAkBrC,QAAA,GAAW,SAAA;EAhBL;EAkBN,KAAA,GAAQ,SAAA,CAAU,SAAA;AAAA;AAAA,UAGV,eAAA,SAAwB,eAAA;EATtB;EAWV,OAAA;AAAA;AAAA,UAGQ,oBAAA,SAA6B,IAAA,CAAK,eAAA;EA5BV;EA8BhC,SAAA;EA9BoC;EAgCpC,sBAAA;EAhCqC;EAkCrC,WAAA,GAAc,YAAA;AAAA;AAAA,UAGN,eAAA,SAAwB,eAAA;EAjChC;EAmCA,SAAA;EAjCA;EAmCA,QAAA,IAAY,SAAA;AAAA;AAAA,UAGJ,SAAA,SAAkB,eAAA;EAhC1B;EAkCA,OAAA;EAhCA;EAkCA,SAAA;EAhCA;EAkCA,QAAA,IAAY,SAAA;EAhCD;EAkCX,SAAA;EAhCQ;EAkCR,sBAAA;EAlC2B;EAoC3B,WAAA,GAAc,YAAA;AAAA;AAAA,UAGN,aAAA,SAAsB,eAAA;EAC9B,IAAA,EAAM,QAAA;EACN,WAAA,GAAc,eAAA;EACd,gBAAA,GAAmB,oBAAA;EACnB,SAAA;EACA,iBAAA,GAAoB,SAAA;EACpB,OAAA;EACA,UAAA,GAAa,SAAA;AAAA"}
@@ -0,0 +1,76 @@
1
+
2
+ import { ChipSize, ChipVariant } from "../../types/dist/index.js";
3
+ import { IconSlotType } from "../IconSlot.js";
4
+ import { ReactNode, Ref } from "react";
5
+ import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
6
+
7
+ //#region src/components/Chip/types.d.ts
8
+ type ChipInteractionState = 'rest' | 'pressed';
9
+ type ChipKind = 'dismissible' | 'link' | 'toggle';
10
+ type ChipToggleState = 'off' | 'on';
11
+ interface ChipSharedProps extends Omit<ViewProps, 'children' | 'style'> {
12
+ /** Ref to the underlying View. */
13
+ ref?: Ref<View>;
14
+ /** The visual style variant. @default 'primary' */
15
+ variant?: ChipVariant;
16
+ /** The size of the chip. @default 'md' */
17
+ size?: ChipSize;
18
+ /** Minimum width of the chip in pixels. */
19
+ minWidth?: number;
20
+ /** Maximum width of the chip in pixels. @default 200 */
21
+ maxWidth?: number;
22
+ /** Icon displayed at the start of the chip. */
23
+ startIcon?: IconSlotType;
24
+ /** Icon displayed at the end of the chip. */
25
+ endIcon?: IconSlotType;
26
+ /** Whether the chip is disabled. */
27
+ disabled?: boolean;
28
+ /** Chip label content. */
29
+ children?: ReactNode;
30
+ /** Style override for the chip root. */
31
+ style?: StyleProp<ViewStyle>;
32
+ }
33
+ interface ChipButtonProps extends ChipSharedProps {
34
+ /** Called when the chip is pressed. */
35
+ onPress?: () => void;
36
+ }
37
+ interface ChipDismissibleProps extends Omit<ChipSharedProps, 'endIcon'> {
38
+ /** Called when the dismiss button is pressed. */
39
+ onDismiss?: () => void;
40
+ /** Accessibility label for the dismiss button. */
41
+ dismissButtonAriaLabel?: string;
42
+ /** Custom icon for the dismiss button. */
43
+ dismissIcon?: IconSlotType;
44
+ }
45
+ interface ChipToggleProps extends ChipSharedProps {
46
+ /** Whether the chip is toggled/selected. */
47
+ isToggled?: boolean;
48
+ /** Called when the chip toggle state changes. */
49
+ onToggle?: (isToggled: boolean) => void;
50
+ }
51
+ interface ChipProps extends ChipSharedProps {
52
+ /** Called when the chip is pressed. Makes the chip interactive. */
53
+ onPress?: () => void;
54
+ /** Whether the chip is toggled/selected. */
55
+ isToggled?: boolean;
56
+ /** Called when the chip toggle state changes. */
57
+ onToggle?: (isToggled: boolean) => void;
58
+ /** Called when the dismiss button is pressed. Shows a dismiss icon. */
59
+ onDismiss?: () => void;
60
+ /** Accessibility label for the dismiss button. */
61
+ dismissButtonAriaLabel?: string;
62
+ /** Custom icon for the dismiss button. */
63
+ dismissIcon?: IconSlotType;
64
+ }
65
+ interface ChipBaseProps extends ChipSharedProps {
66
+ kind: ChipKind;
67
+ toggleState?: ChipToggleState;
68
+ interactionState?: ChipInteractionState;
69
+ pressable?: boolean;
70
+ accessibilityRole?: ViewProps['accessibilityRole'];
71
+ onPress?: () => void;
72
+ endContent?: ReactNode;
73
+ }
74
+ //#endregion
75
+ export { type ChipBaseProps, type ChipButtonProps, type ChipDismissibleProps, type ChipInteractionState, type ChipKind, type ChipProps, type ChipSharedProps, type ChipSize, type ChipToggleProps, type ChipToggleState, type ChipVariant };
76
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/components/Chip/types.ts"],"mappings":";;;;;;;KAMK,oBAAA;AAAA,KACA,QAAA;AAAA,KACA,eAAA;AAAA,UAEK,eAAA,SAAwB,IAAA,CAAK,SAAA;;EAErC,GAAA,GAAM,GAAA,CAAI,IAAA;EANa;EAQvB,OAAA,GAAU,WAAA;EAPC;EASX,IAAA,GAAO,QAAA;EATI;EAWX,QAAA;EAVG;EAYH,QAAA;;EAEA,SAAA,GAAY,YAAA;EAdM;EAgBlB,OAAA,GAAU,YAAA;EAdc;EAgBxB,QAAA;EAhBqC;EAkBrC,QAAA,GAAW,SAAA;EAhBL;EAkBN,KAAA,GAAQ,SAAA,CAAU,SAAA;AAAA;AAAA,UAGV,eAAA,SAAwB,eAAA;EATtB;EAWV,OAAA;AAAA;AAAA,UAGQ,oBAAA,SAA6B,IAAA,CAAK,eAAA;EA5BV;EA8BhC,SAAA;EA9BoC;EAgCpC,sBAAA;EAhCqC;EAkCrC,WAAA,GAAc,YAAA;AAAA;AAAA,UAGN,eAAA,SAAwB,eAAA;EAjChC;EAmCA,SAAA;EAjCA;EAmCA,QAAA,IAAY,SAAA;AAAA;AAAA,UAGJ,SAAA,SAAkB,eAAA;EAhC1B;EAkCA,OAAA;EAhCA;EAkCA,SAAA;EAhCA;EAkCA,QAAA,IAAY,SAAA;EAhCD;EAkCX,SAAA;EAhCQ;EAkCR,sBAAA;EAlC2B;EAoC3B,WAAA,GAAc,YAAA;AAAA;AAAA,UAGN,aAAA,SAAsB,eAAA;EAC9B,IAAA,EAAM,QAAA;EACN,WAAA,GAAc,eAAA;EACd,gBAAA,GAAmB,oBAAA;EACnB,SAAA;EACA,iBAAA,GAAoB,SAAA;EACpB,OAAA;EACA,UAAA,GAAa,SAAA;AAAA"}
@@ -0,0 +1 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */