@astryxdesign/core 0.3.0-canary.9753e39 → 0.3.0-canary.9b5eaa0

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 (378) hide show
  1. package/dist/AlertDialog/AlertDialog.d.ts +10 -2
  2. package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
  3. package/dist/AlertDialog/AlertDialog.js +22 -3
  4. package/dist/Avatar/Avatar.d.ts.map +1 -1
  5. package/dist/Avatar/Avatar.js +2 -10
  6. package/dist/AvatarGroup/AvatarGroupOverflow.d.ts.map +1 -1
  7. package/dist/AvatarGroup/AvatarGroupOverflow.js +2 -3
  8. package/dist/Banner/Banner.d.ts.map +1 -1
  9. package/dist/Banner/Banner.js +15 -14
  10. package/dist/Breadcrumbs/BreadcrumbItem.d.ts.map +1 -1
  11. package/dist/Breadcrumbs/BreadcrumbItem.js +21 -8
  12. package/dist/Button/Button.d.ts.map +1 -1
  13. package/dist/Button/Button.js +11 -15
  14. package/dist/Calendar/Calendar.d.ts.map +1 -1
  15. package/dist/Calendar/Calendar.js +2 -1
  16. package/dist/Calendar/styles.d.ts +0 -2
  17. package/dist/Calendar/styles.d.ts.map +1 -1
  18. package/dist/Calendar/styles.js +0 -2
  19. package/dist/Chat/ChatLayoutScrollButton.d.ts.map +1 -1
  20. package/dist/Chat/ChatLayoutScrollButton.js +1 -0
  21. package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
  22. package/dist/Chat/ChatToolCalls.js +17 -17
  23. package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
  24. package/dist/CheckboxInput/CheckboxInput.js +35 -125
  25. package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
  26. package/dist/ClickableCard/ClickableCard.js +3 -11
  27. package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
  28. package/dist/CodeBlock/CodeBlock.js +73 -63
  29. package/dist/Collapsible/Collapsible.d.ts.map +1 -1
  30. package/dist/Collapsible/Collapsible.js +35 -15
  31. package/dist/ComplexSelector/ComplexSelector.d.ts.map +1 -1
  32. package/dist/ComplexSelector/ComplexSelector.js +16 -22
  33. package/dist/DateInput/DateInput.d.ts.map +1 -1
  34. package/dist/DateInput/DateInput.js +2 -1
  35. package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
  36. package/dist/DateRangeInput/DateRangeInput.js +2 -1
  37. package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
  38. package/dist/DateTimeInput/DateTimeInput.js +2 -1
  39. package/dist/Dialog/Dialog.d.ts.map +1 -1
  40. package/dist/Dialog/Dialog.js +4 -4
  41. package/dist/DropdownMenu/DropdownMenu.d.ts +19 -5
  42. package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  43. package/dist/DropdownMenu/DropdownMenu.js +55 -7
  44. package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts +8 -11
  45. package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts.map +1 -1
  46. package/dist/DropdownMenu/DropdownMenuCheckboxItem.js +32 -31
  47. package/dist/DropdownMenu/DropdownMenuItem.d.ts +7 -2
  48. package/dist/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
  49. package/dist/DropdownMenu/DropdownMenuItem.js +13 -4
  50. package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts +5 -5
  51. package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts.map +1 -1
  52. package/dist/DropdownMenu/DropdownMenuRadioItem.js +24 -67
  53. package/dist/DropdownMenu/renderDropdownItems.d.ts.map +1 -1
  54. package/dist/DropdownMenu/renderDropdownItems.js +21 -12
  55. package/dist/Indicator/CheckIndicator.d.ts +26 -0
  56. package/dist/Indicator/CheckIndicator.d.ts.map +1 -0
  57. package/dist/Indicator/CheckIndicator.js +118 -0
  58. package/dist/Indicator/CheckboxIndicator.d.ts +22 -0
  59. package/dist/Indicator/CheckboxIndicator.d.ts.map +1 -0
  60. package/dist/Indicator/CheckboxIndicator.js +173 -0
  61. package/dist/Indicator/RadioIndicator.d.ts +23 -0
  62. package/dist/Indicator/RadioIndicator.d.ts.map +1 -0
  63. package/dist/Indicator/RadioIndicator.js +137 -0
  64. package/dist/Indicator/index.d.ts +24 -0
  65. package/dist/Indicator/index.d.ts.map +1 -0
  66. package/dist/Indicator/index.js +26 -0
  67. package/dist/Indicator/indicator.markers.stylex.d.ts +16 -0
  68. package/dist/Indicator/indicator.markers.stylex.d.ts.map +1 -0
  69. package/dist/Indicator/indicator.markers.stylex.js +21 -0
  70. package/dist/Indicator/indicatorRegistry.d.ts +36 -0
  71. package/dist/Indicator/indicatorRegistry.d.ts.map +1 -0
  72. package/dist/Indicator/indicatorRegistry.js +53 -0
  73. package/dist/Indicator/types.d.ts +142 -0
  74. package/dist/Indicator/types.d.ts.map +1 -0
  75. package/dist/Indicator/types.js +1 -0
  76. package/dist/Indicator/useIndicator.d.ts +12 -0
  77. package/dist/Indicator/useIndicator.d.ts.map +1 -0
  78. package/dist/Indicator/useIndicator.js +24 -0
  79. package/dist/Item/Item.d.ts.map +1 -1
  80. package/dist/Item/Item.js +4 -8
  81. package/dist/Link/Link.d.ts.map +1 -1
  82. package/dist/Link/Link.js +4 -5
  83. package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
  84. package/dist/MultiSelector/MultiSelector.js +53 -46
  85. package/dist/NumberInput/NumberInput.d.ts.map +1 -1
  86. package/dist/NumberInput/NumberInput.js +3 -2
  87. package/dist/Outline/Outline.d.ts.map +1 -1
  88. package/dist/Outline/Outline.js +2 -3
  89. package/dist/Pagination/Pagination.d.ts.map +1 -1
  90. package/dist/Pagination/Pagination.js +30 -26
  91. package/dist/PowerSearch/PowerSearchEditPopover.d.ts.map +1 -1
  92. package/dist/PowerSearch/PowerSearchEditPopover.js +7 -0
  93. package/dist/RadioList/RadioListItem.d.ts.map +1 -1
  94. package/dist/RadioList/RadioListItem.js +29 -84
  95. package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
  96. package/dist/Resizable/ResizeHandle.js +2 -3
  97. package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
  98. package/dist/SegmentedControl/SegmentedControlItem.js +2 -3
  99. package/dist/SelectableCard/SelectableCard.d.ts.map +1 -1
  100. package/dist/SelectableCard/SelectableCard.js +3 -11
  101. package/dist/Selector/Selector.d.ts +2 -1
  102. package/dist/Selector/Selector.d.ts.map +1 -1
  103. package/dist/Selector/Selector.js +159 -80
  104. package/dist/Selector/hooks.d.ts +18 -6
  105. package/dist/Selector/hooks.d.ts.map +1 -1
  106. package/dist/Selector/hooks.js +57 -40
  107. package/dist/SideNav/SideNav.d.ts.map +1 -1
  108. package/dist/SideNav/SideNav.js +1 -1
  109. package/dist/SideNav/SideNavCollapseButton.d.ts +1 -1
  110. package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
  111. package/dist/SideNav/SideNavCollapseButton.js +29 -14
  112. package/dist/SideNav/SideNavHeading.d.ts.map +1 -1
  113. package/dist/SideNav/SideNavHeading.js +56 -20
  114. package/dist/SideNav/SideNavItem.d.ts.map +1 -1
  115. package/dist/SideNav/SideNavItem.js +28 -22
  116. package/dist/TabList/Tab.d.ts.map +1 -1
  117. package/dist/TabList/Tab.js +2 -3
  118. package/dist/TabList/TabMenu.d.ts.map +1 -1
  119. package/dist/TabList/TabMenu.js +41 -19
  120. package/dist/Table/BaseTable.d.ts.map +1 -1
  121. package/dist/Table/BaseTable.js +8 -0
  122. package/dist/Table/index.d.ts +1 -1
  123. package/dist/Table/index.d.ts.map +1 -1
  124. package/dist/Table/index.js +1 -1
  125. package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts +1 -1
  126. package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts.map +1 -1
  127. package/dist/Table/plugins/groupedRows/useTableGroupedRows.js +22 -18
  128. package/dist/Table/plugins/rowExpansion/index.d.ts +1 -1
  129. package/dist/Table/plugins/rowExpansion/index.d.ts.map +1 -1
  130. package/dist/Table/plugins/rowExpansion/index.js +1 -1
  131. package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts +41 -76
  132. package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
  133. package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +91 -340
  134. package/dist/Table/plugins/sortable/useTableSortable.d.ts.map +1 -1
  135. package/dist/Table/plugins/sortable/useTableSortable.js +23 -4
  136. package/dist/Table/plugins/tree/useTableTreeData.d.ts.map +1 -1
  137. package/dist/Table/plugins/tree/useTableTreeData.js +29 -33
  138. package/dist/Table/tableContextMenu.d.ts.map +1 -1
  139. package/dist/Table/tableContextMenu.js +2 -1
  140. package/dist/Table/types.d.ts +11 -0
  141. package/dist/Table/types.d.ts.map +1 -1
  142. package/dist/TextArea/TextArea.d.ts.map +1 -1
  143. package/dist/TextArea/TextArea.js +5 -3
  144. package/dist/TextInput/TextInput.d.ts.map +1 -1
  145. package/dist/TextInput/TextInput.js +3 -2
  146. package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
  147. package/dist/Thumbnail/Thumbnail.js +32 -26
  148. package/dist/TimeInput/TimeInput.d.ts.map +1 -1
  149. package/dist/TimeInput/TimeInput.js +2 -1
  150. package/dist/Timestamp/TimestampHoverCard.d.ts.map +1 -1
  151. package/dist/Timestamp/TimestampHoverCard.js +16 -34
  152. package/dist/Token/Token.d.ts.map +1 -1
  153. package/dist/Token/Token.js +20 -11
  154. package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
  155. package/dist/Tokenizer/Tokenizer.js +4 -2
  156. package/dist/TopNav/TopNavHeading.d.ts.map +1 -1
  157. package/dist/TopNav/TopNavHeading.js +54 -16
  158. package/dist/TopNav/TopNavItem.d.ts.map +1 -1
  159. package/dist/TopNav/TopNavItem.js +3 -9
  160. package/dist/TopNav/TopNavMegaMenu.d.ts.map +1 -1
  161. package/dist/TopNav/TopNavMegaMenu.js +67 -31
  162. package/dist/TopNav/TopNavMegaMenuItem.d.ts.map +1 -1
  163. package/dist/TopNav/TopNavMegaMenuItem.js +22 -3
  164. package/dist/TopNav/TopNavMenu.d.ts.map +1 -1
  165. package/dist/TopNav/TopNavMenu.js +83 -33
  166. package/dist/TreeList/TreeList.d.ts.map +1 -1
  167. package/dist/TreeList/TreeList.js +13 -0
  168. package/dist/TreeList/TreeListBranches.d.ts +1 -1
  169. package/dist/TreeList/TreeListBranches.d.ts.map +1 -1
  170. package/dist/TreeList/TreeListBranches.js +14 -4
  171. package/dist/TreeList/TreeListItem.d.ts +11 -1
  172. package/dist/TreeList/TreeListItem.d.ts.map +1 -1
  173. package/dist/TreeList/TreeListItem.js +57 -30
  174. package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
  175. package/dist/Typeahead/BaseTypeahead.js +14 -2
  176. package/dist/astryx.css +34 -25
  177. package/dist/astryx.umd.js +50 -50
  178. package/dist/astryx.umd.js.map +4 -4
  179. package/dist/hooks/index.d.ts +3 -0
  180. package/dist/hooks/index.d.ts.map +1 -1
  181. package/dist/hooks/index.js +2 -0
  182. package/dist/hooks/useClipboard.d.ts +59 -0
  183. package/dist/hooks/useClipboard.d.ts.map +1 -0
  184. package/dist/hooks/useClipboard.js +106 -0
  185. package/dist/hooks/useIndicatorFocusRing.d.ts +29 -0
  186. package/dist/hooks/useIndicatorFocusRing.d.ts.map +1 -0
  187. package/dist/hooks/useIndicatorFocusRing.js +97 -0
  188. package/dist/hooks/useStreamingText.d.ts +18 -3
  189. package/dist/hooks/useStreamingText.d.ts.map +1 -1
  190. package/dist/hooks/useStreamingText.js +47 -7
  191. package/dist/hooks/useTypeahead.d.ts +3 -2
  192. package/dist/hooks/useTypeahead.d.ts.map +1 -1
  193. package/dist/hooks/useTypeahead.js +19 -7
  194. package/dist/index.d.ts +1 -0
  195. package/dist/index.d.ts.map +1 -1
  196. package/dist/index.js +1 -0
  197. package/dist/theme/defineTheme.d.ts +16 -0
  198. package/dist/theme/defineTheme.d.ts.map +1 -1
  199. package/dist/theme/defineTheme.js +8 -0
  200. package/dist/theme/derivedVarRegistry.d.ts +8 -0
  201. package/dist/theme/derivedVarRegistry.d.ts.map +1 -1
  202. package/dist/theme/derivedVarRegistry.js +5 -0
  203. package/dist/theme/expandTypeScale.d.ts.map +1 -1
  204. package/dist/theme/expandTypeScale.js +17 -0
  205. package/dist/theme/generateThemeRules.d.ts.map +1 -1
  206. package/dist/theme/generateThemeRules.js +11 -0
  207. package/dist/theme/index.d.ts +1 -0
  208. package/dist/theme/index.d.ts.map +1 -1
  209. package/dist/utils/focusOutline.stylex.d.ts +107 -0
  210. package/dist/utils/focusOutline.stylex.d.ts.map +1 -0
  211. package/dist/utils/focusOutline.stylex.js +130 -0
  212. package/dist/utils/themeProps.d.ts +20 -1
  213. package/dist/utils/themeProps.d.ts.map +1 -1
  214. package/dist/utils/themeProps.js +8 -2
  215. package/locales/en.json +4 -0
  216. package/locales/pseudo.json +3 -0
  217. package/package.json +7 -2
  218. package/src/AlertDialog/AlertDialog.doc.mjs +16 -3
  219. package/src/AlertDialog/AlertDialog.test.tsx +208 -1
  220. package/src/AlertDialog/AlertDialog.tsx +21 -3
  221. package/src/Avatar/Avatar.doc.mjs +1 -1
  222. package/src/Avatar/Avatar.tsx +2 -28
  223. package/src/AvatarGroup/AvatarGroupOverflow.tsx +2 -9
  224. package/src/Banner/Banner.tsx +9 -6
  225. package/src/Breadcrumbs/BreadcrumbItem.tsx +16 -6
  226. package/src/Button/Button.tsx +21 -41
  227. package/src/Calendar/Calendar.tsx +2 -1
  228. package/src/Calendar/styles.ts +0 -8
  229. package/src/Carousel/Carousel.doc.mjs +3 -0
  230. package/src/Chat/ChatLayoutScrollButton.test.tsx +22 -0
  231. package/src/Chat/ChatLayoutScrollButton.tsx +1 -0
  232. package/src/Chat/ChatToolCalls.test.tsx +35 -0
  233. package/src/Chat/ChatToolCalls.tsx +36 -16
  234. package/src/CheckboxInput/CheckboxInput.doc.mjs +4 -2
  235. package/src/CheckboxInput/CheckboxInput.test.tsx +83 -0
  236. package/src/CheckboxInput/CheckboxInput.tsx +44 -202
  237. package/src/ClickableCard/ClickableCard.tsx +6 -11
  238. package/src/CodeBlock/CodeBlock.doc.mjs +1 -0
  239. package/src/CodeBlock/CodeBlock.test.tsx +24 -0
  240. package/src/CodeBlock/CodeBlock.tsx +46 -76
  241. package/src/Collapsible/Collapsible.tsx +22 -18
  242. package/src/CommandPalette/CommandPalette.test.tsx +29 -0
  243. package/src/ComplexSelector/ComplexSelector.test.tsx +25 -0
  244. package/src/ComplexSelector/ComplexSelector.tsx +32 -18
  245. package/src/ContextMenu/ContextMenu.doc.mjs +1 -1
  246. package/src/ContextMenu/ContextMenu.test.tsx +21 -0
  247. package/src/DateInput/DateInput.doc.mjs +2 -1
  248. package/src/DateInput/DateInput.test.tsx +17 -0
  249. package/src/DateInput/DateInput.tsx +5 -1
  250. package/src/DateRangeInput/DateRangeInput.doc.mjs +1 -1
  251. package/src/DateRangeInput/DateRangeInput.test.tsx +24 -0
  252. package/src/DateRangeInput/DateRangeInput.tsx +1 -0
  253. package/src/DateTimeInput/DateTimeInput.doc.mjs +2 -2
  254. package/src/DateTimeInput/DateTimeInput.test.tsx +19 -0
  255. package/src/DateTimeInput/DateTimeInput.tsx +1 -0
  256. package/src/Dialog/Dialog.tsx +2 -9
  257. package/src/DropdownMenu/DropdownMenu.doc.mjs +2 -7
  258. package/src/DropdownMenu/DropdownMenu.test.tsx +286 -4
  259. package/src/DropdownMenu/DropdownMenu.tsx +91 -35
  260. package/src/DropdownMenu/DropdownMenuCheckboxItem.tsx +27 -30
  261. package/src/DropdownMenu/DropdownMenuItem.doc.mjs +24 -4
  262. package/src/DropdownMenu/DropdownMenuItem.tsx +33 -6
  263. package/src/DropdownMenu/DropdownMenuRadioItem.tsx +30 -76
  264. package/src/DropdownMenu/DropdownMenuSelectable.test.tsx +25 -19
  265. package/src/DropdownMenu/DropdownMenuSubMenu.test.tsx +44 -14
  266. package/src/DropdownMenu/renderDropdownItems.tsx +17 -19
  267. package/src/Icon/Icon.doc.mjs +2 -1
  268. package/src/Indicator/CheckIndicator.tsx +119 -0
  269. package/src/Indicator/CheckboxIndicator.tsx +251 -0
  270. package/src/Indicator/Indicator.doc.mjs +278 -0
  271. package/src/Indicator/Indicator.test.tsx +145 -0
  272. package/src/Indicator/RadioIndicator.tsx +196 -0
  273. package/src/Indicator/index.ts +42 -0
  274. package/src/Indicator/indicator.markers.stylex.ts +19 -0
  275. package/src/Indicator/indicatorRegistry.ts +72 -0
  276. package/src/Indicator/types.ts +158 -0
  277. package/src/Indicator/useIndicator.ts +29 -0
  278. package/src/Item/Item.doc.mjs +1 -1
  279. package/src/Item/Item.tsx +7 -14
  280. package/src/Link/Link.tsx +4 -11
  281. package/src/MoreMenu/MoreMenu.test.tsx +28 -1
  282. package/src/MultiSelector/MultiSelector.doc.mjs +2 -0
  283. package/src/MultiSelector/MultiSelector.test.tsx +93 -5
  284. package/src/MultiSelector/MultiSelector.tsx +36 -21
  285. package/src/NumberInput/NumberInput.doc.mjs +2 -2
  286. package/src/NumberInput/NumberInput.test.tsx +79 -0
  287. package/src/NumberInput/NumberInput.tsx +6 -2
  288. package/src/Outline/Outline.tsx +2 -5
  289. package/src/Pagination/Pagination.doc.mjs +1 -1
  290. package/src/Pagination/Pagination.tsx +2 -9
  291. package/src/PowerSearch/PowerSearchEditPopover.test.tsx +42 -0
  292. package/src/PowerSearch/PowerSearchEditPopover.tsx +7 -0
  293. package/src/ProgressBar/ProgressBar.doc.mjs +1 -1
  294. package/src/RadioList/RadioList.doc.mjs +4 -2
  295. package/src/RadioList/RadioListItem.tsx +31 -130
  296. package/src/Resizable/ResizeHandle.tsx +2 -9
  297. package/src/SegmentedControl/SegmentedControlItem.tsx +2 -9
  298. package/src/SelectableCard/SelectableCard.tsx +4 -9
  299. package/src/Selector/Selector.doc.mjs +5 -3
  300. package/src/Selector/Selector.test.tsx +835 -15
  301. package/src/Selector/Selector.tsx +183 -83
  302. package/src/Selector/hooks.ts +77 -50
  303. package/src/SideNav/SideNav.test.tsx +46 -0
  304. package/src/SideNav/SideNav.tsx +1 -0
  305. package/src/SideNav/SideNavCollapseButton.tsx +15 -10
  306. package/src/SideNav/SideNavHeading.tsx +48 -10
  307. package/src/SideNav/SideNavItem.tsx +20 -12
  308. package/src/TabList/Tab.tsx +2 -9
  309. package/src/TabList/TabMenu.tsx +14 -21
  310. package/src/Table/BaseTable.tsx +11 -0
  311. package/src/Table/index.ts +1 -4
  312. package/src/Table/plugins/groupedRows/useTableGroupedRows.tsx +30 -14
  313. package/src/Table/plugins/rowExpansion/index.ts +1 -4
  314. package/src/Table/plugins/rowExpansion/useTableRowExpansion.test.tsx +125 -175
  315. package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +110 -452
  316. package/src/Table/plugins/sortable/useTableSortable.tsx +2 -6
  317. package/src/Table/plugins/tree/useTableTreeData.tsx +43 -24
  318. package/src/Table/tableContextMenu.test.tsx +27 -0
  319. package/src/Table/tableContextMenu.tsx +1 -0
  320. package/src/Table/types.ts +11 -0
  321. package/src/Table/useTableGroupedRows.doc.mjs +1 -1
  322. package/src/Table/useTableRowExpansion.doc.mjs +43 -66
  323. package/src/TextArea/TextArea.doc.mjs +26 -2
  324. package/src/TextArea/TextArea.test.tsx +74 -0
  325. package/src/TextArea/TextArea.tsx +14 -3
  326. package/src/TextInput/TextInput.doc.mjs +2 -2
  327. package/src/TextInput/TextInput.test.tsx +77 -0
  328. package/src/TextInput/TextInput.tsx +6 -2
  329. package/src/Thumbnail/Thumbnail.tsx +2 -9
  330. package/src/TimeInput/TimeInput.doc.mjs +2 -2
  331. package/src/TimeInput/TimeInput.test.tsx +30 -3
  332. package/src/TimeInput/TimeInput.tsx +5 -1
  333. package/src/Timestamp/TimestampHoverCard.tsx +13 -35
  334. package/src/Token/Token.tsx +5 -28
  335. package/src/Tokenizer/Tokenizer.doc.mjs +2 -2
  336. package/src/Tokenizer/Tokenizer.test.tsx +45 -3
  337. package/src/Tokenizer/Tokenizer.tsx +10 -2
  338. package/src/TopNav/TopNavHeading.tsx +42 -13
  339. package/src/TopNav/TopNavItem.tsx +3 -21
  340. package/src/TopNav/TopNavMegaMenu.tsx +32 -24
  341. package/src/TopNav/TopNavMegaMenuItem.tsx +2 -9
  342. package/src/TopNav/TopNavMenu.tsx +33 -32
  343. package/src/TreeList/TreeList.doc.mjs +5 -0
  344. package/src/TreeList/TreeList.test.tsx +206 -7
  345. package/src/TreeList/TreeList.tsx +22 -0
  346. package/src/TreeList/TreeListBranches.tsx +25 -2
  347. package/src/TreeList/TreeListItem.tsx +89 -52
  348. package/src/Typeahead/BaseTypeahead.tsx +17 -1
  349. package/src/Typeahead/Typeahead.doc.mjs +1 -0
  350. package/src/Typeahead/Typeahead.test.tsx +76 -3
  351. package/src/hooks/index.ts +4 -0
  352. package/src/hooks/useClipboard.doc.mjs +86 -0
  353. package/src/hooks/useClipboard.test.tsx +151 -0
  354. package/src/hooks/useClipboard.ts +135 -0
  355. package/src/hooks/useIndicatorFocusRing.tsx +121 -0
  356. package/src/hooks/useStreamingText.test.ts +46 -1
  357. package/src/hooks/useStreamingText.ts +49 -7
  358. package/src/hooks/useTypeahead.test.tsx +150 -0
  359. package/src/hooks/useTypeahead.ts +24 -9
  360. package/src/index.ts +1 -0
  361. package/src/theme/defineTheme.ts +24 -0
  362. package/src/theme/derivedVarRegistry.test.ts +8 -0
  363. package/src/theme/derivedVarRegistry.ts +15 -0
  364. package/src/theme/expandTypeScale.test.ts +43 -0
  365. package/src/theme/expandTypeScale.ts +17 -0
  366. package/src/theme/generateThemeRules.test.ts +21 -0
  367. package/src/theme/generateThemeRules.ts +11 -0
  368. package/src/theme/index.ts +13 -0
  369. package/src/utils/focusOutline.stylex.ts +163 -0
  370. package/src/utils/themeProps.ts +26 -4
  371. package/dist/CheckboxInput/checkbox.markers.stylex.d.ts +0 -9
  372. package/dist/CheckboxInput/checkbox.markers.stylex.d.ts.map +0 -1
  373. package/dist/CheckboxInput/checkbox.markers.stylex.js +0 -14
  374. package/dist/RadioList/radio.markers.stylex.d.ts +0 -7
  375. package/dist/RadioList/radio.markers.stylex.d.ts.map +0 -1
  376. package/dist/RadioList/radio.markers.stylex.js +0 -12
  377. package/src/CheckboxInput/checkbox.markers.stylex.ts +0 -12
  378. package/src/RadioList/radio.markers.stylex.ts +0 -10
@@ -22,7 +22,8 @@ export interface AlertDialogProps extends BaseProps<HTMLDialogElement> {
22
22
  isOpen: boolean;
23
23
  /**
24
24
  * Renders alert dialog content inline without modal behavior.
25
- * For documentation previews and showcases only.
25
+ * For documentation previews and showcases only. The inline path is not a
26
+ * modal, so it renders `role="group"` rather than `role="alertdialog"`.
26
27
  * @default false
27
28
  */
28
29
  isInline?: boolean;
@@ -73,9 +74,16 @@ export interface AlertDialogProps extends BaseProps<HTMLDialogElement> {
73
74
  /**
74
75
  * A confirmation dialog for destructive or irreversible actions.
75
76
  *
77
+ * Implements the WAI-ARIA APG Alert Dialog pattern:
78
+ * https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
79
+ *
76
80
  * Uses `role="alertdialog"` and requires explicit user action to dismiss.
77
81
  * Cannot be dismissed by clicking outside. Escape key triggers cancel.
78
- * Initial focus goes to the cancel button (least destructive action).
82
+ * Initial focus goes to the cancel button (least destructive action), pinned
83
+ * with `data-autofocus` so it survives any change to the footer's order.
84
+ *
85
+ * The `isInline` preview path is not modal, so it renders `role="group"`
86
+ * instead — the alertdialog role would promise modality it does not have.
79
87
  *
80
88
  * @example
81
89
  * ```
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,OAAO,EAAS,KAAK,aAAa,EAAC,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAK5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAE3C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,WAAW,EAAE,oBAAoB,EACjC,WAAW,EACX,aAA6B,EAC7B,eAAe,EACf,QAAQ,EACR,KAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAwDlB;yBA1Ee,WAAW"}
1
+ {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,OAAO,EAAS,KAAK,aAAa,EAAC,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAK5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAE3C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,WAAW,EAAE,oBAAoB,EACjC,WAAW,EACX,aAA6B,EAC7B,eAAe,EACf,QAAQ,EACR,KAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAkElB;yBApFe,WAAW"}
@@ -31,9 +31,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
31
31
  /**
32
32
  * A confirmation dialog for destructive or irreversible actions.
33
33
  *
34
+ * Implements the WAI-ARIA APG Alert Dialog pattern:
35
+ * https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
36
+ *
34
37
  * Uses `role="alertdialog"` and requires explicit user action to dismiss.
35
38
  * Cannot be dismissed by clicking outside. Escape key triggers cancel.
36
- * Initial focus goes to the cancel button (least destructive action).
39
+ * Initial focus goes to the cancel button (least destructive action), pinned
40
+ * with `data-autofocus` so it survives any change to the footer's order.
41
+ *
42
+ * The `isInline` preview path is not modal, so it renders `role="group"`
43
+ * instead — the alertdialog role would promise modality it does not have.
37
44
  *
38
45
  * @example
39
46
  * ```
@@ -80,8 +87,14 @@ export function AlertDialog({
80
87
  isInline: isInline,
81
88
  onOpenChange: onOpenChange,
82
89
  width: width,
83
- purpose: "form",
84
- role: "alertdialog",
90
+ purpose: "form"
91
+ // `alertdialog` is a modal role: it promises an interruption the user
92
+ // has to deal with, a focus trap, and an inert page behind it. The
93
+ // inline path renders a plain always-present div with none of that, so
94
+ // the role would misdescribe it. `group` keeps the title and
95
+ // description associated with a container without claiming a dialog.
96
+ ,
97
+ role: isInline ? 'group' : 'alertdialog',
85
98
  "aria-labelledby": titleId,
86
99
  "aria-describedby": descriptionId,
87
100
  ...mergeProps(themeProps('alert-dialog'), {
@@ -111,6 +124,12 @@ export function AlertDialog({
111
124
  variant: "ghost",
112
125
  label: cancelLabel,
113
126
  onClick: handleCancel
127
+ // Dialog focuses [data-autofocus] itself after showModal(),
128
+ // because React's autoFocus runs during commit while the
129
+ // dialog is still invisible. Cancel is the least destructive
130
+ // choice, so it is the one that should be preselected.
131
+ ,
132
+ "data-autofocus": true
114
133
  }), /*#__PURE__*/_jsx(Button, {
115
134
  variant: actionVariant,
116
135
  label: actionLabel,
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAoC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAc5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA4BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AAsJD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AA6ED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAW,EACX,GAAG,EACH,MAAM,EACN,OAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BA2Pb;yBA9Qe,MAAM"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAoC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAe5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA4BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AA4HD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AA6ED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAW,EACX,GAAG,EACH,MAAM,EACN,OAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BA0Pb;yBA7Qe,MAAM"}
@@ -25,6 +25,7 @@ import { AvatarSizeContext } from "./AvatarSizeContext.js";
25
25
  import { useAvatarGroup } from "../AvatarGroup/AvatarGroupContext.js";
26
26
  import { mergeProps, mergeRefs } from "../utils/index.js";
27
27
  import { themeProps } from "../utils/themeProps.js";
28
+ import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
28
29
  import { useTooltip } from "../Tooltip/useTooltip.js";
29
30
  import { useLinkComponent } from "../Link/useLinkComponent.js";
30
31
  import { useTranslator } from "../i18n/index.js";
@@ -130,11 +131,6 @@ const styles = {
130
131
  kVAEAm: "x10l6tqk",
131
132
  $$css: true
132
133
  },
133
- focusable: {
134
- kI3sdo: "x17nn4n9",
135
- kInvED: "x1wfwxd8 x7s97pk",
136
- $$css: true
137
- },
138
134
  interactive: {
139
135
  kysU6D: "xjyslct",
140
136
  kmVPX3: "x1717udv",
@@ -147,10 +143,6 @@ const styles = {
147
143
  kybGjl: "x1hl2dhg",
148
144
  kkrTdU: "x1ypdohk",
149
145
  kaIpWk: "xjspbzw",
150
- kMeerF: "x1k57tk5 x784prv",
151
- k3XXqK: "x1t137rt x9v5kkp",
152
- kjBf7l: "xzunyri",
153
- kInvED: "x1wfwxd8 x7s97pk",
154
146
  $$css: true
155
147
  }
156
148
  };
@@ -445,7 +437,7 @@ export function Avatar({
445
437
  // `<a>`/`<button>` and the static `<div>` carry the exact same box.
446
438
  const rootStylexProps = mergeProps(themeProps('avatar', {
447
439
  size: resolvedSize
448
- }), stylex.props(styles.wrapper, isInteractive && styles.interactive, !isInteractive && showTooltip && !avatarGroup && styles.focusable, avatarGroup && groupStyles.ring, avatarGroup && groupStyles.overlap, avatarGroup && groupDynamicStyles.overlap(-avatarGroup.overlap), xstyle), className, style);
440
+ }), focusOutlineProps.focusVisible(styles.wrapper, isInteractive && styles.interactive, avatarGroup && groupStyles.ring, avatarGroup && groupStyles.overlap, avatarGroup && groupDynamicStyles.overlap(-avatarGroup.overlap), xstyle), className, style);
449
441
  let rootElement;
450
442
 
451
443
  // `props` is typed for the default `<div>` root (its event handlers are
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAW5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,WAAW,CAAC,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4ED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,SAAS,CA0DtC;yBAnEe,mBAAmB"}
1
+ {"version":3,"file":"AvatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAW5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,WAAW,CAAC,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,SAAS,CA0DtC;yBAnEe,mBAAmB"}
@@ -19,6 +19,7 @@ import { colorVars, typographyVars, fontWeightVars, radiusVars, spacingVars } fr
19
19
  import { mergeProps } from "../utils/index.js";
20
20
  import { useAvatarGroup } from "./AvatarGroupContext.js";
21
21
  import { themeProps } from "../utils/themeProps.js";
22
+ import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
22
23
  import { useTranslator } from "../i18n/index.js";
23
24
  import { jsx as _jsx } from "react/jsx-runtime";
24
25
  const BORDER_WIDTH = 2;
@@ -47,8 +48,6 @@ const styles = {
47
48
  kkrTdU: "x1ypdohk",
48
49
  k8WAf4: "xt970qd",
49
50
  kKwaWg: "x14bno8m xbfmc0r x1nocapi",
50
- kI3sdo: "x1a2a7pz x17nn4n9",
51
- kInvED: "x7s97pk",
52
51
  $$css: true
53
52
  },
54
53
  overlap: {
@@ -122,7 +121,7 @@ export function AvatarGroupOverflow({
122
121
  ...rest,
123
122
  "aria-label": label,
124
123
  "data-avatar-item": "",
125
- ...mergeProps(themeProps('avatar-group-overflow'), stylex.props(styles.base, styles.button, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
124
+ ...mergeProps(themeProps('avatar-group-overflow'), focusOutlineProps.focusVisible(styles.base, styles.button, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
126
125
  children: content
127
126
  });
128
127
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgB5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAMjE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+KD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCAmJb;yBApKe,MAAM"}
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgB5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAMjE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgLD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCAqJb;yBAtKe,MAAM"}
@@ -137,6 +137,16 @@ const styles = {
137
137
  keTefX: "xvc5jky",
138
138
  kqGvvJ: "x81ka23",
139
139
  $$css: true
140
+ },
141
+ chevron: {
142
+ k1ekBW: "x11xpdln",
143
+ kIyJzY: "xuedmi6 x12w9bfk",
144
+ kAMwcw: "xlr8y92",
145
+ $$css: true
146
+ },
147
+ chevronExpanded: {
148
+ k3aq6I: "x19jd1h0",
149
+ $$css: true
140
150
  }
141
151
  };
142
152
  const statusStyles = {
@@ -324,20 +334,11 @@ export function Banner({
324
334
  size: "sm",
325
335
  label: isExpanded ? t('@astryx.banner.collapse') : t('@astryx.banner.expand'),
326
336
  tooltip: isExpanded ? t('@astryx.banner.collapse') : t('@astryx.banner.expand'),
327
- icon: /*#__PURE__*/_jsx("span", {
328
- ...{
329
- 0: {
330
- className: "x3nfvp2 x11xpdln xuedmi6 x12w9bfk xlr8y92"
331
- },
332
- 1: {
333
- className: "x3nfvp2 x11xpdln xuedmi6 x12w9bfk xlr8y92 x19jd1h0"
334
- }
335
- }[!!isExpanded << 0],
336
- children: /*#__PURE__*/_jsx(Icon, {
337
- icon: "chevronDown",
338
- size: "sm",
339
- color: "inherit"
340
- })
337
+ icon: /*#__PURE__*/_jsx(Icon, {
338
+ icon: "chevronDown",
339
+ size: "sm",
340
+ color: "inherit",
341
+ xstyle: [styles.chevron, isExpanded && styles.chevronExpanded]
341
342
  }),
342
343
  onClick: handleToggleExpand,
343
344
  "aria-expanded": isExpanded,
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/BreadcrumbItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAM7C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAMrE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AA8GD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,mBAAmB,qBAoMrB;yBAnNe,cAAc"}
1
+ {"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/BreadcrumbItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAM7C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAMrE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAmHD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,mBAAmB,qBAoMrB;yBAnNe,cAAc"}
@@ -29,7 +29,7 @@ import { BreadcrumbContext } from "./Breadcrumbs.js";
29
29
  import { useLinkComponent } from "../Link/useLinkComponent.js";
30
30
  import { mergeProps, mergeRefs } from "../utils/index.js";
31
31
  import { themeProps } from "../utils/themeProps.js";
32
- import { useIcon } from "../Icon/index.js";
32
+ import { Icon } from "../Icon/index.js";
33
33
  import { usePopover } from "../Popover/usePopover.js";
34
34
  import { useListFocus } from "../hooks/useListFocus.js";
35
35
  import { useTypeahead } from "../hooks/useTypeahead.js";
@@ -64,6 +64,15 @@ const itemStyles = {
64
64
  kGuDYH: "x141an7d",
65
65
  kLWn49: "x1ltkj2j",
66
66
  $$css: true
67
+ },
68
+ chevron: {
69
+ k1xSpc: "x78zum5",
70
+ kGNEyG: "x6s0dn4",
71
+ kmuXW: "x2lah0s",
72
+ kzqmXN: "x5livx5",
73
+ kZKoxP: "x15rwvks",
74
+ kGuDYH: "x141an7d",
75
+ $$css: true
67
76
  }
68
77
  };
69
78
  const menuStyles = {
@@ -312,7 +321,6 @@ function BreadcrumbMenuTrigger({
312
321
  // wrapper would announce an unnamed dialog around the menu.
313
322
  role: 'none'
314
323
  });
315
- const chevronDownIcon = useIcon('chevronDown');
316
324
  const closeMenu = useCallback(() => {
317
325
  popover.hide();
318
326
  }, [popover]);
@@ -403,12 +411,17 @@ function BreadcrumbMenuTrigger({
403
411
  className: "x78zum5 x6s0dn4 xzye2dw xu0wf1k x1hl2dhg x4ohgrr x1ypdohk x1717udv x1ghz6dp xln7xf2 xv1l7n4"
404
412
  }
405
413
  }[!!isSupporting << 0],
406
- children: [children, /*#__PURE__*/_jsx("span", {
407
- "aria-hidden": "true",
408
- ...{
409
- className: "x78zum5 x6s0dn4 x2lah0s x141an7d"
410
- },
411
- children: chevronDownIcon
414
+ children: [children, /*#__PURE__*/_jsx(Icon, {
415
+ icon: "chevronDown"
416
+ // 0.75rem — the 12px supporting-text box the bare glyph already
417
+ // rendered at; `itemStyles.chevron` keeps that box on the token.
418
+ ,
419
+ size: "xsm"
420
+ // The chevron reads as part of the link label, so it takes the
421
+ // trigger's link color rather than an icon color.
422
+ ,
423
+ color: "inherit",
424
+ xstyle: itemStyles.chevron
412
425
  })]
413
426
  }), popover.render(/*#__PURE__*/_jsx("div", {
414
427
  ref: listRef,
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
@@ -30,6 +30,7 @@ import { useButtonGroup } from "../ButtonGroup/ButtonGroupContext.js";
30
30
  import { mergeProps, mergeRefs } from "../utils/index.js";
31
31
  import { useLinkComponent } from "../Link/useLinkComponent.js";
32
32
  import { themeProps } from "../utils/themeProps.js";
33
+ import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
33
34
  import { useTranslator } from "../i18n/index.js";
34
35
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
35
36
  /**
@@ -39,6 +40,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
39
40
  */
40
41
  const styles = {
41
42
  base: {
43
+ "--button-focus-offset": "xkzo27j",
44
+ kInvED: "x1wfwxd8 x13aywxo",
42
45
  kVAEAm: "x1n2onr6",
43
46
  k1xSpc: "x3nfvp2",
44
47
  kGNEyG: "x6s0dn4",
@@ -178,43 +181,32 @@ const elevationStyles = {
178
181
  * Variant styles using backgroundImage for layered colors
179
182
  * Pseudo-classes are nested within properties per StyleX recommendation
180
183
  * Overlay is stacked on top of base color using multiple linear-gradients
181
- * Focus outline color matches variant (destructive uses negative color)
184
+ * Focus outline is shared across variants for consistent keyboard affordance.
182
185
  */
183
186
  const variants = {
184
187
  primary: {
185
188
  kWkggS: "x1ewilqj",
186
189
  kMwMTN: "x17wrial",
187
190
  kKwaWg: "x1ilzqfv xq8i9tn",
188
- kI3sdo: "x17nn4n9",
189
- "--button-focus-offset": "xkzo27j",
190
- kInvED: "x1wfwxd8 x13aywxo",
191
191
  $$css: true
192
192
  },
193
193
  secondary: {
194
194
  kWkggS: "x17x4s8c",
195
195
  kMwMTN: "x1tgivj0",
196
196
  kKwaWg: "x1ilzqfv xq8i9tn",
197
- kI3sdo: "x17nn4n9",
198
- "--button-focus-offset": "xkzo27j",
199
- kInvED: "x1wfwxd8 x13aywxo",
200
197
  $$css: true
201
198
  },
202
199
  ghost: {
203
200
  kWkggS: "xjbqb8w",
204
201
  kMwMTN: "x1tgivj0",
205
202
  kKwaWg: "x1ilzqfv xq8i9tn",
206
- kI3sdo: "x17nn4n9",
207
- "--button-focus-offset": "xkzo27j",
208
- kInvED: "x1wfwxd8 x13aywxo",
209
203
  $$css: true
210
204
  },
211
205
  destructive: {
212
206
  kWkggS: "x1pjz0fi",
213
207
  kMwMTN: "x1m024r3",
208
+ kjBf7l: "x1e0x2sz",
214
209
  kKwaWg: "x1ilzqfv xq8i9tn",
215
- kI3sdo: "x1p73he7",
216
- "--button-focus-offset": "xkzo27j",
217
- kInvED: "x1wfwxd8 x13aywxo",
218
210
  $$css: true
219
211
  }
220
212
  };
@@ -442,10 +434,14 @@ export function Button({
442
434
  } : null;
443
435
 
444
436
  // Shared StyleX props for both button and link rendering
445
- const sharedStylexProps = stylex.props(styles.base, sizeStyles[size], variants[variant], isIconOnly && styles.iconOnly, buttonDisabled && styles.disabled, useAriaDisabled && styles.ariaDisabled, renderAsLink && styles.link, !buttonGroup && styles.pressable, buttonGroup && (buttonGroup.orientation === 'horizontal' ? groupStyles.horizontal : groupStyles.vertical), buttonGroup && (variant === 'primary' || variant === 'destructive') && (buttonGroup.orientation === 'horizontal' ? groupStyles.onSolidHorizontal : groupStyles.onSolidVertical),
437
+ const sharedStylexProps = focusOutlineProps.focusVisible(styles.base, sizeStyles[size], isIconOnly && styles.iconOnly, buttonDisabled && styles.disabled, useAriaDisabled && styles.ariaDisabled, renderAsLink && styles.link, !buttonGroup && styles.pressable, buttonGroup && (buttonGroup.orientation === 'horizontal' ? groupStyles.horizontal : groupStyles.vertical), buttonGroup && (variant === 'primary' || variant === 'destructive') && (buttonGroup.orientation === 'horizontal' ? groupStyles.onSolidHorizontal : groupStyles.onSolidVertical),
446
438
  // Standalone floating buttons only — a grouped button's elevation is owned
447
439
  // by the ButtonGroup so the shared surface lifts as one unit.
448
- !buttonGroup && elevationStyles[elevation], width != null && dynamicStyles.width(width), xstyle);
440
+ !buttonGroup && elevationStyles[elevation], width != null && dynamicStyles.width(width),
441
+ // AFTER the shared focus outline: the outline supplies width/style/offset
442
+ // for every variant, and `destructive` re-colors just the ring to match
443
+ // its own surface. Ordering is the mechanism — StyleX is last-wins.
444
+ variants[variant], xstyle);
449
445
  const sharedMergedProps = mergeProps(themeProps('button', {
450
446
  variant,
451
447
  size
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA8C5C,YAAY,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAC;AAK5B,+CAA+C;AAE/C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAID,UAAU,iBAAkB,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,cAAc,CAC5B;IACC,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAID,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IAEd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAMrE;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAC,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BA+VtD;yBA/Ve,QAAQ"}
1
+ {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA+C5C,YAAY,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAC;AAK5B,+CAA+C;AAE/C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAID,UAAU,iBAAkB,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,cAAc,CAC5B;IACC,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAID,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IAEd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAMrE;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAC,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BA+VtD;yBA/Ve,QAAQ"}
@@ -25,6 +25,7 @@ import { useCalendarDays, useCalendarConstraints } from "./hooks/index.js";
25
25
  import { calendarStyles, monthGridStyles, dayCellStyles, dayCellTheme } from "./styles.js";
26
26
  import { plainDateFromISO, plainDateToISO, plainDateToDate, plainDateToday, plainDateSetFirstOfMonth, plainDateAddMonths, plainDateAddDays, plainDateIsBefore, plainDateIsEqual, plainDateGetWeekNumber, plainDateFormat, DATE_FORMAT_WITH_WEEKDAY, DATE_FORMAT_MONTH_YEAR } from "../utils/plainDate.js";
27
27
  import { mergeProps, composeEventHandlers, rtlStyles } from "../utils/index.js";
28
+ import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
28
29
  import { computeDayCellState, computeRangeRounding, computePreviewRounding, computeDayNeighborContinuity, isEndpoint } from "./dayCellUtils.js";
29
30
 
30
31
  // =============================================================================
@@ -768,7 +769,7 @@ function DayCell({
768
769
  // `marker` mirrors the StyleX conditions below exactly, preserving
769
770
  // the default rendering.
770
771
  marker: markerState
771
- }), stylex.props(dayCellStyles.day, dayCellTheme.day, isOutside && dayCellStyles.dayOutside, isOutside && dayCellTheme.dayOutside, showsTodayRing && dayCellStyles.dayToday, showsTodayRing && dayCellTheme.dayToday, showsTodayInRangeRing && dayCellStyles.dayTodayInRange, showsTodayInRangeRing && dayCellTheme.dayTodayInRange, endpoint && dayCellStyles.daySelected, endpoint && dayCellTheme.daySelected, state.effectivelyDisabled && dayCellStyles.dayDisabled, state.effectivelyDisabled && dayCellTheme.dayDisabled)),
772
+ }), focusOutlineProps.focusVisible(dayCellStyles.day, dayCellTheme.day, isOutside && dayCellStyles.dayOutside, isOutside && dayCellTheme.dayOutside, showsTodayRing && dayCellStyles.dayToday, showsTodayRing && dayCellTheme.dayToday, showsTodayInRangeRing && dayCellStyles.dayTodayInRange, showsTodayInRangeRing && dayCellTheme.dayTodayInRange, endpoint && dayCellStyles.daySelected, endpoint && dayCellTheme.daySelected, state.effectivelyDisabled && dayCellStyles.dayDisabled, state.effectivelyDisabled && dayCellTheme.dayDisabled)),
772
773
  children: dayNumber
773
774
  })]
774
775
  });
@@ -198,8 +198,6 @@ export declare const dayCellTheme: Readonly<{
198
198
  readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", {
199
199
  readonly '@media (hover: hover)': `linear-gradient(${stylex.StyleXVar<"light-dark(#0536590C, #FFFFFF0C)">}, ${stylex.StyleXVar<"light-dark(#0536590C, #FFFFFF0C)">})`;
200
200
  } | null>;
201
- readonly outline: stylex.StyleXClassNameFor<"outline", `2px solid ${stylex.StyleXVar<"light-dark(#0064E0, #2694FE)">}` | null>;
202
- readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "0" | "2px">;
203
201
  }>;
204
202
  readonly dayOutside: Readonly<{
205
203
  readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#4E606F, #AAAFB5)">;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAgB3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CzB,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC1B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GxB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEvB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAgB3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CzB,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC1B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GxB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DvB,CAAC"}
@@ -254,8 +254,6 @@ export const dayCellTheme = {
254
254
  kMwMTN: "x1tgivj0",
255
255
  kWkggS: "xjbqb8w",
256
256
  kKwaWg: "x1ilzqfv",
257
- kI3sdo: "x17nn4n9",
258
- kInvED: "x1wfwxd8 x7s97pk",
259
257
  $$css: true
260
258
  },
261
259
  dayOutside: {
@@ -1 +1 @@
1
- {"version":3,"file":"ChatLayoutScrollButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatLayoutScrollButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,SAAS,CAAC,cAAc,CAAC,EACzB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA2DD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,GAAG,EACH,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,qBA4B7B;yBArCe,sBAAsB"}
1
+ {"version":3,"file":"ChatLayoutScrollButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatLayoutScrollButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,SAAS,CAAC,cAAc,CAAC,EACzB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA2DD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,GAAG,EACH,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,qBA6B7B;yBAtCe,sBAAsB"}
@@ -102,6 +102,7 @@ export function ChatLayoutScrollButton({
102
102
  }),
103
103
  variant: "ghost",
104
104
  size: "md",
105
+ isIconOnly: !label,
105
106
  onClick: onClick,
106
107
  xstyle: [styles.button, label ? styles.buttonWithLabel : null],
107
108
  children: label ?? undefined
@@ -1 +1 @@
1
- {"version":3,"file":"ChatToolCalls.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatToolCalls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwB5C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AA0YD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAsJtD;yBAtJe,aAAa"}
1
+ {"version":3,"file":"ChatToolCalls.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatToolCalls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwB5C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AA0ZD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BA0JtD;yBA1Je,aAAa"}
@@ -45,6 +45,14 @@ const styles = {
45
45
  keoZOQ: "xtbrsbv",
46
46
  $$css: true
47
47
  },
48
+ chevronTransition: {
49
+ kmkexE: "x1ob6yzd x9kvfbb",
50
+ $$css: true
51
+ },
52
+ chevronExpanded: {
53
+ k3aq6I: "x19jd1h0",
54
+ $$css: true
55
+ },
48
56
  statusIcon: {
49
57
  kVAEAm: "x1n2onr6",
50
58
  k1xSpc: "x3nfvp2",
@@ -202,17 +210,13 @@ function CallRow({
202
210
  children: call.duration
203
211
  }), hasDetail && /*#__PURE__*/_jsx("span", {
204
212
  ...{
205
- 0: {
206
- className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd x9kvfbb xvc5jky"
207
- },
208
- 1: {
209
- className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd x9kvfbb xvc5jky x19jd1h0"
210
- }
211
- }[!!isDetailOpen << 0],
213
+ className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu xvc5jky"
214
+ },
212
215
  children: /*#__PURE__*/_jsx(Icon, {
213
216
  icon: "chevronDown",
214
217
  size: "xsm",
215
- color: "inherit"
218
+ color: "inherit",
219
+ xstyle: [styles.chevronTransition, isDetailOpen && styles.chevronExpanded]
216
220
  })
217
221
  })]
218
222
  });
@@ -386,17 +390,13 @@ export function ChatToolCalls(props) {
386
390
  })
387
391
  }), /*#__PURE__*/_jsx("span", {
388
392
  ...{
389
- 0: {
390
- className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd x9kvfbb"
391
- },
392
- 1: {
393
- className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd x9kvfbb x19jd1h0"
394
- }
395
- }[!!isExpanded << 0],
393
+ className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu"
394
+ },
396
395
  children: /*#__PURE__*/_jsx(Icon, {
397
396
  icon: "chevronDown",
398
397
  size: "xsm",
399
- color: "inherit"
398
+ color: "inherit",
399
+ xstyle: [styles.chevronTransition, isExpanded && styles.chevronExpanded]
400
400
  })
401
401
  })]
402
402
  }), /*#__PURE__*/_jsx("div", {
@@ -411,7 +411,7 @@ export function ChatToolCalls(props) {
411
411
  }[!!isExpanded << 0],
412
412
  children: /*#__PURE__*/_jsx("div", {
413
413
  ...{
414
- className: "xb3r6kr x2lwn1j"
414
+ className: "xb3r6kr x2lwn1j x7a5moj xtedp8i"
415
415
  },
416
416
  children: /*#__PURE__*/_jsx("div", {
417
417
  ...{
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAY3C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AA6JhD,QAAA,MAAM,iBAAiB;;;;;;;;;EASrB,CAAC;AAmCH,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACrE,wDAAwD;IACxD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAC7B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,OAAO,GAAG,eAAe,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,eAAe,EACf,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,IAAW,EACX,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,+BA0NpB;yBAnPe,aAAa"}
1
+ {"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAS3C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AA0DhD,QAAA,MAAM,iBAAiB;;;;;;;;;EASrB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACrE,wDAAwD;IACxD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAC7B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,OAAO,GAAG,eAAe,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,eAAe,EACf,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,IAAW,EACX,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAkMpB;yBA3Ne,aAAa"}