@cdx-ui/components 0.3.4 → 0.3.6

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 (287) hide show
  1. package/README.md +1 -1
  2. package/coverage.svg +1 -1
  3. package/docs/components/bar-chart/content.md +703 -0
  4. package/docs/components/content.md +9 -1
  5. package/docs/components/line-chart/content.md +567 -0
  6. package/docs/components/pie-chart/content.md +493 -0
  7. package/docs/components/progress-segmented/content.md +1 -1
  8. package/docs/components/select/content.md +144 -2
  9. package/docs/components/stepper/content.md +599 -0
  10. package/docs/components/system-alert/content.md +533 -0
  11. package/docs/foundations/expressions/icons/content.md +1 -1
  12. package/docs/foundations/styles/tokens/all-tokens/content.md +2 -1
  13. package/docs/llms.txt +10 -0
  14. package/docs/patterns/content.md +1 -0
  15. package/docs/patterns/dashboard/content.md +423 -19
  16. package/docs/patterns/insights/content.md +590 -0
  17. package/docs/resources/release-notes/0.3.4/content.md +27 -0
  18. package/docs/resources/release-notes/0.3.5/content.md +7 -0
  19. package/docs/resources/release-notes/content.md +2 -0
  20. package/lib/commonjs/components/BarChart/geometry.js +1130 -0
  21. package/lib/commonjs/components/BarChart/geometry.js.map +1 -0
  22. package/lib/commonjs/components/BarChart/index.js +942 -0
  23. package/lib/commonjs/components/BarChart/index.js.map +1 -0
  24. package/lib/commonjs/components/BarChart/styles.js +26 -0
  25. package/lib/commonjs/components/BarChart/styles.js.map +1 -0
  26. package/lib/commonjs/components/Button/index.js +2 -2
  27. package/lib/commonjs/components/Button/index.js.map +1 -1
  28. package/lib/commonjs/components/Chip/styles.js +3 -1
  29. package/lib/commonjs/components/Chip/styles.js.map +1 -1
  30. package/lib/commonjs/components/LineChart/geometry.js +698 -0
  31. package/lib/commonjs/components/LineChart/geometry.js.map +1 -0
  32. package/lib/commonjs/components/LineChart/index.js +747 -0
  33. package/lib/commonjs/components/LineChart/index.js.map +1 -0
  34. package/lib/commonjs/components/LineChart/styles.js +25 -0
  35. package/lib/commonjs/components/LineChart/styles.js.map +1 -0
  36. package/lib/commonjs/components/PieChart/geometry.js +216 -0
  37. package/lib/commonjs/components/PieChart/geometry.js.map +1 -0
  38. package/lib/commonjs/components/PieChart/index.js +476 -0
  39. package/lib/commonjs/components/PieChart/index.js.map +1 -0
  40. package/lib/commonjs/components/PieChart/styles.js +88 -0
  41. package/lib/commonjs/components/PieChart/styles.js.map +1 -0
  42. package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js +9 -31
  43. package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js.map +1 -1
  44. package/lib/commonjs/components/ProgressCircle/ProgressRing.js +52 -0
  45. package/lib/commonjs/components/ProgressCircle/ProgressRing.js.map +1 -0
  46. package/lib/commonjs/components/ScrollShadow/useScrollShadow.js +8 -7
  47. package/lib/commonjs/components/ScrollShadow/useScrollShadow.js.map +1 -1
  48. package/lib/commonjs/components/Stepper/index.js +369 -0
  49. package/lib/commonjs/components/Stepper/index.js.map +1 -0
  50. package/lib/commonjs/components/Stepper/styles.js +211 -0
  51. package/lib/commonjs/components/Stepper/styles.js.map +1 -0
  52. package/lib/commonjs/components/Stepper/useStepperLabelFit.js +22 -0
  53. package/lib/commonjs/components/Stepper/useStepperLabelFit.js.map +1 -0
  54. package/lib/commonjs/components/Stepper/useStepperLabelFit.web.js +52 -0
  55. package/lib/commonjs/components/Stepper/useStepperLabelFit.web.js.map +1 -0
  56. package/lib/commonjs/components/Stepper/useStepperRingColors.js +31 -0
  57. package/lib/commonjs/components/Stepper/useStepperRingColors.js.map +1 -0
  58. package/lib/commonjs/components/SystemAlert/animation.js +218 -0
  59. package/lib/commonjs/components/SystemAlert/animation.js.map +1 -0
  60. package/lib/commonjs/components/SystemAlert/index.js +525 -0
  61. package/lib/commonjs/components/SystemAlert/index.js.map +1 -0
  62. package/lib/commonjs/components/SystemAlert/styles.js +178 -0
  63. package/lib/commonjs/components/SystemAlert/styles.js.map +1 -0
  64. package/lib/commonjs/components/SystemAlert/useSystemAlertStatusBarStyle.js +53 -0
  65. package/lib/commonjs/components/SystemAlert/useSystemAlertStatusBarStyle.js.map +1 -0
  66. package/lib/commonjs/components/Tabs/index.js +4 -0
  67. package/lib/commonjs/components/Tabs/index.js.map +1 -1
  68. package/lib/commonjs/components/Tabs/styles.js +1 -1
  69. package/lib/commonjs/components/Tabs/styles.js.map +1 -1
  70. package/lib/commonjs/components/chart/ChartInspector.js +610 -0
  71. package/lib/commonjs/components/chart/ChartInspector.js.map +1 -0
  72. package/lib/commonjs/components/chart/format.js +93 -0
  73. package/lib/commonjs/components/chart/format.js.map +1 -0
  74. package/lib/commonjs/components/chart/index.js +2 -0
  75. package/lib/commonjs/components/chart/index.js.map +1 -0
  76. package/lib/commonjs/components/chart/motion.js +97 -0
  77. package/lib/commonjs/components/chart/motion.js.map +1 -0
  78. package/lib/commonjs/components/chart/palette.js +178 -0
  79. package/lib/commonjs/components/chart/palette.js.map +1 -0
  80. package/lib/commonjs/components/chart/size.js +34 -0
  81. package/lib/commonjs/components/chart/size.js.map +1 -0
  82. package/lib/commonjs/components/chart/ticks.js +59 -0
  83. package/lib/commonjs/components/chart/ticks.js.map +1 -0
  84. package/lib/commonjs/components/chart/types.js +6 -0
  85. package/lib/commonjs/components/chart/types.js.map +1 -0
  86. package/lib/commonjs/components/chart/useChartHostWidth.js +27 -0
  87. package/lib/commonjs/components/chart/useChartHostWidth.js.map +1 -0
  88. package/lib/commonjs/components/index.js +60 -0
  89. package/lib/commonjs/components/index.js.map +1 -1
  90. package/lib/commonjs/figma/SystemAlert.Button.figma.js +28 -0
  91. package/lib/commonjs/figma/SystemAlert.Button.figma.js.map +1 -0
  92. package/lib/commonjs/figma/SystemAlert.Close.figma.js +22 -0
  93. package/lib/commonjs/figma/SystemAlert.Close.figma.js.map +1 -0
  94. package/lib/commonjs/figma/SystemAlert.Description.figma.js +20 -0
  95. package/lib/commonjs/figma/SystemAlert.Description.figma.js.map +1 -0
  96. package/lib/commonjs/figma/SystemAlert.IconButton.figma.js +31 -0
  97. package/lib/commonjs/figma/SystemAlert.IconButton.figma.js.map +1 -0
  98. package/lib/commonjs/figma/SystemAlert.figma.js +48 -0
  99. package/lib/commonjs/figma/SystemAlert.figma.js.map +1 -0
  100. package/lib/module/components/BarChart/geometry.js +1110 -0
  101. package/lib/module/components/BarChart/geometry.js.map +1 -0
  102. package/lib/module/components/BarChart/index.js +936 -0
  103. package/lib/module/components/BarChart/index.js.map +1 -0
  104. package/lib/module/components/BarChart/styles.js +22 -0
  105. package/lib/module/components/BarChart/styles.js.map +1 -0
  106. package/lib/module/components/Button/index.js +2 -2
  107. package/lib/module/components/Button/index.js.map +1 -1
  108. package/lib/module/components/Chip/styles.js +3 -1
  109. package/lib/module/components/Chip/styles.js.map +1 -1
  110. package/lib/module/components/LineChart/geometry.js +685 -0
  111. package/lib/module/components/LineChart/geometry.js.map +1 -0
  112. package/lib/module/components/LineChart/index.js +741 -0
  113. package/lib/module/components/LineChart/index.js.map +1 -0
  114. package/lib/module/components/LineChart/styles.js +21 -0
  115. package/lib/module/components/LineChart/styles.js.map +1 -0
  116. package/lib/module/components/PieChart/geometry.js +209 -0
  117. package/lib/module/components/PieChart/geometry.js.map +1 -0
  118. package/lib/module/components/PieChart/index.js +471 -0
  119. package/lib/module/components/PieChart/index.js.map +1 -0
  120. package/lib/module/components/PieChart/styles.js +84 -0
  121. package/lib/module/components/PieChart/styles.js.map +1 -0
  122. package/lib/module/components/ProgressCircle/ProgressCircleRing.js +10 -32
  123. package/lib/module/components/ProgressCircle/ProgressCircleRing.js.map +1 -1
  124. package/lib/module/components/ProgressCircle/ProgressRing.js +48 -0
  125. package/lib/module/components/ProgressCircle/ProgressRing.js.map +1 -0
  126. package/lib/module/components/ScrollShadow/useScrollShadow.js +8 -7
  127. package/lib/module/components/ScrollShadow/useScrollShadow.js.map +1 -1
  128. package/lib/module/components/Stepper/index.js +360 -0
  129. package/lib/module/components/Stepper/index.js.map +1 -0
  130. package/lib/module/components/Stepper/styles.js +206 -0
  131. package/lib/module/components/Stepper/styles.js.map +1 -0
  132. package/lib/module/components/Stepper/useStepperLabelFit.js +18 -0
  133. package/lib/module/components/Stepper/useStepperLabelFit.js.map +1 -0
  134. package/lib/module/components/Stepper/useStepperLabelFit.web.js +48 -0
  135. package/lib/module/components/Stepper/useStepperLabelFit.web.js.map +1 -0
  136. package/lib/module/components/Stepper/useStepperRingColors.js +28 -0
  137. package/lib/module/components/Stepper/useStepperRingColors.js.map +1 -0
  138. package/lib/module/components/SystemAlert/animation.js +213 -0
  139. package/lib/module/components/SystemAlert/animation.js.map +1 -0
  140. package/lib/module/components/SystemAlert/index.js +515 -0
  141. package/lib/module/components/SystemAlert/index.js.map +1 -0
  142. package/lib/module/components/SystemAlert/styles.js +174 -0
  143. package/lib/module/components/SystemAlert/styles.js.map +1 -0
  144. package/lib/module/components/SystemAlert/useSystemAlertStatusBarStyle.js +49 -0
  145. package/lib/module/components/SystemAlert/useSystemAlertStatusBarStyle.js.map +1 -0
  146. package/lib/module/components/Tabs/index.js +4 -0
  147. package/lib/module/components/Tabs/index.js.map +1 -1
  148. package/lib/module/components/Tabs/styles.js +1 -1
  149. package/lib/module/components/Tabs/styles.js.map +1 -1
  150. package/lib/module/components/chart/ChartInspector.js +600 -0
  151. package/lib/module/components/chart/ChartInspector.js.map +1 -0
  152. package/lib/module/components/chart/format.js +84 -0
  153. package/lib/module/components/chart/format.js.map +1 -0
  154. package/lib/module/components/chart/index.js +2 -0
  155. package/lib/module/components/chart/index.js.map +1 -0
  156. package/lib/module/components/chart/motion.js +89 -0
  157. package/lib/module/components/chart/motion.js.map +1 -0
  158. package/lib/module/components/chart/palette.js +168 -0
  159. package/lib/module/components/chart/palette.js.map +1 -0
  160. package/lib/module/components/chart/size.js +29 -0
  161. package/lib/module/components/chart/size.js.map +1 -0
  162. package/lib/module/components/chart/ticks.js +55 -0
  163. package/lib/module/components/chart/ticks.js.map +1 -0
  164. package/lib/module/components/chart/types.js +4 -0
  165. package/lib/module/components/chart/types.js.map +1 -0
  166. package/lib/module/components/chart/useChartHostWidth.js +23 -0
  167. package/lib/module/components/chart/useChartHostWidth.js.map +1 -0
  168. package/lib/module/components/index.js +5 -0
  169. package/lib/module/components/index.js.map +1 -1
  170. package/lib/module/figma/SystemAlert.Button.figma.js +22 -0
  171. package/lib/module/figma/SystemAlert.Button.figma.js.map +1 -0
  172. package/lib/module/figma/SystemAlert.Close.figma.js +18 -0
  173. package/lib/module/figma/SystemAlert.Close.figma.js.map +1 -0
  174. package/lib/module/figma/SystemAlert.Description.figma.js +14 -0
  175. package/lib/module/figma/SystemAlert.Description.figma.js.map +1 -0
  176. package/lib/module/figma/SystemAlert.IconButton.figma.js +25 -0
  177. package/lib/module/figma/SystemAlert.IconButton.figma.js.map +1 -0
  178. package/lib/module/figma/SystemAlert.figma.js +42 -0
  179. package/lib/module/figma/SystemAlert.figma.js.map +1 -0
  180. package/lib/typescript/components/BarChart/geometry.d.ts +236 -0
  181. package/lib/typescript/components/BarChart/geometry.d.ts.map +1 -0
  182. package/lib/typescript/components/BarChart/index.d.ts +193 -0
  183. package/lib/typescript/components/BarChart/index.d.ts.map +1 -0
  184. package/lib/typescript/components/BarChart/styles.d.ts +32 -0
  185. package/lib/typescript/components/BarChart/styles.d.ts.map +1 -0
  186. package/lib/typescript/components/Chip/styles.d.ts.map +1 -1
  187. package/lib/typescript/components/LineChart/geometry.d.ts +248 -0
  188. package/lib/typescript/components/LineChart/geometry.d.ts.map +1 -0
  189. package/lib/typescript/components/LineChart/index.d.ts +105 -0
  190. package/lib/typescript/components/LineChart/index.d.ts.map +1 -0
  191. package/lib/typescript/components/LineChart/styles.d.ts +12 -0
  192. package/lib/typescript/components/LineChart/styles.d.ts.map +1 -0
  193. package/lib/typescript/components/PieChart/geometry.d.ts +43 -0
  194. package/lib/typescript/components/PieChart/geometry.d.ts.map +1 -0
  195. package/lib/typescript/components/PieChart/index.d.ts +147 -0
  196. package/lib/typescript/components/PieChart/index.d.ts.map +1 -0
  197. package/lib/typescript/components/PieChart/styles.d.ts +27 -0
  198. package/lib/typescript/components/PieChart/styles.d.ts.map +1 -0
  199. package/lib/typescript/components/ProgressCircle/ProgressCircleRing.d.ts.map +1 -1
  200. package/lib/typescript/components/ProgressCircle/ProgressRing.d.ts +17 -0
  201. package/lib/typescript/components/ProgressCircle/ProgressRing.d.ts.map +1 -0
  202. package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts.map +1 -1
  203. package/lib/typescript/components/Stepper/index.d.ts +68 -0
  204. package/lib/typescript/components/Stepper/index.d.ts.map +1 -0
  205. package/lib/typescript/components/Stepper/styles.d.ts +46 -0
  206. package/lib/typescript/components/Stepper/styles.d.ts.map +1 -0
  207. package/lib/typescript/components/Stepper/useStepperLabelFit.d.ts +15 -0
  208. package/lib/typescript/components/Stepper/useStepperLabelFit.d.ts.map +1 -0
  209. package/lib/typescript/components/Stepper/useStepperLabelFit.web.d.ts +10 -0
  210. package/lib/typescript/components/Stepper/useStepperLabelFit.web.d.ts.map +1 -0
  211. package/lib/typescript/components/Stepper/useStepperRingColors.d.ts +6 -0
  212. package/lib/typescript/components/Stepper/useStepperRingColors.d.ts.map +1 -0
  213. package/lib/typescript/components/SystemAlert/animation.d.ts +56 -0
  214. package/lib/typescript/components/SystemAlert/animation.d.ts.map +1 -0
  215. package/lib/typescript/components/SystemAlert/index.d.ts +110 -0
  216. package/lib/typescript/components/SystemAlert/index.d.ts.map +1 -0
  217. package/lib/typescript/components/SystemAlert/styles.d.ts +38 -0
  218. package/lib/typescript/components/SystemAlert/styles.d.ts.map +1 -0
  219. package/lib/typescript/components/SystemAlert/useSystemAlertStatusBarStyle.d.ts +14 -0
  220. package/lib/typescript/components/SystemAlert/useSystemAlertStatusBarStyle.d.ts.map +1 -0
  221. package/lib/typescript/components/Tabs/index.d.ts.map +1 -1
  222. package/lib/typescript/components/chart/ChartInspector.d.ts +101 -0
  223. package/lib/typescript/components/chart/ChartInspector.d.ts.map +1 -0
  224. package/lib/typescript/components/chart/format.d.ts +16 -0
  225. package/lib/typescript/components/chart/format.d.ts.map +1 -0
  226. package/lib/typescript/components/chart/index.d.ts +3 -0
  227. package/lib/typescript/components/chart/index.d.ts.map +1 -0
  228. package/lib/typescript/components/chart/motion.d.ts +27 -0
  229. package/lib/typescript/components/chart/motion.d.ts.map +1 -0
  230. package/lib/typescript/components/chart/palette.d.ts +44 -0
  231. package/lib/typescript/components/chart/palette.d.ts.map +1 -0
  232. package/lib/typescript/components/chart/size.d.ts +25 -0
  233. package/lib/typescript/components/chart/size.d.ts.map +1 -0
  234. package/lib/typescript/components/chart/ticks.d.ts +3 -0
  235. package/lib/typescript/components/chart/ticks.d.ts.map +1 -0
  236. package/lib/typescript/components/chart/types.d.ts +163 -0
  237. package/lib/typescript/components/chart/types.d.ts.map +1 -0
  238. package/lib/typescript/components/chart/useChartHostWidth.d.ts +9 -0
  239. package/lib/typescript/components/chart/useChartHostWidth.d.ts.map +1 -0
  240. package/lib/typescript/components/index.d.ts +5 -0
  241. package/lib/typescript/components/index.d.ts.map +1 -1
  242. package/lib/typescript/figma/SystemAlert.Button.figma.d.ts +11 -0
  243. package/lib/typescript/figma/SystemAlert.Button.figma.d.ts.map +1 -0
  244. package/lib/typescript/figma/SystemAlert.Close.figma.d.ts +11 -0
  245. package/lib/typescript/figma/SystemAlert.Close.figma.d.ts.map +1 -0
  246. package/lib/typescript/figma/SystemAlert.Description.figma.d.ts +8 -0
  247. package/lib/typescript/figma/SystemAlert.Description.figma.d.ts.map +1 -0
  248. package/lib/typescript/figma/SystemAlert.IconButton.figma.d.ts +11 -0
  249. package/lib/typescript/figma/SystemAlert.IconButton.figma.d.ts.map +1 -0
  250. package/lib/typescript/figma/SystemAlert.figma.d.ts +8 -0
  251. package/lib/typescript/figma/SystemAlert.figma.d.ts.map +1 -0
  252. package/package.json +5 -5
  253. package/src/components/BarChart/geometry.ts +1469 -0
  254. package/src/components/BarChart/index.tsx +1424 -0
  255. package/src/components/BarChart/styles.ts +31 -0
  256. package/src/components/Button/index.tsx +1 -1
  257. package/src/components/Chip/styles.ts +3 -1
  258. package/src/components/LineChart/geometry.ts +957 -0
  259. package/src/components/LineChart/index.tsx +1109 -0
  260. package/src/components/LineChart/styles.ts +26 -0
  261. package/src/components/PieChart/geometry.ts +295 -0
  262. package/src/components/PieChart/index.tsx +715 -0
  263. package/src/components/PieChart/styles.ts +101 -0
  264. package/src/components/ProgressCircle/ProgressCircleRing.tsx +10 -39
  265. package/src/components/ProgressCircle/ProgressRing.tsx +60 -0
  266. package/src/components/ScrollShadow/useScrollShadow.ts +12 -11
  267. package/src/components/Stepper/index.tsx +452 -0
  268. package/src/components/Stepper/styles.ts +234 -0
  269. package/src/components/Stepper/useStepperLabelFit.ts +21 -0
  270. package/src/components/Stepper/useStepperLabelFit.web.ts +53 -0
  271. package/src/components/Stepper/useStepperRingColors.ts +29 -0
  272. package/src/components/SystemAlert/animation.ts +252 -0
  273. package/src/components/SystemAlert/index.tsx +684 -0
  274. package/src/components/SystemAlert/styles.ts +212 -0
  275. package/src/components/SystemAlert/useSystemAlertStatusBarStyle.ts +57 -0
  276. package/src/components/Tabs/index.tsx +4 -0
  277. package/src/components/Tabs/styles.ts +1 -1
  278. package/src/components/chart/ChartInspector.tsx +726 -0
  279. package/src/components/chart/format.ts +95 -0
  280. package/src/components/chart/index.ts +24 -0
  281. package/src/components/chart/motion.ts +98 -0
  282. package/src/components/chart/palette.tsx +247 -0
  283. package/src/components/chart/size.ts +21 -0
  284. package/src/components/chart/ticks.ts +53 -0
  285. package/src/components/chart/types.ts +183 -0
  286. package/src/components/chart/useChartHostWidth.ts +26 -0
  287. package/src/components/index.ts +5 -0
@@ -1 +1 @@
1
- {"version":3,"file":"useScrollShadow.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollShadow/useScrollShadow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAE/F,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC7D;AAcD,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,YAAY,GAAG,UAAU,EACtC,SAAS,EAAE,MAAM,EACjB,QAAQ,GAAE,OAAO,QAAQ,CAAC,EAAgB,GACzC,MAAM,CAOR;AA4BD,wBAAgB,eAAe,CAAC,OAAO,GAAE,sBAA2B,GAAG,qBAAqB,CAE3F;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAwB,EACxB,MAAU,EACV,OAAc,EACd,kBAAkB,EAClB,gBAAgB,GACjB,GAAE,0BAA+B,GAAG,qBAAqB,CA6EzD"}
1
+ {"version":3,"file":"useScrollShadow.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollShadow/useScrollShadow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAE/F,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC7D;AAcD,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,YAAY,GAAG,UAAU,EACtC,SAAS,EAAE,MAAM,EACjB,QAAQ,GAAE,OAAO,QAAQ,CAAC,EAAgB,GACzC,MAAM,CAOR;AA4BD,wBAAgB,eAAe,CAAC,OAAO,GAAE,sBAA2B,GAAG,qBAAqB,CAE3F;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAwB,EACxB,MAAU,EACV,OAAc,EACd,kBAAkB,EAClB,gBAAgB,GACjB,GAAE,0BAA+B,GAAG,qBAAqB,CA8EzD"}
@@ -0,0 +1,68 @@
1
+ import { type ReactNode } from 'react';
2
+ import { Text, View, type TextProps, type ViewProps } from 'react-native';
3
+ import { type IStepperProps, type IStepperStepProps } from '@cdx-ui/primitives';
4
+ export { useStepperStep } from '@cdx-ui/primitives';
5
+ export type { StepperLabelPlacement, StepperOrientation, StepperStepState, } from '@cdx-ui/primitives';
6
+ export interface StepperProps extends IStepperProps {
7
+ readonly className?: string;
8
+ /**
9
+ * `Stepper.Step` elements. Every direct element child is a step and is numbered by position;
10
+ * arrays and fragments are unwrapped, and `false`/`null` children are skipped.
11
+ */
12
+ readonly children?: ReactNode;
13
+ }
14
+ declare const StepperRootComponent: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<View>>;
15
+ export interface StepperStepProps extends IStepperStepProps {
16
+ readonly className?: string;
17
+ /**
18
+ * `Stepper.Indicator`, `Stepper.Title`, `Stepper.Description`, `Stepper.Content` and
19
+ * `Stepper.Separator`. They must be **direct** children: the step sorts them into regions by
20
+ * component identity, so a `memo()`/HOC wrapper is not recognized and renders as content.
21
+ * Only the first of each slot is used. `asChild` skips the sorting.
22
+ */
23
+ readonly children?: ReactNode;
24
+ }
25
+ declare const StepperStepComponent: import("react").ForwardRefExoticComponent<StepperStepProps & import("react").RefAttributes<View>>;
26
+ export interface StepperIndicatorProps extends ViewProps {
27
+ /** Replaces the whole indicator with the child element via `Slot`. */
28
+ readonly asChild?: boolean;
29
+ readonly className?: string;
30
+ /**
31
+ * Replaces the glyph inside the disc. The disc, tone and progress ring still render.
32
+ * Defaults to a check when the step is complete, otherwise the 1-based step number.
33
+ */
34
+ readonly children?: ReactNode;
35
+ }
36
+ declare const StepperIndicatorComponent: import("react").ForwardRefExoticComponent<StepperIndicatorProps & import("react").RefAttributes<View>>;
37
+ export interface StepperTitleProps extends TextProps {
38
+ readonly asChild?: boolean;
39
+ readonly className?: string;
40
+ readonly children?: ReactNode;
41
+ }
42
+ declare const StepperTitleComponent: import("react").ForwardRefExoticComponent<StepperTitleProps & import("react").RefAttributes<Text>>;
43
+ export interface StepperDescriptionProps extends TextProps {
44
+ readonly asChild?: boolean;
45
+ readonly className?: string;
46
+ readonly children?: ReactNode;
47
+ }
48
+ declare const StepperDescriptionComponent: import("react").ForwardRefExoticComponent<StepperDescriptionProps & import("react").RefAttributes<Text>>;
49
+ export interface StepperContentProps extends ViewProps {
50
+ readonly asChild?: boolean;
51
+ readonly className?: string;
52
+ }
53
+ declare const StepperContentComponent: import("react").ForwardRefExoticComponent<StepperContentProps & import("react").RefAttributes<View>>;
54
+ export interface StepperSeparatorProps extends ViewProps {
55
+ readonly asChild?: boolean;
56
+ readonly className?: string;
57
+ }
58
+ declare const StepperSeparatorComponent: import("react").ForwardRefExoticComponent<StepperSeparatorProps & import("react").RefAttributes<View>>;
59
+ type StepperCompoundComponent = typeof StepperRootComponent & {
60
+ Step: typeof StepperStepComponent;
61
+ Indicator: typeof StepperIndicatorComponent;
62
+ Title: typeof StepperTitleComponent;
63
+ Description: typeof StepperDescriptionComponent;
64
+ Content: typeof StepperContentComponent;
65
+ Separator: typeof StepperSeparatorComponent;
66
+ };
67
+ export declare const Stepper: StepperCompoundComponent;
68
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAUL,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AA4B5B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAuB5B,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,QAAA,MAAM,oBAAoB,+FA+BzB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAMD,QAAA,MAAM,oBAAoB,mGAiEzB,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,sEAAsE;IACtE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,QAAA,MAAM,yBAAyB,wGA0E9B,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,QAAA,MAAM,qBAAqB,oGAmB1B,CAAC;AAQF,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,QAAA,MAAM,2BAA2B,0GAgBhC,CAAC;AAQF,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,uBAAuB,sGAc5B,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,yBAAyB,wGAwB9B,CAAC;AAQF,KAAK,wBAAwB,GAAG,OAAO,oBAAoB,GAAG;IAC5D,IAAI,EAAE,OAAO,oBAAoB,CAAC;IAClC,SAAS,EAAE,OAAO,yBAAyB,CAAC;IAC5C,KAAK,EAAE,OAAO,qBAAqB,CAAC;IACpC,WAAW,EAAE,OAAO,2BAA2B,CAAC;IAChD,OAAO,EAAE,OAAO,uBAAuB,CAAC;IACxC,SAAS,EAAE,OAAO,yBAAyB,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,OAAO,EAOd,wBAAwB,CAAC"}
@@ -0,0 +1,46 @@
1
+ import type { StepperLabelPlacement, StepperOrientation } from '@cdx-ui/primitives';
2
+ import { type VariantProps } from '@cdx-ui/utils';
3
+ /** Indicator frame in px. The ring is drawn at this size around the 24px disc. */
4
+ export declare const STEPPER_INDICATOR_SIZE = 34;
5
+ export declare const STEPPER_RING_STROKE_WIDTH = 3;
6
+ export type StepperLayout = 'vertical' | 'horizontal-end' | 'horizontal-bottom';
7
+ export declare function getStepperLayout(orientation: StepperOrientation, labelPlacement: StepperLabelPlacement): StepperLayout;
8
+ export declare const stepperVariants: (props?: ({
9
+ layout?: "vertical" | "horizontal-end" | "horizontal-bottom" | null | undefined;
10
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
11
+ export declare const stepperStepVariants: (props?: ({
12
+ layout?: "vertical" | "horizontal-end" | "horizontal-bottom" | null | undefined;
13
+ isLast?: boolean | null | undefined;
14
+ labelFit?: "words" | "shrink" | null | undefined;
15
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
16
+ export declare const stepperStepMainVariants: (props?: ({
17
+ layout?: "vertical" | "horizontal-end" | "horizontal-bottom" | null | undefined;
18
+ labelFit?: "words" | "shrink" | null | undefined;
19
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
20
+ export declare const stepperStepTriggerVariants: (props?: ({
21
+ layout?: "vertical" | "horizontal-end" | "horizontal-bottom" | null | undefined;
22
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
23
+ export declare const stepperStepLabelVariants: (props?: ({
24
+ layout?: "vertical" | "horizontal-end" | "horizontal-bottom" | null | undefined;
25
+ labelFit?: "words" | "shrink" | null | undefined;
26
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
27
+ export declare const stepperStepBodyVariants: (props?: ({
28
+ layout?: "vertical" | "horizontal-end" | "horizontal-bottom" | null | undefined;
29
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
30
+ export declare const stepperIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
31
+ export declare const stepperIndicatorRingVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
32
+ export declare const stepperIndicatorDiscVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
33
+ export declare const stepperIndicatorNumeralVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
34
+ export declare const stepperIndicatorCheckVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
35
+ export declare const stepperTitleVariants: (props?: ({
36
+ isCentered?: boolean | null | undefined;
37
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
38
+ export declare const stepperDescriptionVariants: (props?: ({
39
+ isCentered?: boolean | null | undefined;
40
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
41
+ export declare const stepperContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
42
+ export declare const stepperSeparatorVariants: (props?: ({
43
+ layout?: "vertical" | "horizontal-end" | "horizontal-bottom" | null | undefined;
44
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
45
+ export type StepperVariantProps = VariantProps<typeof stepperVariants>;
46
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACpF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,kFAAkF;AAClF,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAEhF,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,kBAAkB,EAC/B,cAAc,EAAE,qBAAqB,GACpC,aAAa,CAKf;AASD,eAAO,MAAM,eAAe;;8EAW1B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;8EA0B9B,CAAC;AAGH,eAAO,MAAM,uBAAuB;;;8EAiBlC,CAAC;AASH,eAAO,MAAM,0BAA0B;;8EA2BtC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;8EAiBnC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;8EAWlC,CAAC;AAIH,eAAO,MAAM,wBAAwB,oFAEnC,CAAC;AAEH,eAAO,MAAM,4BAA4B,oFAAgD,CAAC;AAE1F,eAAO,MAAM,4BAA4B,oFAGvC,CAAC;AAEH,eAAO,MAAM,+BAA+B,oFAG1C,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAExC,CAAC;AAIH,eAAO,MAAM,oBAAoB;;8EAgBhC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;8EAUrC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAAsB,CAAC;AAS1D,eAAO,MAAM,wBAAwB;;8EAWnC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
@@ -0,0 +1,15 @@
1
+ import type { RefCallback } from 'react';
2
+ import type { View } from 'react-native';
3
+ /**
4
+ * How `horizontal-end` labels give way when the row runs out of room. `'words'` keeps each
5
+ * step at least as wide as its longest word, so labels wrap only between words; `'shrink'` lets
6
+ * steps shrink below that so the row never overflows.
7
+ */
8
+ export type StepperLabelFit = 'words' | 'shrink';
9
+ export interface StepperLabelFitResult {
10
+ readonly fit: StepperLabelFit;
11
+ readonly measureRef: RefCallback<View> | undefined;
12
+ }
13
+ /** Native layout has no min-content sizing, so steps always shrink to fit. */
14
+ export declare function useStepperLabelFit(_enabled: boolean, _count: number): StepperLabelFitResult;
15
+ //# sourceMappingURL=useStepperLabelFit.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStepperLabelFit.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/useStepperLabelFit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,GAAG,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;CACpD;AAID,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,qBAAqB,CAE3F"}
@@ -0,0 +1,10 @@
1
+ import type { StepperLabelFitResult } from './useStepperLabelFit';
2
+ export type { StepperLabelFit, StepperLabelFitResult } from './useStepperLabelFit';
3
+ /**
4
+ * CSS flex cannot keep min-content minimums only while they fit: `min-width: auto` overflows a
5
+ * tight row and `min-width: 0` breaks words even when there is room. So labels start at
6
+ * `'words'`, and if the root then overflows they switch to `'shrink'` before paint. The decision
7
+ * is kept until the root's width or the step count changes.
8
+ */
9
+ export declare function useStepperLabelFit(enabled: boolean, count: number): StepperLabelFitResult;
10
+ //# sourceMappingURL=useStepperLabelFit.web.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStepperLabelFit.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/useStepperLabelFit.web.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAmB,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAEnF,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAOnF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAmCzF"}
@@ -0,0 +1,6 @@
1
+ /** Ring stroke colors for `Stepper.Indicator`: brand on the current step, neutral otherwise. */
2
+ export declare function useStepperRingColors(isCurrent: boolean): {
3
+ track: string;
4
+ indicator: string;
5
+ };
6
+ //# sourceMappingURL=useStepperRingColors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStepperRingColors.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/useStepperRingColors.ts"],"names":[],"mappings":"AAgBA,gGAAgG;AAChG,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,OAAO;;;EAWtD"}
@@ -0,0 +1,56 @@
1
+ import { type RefObject } from 'react';
2
+ import { type View } from 'react-native';
3
+ import { useAnimatedStyle, type SharedValue } from 'react-native-reanimated';
4
+ import { type AnimationRootDisableAll } from '../../animation';
5
+ export declare const SYSTEM_ALERT_ENTER_MS = 300;
6
+ export declare const SYSTEM_ALERT_EXIT_MS = 220;
7
+ /** Unmounts an exiting web surface when `transitionend` never fires (reduced motion, hidden tab). */
8
+ export declare const SYSTEM_ALERT_WEB_SAFETY_MS: number;
9
+ /**
10
+ * `entering` and `exiting` exist only while motion runs. With motion off, `isOpen`
11
+ * moves straight between `open` and `closed`.
12
+ */
13
+ export type SystemAlertPresencePhase = 'closed' | 'entering' | 'open' | 'exiting';
14
+ /** Web `data-state`. `exiting` maps to `closed`, as in Dialog and FullScreenDialog. */
15
+ export type SystemAlertWebState = 'entering' | 'open' | 'closed';
16
+ export interface UseSystemAlertPresenceOptions {
17
+ isOpen: boolean;
18
+ animation: AnimationRootDisableAll | undefined;
19
+ /** Wrapper height while no surface pushes past it: the reserved top inset, or 0. */
20
+ collapsedHeight: number;
21
+ }
22
+ export interface SystemAlertPresence {
23
+ phase: SystemAlertPresencePhase;
24
+ isSurfaceMounted: boolean;
25
+ wrapperStyle: ReturnType<typeof useAnimatedStyle>;
26
+ /** Reports the surface's natural height, from a synchronous read or `onLayout`. */
27
+ setSurfaceHeight: (height: number) => void;
28
+ /** Bottom edge of the surface, `b`, from 0 (above the screen edge) to its height. */
29
+ edge: SharedValue<number>;
30
+ surfaceHeight: SharedValue<number>;
31
+ /** True while `open` and no motion runs: the wrapper sizes to its content. */
32
+ isSettled: SharedValue<boolean>;
33
+ /** Web only: drives the CSS transitions on the wrapper and the surface. */
34
+ webState: SystemAlertWebState | undefined;
35
+ /** Web only: the wrapper's inline height. `undefined` sizes it to its content. */
36
+ webWrapperHeight: number | undefined;
37
+ /** Web only: the wrapper node whose `height` transition ends the exit. */
38
+ wrapperRef: RefObject<View | null>;
39
+ }
40
+ /**
41
+ * Presence lifecycle and contact-push motion for an in-flow SystemAlert. One value, the
42
+ * surface's bottom edge `b`, is driven; the wrapper's height is `max(collapsedHeight, b)`,
43
+ * so content below only moves once the surface leaves the reserved strip.
44
+ *
45
+ * Web runs the same lifecycle on CSS transitions keyed on `data-state` instead of Reanimated:
46
+ * `entering` → (rAF) → `open`, and `closed` → `transitionend` on the wrapper's `height`, or a
47
+ * safety timer → unmount. The inset is 0 there, so the wrapper's height is `b`, and the surface,
48
+ * aligned to the wrapper's bottom edge, follows the same transition.
49
+ */
50
+ export declare function useSystemAlertPresence({ isOpen, animation, collapsedHeight, }: UseSystemAlertPresenceOptions): SystemAlertPresence;
51
+ /**
52
+ * The surface's slide, `translateY = b − H`. Call it from a component that mounts with the
53
+ * surface: Reanimated computes the initial style once, on the hook's first render.
54
+ */
55
+ export declare function useSystemAlertSurfaceStyle({ edge, surfaceHeight, isSettled, }: Pick<SystemAlertPresence, 'edge' | 'surfaceHeight' | 'isSettled'>): ReturnType<typeof useAnimatedStyle>;
56
+ //# sourceMappingURL=animation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/components/SystemAlert/animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,EAAiC,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAEL,gBAAgB,EAGhB,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAqC,KAAK,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAGlG,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,qGAAqG;AACrG,eAAO,MAAM,0BAA0B,QAA6B,CAAC;AAKrE;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAElF,uFAAuF;AACvF,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,uBAAuB,GAAG,SAAS,CAAC;IAC/C,oFAAoF;IACpF,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,wBAAwB,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAClD,mFAAmF;IACnF,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,qFAAqF;IACrF,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,8EAA8E;IAC9E,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAChC,2EAA2E;IAC3E,QAAQ,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC1C,kFAAkF;IAClF,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,0EAA0E;IAC1E,UAAU,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;CACpC;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,SAAS,EACT,eAAe,GAChB,EAAE,6BAA6B,GAAG,mBAAmB,CA4JrD;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,aAAa,EACb,SAAS,GACV,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,eAAe,GAAG,WAAW,CAAC,GAAG,UAAU,CAC/E,OAAO,gBAAgB,CACxB,CAaA"}
@@ -0,0 +1,110 @@
1
+ import { type ReactNode } from 'react';
2
+ import { Text, View, type TextProps, type ViewProps } from 'react-native';
3
+ import type { ForgeIcon } from '@cdx-ui/icons';
4
+ import type { AnimationRootDisableAll } from '../../animation';
5
+ import { type ButtonProps } from '../Button';
6
+ import { type IconProps } from '../Icon';
7
+ import { type IconButtonProps } from '../IconButton';
8
+ import { type SystemAlertColor, type SystemAlertVariantProps } from './styles';
9
+ export interface SystemAlertProps extends ViewProps, SystemAlertVariantProps {
10
+ /**
11
+ * Replace the root element with the consumer's child element via `Slot`.
12
+ * When `true`, children render as-is: no body row and no close button.
13
+ * The `color` context is still provided so sub-components receive the correct styles.
14
+ */
15
+ asChild?: boolean;
16
+ /**
17
+ * Colour treatment. Drives the surface, the default icon, and live-region urgency:
18
+ * `danger` and `warning` announce assertively, the rest politely.
19
+ * @default 'info'
20
+ */
21
+ color?: SystemAlertColor;
22
+ /**
23
+ * Pad the top of the root by the top safe-area inset so the surface paints behind
24
+ * the status bar and the content row starts below it. Set `false` for a banner that
25
+ * does not sit at the top edge of the screen. The inset is zero on web and without a
26
+ * safe-area provider.
27
+ * @default true
28
+ */
29
+ hasSafeAreaInset?: boolean;
30
+ /** Renders a dismiss button as the last control in the row. */
31
+ onClose?: () => void;
32
+ /**
33
+ * Accessible name for the dismiss button.
34
+ * @default 'Dismiss alert'
35
+ */
36
+ closeAccessibilityLabel?: string;
37
+ /**
38
+ * Controlled presence. Omit it for a banner that shows while mounted, with no motion.
39
+ * When set, SystemAlert stays mounted and owns presence: `false` → `true` slides the
40
+ * banner down from the top edge and pushes the content below it, and `true` → `false`
41
+ * reverses that, then removes the surface. `true` on first render shows the banner in
42
+ * place without motion. While closed with `hasSafeAreaInset`, a transparent strip the
43
+ * height of the top inset stays reserved, so the header below never applies the inset.
44
+ * Pick one mode per mount: switching between omitted and set is not supported.
45
+ */
46
+ isOpen?: boolean;
47
+ /**
48
+ * Pass `'disable-all'` to open and close in one frame, without motion. Has no effect
49
+ * without `isOpen`.
50
+ */
51
+ animation?: AnimationRootDisableAll;
52
+ className?: string;
53
+ /**
54
+ * Rendered in order inside the content row, typically `SystemAlert.Icon`,
55
+ * `SystemAlert.Description`, and `SystemAlert.Actions`.
56
+ */
57
+ children?: ReactNode;
58
+ }
59
+ declare const SystemAlertRoot: import("react").ForwardRefExoticComponent<SystemAlertProps & import("react").RefAttributes<View>>;
60
+ export interface SystemAlertIconProps extends Omit<IconProps, 'as' | 'color'> {
61
+ asChild?: boolean;
62
+ /**
63
+ * Override the default icon for the current `color` (`EmergencyHome`, `Warning`,
64
+ * `CheckCircle`, `Info`, or `Error` for `brand`). Not required when `asChild` is set.
65
+ */
66
+ as?: ForgeIcon;
67
+ }
68
+ declare const SystemAlertIcon: import("react").ForwardRefExoticComponent<SystemAlertIconProps & import("react").RefAttributes<View>>;
69
+ export interface SystemAlertDescriptionProps extends TextProps {
70
+ asChild?: boolean;
71
+ className?: string;
72
+ /**
73
+ * Message text. Wraps by default; pass `numberOfLines` to clamp it. With `isOpen` on the
74
+ * root, its plain text is what iOS announces when the banner opens, so it must be passed
75
+ * as children rather than resolved inside a child component.
76
+ */
77
+ children?: ReactNode;
78
+ }
79
+ declare const SystemAlertDescription: import("react").ForwardRefExoticComponent<SystemAlertDescriptionProps & import("react").RefAttributes<Text>>;
80
+ export interface SystemAlertActionsProps extends ViewProps {
81
+ asChild?: boolean;
82
+ className?: string;
83
+ /** Typically `SystemAlert.Action` and `SystemAlert.IconAction`. */
84
+ children?: ReactNode;
85
+ }
86
+ declare const SystemAlertActions: import("react").ForwardRefExoticComponent<SystemAlertActionsProps & import("react").RefAttributes<View>>;
87
+ export interface SystemAlertActionProps extends Omit<ButtonProps, 'variant' | 'color' | 'size' | 'fullWidth' | 'asChild'> {
88
+ className?: string;
89
+ /** Label text, rendered inside `Button.Label`. */
90
+ children?: ReactNode;
91
+ }
92
+ declare const SystemAlertAction: import("react").ForwardRefExoticComponent<SystemAlertActionProps & import("react").RefAttributes<View>>;
93
+ export interface SystemAlertIconActionProps extends Omit<IconButtonProps, 'variant' | 'color' | 'size' | 'accessibilityLabel'> {
94
+ /** Forge icon component to render. */
95
+ as: ForgeIcon;
96
+ /** Accessible name. Required: the control has no visible text. */
97
+ accessibilityLabel: string;
98
+ }
99
+ declare const SystemAlertIconAction: import("react").ForwardRefExoticComponent<SystemAlertIconActionProps & import("react").RefAttributes<View>>;
100
+ type SystemAlertCompoundComponent = typeof SystemAlertRoot & {
101
+ Icon: typeof SystemAlertIcon;
102
+ Description: typeof SystemAlertDescription;
103
+ Actions: typeof SystemAlertActions;
104
+ Action: typeof SystemAlertAction;
105
+ IconAction: typeof SystemAlertIconAction;
106
+ };
107
+ export declare const SystemAlert: SystemAlertCompoundComponent;
108
+ export type { SystemAlertColor, SystemAlertVariantProps };
109
+ export { useSystemAlertStatusBarStyle, type SystemAlertStatusBarStyle, } from './useSystemAlertStatusBarStyle';
110
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SystemAlert/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,38 @@
1
+ import { type VariantProps } from '@cdx-ui/utils';
2
+ export type SystemAlertColor = 'danger' | 'warning' | 'success' | 'info' | 'brand';
3
+ export declare const systemAlertRootVariants: (props?: ({
4
+ color?: "danger" | "warning" | "success" | "info" | "brand" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
+ export declare const systemAlertPresenceVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
7
+ export declare const systemAlertPresenceClipVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
8
+ export declare const systemAlertPresenceSurfaceVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
9
+ export declare const systemAlertBodyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
10
+ export declare const systemAlertIconVariants: (props?: ({
11
+ color?: SystemAlertColor | null | undefined;
12
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
13
+ export declare const systemAlertDescriptionVariants: (props?: ({
14
+ color?: SystemAlertColor | null | undefined;
15
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
16
+ export declare const systemAlertActionsVariants: (props?: ({
17
+ hasClose?: boolean | null | undefined;
18
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
19
+ export declare const systemAlertActionVariants: (props?: ({
20
+ color?: SystemAlertColor | null | undefined;
21
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
22
+ export declare const systemAlertActionLabelVariants: (props?: ({
23
+ color?: SystemAlertColor | null | undefined;
24
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
25
+ export declare const systemAlertIconActionVariants: (props?: ({
26
+ color?: SystemAlertColor | null | undefined;
27
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
28
+ export declare const systemAlertIconActionIconVariants: (props?: ({
29
+ color?: SystemAlertColor | null | undefined;
30
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
31
+ export declare const systemAlertCloseVariants: (props?: ({
32
+ color?: SystemAlertColor | null | undefined;
33
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
34
+ export declare const systemAlertCloseIconVariants: (props?: ({
35
+ color?: SystemAlertColor | null | undefined;
36
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
37
+ export type SystemAlertVariantProps = VariantProps<typeof systemAlertRootVariants>;
38
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SystemAlert/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAyDnF,eAAO,MAAM,uBAAuB;;8EAalC,CAAC;AAkBH,eAAO,MAAM,2BAA2B,oFAGtC,CAAC;AAEH,eAAO,MAAM,+BAA+B,oFAG1C,CAAC;AAIH,eAAO,MAAM,kCAAkC,oFAAoB,CAAC;AAIpE,eAAO,MAAM,uBAAuB,oFAAmD,CAAC;AAKxF,eAAO,MAAM,uBAAuB;;8EAOlC,CAAC;AAIH,eAAO,MAAM,8BAA8B;;8EAOzC,CAAC;AAMH,eAAO,MAAM,0BAA0B;;8EAUrC,CAAC;AAIH,eAAO,MAAM,yBAAyB;;8EAOpC,CAAC;AAEH,eAAO,MAAM,8BAA8B;;8EAOzC,CAAC;AAIH,eAAO,MAAM,6BAA6B;;8EAOxC,CAAC;AAEH,eAAO,MAAM,iCAAiC;;8EAO5C,CAAC;AAKH,eAAO,MAAM,wBAAwB;;8EAOnC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;8EAOvC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC"}
@@ -0,0 +1,14 @@
1
+ import type { SystemAlertColor } from './styles';
2
+ export type SystemAlertStatusBarStyle = 'light' | 'dark';
3
+ /**
4
+ * The status-bar glyph style that matches a SystemAlert's text on its strong surface, for a
5
+ * banner that paints behind the status bar. Read from the active theme's
6
+ * `content-{color}-on-strong` token, so it follows FI themes and light and dark mode.
7
+ *
8
+ * SystemAlert never sets the status bar. Pass the result to whatever owns it in your app,
9
+ * such as `expo-status-bar`'s `style`, React Native `StatusBar`'s `barStyle`
10
+ * (`'light-content'` / `'dark-content'`), or your navigator's status-bar option, and apply it
11
+ * only while the banner is open and its screen is focused.
12
+ */
13
+ export declare function useSystemAlertStatusBarStyle(color: SystemAlertColor): SystemAlertStatusBarStyle;
14
+ //# sourceMappingURL=useSystemAlertStatusBarStyle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSystemAlertStatusBarStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/SystemAlert/useSystemAlertStatusBarStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,MAAM,CAAC;AAsCzD;;;;;;;;;GASG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,GAAG,yBAAyB,CAK/F"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,IAAI,EACJ,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EAmBL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC;AAqD5B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,UAAU;IACxE,iKAAiK;IACjK,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,4FAkBb,CAAC;AAQF,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,QAAA,MAAM,QAAQ,gGAmYb,CAAC;AAQF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,+FAyCZ,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,oGAoBjB,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,iGAiBd,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,GAAG,EAAE,OAAO,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,IAAI,EAKX,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,IAAI,EACJ,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EAmBL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC;AAwD5B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,UAAU;IACxE,iKAAiK;IACjK,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,4FAkBb,CAAC;AAQF,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,QAAA,MAAM,QAAQ,gGAoYb,CAAC;AAQF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,+FAyCZ,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,oGAoBjB,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,iGAiBd,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,GAAG,EAAE,OAAO,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,IAAI,EAKX,qBAAqB,CAAC"}
@@ -0,0 +1,101 @@
1
+ import type { ChartTooltipContent, ChartTooltipItem } from './types';
2
+ export interface ChartInspectorTarget {
3
+ readonly key: string;
4
+ /** Hit box in overlay coordinates. */
5
+ readonly left: number;
6
+ readonly top: number;
7
+ readonly width: number;
8
+ readonly height: number;
9
+ /** Point the tooltip sits beside. */
10
+ readonly anchorX: number;
11
+ readonly anchorY: number;
12
+ /** Half-width of the mark at the anchor, so the tooltip clears it. */
13
+ readonly anchorRadius?: number;
14
+ readonly tooltip: ChartTooltipContent;
15
+ readonly accessibilityLabel: string;
16
+ readonly selected: boolean;
17
+ /** Keyboard focus ring. Defaults to the hit box. */
18
+ readonly outline?: {
19
+ readonly left: number;
20
+ readonly top: number;
21
+ readonly width: number;
22
+ readonly height: number;
23
+ };
24
+ }
25
+ /** WCAG 2.5.8 (AA) is 24px; 44px matches Apple HIG / WCAG 2.5.5 for touch. */
26
+ export declare const MIN_POINTER_TARGET_PX = 44;
27
+ /** Hold before scrubbing a scrollable plot, so a flick can still scroll (Apple Health). */
28
+ export declare const CHART_SCRUB_HOLD_MS = 250;
29
+ export declare function expandHitBox(left: number, top: number, width: number, height: number, minSize?: number): {
30
+ left: number;
31
+ top: number;
32
+ width: number;
33
+ height: number;
34
+ };
35
+ export declare function chartValueText(item: ChartTooltipItem): string;
36
+ interface ChartTooltipSize {
37
+ readonly width: number;
38
+ readonly height: number;
39
+ }
40
+ /**
41
+ * Top-left of a tooltip in frame coordinates. Beside the anchor on the roomier side when it
42
+ * fits, otherwise above or below it; always clamped inside the frame so a clipping ancestor
43
+ * (a `Card`, a `ScrollView`) cannot cut it off.
44
+ */
45
+ export declare function placeChartTooltip(anchor: {
46
+ readonly x: number;
47
+ readonly y: number;
48
+ readonly radius?: number;
49
+ }, tip: ChartTooltipSize, frame: ChartTooltipSize): {
50
+ left: number;
51
+ top: number;
52
+ };
53
+ /**
54
+ * Chart tooltip, measured and clamped inside `width` × `height`. Mount it in the chart's
55
+ * outer plot frame, never inside the plot `ScrollView`, which clips its content.
56
+ */
57
+ export declare function ChartTooltipLayer({ content, noValueText, slot, anchorX, anchorY, anchorRadius, width, height, }: {
58
+ content: ChartTooltipContent;
59
+ noValueText: string;
60
+ slot: string;
61
+ /** Anchor in frame coordinates. */
62
+ anchorX: number;
63
+ anchorY: number;
64
+ anchorRadius?: number;
65
+ width: number;
66
+ height: number;
67
+ }): import("react/jsx-runtime").JSX.Element;
68
+ /**
69
+ * Host-element hit targets over an SVG plot. SVG nodes are poor focus and hover targets under
70
+ * React Native Web, so each target is a `Pressable` with roving focus: one tab stop per chart.
71
+ * Web: native `mousemove` (RN Web `Pressable` has no hover). Native: press-and-drag on the
72
+ * overlay; the tooltip tracks the finger and clears on lift. When the plot itself scrolls,
73
+ * scrubbing waits for a short hold so a flick can still pan. Keyboard and VoiceOver still use
74
+ * the buttons (Escape / two-finger Z).
75
+ */
76
+ export declare function ChartInspector({ targets, summary, selectable, activeIndex, selectedIndex, slot, holdToScrub, onActivate, onDeactivate, onDismiss, onSelectIndex, hitTest, neighborIndex, onScrubLockChange, }: {
77
+ targets: readonly ChartInspectorTarget[];
78
+ summary: string;
79
+ selectable: boolean;
80
+ activeIndex: number | null;
81
+ selectedIndex: number | null;
82
+ slot: string;
83
+ /** Wait for a hold before capturing the pan, so a scrollable plot can still flick-scroll. */
84
+ holdToScrub?: boolean;
85
+ onActivate: (index: number) => void;
86
+ /** Called with the target that lost hover or focus. Ignore it if another target is already active. */
87
+ onDeactivate: (index: number) => void;
88
+ onDismiss: () => void;
89
+ onSelectIndex: (index: number) => void;
90
+ /** When set, pointer hits use this instead of the rectangular target boxes (line charts). */
91
+ hitTest?: (x: number, y: number) => number | null;
92
+ /** Override linear arrow-key movement (grouped / stacked bar charts). */
93
+ neighborIndex?: (index: number, key: string) => number | null;
94
+ /**
95
+ * Fires when a hold locks the finger to scrubbing (`true`) and when it lifts (`false`).
96
+ * The parent must disable its `ScrollView` while locked, or the native pan steals the drag.
97
+ */
98
+ onScrubLockChange?: (locked: boolean) => void;
99
+ }): import("react/jsx-runtime").JSX.Element;
100
+ export {};
101
+ //# sourceMappingURL=ChartInspector.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChartInspector.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/ChartInspector.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import type { ChartLocaleText, ChartValueFormatter } from './types';
2
+ interface HasValueFormatter {
3
+ readonly valueFormatter?: ChartValueFormatter;
4
+ }
5
+ export declare const defaultChartLocaleText: ChartLocaleText;
6
+ /** Consumer strings over the English defaults. `undefined` entries keep the default. */
7
+ export declare function resolveChartLocaleText(localeText?: Partial<ChartLocaleText>): ChartLocaleText;
8
+ /** Up to two fraction digits, without trailing zeros: `3`, `2.5`, `1,234.56`. */
9
+ export declare function formatChartNumber(value: number | null, locale?: string): string;
10
+ /** A 0–1 share as a whole percent for `locale`: `0.46` → `46%`. */
11
+ export declare function formatChartPercent(share: number, locale?: string): string;
12
+ export declare function defaultChartValueFormatter(locale?: string): ChartValueFormatter;
13
+ /** Series formatter, then axis formatter, then the `locale` default. */
14
+ export declare function resolveValueFormatter(series: HasValueFormatter | null | undefined, axis: HasValueFormatter | null | undefined, locale?: string): ChartValueFormatter;
15
+ export {};
16
+ //# sourceMappingURL=format.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/format.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EAIf,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB,UAAU,iBAAiB;IACzB,QAAQ,CAAC,cAAc,CAAC,EAAE,mBAAmB,CAAC;CAC/C;AAUD,eAAO,MAAM,sBAAsB,EAAE,eAoBpC,CAAC;AAEF,wFAAwF;AACxF,wBAAgB,sBAAsB,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAQ7F;AAED,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAO/E;AAID,mEAAmE;AACnE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAczE;AAED,wBAAgB,0BAA0B,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAE/E;AAED,wEAAwE;AACxE,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAC5C,IAAI,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAC1C,MAAM,CAAC,EAAE,MAAM,GACd,mBAAmB,CAErB"}
@@ -0,0 +1,3 @@
1
+ export type { ChartAxis, ChartAxisPosition, ChartGrid, ChartLocaleText, ChartReferenceLine, ChartScaleType, ChartSelectedItem, ChartSeriesBase, ChartSeriesCommon, ChartSize, ChartSizeProps, ChartSummaryCategory, ChartSummaryValue, ChartTooltipContent, ChartTooltipItem, ChartTooltipProps, ChartTrend, ChartTrendDirection, ChartValueFormatter, ChartValueFormatterContext, ChartValueLocation, } from './types';
2
+ export type { ChartColor, ChartPalette } from './palette';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,mBAAmB,EACnB,0BAA0B,EAC1B,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { type SharedValue } from 'react-native-reanimated';
2
+ import { type AnimationRootDisableAll } from '../../animation';
3
+ export declare const CHART_MOTION_DURATION = 600;
4
+ export interface ChartMorph {
5
+ readonly from: SharedValue<number[]>;
6
+ readonly to: SharedValue<number[]>;
7
+ readonly progress: SharedValue<number>;
8
+ }
9
+ /** Off for `'disable-all'`, an ancestor or global `disable-all`, and Reduce Motion. */
10
+ export declare function useChartMotionEnabled(animation: AnimationRootDisableAll | undefined): boolean;
11
+ /**
12
+ * Non-finite entries mark gaps: they snap to the target instead of tweening.
13
+ * Vectors of different lengths cannot be paired, so the target wins outright.
14
+ */
15
+ export declare function lerpVector(from: readonly number[], to: readonly number[], t: number): number[];
16
+ /**
17
+ * Tweens a numeric geometry vector on the UI thread. Mounts at `initial` and runs to
18
+ * `target`; later targets start from wherever the previous tween currently is. When the
19
+ * vector changes length (points or slices added/removed) the entry replays from `initial`.
20
+ */
21
+ export declare function useChartMorph(target: readonly number[], initial: readonly number[], enabled: boolean): ChartMorph;
22
+ /**
23
+ * 0 → 1 on mount and whenever `replayKey` changes. Labels sit on animated geometry, so they
24
+ * stay hidden until the morph is mostly done, then fade in at the final position.
25
+ */
26
+ export declare function useChartEntrance(enabled: boolean, replayKey?: string): SharedValue<number>;
27
+ //# sourceMappingURL=motion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/motion.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAqC,KAAK,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAElG,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAGzC,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACxC;AAED,uFAAuF;AACvF,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,uBAAuB,GAAG,SAAS,GAAG,OAAO,CAI7F;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAU9F;AAMD;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,OAAO,EAAE,OAAO,GACf,UAAU,CAuBZ;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,SAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAatF"}