@salt-ds/core 1.31.0 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (756) hide show
  1. package/css/salt-core.css +28 -5
  2. package/dist-cjs/accordion/Accordion.js +7 -7
  3. package/dist-cjs/accordion/Accordion.js.map +1 -1
  4. package/dist-cjs/accordion/AccordionContext.js +6 -6
  5. package/dist-cjs/accordion/AccordionContext.js.map +1 -1
  6. package/dist-cjs/accordion/AccordionGroup.js +6 -6
  7. package/dist-cjs/accordion/AccordionGroup.js.map +1 -1
  8. package/dist-cjs/accordion/AccordionHeader.js +7 -7
  9. package/dist-cjs/accordion/AccordionHeader.js.map +1 -1
  10. package/dist-cjs/accordion/AccordionPanel.js +5 -5
  11. package/dist-cjs/accordion/AccordionPanel.js.map +1 -1
  12. package/dist-cjs/aria-announcer/AriaAnnounce.js.map +1 -1
  13. package/dist-cjs/aria-announcer/AriaAnnouncerContext.js.map +1 -1
  14. package/dist-cjs/aria-announcer/AriaAnnouncerProvider.js.map +1 -1
  15. package/dist-cjs/aria-announcer/useAriaAnnouncer.js +7 -7
  16. package/dist-cjs/aria-announcer/useAriaAnnouncer.js.map +1 -1
  17. package/dist-cjs/avatar/Avatar.js +4 -4
  18. package/dist-cjs/avatar/Avatar.js.map +1 -1
  19. package/dist-cjs/avatar/useAvatarImage.js +6 -6
  20. package/dist-cjs/avatar/useAvatarImage.js.map +1 -1
  21. package/dist-cjs/badge/Badge.js +5 -5
  22. package/dist-cjs/badge/Badge.js.map +1 -1
  23. package/dist-cjs/banner/Banner.js +6 -6
  24. package/dist-cjs/banner/Banner.js.map +1 -1
  25. package/dist-cjs/banner/BannerActions.js +5 -5
  26. package/dist-cjs/banner/BannerActions.js.map +1 -1
  27. package/dist-cjs/banner/BannerContent.js +5 -5
  28. package/dist-cjs/banner/BannerContent.js.map +1 -1
  29. package/dist-cjs/border-item/BorderItem.js +7 -7
  30. package/dist-cjs/border-item/BorderItem.js.map +1 -1
  31. package/dist-cjs/border-layout/BorderLayout.js +5 -5
  32. package/dist-cjs/border-layout/BorderLayout.js.map +1 -1
  33. package/dist-cjs/breakpoints/BreakpointProvider.js +6 -6
  34. package/dist-cjs/breakpoints/BreakpointProvider.js.map +1 -1
  35. package/dist-cjs/button/Button.css.js +1 -1
  36. package/dist-cjs/button/Button.js +5 -5
  37. package/dist-cjs/button/Button.js.map +1 -1
  38. package/dist-cjs/button/useButton.js.map +1 -1
  39. package/dist-cjs/card/Card.js +42 -40
  40. package/dist-cjs/card/Card.js.map +1 -1
  41. package/dist-cjs/checkbox/Checkbox.js +6 -6
  42. package/dist-cjs/checkbox/Checkbox.js.map +1 -1
  43. package/dist-cjs/checkbox/CheckboxGroup.js +5 -5
  44. package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
  45. package/dist-cjs/checkbox/CheckboxIcon.js +5 -5
  46. package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
  47. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js +6 -6
  48. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  49. package/dist-cjs/combo-box/ComboBox.js +21 -20
  50. package/dist-cjs/combo-box/ComboBox.js.map +1 -1
  51. package/dist-cjs/combo-box/useComboBox.js +6 -6
  52. package/dist-cjs/combo-box/useComboBox.js.map +1 -1
  53. package/dist-cjs/dialog/Dialog.js +92 -88
  54. package/dist-cjs/dialog/Dialog.js.map +1 -1
  55. package/dist-cjs/dialog/DialogActions.js +6 -6
  56. package/dist-cjs/dialog/DialogActions.js.map +1 -1
  57. package/dist-cjs/dialog/DialogCloseButton.js +7 -7
  58. package/dist-cjs/dialog/DialogCloseButton.js.map +1 -1
  59. package/dist-cjs/dialog/DialogContent.js +6 -6
  60. package/dist-cjs/dialog/DialogContent.js.map +1 -1
  61. package/dist-cjs/dialog/DialogContext.js.map +1 -1
  62. package/dist-cjs/dialog/DialogHeader.js +5 -5
  63. package/dist-cjs/dialog/DialogHeader.js.map +1 -1
  64. package/dist-cjs/divider/Divider.js +6 -6
  65. package/dist-cjs/divider/Divider.js.map +1 -1
  66. package/dist-cjs/drawer/Drawer.js +76 -74
  67. package/dist-cjs/drawer/Drawer.js.map +1 -1
  68. package/dist-cjs/drawer/DrawerCloseButton.js +7 -7
  69. package/dist-cjs/drawer/DrawerCloseButton.js.map +1 -1
  70. package/dist-cjs/dropdown/Dropdown.js +17 -16
  71. package/dist-cjs/dropdown/Dropdown.js.map +1 -1
  72. package/dist-cjs/file-drop-zone/FileDropZone.js +5 -5
  73. package/dist-cjs/file-drop-zone/FileDropZone.js.map +1 -1
  74. package/dist-cjs/file-drop-zone/FileDropZoneIcon.js +1 -1
  75. package/dist-cjs/file-drop-zone/FileDropZoneIcon.js.map +1 -1
  76. package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js +6 -6
  77. package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
  78. package/dist-cjs/file-drop-zone/internal/utils.js.map +1 -1
  79. package/dist-cjs/flex-item/FlexItem.js +8 -8
  80. package/dist-cjs/flex-item/FlexItem.js.map +1 -1
  81. package/dist-cjs/flex-layout/FlexLayout.js +5 -5
  82. package/dist-cjs/flex-layout/FlexLayout.js.map +1 -1
  83. package/dist-cjs/flow-layout/FlowLayout.js.map +1 -1
  84. package/dist-cjs/form-field/FormField.js +4 -4
  85. package/dist-cjs/form-field/FormField.js.map +1 -1
  86. package/dist-cjs/form-field/FormFieldHelperText.js +5 -5
  87. package/dist-cjs/form-field/FormFieldHelperText.js.map +1 -1
  88. package/dist-cjs/form-field/FormFieldLabel.js +3 -3
  89. package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
  90. package/dist-cjs/form-field-context/FormFieldContext.js +5 -5
  91. package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
  92. package/dist-cjs/form-field-context/useFormFieldProps.js.map +1 -1
  93. package/dist-cjs/grid-item/GridItem.js +8 -8
  94. package/dist-cjs/grid-item/GridItem.js.map +1 -1
  95. package/dist-cjs/grid-layout/GridLayout.js +5 -5
  96. package/dist-cjs/grid-layout/GridLayout.js.map +1 -1
  97. package/dist-cjs/index.js +9 -0
  98. package/dist-cjs/index.js.map +1 -1
  99. package/dist-cjs/input/Input.js +5 -5
  100. package/dist-cjs/input/Input.js.map +1 -1
  101. package/dist-cjs/interactable-card/InteractableCard.js +9 -9
  102. package/dist-cjs/interactable-card/InteractableCard.js.map +1 -1
  103. package/dist-cjs/interactable-card/InteractableCardGroup.js +18 -14
  104. package/dist-cjs/interactable-card/InteractableCardGroup.js.map +1 -1
  105. package/dist-cjs/interactable-card/InteractableCardGroupContext.js +6 -6
  106. package/dist-cjs/interactable-card/InteractableCardGroupContext.js.map +1 -1
  107. package/dist-cjs/interactable-card/useInteractableCard.js +1 -1
  108. package/dist-cjs/interactable-card/useInteractableCard.js.map +1 -1
  109. package/dist-cjs/link/Link.js +12 -12
  110. package/dist-cjs/link/Link.js.map +1 -1
  111. package/dist-cjs/link-card/LinkCard.js +5 -5
  112. package/dist-cjs/link-card/LinkCard.js.map +1 -1
  113. package/dist-cjs/list-box/ListBox.css.js +1 -1
  114. package/dist-cjs/list-box/ListBox.js +10 -10
  115. package/dist-cjs/list-box/ListBox.js.map +1 -1
  116. package/dist-cjs/list-control/ListControlContext.js +6 -6
  117. package/dist-cjs/list-control/ListControlContext.js.map +1 -1
  118. package/dist-cjs/list-control/ListControlState.js +12 -12
  119. package/dist-cjs/list-control/ListControlState.js.map +1 -1
  120. package/dist-cjs/menu/Menu.js +1 -1
  121. package/dist-cjs/menu/Menu.js.map +1 -1
  122. package/dist-cjs/menu/MenuBase.js +11 -9
  123. package/dist-cjs/menu/MenuBase.js.map +1 -1
  124. package/dist-cjs/menu/MenuContext.js +5 -5
  125. package/dist-cjs/menu/MenuContext.js.map +1 -1
  126. package/dist-cjs/menu/MenuGroup.js +6 -6
  127. package/dist-cjs/menu/MenuGroup.js.map +1 -1
  128. package/dist-cjs/menu/MenuItem.js +8 -8
  129. package/dist-cjs/menu/MenuItem.js.map +1 -1
  130. package/dist-cjs/menu/MenuPanel.css.js +1 -1
  131. package/dist-cjs/menu/MenuPanel.js +7 -7
  132. package/dist-cjs/menu/MenuPanel.js.map +1 -1
  133. package/dist-cjs/menu/MenuPanelBase.js +2 -2
  134. package/dist-cjs/menu/MenuPanelBase.js.map +1 -1
  135. package/dist-cjs/menu/MenuPanelContext.js +5 -5
  136. package/dist-cjs/menu/MenuPanelContext.js.map +1 -1
  137. package/dist-cjs/menu/MenuTrigger.js +9 -8
  138. package/dist-cjs/menu/MenuTrigger.js.map +1 -1
  139. package/dist-cjs/menu/MenuTriggerContext.js +5 -5
  140. package/dist-cjs/menu/MenuTriggerContext.js.map +1 -1
  141. package/dist-cjs/multiline-input/MultilineInput.js +4 -4
  142. package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
  143. package/dist-cjs/navigation-item/ExpansionIcon.js +3 -3
  144. package/dist-cjs/navigation-item/ExpansionIcon.js.map +1 -1
  145. package/dist-cjs/navigation-item/NavigationItem.js +22 -14
  146. package/dist-cjs/navigation-item/NavigationItem.js.map +1 -1
  147. package/dist-cjs/navigation-item/NavigationItemAction.js +117 -0
  148. package/dist-cjs/navigation-item/NavigationItemAction.js.map +1 -0
  149. package/dist-cjs/option/Option.js +95 -93
  150. package/dist-cjs/option/Option.js.map +1 -1
  151. package/dist-cjs/option/OptionGroup.js +6 -6
  152. package/dist-cjs/option/OptionGroup.js.map +1 -1
  153. package/dist-cjs/option/OptionList.css.js +1 -1
  154. package/dist-cjs/option/OptionList.js +5 -5
  155. package/dist-cjs/option/OptionList.js.map +1 -1
  156. package/dist-cjs/option/OptionListBase.js +6 -6
  157. package/dist-cjs/option/OptionListBase.js.map +1 -1
  158. package/dist-cjs/overlay/Overlay.js +6 -6
  159. package/dist-cjs/overlay/Overlay.js.map +1 -1
  160. package/dist-cjs/overlay/OverlayContext.js +7 -7
  161. package/dist-cjs/overlay/OverlayContext.js.map +1 -1
  162. package/dist-cjs/overlay/OverlayPanel.js +7 -7
  163. package/dist-cjs/overlay/OverlayPanel.js.map +1 -1
  164. package/dist-cjs/overlay/OverlayPanelCloseButton.js +8 -8
  165. package/dist-cjs/overlay/OverlayPanelCloseButton.js.map +1 -1
  166. package/dist-cjs/overlay/OverlayPanelContent.js +5 -5
  167. package/dist-cjs/overlay/OverlayPanelContent.js.map +1 -1
  168. package/dist-cjs/overlay/OverlayTrigger.js +8 -10
  169. package/dist-cjs/overlay/OverlayTrigger.js.map +1 -1
  170. package/dist-cjs/pagination/CompactInput.js +5 -5
  171. package/dist-cjs/pagination/CompactInput.js.map +1 -1
  172. package/dist-cjs/pagination/CompactPaginator.js +5 -5
  173. package/dist-cjs/pagination/CompactPaginator.js.map +1 -1
  174. package/dist-cjs/pagination/GoToInput.js +5 -5
  175. package/dist-cjs/pagination/GoToInput.js.map +1 -1
  176. package/dist-cjs/pagination/PageButton.js +5 -5
  177. package/dist-cjs/pagination/PageButton.js.map +1 -1
  178. package/dist-cjs/pagination/PageRanges.js +6 -6
  179. package/dist-cjs/pagination/PageRanges.js.map +1 -1
  180. package/dist-cjs/pagination/Pagination.js +7 -7
  181. package/dist-cjs/pagination/Pagination.js.map +1 -1
  182. package/dist-cjs/pagination/PaginationContext.js.map +1 -1
  183. package/dist-cjs/pagination/Paginator.js +4 -4
  184. package/dist-cjs/pagination/Paginator.js.map +1 -1
  185. package/dist-cjs/pagination/usePagination.js.map +1 -1
  186. package/dist-cjs/pagination/usePaginationContext.js +1 -1
  187. package/dist-cjs/pagination/usePaginationContext.js.map +1 -1
  188. package/dist-cjs/panel/Panel.js +4 -4
  189. package/dist-cjs/panel/Panel.js.map +1 -1
  190. package/dist-cjs/parent-child-layout/ParentChildLayout.js +5 -5
  191. package/dist-cjs/parent-child-layout/ParentChildLayout.js.map +1 -1
  192. package/dist-cjs/parent-child-layout/useIsViewportLargerThanBreakpoint.js +6 -6
  193. package/dist-cjs/parent-child-layout/useIsViewportLargerThanBreakpoint.js.map +1 -1
  194. package/dist-cjs/pill/Pill.js +9 -9
  195. package/dist-cjs/pill/Pill.js.map +1 -1
  196. package/dist-cjs/pill-input/PillInput.js +12 -12
  197. package/dist-cjs/pill-input/PillInput.js.map +1 -1
  198. package/dist-cjs/pill-input/useTruncatePills.js +9 -4
  199. package/dist-cjs/pill-input/useTruncatePills.js.map +1 -1
  200. package/dist-cjs/progress/CircularProgress/CircularProgress.js +13 -13
  201. package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -1
  202. package/dist-cjs/progress/LinearProgress/LinearProgress.css.js +1 -1
  203. package/dist-cjs/progress/LinearProgress/LinearProgress.js +30 -25
  204. package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
  205. package/dist-cjs/radio-button/RadioButton.js +7 -7
  206. package/dist-cjs/radio-button/RadioButton.js.map +1 -1
  207. package/dist-cjs/radio-button/RadioButtonGroup.js +5 -5
  208. package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
  209. package/dist-cjs/radio-button/RadioButtonIcon.js +6 -6
  210. package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
  211. package/dist-cjs/radio-button/internal/RadioGroupContext.js +6 -6
  212. package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
  213. package/dist-cjs/salt-provider/SaltProvider.js +48 -46
  214. package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
  215. package/dist-cjs/scrim/Scrim.js +4 -4
  216. package/dist-cjs/scrim/Scrim.js.map +1 -1
  217. package/dist-cjs/segmented-button-group/SegmentedButtonGroup.js +6 -6
  218. package/dist-cjs/segmented-button-group/SegmentedButtonGroup.js.map +1 -1
  219. package/dist-cjs/spinner/Spinner.js +4 -4
  220. package/dist-cjs/spinner/Spinner.js.map +1 -1
  221. package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js +5 -5
  222. package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
  223. package/dist-cjs/split-layout/SplitLayout.js +6 -6
  224. package/dist-cjs/split-layout/SplitLayout.js.map +1 -1
  225. package/dist-cjs/stack-layout/StackLayout.js +8 -8
  226. package/dist-cjs/stack-layout/StackLayout.js.map +1 -1
  227. package/dist-cjs/status-adornment/ErrorAdornment.js.map +1 -1
  228. package/dist-cjs/status-adornment/StatusAdornment.js +5 -5
  229. package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
  230. package/dist-cjs/status-adornment/SuccessAdornment.js.map +1 -1
  231. package/dist-cjs/status-adornment/WarningAdornment.js.map +1 -1
  232. package/dist-cjs/status-indicator/StatusIndicator.js +3 -3
  233. package/dist-cjs/status-indicator/StatusIndicator.js.map +1 -1
  234. package/dist-cjs/switch/Switch.js +101 -99
  235. package/dist-cjs/switch/Switch.js.map +1 -1
  236. package/dist-cjs/tag/Tag.js +6 -6
  237. package/dist-cjs/tag/Tag.js.map +1 -1
  238. package/dist-cjs/text/Code.js.map +1 -1
  239. package/dist-cjs/text/Display.js.map +1 -1
  240. package/dist-cjs/text/Headings.js.map +1 -1
  241. package/dist-cjs/text/Label.js.map +1 -1
  242. package/dist-cjs/text/Text.js +5 -5
  243. package/dist-cjs/text/Text.js.map +1 -1
  244. package/dist-cjs/text/TextAction.js.map +1 -1
  245. package/dist-cjs/text/TextNotation.js.map +1 -1
  246. package/dist-cjs/theme/Accent.js +3 -1
  247. package/dist-cjs/theme/Accent.js.map +1 -1
  248. package/dist-cjs/theme/ActionFont.js +3 -1
  249. package/dist-cjs/theme/ActionFont.js.map +1 -1
  250. package/dist-cjs/theme/Corner.js +3 -1
  251. package/dist-cjs/theme/Corner.js.map +1 -1
  252. package/dist-cjs/theme/HeadingFont.js +3 -1
  253. package/dist-cjs/theme/HeadingFont.js.map +1 -1
  254. package/dist-cjs/theme/Theme.js.map +1 -1
  255. package/dist-cjs/toast/Toast.js +33 -31
  256. package/dist-cjs/toast/Toast.js.map +1 -1
  257. package/dist-cjs/toast/ToastContent.js +5 -5
  258. package/dist-cjs/toast/ToastContent.js.map +1 -1
  259. package/dist-cjs/toggle-button/ToggleButton.js +6 -6
  260. package/dist-cjs/toggle-button/ToggleButton.js.map +1 -1
  261. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +10 -10
  262. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -1
  263. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +6 -6
  264. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
  265. package/dist-cjs/tooltip/Tooltip.css.js +1 -1
  266. package/dist-cjs/tooltip/Tooltip.js +9 -11
  267. package/dist-cjs/tooltip/Tooltip.js.map +1 -1
  268. package/dist-cjs/tooltip/TooltipBase.js +6 -6
  269. package/dist-cjs/tooltip/TooltipBase.js.map +1 -1
  270. package/dist-cjs/tooltip/useAriaAnnounce.js +11 -8
  271. package/dist-cjs/tooltip/useAriaAnnounce.js.map +1 -1
  272. package/dist-cjs/tooltip/useTooltip.js +5 -5
  273. package/dist-cjs/tooltip/useTooltip.js.map +1 -1
  274. package/dist-cjs/utils/createChainedFunction.js.map +1 -1
  275. package/dist-cjs/utils/createContext.js.map +1 -1
  276. package/dist-cjs/utils/debounce.js.map +1 -1
  277. package/dist-cjs/utils/getRefFromChildren.js +15 -0
  278. package/dist-cjs/utils/getRefFromChildren.js.map +1 -0
  279. package/dist-cjs/utils/marginMiddleware.js.map +1 -1
  280. package/dist-cjs/utils/mergeProps.js.map +1 -1
  281. package/dist-cjs/utils/renderProps.js +32 -0
  282. package/dist-cjs/utils/renderProps.js.map +1 -0
  283. package/dist-cjs/utils/setRef.js.map +1 -1
  284. package/dist-cjs/utils/useControlled.js +1 -1
  285. package/dist-cjs/utils/useControlled.js.map +1 -1
  286. package/dist-cjs/utils/useEventCallback.js.map +1 -1
  287. package/dist-cjs/utils/useFloatingUI/useFloatingUI.js +1 -1
  288. package/dist-cjs/utils/useFloatingUI/useFloatingUI.js.map +1 -1
  289. package/dist-cjs/utils/useForkRef.js.map +1 -1
  290. package/dist-cjs/utils/useId.js +1 -2
  291. package/dist-cjs/utils/useId.js.map +1 -1
  292. package/dist-cjs/utils/useIsFocusVisible.js.map +1 -1
  293. package/dist-cjs/utils/useIsomorphicLayoutEffect.js.map +1 -1
  294. package/dist-cjs/utils/usePrevious.js.map +1 -1
  295. package/dist-cjs/utils/useResizeObserver.js.map +1 -1
  296. package/dist-cjs/utils/useResponsiveProp.js +11 -8
  297. package/dist-cjs/utils/useResponsiveProp.js.map +1 -1
  298. package/dist-cjs/utils/useValueEffect.js +5 -5
  299. package/dist-cjs/utils/useValueEffect.js.map +1 -1
  300. package/dist-cjs/viewport/ViewportProvider.js +5 -5
  301. package/dist-cjs/viewport/ViewportProvider.js.map +1 -1
  302. package/dist-es/accordion/Accordion.js +7 -7
  303. package/dist-es/accordion/Accordion.js.map +1 -1
  304. package/dist-es/accordion/AccordionContext.js +6 -6
  305. package/dist-es/accordion/AccordionContext.js.map +1 -1
  306. package/dist-es/accordion/AccordionGroup.js +6 -6
  307. package/dist-es/accordion/AccordionGroup.js.map +1 -1
  308. package/dist-es/accordion/AccordionHeader.js +7 -7
  309. package/dist-es/accordion/AccordionHeader.js.map +1 -1
  310. package/dist-es/accordion/AccordionPanel.js +5 -5
  311. package/dist-es/accordion/AccordionPanel.js.map +1 -1
  312. package/dist-es/aria-announcer/AriaAnnounce.js.map +1 -1
  313. package/dist-es/aria-announcer/AriaAnnouncerContext.js.map +1 -1
  314. package/dist-es/aria-announcer/AriaAnnouncerProvider.js.map +1 -1
  315. package/dist-es/aria-announcer/useAriaAnnouncer.js +7 -7
  316. package/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -1
  317. package/dist-es/avatar/Avatar.js +4 -4
  318. package/dist-es/avatar/Avatar.js.map +1 -1
  319. package/dist-es/avatar/useAvatarImage.js +6 -6
  320. package/dist-es/avatar/useAvatarImage.js.map +1 -1
  321. package/dist-es/badge/Badge.js +5 -5
  322. package/dist-es/badge/Badge.js.map +1 -1
  323. package/dist-es/banner/Banner.js +6 -6
  324. package/dist-es/banner/Banner.js.map +1 -1
  325. package/dist-es/banner/BannerActions.js +5 -5
  326. package/dist-es/banner/BannerActions.js.map +1 -1
  327. package/dist-es/banner/BannerContent.js +5 -5
  328. package/dist-es/banner/BannerContent.js.map +1 -1
  329. package/dist-es/border-item/BorderItem.js +7 -7
  330. package/dist-es/border-item/BorderItem.js.map +1 -1
  331. package/dist-es/border-layout/BorderLayout.js +5 -5
  332. package/dist-es/border-layout/BorderLayout.js.map +1 -1
  333. package/dist-es/breakpoints/BreakpointProvider.js +6 -6
  334. package/dist-es/breakpoints/BreakpointProvider.js.map +1 -1
  335. package/dist-es/button/Button.css.js +1 -1
  336. package/dist-es/button/Button.js +5 -5
  337. package/dist-es/button/Button.js.map +1 -1
  338. package/dist-es/button/useButton.js.map +1 -1
  339. package/dist-es/card/Card.js +42 -40
  340. package/dist-es/card/Card.js.map +1 -1
  341. package/dist-es/checkbox/Checkbox.js +6 -6
  342. package/dist-es/checkbox/Checkbox.js.map +1 -1
  343. package/dist-es/checkbox/CheckboxGroup.js +5 -5
  344. package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
  345. package/dist-es/checkbox/CheckboxIcon.js +5 -5
  346. package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
  347. package/dist-es/checkbox/internal/CheckboxGroupContext.js +6 -6
  348. package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  349. package/dist-es/combo-box/ComboBox.js +22 -21
  350. package/dist-es/combo-box/ComboBox.js.map +1 -1
  351. package/dist-es/combo-box/useComboBox.js +6 -6
  352. package/dist-es/combo-box/useComboBox.js.map +1 -1
  353. package/dist-es/dialog/Dialog.js +92 -88
  354. package/dist-es/dialog/Dialog.js.map +1 -1
  355. package/dist-es/dialog/DialogActions.js +6 -6
  356. package/dist-es/dialog/DialogActions.js.map +1 -1
  357. package/dist-es/dialog/DialogCloseButton.js +7 -7
  358. package/dist-es/dialog/DialogCloseButton.js.map +1 -1
  359. package/dist-es/dialog/DialogContent.js +6 -6
  360. package/dist-es/dialog/DialogContent.js.map +1 -1
  361. package/dist-es/dialog/DialogContext.js.map +1 -1
  362. package/dist-es/dialog/DialogHeader.js +5 -5
  363. package/dist-es/dialog/DialogHeader.js.map +1 -1
  364. package/dist-es/divider/Divider.js +6 -6
  365. package/dist-es/divider/Divider.js.map +1 -1
  366. package/dist-es/drawer/Drawer.js +76 -74
  367. package/dist-es/drawer/Drawer.js.map +1 -1
  368. package/dist-es/drawer/DrawerCloseButton.js +7 -7
  369. package/dist-es/drawer/DrawerCloseButton.js.map +1 -1
  370. package/dist-es/dropdown/Dropdown.js +17 -16
  371. package/dist-es/dropdown/Dropdown.js.map +1 -1
  372. package/dist-es/file-drop-zone/FileDropZone.js +5 -5
  373. package/dist-es/file-drop-zone/FileDropZone.js.map +1 -1
  374. package/dist-es/file-drop-zone/FileDropZoneIcon.js +1 -1
  375. package/dist-es/file-drop-zone/FileDropZoneIcon.js.map +1 -1
  376. package/dist-es/file-drop-zone/FileDropZoneTrigger.js +6 -6
  377. package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
  378. package/dist-es/file-drop-zone/internal/utils.js.map +1 -1
  379. package/dist-es/flex-item/FlexItem.js +8 -8
  380. package/dist-es/flex-item/FlexItem.js.map +1 -1
  381. package/dist-es/flex-layout/FlexLayout.js +5 -5
  382. package/dist-es/flex-layout/FlexLayout.js.map +1 -1
  383. package/dist-es/flow-layout/FlowLayout.js.map +1 -1
  384. package/dist-es/form-field/FormField.js +4 -4
  385. package/dist-es/form-field/FormField.js.map +1 -1
  386. package/dist-es/form-field/FormFieldHelperText.js +5 -5
  387. package/dist-es/form-field/FormFieldHelperText.js.map +1 -1
  388. package/dist-es/form-field/FormFieldLabel.js +3 -3
  389. package/dist-es/form-field/FormFieldLabel.js.map +1 -1
  390. package/dist-es/form-field-context/FormFieldContext.js +5 -5
  391. package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
  392. package/dist-es/form-field-context/useFormFieldProps.js.map +1 -1
  393. package/dist-es/grid-item/GridItem.js +8 -8
  394. package/dist-es/grid-item/GridItem.js.map +1 -1
  395. package/dist-es/grid-layout/GridLayout.js +5 -5
  396. package/dist-es/grid-layout/GridLayout.js.map +1 -1
  397. package/dist-es/index.js +7 -5
  398. package/dist-es/index.js.map +1 -1
  399. package/dist-es/input/Input.js +5 -5
  400. package/dist-es/input/Input.js.map +1 -1
  401. package/dist-es/interactable-card/InteractableCard.js +9 -9
  402. package/dist-es/interactable-card/InteractableCard.js.map +1 -1
  403. package/dist-es/interactable-card/InteractableCardGroup.js +18 -14
  404. package/dist-es/interactable-card/InteractableCardGroup.js.map +1 -1
  405. package/dist-es/interactable-card/InteractableCardGroupContext.js +6 -6
  406. package/dist-es/interactable-card/InteractableCardGroupContext.js.map +1 -1
  407. package/dist-es/interactable-card/useInteractableCard.js +1 -1
  408. package/dist-es/interactable-card/useInteractableCard.js.map +1 -1
  409. package/dist-es/link/Link.js +12 -12
  410. package/dist-es/link/Link.js.map +1 -1
  411. package/dist-es/link-card/LinkCard.js +5 -5
  412. package/dist-es/link-card/LinkCard.js.map +1 -1
  413. package/dist-es/list-box/ListBox.css.js +1 -1
  414. package/dist-es/list-box/ListBox.js +10 -10
  415. package/dist-es/list-box/ListBox.js.map +1 -1
  416. package/dist-es/list-control/ListControlContext.js +6 -6
  417. package/dist-es/list-control/ListControlContext.js.map +1 -1
  418. package/dist-es/list-control/ListControlState.js +12 -12
  419. package/dist-es/list-control/ListControlState.js.map +1 -1
  420. package/dist-es/menu/Menu.js +1 -1
  421. package/dist-es/menu/Menu.js.map +1 -1
  422. package/dist-es/menu/MenuBase.js +11 -9
  423. package/dist-es/menu/MenuBase.js.map +1 -1
  424. package/dist-es/menu/MenuContext.js +5 -5
  425. package/dist-es/menu/MenuContext.js.map +1 -1
  426. package/dist-es/menu/MenuGroup.js +6 -6
  427. package/dist-es/menu/MenuGroup.js.map +1 -1
  428. package/dist-es/menu/MenuItem.js +8 -8
  429. package/dist-es/menu/MenuItem.js.map +1 -1
  430. package/dist-es/menu/MenuPanel.css.js +1 -1
  431. package/dist-es/menu/MenuPanel.js +7 -7
  432. package/dist-es/menu/MenuPanel.js.map +1 -1
  433. package/dist-es/menu/MenuPanelBase.js +2 -2
  434. package/dist-es/menu/MenuPanelBase.js.map +1 -1
  435. package/dist-es/menu/MenuPanelContext.js +5 -5
  436. package/dist-es/menu/MenuPanelContext.js.map +1 -1
  437. package/dist-es/menu/MenuTrigger.js +9 -8
  438. package/dist-es/menu/MenuTrigger.js.map +1 -1
  439. package/dist-es/menu/MenuTriggerContext.js +5 -5
  440. package/dist-es/menu/MenuTriggerContext.js.map +1 -1
  441. package/dist-es/multiline-input/MultilineInput.js +4 -4
  442. package/dist-es/multiline-input/MultilineInput.js.map +1 -1
  443. package/dist-es/navigation-item/ExpansionIcon.js +3 -3
  444. package/dist-es/navigation-item/ExpansionIcon.js.map +1 -1
  445. package/dist-es/navigation-item/NavigationItem.js +22 -14
  446. package/dist-es/navigation-item/NavigationItem.js.map +1 -1
  447. package/dist-es/navigation-item/NavigationItemAction.js +113 -0
  448. package/dist-es/navigation-item/NavigationItemAction.js.map +1 -0
  449. package/dist-es/option/Option.js +95 -93
  450. package/dist-es/option/Option.js.map +1 -1
  451. package/dist-es/option/OptionGroup.js +6 -6
  452. package/dist-es/option/OptionGroup.js.map +1 -1
  453. package/dist-es/option/OptionList.css.js +1 -1
  454. package/dist-es/option/OptionList.js +5 -5
  455. package/dist-es/option/OptionList.js.map +1 -1
  456. package/dist-es/option/OptionListBase.js +6 -6
  457. package/dist-es/option/OptionListBase.js.map +1 -1
  458. package/dist-es/overlay/Overlay.js +6 -6
  459. package/dist-es/overlay/Overlay.js.map +1 -1
  460. package/dist-es/overlay/OverlayContext.js +7 -7
  461. package/dist-es/overlay/OverlayContext.js.map +1 -1
  462. package/dist-es/overlay/OverlayPanel.js +7 -7
  463. package/dist-es/overlay/OverlayPanel.js.map +1 -1
  464. package/dist-es/overlay/OverlayPanelCloseButton.js +8 -8
  465. package/dist-es/overlay/OverlayPanelCloseButton.js.map +1 -1
  466. package/dist-es/overlay/OverlayPanelContent.js +5 -5
  467. package/dist-es/overlay/OverlayPanelContent.js.map +1 -1
  468. package/dist-es/overlay/OverlayTrigger.js +8 -10
  469. package/dist-es/overlay/OverlayTrigger.js.map +1 -1
  470. package/dist-es/pagination/CompactInput.js +5 -5
  471. package/dist-es/pagination/CompactInput.js.map +1 -1
  472. package/dist-es/pagination/CompactPaginator.js +5 -5
  473. package/dist-es/pagination/CompactPaginator.js.map +1 -1
  474. package/dist-es/pagination/GoToInput.js +5 -5
  475. package/dist-es/pagination/GoToInput.js.map +1 -1
  476. package/dist-es/pagination/PageButton.js +5 -5
  477. package/dist-es/pagination/PageButton.js.map +1 -1
  478. package/dist-es/pagination/PageRanges.js +6 -6
  479. package/dist-es/pagination/PageRanges.js.map +1 -1
  480. package/dist-es/pagination/Pagination.js +7 -7
  481. package/dist-es/pagination/Pagination.js.map +1 -1
  482. package/dist-es/pagination/PaginationContext.js.map +1 -1
  483. package/dist-es/pagination/Paginator.js +4 -4
  484. package/dist-es/pagination/Paginator.js.map +1 -1
  485. package/dist-es/pagination/usePagination.js.map +1 -1
  486. package/dist-es/pagination/usePaginationContext.js +1 -1
  487. package/dist-es/pagination/usePaginationContext.js.map +1 -1
  488. package/dist-es/panel/Panel.js +4 -4
  489. package/dist-es/panel/Panel.js.map +1 -1
  490. package/dist-es/parent-child-layout/ParentChildLayout.js +5 -5
  491. package/dist-es/parent-child-layout/ParentChildLayout.js.map +1 -1
  492. package/dist-es/parent-child-layout/useIsViewportLargerThanBreakpoint.js +6 -6
  493. package/dist-es/parent-child-layout/useIsViewportLargerThanBreakpoint.js.map +1 -1
  494. package/dist-es/pill/Pill.js +9 -9
  495. package/dist-es/pill/Pill.js.map +1 -1
  496. package/dist-es/pill-input/PillInput.js +12 -12
  497. package/dist-es/pill-input/PillInput.js.map +1 -1
  498. package/dist-es/pill-input/useTruncatePills.js +9 -4
  499. package/dist-es/pill-input/useTruncatePills.js.map +1 -1
  500. package/dist-es/progress/CircularProgress/CircularProgress.js +13 -13
  501. package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -1
  502. package/dist-es/progress/LinearProgress/LinearProgress.css.js +1 -1
  503. package/dist-es/progress/LinearProgress/LinearProgress.js +30 -25
  504. package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
  505. package/dist-es/radio-button/RadioButton.js +7 -7
  506. package/dist-es/radio-button/RadioButton.js.map +1 -1
  507. package/dist-es/radio-button/RadioButtonGroup.js +5 -5
  508. package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
  509. package/dist-es/radio-button/RadioButtonIcon.js +6 -6
  510. package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
  511. package/dist-es/radio-button/internal/RadioGroupContext.js +6 -6
  512. package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
  513. package/dist-es/salt-provider/SaltProvider.js +49 -44
  514. package/dist-es/salt-provider/SaltProvider.js.map +1 -1
  515. package/dist-es/scrim/Scrim.js +4 -4
  516. package/dist-es/scrim/Scrim.js.map +1 -1
  517. package/dist-es/segmented-button-group/SegmentedButtonGroup.js +6 -6
  518. package/dist-es/segmented-button-group/SegmentedButtonGroup.js.map +1 -1
  519. package/dist-es/spinner/Spinner.js +4 -4
  520. package/dist-es/spinner/Spinner.js.map +1 -1
  521. package/dist-es/spinner/svgSpinners/SpinnerSVG.js +5 -5
  522. package/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
  523. package/dist-es/split-layout/SplitLayout.js +6 -6
  524. package/dist-es/split-layout/SplitLayout.js.map +1 -1
  525. package/dist-es/stack-layout/StackLayout.js +8 -8
  526. package/dist-es/stack-layout/StackLayout.js.map +1 -1
  527. package/dist-es/status-adornment/ErrorAdornment.js.map +1 -1
  528. package/dist-es/status-adornment/StatusAdornment.js +5 -5
  529. package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
  530. package/dist-es/status-adornment/SuccessAdornment.js.map +1 -1
  531. package/dist-es/status-adornment/WarningAdornment.js.map +1 -1
  532. package/dist-es/status-indicator/StatusIndicator.js +3 -3
  533. package/dist-es/status-indicator/StatusIndicator.js.map +1 -1
  534. package/dist-es/switch/Switch.js +101 -99
  535. package/dist-es/switch/Switch.js.map +1 -1
  536. package/dist-es/tag/Tag.js +6 -6
  537. package/dist-es/tag/Tag.js.map +1 -1
  538. package/dist-es/text/Code.js.map +1 -1
  539. package/dist-es/text/Display.js.map +1 -1
  540. package/dist-es/text/Headings.js.map +1 -1
  541. package/dist-es/text/Label.js.map +1 -1
  542. package/dist-es/text/Text.js +5 -5
  543. package/dist-es/text/Text.js.map +1 -1
  544. package/dist-es/text/TextAction.js.map +1 -1
  545. package/dist-es/text/TextNotation.js.map +1 -1
  546. package/dist-es/theme/Accent.js +3 -2
  547. package/dist-es/theme/Accent.js.map +1 -1
  548. package/dist-es/theme/ActionFont.js +3 -2
  549. package/dist-es/theme/ActionFont.js.map +1 -1
  550. package/dist-es/theme/Corner.js +3 -2
  551. package/dist-es/theme/Corner.js.map +1 -1
  552. package/dist-es/theme/HeadingFont.js +3 -2
  553. package/dist-es/theme/HeadingFont.js.map +1 -1
  554. package/dist-es/theme/Theme.js.map +1 -1
  555. package/dist-es/toast/Toast.js +33 -31
  556. package/dist-es/toast/Toast.js.map +1 -1
  557. package/dist-es/toast/ToastContent.js +5 -5
  558. package/dist-es/toast/ToastContent.js.map +1 -1
  559. package/dist-es/toggle-button/ToggleButton.js +6 -6
  560. package/dist-es/toggle-button/ToggleButton.js.map +1 -1
  561. package/dist-es/toggle-button-group/ToggleButtonGroup.js +10 -10
  562. package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -1
  563. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +6 -6
  564. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
  565. package/dist-es/tooltip/Tooltip.css.js +1 -1
  566. package/dist-es/tooltip/Tooltip.js +9 -11
  567. package/dist-es/tooltip/Tooltip.js.map +1 -1
  568. package/dist-es/tooltip/TooltipBase.js +6 -6
  569. package/dist-es/tooltip/TooltipBase.js.map +1 -1
  570. package/dist-es/tooltip/useAriaAnnounce.js +11 -8
  571. package/dist-es/tooltip/useAriaAnnounce.js.map +1 -1
  572. package/dist-es/tooltip/useTooltip.js +5 -5
  573. package/dist-es/tooltip/useTooltip.js.map +1 -1
  574. package/dist-es/utils/createChainedFunction.js.map +1 -1
  575. package/dist-es/utils/createContext.js.map +1 -1
  576. package/dist-es/utils/debounce.js.map +1 -1
  577. package/dist-es/utils/getRefFromChildren.js +11 -0
  578. package/dist-es/utils/getRefFromChildren.js.map +1 -0
  579. package/dist-es/utils/marginMiddleware.js.map +1 -1
  580. package/dist-es/utils/mergeProps.js.map +1 -1
  581. package/dist-es/utils/renderProps.js +28 -0
  582. package/dist-es/utils/renderProps.js.map +1 -0
  583. package/dist-es/utils/setRef.js.map +1 -1
  584. package/dist-es/utils/useControlled.js +1 -1
  585. package/dist-es/utils/useControlled.js.map +1 -1
  586. package/dist-es/utils/useEventCallback.js.map +1 -1
  587. package/dist-es/utils/useFloatingUI/useFloatingUI.js +2 -2
  588. package/dist-es/utils/useFloatingUI/useFloatingUI.js.map +1 -1
  589. package/dist-es/utils/useForkRef.js.map +1 -1
  590. package/dist-es/utils/useId.js +1 -2
  591. package/dist-es/utils/useId.js.map +1 -1
  592. package/dist-es/utils/useIsFocusVisible.js.map +1 -1
  593. package/dist-es/utils/useIsomorphicLayoutEffect.js.map +1 -1
  594. package/dist-es/utils/usePrevious.js.map +1 -1
  595. package/dist-es/utils/useResizeObserver.js.map +1 -1
  596. package/dist-es/utils/useResponsiveProp.js +11 -8
  597. package/dist-es/utils/useResponsiveProp.js.map +1 -1
  598. package/dist-es/utils/useValueEffect.js +5 -5
  599. package/dist-es/utils/useValueEffect.js.map +1 -1
  600. package/dist-es/viewport/ViewportProvider.js +5 -5
  601. package/dist-es/viewport/ViewportProvider.js.map +1 -1
  602. package/dist-types/accordion/Accordion.d.ts +2 -2
  603. package/dist-types/accordion/AccordionContext.d.ts +1 -1
  604. package/dist-types/accordion/AccordionGroup.d.ts +1 -1
  605. package/dist-types/accordion/AccordionHeader.d.ts +1 -1
  606. package/dist-types/accordion/AccordionPanel.d.ts +1 -1
  607. package/dist-types/aria-announcer/AriaAnnounce.d.ts +1 -1
  608. package/dist-types/aria-announcer/AriaAnnouncerProvider.d.ts +2 -2
  609. package/dist-types/aria-announcer/useAriaAnnouncer.d.ts +1 -1
  610. package/dist-types/avatar/Avatar.d.ts +1 -1
  611. package/dist-types/avatar/useAvatarImage.d.ts +1 -1
  612. package/dist-types/badge/Badge.d.ts +1 -1
  613. package/dist-types/banner/Banner.d.ts +2 -2
  614. package/dist-types/banner/BannerActions.d.ts +1 -1
  615. package/dist-types/banner/BannerContent.d.ts +1 -1
  616. package/dist-types/border-item/BorderItem.d.ts +3 -3
  617. package/dist-types/border-layout/BorderLayout.d.ts +4 -4
  618. package/dist-types/breakpoints/BreakpointProvider.d.ts +3 -3
  619. package/dist-types/button/Button.d.ts +1 -1
  620. package/dist-types/button/useButton.d.ts +1 -1
  621. package/dist-types/card/Card.d.ts +1 -1
  622. package/dist-types/checkbox/Checkbox.d.ts +2 -2
  623. package/dist-types/checkbox/CheckboxGroup.d.ts +2 -2
  624. package/dist-types/checkbox/CheckboxIcon.d.ts +1 -1
  625. package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +2 -2
  626. package/dist-types/combo-box/ComboBox.d.ts +4 -4
  627. package/dist-types/combo-box/useComboBox.d.ts +3 -3
  628. package/dist-types/dialog/Dialog.d.ts +4 -4
  629. package/dist-types/dialog/DialogActions.d.ts +1 -1
  630. package/dist-types/dialog/DialogCloseButton.d.ts +1 -1
  631. package/dist-types/dialog/DialogContent.d.ts +1 -1
  632. package/dist-types/dialog/DialogHeader.d.ts +2 -2
  633. package/dist-types/divider/Divider.d.ts +1 -1
  634. package/dist-types/drawer/Drawer.d.ts +1 -1
  635. package/dist-types/drawer/DrawerCloseButton.d.ts +1 -1
  636. package/dist-types/dropdown/Dropdown.d.ts +4 -4
  637. package/dist-types/file-drop-zone/FileDropZone.d.ts +2 -2
  638. package/dist-types/file-drop-zone/FileDropZoneIcon.d.ts +2 -2
  639. package/dist-types/file-drop-zone/FileDropZoneTrigger.d.ts +1 -1
  640. package/dist-types/file-drop-zone/internal/utils.d.ts +1 -1
  641. package/dist-types/flex-item/FlexItem.d.ts +2 -2
  642. package/dist-types/flex-layout/FlexLayout.d.ts +2 -2
  643. package/dist-types/flow-layout/FlowLayout.d.ts +3 -3
  644. package/dist-types/form-field/FormField.d.ts +2 -2
  645. package/dist-types/form-field/FormFieldHelperText.d.ts +2 -2
  646. package/dist-types/form-field/FormFieldLabel.d.ts +2 -2
  647. package/dist-types/form-field-context/useFormFieldProps.d.ts +1 -1
  648. package/dist-types/grid-item/GridItem.d.ts +2 -2
  649. package/dist-types/grid-layout/GridLayout.d.ts +2 -2
  650. package/dist-types/input/Input.d.ts +1 -1
  651. package/dist-types/interactable-card/InteractableCard.d.ts +2 -2
  652. package/dist-types/interactable-card/InteractableCardGroup.d.ts +2 -2
  653. package/dist-types/interactable-card/InteractableCardGroupContext.d.ts +1 -1
  654. package/dist-types/interactable-card/useInteractableCard.d.ts +1 -1
  655. package/dist-types/link/Link.d.ts +3 -3
  656. package/dist-types/link-card/LinkCard.d.ts +1 -1
  657. package/dist-types/list-box/ListBox.d.ts +2 -2
  658. package/dist-types/list-control/ListControlContext.d.ts +1 -1
  659. package/dist-types/list-control/ListControlState.d.ts +2 -2
  660. package/dist-types/menu/Menu.d.ts +2 -2
  661. package/dist-types/menu/MenuBase.d.ts +4 -4
  662. package/dist-types/menu/MenuContext.d.ts +3 -3
  663. package/dist-types/menu/MenuGroup.d.ts +1 -1
  664. package/dist-types/menu/MenuItem.d.ts +1 -1
  665. package/dist-types/menu/MenuPanel.d.ts +1 -1
  666. package/dist-types/menu/MenuPanelBase.d.ts +1 -1
  667. package/dist-types/menu/MenuPanelContext.d.ts +1 -1
  668. package/dist-types/menu/MenuTrigger.d.ts +2 -2
  669. package/dist-types/multiline-input/MultilineInput.d.ts +1 -1
  670. package/dist-types/navigation-item/ExpansionIcon.d.ts +12 -2
  671. package/dist-types/navigation-item/NavigationItem.d.ts +6 -1
  672. package/dist-types/navigation-item/NavigationItemAction.d.ts +5 -0
  673. package/dist-types/option/Option.d.ts +1 -1
  674. package/dist-types/option/OptionGroup.d.ts +1 -1
  675. package/dist-types/option/OptionList.d.ts +1 -1
  676. package/dist-types/option/OptionListBase.d.ts +1 -1
  677. package/dist-types/overlay/Overlay.d.ts +2 -2
  678. package/dist-types/overlay/OverlayContext.d.ts +4 -3
  679. package/dist-types/overlay/OverlayPanel.d.ts +1 -1
  680. package/dist-types/overlay/OverlayPanelCloseButton.d.ts +1 -1
  681. package/dist-types/overlay/OverlayPanelContent.d.ts +1 -1
  682. package/dist-types/overlay/OverlayTrigger.d.ts +2 -2
  683. package/dist-types/pagination/CompactInput.d.ts +1 -1
  684. package/dist-types/pagination/GoToInput.d.ts +1 -1
  685. package/dist-types/pagination/PageRanges.d.ts +1 -1
  686. package/dist-types/pagination/Pagination.d.ts +1 -1
  687. package/dist-types/pagination/PaginationContext.d.ts +1 -1
  688. package/dist-types/pagination/Paginator.d.ts +1 -1
  689. package/dist-types/panel/Panel.d.ts +1 -1
  690. package/dist-types/parent-child-layout/ParentChildLayout.d.ts +2 -2
  691. package/dist-types/parent-child-layout/useIsViewportLargerThanBreakpoint.d.ts +1 -1
  692. package/dist-types/pill/Pill.d.ts +1 -1
  693. package/dist-types/pill-input/PillInput.d.ts +1 -1
  694. package/dist-types/progress/CircularProgress/CircularProgress.d.ts +1 -1
  695. package/dist-types/progress/LinearProgress/LinearProgress.d.ts +5 -3
  696. package/dist-types/radio-button/RadioButton.d.ts +2 -2
  697. package/dist-types/radio-button/RadioButtonGroup.d.ts +1 -1
  698. package/dist-types/radio-button/RadioButtonIcon.d.ts +3 -3
  699. package/dist-types/radio-button/internal/RadioGroupContext.d.ts +2 -2
  700. package/dist-types/salt-provider/SaltProvider.d.ts +84 -22
  701. package/dist-types/scrim/Scrim.d.ts +1 -1
  702. package/dist-types/segmented-button-group/SegmentedButtonGroup.d.ts +1 -1
  703. package/dist-types/spinner/Spinner.d.ts +1 -1
  704. package/dist-types/spinner/svgSpinners/SpinnerSVG.d.ts +4 -4
  705. package/dist-types/split-layout/SplitLayout.d.ts +3 -3
  706. package/dist-types/stack-layout/StackLayout.d.ts +3 -3
  707. package/dist-types/status-adornment/ErrorAdornment.d.ts +1 -1
  708. package/dist-types/status-adornment/StatusAdornment.d.ts +2 -2
  709. package/dist-types/status-adornment/SuccessAdornment.d.ts +1 -1
  710. package/dist-types/status-adornment/WarningAdornment.d.ts +1 -1
  711. package/dist-types/status-indicator/StatusIndicator.d.ts +2 -2
  712. package/dist-types/switch/Switch.d.ts +1 -1
  713. package/dist-types/tag/Tag.d.ts +1 -1
  714. package/dist-types/text/Code.d.ts +1 -1
  715. package/dist-types/text/Display.d.ts +1 -1
  716. package/dist-types/text/Headings.d.ts +1 -1
  717. package/dist-types/text/Label.d.ts +1 -1
  718. package/dist-types/text/Text.d.ts +3 -3
  719. package/dist-types/text/TextAction.d.ts +1 -1
  720. package/dist-types/text/TextNotation.d.ts +1 -1
  721. package/dist-types/theme/Accent.d.ts +5 -1
  722. package/dist-types/theme/ActionFont.d.ts +5 -1
  723. package/dist-types/theme/Corner.d.ts +5 -1
  724. package/dist-types/theme/HeadingFont.d.ts +5 -1
  725. package/dist-types/toast/Toast.d.ts +3 -3
  726. package/dist-types/toast/ToastContent.d.ts +1 -1
  727. package/dist-types/toggle-button/ToggleButton.d.ts +1 -1
  728. package/dist-types/toggle-button-group/ToggleButtonGroup.d.ts +2 -2
  729. package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts +1 -1
  730. package/dist-types/tooltip/Tooltip.d.ts +3 -3
  731. package/dist-types/tooltip/TooltipBase.d.ts +4 -4
  732. package/dist-types/tooltip/useTooltip.d.ts +2 -2
  733. package/dist-types/utils/createContext.d.ts +1 -1
  734. package/dist-types/utils/getRefFromChildren.d.ts +2 -0
  735. package/dist-types/utils/index.d.ts +2 -0
  736. package/dist-types/utils/inferElementType.d.ts +1 -1
  737. package/dist-types/utils/marginMiddleware.d.ts +1 -1
  738. package/dist-types/utils/polymorphicTypes.d.ts +1 -1
  739. package/dist-types/utils/renderProps.d.ts +5 -0
  740. package/dist-types/utils/setRef.d.ts +1 -1
  741. package/dist-types/utils/useControlled.d.ts +1 -1
  742. package/dist-types/utils/useFloatingUI/useFloatingUI.d.ts +4 -4
  743. package/dist-types/utils/useForkRef.d.ts +1 -1
  744. package/dist-types/utils/useIsFocusVisible.d.ts +1 -1
  745. package/dist-types/utils/useIsomorphicLayoutEffect.d.ts +2 -2
  746. package/dist-types/utils/usePrevious.d.ts +1 -1
  747. package/dist-types/utils/useResizeObserver.d.ts +1 -1
  748. package/dist-types/utils/useResponsiveProp.d.ts +1 -1
  749. package/dist-types/utils/useValueEffect.d.ts +1 -1
  750. package/dist-types/viewport/ViewportProvider.d.ts +2 -2
  751. package/package.json +2 -2
  752. package/dist-cjs/navigation-item/ConditionalWrapper.js +0 -35
  753. package/dist-cjs/navigation-item/ConditionalWrapper.js.map +0 -1
  754. package/dist-es/navigation-item/ConditionalWrapper.js +0 -31
  755. package/dist-es/navigation-item/ConditionalWrapper.js.map +0 -1
  756. package/dist-types/navigation-item/ConditionalWrapper.d.ts +0 -8
@@ -1 +1 @@
1
- {"version":3,"file":"useResponsiveProp.js","sources":["../src/utils/useResponsiveProp.ts"],"sourcesContent":["import { Breakpoints } from \"../breakpoints\";\nimport { useBreakpoints } from \"../salt-provider\";\nimport { useViewport } from \"../viewport\";\n\ntype BreakpointProp<T> = {\n [K in keyof Breakpoints]?: T;\n};\n\nexport type ResponsiveProp<T> = T | BreakpointProp<T>;\n\nexport const getCurrentBreakpoint = (\n breakpoints: Breakpoints,\n width: number\n) => {\n const breakpointList = Object.entries(breakpoints).sort(\n ([, a], [, b]) => a - b\n );\n const [currentBreakpoint] = (\n breakpointList as [keyof Breakpoints, number][]\n ).reduce((acc, val) => {\n const [, accWidth] = acc;\n const [breakpoint, breakpointWidth] = val;\n if (breakpointWidth < width && breakpointWidth > accWidth) {\n return [breakpoint, breakpointWidth];\n }\n return [...acc];\n }, breakpointList[0] as [keyof Breakpoints, number]);\n\n return currentBreakpoint;\n};\n\nexport const useCurrentBreakpoint = () => {\n const viewport = useViewport();\n\n const breakpoints = useBreakpoints();\n\n return getCurrentBreakpoint(breakpoints, viewport);\n};\n\nexport const useOrderedBreakpoints = () => {\n const breakpoints = useBreakpoints();\n\n return Object.entries(breakpoints)\n .sort(([, a], [, b]) => a - b)\n .map(([key]) => key);\n};\n\nconst isObject = <T>(\n value: T\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): value is Record<string | number | symbol, any> => {\n const type = typeof value;\n return value !== null && (type === \"object\" || type === \"function\");\n};\n\nconst hasBreakpointValues = <T>(\n value: ResponsiveProp<T>,\n breakpoints: Breakpoints\n): value is BreakpointProp<T> => {\n return (\n isObject(value) && Object.keys(value).every((key) => key in breakpoints)\n );\n};\n\nconst getResponsiveValue = <T>(\n breakpointValues: BreakpointProp<T>,\n breakpoints: Breakpoints,\n viewport: keyof Breakpoints,\n defaultValue: T\n) => {\n return Object.entries(breakpointValues).reduce<[number, T]>(\n (acc, val) => {\n const [accWidth] = acc;\n const [breakpoint, breakpointValue] = val;\n\n const breakpointWidth =\n breakpoints[breakpoint as keyof typeof breakpoints];\n\n if (\n breakpointWidth >= accWidth &&\n breakpointWidth <= breakpoints[viewport]\n ) {\n return [breakpointWidth, breakpointValue];\n }\n\n return acc;\n },\n [0, defaultValue]\n )[1];\n};\n\nexport const useResponsiveProp = <T>(\n value: ResponsiveProp<T>,\n defaultValue: T\n) => {\n const breakpoints = useBreakpoints();\n const viewport = useViewport();\n // return early if the values are the same\n if (value === defaultValue) return defaultValue;\n\n const currentViewport = getCurrentBreakpoint(breakpoints, viewport);\n if (hasBreakpointValues(value, breakpoints)) {\n return getResponsiveValue(\n value,\n breakpoints,\n currentViewport,\n defaultValue\n );\n }\n return value;\n};\n\nfunction isBreakpointProp<T>(\n value: ResponsiveProp<T>\n): value is BreakpointProp<T> {\n return typeof value === \"object\" && !Array.isArray(value);\n}\n\nexport function resolveResponsiveValue<Value>(\n value: ResponsiveProp<Value>,\n matchedBreakpoints: (keyof Breakpoints)[]\n) {\n if (value && isBreakpointProp(value)) {\n for (const breakpoint of matchedBreakpoints) {\n if (value[breakpoint] != null) {\n return value[breakpoint];\n }\n }\n return undefined;\n }\n return value;\n}\n"],"names":["useViewport","useBreakpoints"],"mappings":"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"}
1
+ {"version":3,"file":"useResponsiveProp.js","sources":["../src/utils/useResponsiveProp.ts"],"sourcesContent":["import type { Breakpoints } from \"../breakpoints\";\nimport { useBreakpoints } from \"../salt-provider\";\nimport { useViewport } from \"../viewport\";\n\ntype BreakpointProp<T> = {\n [K in keyof Breakpoints]?: T;\n};\n\nexport type ResponsiveProp<T> = T | BreakpointProp<T>;\n\nexport const getCurrentBreakpoint = (\n breakpoints: Breakpoints,\n width: number,\n) => {\n const breakpointList = Object.entries(breakpoints).sort(\n ([, a], [, b]) => a - b,\n );\n const [currentBreakpoint] = (\n breakpointList as [keyof Breakpoints, number][]\n ).reduce(\n (acc, val) => {\n const [, accWidth] = acc;\n const [breakpoint, breakpointWidth] = val;\n if (breakpointWidth < width && breakpointWidth > accWidth) {\n return [breakpoint, breakpointWidth];\n }\n return acc;\n },\n breakpointList[0] as [keyof Breakpoints, number],\n );\n\n return currentBreakpoint;\n};\n\nexport const useCurrentBreakpoint = () => {\n const viewport = useViewport();\n\n const breakpoints = useBreakpoints();\n\n return getCurrentBreakpoint(breakpoints, viewport);\n};\n\nexport const useOrderedBreakpoints = () => {\n const breakpoints = useBreakpoints();\n\n return Object.entries(breakpoints)\n .sort(([, a], [, b]) => a - b)\n .map(([key]) => key);\n};\n\nconst isObject = <T>(\n value: T,\n): value is Record<string | number | symbol, any> => {\n const type = typeof value;\n return value !== null && (type === \"object\" || type === \"function\");\n};\n\nconst hasBreakpointValues = <T>(\n value: ResponsiveProp<T>,\n breakpoints: Breakpoints,\n): value is BreakpointProp<T> => {\n return (\n isObject(value) && Object.keys(value).every((key) => key in breakpoints)\n );\n};\n\nconst getResponsiveValue = <T>(\n breakpointValues: BreakpointProp<T>,\n breakpoints: Breakpoints,\n viewport: keyof Breakpoints,\n defaultValue: T,\n) => {\n return Object.entries(breakpointValues).reduce<[number, T]>(\n (acc, val) => {\n const [accWidth] = acc;\n const [breakpoint, breakpointValue] = val;\n\n const breakpointWidth =\n breakpoints[breakpoint as keyof typeof breakpoints];\n\n if (\n breakpointWidth >= accWidth &&\n breakpointWidth <= breakpoints[viewport]\n ) {\n return [breakpointWidth, breakpointValue];\n }\n\n return acc;\n },\n [0, defaultValue],\n )[1];\n};\n\nexport const useResponsiveProp = <T>(\n value: ResponsiveProp<T>,\n defaultValue: T,\n) => {\n const breakpoints = useBreakpoints();\n const viewport = useViewport();\n // return early if the values are the same\n if (value === defaultValue) return defaultValue;\n\n const currentViewport = getCurrentBreakpoint(breakpoints, viewport);\n if (hasBreakpointValues(value, breakpoints)) {\n return getResponsiveValue(\n value,\n breakpoints,\n currentViewport,\n defaultValue,\n );\n }\n return value;\n};\n\nfunction isBreakpointProp<T>(\n value: ResponsiveProp<T>,\n): value is BreakpointProp<T> {\n return typeof value === \"object\" && !Array.isArray(value);\n}\n\nexport function resolveResponsiveValue<Value>(\n value: ResponsiveProp<Value>,\n matchedBreakpoints: (keyof Breakpoints)[],\n) {\n if (value && isBreakpointProp(value)) {\n for (const breakpoint of matchedBreakpoints) {\n if (value[breakpoint] != null) {\n return value[breakpoint];\n }\n }\n return undefined;\n }\n return value;\n}\n"],"names":["useViewport","useBreakpoints"],"mappings":"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"}
@@ -9,12 +9,12 @@ require('../accordion/Accordion.js');
9
9
  require('../accordion/AccordionHeader.js');
10
10
  require('../aria-announcer/AriaAnnouncerContext.js');
11
11
  require('react/jsx-runtime');
12
+ require('clsx');
12
13
  require('./useFloatingUI/useFloatingUI.js');
13
14
  require('./useId.js');
14
15
  var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.js');
15
16
  require('../salt-provider/SaltProvider.js');
16
17
  require('../viewport/ViewportProvider.js');
17
- require('clsx');
18
18
  var useEventCallback = require('./useEventCallback.js');
19
19
  require('../avatar/Avatar.js');
20
20
  require('../badge/Badge.js');
@@ -28,9 +28,9 @@ require('../button/Button.js');
28
28
  require('../card/Card.js');
29
29
  require('../checkbox/Checkbox.js');
30
30
  require('../checkbox/CheckboxGroup.js');
31
+ require('@salt-ds/icons');
31
32
  require('@salt-ds/styles');
32
33
  require('@salt-ds/window');
33
- require('@salt-ds/icons');
34
34
  require('../combo-box/ComboBox.js');
35
35
  require('../dialog/Dialog.js');
36
36
  require('../dialog/DialogHeader.js');
@@ -49,6 +49,7 @@ require('../flex-item/FlexItem.js');
49
49
  require('../flex-layout/FlexLayout.js');
50
50
  require('../flow-layout/FlowLayout.js');
51
51
  require('../form-field/FormField.js');
52
+ require('../form-field-context/FormFieldContext.js');
52
53
  require('../status-indicator/StatusIndicator.js');
53
54
  require('../text/Text.js');
54
55
  require('../text/Code.js');
@@ -57,7 +58,6 @@ require('../text/Headings.js');
57
58
  require('../text/Label.js');
58
59
  require('../text/TextAction.js');
59
60
  require('../text/TextNotation.js');
60
- require('../form-field-context/FormFieldContext.js');
61
61
  require('../grid-item/GridItem.js');
62
62
  require('../grid-layout/GridLayout.js');
63
63
  require('../input/Input.js');
@@ -68,12 +68,12 @@ require('../link/Link.js');
68
68
  require('../link-card/LinkCard.js');
69
69
  require('../list-box/ListBox.js');
70
70
  require('../list-control/ListControlContext.js');
71
- require('../menu/MenuContext.js');
72
71
  require('@floating-ui/react');
72
+ require('../menu/MenuContext.js');
73
73
  require('../menu/MenuItem.js');
74
74
  require('../menu/MenuPanel.js');
75
- require('../menu/MenuTriggerContext.js');
76
75
  require('../menu/MenuPanelContext.js');
76
+ require('../menu/MenuTriggerContext.js');
77
77
  require('../menu/MenuGroup.js');
78
78
  require('../multiline-input/MultilineInput.js');
79
79
  require('../navigation-item/NavigationItem.js');
@@ -1 +1 @@
1
- {"version":3,"file":"useValueEffect.js","sources":["../src/utils/useValueEffect.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { Dispatch, MutableRefObject, useRef, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../index\";\nimport { useEventCallback } from \"./useEventCallback\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;\n\n// This hook works like `useState`, but when setting the value, you pass a generator function\n// that can yield multiple values. Each yielded value updates the state and waits for the next\n// layout effect, then continues the generator. This allows sequential updates to state to be\n// written linearly.\nexport function useValueEffect<S>(\n defaultValue: S | (() => S)\n): [S, Dispatch<SetValueAction<S>>] {\n const [value, setValue] = useState(defaultValue);\n const effect: MutableRefObject<Generator<S> | null> =\n useRef<Generator<S> | null>(null);\n\n // Store the function in a ref so we can always access the current version\n // which has the proper `value` in scope.\n const nextRef = useEventCallback(() => {\n if (!effect.current) {\n return;\n }\n // Run the generator to the next yield.\n const newValue = effect.current.next();\n\n // If the generator is done, reset the effect.\n if (newValue.done) {\n effect.current = null;\n return;\n }\n\n // If the value is the same as the current value,\n // then continue to the next yield. Otherwise,\n // set the value in state and wait for the next layout effect.\n if (value === newValue.value) {\n nextRef();\n } else {\n setValue(newValue.value);\n }\n });\n\n useIsomorphicLayoutEffect(() => {\n // If there is an effect currently running, continue to the next yield.\n if (effect.current) {\n nextRef();\n }\n });\n\n const queue: Dispatch<SetValueAction<S>> = useEventCallback((fn) => {\n effect.current = fn(value);\n nextRef();\n });\n\n return [value, queue];\n}\n"],"names":["useState","useRef","useEventCallback","useIsomorphicLayoutEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,SAAS,eACd,YACkC,EAAA;AAClC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAS,YAAY,CAAA,CAAA;AAC/C,EAAM,MAAA,MAAA,GACJC,aAA4B,IAAI,CAAA,CAAA;AAIlC,EAAM,MAAA,OAAA,GAAUC,kCAAiB,MAAM;AACrC,IAAI,IAAA,CAAC,OAAO,OAAS,EAAA;AACnB,MAAA,OAAA;AAAA,KACF;AAEA,IAAM,MAAA,QAAA,GAAW,MAAO,CAAA,OAAA,CAAQ,IAAK,EAAA,CAAA;AAGrC,IAAA,IAAI,SAAS,IAAM,EAAA;AACjB,MAAA,MAAA,CAAO,OAAU,GAAA,IAAA,CAAA;AACjB,MAAA,OAAA;AAAA,KACF;AAKA,IAAI,IAAA,KAAA,KAAU,SAAS,KAAO,EAAA;AAC5B,MAAQ,OAAA,EAAA,CAAA;AAAA,KACH,MAAA;AACL,MAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,KACzB;AAAA,GACD,CAAA,CAAA;AAED,EAAAC,mDAAA,CAA0B,MAAM;AAE9B,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAQ,OAAA,EAAA,CAAA;AAAA,KACV;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,KAAA,GAAqCD,iCAAiB,CAAA,CAAC,EAAO,KAAA;AAClE,IAAO,MAAA,CAAA,OAAA,GAAU,GAAG,KAAK,CAAA,CAAA;AACzB,IAAQ,OAAA,EAAA,CAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAO,OAAA,CAAC,OAAO,KAAK,CAAA,CAAA;AACtB;;;;"}
1
+ {"version":3,"file":"useValueEffect.js","sources":["../src/utils/useValueEffect.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { type Dispatch, type MutableRefObject, useRef, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../index\";\nimport { useEventCallback } from \"./useEventCallback\";\n\ntype SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;\n\n// This hook works like `useState`, but when setting the value, you pass a generator function\n// that can yield multiple values. Each yielded value updates the state and waits for the next\n// layout effect, then continues the generator. This allows sequential updates to state to be\n// written linearly.\nexport function useValueEffect<S>(\n defaultValue: S | (() => S),\n): [S, Dispatch<SetValueAction<S>>] {\n const [value, setValue] = useState(defaultValue);\n const effect: MutableRefObject<Generator<S> | null> =\n useRef<Generator<S> | null>(null);\n\n // Store the function in a ref so we can always access the current version\n // which has the proper `value` in scope.\n const nextRef = useEventCallback(() => {\n if (!effect.current) {\n return;\n }\n // Run the generator to the next yield.\n const newValue = effect.current.next();\n\n // If the generator is done, reset the effect.\n if (newValue.done) {\n effect.current = null;\n return;\n }\n\n // If the value is the same as the current value,\n // then continue to the next yield. Otherwise,\n // set the value in state and wait for the next layout effect.\n if (value === newValue.value) {\n nextRef();\n } else {\n setValue(newValue.value);\n }\n });\n\n useIsomorphicLayoutEffect(() => {\n // If there is an effect currently running, continue to the next yield.\n if (effect.current) {\n nextRef();\n }\n });\n\n const queue: Dispatch<SetValueAction<S>> = useEventCallback((fn) => {\n effect.current = fn(value);\n nextRef();\n });\n\n return [value, queue];\n}\n"],"names":["useState","useRef","useEventCallback","useIsomorphicLayoutEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,SAAS,eACd,YACkC,EAAA;AAClC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAS,YAAY,CAAA,CAAA;AAC/C,EAAM,MAAA,MAAA,GACJC,aAA4B,IAAI,CAAA,CAAA;AAIlC,EAAM,MAAA,OAAA,GAAUC,kCAAiB,MAAM;AACrC,IAAI,IAAA,CAAC,OAAO,OAAS,EAAA;AACnB,MAAA,OAAA;AAAA,KACF;AAEA,IAAM,MAAA,QAAA,GAAW,MAAO,CAAA,OAAA,CAAQ,IAAK,EAAA,CAAA;AAGrC,IAAA,IAAI,SAAS,IAAM,EAAA;AACjB,MAAA,MAAA,CAAO,OAAU,GAAA,IAAA,CAAA;AACjB,MAAA,OAAA;AAAA,KACF;AAKA,IAAI,IAAA,KAAA,KAAU,SAAS,KAAO,EAAA;AAC5B,MAAQ,OAAA,EAAA,CAAA;AAAA,KACH,MAAA;AACL,MAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,KACzB;AAAA,GACD,CAAA,CAAA;AAED,EAAAC,mDAAA,CAA0B,MAAM;AAE9B,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAQ,OAAA,EAAA,CAAA;AAAA,KACV;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,KAAA,GAAqCD,iCAAiB,CAAA,CAAC,EAAO,KAAA;AAClE,IAAO,MAAA,CAAA,OAAA,GAAU,GAAG,KAAK,CAAA,CAAA;AACzB,IAAQ,OAAA,EAAA,CAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAO,OAAA,CAAC,OAAO,KAAK,CAAA,CAAA;AACtB;;;;"}
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var React = require('react');
7
+ require('clsx');
7
8
  require('../utils/useFloatingUI/useFloatingUI.js');
8
9
  require('../utils/useId.js');
9
10
  var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
10
11
  require('../salt-provider/SaltProvider.js');
11
- require('clsx');
12
12
  require('../accordion/AccordionGroup.js');
13
13
  require('../accordion/AccordionPanel.js');
14
14
  require('../accordion/Accordion.js');
@@ -26,9 +26,9 @@ require('../button/Button.js');
26
26
  require('../card/Card.js');
27
27
  require('../checkbox/Checkbox.js');
28
28
  require('../checkbox/CheckboxGroup.js');
29
+ require('@salt-ds/icons');
29
30
  require('@salt-ds/styles');
30
31
  require('@salt-ds/window');
31
- require('@salt-ds/icons');
32
32
  require('../combo-box/ComboBox.js');
33
33
  require('../dialog/Dialog.js');
34
34
  require('../dialog/DialogHeader.js');
@@ -47,6 +47,7 @@ require('../flex-item/FlexItem.js');
47
47
  require('../flex-layout/FlexLayout.js');
48
48
  require('../flow-layout/FlowLayout.js');
49
49
  require('../form-field/FormField.js');
50
+ require('../form-field-context/FormFieldContext.js');
50
51
  require('../status-indicator/StatusIndicator.js');
51
52
  require('../text/Text.js');
52
53
  require('../text/Code.js');
@@ -55,7 +56,6 @@ require('../text/Headings.js');
55
56
  require('../text/Label.js');
56
57
  require('../text/TextAction.js');
57
58
  require('../text/TextNotation.js');
58
- require('../form-field-context/FormFieldContext.js');
59
59
  require('../grid-item/GridItem.js');
60
60
  require('../grid-layout/GridLayout.js');
61
61
  require('../input/Input.js');
@@ -66,12 +66,12 @@ require('../link/Link.js');
66
66
  require('../link-card/LinkCard.js');
67
67
  require('../list-box/ListBox.js');
68
68
  require('../list-control/ListControlContext.js');
69
- require('../menu/MenuContext.js');
70
69
  require('@floating-ui/react');
70
+ require('../menu/MenuContext.js');
71
71
  require('../menu/MenuItem.js');
72
72
  require('../menu/MenuPanel.js');
73
- require('../menu/MenuTriggerContext.js');
74
73
  require('../menu/MenuPanelContext.js');
74
+ require('../menu/MenuTriggerContext.js');
75
75
  require('../menu/MenuGroup.js');
76
76
  require('../multiline-input/MultilineInput.js');
77
77
  require('../navigation-item/NavigationItem.js');
@@ -1 +1 @@
1
- {"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { createContext, useState, useContext, ReactNode } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n const existingViewport = useContext(ViewportContext);\n const [viewport, setViewport] = useState(existingViewport);\n\n const noExistingViewport = existingViewport === null;\n const viewportValue = existingViewport || viewport || 0;\n\n useIsomorphicLayoutEffect(() => {\n let observer: ResizeObserver | null = null;\n\n if (noExistingViewport) {\n observer = new ResizeObserver(\n (observerEntries: ResizeObserverEntry[]) => {\n setViewport(observerEntries[0].contentRect.width);\n }\n );\n\n observer.observe(document.body);\n setViewport(document.body.getBoundingClientRect().width);\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [noExistingViewport]);\n\n return (\n <ViewportContext.Provider value={viewportValue}>\n {children}\n </ViewportContext.Provider>\n );\n};\n\nconst useViewport = (): number => {\n const value = useContext(ViewportContext);\n return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":["createContext","useContext","useState","useIsomorphicLayoutEffect","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,eAAA,GAAkBA,oBAA6B,IAAI,EAAA;AAMzD,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAEhE,EAAM,MAAA,gBAAA,GAAmBC,iBAAW,eAAe,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAAS,gBAAgB,CAAA,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAqB,KAAA,IAAA,CAAA;AAChD,EAAM,MAAA,aAAA,GAAgB,oBAAoB,QAAY,IAAA,CAAA,CAAA;AAEtD,EAAAC,mDAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAkC,GAAA,IAAA,CAAA;AAEtC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAA2C,KAAA;AAC1C,UAAY,WAAA,CAAA,eAAA,CAAgB,CAAG,CAAA,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,SAClD;AAAA,OACF,CAAA;AAEA,MAAS,QAAA,CAAA,OAAA,CAAQ,SAAS,IAAI,CAAA,CAAA;AAC9B,MAAA,WAAA,CAAY,QAAS,CAAA,IAAA,CAAK,qBAAsB,EAAA,CAAE,KAAK,CAAA,CAAA;AAAA,KACzD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,OACtB;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EACE,uBAAAC,cAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,aAAA;AAAA,IAC9B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,cAAc,MAAc;AAChC,EAAM,MAAA,KAAA,GAAQH,iBAAW,eAAe,CAAA,CAAA;AACxC,EAAO,OAAA,KAAA,KAAU,OAAO,CAAI,GAAA,KAAA,CAAA;AAC9B;;;;;;"}
1
+ {"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n const existingViewport = useContext(ViewportContext);\n const [viewport, setViewport] = useState(existingViewport);\n\n const noExistingViewport = existingViewport === null;\n const viewportValue = existingViewport || viewport || 0;\n\n useIsomorphicLayoutEffect(() => {\n let observer: ResizeObserver | null = null;\n\n if (noExistingViewport) {\n observer = new ResizeObserver(\n (observerEntries: ResizeObserverEntry[]) => {\n setViewport(observerEntries[0].contentRect.width);\n },\n );\n\n observer.observe(document.body);\n setViewport(document.body.getBoundingClientRect().width);\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [noExistingViewport]);\n\n return (\n <ViewportContext.Provider value={viewportValue}>\n {children}\n </ViewportContext.Provider>\n );\n};\n\nconst useViewport = (): number => {\n const value = useContext(ViewportContext);\n return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":["createContext","useContext","useState","useIsomorphicLayoutEffect","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,eAAA,GAAkBA,oBAA6B,IAAI,EAAA;AAMzD,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAEhE,EAAM,MAAA,gBAAA,GAAmBC,iBAAW,eAAe,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAAS,gBAAgB,CAAA,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAqB,KAAA,IAAA,CAAA;AAChD,EAAM,MAAA,aAAA,GAAgB,oBAAoB,QAAY,IAAA,CAAA,CAAA;AAEtD,EAAAC,mDAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAkC,GAAA,IAAA,CAAA;AAEtC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAA2C,KAAA;AAC1C,UAAY,WAAA,CAAA,eAAA,CAAgB,CAAG,CAAA,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,SAClD;AAAA,OACF,CAAA;AAEA,MAAS,QAAA,CAAA,OAAA,CAAQ,SAAS,IAAI,CAAA,CAAA;AAC9B,MAAA,WAAA,CAAY,QAAS,CAAA,IAAA,CAAK,qBAAsB,EAAA,CAAE,KAAK,CAAA,CAAA;AAAA,KACzD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,OACtB;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EACE,uBAAAC,cAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,aAAA;AAAA,IAC9B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,cAAc,MAAc;AAChC,EAAM,MAAA,KAAA,GAAQH,iBAAW,eAAe,CAAA,CAAA;AACxC,EAAO,OAAA,KAAA,KAAU,OAAO,CAAI,GAAA,KAAA,CAAA;AAC9B;;;;;;"}
@@ -1,9 +1,8 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
- import { clsx } from 'clsx';
4
- import { AccordionContext } from './AccordionContext.js';
5
- import { useWindow } from '@salt-ds/window';
6
2
  import { useComponentCssInjection } from '@salt-ds/styles';
3
+ import { useWindow } from '@salt-ds/window';
4
+ import { clsx } from 'clsx';
5
+ import { forwardRef } from 'react';
7
6
  import { makePrefixer } from '../utils/makePrefixer.js';
8
7
  import { useControlled } from '../utils/useControlled.js';
9
8
  import '../utils/useFloatingUI/useFloatingUI.js';
@@ -45,6 +44,7 @@ import '../flex-item/FlexItem.js';
45
44
  import '../flex-layout/FlexLayout.js';
46
45
  import '../flow-layout/FlowLayout.js';
47
46
  import '../form-field/FormField.js';
47
+ import '../form-field-context/FormFieldContext.js';
48
48
  import '../status-indicator/StatusIndicator.js';
49
49
  import '../text/Text.js';
50
50
  import '../text/Code.js';
@@ -53,7 +53,6 @@ import '../text/Headings.js';
53
53
  import '../text/Label.js';
54
54
  import '../text/TextAction.js';
55
55
  import '../text/TextNotation.js';
56
- import '../form-field-context/FormFieldContext.js';
57
56
  import '../grid-item/GridItem.js';
58
57
  import '../grid-layout/GridLayout.js';
59
58
  import '../input/Input.js';
@@ -64,12 +63,12 @@ import '../link/Link.js';
64
63
  import '../link-card/LinkCard.js';
65
64
  import '../list-box/ListBox.js';
66
65
  import '../list-control/ListControlContext.js';
67
- import '../menu/MenuContext.js';
68
66
  import '@floating-ui/react';
67
+ import '../menu/MenuContext.js';
69
68
  import '../menu/MenuItem.js';
70
69
  import '../menu/MenuPanel.js';
71
- import '../menu/MenuTriggerContext.js';
72
70
  import '../menu/MenuPanelContext.js';
71
+ import '../menu/MenuTriggerContext.js';
73
72
  import '../menu/MenuGroup.js';
74
73
  import '../multiline-input/MultilineInput.js';
75
74
  import '../navigation-item/NavigationItem.js';
@@ -106,6 +105,7 @@ import '../toggle-button-group/ToggleButtonGroup.js';
106
105
  import '../toggle-button-group/ToggleButtonGroupContext.js';
107
106
  import '../tooltip/Tooltip.js';
108
107
  import css_248z from './Accordion.css.js';
108
+ import { AccordionContext } from './AccordionContext.js';
109
109
 
110
110
  const withBaseName = makePrefixer("saltAccordion");
111
111
  const Accordion = forwardRef(
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sources":["../src/accordion/Accordion.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, SyntheticEvent } from \"react\";\nimport { clsx } from \"clsx\";\nimport { AccordionContext } from \"./AccordionContext\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer, useControlled, useId } from \"../utils\";\nimport accordionCss from \"./Accordion.css\";\nexport interface AccordionProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * AccordionGroup value.\n */\n value: string;\n /**\n * Whether the accordion is expanded.\n */\n expanded?: boolean;\n /**\n * Whether the accordion is expanded by default.\n */\n defaultExpanded?: boolean;\n /**\n * Side to align the Accordion's indicator. Defaults to `left`.\n */\n indicatorSide?: \"left\" | \"right\";\n /**\n * Callback fired when the accordion is toggled.\n */\n onToggle?: (event: SyntheticEvent<HTMLButtonElement>) => void;\n /**\n * Whether the accordion is disabled.\n */\n disabled?: boolean;\n /**\n * The status of the accordion.\n */\n status?: \"error\" | \"warning\" | \"success\";\n}\n\nconst withBaseName = makePrefixer(\"saltAccordion\");\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n function Accordion(props, ref) {\n const {\n className,\n defaultExpanded,\n expanded: expandedProp,\n disabled,\n indicatorSide = \"left\",\n id: idProp,\n onToggle,\n status,\n value,\n ...rest\n } = props;\n\n const id = useId(idProp);\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion\",\n css: accordionCss,\n window: targetWindow,\n });\n\n const [expanded, setExpanded] = useControlled({\n controlled: expandedProp,\n default: Boolean(defaultExpanded),\n name: \"Accordion\",\n state: \"expanded\",\n });\n\n const toggle = (event: SyntheticEvent<HTMLButtonElement>) => {\n setExpanded((prev) => !prev);\n onToggle?.(event);\n };\n\n return (\n <AccordionContext.Provider\n value={{\n value,\n toggle,\n expanded,\n indicatorSide,\n disabled: Boolean(disabled),\n id: id ?? \"\",\n status,\n }}\n >\n <div\n ref={ref}\n className={clsx(\n withBaseName(),\n { [withBaseName(status ?? \"\")]: status },\n className\n )}\n {...rest}\n />\n </AccordionContext.Provider>\n );\n }\n);\n"],"names":["Accordion","accordionCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA,CAAA;AAE1C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,SAASA,UAAU,CAAA,KAAA,EAAO,GAAK,EAAA;AAC7B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,QAAA;AAAA,MACA,aAAgB,GAAA,MAAA;AAAA,MAChB,EAAI,EAAA,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AACvB,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,aAAc,CAAA;AAAA,MAC5C,UAAY,EAAA,YAAA;AAAA,MACZ,OAAA,EAAS,QAAQ,eAAe,CAAA;AAAA,MAChC,IAAM,EAAA,WAAA;AAAA,MACN,KAAO,EAAA,UAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,CAAC,KAA6C,KAAA;AAC3D,MAAY,WAAA,CAAA,CAAC,IAAS,KAAA,CAAC,IAAI,CAAA,CAAA;AAC3B,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IACE,uBAAA,GAAA,CAAC,iBAAiB,QAAjB,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA,aAAA;AAAA,QACA,QAAA,EAAU,QAAQ,QAAQ,CAAA;AAAA,QAC1B,IAAI,EAAM,IAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,QACV,MAAA;AAAA,OACF;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,EAAE,CAAC,YAAA,CAAa,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAE,IAAI,MAAO,EAAA;AAAA,UACvC,SAAA;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,OACN,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1
+ {"version":3,"file":"Accordion.js","sources":["../src/accordion/Accordion.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type SyntheticEvent,\n forwardRef,\n} from \"react\";\nimport { makePrefixer, useControlled, useId } from \"../utils\";\nimport accordionCss from \"./Accordion.css\";\nimport { AccordionContext } from \"./AccordionContext\";\nexport interface AccordionProps\n extends Omit<ComponentPropsWithoutRef<\"div\">, \"onToggle\"> {\n /**\n * AccordionGroup value.\n */\n value: string;\n /**\n * Whether the accordion is expanded.\n */\n expanded?: boolean;\n /**\n * Whether the accordion is expanded by default.\n */\n defaultExpanded?: boolean;\n /**\n * Side to align the Accordion's indicator. Defaults to `left`.\n */\n indicatorSide?: \"left\" | \"right\";\n /**\n * Callback fired when the accordion is toggled.\n */\n onToggle?: (event: SyntheticEvent<HTMLButtonElement>) => void;\n /**\n * Whether the accordion is disabled.\n */\n disabled?: boolean;\n /**\n * The status of the accordion.\n */\n status?: \"error\" | \"warning\" | \"success\";\n}\n\nconst withBaseName = makePrefixer(\"saltAccordion\");\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n function Accordion(props, ref) {\n const {\n className,\n defaultExpanded,\n expanded: expandedProp,\n disabled,\n indicatorSide = \"left\",\n id: idProp,\n onToggle,\n status,\n value,\n ...rest\n } = props;\n\n const id = useId(idProp);\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion\",\n css: accordionCss,\n window: targetWindow,\n });\n\n const [expanded, setExpanded] = useControlled({\n controlled: expandedProp,\n default: Boolean(defaultExpanded),\n name: \"Accordion\",\n state: \"expanded\",\n });\n\n const toggle = (event: SyntheticEvent<HTMLButtonElement>) => {\n setExpanded((prev) => !prev);\n onToggle?.(event);\n };\n\n return (\n <AccordionContext.Provider\n value={{\n value,\n toggle,\n expanded,\n indicatorSide,\n disabled: Boolean(disabled),\n id: id ?? \"\",\n status,\n }}\n >\n <div\n ref={ref}\n className={clsx(\n withBaseName(),\n { [withBaseName(status ?? \"\")]: status },\n className,\n )}\n {...rest}\n />\n </AccordionContext.Provider>\n );\n },\n);\n"],"names":["Accordion","accordionCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA,CAAA;AAE1C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,SAASA,UAAU,CAAA,KAAA,EAAO,GAAK,EAAA;AAC7B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,QAAA;AAAA,MACA,aAAgB,GAAA,MAAA;AAAA,MAChB,EAAI,EAAA,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AACvB,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,aAAc,CAAA;AAAA,MAC5C,UAAY,EAAA,YAAA;AAAA,MACZ,OAAA,EAAS,QAAQ,eAAe,CAAA;AAAA,MAChC,IAAM,EAAA,WAAA;AAAA,MACN,KAAO,EAAA,UAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,CAAC,KAA6C,KAAA;AAC3D,MAAY,WAAA,CAAA,CAAC,IAAS,KAAA,CAAC,IAAI,CAAA,CAAA;AAC3B,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IACE,uBAAA,GAAA,CAAC,iBAAiB,QAAjB,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA,aAAA;AAAA,QACA,QAAA,EAAU,QAAQ,QAAQ,CAAA;AAAA,QAC1B,IAAI,EAAM,IAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,QACV,MAAA;AAAA,OACF;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,EAAE,CAAC,YAAA,CAAa,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAE,IAAI,MAAO,EAAA;AAAA,UACvC,SAAA;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,OACN,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
@@ -1,16 +1,16 @@
1
1
  import { useContext } from 'react';
2
2
  import { createContext } from '../utils/createContext.js';
3
+ import 'react/jsx-runtime';
4
+ import 'clsx';
3
5
  import '../utils/useFloatingUI/useFloatingUI.js';
4
6
  import '../utils/useId.js';
5
7
  import '../salt-provider/SaltProvider.js';
6
8
  import '../viewport/ViewportProvider.js';
7
- import 'clsx';
8
9
  import './AccordionGroup.js';
9
10
  import './AccordionPanel.js';
10
11
  import './Accordion.js';
11
12
  import './AccordionHeader.js';
12
13
  import '../aria-announcer/AriaAnnouncerContext.js';
13
- import 'react/jsx-runtime';
14
14
  import '../avatar/Avatar.js';
15
15
  import '../badge/Badge.js';
16
16
  import '../banner/Banner.js';
@@ -23,9 +23,9 @@ import '../button/Button.js';
23
23
  import '../card/Card.js';
24
24
  import '../checkbox/Checkbox.js';
25
25
  import '../checkbox/CheckboxGroup.js';
26
+ import '@salt-ds/icons';
26
27
  import '@salt-ds/styles';
27
28
  import '@salt-ds/window';
28
- import '@salt-ds/icons';
29
29
  import '../combo-box/ComboBox.js';
30
30
  import '../dialog/Dialog.js';
31
31
  import '../dialog/DialogHeader.js';
@@ -44,6 +44,7 @@ import '../flex-item/FlexItem.js';
44
44
  import '../flex-layout/FlexLayout.js';
45
45
  import '../flow-layout/FlowLayout.js';
46
46
  import '../form-field/FormField.js';
47
+ import '../form-field-context/FormFieldContext.js';
47
48
  import '../status-indicator/StatusIndicator.js';
48
49
  import '../text/Text.js';
49
50
  import '../text/Code.js';
@@ -52,7 +53,6 @@ import '../text/Headings.js';
52
53
  import '../text/Label.js';
53
54
  import '../text/TextAction.js';
54
55
  import '../text/TextNotation.js';
55
- import '../form-field-context/FormFieldContext.js';
56
56
  import '../grid-item/GridItem.js';
57
57
  import '../grid-layout/GridLayout.js';
58
58
  import '../input/Input.js';
@@ -63,12 +63,12 @@ import '../link/Link.js';
63
63
  import '../link-card/LinkCard.js';
64
64
  import '../list-box/ListBox.js';
65
65
  import '../list-control/ListControlContext.js';
66
- import '../menu/MenuContext.js';
67
66
  import '@floating-ui/react';
67
+ import '../menu/MenuContext.js';
68
68
  import '../menu/MenuItem.js';
69
69
  import '../menu/MenuPanel.js';
70
- import '../menu/MenuTriggerContext.js';
71
70
  import '../menu/MenuPanelContext.js';
71
+ import '../menu/MenuTriggerContext.js';
72
72
  import '../menu/MenuGroup.js';
73
73
  import '../multiline-input/MultilineInput.js';
74
74
  import '../navigation-item/NavigationItem.js';
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionContext.js","sources":["../src/accordion/AccordionContext.ts"],"sourcesContent":["import { SyntheticEvent, useContext } from \"react\";\nimport { createContext } from \"../utils\";\n\nexport interface AccordionContextValue {\n value: string;\n expanded: boolean;\n toggle: (event: SyntheticEvent<HTMLButtonElement>) => void;\n disabled: boolean;\n indicatorSide: \"left\" | \"right\";\n id: string;\n status?: \"error\" | \"warning\" | \"success\";\n}\n\nexport const AccordionContext = createContext<AccordionContextValue>(\n \"AccordionContext\",\n {\n value: \"\",\n expanded: false,\n toggle: () => undefined,\n disabled: false,\n indicatorSide: \"left\",\n id: \"\",\n }\n);\n\nexport function useAccordion() {\n return useContext(AccordionContext);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,gBAAmB,GAAA,aAAA;AAAA,EAC9B,kBAAA;AAAA,EACA;AAAA,IACE,KAAO,EAAA,EAAA;AAAA,IACP,QAAU,EAAA,KAAA;AAAA,IACV,QAAQ,MAAM,KAAA,CAAA;AAAA,IACd,QAAU,EAAA,KAAA;AAAA,IACV,aAAe,EAAA,MAAA;AAAA,IACf,EAAI,EAAA,EAAA;AAAA,GACN;AACF,EAAA;AAEO,SAAS,YAAe,GAAA;AAC7B,EAAA,OAAO,WAAW,gBAAgB,CAAA,CAAA;AACpC;;;;"}
1
+ {"version":3,"file":"AccordionContext.js","sources":["../src/accordion/AccordionContext.ts"],"sourcesContent":["import { type SyntheticEvent, useContext } from \"react\";\nimport { createContext } from \"../utils\";\n\nexport interface AccordionContextValue {\n value: string;\n expanded: boolean;\n toggle: (event: SyntheticEvent<HTMLButtonElement>) => void;\n disabled: boolean;\n indicatorSide: \"left\" | \"right\";\n id: string;\n status?: \"error\" | \"warning\" | \"success\";\n}\n\nexport const AccordionContext = createContext<AccordionContextValue>(\n \"AccordionContext\",\n {\n value: \"\",\n expanded: false,\n toggle: () => undefined,\n disabled: false,\n indicatorSide: \"left\",\n id: \"\",\n },\n);\n\nexport function useAccordion() {\n return useContext(AccordionContext);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,gBAAmB,GAAA,aAAA;AAAA,EAC9B,kBAAA;AAAA,EACA;AAAA,IACE,KAAO,EAAA,EAAA;AAAA,IACP,QAAU,EAAA,KAAA;AAAA,IACV,QAAQ,MAAM,KAAA,CAAA;AAAA,IACd,QAAU,EAAA,KAAA;AAAA,IACV,aAAe,EAAA,MAAA;AAAA,IACf,EAAI,EAAA,EAAA;AAAA,GACN;AACF,EAAA;AAEO,SAAS,YAAe,GAAA;AAC7B,EAAA,OAAO,WAAW,gBAAgB,CAAA,CAAA;AACpC;;;;"}
@@ -1,6 +1,8 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
2
+ import { useComponentCssInjection } from '@salt-ds/styles';
3
+ import { useWindow } from '@salt-ds/window';
3
4
  import { clsx } from 'clsx';
5
+ import { forwardRef } from 'react';
4
6
  import { makePrefixer } from '../utils/makePrefixer.js';
5
7
  import '../utils/useFloatingUI/useFloatingUI.js';
6
8
  import '../utils/useId.js';
@@ -22,8 +24,6 @@ import '../button/Button.js';
22
24
  import '../card/Card.js';
23
25
  import '../checkbox/Checkbox.js';
24
26
  import '../checkbox/CheckboxGroup.js';
25
- import { useComponentCssInjection } from '@salt-ds/styles';
26
- import { useWindow } from '@salt-ds/window';
27
27
  import '@salt-ds/icons';
28
28
  import '../combo-box/ComboBox.js';
29
29
  import '../dialog/Dialog.js';
@@ -43,6 +43,7 @@ import '../flex-item/FlexItem.js';
43
43
  import '../flex-layout/FlexLayout.js';
44
44
  import '../flow-layout/FlowLayout.js';
45
45
  import '../form-field/FormField.js';
46
+ import '../form-field-context/FormFieldContext.js';
46
47
  import '../status-indicator/StatusIndicator.js';
47
48
  import '../text/Text.js';
48
49
  import '../text/Code.js';
@@ -51,7 +52,6 @@ import '../text/Headings.js';
51
52
  import '../text/Label.js';
52
53
  import '../text/TextAction.js';
53
54
  import '../text/TextNotation.js';
54
- import '../form-field-context/FormFieldContext.js';
55
55
  import '../grid-item/GridItem.js';
56
56
  import '../grid-layout/GridLayout.js';
57
57
  import '../input/Input.js';
@@ -62,12 +62,12 @@ import '../link/Link.js';
62
62
  import '../link-card/LinkCard.js';
63
63
  import '../list-box/ListBox.js';
64
64
  import '../list-control/ListControlContext.js';
65
- import '../menu/MenuContext.js';
66
65
  import '@floating-ui/react';
66
+ import '../menu/MenuContext.js';
67
67
  import '../menu/MenuItem.js';
68
68
  import '../menu/MenuPanel.js';
69
- import '../menu/MenuTriggerContext.js';
70
69
  import '../menu/MenuPanelContext.js';
70
+ import '../menu/MenuTriggerContext.js';
71
71
  import '../menu/MenuGroup.js';
72
72
  import '../multiline-input/MultilineInput.js';
73
73
  import '../navigation-item/NavigationItem.js';
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionGroup.js","sources":["../src/accordion/AccordionGroup.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport accordionGroupCss from \"./AccordionGroup.css\";\n\nexport interface AccordionGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The child Accordions to be rendered\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionGroup\");\n\nexport const AccordionGroup = forwardRef<HTMLDivElement, AccordionGroupProps>(\n function AccordionGroup(props, ref) {\n const { className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-group\",\n css: accordionGroupCss,\n window: targetWindow,\n });\n\n return (\n <div className={clsx(withBaseName(), className)} ref={ref} {...rest} />\n );\n }\n);\n"],"names":["AccordionGroup","accordionGroupCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAE/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAM,MAAA,EAAE,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MAAG,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,KAAM,CAAA,CAAA;AAAA,GAEzE;AACF;;;;"}
1
+ {"version":3,"file":"AccordionGroup.js","sources":["../src/accordion/AccordionGroup.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type ReactNode,\n forwardRef,\n} from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport accordionGroupCss from \"./AccordionGroup.css\";\n\nexport interface AccordionGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The child Accordions to be rendered\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionGroup\");\n\nexport const AccordionGroup = forwardRef<HTMLDivElement, AccordionGroupProps>(\n function AccordionGroup(props, ref) {\n const { className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-group\",\n css: accordionGroupCss,\n window: targetWindow,\n });\n\n return (\n <div className={clsx(withBaseName(), className)} ref={ref} {...rest} />\n );\n },\n);\n"],"names":["AccordionGroup","accordionGroupCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAE/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAM,MAAA,EAAE,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MAAG,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,KAAM,CAAA,CAAA;AAAA,GAEzE;AACF;;;;"}
@@ -1,10 +1,10 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
- import { clsx } from 'clsx';
4
- import { StatusIndicator } from '../status-indicator/StatusIndicator.js';
5
2
  import { ChevronUpIcon, ChevronDownIcon } from '@salt-ds/icons';
6
- import { useWindow } from '@salt-ds/window';
7
3
  import { useComponentCssInjection } from '@salt-ds/styles';
4
+ import { useWindow } from '@salt-ds/window';
5
+ import { clsx } from 'clsx';
6
+ import { forwardRef } from 'react';
7
+ import { StatusIndicator } from '../status-indicator/StatusIndicator.js';
8
8
  import { makePrefixer } from '../utils/makePrefixer.js';
9
9
  import '../utils/useFloatingUI/useFloatingUI.js';
10
10
  import '../utils/useId.js';
@@ -44,6 +44,7 @@ import '../flex-item/FlexItem.js';
44
44
  import '../flex-layout/FlexLayout.js';
45
45
  import '../flow-layout/FlowLayout.js';
46
46
  import '../form-field/FormField.js';
47
+ import '../form-field-context/FormFieldContext.js';
47
48
  import '../text/Text.js';
48
49
  import '../text/Code.js';
49
50
  import '../text/Display.js';
@@ -51,7 +52,6 @@ import '../text/Headings.js';
51
52
  import '../text/Label.js';
52
53
  import '../text/TextAction.js';
53
54
  import '../text/TextNotation.js';
54
- import '../form-field-context/FormFieldContext.js';
55
55
  import '../grid-item/GridItem.js';
56
56
  import '../grid-layout/GridLayout.js';
57
57
  import '../input/Input.js';
@@ -62,12 +62,12 @@ import '../link/Link.js';
62
62
  import '../link-card/LinkCard.js';
63
63
  import '../list-box/ListBox.js';
64
64
  import '../list-control/ListControlContext.js';
65
- import '../menu/MenuContext.js';
66
65
  import '@floating-ui/react';
66
+ import '../menu/MenuContext.js';
67
67
  import '../menu/MenuItem.js';
68
68
  import '../menu/MenuPanel.js';
69
- import '../menu/MenuTriggerContext.js';
70
69
  import '../menu/MenuPanelContext.js';
70
+ import '../menu/MenuTriggerContext.js';
71
71
  import '../menu/MenuGroup.js';
72
72
  import '../multiline-input/MultilineInput.js';
73
73
  import '../navigation-item/NavigationItem.js';
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionHeader.js","sources":["../src/accordion/AccordionHeader.tsx"],"sourcesContent":["import {\n ComponentPropsWithoutRef,\n forwardRef,\n MouseEvent,\n ReactNode,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { StatusIndicator } from \"../status-indicator\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"@salt-ds/icons\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { makePrefixer } from \"../utils\";\n\nimport { useAccordion } from \"./AccordionContext\";\nimport accordionHeaderCss from \"./AccordionHeader.css\";\n\nexport interface AccordionHeaderProps\n extends ComponentPropsWithoutRef<\"button\"> {\n /**\n * The content of the Accordion Header\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionHeader\");\n\nfunction ExpansionIcon({ expanded }: { expanded: boolean }) {\n if (expanded) {\n return <ChevronUpIcon aria-hidden className={withBaseName(\"icon\")} />;\n }\n\n return <ChevronDownIcon aria-hidden className={withBaseName(\"icon\")} />;\n}\n\nexport const AccordionHeader = forwardRef<\n HTMLButtonElement,\n AccordionHeaderProps\n>(function AccordionHeader(props, ref) {\n const { children, className, onClick, ...rest } = props;\n const { value, expanded, toggle, indicatorSide, disabled, id, status } =\n useAccordion();\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-header\",\n css: accordionHeaderCss,\n window: targetWindow,\n });\n\n const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n toggle(event);\n onClick?.(event);\n };\n\n return (\n <button\n ref={ref}\n className={clsx(\n withBaseName(),\n { [withBaseName(status ?? \"\")]: status },\n className\n )}\n disabled={disabled}\n onClick={handleClick}\n aria-expanded={expanded}\n id={`${id}-header`}\n aria-controls={`${id}-panel`}\n value={value}\n type=\"button\"\n {...rest}\n >\n {indicatorSide === \"left\" && <ExpansionIcon expanded={expanded} />}\n <span className={withBaseName(\"content\")}>{children}</span>\n {status && (\n <StatusIndicator\n className={withBaseName(\"statusIndicator\")}\n status={status}\n />\n )}\n {indicatorSide === \"right\" && <ExpansionIcon expanded={expanded} />}\n </button>\n );\n});\n"],"names":["AccordionHeader","accordionHeaderCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAEvD,SAAS,aAAA,CAAc,EAAE,QAAA,EAAmC,EAAA;AAC1D,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,uBAAQ,GAAA,CAAA,aAAA,EAAA;AAAA,MAAc,aAAW,EAAA,IAAA;AAAA,MAAC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,KAAG,CAAA,CAAA;AAAA,GACrE;AAEA,EAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA;AAAA,IAAgB,aAAW,EAAA,IAAA;AAAA,IAAC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,GAAG,CAAA,CAAA;AACvE,CAAA;AAEO,MAAM,eAAkB,GAAA,UAAA,CAG7B,SAASA,gBAAAA,CAAgB,OAAO,GAAK,EAAA;AACrC,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,OAAA,EAAA,GAAY,MAAS,GAAA,KAAA,CAAA;AAClD,EAAM,MAAA,EAAE,OAAO,QAAU,EAAA,MAAA,EAAQ,eAAe,QAAU,EAAA,EAAA,EAAI,MAAO,EAAA,GACnE,YAAa,EAAA,CAAA;AAEf,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AACZ,IAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACZ,CAAA;AAEA,EAAA,uBACG,IAAA,CAAA,QAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAA,CAAa,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAE,IAAI,MAAO,EAAA;AAAA,MACvC,SAAA;AAAA,KACF;AAAA,IACA,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,eAAe,EAAA,QAAA;AAAA,IACf,IAAI,CAAG,EAAA,EAAA,CAAA,OAAA,CAAA;AAAA,IACP,iBAAe,CAAG,EAAA,EAAA,CAAA,MAAA,CAAA;AAAA,IAClB,KAAA;AAAA,IACA,IAAK,EAAA,QAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,aAAA,KAAkB,0BAAW,GAAA,CAAA,aAAA,EAAA;AAAA,QAAc,QAAA;AAAA,OAAoB,CAAA;AAAA,sBAC/D,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,QAAI,QAAA;AAAA,OAAS,CAAA;AAAA,MACnD,0BACE,GAAA,CAAA,eAAA,EAAA;AAAA,QACC,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,QACzC,MAAA;AAAA,OACF,CAAA;AAAA,MAED,aAAA,KAAkB,2BAAY,GAAA,CAAA,aAAA,EAAA;AAAA,QAAc,QAAA;AAAA,OAAoB,CAAA;AAAA,KAAA;AAAA,GACnE,CAAA,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"AccordionHeader.js","sources":["../src/accordion/AccordionHeader.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronUpIcon } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type MouseEvent,\n type ReactNode,\n forwardRef,\n} from \"react\";\nimport { StatusIndicator } from \"../status-indicator\";\n\nimport { makePrefixer } from \"../utils\";\n\nimport { useAccordion } from \"./AccordionContext\";\nimport accordionHeaderCss from \"./AccordionHeader.css\";\n\nexport interface AccordionHeaderProps\n extends ComponentPropsWithoutRef<\"button\"> {\n /**\n * The content of the Accordion Header\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionHeader\");\n\nfunction ExpansionIcon({ expanded }: { expanded: boolean }) {\n if (expanded) {\n return <ChevronUpIcon aria-hidden className={withBaseName(\"icon\")} />;\n }\n\n return <ChevronDownIcon aria-hidden className={withBaseName(\"icon\")} />;\n}\n\nexport const AccordionHeader = forwardRef<\n HTMLButtonElement,\n AccordionHeaderProps\n>(function AccordionHeader(props, ref) {\n const { children, className, onClick, ...rest } = props;\n const { value, expanded, toggle, indicatorSide, disabled, id, status } =\n useAccordion();\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-header\",\n css: accordionHeaderCss,\n window: targetWindow,\n });\n\n const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n toggle(event);\n onClick?.(event);\n };\n\n return (\n <button\n ref={ref}\n className={clsx(\n withBaseName(),\n { [withBaseName(status ?? \"\")]: status },\n className,\n )}\n disabled={disabled}\n onClick={handleClick}\n aria-expanded={expanded}\n id={`${id}-header`}\n aria-controls={`${id}-panel`}\n value={value}\n type=\"button\"\n {...rest}\n >\n {indicatorSide === \"left\" && <ExpansionIcon expanded={expanded} />}\n <span className={withBaseName(\"content\")}>{children}</span>\n {status && (\n <StatusIndicator\n className={withBaseName(\"statusIndicator\")}\n status={status}\n />\n )}\n {indicatorSide === \"right\" && <ExpansionIcon expanded={expanded} />}\n </button>\n );\n});\n"],"names":["AccordionHeader","accordionHeaderCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAEvD,SAAS,aAAA,CAAc,EAAE,QAAA,EAAmC,EAAA;AAC1D,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,uBAAQ,GAAA,CAAA,aAAA,EAAA;AAAA,MAAc,aAAW,EAAA,IAAA;AAAA,MAAC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,KAAG,CAAA,CAAA;AAAA,GACrE;AAEA,EAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA;AAAA,IAAgB,aAAW,EAAA,IAAA;AAAA,IAAC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,GAAG,CAAA,CAAA;AACvE,CAAA;AAEO,MAAM,eAAkB,GAAA,UAAA,CAG7B,SAASA,gBAAAA,CAAgB,OAAO,GAAK,EAAA;AACrC,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,OAAA,EAAA,GAAY,MAAS,GAAA,KAAA,CAAA;AAClD,EAAM,MAAA,EAAE,OAAO,QAAU,EAAA,MAAA,EAAQ,eAAe,QAAU,EAAA,EAAA,EAAI,MAAO,EAAA,GACnE,YAAa,EAAA,CAAA;AAEf,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AACZ,IAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACZ,CAAA;AAEA,EAAA,uBACG,IAAA,CAAA,QAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAA,CAAa,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAE,IAAI,MAAO,EAAA;AAAA,MACvC,SAAA;AAAA,KACF;AAAA,IACA,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,eAAe,EAAA,QAAA;AAAA,IACf,IAAI,CAAG,EAAA,EAAA,CAAA,OAAA,CAAA;AAAA,IACP,iBAAe,CAAG,EAAA,EAAA,CAAA,MAAA,CAAA;AAAA,IAClB,KAAA;AAAA,IACA,IAAK,EAAA,QAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,aAAA,KAAkB,0BAAW,GAAA,CAAA,aAAA,EAAA;AAAA,QAAc,QAAA;AAAA,OAAoB,CAAA;AAAA,sBAC/D,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,QAAI,QAAA;AAAA,OAAS,CAAA;AAAA,MACnD,0BACE,GAAA,CAAA,eAAA,EAAA;AAAA,QACC,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,QACzC,MAAA;AAAA,OACF,CAAA;AAAA,MAED,aAAA,KAAkB,2BAAY,GAAA,CAAA,aAAA,EAAA;AAAA,QAAc,QAAA;AAAA,OAAoB,CAAA;AAAA,KAAA;AAAA,GACnE,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1,8 +1,8 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
- import { useWindow } from '@salt-ds/window';
4
2
  import { useComponentCssInjection } from '@salt-ds/styles';
3
+ import { useWindow } from '@salt-ds/window';
5
4
  import { clsx } from 'clsx';
5
+ import { forwardRef } from 'react';
6
6
  import { makePrefixer } from '../utils/makePrefixer.js';
7
7
  import '../utils/useFloatingUI/useFloatingUI.js';
8
8
  import '../utils/useId.js';
@@ -43,6 +43,7 @@ import '../flex-item/FlexItem.js';
43
43
  import '../flex-layout/FlexLayout.js';
44
44
  import '../flow-layout/FlowLayout.js';
45
45
  import '../form-field/FormField.js';
46
+ import '../form-field-context/FormFieldContext.js';
46
47
  import '../status-indicator/StatusIndicator.js';
47
48
  import '../text/Text.js';
48
49
  import '../text/Code.js';
@@ -51,7 +52,6 @@ import '../text/Headings.js';
51
52
  import '../text/Label.js';
52
53
  import '../text/TextAction.js';
53
54
  import '../text/TextNotation.js';
54
- import '../form-field-context/FormFieldContext.js';
55
55
  import '../grid-item/GridItem.js';
56
56
  import '../grid-layout/GridLayout.js';
57
57
  import '../input/Input.js';
@@ -62,12 +62,12 @@ import '../link/Link.js';
62
62
  import '../link-card/LinkCard.js';
63
63
  import '../list-box/ListBox.js';
64
64
  import '../list-control/ListControlContext.js';
65
- import '../menu/MenuContext.js';
66
65
  import '@floating-ui/react';
66
+ import '../menu/MenuContext.js';
67
67
  import '../menu/MenuItem.js';
68
68
  import '../menu/MenuPanel.js';
69
- import '../menu/MenuTriggerContext.js';
70
69
  import '../menu/MenuPanelContext.js';
70
+ import '../menu/MenuTriggerContext.js';
71
71
  import '../menu/MenuGroup.js';
72
72
  import '../multiline-input/MultilineInput.js';
73
73
  import '../navigation-item/NavigationItem.js';
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanel.js","sources":["../src/accordion/AccordionPanel.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { clsx } from \"clsx\";\n\nimport { makePrefixer } from \"../utils\";\nimport { useAccordion } from \"./AccordionContext\";\nimport accordionPanelCss from \"./AccordionPanel.css\";\n\nexport interface AccordionPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The content of the Accordion Panel\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionPanel\");\n\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(\n function AccordionPanel(props, ref) {\n const { children, className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-panel\",\n css: accordionPanelCss,\n window: targetWindow,\n });\n\n const { id, expanded, indicatorSide } = useAccordion();\n\n return (\n <div\n ref={ref}\n className={clsx(withBaseName(), className)}\n role=\"region\"\n id={`${id}-panel`}\n aria-labelledby={`${id}-header`}\n aria-hidden={!expanded ? \"true\" : undefined}\n hidden={!expanded}\n {...rest}\n >\n <div className={withBaseName(\"inner\")}>\n <div\n className={clsx(withBaseName(\"content\"), {\n [withBaseName(\"indentedContent\")]: indicatorSide === \"left\",\n })}\n >\n {children}\n </div>\n </div>\n </div>\n );\n }\n);\n"],"names":["AccordionPanel","accordionPanelCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAE/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAEzC,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,EAAA,EAAI,QAAU,EAAA,aAAA,KAAkB,YAAa,EAAA,CAAA;AAErD,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,IAAK,EAAA,QAAA;AAAA,MACL,IAAI,CAAG,EAAA,EAAA,CAAA,MAAA,CAAA;AAAA,MACP,mBAAiB,CAAG,EAAA,EAAA,CAAA,OAAA,CAAA;AAAA,MACpB,aAAA,EAAa,CAAC,QAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AAAA,MAClC,QAAQ,CAAC,QAAA;AAAA,MACR,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAClC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,UACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,SAAS,CAAG,EAAA;AAAA,YACvC,CAAC,YAAA,CAAa,iBAAiB,CAAA,GAAI,aAAkB,KAAA,MAAA;AAAA,WACtD,CAAA;AAAA,UAEA,QAAA;AAAA,SACH,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1
+ {"version":3,"file":"AccordionPanel.js","sources":["../src/accordion/AccordionPanel.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type ReactNode,\n forwardRef,\n} from \"react\";\n\nimport { makePrefixer } from \"../utils\";\nimport { useAccordion } from \"./AccordionContext\";\nimport accordionPanelCss from \"./AccordionPanel.css\";\n\nexport interface AccordionPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The content of the Accordion Panel\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionPanel\");\n\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(\n function AccordionPanel(props, ref) {\n const { children, className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-panel\",\n css: accordionPanelCss,\n window: targetWindow,\n });\n\n const { id, expanded, indicatorSide } = useAccordion();\n\n return (\n <div\n ref={ref}\n className={clsx(withBaseName(), className)}\n role=\"region\"\n id={`${id}-panel`}\n aria-labelledby={`${id}-header`}\n aria-hidden={!expanded ? \"true\" : undefined}\n hidden={!expanded}\n {...rest}\n >\n <div className={withBaseName(\"inner\")}>\n <div\n className={clsx(withBaseName(\"content\"), {\n [withBaseName(\"indentedContent\")]: indicatorSide === \"left\",\n })}\n >\n {children}\n </div>\n </div>\n </div>\n );\n },\n);\n"],"names":["AccordionPanel","accordionPanelCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAE/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAEzC,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,EAAA,EAAI,QAAU,EAAA,aAAA,KAAkB,YAAa,EAAA,CAAA;AAErD,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,IAAK,EAAA,QAAA;AAAA,MACL,IAAI,CAAG,EAAA,EAAA,CAAA,MAAA,CAAA;AAAA,MACP,mBAAiB,CAAG,EAAA,EAAA,CAAA,OAAA,CAAA;AAAA,MACpB,aAAA,EAAa,CAAC,QAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AAAA,MAClC,QAAQ,CAAC,QAAA;AAAA,MACR,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAClC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,UACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,SAAS,CAAG,EAAA;AAAA,YACvC,CAAC,YAAA,CAAa,iBAAiB,CAAA,GAAI,aAAkB,KAAA,MAAA;AAAA,WACtD,CAAA;AAAA,UAEA,QAAA;AAAA,SACH,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"AriaAnnounce.js","sources":["../src/aria-announcer/AriaAnnounce.tsx"],"sourcesContent":["import { ComponentType, useEffect } from \"react\";\n\nimport { useAriaAnnouncer } from \"./useAriaAnnouncer\";\n\nexport interface AriaAnnounceProps {\n /**\n * String which will be announced by screen readers on change\n */\n announcement?: string;\n}\n\nexport const AriaAnnounce: ComponentType<AriaAnnounceProps> = ({\n announcement,\n}) => {\n const { announce } = useAriaAnnouncer();\n\n useEffect(() => {\n if (announcement) {\n announce(announcement);\n }\n }, [announce, announcement]);\n\n // If we return null here, react-docgen wouldn't be able to locate the component\n return <></>;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,eAAiD,CAAC;AAAA,EAC7D,YAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,QAAA,CAAS,YAAY,CAAA,CAAA;AAAA,KACvB;AAAA,GACC,EAAA,CAAC,QAAU,EAAA,YAAY,CAAC,CAAA,CAAA;AAG3B,EAAA,uBAAS,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AACX;;;;"}
1
+ {"version":3,"file":"AriaAnnounce.js","sources":["../src/aria-announcer/AriaAnnounce.tsx"],"sourcesContent":["import { type ComponentType, useEffect } from \"react\";\n\nimport { useAriaAnnouncer } from \"./useAriaAnnouncer\";\n\nexport interface AriaAnnounceProps {\n /**\n * String which will be announced by screen readers on change\n */\n announcement?: string;\n}\n\nexport const AriaAnnounce: ComponentType<AriaAnnounceProps> = ({\n announcement,\n}) => {\n const { announce } = useAriaAnnouncer();\n\n useEffect(() => {\n if (announcement) {\n announce(announcement);\n }\n }, [announce, announcement]);\n\n // If we return null here, react-docgen wouldn't be able to locate the component\n return <></>;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,eAAiD,CAAC;AAAA,EAC7D,YAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,QAAA,CAAS,YAAY,CAAA,CAAA;AAAA,KACvB;AAAA,GACC,EAAA,CAAC,QAAU,EAAA,YAAY,CAAC,CAAA,CAAA;AAG3B,EAAA,uBAAS,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AACX;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"AriaAnnouncerContext.js","sources":["../src/aria-announcer/AriaAnnouncerContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type AnnounceFn = (announcement: string, delay?: number) => void;\n\nexport type AriaAnnouncer = {\n announce: AnnounceFn;\n};\n\nexport const AriaAnnouncerContext = createContext<AriaAnnouncer | undefined>(\n undefined\n);\n"],"names":[],"mappings":";;AAQO,MAAM,oBAAuB,GAAA,aAAA;AAAA,EAClC,KAAA,CAAA;AACF;;;;"}
1
+ {"version":3,"file":"AriaAnnouncerContext.js","sources":["../src/aria-announcer/AriaAnnouncerContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type AnnounceFn = (announcement: string, delay?: number) => void;\n\nexport type AriaAnnouncer = {\n announce: AnnounceFn;\n};\n\nexport const AriaAnnouncerContext = createContext<AriaAnnouncer | undefined>(\n undefined,\n);\n"],"names":[],"mappings":";;AAQO,MAAM,oBAAuB,GAAA,aAAA;AAAA,EAClC,KAAA,CAAA;AACF;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"AriaAnnouncerProvider.js","sources":["../src/aria-announcer/AriaAnnouncerProvider.tsx"],"sourcesContent":["import {\n CSSProperties,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport { AriaAnnouncerContext } from \"./AriaAnnouncerContext\";\n\nexport const ARIA_ANNOUNCE_DELAY = 150;\n\nexport interface AriaAnnouncerProviderProps {\n children?: ReactNode;\n /**\n * Style overrides for the aria-live element\n */\n style?: CSSProperties;\n}\n\nexport function AriaAnnouncerProvider({\n children,\n style,\n}: AriaAnnouncerProviderProps) {\n // announcement that gets rendered inside aria-live and read out by screen readers\n const [currentAnnouncement, setCurrentAnnouncement] = useState(\"\");\n // queue that stores all the requested announcements\n const announcementsRef = useRef<string[]>([]);\n // we use this variable to decide whether to start the announcement queue if one is not already in progress\n const isAnnouncingRef = useRef(false);\n // we need to keep track of the state of the component mount since all the async function calls\n // might trigger a setState after a component has been unmounted\n const mountedRef = useRef(true);\n\n // announceAll will get called recursively until all the announcements are rendered and cleared from the queue\n const announceAll = useCallback(() => {\n isAnnouncingRef.current = true;\n if (mountedRef.current) {\n setCurrentAnnouncement(\"\");\n requestAnimationFrame(() => {\n if (mountedRef.current && announcementsRef.current.length) {\n const announcement = announcementsRef.current.shift() as string;\n setCurrentAnnouncement(announcement);\n setTimeout(() => {\n announceAll();\n }, ARIA_ANNOUNCE_DELAY);\n } else {\n isAnnouncingRef.current = false;\n }\n });\n }\n }, []);\n\n const announce = useCallback(\n (announcement: string) => {\n announcementsRef.current.push(announcement);\n if (!isAnnouncingRef.current) {\n announceAll();\n }\n },\n [announceAll]\n );\n\n useEffect(() => {\n mountedRef.current = true;\n return () => {\n mountedRef.current = false;\n };\n }, []);\n\n const value = useMemo(() => ({ announce }), [announce]);\n return (\n <AriaAnnouncerContext.Provider value={value}>\n {children}\n <div\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n // hidden styling based on https://tailwindcss.com/docs/screen-readers\n style={{\n position: \"absolute\",\n height: 1,\n width: 1,\n padding: 0,\n margin: -1,\n overflow: \"hidden\",\n clip: \"rect(0, 0, 0, 0)\",\n whiteSpace: \"nowrap\",\n borderWidth: 0,\n ...style,\n }}\n >\n {currentAnnouncement}\n </div>\n </AriaAnnouncerContext.Provider>\n );\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,mBAAsB,GAAA,IAAA;AAU5B,SAAS,qBAAsB,CAAA;AAAA,EACpC,QAAA;AAAA,EACA,KAAA;AACF,CAA+B,EAAA;AAE7B,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,EAAE,CAAA,CAAA;AAEjE,EAAM,MAAA,gBAAA,GAAmB,MAAiB,CAAA,EAAE,CAAA,CAAA;AAE5C,EAAM,MAAA,eAAA,GAAkB,OAAO,KAAK,CAAA,CAAA;AAGpC,EAAM,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAG9B,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,eAAA,CAAgB,OAAU,GAAA,IAAA,CAAA;AAC1B,IAAA,IAAI,WAAW,OAAS,EAAA;AACtB,MAAA,sBAAA,CAAuB,EAAE,CAAA,CAAA;AACzB,MAAA,qBAAA,CAAsB,MAAM;AAC1B,QAAA,IAAI,UAAW,CAAA,OAAA,IAAW,gBAAiB,CAAA,OAAA,CAAQ,MAAQ,EAAA;AACzD,UAAM,MAAA,YAAA,GAAe,gBAAiB,CAAA,OAAA,CAAQ,KAAM,EAAA,CAAA;AACpD,UAAA,sBAAA,CAAuB,YAAY,CAAA,CAAA;AACnC,UAAA,UAAA,CAAW,MAAM;AACf,YAAY,WAAA,EAAA,CAAA;AAAA,aACX,mBAAmB,CAAA,CAAA;AAAA,SACjB,MAAA;AACL,UAAA,eAAA,CAAgB,OAAU,GAAA,KAAA,CAAA;AAAA,SAC5B;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,YAAyB,KAAA;AACxB,MAAiB,gBAAA,CAAA,OAAA,CAAQ,KAAK,YAAY,CAAA,CAAA;AAC1C,MAAI,IAAA,CAAC,gBAAgB,OAAS,EAAA;AAC5B,QAAY,WAAA,EAAA,CAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAU,GAAA,IAAA,CAAA;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAU,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,KAAA,GAAQ,QAAQ,OAAO,EAAE,UAAa,CAAA,EAAA,CAAC,QAAQ,CAAC,CAAA,CAAA;AACtD,EACE,uBAAA,IAAA,CAAC,qBAAqB,QAArB,EAAA;AAAA,IAA8B,KAAA;AAAA,IAC5B,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,aAAY,EAAA,MAAA;AAAA,QACZ,WAAU,EAAA,WAAA;AAAA,QAEV,KAAO,EAAA;AAAA,UACL,QAAU,EAAA,UAAA;AAAA,UACV,MAAQ,EAAA,CAAA;AAAA,UACR,KAAO,EAAA,CAAA;AAAA,UACP,OAAS,EAAA,CAAA;AAAA,UACT,MAAQ,EAAA,CAAA,CAAA;AAAA,UACR,QAAU,EAAA,QAAA;AAAA,UACV,IAAM,EAAA,kBAAA;AAAA,UACN,UAAY,EAAA,QAAA;AAAA,UACZ,WAAa,EAAA,CAAA;AAAA,UACb,GAAG,KAAA;AAAA,SACL;AAAA,QAEC,QAAA,EAAA,mBAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"AriaAnnouncerProvider.js","sources":["../src/aria-announcer/AriaAnnouncerProvider.tsx"],"sourcesContent":["import {\n type CSSProperties,\n type ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport { AriaAnnouncerContext } from \"./AriaAnnouncerContext\";\n\nexport const ARIA_ANNOUNCE_DELAY = 150;\n\nexport interface AriaAnnouncerProviderProps {\n children?: ReactNode;\n /**\n * Style overrides for the aria-live element\n */\n style?: CSSProperties;\n}\n\nexport function AriaAnnouncerProvider({\n children,\n style,\n}: AriaAnnouncerProviderProps) {\n // announcement that gets rendered inside aria-live and read out by screen readers\n const [currentAnnouncement, setCurrentAnnouncement] = useState(\"\");\n // queue that stores all the requested announcements\n const announcementsRef = useRef<string[]>([]);\n // we use this variable to decide whether to start the announcement queue if one is not already in progress\n const isAnnouncingRef = useRef(false);\n // we need to keep track of the state of the component mount since all the async function calls\n // might trigger a setState after a component has been unmounted\n const mountedRef = useRef(true);\n\n // announceAll will get called recursively until all the announcements are rendered and cleared from the queue\n const announceAll = useCallback(() => {\n isAnnouncingRef.current = true;\n if (mountedRef.current) {\n setCurrentAnnouncement(\"\");\n requestAnimationFrame(() => {\n if (mountedRef.current && announcementsRef.current.length) {\n const announcement = announcementsRef.current.shift() as string;\n setCurrentAnnouncement(announcement);\n setTimeout(() => {\n announceAll();\n }, ARIA_ANNOUNCE_DELAY);\n } else {\n isAnnouncingRef.current = false;\n }\n });\n }\n }, []);\n\n const announce = useCallback(\n (announcement: string) => {\n announcementsRef.current.push(announcement);\n if (!isAnnouncingRef.current) {\n announceAll();\n }\n },\n [announceAll],\n );\n\n useEffect(() => {\n mountedRef.current = true;\n return () => {\n mountedRef.current = false;\n };\n }, []);\n\n const value = useMemo(() => ({ announce }), [announce]);\n return (\n <AriaAnnouncerContext.Provider value={value}>\n {children}\n <div\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n // hidden styling based on https://tailwindcss.com/docs/screen-readers\n style={{\n position: \"absolute\",\n height: 1,\n width: 1,\n padding: 0,\n margin: -1,\n overflow: \"hidden\",\n clip: \"rect(0, 0, 0, 0)\",\n whiteSpace: \"nowrap\",\n borderWidth: 0,\n ...style,\n }}\n >\n {currentAnnouncement}\n </div>\n </AriaAnnouncerContext.Provider>\n );\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,mBAAsB,GAAA,IAAA;AAU5B,SAAS,qBAAsB,CAAA;AAAA,EACpC,QAAA;AAAA,EACA,KAAA;AACF,CAA+B,EAAA;AAE7B,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,EAAE,CAAA,CAAA;AAEjE,EAAM,MAAA,gBAAA,GAAmB,MAAiB,CAAA,EAAE,CAAA,CAAA;AAE5C,EAAM,MAAA,eAAA,GAAkB,OAAO,KAAK,CAAA,CAAA;AAGpC,EAAM,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAG9B,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,eAAA,CAAgB,OAAU,GAAA,IAAA,CAAA;AAC1B,IAAA,IAAI,WAAW,OAAS,EAAA;AACtB,MAAA,sBAAA,CAAuB,EAAE,CAAA,CAAA;AACzB,MAAA,qBAAA,CAAsB,MAAM;AAC1B,QAAA,IAAI,UAAW,CAAA,OAAA,IAAW,gBAAiB,CAAA,OAAA,CAAQ,MAAQ,EAAA;AACzD,UAAM,MAAA,YAAA,GAAe,gBAAiB,CAAA,OAAA,CAAQ,KAAM,EAAA,CAAA;AACpD,UAAA,sBAAA,CAAuB,YAAY,CAAA,CAAA;AACnC,UAAA,UAAA,CAAW,MAAM;AACf,YAAY,WAAA,EAAA,CAAA;AAAA,aACX,mBAAmB,CAAA,CAAA;AAAA,SACjB,MAAA;AACL,UAAA,eAAA,CAAgB,OAAU,GAAA,KAAA,CAAA;AAAA,SAC5B;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,YAAyB,KAAA;AACxB,MAAiB,gBAAA,CAAA,OAAA,CAAQ,KAAK,YAAY,CAAA,CAAA;AAC1C,MAAI,IAAA,CAAC,gBAAgB,OAAS,EAAA;AAC5B,QAAY,WAAA,EAAA,CAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAU,GAAA,IAAA,CAAA;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAU,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,KAAA,GAAQ,QAAQ,OAAO,EAAE,UAAa,CAAA,EAAA,CAAC,QAAQ,CAAC,CAAA,CAAA;AACtD,EACE,uBAAA,IAAA,CAAC,qBAAqB,QAArB,EAAA;AAAA,IAA8B,KAAA;AAAA,IAC5B,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,aAAY,EAAA,MAAA;AAAA,QACZ,WAAU,EAAA,WAAA;AAAA,QAEV,KAAO,EAAA;AAAA,UACL,QAAU,EAAA,UAAA;AAAA,UACV,MAAQ,EAAA,CAAA;AAAA,UACR,KAAO,EAAA,CAAA;AAAA,UACP,OAAS,EAAA,CAAA;AAAA,UACT,MAAQ,EAAA,CAAA,CAAA;AAAA,UACR,QAAU,EAAA,QAAA;AAAA,UACV,IAAM,EAAA,kBAAA;AAAA,UACN,UAAY,EAAA,QAAA;AAAA,UACZ,WAAa,EAAA,CAAA;AAAA,UACb,GAAG,KAAA;AAAA,SACL;AAAA,QAEC,QAAA,EAAA,mBAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}