@cube-dev/ui-kit 0.0.0-canary-dede06e → 0.0.0-canary-4b78671

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 (511) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/es/_internal/hooks/index.js +1 -1
  3. package/es/_internal/hooks/use-chained-callback.js +1 -1
  4. package/es/_internal/hooks/use-debounced-value.js +1 -1
  5. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  6. package/es/_internal/hooks/use-effect-once.js +1 -1
  7. package/es/_internal/hooks/use-event.js +1 -1
  8. package/es/_internal/hooks/use-is-first-render.js +1 -1
  9. package/es/_internal/hooks/use-sync-ref.js +1 -1
  10. package/es/_internal/hooks/use-timer/index.js +1 -1
  11. package/es/_internal/hooks/use-timer/timer.js +1 -1
  12. package/es/_internal/hooks/use-timer/use-timer.js +1 -1
  13. package/es/_internal/hooks/use-update-effect.js +1 -1
  14. package/es/_internal/hooks/use-warn.js +1 -1
  15. package/es/_internal/index.js +1 -1
  16. package/es/components/Block.js +1 -1
  17. package/es/components/GlobalStyles.js +1 -1
  18. package/es/components/GridProvider.js +1 -1
  19. package/es/components/HiddenInput.js +1 -1
  20. package/es/components/Item.js +12 -0
  21. package/es/components/OpenTrasition.js +1 -1
  22. package/es/components/Root.js +1 -1
  23. package/es/components/actions/Action/Action.js +1 -1
  24. package/es/components/actions/Button/Button.js +2 -420
  25. package/es/components/actions/Button/index.js +1 -1
  26. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  27. package/es/components/actions/CommandMenu/CommandMenu.js +3 -4
  28. package/es/components/actions/CommandMenu/index.js +1 -1
  29. package/es/components/actions/CommandMenu/styled.js +14 -8
  30. package/es/components/actions/ItemButton/ItemButton.js +29 -0
  31. package/es/components/actions/ItemButton/index.js +10 -0
  32. package/es/components/actions/Menu/Menu.js +8 -17
  33. package/es/components/actions/Menu/MenuItem.js +15 -42
  34. package/es/components/actions/Menu/MenuSection.js +2 -2
  35. package/es/components/actions/Menu/MenuTrigger.js +1 -1
  36. package/es/components/actions/Menu/SubMenuTrigger.js +1 -1
  37. package/es/components/actions/Menu/SubmenuTriggerContext.js +1 -1
  38. package/es/components/actions/Menu/context.js +1 -1
  39. package/es/components/actions/Menu/index.js +1 -1
  40. package/es/components/actions/Menu/styled.js +16 -3
  41. package/es/components/actions/index.js +2 -1
  42. package/es/components/actions/use-action.js +1 -1
  43. package/es/components/actions/use-anchored-menu.js +14 -5
  44. package/es/components/actions/use-context-menu.js +2 -2
  45. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  46. package/es/components/content/Alert/Alert.js +1 -1
  47. package/es/components/content/Alert/index.js +1 -1
  48. package/es/components/content/Alert/types.js +1 -1
  49. package/es/components/content/Alert/use-alert.js +1 -1
  50. package/es/components/content/Avatar/Avatar.js +1 -1
  51. package/es/components/content/Badge/Badge.js +1 -1
  52. package/es/components/content/Card/Card.js +1 -1
  53. package/es/components/content/Content.js +1 -1
  54. package/es/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
  55. package/es/components/content/CopyPasteBlock/index.js +1 -1
  56. package/es/components/content/CopySnippet/CopySnippet.js +1 -1
  57. package/es/components/content/CopySnippet/index.js +1 -1
  58. package/es/components/content/Divider.js +1 -1
  59. package/es/components/content/Footer.js +1 -1
  60. package/es/components/content/Header.js +1 -1
  61. package/es/components/content/HotKeys/HotKeys.js +33 -4
  62. package/es/components/content/HotKeys/index.js +1 -1
  63. package/es/components/content/ItemBase/ItemBase.js +237 -0
  64. package/es/components/content/ItemBase/index.js +10 -0
  65. package/es/components/content/List/SectionHeading.js +23 -0
  66. package/es/components/content/List/index.js +10 -0
  67. package/es/components/content/Paragraph.js +1 -1
  68. package/es/components/content/Placeholder/Placeholder.js +1 -1
  69. package/es/components/content/PrismCode/PrismCode.js +1 -1
  70. package/es/components/content/PrismCode/prismSetup.js +1 -1
  71. package/es/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  72. package/es/components/content/Result/Result.js +1 -1
  73. package/es/components/content/Skeleton/Skeleton.js +1 -1
  74. package/es/components/content/Tag/Tag.js +1 -1
  75. package/es/components/content/Text.js +1 -1
  76. package/es/components/content/Title.js +1 -1
  77. package/es/components/fields/Checkbox/Checkbox.js +1 -1
  78. package/es/components/fields/Checkbox/CheckboxGroup.js +1 -1
  79. package/es/components/fields/Checkbox/context.js +1 -1
  80. package/es/components/fields/Checkbox/index.js +1 -1
  81. package/es/components/fields/ComboBox/ComboBox.js +3 -2
  82. package/es/components/fields/ComboBox/index.js +1 -1
  83. package/es/components/fields/DatePicker/DateInput.js +1 -1
  84. package/es/components/fields/DatePicker/DateInputBase.js +1 -1
  85. package/es/components/fields/DatePicker/DatePicker.js +1 -1
  86. package/es/components/fields/DatePicker/DatePickerButton.js +1 -1
  87. package/es/components/fields/DatePicker/DatePickerElement.js +1 -1
  88. package/es/components/fields/DatePicker/DatePickerInput.js +1 -1
  89. package/es/components/fields/DatePicker/DatePickerSegment.js +1 -1
  90. package/es/components/fields/DatePicker/DateRangePicker.js +1 -1
  91. package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  92. package/es/components/fields/DatePicker/TimeInput.js +1 -1
  93. package/es/components/fields/DatePicker/index.js +1 -1
  94. package/es/components/fields/DatePicker/intl.js +1 -1
  95. package/es/components/fields/DatePicker/parseDate.js +1 -1
  96. package/es/components/fields/DatePicker/props.js +1 -1
  97. package/es/components/fields/DatePicker/types.js +1 -1
  98. package/es/components/fields/DatePicker/utils.js +1 -1
  99. package/es/components/fields/FileInput/FileInput.js +1 -1
  100. package/es/components/fields/FilterListBox/FilterListBox.js +13 -3
  101. package/es/components/fields/FilterListBox/index.js +1 -1
  102. package/es/components/fields/FilterPicker/FilterPicker.js +5 -5
  103. package/es/components/fields/FilterPicker/index.js +1 -1
  104. package/es/components/fields/Input/Input.js +1 -1
  105. package/es/components/fields/Input/index.js +1 -1
  106. package/es/components/fields/ListBox/ListBox.js +124 -111
  107. package/es/components/fields/ListBox/index.js +1 -1
  108. package/es/components/fields/NumberInput/NumberInput.js +1 -1
  109. package/es/components/fields/NumberInput/StepButton.js +1 -1
  110. package/es/components/fields/PasswordInput/PasswordInput.js +1 -1
  111. package/es/components/fields/RadioGroup/Radio.js +1 -1
  112. package/es/components/fields/RadioGroup/RadioGroup.js +1 -1
  113. package/es/components/fields/RadioGroup/context.js +1 -1
  114. package/es/components/fields/RadioGroup/index.js +1 -1
  115. package/es/components/fields/SearchInput/SearchInput.js +1 -1
  116. package/es/components/fields/SearchInput/index.js +1 -1
  117. package/es/components/fields/Select/Select.js +36 -143
  118. package/es/components/fields/Select/index.js +1 -1
  119. package/es/components/fields/Slider/Gradation.js +1 -1
  120. package/es/components/fields/Slider/Header.js +1 -1
  121. package/es/components/fields/Slider/RangeSlider.js +1 -1
  122. package/es/components/fields/Slider/Slider.js +1 -1
  123. package/es/components/fields/Slider/SliderBase.js +1 -1
  124. package/es/components/fields/Slider/SliderInput.js +1 -1
  125. package/es/components/fields/Slider/SliderThumb.js +1 -1
  126. package/es/components/fields/Slider/SliderTrack.js +1 -1
  127. package/es/components/fields/Slider/elements.js +1 -1
  128. package/es/components/fields/Slider/index.js +1 -1
  129. package/es/components/fields/Slider/types.js +1 -1
  130. package/es/components/fields/Switch/Switch.js +1 -1
  131. package/es/components/fields/Switch/index.js +1 -1
  132. package/es/components/fields/TextArea/TextArea.js +1 -1
  133. package/es/components/fields/TextArea/index.js +1 -1
  134. package/es/components/fields/TextInput/TextInput.js +1 -1
  135. package/es/components/fields/TextInput/TextInputBase.js +1 -1
  136. package/es/components/fields/TextInput/index.js +1 -1
  137. package/es/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  138. package/es/components/fields/TextInputMapper/index.js +1 -1
  139. package/es/components/fields/index.js +1 -1
  140. package/es/components/form/FieldWrapper/FieldWrapper.js +1 -1
  141. package/es/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
  142. package/es/components/form/FieldWrapper/index.js +1 -1
  143. package/es/components/form/FieldWrapper/types.js +1 -1
  144. package/es/components/form/Form/Field.js +1 -1
  145. package/es/components/form/Form/Form.js +1 -1
  146. package/es/components/form/Form/ResetButton/ResetButton.js +1 -1
  147. package/es/components/form/Form/ResetButton/index.js +1 -1
  148. package/es/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  149. package/es/components/form/Form/SubmitButton/index.js +1 -1
  150. package/es/components/form/Form/SubmitError.js +1 -1
  151. package/es/components/form/Form/index.js +1 -1
  152. package/es/components/form/Form/types.js +1 -1
  153. package/es/components/form/Form/use-field/index.js +1 -1
  154. package/es/components/form/Form/use-field/types.js +1 -1
  155. package/es/components/form/Form/use-field/use-field-props.js +1 -1
  156. package/es/components/form/Form/use-field/use-field.js +1 -1
  157. package/es/components/form/Form/use-form.js +1 -1
  158. package/es/components/form/Form/validation.js +1 -1
  159. package/es/components/form/Label.js +1 -1
  160. package/es/components/form/index.js +1 -1
  161. package/es/components/form/wrapper.js +1 -1
  162. package/es/components/layout/Flex.js +1 -1
  163. package/es/components/layout/Flow.js +1 -1
  164. package/es/components/layout/Grid.js +1 -1
  165. package/es/components/layout/Panel.js +1 -1
  166. package/es/components/layout/Prefix.js +1 -1
  167. package/es/components/layout/ResizablePanel.js +1 -1
  168. package/es/components/layout/Space.js +1 -1
  169. package/es/components/layout/Suffix.js +1 -1
  170. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  171. package/es/components/navigation/Link/Link.js +1 -1
  172. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  173. package/es/components/organisms/Modal/Modal.js +1 -1
  174. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  175. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  176. package/es/components/other/Calendar/Calendar.js +1 -1
  177. package/es/components/other/Calendar/CalendarCell.js +1 -1
  178. package/es/components/other/Calendar/CalendarGrid.js +1 -1
  179. package/es/components/other/Calendar/RangeCalendar.js +1 -1
  180. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  181. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  182. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  183. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  184. package/es/components/overlays/AlertDialog/index.js +1 -1
  185. package/es/components/overlays/AlertDialog/types.js +1 -1
  186. package/es/components/overlays/Dialog/Dialog.js +1 -1
  187. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  188. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  189. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  190. package/es/components/overlays/Dialog/context.js +1 -1
  191. package/es/components/overlays/Dialog/index.js +1 -1
  192. package/es/components/overlays/Dialog/use-dialog-container.js +1 -1
  193. package/es/components/overlays/Modal/Modal.js +1 -1
  194. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  195. package/es/components/overlays/Modal/Overlay.js +1 -1
  196. package/es/components/overlays/Modal/Popover.js +1 -1
  197. package/es/components/overlays/Modal/Tray.js +1 -1
  198. package/es/components/overlays/Modal/Underlay.js +1 -1
  199. package/es/components/overlays/Modal/index.js +1 -1
  200. package/es/components/overlays/Modal/types.js +1 -1
  201. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  202. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  203. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  204. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  205. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  206. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  207. package/es/components/overlays/NewNotifications/Notification.js +1 -1
  208. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  209. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  210. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  211. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  212. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  213. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  214. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  215. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  216. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  217. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  218. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsContext.js +1 -1
  219. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  220. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  221. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  222. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  223. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  224. package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  225. package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  226. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  227. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  228. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  229. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  230. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  231. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  232. package/es/components/overlays/NewNotifications/index.js +1 -1
  233. package/es/components/overlays/NewNotifications/types.js +1 -1
  234. package/es/components/overlays/Notification/Notification.js +1 -1
  235. package/es/components/overlays/OverlayWrapper.js +1 -1
  236. package/es/components/overlays/Toasts/Toast.js +1 -1
  237. package/es/components/overlays/Toasts/index.js +1 -1
  238. package/es/components/overlays/Toasts/types.js +1 -1
  239. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  240. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  241. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  242. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  243. package/es/components/overlays/Tooltip/context.js +1 -1
  244. package/es/components/overlays/Tooltip/index.js +1 -1
  245. package/es/components/portal/Portal.js +1 -1
  246. package/es/components/portal/PortalProvider.js +1 -1
  247. package/es/components/portal/index.js +1 -1
  248. package/es/components/portal/types.js +1 -1
  249. package/es/components/portal/usePortal.js +1 -1
  250. package/es/components/shared/InvalidIcon.js +1 -1
  251. package/es/components/shared/ValidIcon.js +1 -1
  252. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  253. package/es/components/status/LoadingAnimation/index.js +1 -1
  254. package/es/components/status/Spin/Cube.js +1 -1
  255. package/es/components/status/Spin/InternalSpinner.js +1 -1
  256. package/es/components/status/Spin/Spin.js +1 -1
  257. package/es/components/status/Spin/SpinsContainer.js +1 -1
  258. package/es/components/status/Spin/index.js +1 -1
  259. package/es/components/status/Spin/types.js +1 -1
  260. package/es/components/status/index.js +1 -1
  261. package/es/data/item-themes.js +516 -0
  262. package/es/data/themes.js +2 -2
  263. package/es/icons/AdjustmentsHorizontalIcon.js +1 -1
  264. package/es/icons/AdjustmentsIcon.js +1 -1
  265. package/es/icons/AiIcon.js +1 -1
  266. package/es/icons/AreaChartIcon.js +1 -1
  267. package/es/icons/BackwardIcon.js +1 -1
  268. package/es/icons/BarChartIcon.js +1 -1
  269. package/es/icons/BellFilledIcon.js +1 -1
  270. package/es/icons/BellIcon.js +1 -1
  271. package/es/icons/BooleanIcon.js +1 -1
  272. package/es/icons/CalendarEditIcon.js +1 -1
  273. package/es/icons/CalendarIcon.js +1 -1
  274. package/es/icons/CaretDownIcon.js +1 -1
  275. package/es/icons/CaretUpIcon.js +1 -1
  276. package/es/icons/ChartAreaStackedIcon.js +1 -1
  277. package/es/icons/ChartAreaStackedPercentageIcon.js +1 -1
  278. package/es/icons/ChartBarGroupedHorizontalIcon.js +1 -1
  279. package/es/icons/ChartBarGroupedIcon.js +1 -1
  280. package/es/icons/ChartBarHorizontalIcon.js +1 -1
  281. package/es/icons/ChartBarLineIcon.js +1 -1
  282. package/es/icons/ChartBarStackedHorizontalIcon.js +1 -1
  283. package/es/icons/ChartBarStackedIcon.js +1 -1
  284. package/es/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
  285. package/es/icons/ChartBarStackedPercentageIcon.js +1 -1
  286. package/es/icons/ChartBoxPlot2Icon.js +1 -1
  287. package/es/icons/ChartBoxPlotIcon.js +1 -1
  288. package/es/icons/ChartBubbleIcon.js +1 -1
  289. package/es/icons/ChartDonut2Icon.js +1 -1
  290. package/es/icons/ChartFunnelIcon.js +1 -1
  291. package/es/icons/ChartKPIIcon.js +1 -1
  292. package/es/icons/ChartPie2Icon.js +1 -1
  293. package/es/icons/ChartScatterIcon.js +1 -1
  294. package/es/icons/CheckCircleFilledIcon.js +1 -1
  295. package/es/icons/CheckCircleIcon.js +1 -1
  296. package/es/icons/CheckIcon.js +1 -1
  297. package/es/icons/CircleFilledIcon.js +1 -1
  298. package/es/icons/ClearIcon.js +1 -1
  299. package/es/icons/CloseCircleFilledIcon.js +1 -1
  300. package/es/icons/CloseCircleIcon.js +1 -1
  301. package/es/icons/CloseIcon.js +1 -1
  302. package/es/icons/CodeIcon.js +1 -1
  303. package/es/icons/CopyIcon.js +1 -1
  304. package/es/icons/CountIcon.js +1 -1
  305. package/es/icons/CubeIcon.js +1 -1
  306. package/es/icons/DangerIcon.js +1 -1
  307. package/es/icons/DashboardIcon.js +1 -1
  308. package/es/icons/DatabaseIcon.js +1 -1
  309. package/es/icons/DirectionIcon.js +1 -1
  310. package/es/icons/DonutIcon.js +1 -1
  311. package/es/icons/DownIcon.js +1 -1
  312. package/es/icons/EditIcon.js +1 -1
  313. package/es/icons/ExclamationCircleFilledIcon.js +1 -1
  314. package/es/icons/ExclamationCircleIcon.js +1 -1
  315. package/es/icons/ExclamationIcon.js +1 -1
  316. package/es/icons/EyeIcon.js +1 -1
  317. package/es/icons/EyeInvisibleIcon.js +1 -1
  318. package/es/icons/FilterIcon.js +1 -1
  319. package/es/icons/FolderFilledIcon.js +1 -1
  320. package/es/icons/FolderIcon.js +1 -1
  321. package/es/icons/FolderOpenFilledIcon.js +1 -1
  322. package/es/icons/FolderOpenIcon.js +1 -1
  323. package/es/icons/ForwardIcon.js +1 -1
  324. package/es/icons/HierarchyIcon.js +1 -1
  325. package/es/icons/Icon.js +1 -1
  326. package/es/icons/InfoCircleIcon.js +1 -1
  327. package/es/icons/InfoIcon.js +1 -1
  328. package/es/icons/KeyIcon.js +1 -1
  329. package/es/icons/LeftIcon.js +1 -1
  330. package/es/icons/LineChartIcon.js +1 -1
  331. package/es/icons/LoadingIcon.js +1 -1
  332. package/es/icons/LockFilledIcon.js +1 -1
  333. package/es/icons/LockIcon.js +1 -1
  334. package/es/icons/MoreIcon.js +1 -1
  335. package/es/icons/NotAllowedIcon.js +1 -1
  336. package/es/icons/NumberIcon.js +1 -1
  337. package/es/icons/PauseCircleFilledIcon.js +1 -1
  338. package/es/icons/PauseCircleIcon.js +1 -1
  339. package/es/icons/PauseIcon.js +1 -1
  340. package/es/icons/PieChartIcon.js +1 -1
  341. package/es/icons/PlayCircleIcon.js +1 -1
  342. package/es/icons/PlayIcon.js +1 -1
  343. package/es/icons/PlusIcon.js +1 -1
  344. package/es/icons/ReloadIcon.js +1 -1
  345. package/es/icons/ReportIcon.js +1 -1
  346. package/es/icons/ReturnIcon.js +1 -1
  347. package/es/icons/RightIcon.js +1 -1
  348. package/es/icons/SchemeIcon.js +1 -1
  349. package/es/icons/SearchIcon.js +1 -1
  350. package/es/icons/SettingsIcon.js +1 -1
  351. package/es/icons/ShieldFilledIcon.js +1 -1
  352. package/es/icons/ShieldIcon.js +1 -1
  353. package/es/icons/SlashIcon.js +1 -1
  354. package/es/icons/SparklesIcon.js +1 -1
  355. package/es/icons/SqlIcon.js +1 -1
  356. package/es/icons/StatsIcon.js +1 -1
  357. package/es/icons/StopIcon.js +1 -1
  358. package/es/icons/StringIcon.js +1 -1
  359. package/es/icons/SwitchIcon.js +1 -1
  360. package/es/icons/TableIcon.js +1 -1
  361. package/es/icons/ThumbsDownIcon.js +1 -1
  362. package/es/icons/ThumbsUpIcon.js +1 -1
  363. package/es/icons/ThunderboltCrossedIcon.js +1 -1
  364. package/es/icons/ThunderboltFilledIcon.js +1 -1
  365. package/es/icons/ThunderboltIcon.js +1 -1
  366. package/es/icons/TimeIcon.js +1 -1
  367. package/es/icons/UnlockIcon.js +1 -1
  368. package/es/icons/UpIcon.js +1 -1
  369. package/es/icons/UserGroupIcon.js +1 -1
  370. package/es/icons/UserIcon.js +1 -1
  371. package/es/icons/UserLockIcon.js +1 -1
  372. package/es/icons/ViewIcon.js +1 -1
  373. package/es/icons/WarningFilledIcon.js +1 -1
  374. package/es/icons/WarningIcon.js +1 -1
  375. package/es/icons/add-new-icon.js +1 -1
  376. package/es/icons/index.js +1 -1
  377. package/es/icons/wrap-icon.js +1 -1
  378. package/es/index.js +4 -2
  379. package/es/provider.js +1 -1
  380. package/es/providers/TrackingProvider.js +1 -1
  381. package/es/services/notification.js +1 -1
  382. package/es/shared/form.js +1 -1
  383. package/es/shared/index.js +1 -1
  384. package/es/stories/Form.legacy-stories.js +1 -1
  385. package/es/stories/FormFieldArgs.js +1 -1
  386. package/es/stories/Layout.stories.js +1 -1
  387. package/es/stories/Tasty.stories.js +1 -1
  388. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  389. package/es/stories/components/DialogFormApp.js +1 -1
  390. package/es/stories/components/StyledButton.js +1 -1
  391. package/es/stories/lists/baseProps.js +1 -1
  392. package/es/tasty/index.js +1 -1
  393. package/es/tasty/parser/classify.js +1 -1
  394. package/es/tasty/parser/const.js +1 -1
  395. package/es/tasty/parser/lru.js +1 -1
  396. package/es/tasty/parser/parser.js +1 -1
  397. package/es/tasty/parser/tokenizer.js +1 -1
  398. package/es/tasty/parser/types.js +1 -1
  399. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  400. package/es/tasty/styles/align.js +1 -1
  401. package/es/tasty/styles/border.js +1 -1
  402. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  403. package/es/tasty/styles/color.js +1 -1
  404. package/es/tasty/styles/createStyle.js +1 -1
  405. package/es/tasty/styles/dimension.js +1 -1
  406. package/es/tasty/styles/display.js +1 -1
  407. package/es/tasty/styles/fade.js +1 -1
  408. package/es/tasty/styles/fill.js +1 -1
  409. package/es/tasty/styles/flow.js +1 -1
  410. package/es/tasty/styles/font.js +1 -1
  411. package/es/tasty/styles/fontStyle.js +1 -1
  412. package/es/tasty/styles/gap.js +1 -1
  413. package/es/tasty/styles/groupRadius.js +1 -1
  414. package/es/tasty/styles/height.js +1 -1
  415. package/es/tasty/styles/index.js +1 -1
  416. package/es/tasty/styles/inset.js +1 -1
  417. package/es/tasty/styles/justify.js +1 -1
  418. package/es/tasty/styles/list.js +1 -1
  419. package/es/tasty/styles/margin.js +1 -1
  420. package/es/tasty/styles/marginBlock.js +1 -1
  421. package/es/tasty/styles/marginInline.js +1 -1
  422. package/es/tasty/styles/outline.js +1 -1
  423. package/es/tasty/styles/padding.js +1 -1
  424. package/es/tasty/styles/paddingBlock.js +1 -1
  425. package/es/tasty/styles/paddingInline.js +1 -1
  426. package/es/tasty/styles/place.js +1 -1
  427. package/es/tasty/styles/predefined.js +1 -1
  428. package/es/tasty/styles/preset.js +1 -1
  429. package/es/tasty/styles/radius.js +1 -1
  430. package/es/tasty/styles/reset.js +1 -1
  431. package/es/tasty/styles/scrollbar.js +1 -1
  432. package/es/tasty/styles/shadow.js +1 -1
  433. package/es/tasty/styles/styledScrollbar.js +1 -1
  434. package/es/tasty/styles/transition.js +1 -1
  435. package/es/tasty/styles/types.js +1 -1
  436. package/es/tasty/styles/width.js +1 -1
  437. package/es/tasty/tasty.js +1 -1
  438. package/es/tasty/types.js +1 -1
  439. package/es/tasty/utils/cache-wrapper.js +1 -1
  440. package/es/tasty/utils/case-converter.js +1 -1
  441. package/es/tasty/utils/colors.js +1 -1
  442. package/es/tasty/utils/dotize.js +1 -1
  443. package/es/tasty/utils/filterBaseProps.js +1 -1
  444. package/es/tasty/utils/getDisplayName.js +1 -1
  445. package/es/tasty/utils/getModCombinations.js +1 -1
  446. package/es/tasty/utils/mergeStyles.js +1 -1
  447. package/es/tasty/utils/modAttrs.js +1 -1
  448. package/es/tasty/utils/renderStyles.js +1 -1
  449. package/es/tasty/utils/responsive.js +1 -1
  450. package/es/tasty/utils/string.js +1 -1
  451. package/es/tasty/utils/styles.js +1 -1
  452. package/es/tasty/utils/warnings.js +1 -1
  453. package/es/tokens.js +1 -1
  454. package/es/type-checks.js +1 -1
  455. package/es/utils/ResizeSensor.js +1 -1
  456. package/es/utils/modules.js +1 -1
  457. package/es/utils/promise.js +1 -1
  458. package/es/utils/random.js +1 -1
  459. package/es/utils/range.js +1 -1
  460. package/es/utils/react/Slots.js +1 -1
  461. package/es/utils/react/chain.js +1 -1
  462. package/es/utils/react/index.js +1 -1
  463. package/es/utils/react/interactions.js +1 -1
  464. package/es/utils/react/isTextOnly.js +1 -1
  465. package/es/utils/react/mapProps.js +1 -1
  466. package/es/utils/react/mergeProps.js +1 -1
  467. package/es/utils/react/nullableValue.js +1 -1
  468. package/es/utils/react/sharedStore.js +1 -1
  469. package/es/utils/react/useCombinedRefs.js +1 -1
  470. package/es/utils/react/useControlledFocusVisible.js +1 -1
  471. package/es/utils/react/useEventBus.js +1 -1
  472. package/es/utils/react/useId.js +1 -1
  473. package/es/utils/react/useIsDarwin.js +1 -1
  474. package/es/utils/react/useKeySymbols.js +1 -1
  475. package/es/utils/react/useLayoutEffect.js +1 -1
  476. package/es/utils/react/useQaProps.js +1 -1
  477. package/es/utils/react/useViewportSize.js +1 -1
  478. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  479. package/es/utils/transitions.js +1 -1
  480. package/es/utils/tree.js +1 -1
  481. package/es/utils/warnings.js +1 -1
  482. package/es/version.js +2 -2
  483. package/package.json +1 -1
  484. package/types/components/Item.d.ts +14 -0
  485. package/types/components/actions/Button/Button.d.ts +0 -25
  486. package/types/components/actions/ItemButton/ItemButton.d.ts +6 -0
  487. package/types/components/actions/ItemButton/index.d.ts +1 -0
  488. package/types/components/actions/Menu/Menu.d.ts +9 -20
  489. package/types/components/actions/Menu/MenuItem.d.ts +0 -1
  490. package/types/components/actions/index.d.ts +1 -0
  491. package/types/components/actions/use-anchored-menu.d.ts +3 -2
  492. package/types/components/content/HotKeys/HotKeys.d.ts +1 -0
  493. package/types/components/content/ItemBase/ItemBase.d.ts +28 -0
  494. package/types/components/content/ItemBase/index.d.ts +1 -0
  495. package/types/components/content/List/SectionHeading.d.ts +432 -0
  496. package/types/components/content/List/index.d.ts +1 -0
  497. package/types/components/fields/ComboBox/ComboBox.d.ts +2 -1
  498. package/types/components/fields/FilterPicker/FilterPicker.d.ts +7 -8
  499. package/types/components/fields/ListBox/ListBox.d.ts +3 -2
  500. package/types/components/fields/Select/Select.d.ts +9 -1
  501. package/types/data/item-themes.d.ts +31 -0
  502. package/types/data/themes.d.ts +1 -1
  503. package/types/index.d.ts +4 -1
  504. package/es/components/portal/storybook/templates/CustomRoot.js +0 -16
  505. package/es/components/portal/storybook/templates/PortalOrder.js +0 -13
  506. package/es/components/portal/storybook/templates/basic.js +0 -13
  507. package/es/components/portal/storybook/templates/index.js +0 -12
  508. package/types/components/portal/storybook/templates/CustomRoot.d.ts +0 -3
  509. package/types/components/portal/storybook/templates/PortalOrder.d.ts +0 -3
  510. package/types/components/portal/storybook/templates/basic.d.ts +0 -3
  511. package/types/components/portal/storybook/templates/index.d.ts +0 -3
@@ -1,14 +1,14 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
8
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
8
+ import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
9
9
  import { cloneElement, forwardRef, useEffect, useMemo, useRef, } from 'react';
10
10
  import { DismissButton, FocusScope, HiddenSelect, useButton, useHover, useListBox, useListBoxSection, useOption, useOverlay, useOverlayPosition, useSelect, } from 'react-aria';
11
- import { Section as BaseSection, Item, useSelectState } from 'react-stately';
11
+ import { Section as BaseSection, useSelectState } from 'react-stately';
12
12
  import styled from 'styled-components';
13
13
  import { DirectionIcon, LoadingIcon } from '../../../icons/index';
14
14
  import { useProviderProps } from '../../../provider';
@@ -18,13 +18,13 @@ import { mergeProps, useCombinedRefs } from '../../../utils/react/index';
18
18
  import { useFocus } from '../../../utils/react/interactions';
19
19
  import { useEventBus } from '../../../utils/react/useEventBus';
20
20
  import { getOverlayTransitionCSS } from '../../../utils/transitions';
21
- import { DEFAULT_BUTTON_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_LINK_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_LINK_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, } from '../../actions/index';
22
21
  import { StyledDivider as ListDivider, StyledSectionHeading as ListSectionHeading, StyledSection as ListSectionWrapper, } from '../../actions/Menu/styled';
22
+ import { ItemBase } from '../../content/ItemBase';
23
23
  import { useFieldProps, useFormProps, wrapWithField } from '../../form';
24
+ import { Item } from '../../Item';
24
25
  import { OverlayWrapper } from '../../overlays/OverlayWrapper';
25
26
  import { InvalidIcon } from '../../shared/InvalidIcon';
26
27
  import { ValidIcon } from '../../shared/ValidIcon';
27
- import { INPUT_WRAPPER_STYLES } from '../index';
28
28
  const SelectWrapperElement = tasty({
29
29
  styles: {
30
30
  display: 'grid',
@@ -43,94 +43,18 @@ const SelectWrapperElement = tasty({
43
43
  },
44
44
  },
45
45
  });
46
- function WithValidationState(styles) {
47
- return {
48
- ...styles,
49
- border: {
50
- ...(typeof styles.border === 'object' ? styles.border : {}),
51
- invalid: '#danger-text',
52
- valid: '#success-text',
53
- },
54
- };
55
- }
56
- const SelectElement = tasty({
46
+ const SelectTrigger = tasty(ItemBase, {
57
47
  as: 'button',
58
- qa: 'Button',
48
+ qa: 'Trigger',
59
49
  styles: {
60
- ...INPUT_WRAPPER_STYLES,
61
- ...DEFAULT_BUTTON_STYLES,
62
- backgroundClip: 'initial',
63
- gap: 0,
64
- Prefix: {
65
- display: 'flex',
66
- placeContent: 'center start',
67
- placeItems: 'center',
68
- placeSelf: 'center start',
69
- flexShrink: 0,
70
- },
71
- Suffix: {
72
- display: 'flex',
73
- placeContent: 'center start',
74
- placeItems: 'center',
75
- placeSelf: 'center end',
76
- flexShrink: 0,
77
- },
78
- ButtonIcon: {
79
- display: 'grid',
80
- placeItems: 'center',
81
- color: 'inherit',
82
- fontSize: '$icon-size',
83
- },
84
- Value: {
85
- display: 'block',
86
- width: 'max 100%',
87
- placeItems: 'center stretch',
88
- preset: {
89
- '': 't3',
90
- '[data-type="primary"]': 't3m',
91
- },
92
- padding: {
93
- '': 0,
94
- prefix: '.5x left',
95
- suffix: '.5x right',
96
- 'prefix & suffix': '.5x left right',
97
- },
98
- color: 'inherit',
50
+ reset: 'button',
51
+ ItemContent: {
99
52
  opacity: {
100
53
  '': 1,
101
- placeholder: '.6',
54
+ placeholder: '$disabled-opacity',
102
55
  },
103
- textAlign: 'left',
104
- fill: '#clear',
105
- textOverflow: 'ellipsis',
106
- overflow: 'hidden',
107
- flexGrow: 1,
108
- },
109
- '& [data-element="Prefix"] [data-element="ButtonIcon"]': {
110
- marginLeft: -4,
111
- placeSelf: 'center start',
112
- },
113
- '& [data-element="Suffix"] [data-element="ButtonIcon"]': {
114
- marginRight: -4,
115
- placeSelf: 'center end',
116
56
  },
117
57
  },
118
- variants: {
119
- // Default theme
120
- 'default.primary': DEFAULT_PRIMARY_STYLES,
121
- 'default.secondary': DEFAULT_SECONDARY_STYLES,
122
- 'default.outline': WithValidationState(DEFAULT_OUTLINE_STYLES),
123
- 'default.neutral': WithValidationState(DEFAULT_NEUTRAL_STYLES),
124
- 'default.clear': WithValidationState(DEFAULT_CLEAR_STYLES),
125
- 'default.link': DEFAULT_LINK_STYLES,
126
- // Special theme
127
- 'special.primary': SPECIAL_PRIMARY_STYLES,
128
- 'special.secondary': SPECIAL_SECONDARY_STYLES,
129
- 'special.outline': WithValidationState(SPECIAL_OUTLINE_STYLES),
130
- 'special.neutral': WithValidationState(SPECIAL_NEUTRAL_STYLES),
131
- 'special.clear': WithValidationState(SPECIAL_CLEAR_STYLES),
132
- 'special.link': SPECIAL_LINK_STYLES,
133
- },
134
58
  });
135
59
  export const ListBoxElement = tasty({
136
60
  as: 'ul',
@@ -162,26 +86,13 @@ export const ListBoxElement = tasty({
162
86
  scrollbar: 'styled',
163
87
  },
164
88
  });
165
- const OptionElement = tasty({
89
+ // Use ItemBase for options to unify item visuals and reduce custom styling
90
+ const OptionItem = tasty(ItemBase, {
166
91
  as: 'li',
92
+ qa: 'Option',
167
93
  styles: {
168
- display: 'flex',
169
- placeContent: 'start center',
170
- placeItems: 'start center',
171
- flow: 'column',
172
- gap: '0',
173
- padding: '.5x 1x',
174
- cursor: {
175
- '': 'default',
176
- disabled: 'not-allowed',
177
- },
178
- radius: true,
179
- boxSizing: 'border-box',
180
- color: {
181
- '': '#dark-02',
182
- selected: '#dark',
183
- disabled: '#dark-04',
184
- },
94
+ listStyle: 'none',
95
+ width: 'max 100%',
185
96
  fill: {
186
97
  '': '#clear',
187
98
  focused: '#dark.03',
@@ -190,27 +101,8 @@ const OptionElement = tasty({
190
101
  pressed: '#dark.09',
191
102
  disabled: '#clear',
192
103
  },
193
- preset: 't3',
194
- transition: 'theme',
195
- width: 'max 100%',
196
- height: {
197
- '': 'min $size-md',
198
- '[data-size="large"]': 'min $size-lg',
199
- },
200
- Label: {
201
- preset: 't3',
202
- overflow: 'hidden',
203
- textOverflow: 'ellipsis',
204
- width: 'max 100%',
205
- },
206
- Description: {
207
- preset: 't4',
208
- color: '#dark-03',
209
- overflow: 'hidden',
210
- whiteSpace: 'nowrap',
211
- textOverflow: 'ellipsis',
212
- width: 'max 100%',
213
- },
104
+ border: '#clear',
105
+ '$inline-compensation': '0px',
214
106
  },
215
107
  });
216
108
  const OverlayElement = tasty({
@@ -281,15 +173,6 @@ function Select(props, ref) {
281
173
  let validationIcon = isInvalid ? InvalidIcon : ValidIcon;
282
174
  let validation = cloneElement(validationIcon);
283
175
  let triggerWidth = triggerRef?.current?.offsetWidth;
284
- if (icon) {
285
- icon = _jsx("div", { "data-element": "ButtonIcon", children: icon });
286
- if (prefix) {
287
- prefix = (_jsxs(_Fragment, { children: [icon, prefix] }));
288
- }
289
- else {
290
- prefix = icon;
291
- }
292
- }
293
176
  const showPlaceholder = !!placeholder?.trim() && !state.selectedItem;
294
177
  const modifiers = useMemo(() => ({
295
178
  invalid: isInvalid,
@@ -310,9 +193,19 @@ function Select(props, ref) {
310
193
  showPlaceholder,
311
194
  prefix,
312
195
  ]);
313
- let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: { ...wrapperStyles, ...styles }, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsxs(SelectElement, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, "data-menu-trigger": true, styles: { ...inputStyles, ...triggerStyles }, variant: `${theme}.${type}`, "data-theme": theme, "data-size": size, "data-type": type, mods: modifiers, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
314
- ? state.selectedItem.rendered
315
- : placeholder || _jsx(_Fragment, { children: "\u00A0" }) }), _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingIcon, {}), suffixPosition === 'after' ? suffix : null, _jsx("div", { "data-element": "ButtonIcon", children: _jsx(DirectionIcon, { to: state.isOpen ? 'up' : 'down' }) })] })] }), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth, triggerRef: triggerRef }) })] }));
196
+ suffix = useMemo(() => {
197
+ if (!suffix && !validationState) {
198
+ return null;
199
+ }
200
+ return (_jsxs(_Fragment, { children: [suffix, validationState ? validation : null] }));
201
+ }, [suffix, validationState, validation]);
202
+ let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: { ...wrapperStyles, ...styles }, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsx(SelectTrigger, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, "data-menu-trigger": true, styles: { ...inputStyles, ...triggerStyles }, theme: theme, size: size,
203
+ // Ensure this button never submits a surrounding form in tests or runtime
204
+ buttonType: "button",
205
+ // Preserve visual variant via data attribute instead of conflicting with HTML attribute
206
+ type: type, mods: modifiers, prefix: prefix, suffix: suffix, icon: icon, rightIcon: isLoading ? (_jsx(LoadingIcon, {})) : (_jsx(DirectionIcon, { to: state.isOpen ? 'up' : 'down' })), contentProps: valueProps, children: state.selectedItem
207
+ ? state.selectedItem.rendered
208
+ : placeholder || _jsx(_Fragment, { children: "\u00A0" }) }), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth, triggerRef: triggerRef }) })] }));
316
209
  return wrapWithField(selectField, ref, mergeProps({
317
210
  ...props,
318
211
  styles,
@@ -363,7 +256,7 @@ export function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, ove
363
256
  if (!isFirstSection) {
364
257
  renderedItems.push(_jsx(ListDivider, { as: "li", role: "separator", "aria-orientation": "horizontal" }, `divider-${String(item.key)}`));
365
258
  }
366
- renderedItems.push(_jsx(SelectSection, { item: item, state: state, optionStyles: optionStyles, headingStyles: { padding: '.5x 1.5x' }, sectionStyles: undefined, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
259
+ renderedItems.push(_jsx(SelectSection, { item: item, state: state, optionStyles: optionStyles, sectionStyles: undefined, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
367
260
  isFirstSection = false;
368
261
  }
369
262
  else {
@@ -389,13 +282,13 @@ function Option({ item, state, styles, shouldUseVirtualFocus, size }) {
389
282
  // Handle focus events, so we can apply highlighted
390
283
  // style to the focused option
391
284
  let { isFocused, focusProps } = useFocus({ isDisabled });
392
- const description = item?.props?.description;
393
- return (_jsxs(OptionElement, { ...mergeProps(optionProps, focusProps), ref: ref, mods: {
285
+ const { description, icon, prefix, suffix, rightIcon, styles: itemStyles, } = (item?.props || {});
286
+ return (_jsx(OptionItem, { ...mergeProps(optionProps, focusProps), ref: ref, mods: {
394
287
  selected: isSelected,
395
288
  focused: shouldUseVirtualFocus ? isVirtualFocused : isFocused,
396
289
  disabled: isDisabled,
397
290
  pressed: isPressed,
398
- }, "data-theme": isSelected ? 'special' : undefined, "data-size": size, styles: styles, children: [_jsx("div", { "data-element": "Label", children: item.rendered }), description ? _jsx("div", { "data-element": "Description", children: description }) : null] }));
291
+ }, "data-size": size, styles: { ...styles, ...itemStyles }, icon: icon, prefix: prefix, suffix: suffix, rightIcon: rightIcon, description: description, children: item.rendered }));
399
292
  }
400
293
  function SelectSection(props) {
401
294
  const { item, state, optionStyles, headingStyles, sectionStyles, shouldUseVirtualFocus, size, } = props;
@@ -404,7 +297,7 @@ function SelectSection(props) {
404
297
  heading,
405
298
  'aria-label': item['aria-label'],
406
299
  });
407
- return (_jsxs(ListSectionWrapper, { ...itemProps, styles: sectionStyles, children: [heading && (_jsx(ListSectionHeading, { ...headingProps, styles: headingStyles, children: heading })), _jsx(ListBoxElement, { ...groupProps, mods: { section: true }, children: [...item.childNodes]
300
+ return (_jsxs(ListSectionWrapper, { ...itemProps, styles: sectionStyles, children: [heading && (_jsx(ListSectionHeading, { ...headingProps, size: size, styles: { ...headingStyles, '$inline-compensation': '0px' }, children: heading })), _jsx(ListBoxElement, { ...groupProps, mods: { section: true }, children: [...item.childNodes]
408
301
  .filter((node) => state.collection.getItem(node.key))
409
302
  .map((node) => (_jsx(Option, { item: node, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus, size: size }, node.key))) })] }));
410
303
  }
@@ -414,7 +307,7 @@ const SelectSectionComponent = Object.assign(BaseSection, {
414
307
  displayName: 'Section',
415
308
  });
416
309
  const __Select = Object.assign(_Select, {
417
- Item: Item,
310
+ Item,
418
311
  Section: SelectSectionComponent,
419
312
  });
420
313
  __Select.displayName = 'Select';
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-dede06e
4
+ * @cube-dev/ui-kit v0.0.0-canary-4b78671
5
5
  * Released under the MIT license.
6
6
  */
7
7