@cube-dev/ui-kit 0.0.0-canary-daeed47 → 0.0.0-canary-feb52c8

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 (539) hide show
  1. package/es/_internal/hooks/index.js +1 -1
  2. package/es/_internal/hooks/use-chained-callback.js +1 -1
  3. package/es/_internal/hooks/use-debounced-value.js +1 -1
  4. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  5. package/es/_internal/hooks/use-effect-once.js +1 -1
  6. package/es/_internal/hooks/use-event.js +1 -1
  7. package/es/_internal/hooks/use-is-first-render.js +1 -1
  8. package/es/_internal/hooks/use-sync-ref.js +1 -1
  9. package/es/_internal/hooks/use-timer/index.js +1 -1
  10. package/es/_internal/hooks/use-timer/timer.js +1 -1
  11. package/es/_internal/hooks/use-timer/use-timer.js +1 -1
  12. package/es/_internal/hooks/use-update-effect.js +1 -1
  13. package/es/_internal/hooks/use-warn.js +1 -1
  14. package/es/_internal/index.js +1 -1
  15. package/es/components/Block.js +1 -1
  16. package/es/components/CollectionItem.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/OpenTrasition.js +1 -1
  21. package/es/components/Root.js +1 -1
  22. package/es/components/actions/Action/Action.js +1 -1
  23. package/es/components/actions/Button/Button.js +2 -1
  24. package/es/components/actions/Button/index.js +1 -1
  25. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  26. package/es/components/actions/CommandMenu/CommandMenu.js +1 -1
  27. package/es/components/actions/CommandMenu/index.js +1 -1
  28. package/es/components/actions/CommandMenu/styled.js +1 -1
  29. package/es/components/actions/ItemAction/ItemAction.js +1 -1
  30. package/es/components/actions/ItemAction/index.js +1 -1
  31. package/es/components/actions/ItemActionContext.js +1 -1
  32. package/es/components/actions/ItemButton/ItemButton.js +1 -1
  33. package/es/components/actions/ItemButton/index.js +1 -1
  34. package/es/components/actions/Link/Link.js +1 -1
  35. package/es/components/actions/Menu/Menu.js +1 -1
  36. package/es/components/actions/Menu/MenuItem.js +1 -1
  37. package/es/components/actions/Menu/MenuSection.js +1 -1
  38. package/es/components/actions/Menu/MenuTrigger.js +1 -1
  39. package/es/components/actions/Menu/SubMenuTrigger.js +1 -1
  40. package/es/components/actions/Menu/SubmenuTriggerContext.js +1 -1
  41. package/es/components/actions/Menu/context.js +1 -1
  42. package/es/components/actions/Menu/index.js +1 -1
  43. package/es/components/actions/Menu/styled.js +1 -1
  44. package/es/components/actions/index.js +1 -1
  45. package/es/components/actions/use-action.js +1 -1
  46. package/es/components/actions/use-anchored-menu.js +1 -1
  47. package/es/components/actions/use-context-menu.js +1 -1
  48. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  49. package/es/components/content/Alert/Alert.js +1 -1
  50. package/es/components/content/Alert/index.js +1 -1
  51. package/es/components/content/Alert/types.js +1 -1
  52. package/es/components/content/Alert/use-alert.js +1 -1
  53. package/es/components/content/Avatar/Avatar.js +1 -1
  54. package/es/components/content/Badge/Badge.js +1 -1
  55. package/es/components/content/Card/Card.js +1 -1
  56. package/es/components/content/Content.js +1 -1
  57. package/es/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
  58. package/es/components/content/CopyPasteBlock/index.js +1 -1
  59. package/es/components/content/CopySnippet/CopySnippet.js +1 -1
  60. package/es/components/content/CopySnippet/index.js +1 -1
  61. package/es/components/content/Disclosure/Disclosure.js +1 -1
  62. package/es/components/content/Disclosure/index.js +1 -1
  63. package/es/components/content/Divider.js +1 -1
  64. package/es/components/content/Footer.js +1 -1
  65. package/es/components/content/Header.js +1 -1
  66. package/es/components/content/HotKeys/HotKeys.js +1 -1
  67. package/es/components/content/HotKeys/index.js +1 -1
  68. package/es/components/content/Item/Item.js +1 -1
  69. package/es/components/content/Item/index.js +1 -1
  70. package/es/components/content/ItemBadge/ItemBadge.js +1 -1
  71. package/es/components/content/ItemBadge/index.js +1 -1
  72. package/es/components/content/Layout/GridLayout.js +1 -1
  73. package/es/components/content/Layout/Layout.js +1 -1
  74. package/es/components/content/Layout/LayoutBlock.js +1 -1
  75. package/es/components/content/Layout/LayoutContent.js +8 -6
  76. package/es/components/content/Layout/LayoutContext.js +1 -1
  77. package/es/components/content/Layout/LayoutFlex.js +1 -1
  78. package/es/components/content/Layout/LayoutFooter.js +1 -1
  79. package/es/components/content/Layout/LayoutGrid.js +1 -1
  80. package/es/components/content/Layout/LayoutHeader.js +1 -1
  81. package/es/components/content/Layout/LayoutPane.js +18 -32
  82. package/es/components/content/Layout/LayoutPanel.js +11 -24
  83. package/es/components/content/Layout/LayoutPanelHeader.js +7 -2
  84. package/es/components/content/Layout/LayoutToolbar.js +1 -1
  85. package/es/components/content/Layout/hooks/useTinyScrollbar.js +22 -3
  86. package/es/components/content/Layout/index.js +1 -1
  87. package/es/components/content/Layout/utils.js +23 -0
  88. package/es/components/content/List/SectionHeading.js +1 -1
  89. package/es/components/content/List/index.js +1 -1
  90. package/es/components/content/Paragraph.js +1 -1
  91. package/es/components/content/Placeholder/Placeholder.js +1 -1
  92. package/es/components/content/PrismCode/PrismCode.js +1 -1
  93. package/es/components/content/PrismCode/prismSetup.js +1 -1
  94. package/es/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  95. package/es/components/content/Result/Result.js +1 -1
  96. package/es/components/content/Skeleton/Skeleton.js +1 -1
  97. package/es/components/content/Tag/Tag.js +1 -1
  98. package/es/components/content/Text.js +1 -1
  99. package/es/components/content/TextItem/TextItem.js +1 -1
  100. package/es/components/content/TextItem/index.js +1 -1
  101. package/es/components/content/Title.js +1 -1
  102. package/es/components/content/use-auto-tooltip.js +1 -1
  103. package/es/components/fields/Checkbox/Checkbox.js +1 -1
  104. package/es/components/fields/Checkbox/CheckboxGroup.js +1 -1
  105. package/es/components/fields/Checkbox/context.js +1 -1
  106. package/es/components/fields/Checkbox/index.js +1 -1
  107. package/es/components/fields/ComboBox/ComboBox.js +1 -1
  108. package/es/components/fields/ComboBox/index.js +1 -1
  109. package/es/components/fields/DatePicker/DateInput.js +1 -1
  110. package/es/components/fields/DatePicker/DateInputBase.js +1 -1
  111. package/es/components/fields/DatePicker/DatePicker.js +1 -1
  112. package/es/components/fields/DatePicker/DatePickerButton.js +1 -1
  113. package/es/components/fields/DatePicker/DatePickerElement.js +1 -1
  114. package/es/components/fields/DatePicker/DatePickerInput.js +1 -1
  115. package/es/components/fields/DatePicker/DatePickerSegment.js +1 -1
  116. package/es/components/fields/DatePicker/DateRangePicker.js +1 -1
  117. package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  118. package/es/components/fields/DatePicker/TimeInput.js +1 -1
  119. package/es/components/fields/DatePicker/index.js +1 -1
  120. package/es/components/fields/DatePicker/intl.js +1 -1
  121. package/es/components/fields/DatePicker/parseDate.js +1 -1
  122. package/es/components/fields/DatePicker/props.js +1 -1
  123. package/es/components/fields/DatePicker/types.js +1 -1
  124. package/es/components/fields/DatePicker/utils.js +1 -1
  125. package/es/components/fields/FileInput/FileInput.js +1 -1
  126. package/es/components/fields/FilterListBox/FilterListBox.js +1 -1
  127. package/es/components/fields/FilterListBox/index.js +1 -1
  128. package/es/components/fields/FilterPicker/FilterPicker.js +1 -1
  129. package/es/components/fields/FilterPicker/index.js +1 -1
  130. package/es/components/fields/Input/Input.js +1 -1
  131. package/es/components/fields/Input/index.js +1 -1
  132. package/es/components/fields/ListBox/ListBox.js +1 -1
  133. package/es/components/fields/ListBox/index.js +1 -1
  134. package/es/components/fields/NumberInput/NumberInput.js +1 -1
  135. package/es/components/fields/NumberInput/StepButton.js +1 -1
  136. package/es/components/fields/PasswordInput/PasswordInput.js +1 -1
  137. package/es/components/fields/Picker/Picker.js +1 -1
  138. package/es/components/fields/Picker/index.js +1 -1
  139. package/es/components/fields/RadioGroup/Radio.js +1 -1
  140. package/es/components/fields/RadioGroup/RadioGroup.js +1 -1
  141. package/es/components/fields/RadioGroup/context.js +1 -1
  142. package/es/components/fields/RadioGroup/index.js +1 -1
  143. package/es/components/fields/SearchInput/SearchInput.js +1 -1
  144. package/es/components/fields/SearchInput/index.js +1 -1
  145. package/es/components/fields/Select/Select.js +1 -1
  146. package/es/components/fields/Select/index.js +1 -1
  147. package/es/components/fields/Slider/Gradation.js +1 -1
  148. package/es/components/fields/Slider/Header.js +1 -1
  149. package/es/components/fields/Slider/RangeSlider.js +1 -1
  150. package/es/components/fields/Slider/Slider.js +1 -1
  151. package/es/components/fields/Slider/SliderBase.js +1 -1
  152. package/es/components/fields/Slider/SliderInput.js +1 -1
  153. package/es/components/fields/Slider/SliderThumb.js +1 -1
  154. package/es/components/fields/Slider/SliderTrack.js +1 -1
  155. package/es/components/fields/Slider/elements.js +1 -1
  156. package/es/components/fields/Slider/index.js +1 -1
  157. package/es/components/fields/Slider/types.js +1 -1
  158. package/es/components/fields/Switch/Switch.js +1 -1
  159. package/es/components/fields/Switch/index.js +1 -1
  160. package/es/components/fields/TextArea/TextArea.js +1 -1
  161. package/es/components/fields/TextArea/index.js +1 -1
  162. package/es/components/fields/TextInput/TextInput.js +1 -1
  163. package/es/components/fields/TextInput/TextInputBase.js +1 -1
  164. package/es/components/fields/TextInput/index.js +1 -1
  165. package/es/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  166. package/es/components/fields/TextInputMapper/index.js +1 -1
  167. package/es/components/fields/index.js +1 -1
  168. package/es/components/form/FieldWrapper/FieldWrapper.js +1 -1
  169. package/es/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
  170. package/es/components/form/FieldWrapper/index.js +1 -1
  171. package/es/components/form/FieldWrapper/types.js +1 -1
  172. package/es/components/form/Form/Field.js +1 -1
  173. package/es/components/form/Form/Form.js +1 -1
  174. package/es/components/form/Form/ResetButton/ResetButton.js +1 -1
  175. package/es/components/form/Form/ResetButton/index.js +1 -1
  176. package/es/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  177. package/es/components/form/Form/SubmitButton/index.js +1 -1
  178. package/es/components/form/Form/SubmitError.js +1 -1
  179. package/es/components/form/Form/index.js +1 -1
  180. package/es/components/form/Form/types.js +1 -1
  181. package/es/components/form/Form/use-field/index.js +1 -1
  182. package/es/components/form/Form/use-field/types.js +1 -1
  183. package/es/components/form/Form/use-field/use-field-props.js +1 -1
  184. package/es/components/form/Form/use-field/use-field.js +1 -1
  185. package/es/components/form/Form/use-form.js +1 -1
  186. package/es/components/form/Form/validation.js +1 -1
  187. package/es/components/form/Label.js +1 -1
  188. package/es/components/form/index.js +1 -1
  189. package/es/components/form/wrapper.js +1 -1
  190. package/es/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
  191. package/es/components/helpers/index.js +1 -1
  192. package/es/components/layout/Flex.js +1 -1
  193. package/es/components/layout/Flow.js +1 -1
  194. package/es/components/layout/Grid.js +1 -1
  195. package/es/components/layout/Panel.js +1 -1
  196. package/es/components/layout/Prefix.js +1 -1
  197. package/es/components/layout/ResizablePanel.js +1 -1
  198. package/es/components/layout/Space.js +1 -1
  199. package/es/components/layout/Suffix.js +1 -1
  200. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  201. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  202. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  203. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  204. package/es/components/other/Calendar/Calendar.js +1 -1
  205. package/es/components/other/Calendar/CalendarCell.js +1 -1
  206. package/es/components/other/Calendar/CalendarGrid.js +1 -1
  207. package/es/components/other/Calendar/RangeCalendar.js +1 -1
  208. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  209. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  210. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  211. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  212. package/es/components/overlays/AlertDialog/index.js +1 -1
  213. package/es/components/overlays/AlertDialog/types.js +1 -1
  214. package/es/components/overlays/Dialog/Dialog.js +1 -1
  215. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  216. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  217. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  218. package/es/components/overlays/Dialog/context.js +1 -1
  219. package/es/components/overlays/Dialog/index.js +1 -1
  220. package/es/components/overlays/Dialog/use-dialog-container.js +1 -1
  221. package/es/components/overlays/Modal/Modal.js +1 -1
  222. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  223. package/es/components/overlays/Modal/Overlay.js +1 -1
  224. package/es/components/overlays/Modal/Popover.js +1 -1
  225. package/es/components/overlays/Modal/Tray.js +1 -1
  226. package/es/components/overlays/Modal/Underlay.js +1 -1
  227. package/es/components/overlays/Modal/index.js +1 -1
  228. package/es/components/overlays/Modal/types.js +1 -1
  229. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  230. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  231. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  232. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  233. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.js +1 -1
  234. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  235. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  236. package/es/components/overlays/NewNotifications/Notification.js +1 -1
  237. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  238. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  239. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  240. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  241. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  242. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  243. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  244. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  245. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  246. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  247. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsContext.js +1 -1
  248. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  249. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  250. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  251. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  252. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  253. package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  254. package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  255. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  256. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  257. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  258. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  259. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  260. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  261. package/es/components/overlays/NewNotifications/index.js +1 -1
  262. package/es/components/overlays/NewNotifications/types.js +1 -1
  263. package/es/components/overlays/Notification/Notification.js +1 -1
  264. package/es/components/overlays/OverlayWrapper.js +1 -1
  265. package/es/components/overlays/Toasts/Toast.js +1 -1
  266. package/es/components/overlays/Toasts/index.js +1 -1
  267. package/es/components/overlays/Toasts/types.js +1 -1
  268. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  269. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  270. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  271. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  272. package/es/components/overlays/Tooltip/context.js +1 -1
  273. package/es/components/overlays/Tooltip/index.js +1 -1
  274. package/es/components/portal/Portal.js +1 -1
  275. package/es/components/portal/PortalProvider.js +1 -1
  276. package/es/components/portal/index.js +1 -1
  277. package/es/components/portal/types.js +1 -1
  278. package/es/components/portal/usePortal.js +1 -1
  279. package/es/components/shared/InvalidIcon.js +1 -1
  280. package/es/components/shared/ValidIcon.js +1 -1
  281. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  282. package/es/components/status/LoadingAnimation/index.js +1 -1
  283. package/es/components/status/Spin/Cube.js +1 -1
  284. package/es/components/status/Spin/InternalSpinner.js +1 -1
  285. package/es/components/status/Spin/Spin.js +1 -1
  286. package/es/components/status/Spin/SpinsContainer.js +1 -1
  287. package/es/components/status/Spin/index.js +1 -1
  288. package/es/components/status/Spin/types.js +1 -1
  289. package/es/components/status/index.js +1 -1
  290. package/es/data/item-themes.js +1 -1
  291. package/es/data/themes.js +1 -1
  292. package/es/icons/AdjustmentsHorizontalIcon.js +1 -1
  293. package/es/icons/AdjustmentsIcon.js +1 -1
  294. package/es/icons/AiIcon.js +1 -1
  295. package/es/icons/AreaChartIcon.js +1 -1
  296. package/es/icons/BackwardIcon.js +1 -1
  297. package/es/icons/BarChartIcon.js +1 -1
  298. package/es/icons/BellFilledIcon.js +1 -1
  299. package/es/icons/BellIcon.js +1 -1
  300. package/es/icons/BooleanIcon.js +1 -1
  301. package/es/icons/CalendarEditIcon.js +1 -1
  302. package/es/icons/CalendarIcon.js +1 -1
  303. package/es/icons/CaretDownIcon.js +1 -1
  304. package/es/icons/CaretUpIcon.js +1 -1
  305. package/es/icons/ChartAreaStackedIcon.js +1 -1
  306. package/es/icons/ChartAreaStackedPercentageIcon.js +1 -1
  307. package/es/icons/ChartBarGroupedHorizontalIcon.js +1 -1
  308. package/es/icons/ChartBarGroupedIcon.js +1 -1
  309. package/es/icons/ChartBarHorizontalIcon.js +1 -1
  310. package/es/icons/ChartBarLineIcon.js +1 -1
  311. package/es/icons/ChartBarStackedHorizontalIcon.js +1 -1
  312. package/es/icons/ChartBarStackedIcon.js +1 -1
  313. package/es/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
  314. package/es/icons/ChartBarStackedPercentageIcon.js +1 -1
  315. package/es/icons/ChartBoxPlot2Icon.js +1 -1
  316. package/es/icons/ChartBoxPlotIcon.js +1 -1
  317. package/es/icons/ChartBubbleIcon.js +1 -1
  318. package/es/icons/ChartDonut2Icon.js +1 -1
  319. package/es/icons/ChartFunnelIcon.js +1 -1
  320. package/es/icons/ChartHeatmapIcon.js +1 -1
  321. package/es/icons/ChartKPIIcon.js +1 -1
  322. package/es/icons/ChartPie2Icon.js +1 -1
  323. package/es/icons/ChartScatterIcon.js +1 -1
  324. package/es/icons/CheckCircleFilledIcon.js +1 -1
  325. package/es/icons/CheckCircleIcon.js +1 -1
  326. package/es/icons/CheckIcon.js +1 -1
  327. package/es/icons/CircleFilledIcon.js +1 -1
  328. package/es/icons/ClearIcon.js +1 -1
  329. package/es/icons/CloseCircleFilledIcon.js +1 -1
  330. package/es/icons/CloseCircleIcon.js +1 -1
  331. package/es/icons/CloseIcon.js +1 -1
  332. package/es/icons/CodeIcon.js +1 -1
  333. package/es/icons/CopyIcon.js +1 -1
  334. package/es/icons/CountIcon.js +1 -1
  335. package/es/icons/CubeIcon.js +1 -1
  336. package/es/icons/CubePauseIcon.js +1 -1
  337. package/es/icons/CubePlayIcon.js +1 -1
  338. package/es/icons/CurrencyDollarIcon.js +1 -1
  339. package/es/icons/DangerIcon.js +1 -1
  340. package/es/icons/DashboardIcon.js +1 -1
  341. package/es/icons/DatabaseIcon.js +1 -1
  342. package/es/icons/DecimalDecreaseIcon.js +1 -1
  343. package/es/icons/DecimalIncreaseIcon.js +1 -1
  344. package/es/icons/DirectionIcon.js +1 -1
  345. package/es/icons/DonutIcon.js +1 -1
  346. package/es/icons/DownIcon.js +1 -1
  347. package/es/icons/EditIcon.js +1 -1
  348. package/es/icons/ExclamationCircleFilledIcon.js +1 -1
  349. package/es/icons/ExclamationCircleIcon.js +1 -1
  350. package/es/icons/ExclamationIcon.js +1 -1
  351. package/es/icons/EyeIcon.js +1 -1
  352. package/es/icons/EyeInvisibleIcon.js +1 -1
  353. package/es/icons/FilterIcon.js +1 -1
  354. package/es/icons/FolderFilledIcon.js +1 -1
  355. package/es/icons/FolderIcon.js +1 -1
  356. package/es/icons/FolderOpenFilledIcon.js +1 -1
  357. package/es/icons/FolderOpenIcon.js +1 -1
  358. package/es/icons/ForwardIcon.js +1 -1
  359. package/es/icons/HierarchyIcon.js +1 -1
  360. package/es/icons/HierarchyOpenIcon.js +1 -1
  361. package/es/icons/Icon.js +1 -1
  362. package/es/icons/InfoCircleIcon.js +1 -1
  363. package/es/icons/InfoIcon.js +1 -1
  364. package/es/icons/KeyIcon.js +1 -1
  365. package/es/icons/LeftIcon.js +1 -1
  366. package/es/icons/LineChartIcon.js +1 -1
  367. package/es/icons/LoadingIcon.js +1 -1
  368. package/es/icons/LockFilledIcon.js +1 -1
  369. package/es/icons/LockIcon.js +1 -1
  370. package/es/icons/MoreIcon.js +1 -1
  371. package/es/icons/NotAllowedIcon.js +1 -1
  372. package/es/icons/Number123Icon.js +1 -1
  373. package/es/icons/NumberIcon.js +1 -1
  374. package/es/icons/PauseCircleFilledIcon.js +1 -1
  375. package/es/icons/PauseCircleIcon.js +1 -1
  376. package/es/icons/PauseIcon.js +1 -1
  377. package/es/icons/PercentageIcon.js +1 -1
  378. package/es/icons/PieChartIcon.js +1 -1
  379. package/es/icons/PlayCircleIcon.js +1 -1
  380. package/es/icons/PlayIcon.js +1 -1
  381. package/es/icons/PlusIcon.js +1 -1
  382. package/es/icons/ProgressBarIcon.js +1 -1
  383. package/es/icons/ReloadIcon.js +1 -1
  384. package/es/icons/ReportIcon.js +1 -1
  385. package/es/icons/ReturnIcon.js +1 -1
  386. package/es/icons/RightIcon.js +1 -1
  387. package/es/icons/SchemeIcon.js +1 -1
  388. package/es/icons/SearchIcon.js +1 -1
  389. package/es/icons/SettingsIcon.js +1 -1
  390. package/es/icons/ShieldFilledIcon.js +1 -1
  391. package/es/icons/ShieldIcon.js +1 -1
  392. package/es/icons/SlashIcon.js +1 -1
  393. package/es/icons/SparklesIcon.js +1 -1
  394. package/es/icons/SqlIcon.js +1 -1
  395. package/es/icons/StatsIcon.js +1 -1
  396. package/es/icons/StopIcon.js +1 -1
  397. package/es/icons/StringIcon.js +1 -1
  398. package/es/icons/SwitchIcon.js +1 -1
  399. package/es/icons/TableIcon.js +1 -1
  400. package/es/icons/ThumbsDownIcon.js +1 -1
  401. package/es/icons/ThumbsUpIcon.js +1 -1
  402. package/es/icons/ThunderboltCrossedIcon.js +1 -1
  403. package/es/icons/ThunderboltFilledIcon.js +1 -1
  404. package/es/icons/ThunderboltIcon.js +1 -1
  405. package/es/icons/TimeIcon.js +1 -1
  406. package/es/icons/TrashIcon.js +1 -1
  407. package/es/icons/UnlockIcon.js +1 -1
  408. package/es/icons/UpIcon.js +1 -1
  409. package/es/icons/UserGroupIcon.js +1 -1
  410. package/es/icons/UserIcon.js +1 -1
  411. package/es/icons/UserLockIcon.js +1 -1
  412. package/es/icons/ViewIcon.js +1 -1
  413. package/es/icons/WarningFilledIcon.js +1 -1
  414. package/es/icons/WarningIcon.js +1 -1
  415. package/es/icons/add-new-icon.js +1 -1
  416. package/es/icons/index.js +1 -1
  417. package/es/icons/wrap-icon.js +1 -1
  418. package/es/index.js +1 -1
  419. package/es/provider.js +1 -1
  420. package/es/providers/TrackingProvider.js +1 -1
  421. package/es/providers/navigation.types.js +1 -1
  422. package/es/providers/navigationAdapter.default.js +1 -1
  423. package/es/services/notification.js +1 -1
  424. package/es/shared/form.js +1 -1
  425. package/es/shared/index.js +1 -1
  426. package/es/stories/Form.legacy-stories.js +1 -1
  427. package/es/stories/FormFieldArgs.js +1 -1
  428. package/es/stories/SimpleLayout.stories.js +1 -1
  429. package/es/stories/Tasty.stories.js +1 -1
  430. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  431. package/es/stories/components/DialogFormApp.js +1 -1
  432. package/es/stories/components/StyledButton.js +1 -1
  433. package/es/stories/lists/baseProps.js +1 -1
  434. package/es/tasty/debug.js +1 -1
  435. package/es/tasty/index.js +1 -1
  436. package/es/tasty/injector/index.js +1 -1
  437. package/es/tasty/injector/injector.js +1 -1
  438. package/es/tasty/injector/sheet-manager.js +1 -1
  439. package/es/tasty/injector/types.js +1 -1
  440. package/es/tasty/parser/classify.js +1 -1
  441. package/es/tasty/parser/const.js +1 -1
  442. package/es/tasty/parser/lru.js +1 -1
  443. package/es/tasty/parser/parser.js +1 -1
  444. package/es/tasty/parser/tokenizer.js +1 -1
  445. package/es/tasty/parser/types.js +1 -1
  446. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  447. package/es/tasty/styles/align.js +1 -1
  448. package/es/tasty/styles/border.js +1 -1
  449. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  450. package/es/tasty/styles/color.js +1 -1
  451. package/es/tasty/styles/createStyle.js +1 -1
  452. package/es/tasty/styles/dimension.js +1 -1
  453. package/es/tasty/styles/display.js +1 -1
  454. package/es/tasty/styles/fade.js +1 -1
  455. package/es/tasty/styles/fill.js +1 -1
  456. package/es/tasty/styles/flow.js +1 -1
  457. package/es/tasty/styles/font.js +1 -1
  458. package/es/tasty/styles/fontStyle.js +1 -1
  459. package/es/tasty/styles/gap.js +1 -1
  460. package/es/tasty/styles/groupRadius.js +1 -1
  461. package/es/tasty/styles/height.js +1 -1
  462. package/es/tasty/styles/index.js +1 -1
  463. package/es/tasty/styles/inset.js +1 -1
  464. package/es/tasty/styles/justify.js +1 -1
  465. package/es/tasty/styles/list.js +1 -1
  466. package/es/tasty/styles/margin.js +1 -1
  467. package/es/tasty/styles/outline.js +1 -1
  468. package/es/tasty/styles/padding.js +1 -1
  469. package/es/tasty/styles/place.js +1 -1
  470. package/es/tasty/styles/predefined.js +1 -1
  471. package/es/tasty/styles/preset.js +1 -1
  472. package/es/tasty/styles/radius.js +1 -1
  473. package/es/tasty/styles/reset.js +1 -1
  474. package/es/tasty/styles/scrollbar.js +1 -1
  475. package/es/tasty/styles/shadow.js +1 -1
  476. package/es/tasty/styles/styledScrollbar.js +1 -1
  477. package/es/tasty/styles/transition.js +1 -1
  478. package/es/tasty/styles/types.js +1 -1
  479. package/es/tasty/styles/width.js +1 -1
  480. package/es/tasty/tasty.js +1 -1
  481. package/es/tasty/types.js +1 -1
  482. package/es/tasty/utils/cache-wrapper.js +1 -1
  483. package/es/tasty/utils/case-converter.js +1 -1
  484. package/es/tasty/utils/colors.js +1 -1
  485. package/es/tasty/utils/dotize.js +1 -1
  486. package/es/tasty/utils/filterBaseProps.js +1 -1
  487. package/es/tasty/utils/getDisplayName.js +1 -1
  488. package/es/tasty/utils/getModCombinations.js +1 -1
  489. package/es/tasty/utils/isDevEnv.js +1 -1
  490. package/es/tasty/utils/mergeStyles.js +1 -1
  491. package/es/tasty/utils/modAttrs.js +1 -1
  492. package/es/tasty/utils/renderStyles.js +1 -1
  493. package/es/tasty/utils/responsive.js +1 -1
  494. package/es/tasty/utils/string.js +1 -1
  495. package/es/tasty/utils/styles.js +1 -1
  496. package/es/tasty/utils/warnings.js +1 -1
  497. package/es/tokens.js +1 -1
  498. package/es/utils/ResizeSensor.js +1 -1
  499. package/es/utils/index.js +1 -1
  500. package/es/utils/modules.js +1 -1
  501. package/es/utils/promise.js +1 -1
  502. package/es/utils/raf.js +1 -1
  503. package/es/utils/random.js +1 -1
  504. package/es/utils/range.js +1 -1
  505. package/es/utils/react/RenderCache.js +1 -1
  506. package/es/utils/react/Slots.js +1 -1
  507. package/es/utils/react/chain.js +1 -1
  508. package/es/utils/react/forwardRefWithGenerics.js +1 -1
  509. package/es/utils/react/index.js +1 -1
  510. package/es/utils/react/interactions.js +1 -1
  511. package/es/utils/react/isTextOnly.js +1 -1
  512. package/es/utils/react/mapProps.js +1 -1
  513. package/es/utils/react/mergeProps.js +1 -1
  514. package/es/utils/react/nullableValue.js +1 -1
  515. package/es/utils/react/sharedStore.js +1 -1
  516. package/es/utils/react/useCombinedRefs.js +1 -1
  517. package/es/utils/react/useControlledFocusVisible.js +1 -1
  518. package/es/utils/react/useEventBus.js +1 -1
  519. package/es/utils/react/useId.js +1 -1
  520. package/es/utils/react/useIsDarwin.js +1 -1
  521. package/es/utils/react/useKeySymbols.js +1 -1
  522. package/es/utils/react/useLayoutEffect.js +1 -1
  523. package/es/utils/react/useQaProps.js +1 -1
  524. package/es/utils/react/useViewportSize.js +1 -1
  525. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  526. package/es/utils/tree.js +1 -1
  527. package/es/utils/warnings.js +1 -1
  528. package/es/version.js +2 -2
  529. package/package.json +1 -1
  530. package/types/components/actions/Button/Button.d.ts +1 -0
  531. package/types/components/actions/Menu/styled.d.ts +3 -9
  532. package/types/components/content/Layout/LayoutContent.d.ts +3 -1
  533. package/types/components/content/Layout/hooks/useTinyScrollbar.d.ts +1 -0
  534. package/types/components/content/Layout/utils.d.ts +5 -0
  535. package/types/components/content/List/SectionHeading.d.ts +1 -3
  536. package/types/components/content/Text.d.ts +7 -21
  537. package/types/components/fields/DatePicker/DatePickerElement.d.ts +1 -3
  538. package/types/tasty/index.d.ts +1 -1
  539. package/types/tasty/types.d.ts +5 -3
@@ -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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -53,7 +53,7 @@ const ContentElement = tasty({
53
53
  fill: '#dark.35',
54
54
  opacity: {
55
55
  '': 0,
56
- '(hovered | focused) & scrollbar=tiny': 1,
56
+ '(hovered | focused | scrolling) & scrollbar=tiny': 1,
57
57
  },
58
58
  transition: 'opacity 0.15s',
59
59
  pointerEvents: 'none',
@@ -68,7 +68,7 @@ const ContentElement = tasty({
68
68
  fill: '#dark.35',
69
69
  opacity: {
70
70
  '': 0,
71
- '(hovered | focused) & scrollbar=tiny': 1,
71
+ '(hovered | focused | scrolling) & scrollbar=tiny': 1,
72
72
  },
73
73
  transition: 'opacity 0.15s',
74
74
  pointerEvents: 'none',
@@ -76,14 +76,14 @@ const ContentElement = tasty({
76
76
  },
77
77
  });
78
78
  function LayoutContent(props, ref) {
79
- const { children, scrollbar = 'thin', styles, ...otherProps } = props;
79
+ const { children, scrollbar = 'thin', styles, mods: externalMods, ...otherProps } = props;
80
80
  const outerStyles = extractStyles(otherProps, OUTER_STYLES);
81
81
  const innerStyles = extractStyles(otherProps, INNER_STYLES);
82
82
  const innerRef = useRef(null);
83
83
  const combinedRef = useCombinedRefs(ref);
84
84
  const isTinyScrollbar = scrollbar === 'tiny';
85
85
  const { hoverProps, isHovered } = useHover({});
86
- const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX } = useTinyScrollbar(innerRef, isTinyScrollbar);
86
+ const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling, } = useTinyScrollbar(innerRef, isTinyScrollbar);
87
87
  const scrollbarStyle = useMemo(() => {
88
88
  if (!isTinyScrollbar)
89
89
  return {};
@@ -93,9 +93,11 @@ function LayoutContent(props, ref) {
93
93
  };
94
94
  }, [isTinyScrollbar, handleVStyle, handleHStyle]);
95
95
  const mods = useMemo(() => ({
96
+ ...externalMods,
96
97
  scrollbar,
97
98
  hovered: isHovered,
98
- }), [scrollbar, isHovered]);
99
+ scrolling: isScrolling,
100
+ }), [externalMods, scrollbar, isHovered, isScrolling]);
99
101
  // Merge styles: outer styles to root, inner styles to Inner element
100
102
  const finalStyles = useMemo(() => {
101
103
  return mergeStyles(styles, outerStyles, innerStyles ? { Inner: innerStyles } : null);
@@ -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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -13,22 +13,10 @@ import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES
13
13
  import { mergeProps, useCombinedRefs } from '../../../utils/react';
14
14
  import { useTinyScrollbar } from './hooks/useTinyScrollbar';
15
15
  import { LayoutContextReset } from './LayoutContext';
16
+ import { clampSize } from './utils';
16
17
  // Handler dimensions
17
18
  const HANDLER_WIDTH = 9; // Interactive area
18
19
  const HANDLER_RESERVED = 5; // Space reserved in Inner padding
19
- /**
20
- * Clamps a size value within min/max constraints.
21
- */
22
- function clampPaneSize(value, minSize, maxSize) {
23
- let result = value;
24
- if (typeof maxSize === 'number') {
25
- result = Math.min(maxSize, result);
26
- }
27
- if (typeof minSize === 'number') {
28
- result = Math.max(minSize, result);
29
- }
30
- return Math.max(result, 0);
31
- }
32
20
  const PaneElement = tasty({
33
21
  as: 'div',
34
22
  qa: 'LayoutPane',
@@ -90,7 +78,7 @@ const PaneElement = tasty({
90
78
  fill: '#dark.35',
91
79
  opacity: {
92
80
  '': 0,
93
- '(hovered | focused) & scrollbar=tiny': 1,
81
+ '(hovered | focused | scrolling) & scrollbar=tiny': 1,
94
82
  },
95
83
  transition: 'opacity 0.15s',
96
84
  pointerEvents: 'none',
@@ -108,7 +96,7 @@ const PaneElement = tasty({
108
96
  fill: '#dark.35',
109
97
  opacity: {
110
98
  '': 0,
111
- '(hovered | focused) & scrollbar=tiny': 1,
99
+ '(hovered | focused | scrolling) & scrollbar=tiny': 1,
112
100
  },
113
101
  transition: 'opacity 0.15s',
114
102
  pointerEvents: 'none',
@@ -235,20 +223,16 @@ function LayoutPane(props, ref) {
235
223
  : typeof defaultSize === 'number'
236
224
  ? defaultSize
237
225
  : 200;
238
- return clampPaneSize(initialSize, minSize, maxSize);
226
+ return clampSize(initialSize, minSize, maxSize);
239
227
  });
240
- // Memoize style extraction to avoid creating new objects on every render
241
- // Note: extractStyles mutates otherProps, so we need to be careful
242
- const { outerStyles, innerStyles } = useMemo(() => {
243
- const outer = extractStyles(otherProps, OUTER_STYLES);
244
- const inner = extractStyles(otherProps, INNER_STYLES);
245
- return { outerStyles: outer, innerStyles: inner };
246
- }, [styles]); // Only recalculate when styles prop changes
228
+ // Extract outer wrapper styles and inner content styles
229
+ const outerStyles = extractStyles(otherProps, OUTER_STYLES);
230
+ const innerStyles = extractStyles(otherProps, INNER_STYLES);
247
231
  const isTinyScrollbar = scrollbar === 'tiny';
248
232
  const { hoverProps, isHovered } = useHover({});
249
- const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX } = useTinyScrollbar(innerRef, isTinyScrollbar);
233
+ const { handleVStyle, handleHStyle, hasOverflowY, hasOverflowX, isScrolling, } = useTinyScrollbar(innerRef, isTinyScrollbar);
250
234
  // Clamp size to min/max constraints
251
- const clampSize = useCallback((value) => clampPaneSize(value, minSize, maxSize), [minSize, maxSize]);
235
+ const clampValue = useCallback((value) => clampSize(value, minSize, maxSize), [minSize, maxSize]);
252
236
  const { moveProps } = useMove({
253
237
  onMoveStart() {
254
238
  if (!isResizable)
@@ -269,13 +253,13 @@ function LayoutPane(props, ref) {
269
253
  // Pointer resize: use exact delta values
270
254
  delta = isHorizontal ? e.deltaX : e.deltaY;
271
255
  }
272
- setSize((currentSize) => clampSize(currentSize + delta));
256
+ setSize((currentSize) => clampValue(currentSize + delta));
273
257
  },
274
258
  onMoveEnd() {
275
259
  setIsDragging(false);
276
260
  // Round to integer on release and notify parent
277
261
  setSize((currentSize) => {
278
- const finalSize = Math.round(clampSize(currentSize));
262
+ const finalSize = Math.round(clampValue(currentSize));
279
263
  onSizeChange?.(finalSize);
280
264
  return finalSize;
281
265
  });
@@ -287,17 +271,17 @@ function LayoutPane(props, ref) {
287
271
  if (prevProvidedSizeRef.current !== providedSize) {
288
272
  prevProvidedSizeRef.current = providedSize;
289
273
  if (typeof providedSize === 'number' && !isDragging) {
290
- setSize(clampSize(providedSize));
274
+ setSize(clampValue(providedSize));
291
275
  }
292
276
  }
293
- }, [providedSize, isDragging, clampSize]);
277
+ }, [providedSize, isDragging, clampValue]);
294
278
  // Reset to default size on double-click
295
279
  const handleResetSize = useCallback(() => {
296
280
  const resetSize = typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);
297
- const clampedSize = clampSize(resetSize || 200);
281
+ const clampedSize = clampValue(resetSize || 200);
298
282
  setSize(clampedSize);
299
283
  onSizeChange?.(clampedSize);
300
- }, [defaultSize, clampSize, onSizeChange]);
284
+ }, [defaultSize, clampValue, onSizeChange]);
301
285
  const scrollbarStyle = useMemo(() => {
302
286
  if (!isTinyScrollbar)
303
287
  return {};
@@ -309,6 +293,7 @@ function LayoutPane(props, ref) {
309
293
  const paneMods = useMemo(() => ({
310
294
  scrollbar,
311
295
  hovered: isHovered,
296
+ scrolling: isScrolling,
312
297
  handlerHovered: debouncedHandlerHovered,
313
298
  focused: isHandlerFocused,
314
299
  disabled: !isResizable,
@@ -318,6 +303,7 @@ function LayoutPane(props, ref) {
318
303
  }), [
319
304
  scrollbar,
320
305
  isHovered,
306
+ isScrolling,
321
307
  debouncedHandlerHovered,
322
308
  isHandlerFocused,
323
309
  isResizable,
@@ -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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -15,26 +15,13 @@ import { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransi
15
15
  import { Dialog } from '../../overlays/Dialog';
16
16
  import { DialogContainer, } from '../../overlays/Dialog/DialogContainer';
17
17
  import { LayoutContextReset, LayoutPanelContext, useLayoutContext, } from './LayoutContext';
18
+ import { clampSize } from './utils';
18
19
  // Resize handler dimensions
19
20
  const HANDLER_WIDTH = 9;
20
21
  // How far from panel edge to position handler's inner edge (centers the 3px track on the edge)
21
22
  const HANDLER_OFFSET = 4;
22
23
  // Extra inset added for resizable panels (to accommodate handler grab area)
23
24
  const RESIZABLE_INSET_OFFSET = 2;
24
- /**
25
- * Clamps a size value within min/max constraints.
26
- * Handles both number and string constraint values (only numbers are applied).
27
- */
28
- function clampPanelSize(value, minSize, maxSize) {
29
- let result = value;
30
- if (typeof maxSize === 'number') {
31
- result = Math.min(maxSize, result);
32
- }
33
- if (typeof minSize === 'number') {
34
- result = Math.max(minSize, result);
35
- }
36
- return Math.max(result, 0);
37
- }
38
25
  const PanelElement = tasty({
39
26
  as: 'div',
40
27
  qa: 'LayoutPanel',
@@ -271,11 +258,11 @@ function LayoutPanel(props, ref) {
271
258
  : typeof defaultSize === 'number'
272
259
  ? defaultSize
273
260
  : 280;
274
- return clampPanelSize(initialSize, minSize, maxSize);
261
+ return clampSize(initialSize, minSize, maxSize);
275
262
  });
276
263
  const extractedStyles = extractStyles(otherProps, CONTAINER_STYLES);
277
264
  // Clamp size to min/max constraints
278
- const clampSize = useCallback((value) => clampPanelSize(value, minSize, maxSize), [minSize, maxSize]);
265
+ const clampValue = useCallback((value) => clampSize(value, minSize, maxSize), [minSize, maxSize]);
279
266
  const setContextDragging = layoutContext.setDragging;
280
267
  const { moveProps } = useMove({
281
268
  onMoveStart() {
@@ -302,14 +289,14 @@ function LayoutPanel(props, ref) {
302
289
  ? e.deltaX * (side === 'right' ? -1 : 1)
303
290
  : e.deltaY * (side === 'bottom' ? -1 : 1);
304
291
  }
305
- setSize((currentSize) => clampSize(currentSize + delta));
292
+ setSize((currentSize) => clampValue(currentSize + delta));
306
293
  },
307
294
  onMoveEnd() {
308
295
  setIsDragging(false);
309
296
  setContextDragging(false);
310
297
  // Round to integer on release and notify parent
311
298
  setSize((currentSize) => {
312
- const finalSize = Math.round(clampSize(currentSize));
299
+ const finalSize = Math.round(clampValue(currentSize));
313
300
  // Call onSizeChange synchronously to ensure parent state is updated
314
301
  onSizeChange?.(finalSize);
315
302
  return finalSize;
@@ -322,10 +309,10 @@ function LayoutPanel(props, ref) {
322
309
  if (prevProvidedSizeRef.current !== providedSize) {
323
310
  prevProvidedSizeRef.current = providedSize;
324
311
  if (typeof providedSize === 'number' && !isDragging) {
325
- setSize(clampSize(providedSize));
312
+ setSize(clampValue(providedSize));
326
313
  }
327
314
  }
328
- }, [providedSize, isDragging, clampSize]);
315
+ }, [providedSize, isDragging, clampValue]);
329
316
  // Register panel with layout context
330
317
  // Include handler outside portion (minus border overlap) for proper content inset
331
318
  const effectivePanelSize = isOpen && !isDialog ? size : 0;
@@ -386,10 +373,10 @@ function LayoutPanel(props, ref) {
386
373
  // Reset to default size on double-click
387
374
  const handleResetSize = useCallback(() => {
388
375
  const resetSize = typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);
389
- const clampedSize = clampSize(resetSize || 280);
376
+ const clampedSize = clampValue(resetSize || 280);
390
377
  setSize(clampedSize);
391
378
  onSizeChange?.(clampedSize);
392
- }, [defaultSize, clampSize, onSizeChange]);
379
+ }, [defaultSize, clampValue, onSizeChange]);
393
380
  const renderPanelContent = (offscreen = false, transitionRef) => (_jsxs(_Fragment, { children: [_jsx(PanelElement, { ref: (node) => panelRefCallback(node, transitionRef), ...filterBaseProps(otherProps, { eventProps: true }), mods: { ...panelMods, offscreen }, styles: { ...extractedStyles, ...styles }, style: panelStyle, "data-side": side, children: _jsx(LayoutPanelContext.Provider, { value: panelContextValue, children: _jsx(LayoutContextReset, { children: children }) }) }), isResizable && (_jsx(ResizeHandler, { side: side, isDisabled: !isResizable, mods: {
394
381
  drag: isDragging,
395
382
  offscreen,
@@ -397,7 +384,7 @@ function LayoutPanel(props, ref) {
397
384
  }, moveProps: moveProps, style: panelStyle, onDoubleClick: handleResetSize }))] }));
398
385
  // Dialog mode
399
386
  if (isDialog) {
400
- return (_jsx(DialogContainer, { isOpen: dialogOpen, type: "panel", onDismiss: () => handleDialogOpenChange(false), ...dialogProps, children: _jsx(Dialog, { isDismissable: false, children: children }) }));
387
+ return (_jsx(DialogContainer, { isOpen: dialogOpen, onDismiss: () => handleDialogOpenChange(false), ...dialogProps, children: _jsx(Dialog, { isDismissable: false, children: children }) }));
401
388
  }
402
389
  // Panel with transition
403
390
  if (hasTransition) {
@@ -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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -15,9 +15,14 @@ import { Item } from '../Item/Item';
15
15
  import { useLayoutPanelContext } from './LayoutContext';
16
16
  const PanelHeaderElement = tasty(Item, {
17
17
  qa: 'PanelHeader',
18
+ shape: 'sharp',
18
19
  styles: {
19
20
  border: 'bottom',
20
- radius: 0,
21
+ preset: {
22
+ '': 't3m',
23
+ 'size=xsmall': 't4',
24
+ 'size=xlarge': 't2m',
25
+ },
21
26
  '$inline-padding': '($content-padding, 1x)',
22
27
  },
23
28
  });
@@ -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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,12 +1,13 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
8
- import { useCallback, useEffect, useState, } from 'react';
8
+ import { useCallback, useEffect, useRef, useState, } from 'react';
9
9
  const MIN_HANDLE_SIZE = 20;
10
+ const SCROLL_VISIBILITY_DURATION = 1000;
10
11
  export function useTinyScrollbar(ref, enabled) {
11
12
  const [scrollState, setScrollState] = useState({
12
13
  hasOverflowY: false,
@@ -18,6 +19,8 @@ export function useTinyScrollbar(ref, enabled) {
18
19
  clientHeight: 0,
19
20
  clientWidth: 0,
20
21
  });
22
+ const [isScrolling, setIsScrolling] = useState(false);
23
+ const scrollTimeoutRef = useRef(null);
21
24
  const updateScrollState = useCallback(() => {
22
25
  const element = ref.current;
23
26
  if (!element)
@@ -43,7 +46,19 @@ export function useTinyScrollbar(ref, enabled) {
43
46
  // Initial update
44
47
  updateScrollState();
45
48
  // Listen for scroll events
46
- const handleScroll = () => updateScrollState();
49
+ const handleScroll = () => {
50
+ updateScrollState();
51
+ // Show scrollbar on scroll
52
+ setIsScrolling(true);
53
+ // Clear existing timeout
54
+ if (scrollTimeoutRef.current) {
55
+ clearTimeout(scrollTimeoutRef.current);
56
+ }
57
+ // Hide scrollbar after delay
58
+ scrollTimeoutRef.current = setTimeout(() => {
59
+ setIsScrolling(false);
60
+ }, SCROLL_VISIBILITY_DURATION);
61
+ };
47
62
  element.addEventListener('scroll', handleScroll, { passive: true });
48
63
  // ResizeObserver for content size changes
49
64
  const resizeObserver = new ResizeObserver(() => {
@@ -57,6 +72,9 @@ export function useTinyScrollbar(ref, enabled) {
57
72
  return () => {
58
73
  element.removeEventListener('scroll', handleScroll);
59
74
  resizeObserver.disconnect();
75
+ if (scrollTimeoutRef.current) {
76
+ clearTimeout(scrollTimeoutRef.current);
77
+ }
60
78
  };
61
79
  }, [enabled, ref, updateScrollState]);
62
80
  // Calculate vertical handle position and size
@@ -104,6 +122,7 @@ export function useTinyScrollbar(ref, enabled) {
104
122
  },
105
123
  hasOverflowY: scrollState.hasOverflowY,
106
124
  hasOverflowX: scrollState.hasOverflowX,
125
+ isScrolling,
107
126
  };
108
127
  }
109
128
 
@@ -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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -0,0 +1,23 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ /**
9
+ * Clamps a size value within min/max constraints.
10
+ * Handles both number and string constraint values (only numbers are applied).
11
+ */
12
+ export function clampSize(value, minSize, maxSize) {
13
+ let result = value;
14
+ if (typeof maxSize === 'number') {
15
+ result = Math.min(maxSize, result);
16
+ }
17
+ if (typeof minSize === 'number') {
18
+ result = Math.max(minSize, result);
19
+ }
20
+ return Math.max(result, 0);
21
+ }
22
+
23
+
@@ -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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
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-daeed47
4
+ * @cube-dev/ui-kit v0.0.0-canary-feb52c8
5
5
  * Released under the MIT license.
6
6
  */
7
7