@cube-dev/ui-kit 0.194.1 → 0.195.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (596) hide show
  1. package/dist/CHANGELOG.md +16 -0
  2. package/dist/_internal/hooks/use-debounced-value.js +1 -1
  3. package/dist/_internal/hooks/use-deprecation-warning.js +1 -1
  4. package/dist/_internal/hooks/use-event.js +1 -1
  5. package/dist/_internal/hooks/use-is-first-render.js +1 -1
  6. package/dist/_internal/hooks/use-sync-ref.js +1 -1
  7. package/dist/_internal/hooks/use-timer/timer.js +1 -1
  8. package/dist/_internal/hooks/use-timer/use-timer.js +1 -1
  9. package/dist/_internal/hooks/use-warn.js +1 -1
  10. package/dist/components/Block.js +1 -1
  11. package/dist/components/CollectionItem.js +1 -1
  12. package/dist/components/GlobalStyles.js +1 -1
  13. package/dist/components/GridProvider.js +1 -1
  14. package/dist/components/HiddenInput.js +1 -1
  15. package/dist/components/Root.js +1 -1
  16. package/dist/components/actions/Action/Action.js +1 -1
  17. package/dist/components/actions/Banner/Banner.js +1 -1
  18. package/dist/components/actions/Button/Button.js +1 -1
  19. package/dist/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  20. package/dist/components/actions/ButtonSplit/ButtonSplit.js +1 -1
  21. package/dist/components/actions/ButtonSplit/context.js +1 -1
  22. package/dist/components/actions/CommandMenu/CommandMenu.js +1 -1
  23. package/dist/components/actions/CommandMenu/styled.js +1 -1
  24. package/dist/components/actions/ItemAction/ItemAction.js +1 -1
  25. package/dist/components/actions/ItemActionContext.js +1 -1
  26. package/dist/components/actions/ItemActionsWrapper.js +1 -1
  27. package/dist/components/actions/ItemButton/ItemButton.js +1 -1
  28. package/dist/components/actions/Link/Link.js +1 -1
  29. package/dist/components/actions/Menu/Menu.js +1 -1
  30. package/dist/components/actions/Menu/MenuCollectionItem.js +1 -1
  31. package/dist/components/actions/Menu/MenuItem.js +1 -1
  32. package/dist/components/actions/Menu/MenuSection.js +1 -1
  33. package/dist/components/actions/Menu/MenuTrigger.js +1 -1
  34. package/dist/components/actions/Menu/SubMenuTrigger.js +1 -1
  35. package/dist/components/actions/Menu/SubmenuTriggerContext.js +1 -1
  36. package/dist/components/actions/Menu/context.js +1 -1
  37. package/dist/components/actions/Menu/styled.js +1 -1
  38. package/dist/components/actions/actions-run.js +1 -1
  39. package/dist/components/actions/index.js +1 -1
  40. package/dist/components/actions/use-action.js +1 -1
  41. package/dist/components/actions/use-anchored-menu.js +1 -1
  42. package/dist/components/actions/use-context-menu.js +1 -1
  43. package/dist/components/content/ActiveZone/ActiveZone.js +1 -1
  44. package/dist/components/content/Alert/Alert.js +1 -1
  45. package/dist/components/content/Alert/use-alert.js +1 -1
  46. package/dist/components/content/Avatar/Avatar.js +1 -1
  47. package/dist/components/content/Badge/Badge.js +1 -1
  48. package/dist/components/content/Card/Card.js +1 -1
  49. package/dist/components/content/Content.js +1 -1
  50. package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
  51. package/dist/components/content/CopySnippet/CopySnippet.d.ts +18 -18
  52. package/dist/components/content/CopySnippet/CopySnippet.js +1 -1
  53. package/dist/components/content/Disclosure/Disclosure.js +1 -1
  54. package/dist/components/content/Divider.js +1 -1
  55. package/dist/components/content/Footer.js +1 -1
  56. package/dist/components/content/Header.js +1 -1
  57. package/dist/components/content/HotKeys/HotKeys.js +1 -1
  58. package/dist/components/content/InfoBadge/InfoBadge.js +1 -1
  59. package/dist/components/content/InlineInput/InlineInput.js +1 -1
  60. package/dist/components/content/Item/Item.js +1 -1
  61. package/dist/components/content/Item/ItemWithNativeLinks.js +1 -1
  62. package/dist/components/content/ItemBadge/ItemBadge.js +1 -1
  63. package/dist/components/content/ItemCard/ItemCard.js +1 -1
  64. package/dist/components/content/Layout/GridLayout.js +1 -1
  65. package/dist/components/content/Layout/Layout.js +1 -1
  66. package/dist/components/content/Layout/LayoutBlock.js +1 -1
  67. package/dist/components/content/Layout/LayoutCenter.js +1 -1
  68. package/dist/components/content/Layout/LayoutContainer.js +1 -1
  69. package/dist/components/content/Layout/LayoutContent.js +1 -1
  70. package/dist/components/content/Layout/LayoutContext.js +1 -1
  71. package/dist/components/content/Layout/LayoutFlex.js +1 -1
  72. package/dist/components/content/Layout/LayoutFooter.js +1 -1
  73. package/dist/components/content/Layout/LayoutGrid.js +1 -1
  74. package/dist/components/content/Layout/LayoutHeader.js +1 -1
  75. package/dist/components/content/Layout/LayoutPane.d.ts +5 -1
  76. package/dist/components/content/Layout/LayoutPane.js +323 -149
  77. package/dist/components/content/Layout/LayoutPane.js.map +1 -1
  78. package/dist/components/content/Layout/LayoutPanel.js +1 -1
  79. package/dist/components/content/Layout/LayoutPanelHeader.js +1 -1
  80. package/dist/components/content/Layout/LayoutPanelTransition.js +1 -1
  81. package/dist/components/content/Layout/LayoutToolbar.js +1 -1
  82. package/dist/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
  83. package/dist/components/content/Layout/index.js +1 -1
  84. package/dist/components/content/Layout/utils.js +1 -1
  85. package/dist/components/content/Paragraph.js +1 -1
  86. package/dist/components/content/Placeholder/Placeholder.js +1 -1
  87. package/dist/components/content/PrismCode/PrismCode.js +1 -1
  88. package/dist/components/content/PrismCode/prismSetup.js +1 -1
  89. package/dist/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  90. package/dist/components/content/Result/Result.js +1 -1
  91. package/dist/components/content/Skeleton/Skeleton.js +1 -1
  92. package/dist/components/content/Tag/Tag.js +1 -1
  93. package/dist/components/content/Text.d.ts +14 -14
  94. package/dist/components/content/Text.js +1 -1
  95. package/dist/components/content/TextItem/TextItem.js +1 -1
  96. package/dist/components/content/Title.js +1 -1
  97. package/dist/components/content/Tree/Tree.js +1 -1
  98. package/dist/components/content/Tree/TreeNode.js +1 -1
  99. package/dist/components/content/Tree/styled.js +1 -1
  100. package/dist/components/content/Tree/tree-index.js +1 -1
  101. package/dist/components/content/Tree/use-checkbox-tree.js +1 -1
  102. package/dist/components/content/Tree/use-load-data.js +1 -1
  103. package/dist/components/content/highlightText.js +1 -1
  104. package/dist/components/content/use-auto-tooltip.js +1 -1
  105. package/dist/components/data/DataTable/DataTable.js +1 -1
  106. package/dist/components/data/ItemTable/ItemTable.js +1 -1
  107. package/dist/components/data/ItemTable/ItemTableBulkBar.js +1 -1
  108. package/dist/components/data/ItemTable/ItemTableDragPreview.js +1 -1
  109. package/dist/components/data/ItemTable/ItemTableFooter.js +1 -1
  110. package/dist/components/data/ItemTable/ItemTableToolbar.js +1 -1
  111. package/dist/components/data/ItemTable/use-item-table-column-widths.js +1 -1
  112. package/dist/components/data/ItemTable/use-item-table-drag-drop.js +1 -1
  113. package/dist/components/data/ItemTable/use-item-table-pagination.js +1 -1
  114. package/dist/components/data/ItemTable/use-item-table-selection.js +1 -1
  115. package/dist/components/data/ItemTable/use-item-table-sort.js +1 -1
  116. package/dist/components/data/ItemTable/use-item-table-tree-model.js +1 -1
  117. package/dist/components/data/TableBase/ColumnResizer.js +1 -1
  118. package/dist/components/data/TableBase/RowCollection.js +1 -1
  119. package/dist/components/data/TableBase/TableHeaderCell.js +1 -1
  120. package/dist/components/data/TableBase/TableRow.js +1 -1
  121. package/dist/components/data/TableBase/TableView.js +1 -1
  122. package/dist/components/data/TableBase/TreeGridTable.js +1 -1
  123. package/dist/components/data/TableBase/column-header.js +1 -1
  124. package/dist/components/data/TableBase/column-menu.js +1 -1
  125. package/dist/components/data/TableBase/column-styles.js +1 -1
  126. package/dist/components/data/TableBase/column-tint.js +1 -1
  127. package/dist/components/data/TableBase/row-menu.js +1 -1
  128. package/dist/components/data/TableBase/styled.js +1 -1
  129. package/dist/components/data/TableBase/table-tree.js +1 -1
  130. package/dist/components/data/TableBase/types.js +1 -1
  131. package/dist/components/data/TableBase/use-cell-selection.js +0 -0
  132. package/dist/components/data/TableBase/use-column-menu.js +1 -1
  133. package/dist/components/data/TableBase/use-column-order.js +1 -1
  134. package/dist/components/data/TableBase/use-column-window.js +1 -1
  135. package/dist/components/data/TableBase/use-container-width.js +1 -1
  136. package/dist/components/data/TableBase/use-row-move-animation.js +1 -1
  137. package/dist/components/data/TableBase/use-scrollability.js +1 -1
  138. package/dist/components/data/TableBase/use-table-columns.js +1 -1
  139. package/dist/components/data/TableBase/use-table-search.js +1 -1
  140. package/dist/components/data/TableBase/use-table-selection.js +1 -1
  141. package/dist/components/data/TableBase/use-table-sort.js +1 -1
  142. package/dist/components/data/TableBase/use-table-sorts.js +1 -1
  143. package/dist/components/data/TableBase/use-table-storage.js +1 -1
  144. package/dist/components/data/TableBase/use-table-tooltip-refresh.js +1 -1
  145. package/dist/components/data/TableBase/use-table-tree-state.js +1 -1
  146. package/dist/components/fields/Checkbox/Checkbox.js +27 -16
  147. package/dist/components/fields/Checkbox/Checkbox.js.map +1 -1
  148. package/dist/components/fields/Checkbox/CheckboxGroup.d.ts +1 -1
  149. package/dist/components/fields/Checkbox/CheckboxGroup.js +2 -2
  150. package/dist/components/fields/Checkbox/CheckboxGroup.js.map +1 -1
  151. package/dist/components/fields/Checkbox/context.js +1 -1
  152. package/dist/components/fields/ColorInput/ColorInput.js +1 -1
  153. package/dist/components/fields/ColorPicker/ColorPicker.js +1 -1
  154. package/dist/components/fields/ColorSwatch/ColorSwatch.js +1 -1
  155. package/dist/components/fields/ColorSwatchGroup/ColorSwatchGroup.js +1 -1
  156. package/dist/components/fields/ComboBox/ComboBox.js +1 -1
  157. package/dist/components/fields/CommandTextArea/CommandTextArea.js +1 -1
  158. package/dist/components/fields/CommandTextArea/caretPosition.js +1 -1
  159. package/dist/components/fields/CommandTextArea/useCaretAnchor.js +1 -1
  160. package/dist/components/fields/DatePicker/DateInput.js +1 -1
  161. package/dist/components/fields/DatePicker/DateInputBase.js +1 -1
  162. package/dist/components/fields/DatePicker/DatePicker.js +1 -1
  163. package/dist/components/fields/DatePicker/DatePickerButton.js +1 -1
  164. package/dist/components/fields/DatePicker/DatePickerElement.js +1 -1
  165. package/dist/components/fields/DatePicker/DatePickerInput.js +1 -1
  166. package/dist/components/fields/DatePicker/DatePickerSegment.js +1 -1
  167. package/dist/components/fields/DatePicker/DateRangePicker.js +1 -1
  168. package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  169. package/dist/components/fields/DatePicker/MonthPicker.js +1 -1
  170. package/dist/components/fields/DatePicker/PeriodPicker.js +1 -1
  171. package/dist/components/fields/DatePicker/QuarterPicker.js +1 -1
  172. package/dist/components/fields/DatePicker/TimeInput.js +1 -1
  173. package/dist/components/fields/DatePicker/WeekPicker.js +1 -1
  174. package/dist/components/fields/DatePicker/YearPicker.js +1 -1
  175. package/dist/components/fields/DatePicker/parseDate.js +1 -1
  176. package/dist/components/fields/DatePicker/period.js +1 -1
  177. package/dist/components/fields/DatePicker/props.js +1 -1
  178. package/dist/components/fields/DatePicker/utils.js +1 -1
  179. package/dist/components/fields/FileInput/FileInput.js +1 -1
  180. package/dist/components/fields/FilterListBox/FilterListBox.js +1 -1
  181. package/dist/components/fields/FilterPicker/FilterPicker.js +1 -1
  182. package/dist/components/fields/Input/Input.js +1 -1
  183. package/dist/components/fields/ListBox/DraggableListBox.js +1 -1
  184. package/dist/components/fields/ListBox/ListBox.js +1 -1
  185. package/dist/components/fields/ListBox/optionId.js +1 -1
  186. package/dist/components/fields/ListBoxPopover/ListBoxPopover.js +1 -1
  187. package/dist/components/fields/ListBoxPopover/listNavigation.js +1 -1
  188. package/dist/components/fields/ListBoxPopover/useCompositeFocus.js +1 -1
  189. package/dist/components/fields/NumberInput/NumberInput.js +1 -1
  190. package/dist/components/fields/NumberInput/StepButton.js +1 -1
  191. package/dist/components/fields/PasswordInput/PasswordInput.js +1 -1
  192. package/dist/components/fields/Picker/Picker.js +1 -1
  193. package/dist/components/fields/RadioGroup/Radio.d.ts +16 -12
  194. package/dist/components/fields/RadioGroup/Radio.js +1 -1
  195. package/dist/components/fields/RadioGroup/RadioGroup.js +1 -1
  196. package/dist/components/fields/RadioGroup/context.js +1 -1
  197. package/dist/components/fields/SearchComboBox/SearchComboBox.js +6 -1
  198. package/dist/components/fields/SearchComboBox/SearchComboBox.js.map +1 -1
  199. package/dist/components/fields/SearchInput/SearchInput.js +6 -1
  200. package/dist/components/fields/SearchInput/SearchInput.js.map +1 -1
  201. package/dist/components/fields/Select/Select.js +1 -1
  202. package/dist/components/fields/Slider/Gradation.js +1 -1
  203. package/dist/components/fields/Slider/HueSlider.js +1 -1
  204. package/dist/components/fields/Slider/RangeSlider.js +1 -1
  205. package/dist/components/fields/Slider/Slider.js +1 -1
  206. package/dist/components/fields/Slider/SliderBase.js +1 -1
  207. package/dist/components/fields/Slider/SliderThumb.js +1 -1
  208. package/dist/components/fields/Slider/SliderTrack.js +1 -1
  209. package/dist/components/fields/Slider/elements.js +1 -1
  210. package/dist/components/fields/Slider/index.js +1 -1
  211. package/dist/components/fields/Switch/Switch.js +101 -101
  212. package/dist/components/fields/Switch/Switch.js.map +1 -1
  213. package/dist/components/fields/TagInput/TagInput.js +335 -329
  214. package/dist/components/fields/TagInput/TagInput.js.map +1 -1
  215. package/dist/components/fields/TagInput/TagList.js +1 -1
  216. package/dist/components/fields/TagInput/useActiveOption.js +1 -1
  217. package/dist/components/fields/TagInput/useTagError.js +1 -1
  218. package/dist/components/fields/TextArea/TextArea.js +1 -1
  219. package/dist/components/fields/TextInput/TextInput.js +1 -1
  220. package/dist/components/fields/TextInput/TextInputBase.js +1 -1
  221. package/dist/components/fields/TextInput/useAutoSizeTextArea.js +1 -1
  222. package/dist/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  223. package/dist/components/fields/TriggerActions.js +1 -1
  224. package/dist/components/fields/color/ColorPanel.js +1 -1
  225. package/dist/components/fields/color/channels.js +1 -1
  226. package/dist/components/fields/color/color.js +1 -1
  227. package/dist/components/fields/color/context.js +1 -1
  228. package/dist/components/form/FieldWrapper/FieldWrapper.js +9 -8
  229. package/dist/components/form/FieldWrapper/FieldWrapper.js.map +1 -1
  230. package/dist/components/form/FieldWrapper/field-description.js +1 -1
  231. package/dist/components/form/Form/Field.js +1 -1
  232. package/dist/components/form/Form/Form.js +1 -1
  233. package/dist/components/form/Form/ModernFormRoot.js +1 -1
  234. package/dist/components/form/Form/ResetButton/ResetButton.js +1 -1
  235. package/dist/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  236. package/dist/components/form/Form/SubmitError.js +1 -1
  237. package/dist/components/form/Form/backend.js +1 -1
  238. package/dist/components/form/Form/index.js +1 -1
  239. package/dist/components/form/Form/modern/actions.js +1 -1
  240. package/dist/components/form/Form/modern/context.js +1 -1
  241. package/dist/components/form/Form/modern/controller.js +1 -1
  242. package/dist/components/form/Form/modern/field-binding.js +1 -1
  243. package/dist/components/form/Form/modern/field.js +1 -1
  244. package/dist/components/form/Form/modern/react.js +1 -1
  245. package/dist/components/form/Form/modern/store.js +1 -1
  246. package/dist/components/form/Form/modern/validation.js +1 -1
  247. package/dist/components/form/Form/modern/values.js +1 -1
  248. package/dist/components/form/Form/reset-unbound-controls.js +1 -1
  249. package/dist/components/form/Form/use-field/use-field-binding.js +1 -1
  250. package/dist/components/form/Form/use-field/use-field-props.js +47 -23
  251. package/dist/components/form/Form/use-field/use-field-props.js.map +1 -1
  252. package/dist/components/form/Form/use-field/use-field.js +1 -1
  253. package/dist/components/form/Form/use-form.js +1 -1
  254. package/dist/components/form/Form/validation.js +1 -1
  255. package/dist/components/form/Label.js +1 -1
  256. package/dist/components/form/field-chrome.js +45 -0
  257. package/dist/components/form/field-chrome.js.map +1 -0
  258. package/dist/components/form/index.d.ts +1 -1
  259. package/dist/components/form/legacy-tooltip.js +1 -1
  260. package/dist/components/form/validation/ValidationIndicator.js +1 -1
  261. package/dist/components/form/validation/resolve-validation-props.js +1 -1
  262. package/dist/components/form/validation/use-validation-props.js +1 -1
  263. package/dist/components/form/wrapper.d.ts +15 -3
  264. package/dist/components/form/wrapper.js +16 -5
  265. package/dist/components/form/wrapper.js.map +1 -1
  266. package/dist/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
  267. package/dist/components/helpers/IconSwitch/IconSwitch.js +1 -1
  268. package/dist/components/layout/Flex.js +1 -1
  269. package/dist/components/layout/Flow.js +1 -1
  270. package/dist/components/layout/Grid.js +1 -1
  271. package/dist/components/layout/Panel.js +1 -1
  272. package/dist/components/layout/Prefix.js +1 -1
  273. package/dist/components/layout/ResizablePanel.js +1 -1
  274. package/dist/components/layout/Space.js +1 -1
  275. package/dist/components/layout/Suffix.js +1 -1
  276. package/dist/components/navigation/Pagination/Pagination.js +1 -1
  277. package/dist/components/navigation/Pagination/use-pagination.js +1 -1
  278. package/dist/components/navigation/Tabs/BoardDragActiveProvider.js +1 -1
  279. package/dist/components/navigation/Tabs/DraggableTabList.js +1 -1
  280. package/dist/components/navigation/Tabs/TabButton.js +1 -1
  281. package/dist/components/navigation/Tabs/TabDropIndicator.js +1 -1
  282. package/dist/components/navigation/Tabs/TabPanel.js +1 -1
  283. package/dist/components/navigation/Tabs/TabPicker.js +1 -1
  284. package/dist/components/navigation/Tabs/Tabs.js +1 -1
  285. package/dist/components/navigation/Tabs/TabsAction.js +1 -1
  286. package/dist/components/navigation/Tabs/TabsContext.js +1 -1
  287. package/dist/components/navigation/Tabs/popover-placement.js +1 -1
  288. package/dist/components/navigation/Tabs/styled.js +1 -1
  289. package/dist/components/navigation/Tabs/types.js +1 -1
  290. package/dist/components/navigation/Tabs/use-tab-editing.js +1 -1
  291. package/dist/components/navigation/Tabs/use-tab-indicator.js +1 -1
  292. package/dist/components/organisms/StatsCard/StatsCard.js +1 -1
  293. package/dist/components/other/Calendar/Calendar.js +1 -1
  294. package/dist/components/other/Calendar/CalendarCell.js +1 -1
  295. package/dist/components/other/Calendar/CalendarGrid.js +1 -1
  296. package/dist/components/other/Calendar/CalendarHeader.js +1 -1
  297. package/dist/components/other/Calendar/CalendarPanel.js +1 -1
  298. package/dist/components/other/Calendar/PeriodCalendar.js +1 -1
  299. package/dist/components/other/Calendar/PeriodGrid.js +1 -1
  300. package/dist/components/other/Calendar/RangeCalendar.js +1 -1
  301. package/dist/components/other/Calendar/styled.js +1 -1
  302. package/dist/components/other/CubeLogo/CubeLogo.js +1 -1
  303. package/dist/components/other/NoDataIcon/NoDataIcon.js +1 -1
  304. package/dist/components/overlays/AlertDialog/AlertDialog.js +1 -1
  305. package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts +15 -4
  306. package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js +83 -14
  307. package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js.map +1 -1
  308. package/dist/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  309. package/dist/components/overlays/AlertDialog/types.d.ts +2 -1
  310. package/dist/components/overlays/Dialog/Dialog.js +1 -1
  311. package/dist/components/overlays/Dialog/DialogContainer.js +1 -1
  312. package/dist/components/overlays/Dialog/DialogForm.js +1 -1
  313. package/dist/components/overlays/Dialog/DialogTrigger.js +1 -1
  314. package/dist/components/overlays/Dialog/ModernDialogForm.js +1 -1
  315. package/dist/components/overlays/Dialog/context.js +1 -1
  316. package/dist/components/overlays/Dialog/default-button-text.js +1 -1
  317. package/dist/components/overlays/Dialog/use-content-overflow.js +1 -1
  318. package/dist/components/overlays/Dialog/use-dialog-container.js +1 -1
  319. package/dist/components/overlays/Modal/Modal.js +1 -1
  320. package/dist/components/overlays/Modal/OpenTransitionContext.js +1 -1
  321. package/dist/components/overlays/Modal/Overlay.js +1 -1
  322. package/dist/components/overlays/Modal/Popover.js +1 -1
  323. package/dist/components/overlays/Modal/Tray.js +1 -1
  324. package/dist/components/overlays/Modal/Underlay.js +1 -1
  325. package/dist/components/overlays/Modal/modal-containment.js +1 -1
  326. package/dist/components/overlays/Notifications/Notification.js +1 -1
  327. package/dist/components/overlays/Notifications/NotificationAction.js +1 -1
  328. package/dist/components/overlays/Notifications/NotificationCard.js +1 -1
  329. package/dist/components/overlays/Notifications/NotificationContext.js +1 -1
  330. package/dist/components/overlays/Notifications/NotificationItem.js +1 -1
  331. package/dist/components/overlays/Notifications/OverlayContainer.js +1 -1
  332. package/dist/components/overlays/Notifications/OverlayProvider.js +1 -1
  333. package/dist/components/overlays/Notifications/PersistentNotificationsList.js +1 -1
  334. package/dist/components/overlays/Notifications/dismissed-storage.js +1 -1
  335. package/dist/components/overlays/Notifications/format-relative-time.js +1 -1
  336. package/dist/components/overlays/Notifications/index.js +1 -1
  337. package/dist/components/overlays/Notifications/use-notification-state.js +1 -1
  338. package/dist/components/overlays/Notifications/use-notifications.js +1 -1
  339. package/dist/components/overlays/Notifications/use-overlay-timers.js +1 -1
  340. package/dist/components/overlays/Notifications/use-persistent-notifications.js +1 -1
  341. package/dist/components/overlays/Notifications/use-persistent-state.js +1 -1
  342. package/dist/components/overlays/Notifications/use-toast-state.js +1 -1
  343. package/dist/components/overlays/Toast/ToastItem.js +1 -1
  344. package/dist/components/overlays/Toast/index.js +1 -1
  345. package/dist/components/overlays/Toast/useProgressToast.js +1 -1
  346. package/dist/components/overlays/Toast/useToast.js +1 -1
  347. package/dist/components/overlays/Tooltip/Tooltip.js +1 -1
  348. package/dist/components/overlays/Tooltip/TooltipProvider.js +1 -1
  349. package/dist/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  350. package/dist/components/overlays/Tooltip/context.js +1 -1
  351. package/dist/components/overlays/Tooltip/split-trigger-props.js +1 -1
  352. package/dist/components/portal/Portal.js +1 -1
  353. package/dist/components/portal/PortalProvider.js +1 -1
  354. package/dist/components/portal/usePortal.js +1 -1
  355. package/dist/components/shared/DraggableCollection.js +1 -1
  356. package/dist/components/shared/InvalidIcon.js +1 -1
  357. package/dist/components/shared/ValidIcon.js +1 -1
  358. package/dist/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  359. package/dist/components/status/Spin/Cube.js +1 -1
  360. package/dist/components/status/Spin/InternalSpinner.js +1 -1
  361. package/dist/components/status/Spin/Spin.js +1 -1
  362. package/dist/components/status/Spin/SpinsContainer.js +1 -1
  363. package/dist/data/item-themes.js +1 -1
  364. package/dist/data/themes.js +1 -1
  365. package/dist/eslint-plugin/defaults.generated.js +1 -1
  366. package/dist/eslint-plugin/index.js +1 -1
  367. package/dist/eslint-plugin/rules/no-redundant-default-prop.js +1 -1
  368. package/dist/i18n/I18nProvider.js +1 -1
  369. package/dist/i18n/createFormatter.js +1 -1
  370. package/dist/i18n/index.js +1 -1
  371. package/dist/i18n/instance.js +1 -1
  372. package/dist/i18n/locales/de-DE/uikit.js +1 -1
  373. package/dist/i18n/locales/en-US/uikit.js +1 -1
  374. package/dist/i18n/locales/es-ES/uikit.js +1 -1
  375. package/dist/i18n/locales/es-MX/uikit.js +1 -1
  376. package/dist/i18n/locales/fr-FR/uikit.js +1 -1
  377. package/dist/i18n/locales/it-IT/uikit.js +1 -1
  378. package/dist/i18n/locales/ja-JP/uikit.js +1 -1
  379. package/dist/i18n/locales/nb-NO/uikit.js +1 -1
  380. package/dist/i18n/locales/pt-BR/uikit.js +1 -1
  381. package/dist/i18n/locales/pt-PT/uikit.js +1 -1
  382. package/dist/i18n/locales/sv-SE/uikit.js +1 -1
  383. package/dist/i18n/locales/vi-VN/uikit.js +1 -1
  384. package/dist/i18n/locales.js +1 -1
  385. package/dist/i18n/namespace.js +1 -1
  386. package/dist/i18n/useFormatter.js +1 -1
  387. package/dist/i18n/useI18n.js +1 -1
  388. package/dist/icons/AdjustmentsHorizontalIcon.js +1 -1
  389. package/dist/icons/AdjustmentsIcon.js +1 -1
  390. package/dist/icons/AiIcon.js +1 -1
  391. package/dist/icons/AreaChartIcon.js +1 -1
  392. package/dist/icons/ArrowNarrowDownIcon.js +1 -1
  393. package/dist/icons/ArrowNarrowUpIcon.js +1 -1
  394. package/dist/icons/BackwardIcon.js +1 -1
  395. package/dist/icons/BarChartIcon.js +1 -1
  396. package/dist/icons/BellFilledIcon.js +1 -1
  397. package/dist/icons/BellIcon.js +1 -1
  398. package/dist/icons/BooleanIcon.js +1 -1
  399. package/dist/icons/CalendarEditIcon.js +1 -1
  400. package/dist/icons/CalendarIcon.js +1 -1
  401. package/dist/icons/CaretDownIcon.js +1 -1
  402. package/dist/icons/CaretUpIcon.js +1 -1
  403. package/dist/icons/ChartAreaStackedIcon.js +1 -1
  404. package/dist/icons/ChartAreaStackedPercentageIcon.js +1 -1
  405. package/dist/icons/ChartBarGroupedHorizontalIcon.js +1 -1
  406. package/dist/icons/ChartBarGroupedIcon.js +1 -1
  407. package/dist/icons/ChartBarHorizontalIcon.js +1 -1
  408. package/dist/icons/ChartBarLineIcon.js +1 -1
  409. package/dist/icons/ChartBarStackedHorizontalIcon.js +1 -1
  410. package/dist/icons/ChartBarStackedIcon.js +1 -1
  411. package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
  412. package/dist/icons/ChartBarStackedPercentageIcon.js +1 -1
  413. package/dist/icons/ChartBoxPlot2Icon.js +1 -1
  414. package/dist/icons/ChartBoxPlotIcon.js +1 -1
  415. package/dist/icons/ChartBubbleIcon.js +1 -1
  416. package/dist/icons/ChartDonut2Icon.js +1 -1
  417. package/dist/icons/ChartFunnelIcon.js +1 -1
  418. package/dist/icons/ChartHeatmapIcon.js +1 -1
  419. package/dist/icons/ChartKPIIcon.js +1 -1
  420. package/dist/icons/ChartPie2Icon.js +1 -1
  421. package/dist/icons/ChartScatterIcon.js +1 -1
  422. package/dist/icons/CheckCircleFilledIcon.js +1 -1
  423. package/dist/icons/CheckCircleIcon.js +1 -1
  424. package/dist/icons/CheckIcon.js +1 -1
  425. package/dist/icons/CircleFilledIcon.js +1 -1
  426. package/dist/icons/ClearIcon.js +1 -1
  427. package/dist/icons/CloseCircleFilledIcon.js +1 -1
  428. package/dist/icons/CloseCircleIcon.js +1 -1
  429. package/dist/icons/CloseIcon.js +1 -1
  430. package/dist/icons/CodeIcon.js +1 -1
  431. package/dist/icons/ColumnTotalIcon.js +1 -1
  432. package/dist/icons/CopyIcon.js +1 -1
  433. package/dist/icons/CountIcon.js +1 -1
  434. package/dist/icons/CubeIcon.js +1 -1
  435. package/dist/icons/CubePauseIcon.js +1 -1
  436. package/dist/icons/CubePlayIcon.js +1 -1
  437. package/dist/icons/CurrencyDollarIcon.js +1 -1
  438. package/dist/icons/DangerIcon.js +1 -1
  439. package/dist/icons/DashboardIcon.js +1 -1
  440. package/dist/icons/DatabaseIcon.js +1 -1
  441. package/dist/icons/DecimalDecreaseIcon.js +1 -1
  442. package/dist/icons/DecimalIncreaseIcon.js +1 -1
  443. package/dist/icons/DirectionIcon.js +1 -1
  444. package/dist/icons/DonutIcon.js +1 -1
  445. package/dist/icons/DownIcon.js +1 -1
  446. package/dist/icons/EditIcon.js +1 -1
  447. package/dist/icons/ExclamationCircleFilledIcon.js +1 -1
  448. package/dist/icons/ExclamationCircleIcon.js +1 -1
  449. package/dist/icons/ExclamationIcon.js +1 -1
  450. package/dist/icons/EyeIcon.js +1 -1
  451. package/dist/icons/EyeInvisibleIcon.js +1 -1
  452. package/dist/icons/FilterIcon.js +1 -1
  453. package/dist/icons/FolderFilledIcon.js +1 -1
  454. package/dist/icons/FolderIcon.js +1 -1
  455. package/dist/icons/FolderOpenFilledIcon.js +1 -1
  456. package/dist/icons/FolderOpenIcon.js +1 -1
  457. package/dist/icons/ForwardIcon.js +1 -1
  458. package/dist/icons/GripVerticalIcon.js +1 -1
  459. package/dist/icons/HierarchyIcon.js +1 -1
  460. package/dist/icons/HierarchyOpenIcon.js +1 -1
  461. package/dist/icons/Icon.js +1 -1
  462. package/dist/icons/InfoCircleIcon.js +1 -1
  463. package/dist/icons/InfoIcon.js +1 -1
  464. package/dist/icons/KeyIcon.js +1 -1
  465. package/dist/icons/LeftIcon.js +1 -1
  466. package/dist/icons/LineChartIcon.js +1 -1
  467. package/dist/icons/LoadingIcon.js +1 -1
  468. package/dist/icons/LockFilledIcon.js +1 -1
  469. package/dist/icons/LockIcon.js +1 -1
  470. package/dist/icons/MoreIcon.js +1 -1
  471. package/dist/icons/NotAllowedIcon.js +1 -1
  472. package/dist/icons/Number123Icon.js +1 -1
  473. package/dist/icons/NumberIcon.js +1 -1
  474. package/dist/icons/PauseCircleFilledIcon.js +1 -1
  475. package/dist/icons/PauseCircleIcon.js +1 -1
  476. package/dist/icons/PauseIcon.js +1 -1
  477. package/dist/icons/PercentageIcon.js +1 -1
  478. package/dist/icons/PieChartIcon.js +1 -1
  479. package/dist/icons/PipetteIcon.js +1 -1
  480. package/dist/icons/PlayCircleIcon.js +1 -1
  481. package/dist/icons/PlayIcon.js +1 -1
  482. package/dist/icons/PlusIcon.js +1 -1
  483. package/dist/icons/ProgressBarIcon.js +1 -1
  484. package/dist/icons/ReloadIcon.js +1 -1
  485. package/dist/icons/ReportIcon.js +1 -1
  486. package/dist/icons/ReturnIcon.js +1 -1
  487. package/dist/icons/RightIcon.js +1 -1
  488. package/dist/icons/RowTotalsIcon.js +1 -1
  489. package/dist/icons/SchemeIcon.js +1 -1
  490. package/dist/icons/SearchIcon.js +1 -1
  491. package/dist/icons/SemanticQueryIcon.js +1 -1
  492. package/dist/icons/SettingsIcon.js +1 -1
  493. package/dist/icons/ShieldFilledIcon.js +1 -1
  494. package/dist/icons/ShieldIcon.js +1 -1
  495. package/dist/icons/SlashIcon.js +1 -1
  496. package/dist/icons/SparklesIcon.js +1 -1
  497. package/dist/icons/SqlIcon.js +1 -1
  498. package/dist/icons/StatsIcon.js +1 -1
  499. package/dist/icons/StopIcon.js +1 -1
  500. package/dist/icons/StringIcon.js +1 -1
  501. package/dist/icons/SubtotalsIcon.js +1 -1
  502. package/dist/icons/SwitchIcon.js +1 -1
  503. package/dist/icons/TableIcon.js +1 -1
  504. package/dist/icons/ThumbsDownIcon.js +1 -1
  505. package/dist/icons/ThumbsUpIcon.js +1 -1
  506. package/dist/icons/ThunderboltCrossedIcon.js +1 -1
  507. package/dist/icons/ThunderboltFilledIcon.js +1 -1
  508. package/dist/icons/ThunderboltIcon.js +1 -1
  509. package/dist/icons/TimeIcon.js +1 -1
  510. package/dist/icons/TrashIcon.js +1 -1
  511. package/dist/icons/UnlockIcon.js +1 -1
  512. package/dist/icons/UpIcon.js +1 -1
  513. package/dist/icons/UserGroupIcon.js +1 -1
  514. package/dist/icons/UserIcon.js +1 -1
  515. package/dist/icons/UserLockIcon.js +1 -1
  516. package/dist/icons/ViewIcon.js +1 -1
  517. package/dist/icons/WarningFilledIcon.js +1 -1
  518. package/dist/icons/WarningIcon.js +1 -1
  519. package/dist/icons/wrap-icon.js +1 -1
  520. package/dist/index.d.ts +2 -2
  521. package/dist/index.js +3 -3
  522. package/dist/probe/canonicalize.js +1 -1
  523. package/dist/probe/css.js +1 -1
  524. package/dist/probe/index.js +1 -1
  525. package/dist/provider.js +1 -1
  526. package/dist/providers/TrackingProvider.js +1 -1
  527. package/dist/providers/navigation-url.js +1 -1
  528. package/dist/providers/navigationAdapter.default.js +1 -1
  529. package/dist/providers/use-navigation.js +1 -1
  530. package/dist/shared/form.d.ts +16 -2
  531. package/dist/tokens/all-tokens.js +1 -1
  532. package/dist/tokens/base.js +1 -1
  533. package/dist/tokens/color-seed.js +1 -1
  534. package/dist/tokens/color-theme.js +1 -1
  535. package/dist/tokens/colors.js +1 -1
  536. package/dist/tokens/layout.js +1 -1
  537. package/dist/tokens/lazy-styles.js +1 -1
  538. package/dist/tokens/legacy-color.js +1 -1
  539. package/dist/tokens/palette-config.js +1 -1
  540. package/dist/tokens/palette.js +1 -1
  541. package/dist/tokens/resolve.js +1 -1
  542. package/dist/tokens/shadows.js +1 -1
  543. package/dist/tokens/sizes.js +1 -1
  544. package/dist/tokens/spacing.js +1 -1
  545. package/dist/tokens/typography.js +1 -1
  546. package/dist/utils/ResizeSensor.js +1 -1
  547. package/dist/utils/colors.js +1 -1
  548. package/dist/utils/dotize.js +1 -1
  549. package/dist/utils/is-dev-env.js +1 -1
  550. package/dist/utils/modules.js +1 -1
  551. package/dist/utils/promise.js +1 -1
  552. package/dist/utils/raf.js +1 -1
  553. package/dist/utils/random.js +1 -1
  554. package/dist/utils/range.js +1 -1
  555. package/dist/utils/react/RenderCache.js +1 -1
  556. package/dist/utils/react/Slots.js +1 -1
  557. package/dist/utils/react/chain.js +1 -1
  558. package/dist/utils/react/disabledProps.js +1 -1
  559. package/dist/utils/react/forwardRefWithGenerics.js +1 -1
  560. package/dist/utils/react/index.js +1 -1
  561. package/dist/utils/react/interactions.js +1 -1
  562. package/dist/utils/react/isTextOnly.js +1 -1
  563. package/dist/utils/react/mapProps.js +1 -1
  564. package/dist/utils/react/mergeProps.js +1 -1
  565. package/dist/utils/react/nullableValue.js +1 -1
  566. package/dist/utils/react/overlayKeyPropagation.js +1 -1
  567. package/dist/utils/react/programmaticFocus.js +1 -1
  568. package/dist/utils/react/resolveIcon.js +1 -1
  569. package/dist/utils/react/sharedStore.js +1 -1
  570. package/dist/utils/react/useBufferedValue.js +1 -1
  571. package/dist/utils/react/useCombinedRefs.js +1 -1
  572. package/dist/utils/react/useControlledFocusVisible.js +1 -1
  573. package/dist/utils/react/useEventBus.js +1 -1
  574. package/dist/utils/react/useId.js +1 -1
  575. package/dist/utils/react/useIsDarwin.js +1 -1
  576. package/dist/utils/react/useKeySymbols.js +1 -1
  577. package/dist/utils/react/useLayoutEffect.js +1 -1
  578. package/dist/utils/react/useLocalStorage.js +1 -1
  579. package/dist/utils/react/useMergeStyles.js +1 -1
  580. package/dist/utils/react/useOverlayEscapeGuard.js +1 -1
  581. package/dist/utils/react/usePopoverSync.js +1 -1
  582. package/dist/utils/react/useQaProps.js +1 -1
  583. package/dist/utils/react/useScheme.js +1 -1
  584. package/dist/utils/react/useViewportSize.js +1 -1
  585. package/dist/utils/react/wrapNodeIfPlain.js +1 -1
  586. package/dist/utils/selection.js +1 -1
  587. package/dist/utils/styles.js +1 -1
  588. package/dist/utils/tree.js +1 -1
  589. package/dist/utils/warnings.js +1 -1
  590. package/dist/version.js +2 -2
  591. package/docs/FieldProperties.md +4 -2
  592. package/docs/components/content/Layout.md +31 -1
  593. package/docs/components/fields/Checkbox.md +4 -3
  594. package/docs/components/fields/Switch.md +4 -3
  595. package/docs/components/overlays/AlertDialog.md +38 -4
  596. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
2
2
  import { extractStyles } from "../../../utils/styles.js";
3
3
  import { useId as useId$2 } from "../../../utils/react/useId.js";
4
4
  import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
@@ -112,7 +112,7 @@ const SwitchElement = tasty({ styles: {
112
112
  } });
113
113
  const PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];
114
114
  function Switch(rawProps, ref) {
115
- const $ = c(52);
115
+ const $ = c(53);
116
116
  let t0;
117
117
  if ($[0] !== rawProps) {
118
118
  t0 = castNullableIsSelected(rawProps);
@@ -150,138 +150,138 @@ function Switch(rawProps, ref) {
150
150
  const { hoverProps, isHovered } = useHover(t5);
151
151
  const inputRef = useRef(null);
152
152
  const domRef = useFocusableRef(ref, inputRef);
153
- let t6;
154
- if ($[7] !== props) {
155
- t6 = {
153
+ const t6 = children ?? label;
154
+ let t7;
155
+ if ($[7] !== props || $[8] !== t6) {
156
+ t7 = {
156
157
  ...props,
157
- form: void 0
158
+ form: void 0,
159
+ children: t6
158
160
  };
159
161
  $[7] = props;
160
162
  $[8] = t6;
161
- } else t6 = $[8];
162
- const { inputProps } = useSwitch(t6, useToggleState(props), inputRef);
163
- const t7 = inputProps.checked;
164
- let t8;
165
- if ($[9] !== isInvalid || $[10] !== isValid) {
166
- t8 = getValidationMods({
163
+ $[9] = t7;
164
+ } else t7 = $[9];
165
+ const { inputProps } = useSwitch(t7, useToggleState(props), inputRef);
166
+ const t8 = inputProps.checked;
167
+ let t9;
168
+ if ($[10] !== isInvalid || $[11] !== isValid) {
169
+ t9 = getValidationMods({
167
170
  isInvalid,
168
171
  isValid
169
172
  });
170
- $[9] = isInvalid;
171
- $[10] = isValid;
172
- $[11] = t8;
173
- } else t8 = $[11];
174
- const t9 = labelPosition === "side";
175
- let t10;
176
- if ($[12] !== inputProps.checked || $[13] !== insideForm || $[14] !== isDisabled || $[15] !== isFocused || $[16] !== isHovered || $[17] !== t8 || $[18] !== t9) {
177
- t10 = {
178
- checked: t7,
173
+ $[10] = isInvalid;
174
+ $[11] = isValid;
175
+ $[12] = t9;
176
+ } else t9 = $[12];
177
+ const t10 = labelPosition === "side";
178
+ let t11;
179
+ if ($[13] !== inputProps.checked || $[14] !== insideForm || $[15] !== isDisabled || $[16] !== isFocused || $[17] !== isHovered || $[18] !== t10 || $[19] !== t9) {
180
+ t11 = {
181
+ checked: t8,
179
182
  disabled: isDisabled,
180
183
  hovered: isHovered,
181
184
  focused: isFocused,
182
- ...t8,
185
+ ...t9,
183
186
  "inside-form": insideForm,
184
- "side-label": t9
187
+ "side-label": t10
185
188
  };
186
- $[12] = inputProps.checked;
187
- $[13] = insideForm;
188
- $[14] = isDisabled;
189
- $[15] = isFocused;
190
- $[16] = isHovered;
191
- $[17] = t8;
192
- $[18] = t9;
193
- $[19] = t10;
194
- } else t10 = $[19];
195
- const mods = t10;
196
- const t11 = qa || "Switch";
197
- let t12;
198
- if ($[20] !== focusProps || $[21] !== inputProps) {
199
- t12 = mergeProps$1(inputProps, focusProps);
200
- $[20] = focusProps;
201
- $[21] = inputProps;
202
- $[22] = t12;
203
- } else t12 = $[22];
189
+ $[13] = inputProps.checked;
190
+ $[14] = insideForm;
191
+ $[15] = isDisabled;
192
+ $[16] = isFocused;
193
+ $[17] = isHovered;
194
+ $[18] = t10;
195
+ $[19] = t9;
196
+ $[20] = t11;
197
+ } else t11 = $[20];
198
+ const mods = t11;
199
+ const t12 = qa || "Switch";
204
200
  let t13;
205
- if ($[23] !== id || $[24] !== t11 || $[25] !== t12) {
206
- t13 = /* @__PURE__ */ jsx(HiddenInput, {
207
- qa: t11,
201
+ if ($[21] !== focusProps || $[22] !== inputProps) {
202
+ t13 = mergeProps$1(inputProps, focusProps);
203
+ $[21] = focusProps;
204
+ $[22] = inputProps;
205
+ $[23] = t13;
206
+ } else t13 = $[23];
207
+ let t14;
208
+ if ($[24] !== id || $[25] !== t12 || $[26] !== t13) {
209
+ t14 = /* @__PURE__ */ jsx(HiddenInput, {
210
+ qa: t12,
208
211
  "data-input-type": "switch",
209
- ...t12,
212
+ ...t13,
210
213
  ref: inputRef,
211
214
  id
212
215
  });
213
- $[23] = id;
214
- $[24] = t11;
216
+ $[24] = id;
215
217
  $[25] = t12;
216
218
  $[26] = t13;
217
- } else t13 = $[26];
218
- let t14;
219
- if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
220
- t14 = /* @__PURE__ */ jsx("div", {
221
- "data-element": "Thumb",
222
- "aria-hidden": "true"
223
- });
224
219
  $[27] = t14;
225
220
  } else t14 = $[27];
226
221
  let t15;
227
- if ($[28] !== inputStyles || $[29] !== mods || $[30] !== size) {
228
- t15 = /* @__PURE__ */ jsx(SwitchElement, {
222
+ if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
223
+ t15 = /* @__PURE__ */ jsx("div", {
224
+ "data-element": "Thumb",
225
+ "aria-hidden": "true"
226
+ });
227
+ $[28] = t15;
228
+ } else t15 = $[28];
229
+ let t16;
230
+ if ($[29] !== inputStyles || $[30] !== mods || $[31] !== size) {
231
+ t16 = /* @__PURE__ */ jsx(SwitchElement, {
229
232
  "data-element": "Input",
230
233
  mods,
231
234
  "data-size": size,
232
235
  styles: inputStyles,
233
- children: t14
236
+ children: t15
234
237
  });
235
- $[28] = inputStyles;
236
- $[29] = mods;
237
- $[30] = size;
238
- $[31] = t15;
239
- } else t15 = $[31];
240
- let t16;
241
- if ($[32] !== children) {
242
- t16 = children ? /* @__PURE__ */ jsx(_Text, {
243
- nowrap: true,
244
- children
245
- }) : null;
246
- $[32] = children;
247
- $[33] = t16;
248
- } else t16 = $[33];
238
+ $[29] = inputStyles;
239
+ $[30] = mods;
240
+ $[31] = size;
241
+ $[32] = t16;
242
+ } else t16 = $[32];
249
243
  let t17;
250
- if ($[34] !== isLoading || $[35] !== label) {
251
- t17 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
252
- $[34] = isLoading;
253
- $[35] = label;
254
- $[36] = t17;
255
- } else t17 = $[36];
244
+ if ($[33] !== children) {
245
+ t17 = children ? /* @__PURE__ */ jsx(_Text, { children }) : null;
246
+ $[33] = children;
247
+ $[34] = t17;
248
+ } else t17 = $[34];
256
249
  let t18;
257
- if ($[37] !== hoverProps || $[38] !== mods || $[39] !== size || $[40] !== styles || $[41] !== t13 || $[42] !== t15 || $[43] !== t16 || $[44] !== t17) {
258
- t18 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
250
+ if ($[35] !== isLoading || $[36] !== label) {
251
+ t18 = isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : null, /* @__PURE__ */ jsx(LoadingIcon, {})] }) : null;
252
+ $[35] = isLoading;
253
+ $[36] = label;
254
+ $[37] = t18;
255
+ } else t18 = $[37];
256
+ let t19;
257
+ if ($[38] !== hoverProps || $[39] !== mods || $[40] !== size || $[41] !== styles || $[42] !== t14 || $[43] !== t16 || $[44] !== t17 || $[45] !== t18) {
258
+ t19 = /* @__PURE__ */ jsxs(SwitchWrapperElement, {
259
259
  qa: "SwitchWrapper",
260
260
  mods,
261
261
  "data-size": size,
262
262
  styles,
263
263
  ...hoverProps,
264
264
  children: [
265
- t13,
266
- t15,
265
+ t14,
267
266
  t16,
268
- t17
267
+ t17,
268
+ t18
269
269
  ]
270
270
  });
271
- $[37] = hoverProps;
272
- $[38] = mods;
273
- $[39] = size;
274
- $[40] = styles;
275
- $[41] = t13;
276
- $[42] = t15;
271
+ $[38] = hoverProps;
272
+ $[39] = mods;
273
+ $[40] = size;
274
+ $[41] = styles;
275
+ $[42] = t14;
277
276
  $[43] = t16;
278
277
  $[44] = t17;
279
278
  $[45] = t18;
280
- } else t18 = $[45];
281
- const switchField = t18;
282
- let t19;
283
- if ($[46] !== domRef || $[47] !== id || $[48] !== inputStyles || $[49] !== props || $[50] !== switchField) {
284
- t19 = wrapWithField(switchField, domRef, {
279
+ $[46] = t19;
280
+ } else t19 = $[46];
281
+ const switchField = t19;
282
+ let t20;
283
+ if ($[47] !== domRef || $[48] !== id || $[49] !== inputStyles || $[50] !== props || $[51] !== switchField) {
284
+ t20 = wrapWithField(switchField, domRef, {
285
285
  ...props,
286
286
  id,
287
287
  labelProps: {
@@ -291,14 +291,14 @@ function Switch(rawProps, ref) {
291
291
  children: null,
292
292
  inputStyles
293
293
  });
294
- $[46] = domRef;
295
- $[47] = id;
296
- $[48] = inputStyles;
297
- $[49] = props;
298
- $[50] = switchField;
299
- $[51] = t19;
300
- } else t19 = $[51];
301
- return t19;
294
+ $[47] = domRef;
295
+ $[48] = id;
296
+ $[49] = inputStyles;
297
+ $[50] = props;
298
+ $[51] = switchField;
299
+ $[52] = t20;
300
+ } else t20 = $[52];
301
+ return t20;
302
302
  }
303
303
  /**
304
304
  * Switches allow users to turn an individual option on or off.
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","names":["useFocusableRef","BaseProps","BLOCK_STYLES","BlockStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useRef","AriaSwitchProps","useHover","useSwitch","useToggleState","LoadingIcon","FieldBaseProps","ToggleSelectionProps","mergeProps","useFocus","castNullableIsSelected","WithNullableSelected","useId","extractStyles","Text","getValidationMods","useFieldProps","wrapWithField","HiddenInput","SwitchWrapperElement","as","styles","display","position","placeItems","gap","width","color","SwitchElement","boxSizing","verticalAlign","placeSelf","radius","fill","checked","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","cursor","Thumb","top","left","PROP_STYLES","CubeSwitchProps","Omit","inputStyles","isLoading","size","Switch","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","qa","isDisabled","t2","children","label","insideForm","labelPosition","isInvalid","isValid","t3","undefined","id","t4","isFocused","focusProps","t5","hoverProps","isHovered","inputRef","domRef","t6","form","inputProps","t7","t8","t9","t10","hovered","mods","t11","t12","t13","t14","t15","t16","t17","t18","switchField","t19","labelProps","value","onChange","isSelected","isIndeterminate","_Switch","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n BaseProps,\n BLOCK_STYLES,\n BlockStyleProps,\n OUTER_STYLES,\n OuterStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaSwitchProps, useHover, useSwitch } from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps, ToggleSelectionProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n castNullableIsSelected,\n WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { useId } from '../../../utils/react/useId';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nconst SwitchWrapperElement = tasty({\n as: 'label',\n styles: {\n display: 'flex',\n position: 'relative',\n placeItems: {\n '': 'center stretch',\n 'side-label': 'baseline stretch',\n },\n gap: '1x',\n width: 'max max-content',\n color: '#dark-02',\n },\n});\n\nconst SwitchElement = tasty({\n styles: {\n boxSizing: 'border-box',\n position: 'relative',\n verticalAlign: 'baseline',\n placeSelf: 'center',\n radius: 'round',\n fill: {\n '': '#surface',\n checked: '#primary',\n 'invalid & checked': '#danger',\n 'valid & checked': '#success',\n disabled: '#border.5',\n 'disabled & checked': '#border',\n },\n color: {\n '': '#dark-03',\n checked: '#white',\n },\n border: {\n '': '#dark-05',\n checked: '#primary-text',\n disabled: '#dark-05.5',\n invalid: '#danger',\n valid: '#success',\n },\n width: {\n '': '5x 5x',\n 'size=medium': '4x 4x',\n 'size=small': '3x 3x',\n },\n height: {\n '': '3x 3x',\n 'size=medium': '2.5x 2.5x',\n 'size=small': '2x 2x',\n },\n outline: {\n '': '#primary-text.0',\n focused: '1bw #primary-text',\n },\n outlineOffset: 1,\n transition: 'theme',\n cursor: '$pointer',\n\n Thumb: {\n position: 'absolute',\n width: {\n '': '2x 2x',\n 'size=medium': '1.5x 1.5x',\n 'size=small': '1.25x 1.25x',\n },\n height: {\n '': '2x 2x',\n 'size=medium': '1.5x 1.5x',\n 'size=small': '1.25x 1.25x',\n },\n radius: 'round',\n fill: {\n '': '#current',\n disabled: '#current.5',\n 'disabled & checked': '#white.8',\n },\n top: {\n '': '.375x',\n 'size=medium': '.375x',\n 'size=small': '.25x',\n },\n left: {\n '': '.375x',\n 'size=medium': '.375x',\n 'size=small': '.25x',\n checked: '2.25x',\n 'checked & size=medium': '1.75x',\n 'checked & size=small': '1.25x',\n },\n transition: 'left, theme',\n cursor: '$pointer',\n },\n },\n});\n\nconst PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeSwitchProps\n extends BaseProps,\n OuterStyleProps,\n BlockStyleProps,\n FieldBaseProps<boolean | null | undefined>,\n ToggleSelectionProps,\n Omit<AriaSwitchProps, 'form' | 'name'> {\n inputStyles?: Styles;\n isLoading?: boolean;\n size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(rawProps: WithNullableSelected<CubeSwitchProps>, ref) {\n rawProps = castNullableIsSelected(rawProps);\n let props = useFieldProps(rawProps, {\n defaultValidationTrigger: 'onChange',\n valuePropsMapper: ({ value, onChange }) => ({\n isSelected: value != null ? value : false,\n isIndeterminate: false,\n onChange: onChange,\n }),\n });\n\n let {\n qa,\n isDisabled = false,\n children,\n label,\n insideForm,\n isLoading,\n labelPosition,\n inputStyles,\n isInvalid,\n isValid,\n size = 'medium',\n form,\n } = props;\n\n const id = useId(props.id);\n\n let styles = extractStyles(props, PROP_STYLES);\n\n let { isFocused, focusProps } = useFocus(true);\n let { hoverProps, isHovered } = useHover({ isDisabled });\n\n let inputRef = useRef(null);\n let domRef = useFocusableRef(ref, inputRef);\n\n // React Aria writes `form` onto the input as the id of its `<form>`, so the\n // form instance would render as `form=\"[object Object]\"` and detach it.\n let { inputProps } = useSwitch(\n { ...props, form: undefined },\n useToggleState(props),\n inputRef,\n );\n\n const mods = {\n checked: inputProps.checked,\n disabled: isDisabled,\n hovered: isHovered,\n focused: isFocused,\n ...getValidationMods({ isInvalid, isValid }),\n 'inside-form': insideForm,\n 'side-label': labelPosition === 'side',\n };\n\n const switchField = (\n <SwitchWrapperElement\n qa=\"SwitchWrapper\"\n mods={mods}\n data-size={size}\n styles={styles}\n {...hoverProps}\n >\n <HiddenInput\n qa={qa || 'Switch'}\n data-input-type=\"switch\"\n {...mergeProps(inputProps, focusProps)}\n ref={inputRef}\n id={id}\n />\n <SwitchElement\n data-element=\"Input\"\n mods={mods}\n data-size={size}\n styles={inputStyles}\n >\n <div data-element=\"Thumb\" aria-hidden=\"true\" />\n </SwitchElement>\n {children ? <Text nowrap>{children}</Text> : null}\n {isLoading ? (\n <>\n {label ? <>&nbsp;</> : null}\n <LoadingIcon />\n </>\n ) : null}\n </SwitchWrapperElement>\n );\n\n return wrapWithField(switchField, domRef, {\n ...props,\n id,\n labelProps: {\n ...props.labelProps,\n for: id,\n },\n children: null,\n inputStyles,\n });\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nlet _Switch = forwardRef(Switch);\n\n(_Switch as any).cubeInputType = 'Checkbox';\n_Switch.displayName = 'Switch';\n\nexport { _Switch as Switch };\nexport type { AriaSwitchProps };\nexport { useSwitch };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Switch.js","names":["useFocusableRef","BaseProps","BLOCK_STYLES","BlockStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useRef","AriaSwitchProps","useHover","useSwitch","useToggleState","LoadingIcon","FieldBaseProps","ToggleSelectionProps","mergeProps","useFocus","castNullableIsSelected","WithNullableSelected","useId","extractStyles","Text","getValidationMods","useFieldProps","wrapWithField","HiddenInput","SwitchWrapperElement","as","styles","display","position","placeItems","gap","width","color","SwitchElement","boxSizing","verticalAlign","placeSelf","radius","fill","checked","disabled","border","invalid","valid","height","outline","focused","outlineOffset","transition","cursor","Thumb","top","left","PROP_STYLES","CubeSwitchProps","Omit","inputStyles","isLoading","size","Switch","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","qa","isDisabled","t2","children","label","insideForm","labelPosition","isInvalid","isValid","t3","undefined","id","t4","isFocused","focusProps","t5","hoverProps","isHovered","inputRef","domRef","t6","t7","form","inputProps","t8","t9","t10","t11","hovered","mods","t12","t13","t14","t15","t16","t17","t18","t19","switchField","t20","labelProps","value","onChange","isSelected","isIndeterminate","_Switch","cubeInputType","displayName"],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n BaseProps,\n BLOCK_STYLES,\n BlockStyleProps,\n OUTER_STYLES,\n OuterStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaSwitchProps, useHover, useSwitch } from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps, ToggleSelectionProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n castNullableIsSelected,\n WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { useId } from '../../../utils/react/useId';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nconst SwitchWrapperElement = tasty({\n as: 'label',\n styles: {\n display: 'flex',\n position: 'relative',\n placeItems: {\n '': 'center stretch',\n 'side-label': 'baseline stretch',\n },\n gap: '1x',\n width: 'max max-content',\n color: '#dark-02',\n },\n});\n\nconst SwitchElement = tasty({\n styles: {\n boxSizing: 'border-box',\n position: 'relative',\n verticalAlign: 'baseline',\n placeSelf: 'center',\n radius: 'round',\n fill: {\n '': '#surface',\n checked: '#primary',\n 'invalid & checked': '#danger',\n 'valid & checked': '#success',\n disabled: '#border.5',\n 'disabled & checked': '#border',\n },\n color: {\n '': '#dark-03',\n checked: '#white',\n },\n border: {\n '': '#dark-05',\n checked: '#primary-text',\n disabled: '#dark-05.5',\n invalid: '#danger',\n valid: '#success',\n },\n width: {\n '': '5x 5x',\n 'size=medium': '4x 4x',\n 'size=small': '3x 3x',\n },\n height: {\n '': '3x 3x',\n 'size=medium': '2.5x 2.5x',\n 'size=small': '2x 2x',\n },\n outline: {\n '': '#primary-text.0',\n focused: '1bw #primary-text',\n },\n outlineOffset: 1,\n transition: 'theme',\n cursor: '$pointer',\n\n Thumb: {\n position: 'absolute',\n width: {\n '': '2x 2x',\n 'size=medium': '1.5x 1.5x',\n 'size=small': '1.25x 1.25x',\n },\n height: {\n '': '2x 2x',\n 'size=medium': '1.5x 1.5x',\n 'size=small': '1.25x 1.25x',\n },\n radius: 'round',\n fill: {\n '': '#current',\n disabled: '#current.5',\n 'disabled & checked': '#white.8',\n },\n top: {\n '': '.375x',\n 'size=medium': '.375x',\n 'size=small': '.25x',\n },\n left: {\n '': '.375x',\n 'size=medium': '.375x',\n 'size=small': '.25x',\n checked: '2.25x',\n 'checked & size=medium': '1.75x',\n 'checked & size=small': '1.25x',\n },\n transition: 'left, theme',\n cursor: '$pointer',\n },\n },\n});\n\nconst PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeSwitchProps\n extends BaseProps,\n OuterStyleProps,\n BlockStyleProps,\n FieldBaseProps<boolean | null | undefined>,\n ToggleSelectionProps,\n Omit<AriaSwitchProps, 'form' | 'name'> {\n inputStyles?: Styles;\n isLoading?: boolean;\n size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(rawProps: WithNullableSelected<CubeSwitchProps>, ref) {\n rawProps = castNullableIsSelected(rawProps);\n let props = useFieldProps(rawProps, {\n defaultValidationTrigger: 'onChange',\n valuePropsMapper: ({ value, onChange }) => ({\n isSelected: value != null ? value : false,\n isIndeterminate: false,\n onChange: onChange,\n }),\n });\n\n let {\n qa,\n isDisabled = false,\n children,\n label,\n insideForm,\n isLoading,\n labelPosition,\n inputStyles,\n isInvalid,\n isValid,\n size = 'medium',\n form,\n } = props;\n\n const id = useId(props.id);\n\n let styles = extractStyles(props, PROP_STYLES);\n\n let { isFocused, focusProps } = useFocus(true);\n let { hoverProps, isHovered } = useHover({ isDisabled });\n\n let inputRef = useRef(null);\n let domRef = useFocusableRef(ref, inputRef);\n\n // React Aria writes `form` onto the input as the id of its `<form>`, so the\n // form instance would render as `form=\"[object Object]\"` and detach it. It\n // reads `children` only to warn about a switch with no visible label; a\n // field `label` is one, named through its `<label for>`.\n let { inputProps } = useSwitch(\n { ...props, form: undefined, children: children ?? label },\n useToggleState(props),\n inputRef,\n );\n\n const mods = {\n checked: inputProps.checked,\n disabled: isDisabled,\n hovered: isHovered,\n focused: isFocused,\n ...getValidationMods({ isInvalid, isValid }),\n 'inside-form': insideForm,\n 'side-label': labelPosition === 'side',\n };\n\n const switchField = (\n <SwitchWrapperElement\n qa=\"SwitchWrapper\"\n mods={mods}\n data-size={size}\n styles={styles}\n {...hoverProps}\n >\n <HiddenInput\n qa={qa || 'Switch'}\n data-input-type=\"switch\"\n {...mergeProps(inputProps, focusProps)}\n ref={inputRef}\n id={id}\n />\n <SwitchElement\n data-element=\"Input\"\n mods={mods}\n data-size={size}\n styles={inputStyles}\n >\n <div data-element=\"Thumb\" aria-hidden=\"true\" />\n </SwitchElement>\n {/*\n Not `nowrap`: it inherits, so no label could wrap and a long one ran out\n of its container. The label inherits the wrapper's font and color, so\n a caller's `styles` reach it.\n */}\n {children ? <Text>{children}</Text> : null}\n {isLoading ? (\n <>\n {label ? <>&nbsp;</> : null}\n <LoadingIcon />\n </>\n ) : null}\n </SwitchWrapperElement>\n );\n\n return wrapWithField(switchField, domRef, {\n ...props,\n id,\n labelProps: {\n ...props.labelProps,\n for: id,\n },\n children: null,\n inputStyles,\n });\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nlet _Switch = forwardRef(Switch);\n\n(_Switch as any).cubeInputType = 'Checkbox';\n_Switch.displayName = 'Switch';\n\nexport { _Switch as Switch };\nexport type { AriaSwitchProps };\nexport { useSwitch };\n"],"mappings":"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"}