jfs-components 0.0.5 → 0.0.7

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 (358) hide show
  1. package/lib/commonjs/components/Accordion/Accordion.mdx +1 -1
  2. package/lib/commonjs/components/ActionFooter/ActionFooter.js +2 -14
  3. package/lib/commonjs/components/ActionFooter/ActionFooter.js.map +1 -1
  4. package/lib/commonjs/components/ActionFooter/ActionFooter.mdx +1 -1
  5. package/lib/commonjs/components/ActionTile/ActionTile.js +10 -1
  6. package/lib/commonjs/components/ActionTile/ActionTile.js.map +1 -1
  7. package/lib/commonjs/components/ActionTile/ActionTile.mdx +5 -1
  8. package/lib/commonjs/components/AppBar/AppBar.js +109 -231
  9. package/lib/commonjs/components/AppBar/AppBar.js.map +1 -1
  10. package/lib/commonjs/components/AppBar/AppBar.mdx +51 -39
  11. package/lib/commonjs/components/Avatar/Avatar.mdx +9 -1
  12. package/lib/commonjs/components/AvatarGroup/AvatarGroup.mdx +9 -1
  13. package/lib/commonjs/components/Badge/Badge.mdx +1 -1
  14. package/lib/commonjs/components/Balance/Balance.js +77 -0
  15. package/lib/commonjs/components/Balance/Balance.js.map +1 -0
  16. package/lib/commonjs/components/Balance/Balance.mdx +62 -0
  17. package/lib/commonjs/components/BottomNav/BottomNav.js +9 -1
  18. package/lib/commonjs/components/BottomNav/BottomNav.js.map +1 -1
  19. package/lib/commonjs/components/BottomNav/BottomNav.mdx +5 -1
  20. package/lib/commonjs/components/BottomNavItem/BottomNavItem.js +9 -1
  21. package/lib/commonjs/components/BottomNavItem/BottomNavItem.js.map +1 -1
  22. package/lib/commonjs/components/BottomNavItem/BottomNavItem.mdx +5 -1
  23. package/lib/commonjs/components/Button/Button.mdx +5 -1
  24. package/lib/commonjs/components/ButtonGroup/ButtonGroup.js +64 -0
  25. package/lib/commonjs/components/ButtonGroup/ButtonGroup.js.map +1 -0
  26. package/lib/commonjs/components/ButtonGroup/ButtonGroup.mdx +56 -0
  27. package/lib/commonjs/components/Card/Card.mdx +1 -1
  28. package/lib/commonjs/components/CardFeedback/CardFeedback.mdx +5 -1
  29. package/lib/commonjs/components/ChipGroup/ChipGroup.js +54 -0
  30. package/lib/commonjs/components/ChipGroup/ChipGroup.js.map +1 -0
  31. package/lib/commonjs/components/ChipGroup/ChipGroup.mdx +40 -0
  32. package/lib/commonjs/components/ChipSelect/ChipSelect.js +103 -0
  33. package/lib/commonjs/components/ChipSelect/ChipSelect.js.map +1 -0
  34. package/lib/commonjs/components/ChipSelect/ChipSelect.mdx +80 -0
  35. package/lib/commonjs/components/CtaCard/CtaCard.js +15 -20
  36. package/lib/commonjs/components/CtaCard/CtaCard.js.map +1 -1
  37. package/lib/commonjs/components/CtaCard/CtaCard.mdx +1 -1
  38. package/lib/commonjs/components/Disclaimer/Disclaimer.js +9 -1
  39. package/lib/commonjs/components/Disclaimer/Disclaimer.js.map +1 -1
  40. package/lib/commonjs/components/Disclaimer/Disclaimer.mdx +5 -1
  41. package/lib/commonjs/components/Divider/Divider.mdx +5 -1
  42. package/lib/commonjs/components/Drawer/Drawer.mdx +9 -1
  43. package/lib/commonjs/components/EmptyState/EmptyState.js +138 -0
  44. package/lib/commonjs/components/EmptyState/EmptyState.js.map +1 -0
  45. package/lib/commonjs/components/EmptyState/EmptyState.mdx +73 -0
  46. package/lib/commonjs/components/FilterBar/FilterBar.mdx +1 -1
  47. package/lib/commonjs/components/HStack/HStack.js +67 -0
  48. package/lib/commonjs/components/HStack/HStack.js.map +1 -0
  49. package/lib/commonjs/components/HStack/HStack.mdx +44 -0
  50. package/lib/commonjs/components/IconButton/IconButton.mdx +5 -1
  51. package/lib/commonjs/components/IconCapsule/IconCapsule.js +12 -4
  52. package/lib/commonjs/components/IconCapsule/IconCapsule.js.map +1 -1
  53. package/lib/commonjs/components/IconCapsule/IconCapsule.mdx +12 -4
  54. package/lib/commonjs/components/Introduction.mdx +3 -98
  55. package/lib/commonjs/components/LazyList/LazyList.mdx +1 -1
  56. package/lib/commonjs/components/ListGroup/ListGroup.js +3 -30
  57. package/lib/commonjs/components/ListGroup/ListGroup.js.map +1 -1
  58. package/lib/commonjs/components/ListGroup/ListGroup.mdx +5 -1
  59. package/lib/commonjs/components/ListItem/ListItem.js +5 -37
  60. package/lib/commonjs/components/ListItem/ListItem.js.map +1 -1
  61. package/lib/commonjs/components/ListItem/ListItem.mdx +5 -1
  62. package/lib/commonjs/components/MediaCard/MediaCard.mdx +5 -1
  63. package/lib/commonjs/components/MerchantProfile/MerchantProfile.mdx +1 -1
  64. package/lib/commonjs/components/MoneyValue/MoneyValue.mdx +6 -2
  65. package/lib/commonjs/components/NavArrow/NavArrow.js +42 -17
  66. package/lib/commonjs/components/NavArrow/NavArrow.js.map +1 -1
  67. package/lib/commonjs/components/NavArrow/NavArrow.mdx +5 -1
  68. package/lib/commonjs/components/PageTitle/PageTitle.js +10 -1
  69. package/lib/commonjs/components/PageTitle/PageTitle.js.map +1 -1
  70. package/lib/commonjs/components/PageTitle/PageTitle.mdx +5 -1
  71. package/lib/commonjs/components/Screen/Screen.js +53 -0
  72. package/lib/commonjs/components/Screen/Screen.js.map +1 -0
  73. package/lib/commonjs/components/Screen/Screen.mdx +58 -0
  74. package/lib/commonjs/components/Section/Section.js +3 -25
  75. package/lib/commonjs/components/Section/Section.js.map +1 -1
  76. package/lib/commonjs/components/Section/Section.mdx +5 -1
  77. package/lib/commonjs/components/Stepper/Step.mdx +5 -1
  78. package/lib/commonjs/components/Stepper/StepLabel.mdx +5 -1
  79. package/lib/commonjs/components/Stepper/Stepper.mdx +1 -1
  80. package/lib/commonjs/components/SupportText/SupportText.js +83 -0
  81. package/lib/commonjs/components/SupportText/SupportText.js.map +1 -0
  82. package/lib/commonjs/components/SupportText/SupportText.mdx +48 -0
  83. package/lib/commonjs/components/SupportText/SupportTextIcon.js +47 -0
  84. package/lib/commonjs/components/SupportText/SupportTextIcon.js.map +1 -0
  85. package/lib/commonjs/components/SupportText/SupportTextIcon.mdx +35 -0
  86. package/lib/commonjs/components/SupportText/index.js +21 -0
  87. package/lib/commonjs/components/SupportText/index.js.map +1 -0
  88. package/lib/commonjs/components/TextInput/TextInput.mdx +9 -1
  89. package/lib/commonjs/components/ThreadHero/ThreadHero.mdx +1 -1
  90. package/lib/commonjs/components/Tooltip/Tooltip.mdx +5 -1
  91. package/lib/commonjs/components/TransactionBubble/TransactionBubble.mdx +1 -1
  92. package/lib/commonjs/components/TransactionDetails/TransactionDetails.js +2 -24
  93. package/lib/commonjs/components/TransactionDetails/TransactionDetails.js.map +1 -1
  94. package/lib/commonjs/components/TransactionDetails/TransactionDetails.mdx +1 -1
  95. package/lib/commonjs/components/TransactionStatus/TransactionStatus.mdx +1 -1
  96. package/lib/commonjs/components/UpiHandle/UpiHandle.js +9 -1
  97. package/lib/commonjs/components/UpiHandle/UpiHandle.js.map +1 -1
  98. package/lib/commonjs/components/UpiHandle/UpiHandle.mdx +5 -1
  99. package/lib/commonjs/components/VStack/VStack.js +73 -0
  100. package/lib/commonjs/components/VStack/VStack.js.map +1 -0
  101. package/lib/commonjs/components/VStack/VStack.mdx +44 -0
  102. package/lib/commonjs/components/index.js +28 -0
  103. package/lib/commonjs/components/index.js.map +1 -1
  104. package/lib/commonjs/design-tokens/JFS Variables-variables-full.json +1 -18633
  105. package/lib/commonjs/icons/ic_info.svg +1 -0
  106. package/lib/commonjs/icons/ic_warning.svg +1 -0
  107. package/lib/commonjs/icons/registry.js +2 -2
  108. package/lib/commonjs/icons/registry.js.map +1 -1
  109. package/lib/commonjs/utils/react-utils.js +47 -0
  110. package/lib/commonjs/utils/react-utils.js.map +1 -0
  111. package/lib/module/components/Accordion/Accordion.mdx +1 -1
  112. package/lib/module/components/ActionFooter/ActionFooter.js +2 -14
  113. package/lib/module/components/ActionFooter/ActionFooter.js.map +1 -1
  114. package/lib/module/components/ActionFooter/ActionFooter.mdx +1 -1
  115. package/lib/module/components/ActionTile/ActionTile.js +10 -1
  116. package/lib/module/components/ActionTile/ActionTile.js.map +1 -1
  117. package/lib/module/components/ActionTile/ActionTile.mdx +5 -1
  118. package/lib/module/components/AppBar/AppBar.js +109 -231
  119. package/lib/module/components/AppBar/AppBar.js.map +1 -1
  120. package/lib/module/components/AppBar/AppBar.mdx +51 -39
  121. package/lib/module/components/Avatar/Avatar.mdx +9 -1
  122. package/lib/module/components/AvatarGroup/AvatarGroup.mdx +9 -1
  123. package/lib/module/components/Badge/Badge.mdx +1 -1
  124. package/lib/module/components/Balance/Balance.js +72 -0
  125. package/lib/module/components/Balance/Balance.js.map +1 -0
  126. package/lib/module/components/Balance/Balance.mdx +62 -0
  127. package/lib/module/components/BottomNav/BottomNav.js +9 -1
  128. package/lib/module/components/BottomNav/BottomNav.js.map +1 -1
  129. package/lib/module/components/BottomNav/BottomNav.mdx +5 -1
  130. package/lib/module/components/BottomNavItem/BottomNavItem.js +9 -1
  131. package/lib/module/components/BottomNavItem/BottomNavItem.js.map +1 -1
  132. package/lib/module/components/BottomNavItem/BottomNavItem.mdx +5 -1
  133. package/lib/module/components/Button/Button.mdx +5 -1
  134. package/lib/module/components/ButtonGroup/ButtonGroup.js +59 -0
  135. package/lib/module/components/ButtonGroup/ButtonGroup.js.map +1 -0
  136. package/lib/module/components/ButtonGroup/ButtonGroup.mdx +56 -0
  137. package/lib/module/components/Card/Card.mdx +1 -1
  138. package/lib/module/components/CardFeedback/CardFeedback.mdx +5 -1
  139. package/lib/module/components/ChipGroup/ChipGroup.js +49 -0
  140. package/lib/module/components/ChipGroup/ChipGroup.js.map +1 -0
  141. package/lib/module/components/ChipGroup/ChipGroup.mdx +40 -0
  142. package/lib/module/components/ChipSelect/ChipSelect.js +98 -0
  143. package/lib/module/components/ChipSelect/ChipSelect.js.map +1 -0
  144. package/lib/module/components/ChipSelect/ChipSelect.mdx +80 -0
  145. package/lib/module/components/CtaCard/CtaCard.js +15 -20
  146. package/lib/module/components/CtaCard/CtaCard.js.map +1 -1
  147. package/lib/module/components/CtaCard/CtaCard.mdx +1 -1
  148. package/lib/module/components/Disclaimer/Disclaimer.js +9 -1
  149. package/lib/module/components/Disclaimer/Disclaimer.js.map +1 -1
  150. package/lib/module/components/Disclaimer/Disclaimer.mdx +5 -1
  151. package/lib/module/components/Divider/Divider.mdx +5 -1
  152. package/lib/module/components/Drawer/Drawer.mdx +9 -1
  153. package/lib/module/components/EmptyState/EmptyState.js +132 -0
  154. package/lib/module/components/EmptyState/EmptyState.js.map +1 -0
  155. package/lib/module/components/EmptyState/EmptyState.mdx +73 -0
  156. package/lib/module/components/FilterBar/FilterBar.mdx +1 -1
  157. package/lib/module/components/HStack/HStack.js +61 -0
  158. package/lib/module/components/HStack/HStack.js.map +1 -0
  159. package/lib/module/components/HStack/HStack.mdx +44 -0
  160. package/lib/module/components/IconButton/IconButton.mdx +5 -1
  161. package/lib/module/components/IconCapsule/IconCapsule.js +12 -4
  162. package/lib/module/components/IconCapsule/IconCapsule.js.map +1 -1
  163. package/lib/module/components/IconCapsule/IconCapsule.mdx +12 -4
  164. package/lib/module/components/Introduction.mdx +3 -98
  165. package/lib/module/components/LazyList/LazyList.mdx +1 -1
  166. package/lib/module/components/ListGroup/ListGroup.js +1 -30
  167. package/lib/module/components/ListGroup/ListGroup.js.map +1 -1
  168. package/lib/module/components/ListGroup/ListGroup.mdx +5 -1
  169. package/lib/module/components/ListItem/ListItem.js +1 -35
  170. package/lib/module/components/ListItem/ListItem.js.map +1 -1
  171. package/lib/module/components/ListItem/ListItem.mdx +5 -1
  172. package/lib/module/components/MediaCard/MediaCard.mdx +5 -1
  173. package/lib/module/components/MerchantProfile/MerchantProfile.mdx +1 -1
  174. package/lib/module/components/MoneyValue/MoneyValue.mdx +6 -2
  175. package/lib/module/components/NavArrow/NavArrow.js +42 -17
  176. package/lib/module/components/NavArrow/NavArrow.js.map +1 -1
  177. package/lib/module/components/NavArrow/NavArrow.mdx +5 -1
  178. package/lib/module/components/PageTitle/PageTitle.js +10 -1
  179. package/lib/module/components/PageTitle/PageTitle.js.map +1 -1
  180. package/lib/module/components/PageTitle/PageTitle.mdx +5 -1
  181. package/lib/module/components/Screen/Screen.js +47 -0
  182. package/lib/module/components/Screen/Screen.js.map +1 -0
  183. package/lib/module/components/Screen/Screen.mdx +58 -0
  184. package/lib/module/components/Section/Section.js +1 -23
  185. package/lib/module/components/Section/Section.js.map +1 -1
  186. package/lib/module/components/Section/Section.mdx +5 -1
  187. package/lib/module/components/Stepper/Step.mdx +5 -1
  188. package/lib/module/components/Stepper/StepLabel.mdx +5 -1
  189. package/lib/module/components/Stepper/Stepper.mdx +1 -1
  190. package/lib/module/components/SupportText/SupportText.js +78 -0
  191. package/lib/module/components/SupportText/SupportText.js.map +1 -0
  192. package/lib/module/components/SupportText/SupportText.mdx +48 -0
  193. package/lib/module/components/SupportText/SupportTextIcon.js +42 -0
  194. package/lib/module/components/SupportText/SupportTextIcon.js.map +1 -0
  195. package/lib/module/components/SupportText/SupportTextIcon.mdx +35 -0
  196. package/lib/module/components/SupportText/index.js +5 -0
  197. package/lib/module/components/SupportText/index.js.map +1 -0
  198. package/lib/module/components/TextInput/TextInput.mdx +9 -1
  199. package/lib/module/components/ThreadHero/ThreadHero.mdx +1 -1
  200. package/lib/module/components/Tooltip/Tooltip.mdx +5 -1
  201. package/lib/module/components/TransactionBubble/TransactionBubble.mdx +1 -1
  202. package/lib/module/components/TransactionDetails/TransactionDetails.js +2 -26
  203. package/lib/module/components/TransactionDetails/TransactionDetails.js.map +1 -1
  204. package/lib/module/components/TransactionDetails/TransactionDetails.mdx +1 -1
  205. package/lib/module/components/TransactionStatus/TransactionStatus.mdx +1 -1
  206. package/lib/module/components/UpiHandle/UpiHandle.js +9 -1
  207. package/lib/module/components/UpiHandle/UpiHandle.js.map +1 -1
  208. package/lib/module/components/UpiHandle/UpiHandle.mdx +5 -1
  209. package/lib/module/components/VStack/VStack.js +67 -0
  210. package/lib/module/components/VStack/VStack.js.map +1 -0
  211. package/lib/module/components/VStack/VStack.mdx +44 -0
  212. package/lib/module/components/index.js +4 -0
  213. package/lib/module/components/index.js.map +1 -1
  214. package/lib/module/design-tokens/JFS Variables-variables-full.json +1 -18633
  215. package/lib/module/design-tokens/figma-variables-resolver.js +2 -2
  216. package/lib/module/design-tokens/figma-variables-resolver.js.map +1 -1
  217. package/lib/module/icons/ic_info.svg +1 -0
  218. package/lib/module/icons/ic_warning.svg +1 -0
  219. package/lib/module/icons/registry.js +2 -2
  220. package/lib/module/icons/registry.js.map +1 -1
  221. package/lib/module/utils/react-utils.js +43 -0
  222. package/lib/module/utils/react-utils.js.map +1 -0
  223. package/lib/typescript/components/ActionFooter/ActionFooter.d.ts.map +1 -1
  224. package/lib/typescript/components/ActionTile/ActionTile.d.ts +1 -1
  225. package/lib/typescript/components/ActionTile/ActionTile.d.ts.map +1 -1
  226. package/lib/typescript/components/AppBar/AppBar.d.ts +34 -68
  227. package/lib/typescript/components/AppBar/AppBar.d.ts.map +1 -1
  228. package/lib/typescript/components/Balance/Balance.d.ts +44 -0
  229. package/lib/typescript/components/Balance/Balance.d.ts.map +1 -0
  230. package/lib/typescript/components/BottomNav/BottomNav.d.ts +1 -1
  231. package/lib/typescript/components/BottomNav/BottomNav.d.ts.map +1 -1
  232. package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts +1 -1
  233. package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts.map +1 -1
  234. package/lib/typescript/components/ButtonGroup/ButtonGroup.d.ts +36 -0
  235. package/lib/typescript/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
  236. package/lib/typescript/components/ChipGroup/ChipGroup.d.ts +29 -0
  237. package/lib/typescript/components/ChipGroup/ChipGroup.d.ts.map +1 -0
  238. package/lib/typescript/components/ChipSelect/ChipSelect.d.ts +47 -0
  239. package/lib/typescript/components/ChipSelect/ChipSelect.d.ts.map +1 -0
  240. package/lib/typescript/components/CtaCard/CtaCard.d.ts +1 -1
  241. package/lib/typescript/components/CtaCard/CtaCard.d.ts.map +1 -1
  242. package/lib/typescript/components/Disclaimer/Disclaimer.d.ts +1 -1
  243. package/lib/typescript/components/Disclaimer/Disclaimer.d.ts.map +1 -1
  244. package/lib/typescript/components/EmptyState/EmptyState.d.ts +38 -0
  245. package/lib/typescript/components/EmptyState/EmptyState.d.ts.map +1 -0
  246. package/lib/typescript/components/HStack/HStack.d.ts +41 -0
  247. package/lib/typescript/components/HStack/HStack.d.ts.map +1 -0
  248. package/lib/typescript/components/IconCapsule/IconCapsule.d.ts +1 -1
  249. package/lib/typescript/components/IconCapsule/IconCapsule.d.ts.map +1 -1
  250. package/lib/typescript/components/ListGroup/ListGroup.d.ts.map +1 -1
  251. package/lib/typescript/components/ListItem/ListItem.d.ts.map +1 -1
  252. package/lib/typescript/components/NavArrow/NavArrow.d.ts +3 -3
  253. package/lib/typescript/components/NavArrow/NavArrow.d.ts.map +1 -1
  254. package/lib/typescript/components/PageTitle/PageTitle.d.ts +1 -1
  255. package/lib/typescript/components/PageTitle/PageTitle.d.ts.map +1 -1
  256. package/lib/typescript/components/Screen/Screen.d.ts +23 -0
  257. package/lib/typescript/components/Screen/Screen.d.ts.map +1 -0
  258. package/lib/typescript/components/Section/Section.d.ts.map +1 -1
  259. package/lib/typescript/components/SupportText/SupportText.d.ts +34 -0
  260. package/lib/typescript/components/SupportText/SupportText.d.ts.map +1 -0
  261. package/lib/typescript/components/SupportText/SupportTextIcon.d.ts +10 -0
  262. package/lib/typescript/components/SupportText/SupportTextIcon.d.ts.map +1 -0
  263. package/lib/typescript/components/SupportText/index.d.ts +3 -0
  264. package/lib/typescript/components/SupportText/index.d.ts.map +1 -0
  265. package/lib/typescript/components/TransactionDetails/TransactionDetails.d.ts.map +1 -1
  266. package/lib/typescript/components/UpiHandle/UpiHandle.d.ts +1 -1
  267. package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map +1 -1
  268. package/lib/typescript/components/VStack/VStack.d.ts +41 -0
  269. package/lib/typescript/components/VStack/VStack.d.ts.map +1 -0
  270. package/lib/typescript/components/index.d.ts +4 -0
  271. package/lib/typescript/components/index.d.ts.map +1 -1
  272. package/lib/typescript/icons/registry.d.ts +1 -1
  273. package/lib/typescript/icons/registry.d.ts.map +1 -1
  274. package/lib/typescript/utils/react-utils.d.ts +7 -0
  275. package/lib/typescript/utils/react-utils.d.ts.map +1 -0
  276. package/package.json +7 -5
  277. package/src/components/.token-metadata.json +468 -12
  278. package/src/components/Accordion/Accordion.mdx +1 -1
  279. package/src/components/ActionFooter/ActionFooter.mdx +1 -1
  280. package/src/components/ActionFooter/ActionFooter.tsx +3 -12
  281. package/src/components/ActionTile/ActionTile.mdx +5 -1
  282. package/src/components/ActionTile/ActionTile.tsx +5 -1
  283. package/src/components/AppBar/AppBar.mdx +51 -39
  284. package/src/components/AppBar/AppBar.tsx +149 -263
  285. package/src/components/Avatar/Avatar.mdx +9 -1
  286. package/src/components/AvatarGroup/AvatarGroup.mdx +9 -1
  287. package/src/components/Badge/Badge.mdx +1 -1
  288. package/src/components/Balance/Balance.mdx +62 -0
  289. package/src/components/Balance/Balance.tsx +107 -0
  290. package/src/components/BottomNav/BottomNav.mdx +5 -1
  291. package/src/components/BottomNav/BottomNav.tsx +6 -3
  292. package/src/components/BottomNavItem/BottomNavItem.mdx +5 -1
  293. package/src/components/BottomNavItem/BottomNavItem.tsx +19 -16
  294. package/src/components/Button/Button.mdx +5 -1
  295. package/src/components/ButtonGroup/ButtonGroup.mdx +56 -0
  296. package/src/components/ButtonGroup/ButtonGroup.tsx +78 -0
  297. package/src/components/Card/Card.mdx +1 -1
  298. package/src/components/CardFeedback/CardFeedback.mdx +5 -1
  299. package/src/components/ChipGroup/ChipGroup.mdx +40 -0
  300. package/src/components/ChipGroup/ChipGroup.tsx +67 -0
  301. package/src/components/ChipSelect/ChipSelect.mdx +80 -0
  302. package/src/components/ChipSelect/ChipSelect.tsx +138 -0
  303. package/src/components/CtaCard/CtaCard.mdx +1 -1
  304. package/src/components/CtaCard/CtaCard.tsx +16 -21
  305. package/src/components/Disclaimer/Disclaimer.mdx +5 -1
  306. package/src/components/Disclaimer/Disclaimer.tsx +6 -3
  307. package/src/components/Divider/Divider.mdx +5 -1
  308. package/src/components/Drawer/Drawer.mdx +9 -1
  309. package/src/components/EmptyState/EmptyState.mdx +73 -0
  310. package/src/components/EmptyState/EmptyState.tsx +181 -0
  311. package/src/components/FilterBar/FilterBar.mdx +1 -1
  312. package/src/components/HStack/HStack.mdx +44 -0
  313. package/src/components/HStack/HStack.tsx +95 -0
  314. package/src/components/IconButton/IconButton.mdx +5 -1
  315. package/src/components/IconCapsule/IconCapsule.mdx +12 -4
  316. package/src/components/IconCapsule/IconCapsule.tsx +13 -10
  317. package/src/components/Introduction.mdx +3 -98
  318. package/src/components/LazyList/LazyList.mdx +1 -1
  319. package/src/components/ListGroup/ListGroup.mdx +5 -1
  320. package/src/components/ListGroup/ListGroup.tsx +5 -43
  321. package/src/components/ListItem/ListItem.mdx +5 -1
  322. package/src/components/ListItem/ListItem.tsx +15 -60
  323. package/src/components/MediaCard/MediaCard.mdx +5 -1
  324. package/src/components/MerchantProfile/MerchantProfile.mdx +1 -1
  325. package/src/components/MoneyValue/MoneyValue.mdx +6 -2
  326. package/src/components/NavArrow/NavArrow.mdx +5 -1
  327. package/src/components/NavArrow/NavArrow.tsx +48 -16
  328. package/src/components/PageTitle/PageTitle.mdx +5 -1
  329. package/src/components/PageTitle/PageTitle.tsx +8 -4
  330. package/src/components/Screen/Screen.mdx +58 -0
  331. package/src/components/Screen/Screen.tsx +60 -0
  332. package/src/components/Section/Section.mdx +5 -1
  333. package/src/components/Section/Section.tsx +17 -46
  334. package/src/components/Stepper/Step.mdx +5 -1
  335. package/src/components/Stepper/StepLabel.mdx +5 -1
  336. package/src/components/Stepper/Stepper.mdx +1 -1
  337. package/src/components/SupportText/SupportText.mdx +48 -0
  338. package/src/components/SupportText/SupportText.tsx +104 -0
  339. package/src/components/SupportText/SupportTextIcon.mdx +35 -0
  340. package/src/components/SupportText/SupportTextIcon.tsx +45 -0
  341. package/src/components/SupportText/index.ts +2 -0
  342. package/src/components/TextInput/TextInput.mdx +9 -1
  343. package/src/components/ThreadHero/ThreadHero.mdx +1 -1
  344. package/src/components/Tooltip/Tooltip.mdx +5 -1
  345. package/src/components/TransactionBubble/TransactionBubble.mdx +1 -1
  346. package/src/components/TransactionDetails/TransactionDetails.mdx +1 -1
  347. package/src/components/TransactionDetails/TransactionDetails.tsx +1 -38
  348. package/src/components/TransactionStatus/TransactionStatus.mdx +1 -1
  349. package/src/components/UpiHandle/UpiHandle.mdx +5 -1
  350. package/src/components/UpiHandle/UpiHandle.tsx +4 -1
  351. package/src/components/VStack/VStack.mdx +44 -0
  352. package/src/components/VStack/VStack.tsx +100 -0
  353. package/src/components/index.ts +4 -0
  354. package/src/design-tokens/JFS Variables-variables-full.json +1 -18633
  355. package/src/icons/ic_info.svg +1 -0
  356. package/src/icons/ic_warning.svg +1 -0
  357. package/src/icons/registry.ts +9 -1
  358. package/src/utils/react-utils.ts +51 -0
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Text","getVariableByName","jsx","_jsx","jsxs","_jsxs","cloneChildrenWithModes","children","modes","result","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","Item","label","value","style","labelStyle","valueStyle","accessibilityLabel","rest","gap","labelColor","labelFontSize","labelFontFamily","labelLineHeight","labelFontWeightRaw","labelFontWeight","toString","valueColor","valueFontSize","valueFontFamily","valueLineHeight","valueFontWeightRaw","valueFontWeight","containerStyle","flexDirection","alignItems","justifyContent","labelTextStyle","color","fontSize","fontFamily","lineHeight","fontWeight","valueTextStyle","defaultAccessibilityLabel","accessibilityRole","accessibilityElementsHidden","importantForAccessibility","TransactionDetails","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/TransactionDetails/TransactionDetails.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","View","Text","getVariableByName","cloneChildrenWithModes","jsx","_jsx","jsxs","_jsxs","Item","label","value","modes","style","labelStyle","valueStyle","accessibilityLabel","rest","gap","labelColor","labelFontSize","labelFontFamily","labelLineHeight","labelFontWeightRaw","labelFontWeight","toString","valueColor","valueFontSize","valueFontFamily","valueLineHeight","valueFontWeightRaw","valueFontWeight","containerStyle","flexDirection","alignItems","justifyContent","labelTextStyle","color","fontSize","fontFamily","lineHeight","fontWeight","valueTextStyle","defaultAccessibilityLabel","accessibilityRole","children","accessibilityElementsHidden","importantForAccessibility","TransactionDetails","paddingHorizontal","paddingVertical","processedChildren","Children","toArray"],"sourceRoot":"../../../../src","sources":["components/TransactionDetails/TransactionDetails.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as TransactionDetailsStories from './TransactionDetails.stories';
3
3
  import TransactionDetails from './TransactionDetails';
4
4
  import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as TransactionStatusStories from './TransactionStatus.stories';
3
3
  import TransactionStatus from './TransactionStatus';
4
4
 
@@ -3,6 +3,7 @@
3
3
  import React, { useState } from 'react';
4
4
  import { Pressable, View, Text, Image } from 'react-native';
5
5
  import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
6
+ import { useTokens } from '../../design-tokens/JFSThemeProvider';
6
7
  import Icon from '../../icons/Icon';
7
8
 
8
9
  // Default static asset from the component folder.
@@ -31,7 +32,7 @@ const DEFAULT_AVATAR_IMAGE = require('./Image.png');
31
32
  */
32
33
  function UpiHandle({
33
34
  label = 'Label',
34
- modes = {},
35
+ modes: propModes = {},
35
36
  showIcon = true,
36
37
  iconName = 'ic_scan_qr_code',
37
38
  onPress,
@@ -40,6 +41,13 @@ function UpiHandle({
40
41
  accessibilityHint,
41
42
  ...rest
42
43
  }) {
44
+ const {
45
+ modes: globalModes
46
+ } = useTokens();
47
+ const modes = {
48
+ ...globalModes,
49
+ ...propModes
50
+ };
43
51
  // Token‑driven container styling
44
52
  const backgroundColor = getVariableByName('upiHandle/background', modes) || '#f5f5f5';
45
53
  const radius = getVariableByName('upiHandle/radius', modes) || 99999;
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","Pressable","View","Text","Image","getVariableByName","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_AVATAR_IMAGE","require","UpiHandle","label","modes","showIcon","iconName","onPress","disabled","accessibilityLabel","accessibilityHint","rest","backgroundColor","radius","paddingLeft","paddingRight","paddingVertical","gap","avatarSize","avatarRadius","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","iconColor","iconSize","containerStyle","flexDirection","alignItems","justifyContent","borderRadius","avatarBaseStyle","width","height","overflow","labelBaseStyle","color","fontSize","lineHeight","fontFamily","fontWeight","iconPlaceholderStyle","defaultAccessibilityLabel","isPressed","setIsPressed","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","style","accessibilityRole","undefined","onPressIn","e","onPressOut","onFocus","onBlur","children","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","name","size"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useState","Pressable","View","Text","Image","getVariableByName","useTokens","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_AVATAR_IMAGE","require","UpiHandle","label","modes","propModes","showIcon","iconName","onPress","disabled","accessibilityLabel","accessibilityHint","rest","globalModes","backgroundColor","radius","paddingLeft","paddingRight","paddingVertical","gap","avatarSize","avatarRadius","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","iconColor","iconSize","containerStyle","flexDirection","alignItems","justifyContent","borderRadius","avatarBaseStyle","width","height","overflow","labelBaseStyle","color","fontSize","lineHeight","fontFamily","fontWeight","iconPlaceholderStyle","defaultAccessibilityLabel","isPressed","setIsPressed","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","style","accessibilityRole","undefined","onPressIn","e","onPressOut","onFocus","onBlur","children","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","name","size"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as UpiHandleStories from './UpiHandle.stories';
3
3
  import UpiHandle from './UpiHandle';
4
4
  import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -16,6 +16,10 @@ This component uses the following design token collections. Each collection supp
16
16
  ### Color Mode
17
17
  - **Modes:** Light | Dark
18
18
  - **Default:** Light
19
+
20
+ ### Colors Router
21
+ - **Modes:** POC | Old
22
+ - **Default:** POC
19
23
  ## Usage
20
24
 
21
25
  <Canvas>
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { View } from 'react-native';
5
+ import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
6
+ import { useTokens } from '../../design-tokens/JFSThemeProvider';
7
+ import { cloneChildrenWithModes } from '../../utils/react-utils';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ /**
10
+ * VStack component for vertical layout using design token spacing.
11
+ */
12
+ export const VStack = ({
13
+ children,
14
+ alignHorizontal,
15
+ justifyVertical,
16
+ wrap,
17
+ reverse = false,
18
+ as,
19
+ modes: propModes = {},
20
+ style,
21
+ ...rest
22
+ }) => {
23
+ const {
24
+ modes: globalModes
25
+ } = useTokens();
26
+ const modes = {
27
+ ...globalModes,
28
+ ...propModes
29
+ };
30
+ const paddingTop = getVariableByName('vstack/padding/top', modes);
31
+ const paddingBottom = getVariableByName('vstack/padding/bottom', modes);
32
+ const paddingLeft = getVariableByName('vstack/padding/left', modes);
33
+ const paddingRight = getVariableByName('vstack/padding/right', modes);
34
+ const gap = getVariableByName('vstack/gap', modes);
35
+ const flexWrap = typeof wrap === 'boolean' ? wrap ? 'wrap' : 'nowrap' : wrap;
36
+ const containerStyle = {
37
+ flexDirection: reverse ? 'column-reverse' : 'column',
38
+ alignItems: alignHorizontal,
39
+ justifyContent: justifyVertical,
40
+ flexWrap,
41
+ paddingTop,
42
+ paddingBottom,
43
+ paddingLeft,
44
+ paddingRight,
45
+ gap
46
+ };
47
+
48
+ // Pass modes down to children
49
+ const processedChildren = children ? cloneChildrenWithModes(children, modes) : null;
50
+
51
+ // "as" prop handling for web - passed via rest if supported by the underlying view implementation on web,
52
+ // or manually added here. Since View from react-native doesn't formally support "as" in types,
53
+ // we rely on it being passed through or handled by the web layer if applicable.
54
+ // For type safety with standard RN View, we might cast props if needed, but passing ...rest usually works for extra props.
55
+ // We explicitly include 'as' in the props passed to View.
56
+ const viewProps = {
57
+ ...rest,
58
+ as
59
+ };
60
+ return /*#__PURE__*/_jsx(View, {
61
+ style: [containerStyle, style],
62
+ ...viewProps,
63
+ children: processedChildren
64
+ });
65
+ };
66
+ export default VStack;
67
+ //# sourceMappingURL=VStack.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","View","getVariableByName","useTokens","cloneChildrenWithModes","jsx","_jsx","VStack","children","alignHorizontal","justifyVertical","wrap","reverse","as","modes","propModes","style","rest","globalModes","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","flexWrap","containerStyle","flexDirection","alignItems","justifyContent","processedChildren","viewProps"],"sourceRoot":"../../../../src","sources":["components/VStack/VStack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAyC,cAAc;AACpE,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,SAASC,sBAAsB,QAAQ,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoChE;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACnBC,QAAQ;EACRC,eAAe;EACfC,eAAe;EACfC,IAAI;EACJC,OAAO,GAAG,KAAK;EACfC,EAAE;EACFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEH,KAAK,EAAEI;EAAY,CAAC,GAAGf,SAAS,CAAC,CAAC;EAC1C,MAAMW,KAAK,GAAG;IAAE,GAAGI,WAAW;IAAE,GAAGH;EAAU,CAAC;EAE9C,MAAMI,UAAU,GAAGjB,iBAAiB,CAAC,oBAAoB,EAAEY,KAAK,CAAC;EACjE,MAAMM,aAAa,GAAGlB,iBAAiB,CAAC,uBAAuB,EAAEY,KAAK,CAAC;EACvE,MAAMO,WAAW,GAAGnB,iBAAiB,CAAC,qBAAqB,EAAEY,KAAK,CAAC;EACnE,MAAMQ,YAAY,GAAGpB,iBAAiB,CAAC,sBAAsB,EAAEY,KAAK,CAAC;EACrE,MAAMS,GAAG,GAAGrB,iBAAiB,CAAC,YAAY,EAAEY,KAAK,CAAC;EAElD,MAAMU,QAAQ,GAAG,OAAOb,IAAI,KAAK,SAAS,GAAIA,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAIA,IAAI;EAE9E,MAAMc,cAAyB,GAAG;IAC9BC,aAAa,EAAEd,OAAO,GAAG,gBAAgB,GAAG,QAAQ;IACpDe,UAAU,EAAElB,eAAe;IAC3BmB,cAAc,EAAElB,eAAe;IAC/Bc,QAAQ;IACRL,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC;EACJ,CAAC;;EAED;EACA,MAAMM,iBAAiB,GAAGrB,QAAQ,GAC5BJ,sBAAsB,CAACI,QAAQ,EAAEM,KAAK,CAAC,GACvC,IAAI;;EAEV;EACA;EACA;EACA;EACA;EACA,MAAMgB,SAAS,GAAG;IACd,GAAGb,IAAI;IACPJ;EACJ,CAAC;EAED,oBACIP,IAAA,CAACL,IAAI;IAACe,KAAK,EAAE,CAACS,cAAc,EAAET,KAAK,CAAE;IAAA,GAAKc,SAAS;IAAAtB,QAAA,EAC9CqB;EAAiB,CAChB,CAAC;AAEf,CAAC;AAED,eAAetB,MAAM","ignoreList":[]}
@@ -0,0 +1,44 @@
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
+ import * as VStackStories from './VStack.stories';
3
+ import VStack from './VStack';
4
+
5
+ <Meta of={VStackStories} />
6
+
7
+ # VStack
8
+
9
+ `VStack` arranges its children in a vertical line. It uses design tokens for spacing and gap.
10
+
11
+
12
+ ## Available Collections and Modes
13
+
14
+ This component does not use any design token collections with multiple modes.
15
+ ## Usage
16
+
17
+ ```tsx
18
+ import { VStack } from 'jfs-components';
19
+
20
+ <VStack alignHorizontal="center" modes={{ 'vstack/gap': 16 }}>
21
+ <View>Item 1</View>
22
+ <View>Item 2</View>
23
+ </VStack>
24
+ ```
25
+
26
+ <Canvas>
27
+ <Story of={VStackStories.Default} />
28
+ </Canvas>
29
+
30
+ ## Props
31
+
32
+ <Controls of={VStackStories.Default} />
33
+
34
+ ## Design Tokens
35
+
36
+ This component uses the following design tokens, resolved through `getVariableByName`:
37
+
38
+ - **`vstack/gap`**
39
+ - **`vstack/padding/bottom`**
40
+ - **`vstack/padding/left`**
41
+ - **`vstack/padding/right`**
42
+ - **`vstack/padding/top`**
43
+
44
+ All tokens support mode-based theming through the `modes` prop.
@@ -15,6 +15,7 @@ export { default as Divider } from './Divider/Divider';
15
15
  export { default as Drawer } from './Drawer/Drawer';
16
16
  export { default as CtaCard } from './CtaCard/CtaCard';
17
17
  export { default as FilterBar } from './FilterBar/FilterBar';
18
+ export { default as HStack } from './HStack/HStack';
18
19
  export { default as IconButton } from './IconButton/IconButton';
19
20
  export { default as IconCapsule } from './IconCapsule/IconCapsule';
20
21
  export { default as LazyList } from './LazyList/LazyList';
@@ -36,4 +37,7 @@ export { default as TransactionBubble } from './TransactionBubble/TransactionBub
36
37
  export { default as TransactionDetails } from './TransactionDetails/TransactionDetails';
37
38
  export { default as TransactionStatus } from './TransactionStatus/TransactionStatus';
38
39
  export { default as UpiHandle } from './UpiHandle/UpiHandle';
40
+ export { default as VStack } from './VStack/VStack';
41
+ export { default as ChipGroup } from './ChipGroup/ChipGroup';
42
+ export { default as EmptyState } from './EmptyState/EmptyState';
39
43
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["default","ActionFooter","AppBar","Avatar","AvatarGroup","Badge","BottomNav","BottomNavItem","Button","Card","CardFeedback","Disclaimer","Divider","Drawer","CtaCard","FilterBar","IconButton","IconCapsule","LazyList","ListGroup","ListItem","MediaCard","MerchantProfile","MoneyValue","NavArrow","PageTitle","Section","Stepper","Step","StepLabel","TextInput","ThreadHero","Tooltip","TransactionBubble","TransactionDetails","TransactionStatus","UpiHandle"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,YAAY,QAAgC,6BAA6B;AAC7F,SAASD,OAAO,IAAIE,MAAM,QAAQ,iBAAiB;AACnD,SAASF,OAAO,IAAIG,MAAM,QAA0B,iBAAiB;AACrE,SAASH,OAAO,IAAII,WAAW,QAAQ,2BAA2B;AAClE,SAASJ,OAAO,IAAIK,KAAK,QAAQ,eAAe;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,uBAAuB;AAC5D,SAASN,OAAO,IAAIO,aAAa,QAAQ,+BAA+B;AACxE,SAASP,OAAO,IAAIQ,MAAM,QAA0B,iBAAiB;AACrE,SAASR,OAAO,IAAIS,IAAI,QAAQ,aAAa;AAC7C,SAAST,OAAO,IAAIU,YAAY,QAAQ,6BAA6B;AACrE,SAASV,OAAO,IAAIW,UAAU,QAAQ,yBAAyB;AAC/D,SAASX,OAAO,IAAIY,OAAO,QAAkD,mBAAmB;AAChG,SAASZ,OAAO,IAAIa,MAAM,QAAQ,iBAAiB;AACnD,SAASb,OAAO,IAAIc,OAAO,QAAQ,mBAAmB;AACtD,SAASd,OAAO,IAAIe,SAAS,QAAQ,uBAAuB;AAC5D,SAASf,OAAO,IAAIgB,UAAU,QAAQ,yBAAyB;AAC/D,SAAShB,OAAO,IAAIiB,WAAW,QAAQ,2BAA2B;AAClE,SAASjB,OAAO,IAAIkB,QAAQ,QAAQ,qBAAqB;AACzD,SAASlB,OAAO,IAAImB,SAAS,QAAQ,uBAAuB;AAC5D,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,qBAAqB;AACzD,SAASpB,OAAO,IAAIqB,SAAS,QAAQ,uBAAuB;AAC5D,SAASrB,OAAO,IAAIsB,eAAe,QAAmC,mCAAmC;AACzG,SAAStB,OAAO,IAAIuB,UAAU,QAAQ,yBAAyB;AAC/D,SAASvB,OAAO,IAAIwB,QAAQ,QAAQ,qBAAqB;AACzD,SAASxB,OAAO,IAAIyB,SAAS,QAAQ,uBAAuB;AAC5D,SAASzB,OAAO,IAAI0B,OAAO,QAAQ,mBAAmB;AACtD,SAAS1B,OAAO,IAAI2B,OAAO,QAAQ,mBAAmB;AACtD,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAAS7B,OAAO,IAAI8B,SAAS,QAAQ,uBAAuB;AAC5D,SAAS9B,OAAO,IAAI+B,UAAU,QAA8B,yBAAyB;AACrF,SAASC,OAAO,QAAQ,mBAAmB;AAC3C,SAAShC,OAAO,IAAIiC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASjC,OAAO,IAAIkC,kBAAkB,QAAQ,yCAAyC;AACvF,SAASlC,OAAO,IAAImC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASnC,OAAO,IAAIoC,SAAS,QAAQ,uBAAuB","ignoreList":[]}
1
+ {"version":3,"names":["default","ActionFooter","AppBar","Avatar","AvatarGroup","Badge","BottomNav","BottomNavItem","Button","Card","CardFeedback","Disclaimer","Divider","Drawer","CtaCard","FilterBar","HStack","IconButton","IconCapsule","LazyList","ListGroup","ListItem","MediaCard","MerchantProfile","MoneyValue","NavArrow","PageTitle","Section","Stepper","Step","StepLabel","TextInput","ThreadHero","Tooltip","TransactionBubble","TransactionDetails","TransactionStatus","UpiHandle","VStack","ChipGroup","EmptyState"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,YAAY,QAAgC,6BAA6B;AAC7F,SAASD,OAAO,IAAIE,MAAM,QAAQ,iBAAiB;AACnD,SAASF,OAAO,IAAIG,MAAM,QAA0B,iBAAiB;AACrE,SAASH,OAAO,IAAII,WAAW,QAAQ,2BAA2B;AAClE,SAASJ,OAAO,IAAIK,KAAK,QAAQ,eAAe;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,uBAAuB;AAC5D,SAASN,OAAO,IAAIO,aAAa,QAAQ,+BAA+B;AACxE,SAASP,OAAO,IAAIQ,MAAM,QAA0B,iBAAiB;AACrE,SAASR,OAAO,IAAIS,IAAI,QAAQ,aAAa;AAC7C,SAAST,OAAO,IAAIU,YAAY,QAAQ,6BAA6B;AACrE,SAASV,OAAO,IAAIW,UAAU,QAAQ,yBAAyB;AAC/D,SAASX,OAAO,IAAIY,OAAO,QAAkD,mBAAmB;AAChG,SAASZ,OAAO,IAAIa,MAAM,QAAQ,iBAAiB;AACnD,SAASb,OAAO,IAAIc,OAAO,QAAQ,mBAAmB;AACtD,SAASd,OAAO,IAAIe,SAAS,QAAQ,uBAAuB;AAC5D,SAASf,OAAO,IAAIgB,MAAM,QAA0B,iBAAiB;AACrE,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,yBAAyB;AAC/D,SAASjB,OAAO,IAAIkB,WAAW,QAAQ,2BAA2B;AAClE,SAASlB,OAAO,IAAImB,QAAQ,QAAQ,qBAAqB;AACzD,SAASnB,OAAO,IAAIoB,SAAS,QAAQ,uBAAuB;AAC5D,SAASpB,OAAO,IAAIqB,QAAQ,QAAQ,qBAAqB;AACzD,SAASrB,OAAO,IAAIsB,SAAS,QAAQ,uBAAuB;AAC5D,SAAStB,OAAO,IAAIuB,eAAe,QAAmC,mCAAmC;AACzG,SAASvB,OAAO,IAAIwB,UAAU,QAAQ,yBAAyB;AAC/D,SAASxB,OAAO,IAAIyB,QAAQ,QAAQ,qBAAqB;AACzD,SAASzB,OAAO,IAAI0B,SAAS,QAAQ,uBAAuB;AAC5D,SAAS1B,OAAO,IAAI2B,OAAO,QAAQ,mBAAmB;AACtD,SAAS3B,OAAO,IAAI4B,OAAO,QAAQ,mBAAmB;AACtD,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAAS9B,OAAO,IAAI+B,SAAS,QAAQ,uBAAuB;AAC5D,SAAS/B,OAAO,IAAIgC,UAAU,QAA8B,yBAAyB;AACrF,SAASC,OAAO,QAAQ,mBAAmB;AAC3C,SAASjC,OAAO,IAAIkC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASlC,OAAO,IAAImC,kBAAkB,QAAQ,yCAAyC;AACvF,SAASnC,OAAO,IAAIoC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASpC,OAAO,IAAIqC,SAAS,QAAQ,uBAAuB;AAC5D,SAASrC,OAAO,IAAIsC,MAAM,QAA0B,iBAAiB;AACrE,SAAStC,OAAO,IAAIuC,SAAS,QAA6B,uBAAuB;AACjF,SAASvC,OAAO,IAAIwC,UAAU,QAA8B,yBAAyB","ignoreList":[]}