@astryxdesign/core 0.1.4-canary.cdee37b → 0.1.4-canary.cfe8ece

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 (473) hide show
  1. package/dist/AlertDialog/AlertDialog.d.ts +1 -1
  2. package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
  3. package/dist/AlertDialog/AlertDialog.js +18 -20
  4. package/dist/AlertDialog/useImperativeAlertDialog.js +3 -3
  5. package/dist/AppShell/AppShell.d.ts +1 -1
  6. package/dist/AppShell/AppShell.d.ts.map +1 -1
  7. package/dist/AppShell/AppShell.js +53 -55
  8. package/dist/AspectRatio/AspectRatio.d.ts +10 -48
  9. package/dist/AspectRatio/AspectRatio.d.ts.map +1 -1
  10. package/dist/AspectRatio/AspectRatio.js +12 -33
  11. package/dist/AspectRatio/index.d.ts +1 -1
  12. package/dist/AspectRatio/index.d.ts.map +1 -1
  13. package/dist/Avatar/Avatar.d.ts.map +1 -1
  14. package/dist/Avatar/Avatar.js +25 -27
  15. package/dist/Avatar/AvatarStatusDot.js +5 -5
  16. package/dist/AvatarGroup/AvatarGroup.js +5 -5
  17. package/dist/AvatarGroup/AvatarGroupOverflow.js +5 -5
  18. package/dist/Badge/Badge.js +3 -3
  19. package/dist/Banner/Banner.d.ts.map +1 -1
  20. package/dist/Banner/Banner.js +25 -32
  21. package/dist/Blockquote/Blockquote.js +7 -7
  22. package/dist/Breadcrumbs/BreadcrumbItem.js +17 -17
  23. package/dist/Breadcrumbs/Breadcrumbs.js +7 -7
  24. package/dist/Button/Button.js +19 -19
  25. package/dist/ButtonGroup/ButtonGroup.js +7 -7
  26. package/dist/Calendar/Calendar.js +44 -48
  27. package/dist/Calendar/dayCellUtils.d.ts.map +1 -1
  28. package/dist/Card/Card.d.ts +2 -4
  29. package/dist/Card/Card.d.ts.map +1 -1
  30. package/dist/Card/Card.js +10 -18
  31. package/dist/Carousel/Carousel.d.ts.map +1 -1
  32. package/dist/Carousel/Carousel.js +21 -23
  33. package/dist/Carousel/carousel.markers.stylex.d.ts +7 -0
  34. package/dist/Carousel/carousel.markers.stylex.d.ts.map +1 -0
  35. package/dist/Carousel/carousel.markers.stylex.js +12 -0
  36. package/dist/Center/Center.js +3 -3
  37. package/dist/Chat/ChatComposer.js +23 -23
  38. package/dist/Chat/ChatComposerDrawer.js +14 -14
  39. package/dist/Chat/ChatComposerInput.d.ts +1 -1
  40. package/dist/Chat/ChatComposerInput.d.ts.map +1 -1
  41. package/dist/Chat/ChatComposerInput.js +15 -27
  42. package/dist/Chat/ChatDictationButton.d.ts +1 -1
  43. package/dist/Chat/ChatDictationButton.d.ts.map +1 -1
  44. package/dist/Chat/ChatDictationButton.js +11 -13
  45. package/dist/Chat/ChatLayout.js +17 -17
  46. package/dist/Chat/ChatLayoutScrollButton.d.ts +1 -1
  47. package/dist/Chat/ChatLayoutScrollButton.d.ts.map +1 -1
  48. package/dist/Chat/ChatLayoutScrollButton.js +10 -12
  49. package/dist/Chat/ChatMessage.js +12 -12
  50. package/dist/Chat/ChatMessageBubble.js +7 -7
  51. package/dist/Chat/ChatMessageList.js +14 -14
  52. package/dist/Chat/ChatMessageMetadata.d.ts +1 -1
  53. package/dist/Chat/ChatMessageMetadata.d.ts.map +1 -1
  54. package/dist/Chat/ChatMessageMetadata.js +12 -14
  55. package/dist/Chat/ChatPastedTextToken.js +13 -13
  56. package/dist/Chat/ChatSendButton.js +3 -3
  57. package/dist/Chat/ChatSystemMessage.d.ts +1 -1
  58. package/dist/Chat/ChatSystemMessage.d.ts.map +1 -1
  59. package/dist/Chat/ChatSystemMessage.js +17 -17
  60. package/dist/Chat/ChatTokenizedText.d.ts +1 -1
  61. package/dist/Chat/ChatTokenizedText.d.ts.map +1 -1
  62. package/dist/Chat/ChatTokenizedText.js +15 -24
  63. package/dist/Chat/ChatToolCalls.js +73 -73
  64. package/dist/Chat/index.d.ts +1 -1
  65. package/dist/Chat/index.d.ts.map +1 -1
  66. package/dist/Chat/useTriggerMenu.d.ts.map +1 -1
  67. package/dist/Chat/useTriggerMenu.js +15 -15
  68. package/dist/CheckboxInput/CheckboxInput.d.ts +1 -1
  69. package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
  70. package/dist/CheckboxInput/CheckboxInput.js +23 -25
  71. package/dist/CheckboxList/CheckboxList.js +9 -9
  72. package/dist/CheckboxList/CheckboxListItem.d.ts +1 -1
  73. package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
  74. package/dist/CheckboxList/CheckboxListItem.js +6 -8
  75. package/dist/Citation/Citation.js +10 -10
  76. package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
  77. package/dist/ClickableCard/ClickableCard.js +9 -32
  78. package/dist/Code/Code.js +3 -3
  79. package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
  80. package/dist/CodeBlock/CodeBlock.js +50 -68
  81. package/dist/Collapsible/Collapsible.d.ts +1 -1
  82. package/dist/Collapsible/Collapsible.d.ts.map +1 -1
  83. package/dist/Collapsible/Collapsible.js +14 -13
  84. package/dist/Collapsible/CollapsibleGroup.d.ts +18 -16
  85. package/dist/Collapsible/CollapsibleGroup.d.ts.map +1 -1
  86. package/dist/Collapsible/CollapsibleGroup.js +36 -27
  87. package/dist/Collapsible/CollapsibleGroupContext.d.ts +9 -2
  88. package/dist/Collapsible/CollapsibleGroupContext.d.ts.map +1 -1
  89. package/dist/Collapsible/CollapsibleGroupContext.js +8 -1
  90. package/dist/Collapsible/index.d.ts +1 -1
  91. package/dist/Collapsible/index.d.ts.map +1 -1
  92. package/dist/Collapsible/useCollapsible.d.ts +1 -4
  93. package/dist/Collapsible/useCollapsible.d.ts.map +1 -1
  94. package/dist/Collapsible/useCollapsible.js +6 -20
  95. package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
  96. package/dist/CommandPalette/CommandPalette.js +34 -36
  97. package/dist/CommandPalette/CommandPaletteEmpty.js +3 -3
  98. package/dist/CommandPalette/CommandPaletteFooter.js +16 -16
  99. package/dist/CommandPalette/CommandPaletteGroup.js +5 -5
  100. package/dist/CommandPalette/CommandPaletteInput.js +13 -13
  101. package/dist/CommandPalette/CommandPaletteItem.js +3 -3
  102. package/dist/CommandPalette/CommandPaletteList.js +3 -3
  103. package/dist/ContextMenu/ContextMenu.d.ts +2 -7
  104. package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
  105. package/dist/ContextMenu/ContextMenu.js +43 -74
  106. package/dist/DateInput/DateInput.js +18 -18
  107. package/dist/DateRangeInput/DateRangeInput.js +21 -21
  108. package/dist/DateTimeInput/DateTimeInput.d.ts +2 -5
  109. package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
  110. package/dist/DateTimeInput/DateTimeInput.js +26 -28
  111. package/dist/DateTimeInput/index.d.ts +1 -1
  112. package/dist/DateTimeInput/index.d.ts.map +1 -1
  113. package/dist/Dialog/Dialog.js +9 -9
  114. package/dist/Dialog/DialogHeader.js +16 -16
  115. package/dist/Dialog/useImperativeDialog.js +3 -3
  116. package/dist/Divider/Divider.js +7 -7
  117. package/dist/DropdownMenu/DropdownMenu.js +10 -10
  118. package/dist/DropdownMenu/DropdownMenuItem.d.ts +17 -2
  119. package/dist/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
  120. package/dist/DropdownMenu/DropdownMenuItem.js +3 -3
  121. package/dist/DropdownMenu/renderDropdownItems.js +10 -10
  122. package/dist/EmptyState/EmptyState.js +9 -9
  123. package/dist/Field/Field.js +17 -17
  124. package/dist/Field/FieldLabel.js +15 -15
  125. package/dist/Field/InputClearButton.js +5 -5
  126. package/dist/FieldStatus/FieldStatus.js +3 -3
  127. package/dist/FileInput/FileInput.js +29 -29
  128. package/dist/FormLayout/FormLayout.js +5 -5
  129. package/dist/Grid/Grid.js +3 -3
  130. package/dist/Grid/GridSpan.js +3 -3
  131. package/dist/HStack/HStack.js +3 -3
  132. package/dist/Heading/Heading.js +10 -10
  133. package/dist/HoverCard/HoverCard.js +9 -9
  134. package/dist/HoverCard/useHoverCard.d.ts +1 -5
  135. package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
  136. package/dist/HoverCard/useHoverCard.js +3 -3
  137. package/dist/Icon/Icon.js +11 -11
  138. package/dist/Icon/defaultIcons.js +116 -116
  139. package/dist/IconButton/IconButton.js +3 -3
  140. package/dist/InputGroup/InputGroup.js +11 -11
  141. package/dist/InputGroup/InputGroupText.js +3 -3
  142. package/dist/Item/Item.js +18 -18
  143. package/dist/Kbd/Kbd.js +5 -5
  144. package/dist/Layer/LayerProvider.js +7 -7
  145. package/dist/Layer/useLayer.d.ts +2 -29
  146. package/dist/Layer/useLayer.d.ts.map +1 -1
  147. package/dist/Layer/useLayer.js +31 -44
  148. package/dist/Layout/Layout.js +21 -21
  149. package/dist/Layout/LayoutContent.js +3 -3
  150. package/dist/Layout/LayoutFooter.js +5 -5
  151. package/dist/Layout/LayoutHeader.js +5 -5
  152. package/dist/Layout/LayoutPanel.js +3 -3
  153. package/dist/Lightbox/Lightbox.js +29 -29
  154. package/dist/Lightbox/useLightbox.js +3 -3
  155. package/dist/Link/Link.js +15 -15
  156. package/dist/Link/LinkProvider.js +3 -3
  157. package/dist/Link/useLinkify.js +3 -3
  158. package/dist/List/List.js +11 -11
  159. package/dist/List/ListItem.js +11 -11
  160. package/dist/Markdown/Markdown.d.ts.map +1 -1
  161. package/dist/Markdown/Markdown.js +102 -102
  162. package/dist/MetadataList/MetadataList.js +10 -10
  163. package/dist/MetadataList/MetadataListItem.js +15 -15
  164. package/dist/MobileNav/MobileNav.d.ts +1 -1
  165. package/dist/MobileNav/MobileNav.d.ts.map +1 -1
  166. package/dist/MobileNav/MobileNav.js +23 -26
  167. package/dist/MobileNav/MobileNavToggle.js +5 -5
  168. package/dist/MoreMenu/MoreMenu.js +3 -3
  169. package/dist/MultiSelector/MultiSelector.js +56 -56
  170. package/dist/NavIcon/NavIcon.js +3 -3
  171. package/dist/NavMenu/NavHeadingMenu.js +5 -5
  172. package/dist/NavMenu/NavHeadingMenuItem.js +8 -8
  173. package/dist/NumberInput/NumberInput.js +16 -16
  174. package/dist/Outline/Outline.js +15 -15
  175. package/dist/OverflowList/OverflowList.js +8 -8
  176. package/dist/Overlay/Overlay.js +3 -3
  177. package/dist/Overlay/OverlayScrim.js +5 -5
  178. package/dist/Overlay/useOverlay.js +3 -3
  179. package/dist/Pagination/Pagination.d.ts +1 -1
  180. package/dist/Pagination/Pagination.d.ts.map +1 -1
  181. package/dist/Pagination/Pagination.js +38 -40
  182. package/dist/Popover/Popover.js +16 -16
  183. package/dist/Popover/usePopover.js +7 -7
  184. package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
  185. package/dist/PowerSearch/PowerSearch.js +92 -110
  186. package/dist/PowerSearch/PowerSearchEditPopover.js +84 -84
  187. package/dist/PowerSearch/PowerSearchFilterEditor.js +3 -3
  188. package/dist/PowerSearch/PowerSearchToken.js +5 -5
  189. package/dist/PowerSearch/PowerSearchValueEditor.js +54 -54
  190. package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
  191. package/dist/ProgressBar/ProgressBar.js +17 -23
  192. package/dist/RadioList/RadioList.js +7 -7
  193. package/dist/RadioList/RadioListItem.d.ts +1 -1
  194. package/dist/RadioList/RadioListItem.d.ts.map +1 -1
  195. package/dist/RadioList/RadioListItem.js +21 -24
  196. package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
  197. package/dist/Resizable/ResizeHandle.js +8 -18
  198. package/dist/Section/Section.js +5 -5
  199. package/dist/SegmentedControl/SegmentedControl.d.ts +1 -1
  200. package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  201. package/dist/SegmentedControl/SegmentedControl.js +10 -32
  202. package/dist/SegmentedControl/SegmentedControlItem.d.ts +1 -1
  203. package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
  204. package/dist/SegmentedControl/SegmentedControlItem.js +12 -18
  205. package/dist/SelectableCard/SelectableCard.js +5 -5
  206. package/dist/Selector/Selector.js +46 -46
  207. package/dist/Selector/SelectorOption.js +3 -3
  208. package/dist/SideNav/SideNav.js +34 -34
  209. package/dist/SideNav/SideNavCollapseButton.d.ts +1 -1
  210. package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
  211. package/dist/SideNav/SideNavCollapseButton.js +6 -8
  212. package/dist/SideNav/SideNavHeading.js +87 -87
  213. package/dist/SideNav/SideNavItem.js +42 -42
  214. package/dist/SideNav/SideNavSection.d.ts +1 -1
  215. package/dist/SideNav/SideNavSection.d.ts.map +1 -1
  216. package/dist/SideNav/SideNavSection.js +16 -18
  217. package/dist/Skeleton/Skeleton.js +3 -3
  218. package/dist/Slider/Slider.js +23 -23
  219. package/dist/Spinner/Spinner.js +9 -9
  220. package/dist/StatusDot/StatusDot.js +5 -5
  221. package/dist/Switch/Switch.d.ts +4 -8
  222. package/dist/Switch/Switch.d.ts.map +1 -1
  223. package/dist/Switch/Switch.js +29 -34
  224. package/dist/TabList/Tab.js +18 -18
  225. package/dist/TabList/TabList.js +5 -5
  226. package/dist/TabList/TabMenu.d.ts.map +1 -1
  227. package/dist/TabList/TabMenu.js +30 -57
  228. package/dist/TabList/tab.markers.stylex.d.ts +1 -1
  229. package/dist/Table/BaseTable.d.ts.map +1 -1
  230. package/dist/Table/BaseTable.js +37 -38
  231. package/dist/Table/Table.js +7 -7
  232. package/dist/Table/TableBody.d.ts +1 -1
  233. package/dist/Table/TableBody.d.ts.map +1 -1
  234. package/dist/Table/TableBody.js +5 -9
  235. package/dist/Table/TableCell.js +3 -3
  236. package/dist/Table/TableFooter.d.ts +1 -1
  237. package/dist/Table/TableFooter.d.ts.map +1 -1
  238. package/dist/Table/TableFooter.js +5 -9
  239. package/dist/Table/TableHeader.d.ts +1 -1
  240. package/dist/Table/TableHeader.d.ts.map +1 -1
  241. package/dist/Table/TableHeader.js +5 -9
  242. package/dist/Table/TableHeaderCell.js +3 -3
  243. package/dist/Table/TableRow.js +5 -5
  244. package/dist/Table/plugins/columnResize/useTableColumnResize.js +9 -9
  245. package/dist/Table/plugins/filtering/useTableFiltering.js +71 -71
  246. package/dist/Table/plugins/pagination/useTablePagination.js +7 -7
  247. package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +22 -22
  248. package/dist/Table/plugins/selection/useTableSelection.js +18 -18
  249. package/dist/Table/plugins/sortable/useTableSortable.js +17 -17
  250. package/dist/Table/tableContextMenu.js +9 -9
  251. package/dist/Text/Text.js +10 -10
  252. package/dist/TextArea/TextArea.js +14 -14
  253. package/dist/TextInput/TextInput.js +15 -15
  254. package/dist/Thumbnail/Thumbnail.js +29 -29
  255. package/dist/TimeInput/TimeInput.js +21 -21
  256. package/dist/Timestamp/Timestamp.d.ts +1 -1
  257. package/dist/Timestamp/Timestamp.d.ts.map +1 -1
  258. package/dist/Timestamp/Timestamp.js +26 -37
  259. package/dist/Toast/Toast.js +14 -14
  260. package/dist/Toast/ToastViewport.js +11 -11
  261. package/dist/Toast/useToast.d.ts.map +1 -1
  262. package/dist/Toast/useToast.js +4 -44
  263. package/dist/ToggleButton/ToggleButton.js +12 -12
  264. package/dist/ToggleButton/ToggleButtonGroup.js +5 -5
  265. package/dist/Token/Token.js +21 -21
  266. package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
  267. package/dist/Tokenizer/Tokenizer.js +34 -36
  268. package/dist/Toolbar/Toolbar.js +18 -18
  269. package/dist/Tooltip/Tooltip.js +11 -11
  270. package/dist/Tooltip/useTooltip.d.ts +1 -5
  271. package/dist/Tooltip/useTooltip.d.ts.map +1 -1
  272. package/dist/Tooltip/useTooltip.js +3 -3
  273. package/dist/TopNav/TopNav.js +32 -32
  274. package/dist/TopNav/TopNavHeading.js +67 -67
  275. package/dist/TopNav/TopNavItem.js +5 -5
  276. package/dist/TopNav/TopNavMegaMenu.js +30 -30
  277. package/dist/TopNav/TopNavMegaMenuFeaturedCard.d.ts +1 -1
  278. package/dist/TopNav/TopNavMegaMenuFeaturedCard.d.ts.map +1 -1
  279. package/dist/TopNav/TopNavMegaMenuFeaturedCard.js +14 -25
  280. package/dist/TopNav/TopNavMegaMenuItem.js +16 -16
  281. package/dist/TopNav/TopNavMenu.js +32 -32
  282. package/dist/TreeList/TreeList.js +8 -8
  283. package/dist/TreeList/TreeListBranches.js +11 -11
  284. package/dist/TreeList/TreeListItem.js +30 -30
  285. package/dist/Typeahead/BaseTypeahead.js +18 -18
  286. package/dist/Typeahead/Typeahead.js +12 -12
  287. package/dist/Typeahead/TypeaheadItem.js +10 -10
  288. package/dist/VStack/VStack.js +3 -3
  289. package/dist/astryx.css +0 -6
  290. package/dist/astryx.umd.js +60 -60
  291. package/dist/astryx.umd.js.map +4 -4
  292. package/dist/docs-types.d.ts +2 -8
  293. package/dist/docs-types.d.ts.map +1 -1
  294. package/dist/hooks/index.d.ts +0 -2
  295. package/dist/hooks/index.d.ts.map +1 -1
  296. package/dist/hooks/index.js +0 -1
  297. package/dist/hooks/useInteractiveRole.d.ts +2 -6
  298. package/dist/hooks/useInteractiveRole.d.ts.map +1 -1
  299. package/dist/hooks/useInteractiveRole.js +2 -6
  300. package/dist/hooks/useKeyboardHint.js +9 -9
  301. package/dist/hooks/useStreamingText.d.ts +1 -3
  302. package/dist/hooks/useStreamingText.d.ts.map +1 -1
  303. package/dist/hooks/useStreamingText.js +5 -14
  304. package/dist/theme/MediaTheme.js +3 -3
  305. package/dist/theme/Theme.js +7 -7
  306. package/dist/theme/syntax/SyntaxTheme.js +5 -5
  307. package/dist/theme/useTheme.d.ts +2 -3
  308. package/dist/theme/useTheme.d.ts.map +1 -1
  309. package/dist/theme/useTheme.js +6 -73
  310. package/dist/utils/index.d.ts +0 -1
  311. package/dist/utils/index.d.ts.map +1 -1
  312. package/dist/utils/index.js +0 -1
  313. package/package.json +3 -3
  314. package/src/AlertDialog/AlertDialog.doc.mjs +0 -4
  315. package/src/AlertDialog/AlertDialog.tsx +0 -2
  316. package/src/AppShell/AppShell.tsx +0 -2
  317. package/src/AspectRatio/AspectRatio.doc.mjs +1 -28
  318. package/src/AspectRatio/AspectRatio.test.tsx +1 -142
  319. package/src/AspectRatio/AspectRatio.tsx +10 -70
  320. package/src/AspectRatio/index.ts +1 -5
  321. package/src/Avatar/Avatar.test.tsx +1 -32
  322. package/src/Avatar/Avatar.tsx +20 -12
  323. package/src/AvatarGroup/AvatarGroup.doc.mjs +0 -1
  324. package/src/Banner/Banner.test.tsx +0 -38
  325. package/src/Banner/Banner.tsx +1 -8
  326. package/src/Calendar/Calendar.test.tsx +16 -31
  327. package/src/Calendar/Calendar.tsx +0 -3
  328. package/src/Calendar/dayCellUtils.ts +1 -3
  329. package/src/Card/Card.doc.mjs +1 -1
  330. package/src/Card/Card.tsx +6 -16
  331. package/src/Carousel/Carousel.tsx +2 -3
  332. package/src/Carousel/carousel.markers.stylex.ts +10 -0
  333. package/src/Chat/ChatComposerInput.test.tsx +1 -27
  334. package/src/Chat/ChatComposerInput.tsx +15 -20
  335. package/src/Chat/ChatDictationButton.tsx +4 -4
  336. package/src/Chat/ChatLayoutScrollButton.tsx +1 -3
  337. package/src/Chat/ChatMessageMetadata.tsx +6 -4
  338. package/src/Chat/ChatSystemMessage.test.tsx +11 -26
  339. package/src/Chat/ChatSystemMessage.tsx +7 -7
  340. package/src/Chat/ChatTokenizedText.test.tsx +16 -29
  341. package/src/Chat/ChatTokenizedText.tsx +8 -15
  342. package/src/Chat/index.ts +4 -1
  343. package/src/Chat/useTriggerMenu.tsx +4 -1
  344. package/src/CheckboxInput/CheckboxInput.test.tsx +4 -71
  345. package/src/CheckboxInput/CheckboxInput.tsx +0 -2
  346. package/src/CheckboxList/CheckboxList.test.tsx +0 -19
  347. package/src/CheckboxList/CheckboxListItem.tsx +2 -11
  348. package/src/ClickableCard/ClickableCard.tsx +2 -45
  349. package/src/CodeBlock/CodeBlock.test.tsx +1 -36
  350. package/src/CodeBlock/CodeBlock.tsx +1 -19
  351. package/src/Collapsible/Collapsible.doc.mjs +8 -8
  352. package/src/Collapsible/Collapsible.tsx +3 -2
  353. package/src/Collapsible/CollapsibleGroup.doc.mjs +9 -9
  354. package/src/Collapsible/CollapsibleGroup.test.tsx +31 -57
  355. package/src/Collapsible/CollapsibleGroup.tsx +37 -27
  356. package/src/Collapsible/CollapsibleGroupContext.tsx +11 -3
  357. package/src/Collapsible/index.ts +4 -1
  358. package/src/Collapsible/useCollapsible.ts +6 -20
  359. package/src/CommandPalette/CommandPalette.doc.mjs +0 -5
  360. package/src/CommandPalette/CommandPalette.tsx +3 -5
  361. package/src/ContextMenu/ContextMenu.test.tsx +0 -72
  362. package/src/ContextMenu/ContextMenu.tsx +28 -85
  363. package/src/DateInput/DateInput.test.tsx +20 -11
  364. package/src/DateRangeInput/DateRangeInput.test.tsx +44 -31
  365. package/src/DateTimeInput/DateTimeInput.doc.mjs +2 -3
  366. package/src/DateTimeInput/DateTimeInput.test.tsx +16 -48
  367. package/src/DateTimeInput/DateTimeInput.tsx +2 -6
  368. package/src/DateTimeInput/index.ts +0 -1
  369. package/src/Dialog/Dialog.doc.mjs +0 -4
  370. package/src/DropdownMenu/DropdownMenu.test.tsx +2 -22
  371. package/src/DropdownMenu/DropdownMenuItem.tsx +17 -5
  372. package/src/EmptyState/EmptyState.doc.mjs +1 -1
  373. package/src/Field/Field.test.tsx +4 -1
  374. package/src/Field/FieldLabel.test.tsx +2 -2
  375. package/src/HoverCard/HoverCard.doc.mjs +6 -6
  376. package/src/HoverCard/useHoverCard.doc.mjs +5 -5
  377. package/src/HoverCard/useHoverCard.tsx +2 -9
  378. package/src/Icon/Icon.test.tsx +20 -20
  379. package/src/InputGroup/InputGroup.doc.mjs +0 -1
  380. package/src/InputGroup/InputGroup.tsx +2 -2
  381. package/src/Item/Item.tsx +1 -1
  382. package/src/Layer/useLayer.doc.mjs +2 -2
  383. package/src/Layer/useLayer.test.tsx +2 -221
  384. package/src/Layer/useLayer.tsx +30 -69
  385. package/src/Markdown/Markdown.tsx +7 -9
  386. package/src/Markdown/parser.perf.test.ts +12 -34
  387. package/src/MobileNav/MobileNav.test.tsx +0 -56
  388. package/src/MobileNav/MobileNav.tsx +8 -13
  389. package/src/NumberInput/NumberInput.test.tsx +3 -3
  390. package/src/Outline/Outline.doc.mjs +0 -2
  391. package/src/Pagination/Pagination.test.tsx +0 -19
  392. package/src/Pagination/Pagination.tsx +3 -5
  393. package/src/Popover/Popover.doc.mjs +6 -6
  394. package/src/Popover/usePopover.doc.mjs +1 -1
  395. package/src/PowerSearch/PowerSearch.doc.mjs +2 -2
  396. package/src/PowerSearch/PowerSearch.test.tsx +1 -109
  397. package/src/PowerSearch/PowerSearch.tsx +16 -37
  398. package/src/ProgressBar/ProgressBar.doc.mjs +0 -2
  399. package/src/ProgressBar/ProgressBar.test.tsx +0 -20
  400. package/src/ProgressBar/ProgressBar.tsx +4 -10
  401. package/src/RadioList/RadioList.test.tsx +0 -19
  402. package/src/RadioList/RadioListItem.tsx +4 -9
  403. package/src/Resizable/ResizeHandle.test.tsx +1 -39
  404. package/src/Resizable/ResizeHandle.tsx +2 -12
  405. package/src/SegmentedControl/SegmentedControl.test.tsx +0 -192
  406. package/src/SegmentedControl/SegmentedControl.tsx +5 -27
  407. package/src/SegmentedControl/SegmentedControlItem.tsx +4 -9
  408. package/src/Selector/Selector.test.tsx +1 -27
  409. package/src/SideNav/SideNav.test.tsx +0 -46
  410. package/src/SideNav/SideNavCollapseButton.tsx +3 -4
  411. package/src/SideNav/SideNavSection.tsx +4 -6
  412. package/src/Switch/Switch.doc.mjs +7 -7
  413. package/src/Switch/Switch.test.tsx +3 -102
  414. package/src/Switch/Switch.tsx +7 -20
  415. package/src/TabList/TabList.test.tsx +1 -185
  416. package/src/TabList/TabMenu.tsx +9 -45
  417. package/src/Table/BaseTable.tsx +1 -2
  418. package/src/Table/Table.doc.mjs +0 -5
  419. package/src/Table/Table.test.tsx +0 -36
  420. package/src/Table/TableBody.tsx +2 -15
  421. package/src/Table/TableFooter.tsx +2 -15
  422. package/src/Table/TableHeader.tsx +2 -15
  423. package/src/TextArea/TextArea.test.tsx +3 -3
  424. package/src/TextInput/TextInput.test.tsx +3 -3
  425. package/src/Timestamp/Timestamp.test.tsx +0 -52
  426. package/src/Timestamp/Timestamp.tsx +16 -30
  427. package/src/Toast/useToast.tsx +0 -41
  428. package/src/Tokenizer/Tokenizer.test.tsx +0 -54
  429. package/src/Tokenizer/Tokenizer.tsx +4 -5
  430. package/src/Tooltip/Tooltip.doc.mjs +6 -6
  431. package/src/Tooltip/useTooltip.doc.mjs +5 -5
  432. package/src/Tooltip/useTooltip.tsx +2 -12
  433. package/src/TopNav/TopNav.test.tsx +7 -23
  434. package/src/TopNav/TopNavMegaMenuFeaturedCard.tsx +2 -9
  435. package/src/docs-types.ts +1 -9
  436. package/src/hooks/index.ts +0 -3
  437. package/src/hooks/useInteractiveRole.ts +4 -12
  438. package/src/hooks/useStreamingText.test.ts +19 -54
  439. package/src/hooks/useStreamingText.ts +5 -16
  440. package/src/hooks/useTreeFocus.test.tsx +3 -1
  441. package/src/reset.css +0 -29
  442. package/src/theme/useTheme.test.tsx +2 -106
  443. package/src/theme/useTheme.ts +6 -87
  444. package/src/utils/index.ts +0 -1
  445. package/src/utils/sharedResizeObserver.test.ts +2 -2
  446. package/dist/hooks/useHotkeys.d.ts +0 -51
  447. package/dist/hooks/useHotkeys.d.ts.map +0 -1
  448. package/dist/hooks/useHotkeys.js +0 -160
  449. package/dist/utils/composeEventHandlers.d.ts +0 -30
  450. package/dist/utils/composeEventHandlers.d.ts.map +0 -1
  451. package/dist/utils/composeEventHandlers.js +0 -40
  452. package/src/Chat/ChatDictationButton.test.tsx +0 -43
  453. package/src/Chat/ChatLayoutScrollButton.test.tsx +0 -33
  454. package/src/Chat/ChatMessageMetadata.test.tsx +0 -32
  455. package/src/Collapsible/Collapsible.test.tsx +0 -403
  456. package/src/FieldStatus/FieldStatus.test.tsx +0 -282
  457. package/src/InteractiveRoleContext/InteractiveRoleContext.test.tsx +0 -185
  458. package/src/Layout/Layout.test.tsx +0 -285
  459. package/src/Layout/LayoutSlots.test.tsx +0 -364
  460. package/src/Outline/parseOutlineFromMarkdown.test.ts +0 -80
  461. package/src/OverflowList/OverflowList.test.tsx +0 -416
  462. package/src/Overlay/Overlay.test.tsx +0 -356
  463. package/src/SizeContext/SizeContext.test.tsx +0 -226
  464. package/src/Toast/useToast.test.tsx +0 -258
  465. package/src/__tests__/TestIcon.tsx +0 -26
  466. package/src/__tests__/fastRoleQueries.ts +0 -66
  467. package/src/hooks/useHotkeys.doc.mjs +0 -52
  468. package/src/hooks/useHotkeys.test.ts +0 -245
  469. package/src/hooks/useHotkeys.ts +0 -203
  470. package/src/theme/themingTargets.test.ts +0 -353
  471. package/src/utils/composeEventHandlers.test.ts +0 -71
  472. package/src/utils/composeEventHandlers.ts +0 -44
  473. package/src/utils/mergeProps.test.ts +0 -166
@@ -89,7 +89,7 @@ export interface AlertDialogProps extends BaseProps<HTMLDialogElement> {
89
89
  * />
90
90
  * ```
91
91
  */
92
- export declare function AlertDialog({ ref, isOpen, isInline, onOpenChange, title, description, cancelLabel, actionLabel, actionVariant, isActionLoading, onAction, width, xstyle, className, style, 'data-testid': testId, ...rest }: AlertDialogProps): React.JSX.Element;
92
+ export declare function AlertDialog({ ref, isOpen, isInline, onOpenChange, title, description, cancelLabel, actionLabel, actionVariant, isActionLoading, onAction, width, xstyle, className, style, 'data-testid': testId, }: AlertDialogProps): React.JSX.Element;
93
93
  export declare namespace AlertDialog {
94
94
  var displayName: string;
95
95
  }
@@ -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;AAI5C,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,WAAsB,EACtB,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,qBAsDlB;yBAxEe,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;AAI5C,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,WAAsB,EACtB,WAAW,EACX,aAA6B,EAC7B,eAAe,EACf,QAAQ,EACR,KAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,gBAAgB,qBAqDlB;yBAtEe,WAAW"}
@@ -26,7 +26,7 @@ import { Text } from "../Text/Text.js";
26
26
  import { Button } from "../Button/index.js";
27
27
  import { mergeProps } from "../utils/index.js";
28
28
  import { themeProps } from "../utils/themeProps.js";
29
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
29
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
30
30
  /**
31
31
  * A confirmation dialog for destructive or irreversible actions.
32
32
  *
@@ -62,16 +62,14 @@ export function AlertDialog({
62
62
  xstyle,
63
63
  className,
64
64
  style,
65
- 'data-testid': testId,
66
- ...rest
65
+ 'data-testid': testId
67
66
  }) {
68
67
  const titleId = useId();
69
68
  const descriptionId = useId();
70
69
  const handleCancel = useCallback(() => {
71
70
  onOpenChange(false);
72
71
  }, [onOpenChange]);
73
- return /*#__PURE__*/_jsxDEV(Dialog, {
74
- ...rest,
72
+ return /*#__PURE__*/_jsx(Dialog, {
75
73
  ref: ref,
76
74
  isOpen: isOpen,
77
75
  isInline: isInline,
@@ -87,36 +85,36 @@ export function AlertDialog({
87
85
  }),
88
86
  xstyle: xstyle,
89
87
  "data-testid": testId,
90
- children: /*#__PURE__*/_jsxDEV(Layout, {
91
- content: /*#__PURE__*/_jsxDEV(LayoutContent, {
92
- children: [/*#__PURE__*/_jsxDEV(Heading, {
88
+ children: /*#__PURE__*/_jsx(Layout, {
89
+ content: /*#__PURE__*/_jsxs(LayoutContent, {
90
+ children: [/*#__PURE__*/_jsx(Heading, {
93
91
  level: 2,
94
92
  id: titleId,
95
93
  children: title
96
- }, void 0, false), /*#__PURE__*/_jsxDEV(Text, {
94
+ }), /*#__PURE__*/_jsx(Text, {
97
95
  type: "body",
98
96
  color: "secondary",
99
97
  id: descriptionId,
100
98
  children: description
101
- }, void 0, false)]
102
- }, void 0, true),
103
- footer: /*#__PURE__*/_jsxDEV(LayoutFooter, {
104
- children: /*#__PURE__*/_jsxDEV(HStack, {
99
+ })]
100
+ }),
101
+ footer: /*#__PURE__*/_jsx(LayoutFooter, {
102
+ children: /*#__PURE__*/_jsxs(HStack, {
105
103
  gap: 2,
106
104
  hAlign: "end",
107
- children: [/*#__PURE__*/_jsxDEV(Button, {
105
+ children: [/*#__PURE__*/_jsx(Button, {
108
106
  variant: "ghost",
109
107
  label: cancelLabel,
110
108
  onClick: handleCancel
111
- }, void 0, false), /*#__PURE__*/_jsxDEV(Button, {
109
+ }), /*#__PURE__*/_jsx(Button, {
112
110
  variant: actionVariant,
113
111
  label: actionLabel,
114
112
  onClick: onAction,
115
113
  isLoading: isActionLoading
116
- }, void 0, false)]
117
- }, void 0, true)
118
- }, void 0, false)
119
- }, void 0, false)
120
- }, void 0, false);
114
+ })]
115
+ })
116
+ })
117
+ })
118
+ });
121
119
  }
122
120
  AlertDialog.displayName = 'AlertDialog';
@@ -15,7 +15,7 @@
15
15
  */
16
16
  import { useState, useCallback, useMemo } from 'react';
17
17
  import { AlertDialog } from "./AlertDialog.js";
18
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
18
+ import { jsx as _jsx } from "react/jsx-runtime";
19
19
  /**
20
20
  * Imperative alert dialog — show/hide without managing state.
21
21
  *
@@ -54,7 +54,7 @@ export function useImperativeAlertDialog() {
54
54
  if (!options) {
55
55
  return null;
56
56
  }
57
- return /*#__PURE__*/_jsxDEV(AlertDialog, {
57
+ return /*#__PURE__*/_jsx(AlertDialog, {
58
58
  ...options,
59
59
  isOpen: isOpen,
60
60
  onOpenChange: open => {
@@ -62,7 +62,7 @@ export function useImperativeAlertDialog() {
62
62
  setIsOpen(false);
63
63
  }
64
64
  }
65
- }, void 0, false);
65
+ });
66
66
  }, [isOpen, options]);
67
67
  return {
68
68
  show,
@@ -214,7 +214,7 @@ export interface AppShellProps extends BaseProps<HTMLDivElement> {
214
214
  * </AppShell>
215
215
  * ```
216
216
  */
217
- export declare function AppShell({ variant, banner, children, contentPadding, 'data-testid': dataTestId, height, mobileNav, sideNav, topNav, xstyle, className, style, ref, ...rest }: AppShellProps): React.JSX.Element;
217
+ export declare function AppShell({ variant, banner, children, contentPadding, 'data-testid': dataTestId, height, mobileNav, sideNav, topNav, xstyle, className, style, ref, }: AppShellProps): React.JSX.Element;
218
218
  export declare namespace AppShell {
219
219
  var displayName: string;
220
220
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAmBf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAkC5C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE7D;;;;;;;GAOG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,QAAQ,EAAE,IAAI,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,eAAe,GAAG,SAAS,CAAC;IAEhD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAkKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,aAAa,EAAE,UAAU,EACzB,MAAe,EACf,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,qBAgXf;yBA/Xe,QAAQ"}
1
+ {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAmBf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAkC5C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE7D;;;;;;;GAOG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,QAAQ,EAAE,IAAI,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,eAAe,GAAG,SAAS,CAAC;IAEhD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAkKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,aAAa,EAAE,UAAU,EACzB,MAAe,EACf,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE,aAAa,qBA+Wf;yBA7Xe,QAAQ"}
@@ -37,19 +37,19 @@ import { mergeProps, mergeRefs, isRenderable } from "../utils/index.js";
37
37
  import { useMediaQuery } from "../hooks/useMediaQuery.js";
38
38
  import { observeResize, unobserveResize } from "../utils/sharedResizeObserver.js";
39
39
  import { themeProps } from "../utils/themeProps.js";
40
- import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
40
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
41
41
  const HasActivity = typeof React.Activity !== 'undefined';
42
42
  const ActivityWrapper = HasActivity ? ({
43
43
  mode,
44
44
  children
45
- }) => /*#__PURE__*/_jsxDEV(React.Activity, {
45
+ }) => /*#__PURE__*/_jsx(React.Activity, {
46
46
  mode: mode,
47
47
  children: children
48
- }, void 0, false) : ({
48
+ }) : ({
49
49
  children
50
- }) => /*#__PURE__*/_jsxDEV(_Fragment, {
50
+ }) => /*#__PURE__*/_jsx(_Fragment, {
51
51
  children: children
52
- }, void 0, false);
52
+ });
53
53
 
54
54
  // =============================================================================
55
55
  // Constants
@@ -218,8 +218,7 @@ export function AppShell({
218
218
  xstyle,
219
219
  className,
220
220
  style,
221
- ref,
222
- ...rest
221
+ ref
223
222
  }) {
224
223
  // =========================================================================
225
224
  // Parse mobileNav prop — normalize to config, custom element, or disabled
@@ -328,39 +327,39 @@ export function AppShell({
328
327
  const mobileContentValue = hasSideNav && mobileNavHasToggle ?
329
328
  /*#__PURE__*/
330
329
  // eslint-disable-next-line @eslint-react/no-unstable-context-value -- context transports ReactNode; instability is inherent
331
- _jsxDEV(SideNavRenderContext, {
330
+ _jsx(SideNavRenderContext, {
332
331
  value: "drawer-content",
333
332
  children: sideNav
334
- }, void 0, false) : null;
333
+ }) : null;
335
334
  const drawerMobileContentValue = hasSideNav ?
336
335
  /*#__PURE__*/
337
336
  // eslint-disable-next-line @eslint-react/no-unstable-context-value -- context transports ReactNode; instability is inherent
338
- _jsxDEV(SideNavRenderContext, {
337
+ _jsx(SideNavRenderContext, {
339
338
  value: "drawer-content",
340
339
  children: sideNav
341
- }, void 0, false) : null;
342
- const topNavContent = hasTopNav ? isBelowBreakpoint && !mobileNavDisabled && mobileNavReactNode == null ? /*#__PURE__*/_jsxDEV(TopNavMobileContentContext, {
340
+ }) : null;
341
+ const topNavContent = hasTopNav ? isBelowBreakpoint && !mobileNavDisabled && mobileNavReactNode == null ? /*#__PURE__*/_jsx(TopNavMobileContentContext, {
343
342
  value: mobileContentValue,
344
- children: /*#__PURE__*/_jsxDEV(TopNavRenderContext, {
343
+ children: /*#__PURE__*/_jsx(TopNavRenderContext, {
345
344
  value: "mobile-bar",
346
345
  children: topNav
347
- }, void 0, false)
348
- }, void 0, false) : topNav : null;
349
- const headerInner = hasTopNav || hasBanner ? /*#__PURE__*/_jsxDEV(LayoutHeader, {
346
+ })
347
+ }) : topNav : null;
348
+ const headerInner = hasTopNav || hasBanner ? /*#__PURE__*/_jsxs(LayoutHeader, {
350
349
  padding: 0,
351
350
  hasDivider: navHasDividers && hasTopNav,
352
- children: [hasBanner && /*#__PURE__*/_jsxDEV("div", {
351
+ children: [hasBanner && /*#__PURE__*/_jsx("div", {
353
352
  ...stylex.props(styles.banner, navAreaStyle),
354
353
  children: banner
355
- }, void 0, false), hasTopNav && topNavContent]
356
- }, void 0, true) : undefined;
357
- const headerContent = headerInner != null ? /*#__PURE__*/_jsxDEV("div", {
354
+ }), hasTopNav && topNavContent]
355
+ }) : undefined;
356
+ const headerContent = headerInner != null ? /*#__PURE__*/_jsx("div", {
358
357
  ref: headerRef,
359
358
  ...mergeProps(themeProps('app-shell-header', {
360
359
  variant
361
360
  }), stylex.props(navAreaStyle, isAuto && styles.headerSticky)),
362
361
  children: headerInner
363
- }, void 0, false) : undefined;
362
+ }) : undefined;
364
363
 
365
364
  // =========================================================================
366
365
  // Build sideNav content
@@ -370,7 +369,7 @@ export function AppShell({
370
369
  // below the header while the main content scrolls. A wrapper div applies
371
370
  // the sticky behavior since LayoutPanel doesn't accept style/className.
372
371
  // =========================================================================
373
- const sideNavPanel = showSideNavInline ? /*#__PURE__*/_jsxDEV(LayoutPanel, {
372
+ const sideNavPanel = showSideNavInline ? /*#__PURE__*/_jsx(LayoutPanel, {
374
373
  padding: 0,
375
374
  hasDivider: navHasDividers,
376
375
  isScrollable: isFill,
@@ -379,36 +378,36 @@ export function AppShell({
379
378
  }),
380
379
  xstyle: [navAreaStyle, isAuto && stickyBgStyle, isAuto && styles.panelAutoFill],
381
380
  children: sideNav
382
- }, void 0, false) : undefined;
383
- const sideNavContent = sideNavPanel != null && isAuto ? /*#__PURE__*/_jsxDEV("div", {
381
+ }) : undefined;
382
+ const sideNavContent = sideNavPanel != null && isAuto ? /*#__PURE__*/_jsx("div", {
384
383
  ...{
385
384
  className: "x2lah0s x7giv3 x7wzq59 xepuwc7 x16zugyo x78zum5 xdt5ytf"
386
385
  },
387
386
  children: sideNavPanel
388
- }, void 0, false) : sideNavPanel;
387
+ }) : sideNavPanel;
389
388
 
390
389
  // =========================================================================
391
390
  // Build main content
392
391
  // =========================================================================
393
392
  const shouldElevateWithCorner = isElevated && hasTopNav && showSideNavInline;
394
- const mainInner = /*#__PURE__*/_jsxDEV(LayoutContent, {
393
+ const mainInner = /*#__PURE__*/_jsx(LayoutContent, {
395
394
  padding: contentPadding ?? 0,
396
395
  role: "main",
397
396
  id: MAIN_CONTENT_ID,
398
397
  isScrollable: isFill,
399
398
  xstyle: contentAreaStyle,
400
399
  children: children
401
- }, void 0, false);
402
- const mainContent = shouldElevateWithCorner ? /*#__PURE__*/_jsxDEV("div", {
400
+ });
401
+ const mainContent = shouldElevateWithCorner ? /*#__PURE__*/_jsxs("div", {
403
402
  ...{
404
403
  className: "x1n2onr6 x78zum5 x98rzlu x2lwn1j x5yr21d"
405
404
  },
406
- children: [/*#__PURE__*/_jsxDEV("div", {
405
+ children: [/*#__PURE__*/_jsx("div", {
407
406
  ...{
408
407
  className: "x10l6tqk x10a8y8t x10xzikg x183tx6i x47corl"
409
408
  }
410
- }, void 0, false), mainInner]
411
- }, void 0, true) : mainInner;
409
+ }), mainInner]
410
+ }) : mainInner;
412
411
 
413
412
  // =========================================================================
414
413
  // Render
@@ -424,64 +423,63 @@ export function AppShell({
424
423
 
425
424
  // For sidenav-only layouts with no TopNav, render the sideNav in topbar
426
425
  // mode — it shows heading + footer icons horizontally, with the hamburger
427
- const autoMobileTopBar = shouldShowAutoToggle && !hasTopNav && hasSideNav ? /*#__PURE__*/_jsxDEV("div", {
426
+ const autoMobileTopBar = shouldShowAutoToggle && !hasTopNav && hasSideNav ? /*#__PURE__*/_jsx("div", {
428
427
  ...mergeProps(themeProps('app-shell-header', {
429
428
  variant
430
429
  }), stylex.props(navAreaStyle, isAuto && styles.headerSticky)),
431
- children: /*#__PURE__*/_jsxDEV(LayoutHeader, {
430
+ children: /*#__PURE__*/_jsx(LayoutHeader, {
432
431
  padding: 0,
433
432
  hasDivider: navHasDividers,
434
- children: /*#__PURE__*/_jsxDEV("div", {
433
+ children: /*#__PURE__*/_jsxs("div", {
435
434
  ...{
436
435
  className: "x78zum5 x6s0dn4 x1k15mir xf314gf"
437
436
  },
438
437
  role: "navigation",
439
438
  "aria-label": "Mobile navigation",
440
- children: [/*#__PURE__*/_jsxDEV(SideNavRenderContext, {
439
+ children: [/*#__PURE__*/_jsx(SideNavRenderContext, {
441
440
  value: "topbar",
442
441
  children: sideNav
443
- }, void 0, false), /*#__PURE__*/_jsxDEV(MobileNavToggle, {}, void 0, false)]
444
- }, void 0, true)
445
- }, void 0, false)
446
- }, void 0, false) : undefined;
447
- return /*#__PURE__*/_jsxDEV(AppShellMobileContext, {
442
+ }), /*#__PURE__*/_jsx(MobileNavToggle, {})]
443
+ })
444
+ })
445
+ }) : undefined;
446
+ return /*#__PURE__*/_jsx(AppShellMobileContext, {
448
447
  value: mobileContextValue,
449
- children: /*#__PURE__*/_jsxDEV("div", {
450
- ...rest,
448
+ children: /*#__PURE__*/_jsxs("div", {
451
449
  ref: mergeRefs(ref, shellRef),
452
450
  "data-testid": dataTestId,
453
451
  ...mergeProps(themeProps('app-shell', {
454
452
  variant
455
453
  }), stylex.props(styles.root, variant === 'wash' ? styles.variantWash : variant === 'surface' ? styles.variantSurface : variant === 'section' ? styles.variantSection : styles.variantElevated, isFill ? styles.rootFill : styles.rootAuto, xstyle), className, style),
456
- children: [/*#__PURE__*/_jsxDEV("a", {
454
+ children: [/*#__PURE__*/_jsx("a", {
457
455
  href: `#${MAIN_CONTENT_ID}`,
458
456
  ...{
459
457
  className: "x10l6tqk x1xrnuwo x1i1rx1s x1jqxupm xjm9jq1 x15cytp8 xt970qd xh2mrf5 xnjsko4 x1cf3d6k xkdpibf x1y5lnwp xb3r6kr xomzh7y x1hyvwdk x1rsz1da xuxw1ft x1hbpcn8 xc342km x13vifvy x1rw3289 x1o0tod xodanix x10xzikg xjse4m1 x1q2oy4v x1hl2dhg x2mo6ok xjm74w1"
460
458
  },
461
459
  "data-testid": "skip-to-content",
462
460
  children: "Skip to content"
463
- }, void 0, false), /*#__PURE__*/_jsxDEV(Layout, {
461
+ }), /*#__PURE__*/_jsx(Layout, {
464
462
  height: height,
465
463
  padding: 0,
466
- header: /*#__PURE__*/_jsxDEV(_Fragment, {
464
+ header: /*#__PURE__*/_jsxs(_Fragment, {
467
465
  children: [headerContent, autoMobileTopBar]
468
- }, void 0, true),
466
+ }),
469
467
  start: sideNavContent,
470
468
  content: mainContent
471
- }, void 0, false), shouldRenderMobileNavReactNode && mobileNavReactNode, shouldRenderConfigContent && mobileNavConfigContent, isBelowBreakpoint && !mobileNavDisabled && mobileNavReactNode == null && !mobileNavConfigContent && /*#__PURE__*/_jsxDEV(ActivityWrapper, {
469
+ }), shouldRenderMobileNavReactNode && mobileNavReactNode, shouldRenderConfigContent && mobileNavConfigContent, isBelowBreakpoint && !mobileNavDisabled && mobileNavReactNode == null && !mobileNavConfigContent && /*#__PURE__*/_jsxs(ActivityWrapper, {
472
470
  mode: isMobileNavOpen ? 'visible' : 'hidden',
473
- children: [hasSideNav && !hasTopNav && /*#__PURE__*/_jsxDEV(SideNavRenderContext, {
471
+ children: [hasSideNav && !hasTopNav && /*#__PURE__*/_jsx(SideNavRenderContext, {
474
472
  value: "drawer",
475
473
  children: sideNav
476
- }, void 0, false), hasTopNav && /*#__PURE__*/_jsxDEV(TopNavMobileContentContext, {
474
+ }), hasTopNav && /*#__PURE__*/_jsx(TopNavMobileContentContext, {
477
475
  value: drawerMobileContentValue,
478
- children: /*#__PURE__*/_jsxDEV(TopNavRenderContext, {
476
+ children: /*#__PURE__*/_jsx(TopNavRenderContext, {
479
477
  value: "drawer",
480
478
  children: topNav
481
- }, void 0, false)
482
- }, void 0, false)]
483
- }, void 0, true)]
484
- }, void 0, true)
485
- }, void 0, false);
479
+ })
480
+ })]
481
+ })]
482
+ })
483
+ });
486
484
  }
487
485
  AppShell.displayName = 'AppShell';
@@ -1,13 +1,12 @@
1
1
  /**
2
2
  * @file AspectRatio.tsx
3
3
  * @input Uses React, stylex
4
- * @output Exports AspectRatio component, AspectRatioProps, AspectRatioShape, AspectRatioFit
4
+ * @output Exports AspectRatio component and AspectRatioProps
5
5
  * @position AspectRatio component; maintains a specific aspect ratio for its children
6
6
  *
7
7
  * SYNC: When modified, update these files to stay in sync:
8
8
  * - /packages/core/src/AspectRatio/AspectRatio.doc.mjs
9
9
  * - /packages/core/src/AspectRatio/AspectRatio.test.tsx
10
- * - /packages/core/src/reset.css (AspectRatio fit baseline rules)
11
10
  * - /apps/storybook/stories/AspectRatio.stories.tsx
12
11
  * - /packages/cli/templates/blocks/components/AspectRatio/ (showcase blocks)
13
12
  */
@@ -20,15 +19,6 @@ import type { BaseProps } from '../BaseProps';
20
19
  * this renders a circle at `ratio={1}` and an oval at non-square ratios.
21
20
  */
22
21
  export type AspectRatioShape = 'rectangle' | 'ellipse';
23
- /**
24
- * How the child is sized and positioned inside the ratio box.
25
- * - `cover`: the child fills the box; media is cropped to preserve its own
26
- * aspect ratio (`object-fit: cover`).
27
- * - `contain`: the child fills the box; media is letterboxed to stay fully
28
- * visible (`object-fit: contain`).
29
- * - `center`: the child keeps its natural size and sits centered in the box.
30
- */
31
- export type AspectRatioFit = 'cover' | 'contain' | 'center';
32
22
  export interface AspectRatioProps extends BaseProps<HTMLDivElement> {
33
23
  /** Ref forwarded to the root element */
34
24
  ref?: React.Ref<HTMLDivElement>;
@@ -40,43 +30,19 @@ export interface AspectRatioProps extends BaseProps<HTMLDivElement> {
40
30
  * The shape of the container. Both shapes respect the provided `ratio`.
41
31
  * - `rectangle` (default): a standard rectangular container.
42
32
  * - `ellipse`: clips the container to an ellipse — a circle when `ratio={1}`,
43
- * or an oval at other ratios. Pair with `fit="cover"` so the media fills
44
- * the clipped container.
33
+ * or an oval at other ratios. Pair with a child that fills the container
34
+ * (e.g. an image with `objectFit: 'cover'`).
45
35
  *
46
36
  * @default 'rectangle'
47
37
  *
48
38
  * @example
49
39
  * ```
50
- * <AspectRatio ratio={1} shape="ellipse" fit="cover">
51
- * <img src="avatar.jpg" alt="" />
40
+ * <AspectRatio ratio={1} shape="ellipse">
41
+ * <img src="avatar.jpg" alt="" style={{objectFit: 'cover'}} />
52
42
  * </AspectRatio>
53
43
  * ```
54
44
  */
55
45
  shape?: AspectRatioShape;
56
- /**
57
- * How the child is laid out inside the ratio box, so the child does not
58
- * have to declare `width`/`height`/`objectFit` itself.
59
- * - `cover`: child fills the box; media is cropped (`object-fit: cover`).
60
- * - `contain`: child fills the box; media is letterboxed
61
- * (`object-fit: contain`).
62
- * - `center`: child keeps its natural size, centered in the box.
63
- *
64
- * `cover`/`contain` child sizing ships as zero-specificity baseline rules
65
- * in `reset.css`, keyed on the `data-astryx-aspect-ratio-override`
66
- * attribute the component sets on the child's direct parent. Any styles
67
- * the child sets itself still win, so children that already size
68
- * themselves keep their behavior. When omitted, the child is left
69
- * unstyled (the pre-existing contract). `fit` is structural, not visual,
70
- * so it is not exposed on the theming surface.
71
- *
72
- * @example
73
- * ```
74
- * <AspectRatio ratio={16 / 9} fit="cover">
75
- * <img src="image.jpg" alt="Widescreen image" />
76
- * </AspectRatio>
77
- * ```
78
- */
79
- fit?: AspectRatioFit;
80
46
  /**
81
47
  * Content to render inside the aspect ratio container.
82
48
  * The child element will be positioned absolutely to fill the container.
@@ -90,29 +56,25 @@ export interface AspectRatioProps extends BaseProps<HTMLDivElement> {
90
56
  * is positioned absolutely to fill the container, which is useful for images,
91
57
  * videos, embeds, and placeholders.
92
58
  *
93
- * Use `fit` to let the component size the child: `cover`/`contain` stretch
94
- * the child to fill the box (cropping or letterboxing media), `center` keeps
95
- * the child at its natural size. Without `fit`, the child styles itself.
96
- *
97
59
  * Use `shape="ellipse"` to clip the container into an ellipse — a circle at
98
60
  * `ratio={1}` or an oval at other ratios. Both shapes respect the provided
99
61
  * `ratio`.
100
62
  *
101
63
  * @example
102
64
  * ```
103
- * <AspectRatio ratio={16 / 9} fit="cover">
104
- * <img src="image.jpg" alt="Widescreen image" />
65
+ * <AspectRatio ratio={16 / 9}>
66
+ * <img src="image.jpg" alt="Widescreen image" style={{objectFit: 'cover'}} />
105
67
  * </AspectRatio>
106
68
  * ```
107
69
  *
108
70
  * @example
109
71
  * ```
110
- * <AspectRatio ratio={1} shape="ellipse" fit="cover">
111
- * <img src="avatar.jpg" alt="" />
72
+ * <AspectRatio ratio={1} shape="ellipse">
73
+ * <img src="avatar.jpg" alt="" style={{objectFit: 'cover'}} />
112
74
  * </AspectRatio>
113
75
  * ```
114
76
  */
115
- export declare function AspectRatio({ ratio, shape, fit, children, xstyle, className, style, ref, ...props }: AspectRatioProps): import("react").JSX.Element;
77
+ export declare function AspectRatio({ ratio, shape, children, xstyle, className, style, ref, ...props }: AspectRatioProps): import("react").JSX.Element;
116
78
  export declare namespace AspectRatio {
117
79
  var displayName: string;
118
80
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../src/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,SAAS,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IAErB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAkCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAmB,EACnB,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,+BA2BlB;yBArCe,WAAW"}
1
+ {"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../src/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAwBD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAmB,EACnB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAkBlB;yBA3Be,WAAW"}
@@ -5,13 +5,12 @@
5
5
  /**
6
6
  * @file AspectRatio.tsx
7
7
  * @input Uses React, stylex
8
- * @output Exports AspectRatio component, AspectRatioProps, AspectRatioShape, AspectRatioFit
8
+ * @output Exports AspectRatio component and AspectRatioProps
9
9
  * @position AspectRatio component; maintains a specific aspect ratio for its children
10
10
  *
11
11
  * SYNC: When modified, update these files to stay in sync:
12
12
  * - /packages/core/src/AspectRatio/AspectRatio.doc.mjs
13
13
  * - /packages/core/src/AspectRatio/AspectRatio.test.tsx
14
- * - /packages/core/src/reset.css (AspectRatio fit baseline rules)
15
14
  * - /apps/storybook/stories/AspectRatio.stories.tsx
16
15
  * - /packages/cli/templates/blocks/components/AspectRatio/ (showcase blocks)
17
16
  */
@@ -25,16 +24,7 @@ import { themeProps } from "../utils/themeProps.js";
25
24
  * - `ellipse`: clips the container to an ellipse. Combined with the `ratio`,
26
25
  * this renders a circle at `ratio={1}` and an oval at non-square ratios.
27
26
  */
28
-
29
- /**
30
- * How the child is sized and positioned inside the ratio box.
31
- * - `cover`: the child fills the box; media is cropped to preserve its own
32
- * aspect ratio (`object-fit: cover`).
33
- * - `contain`: the child fills the box; media is letterboxed to stay fully
34
- * visible (`object-fit: contain`).
35
- * - `center`: the child keeps its natural size and sits centered in the box.
36
- */
37
- import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
27
+ import { jsx as _jsx } from "react/jsx-runtime";
38
28
  const styles = {
39
29
  container: {
40
30
  kVAEAm: "x1n2onr6",
@@ -57,32 +47,27 @@ const styles = {
57
47
  * is positioned absolutely to fill the container, which is useful for images,
58
48
  * videos, embeds, and placeholders.
59
49
  *
60
- * Use `fit` to let the component size the child: `cover`/`contain` stretch
61
- * the child to fill the box (cropping or letterboxing media), `center` keeps
62
- * the child at its natural size. Without `fit`, the child styles itself.
63
- *
64
50
  * Use `shape="ellipse"` to clip the container into an ellipse — a circle at
65
51
  * `ratio={1}` or an oval at other ratios. Both shapes respect the provided
66
52
  * `ratio`.
67
53
  *
68
54
  * @example
69
55
  * ```
70
- * <AspectRatio ratio={16 / 9} fit="cover">
71
- * <img src="image.jpg" alt="Widescreen image" />
56
+ * <AspectRatio ratio={16 / 9}>
57
+ * <img src="image.jpg" alt="Widescreen image" style={{objectFit: 'cover'}} />
72
58
  * </AspectRatio>
73
59
  * ```
74
60
  *
75
61
  * @example
76
62
  * ```
77
- * <AspectRatio ratio={1} shape="ellipse" fit="cover">
78
- * <img src="avatar.jpg" alt="" />
63
+ * <AspectRatio ratio={1} shape="ellipse">
64
+ * <img src="avatar.jpg" alt="" style={{objectFit: 'cover'}} />
79
65
  * </AspectRatio>
80
66
  * ```
81
67
  */
82
68
  export function AspectRatio({
83
69
  ratio,
84
70
  shape = 'rectangle',
85
- fit,
86
71
  children,
87
72
  xstyle,
88
73
  className,
@@ -90,7 +75,7 @@ export function AspectRatio({
90
75
  ref,
91
76
  ...props
92
77
  }) {
93
- return /*#__PURE__*/_jsxDEV("div", {
78
+ return /*#__PURE__*/_jsx("div", {
94
79
  ref: ref,
95
80
  ...mergeProps(themeProps('aspect-ratio', {
96
81
  shape
@@ -99,18 +84,12 @@ export function AspectRatio({
99
84
  aspectRatio: ratio
100
85
  }),
101
86
  ...props,
102
- children: /*#__PURE__*/_jsxDEV("div", {
103
- "data-astryx-aspect-ratio-override": fit,
87
+ children: /*#__PURE__*/_jsx("div", {
104
88
  ...{
105
- 0: {
106
- className: "x10l6tqk x13vifvy x1o0tod xh8yej3 x5yr21d"
107
- },
108
- 1: {
109
- className: "x10l6tqk x13vifvy x1o0tod xh8yej3 x5yr21d x78zum5 x6s0dn4 xl56j7k"
110
- }
111
- }[!!(fit === 'center') << 0],
89
+ className: "x10l6tqk x13vifvy x1o0tod xh8yej3 x5yr21d"
90
+ },
112
91
  children: children
113
- }, void 0, false)
114
- }, void 0, false);
92
+ })
93
+ });
115
94
  }
116
95
  AspectRatio.displayName = 'AspectRatio';
@@ -7,5 +7,5 @@
7
7
  * SYNC: When modified, update /packages/core/src/AspectRatio/AspectRatio.doc.mjs
8
8
  */
9
9
  export { AspectRatio } from './AspectRatio';
10
- export type { AspectRatioProps, AspectRatioShape, AspectRatioFit, } from './AspectRatio';
10
+ export type { AspectRatioProps, AspectRatioShape } from './AspectRatio';
11
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AspectRatio/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,GACf,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AspectRatio/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsC5C;;GAEG;AACH,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExE;;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;AAqFD,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;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAsCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAc,EACd,GAAG,EACH,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAwFb;yBArGe,MAAM"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsC5C;;GAEG;AACH,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExE;;GAEG;AACH,KAAK,iBAAiB,GAClB,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,EAAE,GACF,GAAG,GACH,GAAG,GACH,GAAG,CAAC;AAER;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AAqFD,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;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAsCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAc,EACd,GAAG,EACH,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAmFb;yBAhGe,MAAM"}