@carbon/react 1.112.0 → 1.113.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 (541) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +959 -959
  2. package/es/components/AILabel/index.js +6 -6
  3. package/es/components/AISkeleton/AISkeletonIcon.js +2 -2
  4. package/es/components/AISkeleton/AISkeletonPlaceholder.js +2 -2
  5. package/es/components/AISkeleton/AISkeletonText.js +2 -2
  6. package/es/components/Accordion/Accordion.Skeleton.js +3 -3
  7. package/es/components/Accordion/Accordion.js +2 -2
  8. package/es/components/Accordion/AccordionItem.js +2 -2
  9. package/es/components/AspectRatio/AspectRatio.js +2 -2
  10. package/es/components/BadgeIndicator/index.js +4 -4
  11. package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +3 -3
  12. package/es/components/Breadcrumb/Breadcrumb.js +2 -2
  13. package/es/components/Breadcrumb/BreadcrumbItem.js +3 -3
  14. package/es/components/Button/Button.Skeleton.js +3 -3
  15. package/es/components/Button/Button.js +2 -2
  16. package/es/components/Button/ButtonBase.js +2 -2
  17. package/es/components/Button/index.js +3 -3
  18. package/es/components/ButtonSet/ButtonSet.js +3 -3
  19. package/es/components/ButtonSet/index.js +1 -1
  20. package/es/components/ChatButton/ChatButton.Skeleton.js +2 -2
  21. package/es/components/ChatButton/ChatButton.js +3 -3
  22. package/es/components/Checkbox/Checkbox.Skeleton.js +3 -3
  23. package/es/components/Checkbox/Checkbox.js +4 -4
  24. package/es/components/Checkbox/index.js +2 -2
  25. package/es/components/CheckboxGroup/CheckboxGroup.js +2 -2
  26. package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +3 -3
  27. package/es/components/CodeSnippet/CodeSnippet.js +2 -2
  28. package/es/components/ComboBox/ComboBox.js +12 -9
  29. package/es/components/ComboBox/index.js +1 -1
  30. package/es/components/ComboButton/index.js +5 -5
  31. package/es/components/ComposedModal/ComposedModal.js +7 -6
  32. package/es/components/ComposedModal/ComposedModalPresence.js +5 -2
  33. package/es/components/ComposedModal/ModalFooter.js +4 -4
  34. package/es/components/ComposedModal/ModalHeader.js +6 -6
  35. package/es/components/ContainedList/ContainedList.js +2 -2
  36. package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +2 -2
  37. package/es/components/ContainedList/ContainedListItem/index.js +1 -1
  38. package/es/components/ContentSwitcher/ContentSwitcher.js +2 -2
  39. package/es/components/Copy/Copy.js +4 -4
  40. package/es/components/Copy/index.js +1 -1
  41. package/es/components/CopyButton/CopyButton.js +3 -3
  42. package/es/components/CopyButton/index.js +1 -1
  43. package/es/components/DataTable/DataTable.js +4 -3
  44. package/es/components/DataTable/Table.js +3 -3
  45. package/es/components/DataTable/TableBatchActions.js +3 -3
  46. package/es/components/DataTable/TableCell.js +2 -2
  47. package/es/components/DataTable/TableContainer.js +3 -3
  48. package/es/components/DataTable/TableDecoratorRow.js +2 -2
  49. package/es/components/DataTable/TableExpandHeader.js +2 -2
  50. package/es/components/DataTable/TableExpandRow.js +2 -2
  51. package/es/components/DataTable/TableExpandedRow.js +2 -2
  52. package/es/components/DataTable/TableHeader.js +4 -4
  53. package/es/components/DataTable/TableRow.js +2 -2
  54. package/es/components/DataTable/TableSelectAll.js +2 -2
  55. package/es/components/DataTable/TableSelectRow.js +2 -2
  56. package/es/components/DataTable/TableSlugRow.js +2 -2
  57. package/es/components/DataTable/TableToolbar.js +3 -3
  58. package/es/components/DataTable/TableToolbarMenu.js +4 -4
  59. package/es/components/DataTable/TableToolbarSearch.js +3 -3
  60. package/es/components/DataTable/state/sorting.js +3 -2
  61. package/es/components/DataTable/tools/sorting.js +1 -1
  62. package/es/components/DataTableSkeleton/DataTableSkeleton.js +2 -2
  63. package/es/components/DatePicker/DatePicker.Skeleton.js +4 -4
  64. package/es/components/DatePicker/DatePicker.js +3 -3
  65. package/es/components/DatePicker/index.js +2 -2
  66. package/es/components/DatePickerInput/DatePickerInput.js +7 -7
  67. package/es/components/DatePickerInput/index.js +1 -1
  68. package/es/components/Dialog/Dialog.js +9 -9
  69. package/es/components/Dialog/index.js +1 -1
  70. package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
  71. package/es/components/Dropdown/Dropdown.js +5 -5
  72. package/es/components/Dropdown/index.js +2 -2
  73. package/es/components/ExpandableSearch/ExpandableSearch.js +2 -2
  74. package/es/components/ExpandableSearch/index.js +1 -1
  75. package/es/components/FeatureFlags/index.d.ts +58 -0
  76. package/es/components/FeatureFlags/index.js +4 -2
  77. package/es/components/FileUploader/FileUploader.Skeleton.js +4 -4
  78. package/es/components/FileUploader/FileUploader.js +11 -8
  79. package/es/components/FileUploader/FileUploaderButton.js +3 -3
  80. package/es/components/FileUploader/FileUploaderDropContainer.js +8 -6
  81. package/es/components/FileUploader/FileUploaderItem.js +3 -3
  82. package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +2 -2
  83. package/es/components/FluidComboBox/FluidComboBox.js +3 -3
  84. package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +3 -3
  85. package/es/components/FluidDatePicker/FluidDatePicker.js +3 -3
  86. package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +2 -2
  87. package/es/components/FluidDropdown/FluidDropdown.js +3 -3
  88. package/es/components/FluidForm/FluidForm.js +3 -3
  89. package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +2 -2
  90. package/es/components/FluidMultiSelect/FluidMultiSelect.js +4 -4
  91. package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js +2 -2
  92. package/es/components/FluidNumberInput/FluidNumberInput.js +3 -3
  93. package/es/components/FluidSearch/FluidSearch.Skeleton.js +2 -2
  94. package/es/components/FluidSearch/FluidSearch.js +3 -3
  95. package/es/components/FluidSelect/FluidSelect.Skeleton.js +2 -2
  96. package/es/components/FluidSelect/FluidSelect.js +3 -3
  97. package/es/components/FluidSelect/index.js +2 -2
  98. package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +2 -2
  99. package/es/components/FluidTextArea/FluidTextArea.js +3 -3
  100. package/es/components/FluidTextInput/FluidPasswordInput.js +3 -3
  101. package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +2 -2
  102. package/es/components/FluidTextInput/FluidTextInput.js +4 -4
  103. package/es/components/FluidTextInput/index.js +3 -3
  104. package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +2 -2
  105. package/es/components/FluidTimePicker/FluidTimePicker.js +3 -3
  106. package/es/components/FluidTimePickerSelect/index.js +1 -1
  107. package/es/components/Form/Form.js +2 -2
  108. package/es/components/FormGroup/FormGroup.js +2 -2
  109. package/es/components/FormItem/FormItem.js +2 -2
  110. package/es/components/FormLabel/FormLabel.js +2 -2
  111. package/es/components/Grid/CSSGrid.js +4 -4
  112. package/es/components/Grid/Column.js +3 -3
  113. package/es/components/Grid/ColumnHang.js +3 -3
  114. package/es/components/Grid/FlexGrid.js +3 -3
  115. package/es/components/Grid/Grid.js +3 -3
  116. package/es/components/Grid/Row.js +2 -2
  117. package/es/components/Icon/Icon.Skeleton.js +3 -3
  118. package/es/components/IconButton/index.js +4 -3
  119. package/es/components/IconIndicator/index.js +4 -4
  120. package/es/components/InlineCheckbox/index.js +1 -1
  121. package/es/components/InlineLoading/InlineLoading.js +2 -2
  122. package/es/components/InlineLoading/index.js +1 -1
  123. package/es/components/Layer/LayerLevel.js +1 -1
  124. package/es/components/Layer/index.js +2 -2
  125. package/es/components/Layout/index.js +3 -3
  126. package/es/components/LayoutDirection/LayoutDirection.js +1 -1
  127. package/es/components/Link/Link.js +2 -2
  128. package/es/components/Link/index.js +1 -1
  129. package/es/components/ListBox/ListBox.js +2 -2
  130. package/es/components/ListBox/ListBoxMenuIcon.js +2 -2
  131. package/es/components/ListBox/ListBoxMenuItem.js +4 -3
  132. package/es/components/ListBox/ListBoxSelection.js +3 -3
  133. package/es/components/ListBox/index.js +2 -2
  134. package/es/components/ListBox/next/ListBoxSelection.js +3 -3
  135. package/es/components/ListBox/next/ListBoxTrigger.js +2 -2
  136. package/es/components/ListItem/ListItem.js +2 -2
  137. package/es/components/Loading/Loading.js +3 -3
  138. package/es/components/Loading/index.js +1 -1
  139. package/es/components/Menu/Menu.js +3 -3
  140. package/es/components/Menu/MenuItem.js +9 -9
  141. package/es/components/MenuButton/index.js +4 -4
  142. package/es/components/Modal/Modal.js +9 -9
  143. package/es/components/Modal/ModalPresence.js +5 -2
  144. package/es/components/Modal/index.js +2 -2
  145. package/es/components/ModalWrapper/ModalWrapper.js +2 -2
  146. package/es/components/MultiSelect/FilterableMultiSelect.d.ts +1 -2
  147. package/es/components/MultiSelect/FilterableMultiSelect.js +12 -11
  148. package/es/components/MultiSelect/MultiSelect.js +7 -7
  149. package/es/components/Notification/Notification.js +10 -10
  150. package/es/components/NumberInput/NumberInput.Skeleton.js +2 -2
  151. package/es/components/NumberInput/NumberInput.js +21 -11
  152. package/es/components/OrderedList/OrderedList.js +2 -2
  153. package/es/components/OverflowMenu/OverflowMenu.js +7 -7
  154. package/es/components/OverflowMenu/index.js +2 -2
  155. package/es/components/OverflowMenu/next/index.js +4 -4
  156. package/es/components/OverflowMenuItem/OverflowMenuItem.js +4 -4
  157. package/es/components/OverflowMenuItem/index.js +1 -1
  158. package/es/components/OverflowMenuV2/index.js +1 -1
  159. package/es/components/PageHeader/PageHeader.js +15 -15
  160. package/es/components/PageHeader/index.js +1 -1
  161. package/es/components/Pagination/Pagination.Skeleton.js +3 -3
  162. package/es/components/Pagination/Pagination.d.ts +18 -1
  163. package/es/components/Pagination/Pagination.js +33 -8
  164. package/es/components/Pagination/experimental/PageSelector.d.ts +4 -0
  165. package/es/components/Pagination/experimental/PageSelector.js +16 -3
  166. package/es/components/Pagination/experimental/Pagination-story.d.ts +100 -65
  167. package/es/components/Pagination/experimental/Pagination.d.ts +4 -0
  168. package/es/components/Pagination/experimental/Pagination.js +12 -5
  169. package/es/components/PaginationNav/PaginationNav.js +8 -6
  170. package/es/components/Popover/index.js +14 -6
  171. package/es/components/ProgressBar/ProgressBar.js +3 -3
  172. package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +3 -3
  173. package/es/components/ProgressIndicator/ProgressIndicator.js +4 -4
  174. package/es/components/RadioButton/RadioButton.Skeleton.js +3 -3
  175. package/es/components/RadioButton/RadioButton.js +3 -3
  176. package/es/components/RadioButton/index.js +1 -1
  177. package/es/components/RadioButtonGroup/RadioButtonGroup.js +4 -4
  178. package/es/components/RadioTile/RadioTile.js +3 -3
  179. package/es/components/RadioTile/index.js +1 -1
  180. package/es/components/Search/Search.Skeleton.js +3 -3
  181. package/es/components/Search/Search.js +4 -4
  182. package/es/components/Search/index.js +2 -2
  183. package/es/components/Select/Select.Skeleton.js +3 -3
  184. package/es/components/Select/Select.js +6 -6
  185. package/es/components/Select/index.js +2 -2
  186. package/es/components/SelectItem/SelectItem.js +2 -2
  187. package/es/components/SelectItem/index.js +1 -1
  188. package/es/components/SelectItemGroup/SelectItemGroup.js +2 -2
  189. package/es/components/ShapeIndicator/index.js +4 -4
  190. package/es/components/SkeletonIcon/SkeletonIcon.js +2 -2
  191. package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -2
  192. package/es/components/SkeletonText/SkeletonText.js +2 -2
  193. package/es/components/SkeletonText/index.js +1 -1
  194. package/es/components/Slider/Slider.Skeleton.js +7 -7
  195. package/es/components/Slider/Slider.js +22 -20
  196. package/es/components/Stack/Stack.js +2 -2
  197. package/es/components/StructuredList/StructuredList.Skeleton.js +3 -3
  198. package/es/components/StructuredList/StructuredList.js +7 -7
  199. package/es/components/Switch/IconSwitch.js +6 -5
  200. package/es/components/Switch/Switch.js +3 -3
  201. package/es/components/TabContent/TabContent.js +2 -2
  202. package/es/components/Tabs/Tabs.Skeleton.js +3 -3
  203. package/es/components/Tabs/Tabs.js +45 -33
  204. package/es/components/Tag/DismissibleTag.js +4 -3
  205. package/es/components/Tag/OperationalTag.js +4 -3
  206. package/es/components/Tag/SelectableTag.js +3 -3
  207. package/es/components/Tag/Tag.Skeleton.js +3 -3
  208. package/es/components/Tag/Tag.js +4 -3
  209. package/es/components/TextArea/TextArea.Skeleton.js +3 -3
  210. package/es/components/TextArea/TextArea.js +8 -8
  211. package/es/components/TextArea/index.js +2 -2
  212. package/es/components/TextInput/ControlledPasswordInput.js +6 -6
  213. package/es/components/TextInput/PasswordInput.js +10 -10
  214. package/es/components/TextInput/TextInput.Skeleton.js +3 -3
  215. package/es/components/TextInput/TextInput.js +9 -9
  216. package/es/components/TextInput/index.js +2 -2
  217. package/es/components/Theme/index.js +2 -2
  218. package/es/components/Tile/Tile.js +14 -11
  219. package/es/components/TileGroup/TileGroup.js +1 -1
  220. package/es/components/TimePicker/TimePicker.js +5 -5
  221. package/es/components/TimePickerSelect/TimePickerSelect.js +2 -2
  222. package/es/components/Toggle/Toggle.Skeleton.js +3 -3
  223. package/es/components/Toggle/Toggle.js +6 -6
  224. package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +2 -2
  225. package/es/components/Toggletip/index.js +6 -6
  226. package/es/components/Tooltip/DefinitionTooltip.js +2 -2
  227. package/es/components/Tooltip/Tooltip.d.ts +2 -1
  228. package/es/components/Tooltip/Tooltip.js +5 -4
  229. package/es/components/TreeView/TreeNode.js +11 -8
  230. package/es/components/TreeView/TreeView.js +2 -2
  231. package/es/components/UIShell/Content.js +2 -2
  232. package/es/components/UIShell/Header.js +2 -2
  233. package/es/components/UIShell/HeaderGlobalAction.js +2 -2
  234. package/es/components/UIShell/HeaderMenu.js +4 -4
  235. package/es/components/UIShell/HeaderMenuButton.js +2 -2
  236. package/es/components/UIShell/HeaderMenuItem.js +2 -2
  237. package/es/components/UIShell/HeaderName.js +2 -2
  238. package/es/components/UIShell/HeaderNavigation.js +2 -2
  239. package/es/components/UIShell/HeaderPanel.js +3 -3
  240. package/es/components/UIShell/HeaderSideNavItems.js +2 -2
  241. package/es/components/UIShell/SideNav.js +3 -3
  242. package/es/components/UIShell/SideNavDetails.js +2 -2
  243. package/es/components/UIShell/SideNavDivider.js +2 -2
  244. package/es/components/UIShell/SideNavFooter.js +2 -2
  245. package/es/components/UIShell/SideNavHeader.js +2 -2
  246. package/es/components/UIShell/SideNavIcon.js +2 -2
  247. package/es/components/UIShell/SideNavItem.js +2 -2
  248. package/es/components/UIShell/SideNavItems.js +2 -2
  249. package/es/components/UIShell/SideNavLink.js +2 -2
  250. package/es/components/UIShell/SideNavLinkText.js +2 -2
  251. package/es/components/UIShell/SideNavMenu.js +3 -3
  252. package/es/components/UIShell/SideNavMenuItem.js +3 -3
  253. package/es/components/UIShell/SideNavSwitcher.js +2 -2
  254. package/es/components/UIShell/SkipToContent.js +2 -2
  255. package/es/components/UIShell/Switcher.js +2 -2
  256. package/es/components/UIShell/SwitcherDivider.js +3 -3
  257. package/es/components/UIShell/SwitcherItem.js +4 -4
  258. package/es/components/UnorderedList/UnorderedList.js +2 -2
  259. package/es/index.js +30 -30
  260. package/es/internal/FloatingMenu.js +12 -9
  261. package/es/internal/motion/MotionSurface.d.ts +35 -0
  262. package/es/internal/motion/useMotionEnabled.d.ts +13 -0
  263. package/es/internal/motion/useMotionSurface.d.ts +33 -0
  264. package/es/internal/useId.js +1 -1
  265. package/es/internal/useOverflowItems.js +2 -1
  266. package/es/internal/usePresence.d.ts +8 -1
  267. package/es/internal/usePresence.js +4 -2
  268. package/es/internal/usePresenceContext.d.ts +12 -0
  269. package/es/internal/usePresenceContext.js +23 -5
  270. package/es/tools/wrapComponent.js +2 -2
  271. package/lib/components/AILabel/index.js +4 -4
  272. package/lib/components/AISkeleton/AISkeletonIcon.js +2 -2
  273. package/lib/components/AISkeleton/AISkeletonPlaceholder.js +2 -2
  274. package/lib/components/AISkeleton/AISkeletonText.js +2 -2
  275. package/lib/components/Accordion/Accordion.Skeleton.js +3 -2
  276. package/lib/components/Accordion/Accordion.js +2 -2
  277. package/lib/components/Accordion/AccordionItem.js +2 -2
  278. package/lib/components/AspectRatio/AspectRatio.js +2 -2
  279. package/lib/components/BadgeIndicator/index.js +3 -2
  280. package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +3 -2
  281. package/lib/components/Breadcrumb/Breadcrumb.js +2 -2
  282. package/lib/components/Breadcrumb/BreadcrumbItem.js +2 -2
  283. package/lib/components/Button/Button.Skeleton.js +3 -2
  284. package/lib/components/Button/Button.js +2 -2
  285. package/lib/components/Button/ButtonBase.js +2 -2
  286. package/lib/components/Button/index.js +7 -1
  287. package/lib/components/ButtonSet/ButtonSet.js +2 -2
  288. package/lib/components/ButtonSet/index.js +3 -1
  289. package/lib/components/ChatButton/ChatButton.Skeleton.js +2 -2
  290. package/lib/components/ChatButton/ChatButton.js +2 -2
  291. package/lib/components/Checkbox/Checkbox.Skeleton.js +3 -2
  292. package/lib/components/Checkbox/Checkbox.js +3 -3
  293. package/lib/components/Checkbox/index.js +3 -1
  294. package/lib/components/CheckboxGroup/CheckboxGroup.js +2 -2
  295. package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +3 -2
  296. package/lib/components/CodeSnippet/CodeSnippet.js +2 -2
  297. package/lib/components/ComboBox/ComboBox.js +8 -5
  298. package/lib/components/ComboBox/index.js +3 -1
  299. package/lib/components/ComboButton/index.js +2 -2
  300. package/lib/components/ComposedModal/ComposedModal.js +5 -4
  301. package/lib/components/ComposedModal/ComposedModalPresence.js +4 -1
  302. package/lib/components/ComposedModal/ModalFooter.js +3 -3
  303. package/lib/components/ComposedModal/ModalHeader.js +2 -2
  304. package/lib/components/ContainedList/ContainedList.js +2 -2
  305. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +2 -2
  306. package/lib/components/ContainedList/ContainedListItem/index.js +3 -1
  307. package/lib/components/ContentSwitcher/ContentSwitcher.js +2 -2
  308. package/lib/components/Copy/Copy.js +3 -3
  309. package/lib/components/Copy/index.js +3 -1
  310. package/lib/components/CopyButton/CopyButton.js +3 -3
  311. package/lib/components/CopyButton/index.js +3 -1
  312. package/lib/components/DataTable/DataTable.js +4 -3
  313. package/lib/components/DataTable/Table.js +3 -2
  314. package/lib/components/DataTable/TableBatchActions.js +2 -2
  315. package/lib/components/DataTable/TableCell.js +2 -2
  316. package/lib/components/DataTable/TableContainer.js +2 -2
  317. package/lib/components/DataTable/TableDecoratorRow.js +2 -2
  318. package/lib/components/DataTable/TableExpandHeader.js +2 -2
  319. package/lib/components/DataTable/TableExpandRow.js +2 -2
  320. package/lib/components/DataTable/TableExpandedRow.js +2 -2
  321. package/lib/components/DataTable/TableHeader.js +2 -2
  322. package/lib/components/DataTable/TableRow.js +2 -2
  323. package/lib/components/DataTable/TableSelectAll.js +2 -2
  324. package/lib/components/DataTable/TableSelectRow.js +2 -2
  325. package/lib/components/DataTable/TableSlugRow.js +2 -2
  326. package/lib/components/DataTable/TableToolbar.js +3 -2
  327. package/lib/components/DataTable/TableToolbarMenu.js +3 -3
  328. package/lib/components/DataTable/TableToolbarSearch.js +3 -3
  329. package/lib/components/DataTable/state/sorting.js +3 -1
  330. package/lib/components/DataTable/tools/sorting.js +2 -0
  331. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +2 -2
  332. package/lib/components/DatePicker/DatePicker.Skeleton.js +3 -2
  333. package/lib/components/DatePicker/DatePicker.js +2 -2
  334. package/lib/components/DatePicker/index.js +3 -1
  335. package/lib/components/DatePickerInput/DatePickerInput.js +3 -3
  336. package/lib/components/DatePickerInput/index.js +3 -1
  337. package/lib/components/Dialog/Dialog.js +3 -3
  338. package/lib/components/Dialog/index.js +8 -0
  339. package/lib/components/Dropdown/Dropdown.Skeleton.js +3 -2
  340. package/lib/components/Dropdown/Dropdown.js +2 -2
  341. package/lib/components/Dropdown/index.js +3 -1
  342. package/lib/components/ExpandableSearch/ExpandableSearch.js +2 -2
  343. package/lib/components/ExpandableSearch/index.js +3 -1
  344. package/lib/components/FeatureFlags/index.d.ts +58 -0
  345. package/lib/components/FeatureFlags/index.js +3 -1
  346. package/lib/components/FileUploader/FileUploader.Skeleton.js +4 -3
  347. package/lib/components/FileUploader/FileUploader.js +9 -6
  348. package/lib/components/FileUploader/FileUploaderButton.js +3 -3
  349. package/lib/components/FileUploader/FileUploaderDropContainer.js +8 -6
  350. package/lib/components/FileUploader/FileUploaderItem.js +3 -3
  351. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +2 -2
  352. package/lib/components/FluidComboBox/FluidComboBox.js +2 -2
  353. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +2 -2
  354. package/lib/components/FluidDatePicker/FluidDatePicker.js +2 -2
  355. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +2 -2
  356. package/lib/components/FluidDropdown/FluidDropdown.js +2 -2
  357. package/lib/components/FluidForm/FluidForm.js +2 -2
  358. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +2 -2
  359. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +2 -2
  360. package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +2 -2
  361. package/lib/components/FluidNumberInput/FluidNumberInput.js +2 -2
  362. package/lib/components/FluidSearch/FluidSearch.Skeleton.js +2 -2
  363. package/lib/components/FluidSearch/FluidSearch.js +2 -2
  364. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +2 -2
  365. package/lib/components/FluidSelect/FluidSelect.js +2 -2
  366. package/lib/components/FluidSelect/index.js +3 -1
  367. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +2 -2
  368. package/lib/components/FluidTextArea/FluidTextArea.js +2 -2
  369. package/lib/components/FluidTextInput/FluidPasswordInput.js +2 -2
  370. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +2 -2
  371. package/lib/components/FluidTextInput/FluidTextInput.js +2 -2
  372. package/lib/components/FluidTextInput/index.js +5 -2
  373. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +2 -2
  374. package/lib/components/FluidTimePicker/FluidTimePicker.js +2 -2
  375. package/lib/components/FluidTimePickerSelect/index.js +3 -1
  376. package/lib/components/Form/Form.js +2 -2
  377. package/lib/components/FormGroup/FormGroup.js +2 -2
  378. package/lib/components/FormItem/FormItem.js +2 -2
  379. package/lib/components/FormLabel/FormLabel.js +2 -2
  380. package/lib/components/Grid/CSSGrid.js +3 -3
  381. package/lib/components/Grid/Column.js +2 -2
  382. package/lib/components/Grid/ColumnHang.js +3 -3
  383. package/lib/components/Grid/FlexGrid.js +3 -3
  384. package/lib/components/Grid/Grid.js +3 -3
  385. package/lib/components/Grid/Row.js +2 -2
  386. package/lib/components/Icon/Icon.Skeleton.js +3 -2
  387. package/lib/components/IconButton/index.js +4 -3
  388. package/lib/components/IconIndicator/index.js +4 -2
  389. package/lib/components/InlineCheckbox/index.js +3 -1
  390. package/lib/components/InlineLoading/InlineLoading.js +2 -2
  391. package/lib/components/InlineLoading/index.js +3 -1
  392. package/lib/components/Layer/LayerLevel.js +1 -0
  393. package/lib/components/Layer/index.js +2 -2
  394. package/lib/components/Layout/index.js +2 -2
  395. package/lib/components/LayoutDirection/LayoutDirection.js +1 -0
  396. package/lib/components/Link/Link.js +2 -2
  397. package/lib/components/Link/index.js +3 -1
  398. package/lib/components/ListBox/ListBox.js +2 -2
  399. package/lib/components/ListBox/ListBoxMenuIcon.js +2 -2
  400. package/lib/components/ListBox/ListBoxMenuItem.js +4 -3
  401. package/lib/components/ListBox/ListBoxSelection.js +2 -2
  402. package/lib/components/ListBox/index.js +3 -1
  403. package/lib/components/ListBox/next/ListBoxSelection.js +2 -2
  404. package/lib/components/ListBox/next/ListBoxTrigger.js +2 -2
  405. package/lib/components/ListItem/ListItem.js +2 -2
  406. package/lib/components/Loading/Loading.js +2 -2
  407. package/lib/components/Loading/index.js +3 -1
  408. package/lib/components/Menu/Menu.js +2 -2
  409. package/lib/components/Menu/MenuItem.js +2 -2
  410. package/lib/components/MenuButton/index.js +2 -2
  411. package/lib/components/Modal/Modal.js +5 -4
  412. package/lib/components/Modal/ModalPresence.js +4 -1
  413. package/lib/components/Modal/index.js +6 -2
  414. package/lib/components/ModalWrapper/ModalWrapper.js +2 -2
  415. package/lib/components/MultiSelect/FilterableMultiSelect.d.ts +1 -2
  416. package/lib/components/MultiSelect/FilterableMultiSelect.js +8 -7
  417. package/lib/components/MultiSelect/MultiSelect.js +3 -3
  418. package/lib/components/Notification/Notification.js +4 -4
  419. package/lib/components/NumberInput/NumberInput.Skeleton.js +2 -2
  420. package/lib/components/NumberInput/NumberInput.js +16 -5
  421. package/lib/components/OrderedList/OrderedList.js +2 -2
  422. package/lib/components/OverflowMenu/OverflowMenu.js +5 -3
  423. package/lib/components/OverflowMenu/index.js +3 -2
  424. package/lib/components/OverflowMenu/next/index.js +2 -2
  425. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +3 -3
  426. package/lib/components/OverflowMenuItem/index.js +3 -1
  427. package/lib/components/OverflowMenuV2/index.js +1 -1
  428. package/lib/components/PageHeader/PageHeader.js +5 -5
  429. package/lib/components/PageHeader/index.js +14 -0
  430. package/lib/components/Pagination/Pagination.Skeleton.js +3 -2
  431. package/lib/components/Pagination/Pagination.d.ts +18 -1
  432. package/lib/components/Pagination/Pagination.js +31 -6
  433. package/lib/components/Pagination/experimental/PageSelector.d.ts +4 -0
  434. package/lib/components/Pagination/experimental/PageSelector.js +9 -2
  435. package/lib/components/Pagination/experimental/Pagination-story.d.ts +100 -65
  436. package/lib/components/Pagination/experimental/Pagination.d.ts +4 -0
  437. package/lib/components/Pagination/experimental/Pagination.js +9 -2
  438. package/lib/components/PaginationNav/PaginationNav.js +6 -4
  439. package/lib/components/Popover/index.js +10 -2
  440. package/lib/components/ProgressBar/ProgressBar.js +2 -2
  441. package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +3 -2
  442. package/lib/components/ProgressIndicator/ProgressIndicator.js +2 -2
  443. package/lib/components/RadioButton/RadioButton.Skeleton.js +3 -2
  444. package/lib/components/RadioButton/RadioButton.js +2 -2
  445. package/lib/components/RadioButton/index.js +3 -1
  446. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +2 -2
  447. package/lib/components/RadioTile/RadioTile.js +3 -3
  448. package/lib/components/RadioTile/index.js +3 -1
  449. package/lib/components/Search/Search.Skeleton.js +3 -2
  450. package/lib/components/Search/Search.js +3 -3
  451. package/lib/components/Search/index.js +3 -1
  452. package/lib/components/Select/Select.Skeleton.js +3 -2
  453. package/lib/components/Select/Select.js +2 -2
  454. package/lib/components/Select/index.js +3 -1
  455. package/lib/components/SelectItem/SelectItem.js +2 -2
  456. package/lib/components/SelectItem/index.js +3 -1
  457. package/lib/components/SelectItemGroup/SelectItemGroup.js +2 -2
  458. package/lib/components/ShapeIndicator/index.js +4 -2
  459. package/lib/components/SkeletonIcon/SkeletonIcon.js +2 -2
  460. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -2
  461. package/lib/components/SkeletonText/SkeletonText.js +2 -2
  462. package/lib/components/SkeletonText/index.js +3 -1
  463. package/lib/components/Slider/Slider.Skeleton.js +2 -2
  464. package/lib/components/Slider/Slider.js +8 -6
  465. package/lib/components/Stack/Stack.js +2 -2
  466. package/lib/components/StructuredList/StructuredList.Skeleton.js +2 -2
  467. package/lib/components/StructuredList/StructuredList.js +2 -2
  468. package/lib/components/Switch/IconSwitch.js +5 -4
  469. package/lib/components/Switch/Switch.js +3 -3
  470. package/lib/components/TabContent/TabContent.js +2 -2
  471. package/lib/components/Tabs/Tabs.Skeleton.js +3 -2
  472. package/lib/components/Tabs/Tabs.js +35 -23
  473. package/lib/components/Tag/DismissibleTag.js +3 -2
  474. package/lib/components/Tag/OperationalTag.js +3 -2
  475. package/lib/components/Tag/SelectableTag.js +2 -2
  476. package/lib/components/Tag/Tag.Skeleton.js +3 -2
  477. package/lib/components/Tag/Tag.js +3 -2
  478. package/lib/components/TextArea/TextArea.Skeleton.js +3 -2
  479. package/lib/components/TextArea/TextArea.js +3 -3
  480. package/lib/components/TextArea/index.js +3 -1
  481. package/lib/components/TextInput/ControlledPasswordInput.js +3 -3
  482. package/lib/components/TextInput/PasswordInput.js +2 -2
  483. package/lib/components/TextInput/TextInput.Skeleton.js +3 -2
  484. package/lib/components/TextInput/TextInput.js +2 -2
  485. package/lib/components/TextInput/index.js +3 -1
  486. package/lib/components/Theme/index.js +2 -2
  487. package/lib/components/Tile/Tile.js +7 -4
  488. package/lib/components/TileGroup/TileGroup.js +1 -1
  489. package/lib/components/TimePicker/TimePicker.js +2 -2
  490. package/lib/components/TimePickerSelect/TimePickerSelect.js +2 -2
  491. package/lib/components/Toggle/Toggle.Skeleton.js +3 -2
  492. package/lib/components/Toggle/Toggle.js +3 -2
  493. package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +2 -2
  494. package/lib/components/Toggletip/index.js +4 -3
  495. package/lib/components/Tooltip/DefinitionTooltip.js +2 -2
  496. package/lib/components/Tooltip/Tooltip.d.ts +2 -1
  497. package/lib/components/Tooltip/Tooltip.js +5 -4
  498. package/lib/components/TreeView/TreeNode.js +8 -5
  499. package/lib/components/TreeView/TreeView.js +2 -2
  500. package/lib/components/UIShell/Content.js +2 -2
  501. package/lib/components/UIShell/Header.js +2 -2
  502. package/lib/components/UIShell/HeaderGlobalAction.js +2 -2
  503. package/lib/components/UIShell/HeaderMenu.js +3 -2
  504. package/lib/components/UIShell/HeaderMenuButton.js +2 -2
  505. package/lib/components/UIShell/HeaderMenuItem.js +2 -2
  506. package/lib/components/UIShell/HeaderName.js +2 -2
  507. package/lib/components/UIShell/HeaderNavigation.js +2 -2
  508. package/lib/components/UIShell/HeaderPanel.js +3 -3
  509. package/lib/components/UIShell/HeaderSideNavItems.js +2 -2
  510. package/lib/components/UIShell/SideNav.js +2 -2
  511. package/lib/components/UIShell/SideNavDetails.js +2 -2
  512. package/lib/components/UIShell/SideNavDivider.js +2 -2
  513. package/lib/components/UIShell/SideNavFooter.js +2 -2
  514. package/lib/components/UIShell/SideNavHeader.js +2 -2
  515. package/lib/components/UIShell/SideNavIcon.js +2 -2
  516. package/lib/components/UIShell/SideNavItem.js +2 -2
  517. package/lib/components/UIShell/SideNavItems.js +2 -2
  518. package/lib/components/UIShell/SideNavLink.js +2 -2
  519. package/lib/components/UIShell/SideNavLinkText.js +2 -2
  520. package/lib/components/UIShell/SideNavMenu.js +3 -2
  521. package/lib/components/UIShell/SideNavMenuItem.js +2 -2
  522. package/lib/components/UIShell/SideNavSwitcher.js +2 -2
  523. package/lib/components/UIShell/SkipToContent.js +2 -2
  524. package/lib/components/UIShell/Switcher.js +2 -2
  525. package/lib/components/UIShell/SwitcherDivider.js +2 -2
  526. package/lib/components/UIShell/SwitcherItem.js +2 -2
  527. package/lib/components/UnorderedList/UnorderedList.js +2 -2
  528. package/lib/index.js +33 -32
  529. package/lib/internal/FloatingMenu.js +13 -8
  530. package/lib/internal/motion/MotionSurface.d.ts +35 -0
  531. package/lib/internal/motion/useMotionEnabled.d.ts +13 -0
  532. package/lib/internal/motion/useMotionSurface.d.ts +33 -0
  533. package/lib/internal/useId.js +1 -0
  534. package/lib/internal/useOverflowItems.js +2 -1
  535. package/lib/internal/usePresence.d.ts +8 -1
  536. package/lib/internal/usePresence.js +4 -2
  537. package/lib/internal/usePresenceContext.d.ts +12 -0
  538. package/lib/internal/usePresenceContext.js +22 -3
  539. package/lib/tools/wrapComponent.js +2 -2
  540. package/package.json +14 -11
  541. package/telemetry.yml +1 -0
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -8,10 +8,10 @@
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
11
- let classnames = require("classnames");
12
- classnames = require_runtime.__toESM(classnames);
13
11
  let react = require("react");
14
12
  react = require_runtime.__toESM(react);
13
+ let classnames = require("classnames");
14
+ classnames = require_runtime.__toESM(classnames);
15
15
  let prop_types = require("prop-types");
16
16
  prop_types = require_runtime.__toESM(prop_types);
17
17
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -5,6 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
+ const require_SkeletonText = require("./SkeletonText.js");
8
9
  //#region src/components/SkeletonText/index.tsx
9
10
  /**
10
11
  * Copyright IBM Corp. 2016, 2023
@@ -12,6 +13,7 @@
12
13
  * This source code is licensed under the Apache-2.0 license found in the
13
14
  * LICENSE file in the root directory of this source tree.
14
15
  */
15
- var SkeletonText_default = require("./SkeletonText.js").default;
16
+ var SkeletonText_default = require_SkeletonText.default;
16
17
  //#endregion
18
+ exports.SkeletonText = require_SkeletonText.default;
17
19
  exports.default = SkeletonText_default;
@@ -9,10 +9,10 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
11
11
  const require_SliderHandles = require("./SliderHandles.js");
12
- let classnames = require("classnames");
13
- classnames = require_runtime.__toESM(classnames);
14
12
  let react = require("react");
15
13
  react = require_runtime.__toESM(react);
14
+ let classnames = require("classnames");
15
+ classnames = require_runtime.__toESM(classnames);
16
16
  let prop_types = require("prop-types");
17
17
  prop_types = require_runtime.__toESM(prop_types);
18
18
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -16,10 +16,10 @@ const require_Tooltip = require("../Tooltip/Tooltip.js");
16
16
  const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
17
17
  const require_clamp = require("../../internal/clamp.js");
18
18
  const require_SliderHandles = require("./SliderHandles.js");
19
- let classnames = require("classnames");
20
- classnames = require_runtime.__toESM(classnames);
21
19
  let react = require("react");
22
20
  react = require_runtime.__toESM(react);
21
+ let classnames = require("classnames");
22
+ classnames = require_runtime.__toESM(classnames);
23
23
  let prop_types = require("prop-types");
24
24
  prop_types = require_runtime.__toESM(prop_types);
25
25
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -67,8 +67,8 @@ const calcRawLeftPercent = ({ max, min, value }) => {
67
67
  * A value of `16` limits updates to at most ~60 per second.
68
68
  */
69
69
  const EVENT_THROTTLE = 16;
70
- const DRAG_EVENT_TYPES = new Set(["mousemove", "touchmove"]);
71
- const DRAG_STOP_EVENT_TYPES = new Set([
70
+ const DRAG_EVENT_TYPES = /* @__PURE__ */ new Set(["mousemove", "touchmove"]);
71
+ const DRAG_STOP_EVENT_TYPES = /* @__PURE__ */ new Set([
72
72
  "mouseup",
73
73
  "touchend",
74
74
  "touchcancel"
@@ -298,8 +298,9 @@ const Slider = (props) => {
298
298
  onDragRef.current = (evt, activeHandle) => {
299
299
  activeHandle = activeHandle ?? stateRef.current.activeHandle;
300
300
  if (disabled || readOnly) return;
301
+ const clientX = getClientXFromEvent(evt);
301
302
  const { value, left } = calcValue({
302
- clientX: getClientXFromEvent(evt),
303
+ clientX,
303
304
  value: stateRef.current.value
304
305
  });
305
306
  if (twoHandles && activeHandle) setValueLeftForHandle(activeHandle, {
@@ -338,7 +339,8 @@ const Slider = (props) => {
338
339
  else return;
339
340
  if (evt.shiftKey) delta *= stepMultiplier;
340
341
  if (twoHandles && state.activeHandle) {
341
- const { value, left } = calcValue({ value: calcValueForDelta((state.activeHandle === "lower" ? state.value : state.valueUpper) ?? min, delta, step) });
342
+ const currentValue = state.activeHandle === "lower" ? state.value : state.valueUpper;
343
+ const { value, left } = calcValue({ value: calcValueForDelta(currentValue ?? min, delta, step) });
342
344
  setValueLeftForHandle(state.activeHandle, {
343
345
  value: nearestStepValue(value),
344
346
  left
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -11,10 +11,10 @@ const require_Text = require("../Text/Text.js");
11
11
  const require_useId = require("../../internal/useId.js");
12
12
  const require_deprecate = require("../../prop-types/deprecate.js");
13
13
  const require_useOutsideClick = require("../../internal/useOutsideClick.js");
14
- let classnames = require("classnames");
15
- classnames = require_runtime.__toESM(classnames);
16
14
  let react = require("react");
17
15
  react = require_runtime.__toESM(react);
16
+ let classnames = require("classnames");
17
+ classnames = require_runtime.__toESM(classnames);
18
18
  let prop_types = require("prop-types");
19
19
  prop_types = require_runtime.__toESM(prop_types);
20
20
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -6,13 +6,13 @@
6
6
  */
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
- const require_usePrefix = require("../../internal/usePrefix.js");
10
9
  const require_noopFn = require("../../internal/noopFn.js");
10
+ const require_usePrefix = require("../../internal/usePrefix.js");
11
11
  const require_index = require("../IconButton/index.js");
12
- let classnames = require("classnames");
13
- classnames = require_runtime.__toESM(classnames);
14
12
  let react = require("react");
15
13
  react = require_runtime.__toESM(react);
14
+ let classnames = require("classnames");
15
+ classnames = require_runtime.__toESM(classnames);
16
16
  let prop_types = require("prop-types");
17
17
  prop_types = require_runtime.__toESM(prop_types);
18
18
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -36,11 +36,12 @@ const IconSwitch = (0, react.forwardRef)((props, ref) => {
36
36
  });
37
37
  };
38
38
  const handleKeyDown = (event) => {
39
+ const key = event.key || event.which;
39
40
  onKeyDown({
40
41
  index,
41
42
  name,
42
43
  text,
43
- key: event.key || event.which
44
+ key
44
45
  });
45
46
  };
46
47
  const handleMouseEnter = () => {
@@ -6,12 +6,12 @@
6
6
  */
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
- const require_usePrefix = require("../../internal/usePrefix.js");
10
9
  const require_noopFn = require("../../internal/noopFn.js");
11
- let classnames = require("classnames");
12
- classnames = require_runtime.__toESM(classnames);
10
+ const require_usePrefix = require("../../internal/usePrefix.js");
13
11
  let react = require("react");
14
12
  react = require_runtime.__toESM(react);
13
+ let classnames = require("classnames");
14
+ classnames = require_runtime.__toESM(classnames);
15
15
  let prop_types = require("prop-types");
16
16
  prop_types = require_runtime.__toESM(prop_types);
17
17
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -59,4 +59,5 @@ TabsSkeleton.propTypes = {
59
59
  contained: prop_types.default.bool
60
60
  };
61
61
  //#endregion
62
+ exports.TabsSkeleton = TabsSkeleton;
62
63
  exports.default = TabsSkeleton;
@@ -22,10 +22,10 @@ const require_useControllableState = require("../../internal/useControllableStat
22
22
  const require_Grid = require("../Grid/Grid.js");
23
23
  const require_useMatchMedia = require("../../internal/useMatchMedia.js");
24
24
  const require_usePressable = require("./usePressable.js");
25
- let classnames = require("classnames");
26
- classnames = require_runtime.__toESM(classnames);
27
25
  let react = require("react");
28
26
  react = require_runtime.__toESM(react);
27
+ let classnames = require("classnames");
28
+ classnames = require_runtime.__toESM(classnames);
29
29
  let prop_types = require("prop-types");
30
30
  prop_types = require_runtime.__toESM(prop_types);
31
31
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -126,7 +126,7 @@ function TabsVertical({ children, height, defaultSelectedIndex = 0, onChange, se
126
126
  selectedIndex,
127
127
  onChange: ({ selectedIndex }) => setSelectedIndex(selectedIndex)
128
128
  };
129
- if (!require_useMatchMedia.useMatchMedia(smMediaQuery)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.GridAsGridComponent, {
129
+ if (!require_useMatchMedia.useMatchMedia(smMediaQuery)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Grid.Grid, {
130
130
  style: { height },
131
131
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tabs, {
132
132
  ...props,
@@ -193,6 +193,7 @@ function getNextIndexVertical(event, total, index) {
193
193
  function TabList({ activation = "automatic", "aria-label": label, children, className: customClassName, contained = false, fullWidth = false, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait = 200, scrollIntoView, size, ...rest }) {
194
194
  const { activeIndex, selectedIndex, setSelectedIndex, setActiveIndex, dismissable } = react.default.useContext(TabsContext);
195
195
  const prefix = require_usePrefix.usePrefix();
196
+ const containerRef = (0, react.useRef)(null);
196
197
  const ref = (0, react.useRef)(null);
197
198
  const previousButton = (0, react.useRef)(null);
198
199
  const nextButton = (0, react.useRef)(null);
@@ -213,15 +214,28 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
213
214
  [`${prefix}--tabs--dismissable`]: dismissable
214
215
  }, customClassName);
215
216
  const [isNextButtonVisible, setIsNextButtonVisible] = (0, react.useState)(ref.current ? scrollLeft + ref.current.clientWidth < ref.current.scrollWidth : false);
217
+ const updateOverflowState = (0, react.useCallback)(() => {
218
+ if (!containerRef.current || !ref.current) return;
219
+ const hasOverflow = ref.current.scrollWidth > containerRef.current.clientWidth + 1;
220
+ setIsNextButtonVisible(hasOverflow && ref.current.scrollLeft + ref.current.clientWidth + 1 < ref.current.scrollWidth);
221
+ setIsScrollable(hasOverflow);
222
+ }, []);
216
223
  const isPreviousButtonVisible = ref.current ? isScrollable && scrollLeft > 0 : false;
217
224
  const previousButtonClasses = (0, classnames.default)(`${prefix}--tab--overflow-nav-button`, `${prefix}--tab--overflow-nav-button--previous`, { [`${prefix}--tab--overflow-nav-button--hidden`]: !isPreviousButtonVisible });
218
225
  const nextButtonClasses = (0, classnames.default)(`${prefix}--tab--overflow-nav-button`, `${prefix}--tab--overflow-nav-button--next`, { [`${prefix}--tab--overflow-nav-button--hidden`]: !isNextButtonVisible });
219
226
  const tabs = (0, react.useRef)([]);
220
- const debouncedOnScroll = (0, react.useCallback)(() => {
221
- (0, es_toolkit_compat.debounce)(() => {
222
- if (ref.current) setScrollLeft(ref.current.scrollLeft);
223
- }, scrollDebounceWait)();
224
- }, [scrollDebounceWait]);
227
+ const debouncedUpdateScroll = (0, react.useMemo)(() => (0, es_toolkit_compat.debounce)(() => {
228
+ if (ref.current) setScrollLeft(ref.current.scrollLeft);
229
+ }, scrollDebounceWait), [scrollDebounceWait]);
230
+ (0, react.useEffect)(() => {
231
+ return () => {
232
+ debouncedUpdateScroll.cancel();
233
+ };
234
+ }, [debouncedUpdateScroll]);
235
+ const handleScroll = (0, react.useCallback)(() => {
236
+ updateOverflowState();
237
+ debouncedUpdateScroll();
238
+ }, [debouncedUpdateScroll, updateOverflowState]);
225
239
  function onKeyDown(event) {
226
240
  if (require_match.matches(event, [
227
241
  require_keys.ArrowRight,
@@ -267,12 +281,11 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
267
281
  });
268
282
  }, []);
269
283
  (0, react.useEffect)(() => {
270
- setIsNextButtonVisible(ref.current ? scrollLeft + ref.current.clientWidth + 1 < ref.current.scrollWidth : false);
271
- if (dismissable && ref.current) setIsScrollable(ref.current.scrollWidth > ref.current.clientWidth + 1);
284
+ updateOverflowState();
272
285
  }, [
273
286
  children,
274
- dismissable,
275
- scrollLeft
287
+ scrollLeft,
288
+ updateOverflowState
276
289
  ]);
277
290
  (0, react.useEffect)(() => {
278
291
  if (tabs.current[selectedIndex]?.disabled) {
@@ -286,17 +299,15 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
286
299
  }
287
300
  }, []);
288
301
  require_useIsomorphicEffect.default(() => {
289
- if (ref.current) setIsScrollable(ref.current.scrollWidth > ref.current.clientWidth + 1);
290
- function handler() {
291
- if (ref.current) setIsScrollable(ref.current.scrollWidth > ref.current.clientWidth + 1);
292
- }
293
- const debouncedHandler = (0, es_toolkit_compat.debounce)(handler, 200);
294
- window.addEventListener("resize", debouncedHandler);
302
+ const element = containerRef.current;
303
+ if (!element) return;
304
+ updateOverflowState();
305
+ const resizeObserver = new ResizeObserver(updateOverflowState);
306
+ resizeObserver.observe(element);
295
307
  return () => {
296
- debouncedHandler.cancel();
297
- window.removeEventListener("resize", debouncedHandler);
308
+ resizeObserver.disconnect();
298
309
  };
299
- }, []);
310
+ }, [updateOverflowState]);
300
311
  require_useIsomorphicEffect.default(() => {
301
312
  if (scrollLeft !== null && ref.current) ref.current.scrollLeft = scrollLeft;
302
313
  }, [scrollLeft]);
@@ -328,6 +339,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
328
339
  }
329
340
  });
330
341
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
342
+ ref: containerRef,
331
343
  className,
332
344
  children: [
333
345
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -346,7 +358,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
346
358
  ref,
347
359
  role: "tablist",
348
360
  className: `${prefix}--tab--list`,
349
- onScroll: debouncedOnScroll,
361
+ onScroll: handleScroll,
350
362
  onKeyDown,
351
363
  onBlur: handleBlur,
352
364
  children: react.Children.map(children, (child, index) => {
@@ -791,7 +803,7 @@ const Tab = (0, react.forwardRef)(({ as = "button", children, className: customC
791
803
  title: secondaryLabel,
792
804
  children: secondaryLabel
793
805
  }),
794
- !disabled && badgeIndicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {})
806
+ !disabled && badgeIndicator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.BadgeIndicator, {})
795
807
  ]
796
808
  }), DismissIcon] });
797
809
  });
@@ -17,10 +17,10 @@ const require_index = require("../AILabel/index.js");
17
17
  const require_mergeRefs = require("../../tools/mergeRefs.js");
18
18
  const require_isEllipsisActive = require("./isEllipsisActive.js");
19
19
  const require_Tag = require("./Tag.js");
20
- let classnames = require("classnames");
21
- classnames = require_runtime.__toESM(classnames);
22
20
  let react = require("react");
23
21
  react = require_runtime.__toESM(react);
22
+ let classnames = require("classnames");
23
+ classnames = require_runtime.__toESM(classnames);
24
24
  let prop_types = require("prop-types");
25
25
  prop_types = require_runtime.__toESM(prop_types);
26
26
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -170,5 +170,6 @@ DismissibleTag.propTypes = {
170
170
  */
171
171
  type: prop_types.default.oneOf(Object.keys(require_Tag.TYPES))
172
172
  };
173
+ Object.keys(require_Tag.TYPES);
173
174
  //#endregion
174
175
  exports.default = DismissibleTag;
@@ -14,10 +14,10 @@ const require_Tooltip = require("../Tooltip/Tooltip.js");
14
14
  const require_mergeRefs = require("../../tools/mergeRefs.js");
15
15
  const require_isEllipsisActive = require("./isEllipsisActive.js");
16
16
  const require_Tag = require("./Tag.js");
17
- let classnames = require("classnames");
18
- classnames = require_runtime.__toESM(classnames);
19
17
  let react = require("react");
20
18
  react = require_runtime.__toESM(react);
19
+ let classnames = require("classnames");
20
+ classnames = require_runtime.__toESM(classnames);
21
21
  let prop_types = require("prop-types");
22
22
  prop_types = require_runtime.__toESM(prop_types);
23
23
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -123,5 +123,6 @@ OperationalTag.propTypes = {
123
123
  */
124
124
  type: prop_types.default.oneOf(Object.keys(TYPES))
125
125
  };
126
+ Object.keys(TYPES);
126
127
  //#endregion
127
128
  exports.default = OperationalTag;
@@ -15,10 +15,10 @@ const require_mergeRefs = require("../../tools/mergeRefs.js");
15
15
  const require_useControllableState = require("../../internal/useControllableState.js");
16
16
  const require_isEllipsisActive = require("./isEllipsisActive.js");
17
17
  const require_Tag = require("./Tag.js");
18
- let classnames = require("classnames");
19
- classnames = require_runtime.__toESM(classnames);
20
18
  let react = require("react");
21
19
  react = require_runtime.__toESM(react);
20
+ let classnames = require("classnames");
21
+ classnames = require_runtime.__toESM(classnames);
22
22
  let prop_types = require("prop-types");
23
23
  prop_types = require_runtime.__toESM(prop_types);
24
24
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -43,4 +43,5 @@ TagSkeleton.propTypes = {
43
43
  size: prop_types.default.oneOf(["sm"])
44
44
  };
45
45
  //#endregion
46
+ exports.TagSkeleton = TagSkeleton;
46
47
  exports.default = TagSkeleton;
@@ -16,10 +16,10 @@ const require_useMergedRefs = require("../../internal/useMergedRefs.js");
16
16
  const require_DefinitionTooltip = require("../Tooltip/DefinitionTooltip.js");
17
17
  const require_index = require("../AILabel/index.js");
18
18
  const require_isEllipsisActive = require("./isEllipsisActive.js");
19
- let classnames = require("classnames");
20
- classnames = require_runtime.__toESM(classnames);
21
19
  let react = require("react");
22
20
  react = require_runtime.__toESM(react);
21
+ let classnames = require("classnames");
22
+ classnames = require_runtime.__toESM(classnames);
23
23
  let prop_types = require("prop-types");
24
24
  prop_types = require_runtime.__toESM(prop_types);
25
25
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -205,6 +205,7 @@ Tag.propTypes = {
205
205
  */
206
206
  type: prop_types.default.oneOf(Object.keys(TYPES))
207
207
  };
208
+ Object.keys(TYPES);
208
209
  //#endregion
209
210
  exports.SIZES = SIZES;
210
211
  exports.TYPES = TYPES;
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -41,4 +41,5 @@ TextAreaSkeleton.propTypes = {
41
41
  hideLabel: prop_types.default.bool
42
42
  };
43
43
  //#endregion
44
+ exports.TextAreaSkeleton = TextAreaSkeleton;
44
45
  exports.default = TextAreaSkeleton;
@@ -6,11 +6,11 @@
6
6
  */
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
+ const require_noopFn = require("../../internal/noopFn.js");
9
10
  const require_usePrefix = require("../../internal/usePrefix.js");
10
11
  const require_Text = require("../Text/Text.js");
11
12
  const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
12
13
  const require_useId = require("../../internal/useId.js");
13
- const require_noopFn = require("../../internal/noopFn.js");
14
14
  const require_deprecate = require("../../prop-types/deprecate.js");
15
15
  const require_utils = require("../../internal/utils.js");
16
16
  const require_useMergedRefs = require("../../internal/useMergedRefs.js");
@@ -18,10 +18,10 @@ const require_hasHelperText = require("../../internal/hasHelperText.js");
18
18
  const require_index = require("../AILabel/index.js");
19
19
  const require_FormContext = require("../FluidForm/FormContext.js");
20
20
  const require_getAnnouncement = require("../../internal/getAnnouncement.js");
21
- let classnames = require("classnames");
22
- classnames = require_runtime.__toESM(classnames);
23
21
  let react = require("react");
24
22
  react = require_runtime.__toESM(react);
23
+ let classnames = require("classnames");
24
+ classnames = require_runtime.__toESM(classnames);
25
25
  let prop_types = require("prop-types");
26
26
  prop_types = require_runtime.__toESM(prop_types);
27
27
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  const require_TextArea = require("./TextArea.js");
9
- require("./TextArea.Skeleton.js");
9
+ const require_TextArea_Skeleton = require("./TextArea.Skeleton.js");
10
10
  //#region src/components/TextArea/index.ts
11
11
  /**
12
12
  * Copyright IBM Corp. 2016, 2023
@@ -16,4 +16,6 @@ require("./TextArea.Skeleton.js");
16
16
  */
17
17
  var TextArea_default = require_TextArea.default;
18
18
  //#endregion
19
+ exports.TextArea = require_TextArea.default;
20
+ exports.TextAreaSkeleton = require_TextArea_Skeleton.TextAreaSkeleton;
19
21
  exports.default = TextArea_default;
@@ -6,16 +6,16 @@
6
6
  */
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
+ const require_noopFn = require("../../internal/noopFn.js");
9
10
  const require_usePrefix = require("../../internal/usePrefix.js");
10
11
  const require_useId = require("../../internal/useId.js");
11
- const require_noopFn = require("../../internal/noopFn.js");
12
12
  const require_deprecate = require("../../prop-types/deprecate.js");
13
13
  const require_hasHelperText = require("../../internal/hasHelperText.js");
14
14
  const require_util = require("./util.js");
15
- let classnames = require("classnames");
16
- classnames = require_runtime.__toESM(classnames);
17
15
  let react = require("react");
18
16
  react = require_runtime.__toESM(react);
17
+ let classnames = require("classnames");
18
+ classnames = require_runtime.__toESM(classnames);
19
19
  let prop_types = require("prop-types");
20
20
  prop_types = require_runtime.__toESM(prop_types);
21
21
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -13,10 +13,10 @@ const require_hasHelperText = require("../../internal/hasHelperText.js");
13
13
  const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
14
14
  const require_FormContext = require("../FluidForm/FormContext.js");
15
15
  const require_util = require("./util.js");
16
- let classnames = require("classnames");
17
- classnames = require_runtime.__toESM(classnames);
18
16
  let react = require("react");
19
17
  react = require_runtime.__toESM(react);
18
+ let classnames = require("classnames");
19
+ classnames = require_runtime.__toESM(classnames);
20
20
  let prop_types = require("prop-types");
21
21
  prop_types = require_runtime.__toESM(prop_types);
22
22
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let classnames = require("classnames");
11
- classnames = require_runtime.__toESM(classnames);
12
10
  let react = require("react");
13
11
  react = require_runtime.__toESM(react);
12
+ let classnames = require("classnames");
13
+ classnames = require_runtime.__toESM(classnames);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -49,4 +49,5 @@ TextInputSkeleton.propTypes = {
49
49
  ])
50
50
  };
51
51
  //#endregion
52
+ exports.TextInputSkeleton = TextInputSkeleton;
52
53
  exports.default = TextInputSkeleton;
@@ -17,10 +17,10 @@ const require_index = require("../AILabel/index.js");
17
17
  const require_FormContext = require("../FluidForm/FormContext.js");
18
18
  const require_util = require("./util.js");
19
19
  const require_getAnnouncement = require("../../internal/getAnnouncement.js");
20
- let classnames = require("classnames");
21
- classnames = require_runtime.__toESM(classnames);
22
20
  let react = require("react");
23
21
  react = require_runtime.__toESM(react);
22
+ let classnames = require("classnames");
23
+ classnames = require_runtime.__toESM(classnames);
24
24
  let prop_types = require("prop-types");
25
25
  prop_types = require_runtime.__toESM(prop_types);
26
26
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  const require_TextInput = require("./TextInput.js");
9
- require("./TextInput.Skeleton.js");
9
+ const require_TextInput_Skeleton = require("./TextInput.Skeleton.js");
10
10
  //#region src/components/TextInput/index.ts
11
11
  /**
12
12
  * Copyright IBM Corp. 2016, 2025
@@ -16,4 +16,6 @@ require("./TextInput.Skeleton.js");
16
16
  */
17
17
  var TextInput_default = require_TextInput.default;
18
18
  //#endregion
19
+ exports.TextInput = require_TextInput.default;
20
+ exports.TextInputSkeleton = require_TextInput_Skeleton.TextInputSkeleton;
19
21
  exports.default = TextInput_default;
@@ -9,10 +9,10 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_LayerContext = require("../Layer/LayerContext.js");
11
11
  const require_useMatchMedia = require("../../internal/useMatchMedia.js");
12
- let classnames = require("classnames");
13
- classnames = require_runtime.__toESM(classnames);
14
12
  let react = require("react");
15
13
  react = require_runtime.__toESM(react);
14
+ let classnames = require("classnames");
15
+ classnames = require_runtime.__toESM(classnames);
16
16
  let prop_types = require("prop-types");
17
17
  prop_types = require_runtime.__toESM(prop_types);
18
18
  let react_jsx_runtime = require("react/jsx-runtime");