@cube-dev/ui-kit 0.201.0 → 0.202.0

package/README.md

@@ -137,7 +137,7 @@ pnpm build            # Build the library (tsdown, unbundled ESM)
 pnpm test             # Run all tests (Vitest)
 pnpm test -- Button   # Run tests matching "Button"
 pnpm fix              # Lint and format (Oxlint + Prettier)
-pnpm size             # Check bundle size limits
+pnpm size             # Measure the bundle and check its dependencies
 pnpm chromatic        # Run visual regression tests
 ```
 

package/dist/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @cube-dev/ui-kit
 
+## 0.202.0
+
+### Minor Changes
+
+- [#1582](https://github.com/cube-js/cube-ui-kit/pull/1582) [`2e9ae4b86`](https://github.com/cube-js/cube-ui-kit/commit/2e9ae4b869695c231534f59a5946217f8b82f28e) Thanks [@tenphi](https://github.com/tenphi)! - `Divider` applies its style props (`margin`, `width` and the rest of its documented set), which it used to drop silently, and takes a new `orientation="vertical"` prop that renders a vertical separator stretching to the height of its row. It no longer claims the `divider` grid area: inside a grid it now takes the next cell, where it used to land in an extra implicit column with zero width. A divider with text is now a separator named by that text for screen readers, and every divider carries `data-qa="Divider"` unless you pass `qa`. A component built with `tasty(Divider, …)` now renders a real `<hr>` separator too, where it used to render a `div` with no role, so screen readers announce it; hide one that is only decoration with `aria-hidden`.
+
+- [#1586](https://github.com/cube-js/cube-ui-kit/pull/1586) [`045328aee`](https://github.com/cube-js/cube-ui-kit/commit/045328aee0bb0cbca9c454026fc7ad412c10e487) Thanks [@tenphi](https://github.com/tenphi)! - **Breaking:** an input's style props now place and size its outer element: the field wrapper when its chrome renders, the input itself when it is bare. Adding a label no longer moves `width`, `height`, `flex*`, `gridArea`, `margin`, `inset`, `position` or `zIndex` from the field to the control inside it. When style props size a wrapped field, the input stretches to fill it, unless it has a fixed or capped size of its own (`Checkbox` and `Switch` keep their content width, single-line inputs and a vertical `Slider` their height). `styles` still styles the input and `fieldStyles` the wrapper; a style prop wins over `fieldStyles` for the same key, and only style props make the input fill the field.
+
+  This applies to every field-level input: the `TextInput` family, `SearchInput`, `ColorInput`, `ComboBox`, `SearchComboBox`, `Select`, `Picker`, `FilterPicker`, `ListBox`, `FilterListBox`, `TagInput`, `Checkbox`, `CheckboxGroup`, `RadioGroup`, `Switch`, the sliders, the date and time inputs and pickers, `FileInput`, `ColorPicker` and `ColorSwatchGroup`. They now take exactly the position and dimension style props (`FieldLayoutStyleProps`, exported). Every other style prop is removed from them: the base, block, color and flow groups, such as `fill`, `color`, `border`, `radius`, `shadow`, `outline`, `padding`, `preset`, `font`, `display`, `hide`, `opacity`, `transition`, `textAlign`, `overflow`, `flow`, `gap`, `place`, `placeItems`, `placeContent`, `align`, `alignItems`, `alignContent`, `justify`, `justifyItems` and `justifyContent` (`placeSelf`, `alignSelf` and `justifySelf` stay). Pass those through `styles`.
+
+  Migrating: on a labelled field, check style props that used to size the control. A side-label field's `width` now includes the label column, and `height` includes the label and texts. To size the control alone, use `styles={{ width }}`. A state map on a style prop now resolves against the wrapper on a labelled field, so use media, container or root states there, not input states such as `focused`. `className`, `style`, `qa` and `ref` never move to the wrapper. A `fieldStyles` used only to place or size the field can become style props.
+
+  Fixes: `DateInput`, `TimeInput` and `FileInput` now apply their `styles` and style props, which they dropped before. `RangeSlider` forwards `styles`. `fieldProps.mods` adds to the mods a field wrapper computes instead of replacing them, and a `null` in `fieldStyles` or `fieldProps.styles` now resets that key on the wrapper.
+
+- [#1585](https://github.com/cube-js/cube-ui-kit/pull/1585) [`51727506a`](https://github.com/cube-js/cube-ui-kit/commit/51727506afe59a53c977b4ca931e18ab7ff0f844) Thanks [@tenphi](https://github.com/tenphi)! - `Escape` and `Tab` follow one rule in every field you type into: they go on to a surrounding dialog, which closes on `Escape` and moves focus on `Tab`, unless the field acts on the key or your `onKeyDown` calls `e.preventDefault()`. A prevented `Escape` or `Tab` stays at the input. Check your handlers: `TextInput`, `TextArea`, `PasswordInput` and `SearchInput` with an `onKeyDown` no longer hold `Escape` and `Tab`, so a handler that acts on `Escape` inside a dialog needs `e.preventDefault()` to keep the dialog open. `ColorInput` and an idle `SearchComboBox` no longer swallow them. In `NumberInput`, `TagInput` and `CommandTextArea` a prevented one no longer reaches the dialog, so a `Tab` that inserts a `CommandTextArea` option keeps focus in the field. `ComboBox` now lets the `Escape` or `Tab` that ends an IME composition in Safari reach the dialog too, like every other field.
+
+- [#1587](https://github.com/cube-js/cube-ui-kit/pull/1587) [`cc25d5547`](https://github.com/cube-js/cube-ui-kit/commit/cc25d5547b6e0e76440c8d58340d0fc9728a6845) Thanks [@tenphi](https://github.com/tenphi)! - Add tree-shaped options to `FilterPicker`: pass `treeData` (with `expandedKeys`, `defaultExpandedKeys` and `onExpand`) and the popover shows a checkable `Tree` under the usual header, search and footer. Tree mode is always multiple selection. Its value is every fully checked key, parents included, in tree order: checking a parent checks its children, and a partly checked parent is half-checked. The cascade runs over the whole tree, so a search never unchecks the nodes it hides. A search keeps each match with its subtree and opens the ancestors of deeper matches, then restores the user's expansion when it clears. Focus stays in the search input, which drives the active row: arrows move it, Right and Left open and close it, Space toggles it while the search is empty, and Enter toggles it and closes the popover. The default summary lists the topmost checked nodes, and `renderSummary` receives every checked key in tree order. Nothing in the tree is a tab stop, so Tab moves from the search to the footer. `children` is now optional in `CubeFilterPickerProps`, since a tree-mode picker has none.
+
+  `Tree` changes that come with it: a node's new `textValue` names its checkbox when `title` is not a string, and a `Tree` with an `id` gives each row an id derived from it. In `defaultCheckedKeys` and the array form of `checkedKeys`, a parent key now checks its whole subtree, as in AntD; before, a parent listed without its children rendered unchecked. That holds for a parent whose own checkbox is disabled too, and in an uncontrolled `Tree` a parent the user checked also checks the children `loadData` adds under it later. Checking, unchecking and conducting a parent key now pass through a node whose checkbox is disabled or hidden to the eligible nodes below it, matching how a parent's state already followed them; before, a click stopped at that node and could leave the parent stuck half-checked. The object form `{ checked, halfChecked }` is taken as given, as before. Rows no longer carry `aria-checked`, which `role="row"` does not support (axe `aria-allowed-attr`); each row's checkbox still reports checked and mixed, and the row keeps its `data-checked` and `data-indeterminate` attributes, so a test that read the row's `aria-checked` should read one of those.
+
+- [#1586](https://github.com/cube-js/cube-ui-kit/pull/1586) [`045328aee`](https://github.com/cube-js/cube-ui-kit/commit/045328aee0bb0cbca9c454026fc7ad412c10e487) Thanks [@tenphi](https://github.com/tenphi)! - `Picker`, `FilterPicker` and `ColorPicker` take their trigger's tooltip as `tooltip`, as `Select`, `Button` and `Item` do. `triggerTooltip` still works, but it is deprecated and logs a one-time warning in development. The info badge next to a field's label stays `labelTooltip`.
+
+- [#1591](https://github.com/cube-js/cube-ui-kit/pull/1591) [`363a6c8d7`](https://github.com/cube-js/cube-ui-kit/commit/363a6c8d74ed7ce686367747fc694573f029f8b7) Thanks [@tenphi](https://github.com/tenphi)! - Read-only fields no longer look editable. `isReadOnly`, on a field or from a read-only `Form`, `Checkbox.Group` or `Radio.Group`, now sets a `readonly` mod and a default look: a recessed fill, with the value and label at full contrast. A text box also takes a softer border, except in high contrast. A checked `Checkbox`, an on `Switch` and a selected classic `Radio` show the unchecked outline and a dark mark in place of the brand fill. A read-only field takes no hover state. This covers `TextInput`, `TextArea`, `PasswordInput`, `SearchInput`, `NumberInput`, `CommandTextArea`, `ColorInput`, `TagInput`, `ComboBox`, `SearchComboBox`, `DateInput`, `TimeInput`, `DatePicker`, `DateRangePicker`, `DateRangeSeparatedPicker`, `PeriodPicker`, `Checkbox`, `Switch` and `Radio`. Button and tabs radios get the mod and lose their hover state and pointer cursor, and keep their look. Style the `readonly` key in `styles` or `inputStyles` to change the look.
+
+- [#1583](https://github.com/cube-js/cube-ui-kit/pull/1583) [`b727ba8c0`](https://github.com/cube-js/cube-ui-kit/commit/b727ba8c0a920a6749143699052d7f327a2c1466) Thanks [@tenphi](https://github.com/tenphi)! - Add a `tooltip` prop to `Switch`, as `Checkbox` has: a string or `TooltipProvider` props, shown on hover over the switch and its inline label and on keyboard focus, and describing the input to screen readers. A disabled switch with a tooltip stays focusable, marked `aria-disabled` and inert, so the keyboard reaches the reason it is disabled; not being natively disabled, a switch that is on is part of a plain `<form>`'s submitted data. Without a tooltip it is natively disabled, as before. Wrapping a disabled switch in `TooltipProvider` opens nothing, since it takes no trigger props while disabled; use `tooltip` instead. On a labelled switch, `tooltip` is now the switch's own tooltip rather than the old spelling of `labelTooltip`, so it no longer warns; the info badge is still `labelTooltip`.
+
+- [#1592](https://github.com/cube-js/cube-ui-kit/pull/1592) [`23d29d04a`](https://github.com/cube-js/cube-ui-kit/commit/23d29d04a54a61d3de36dc5351bc1f7c67c5332c) Thanks [@tenphi](https://github.com/tenphi)! - `TextInput`, `NumberInput`, `PasswordInput`, `SearchInput`, `TextArea` and `CommandTextArea` take a `tooltip` of their own, as `Checkbox` and `Switch` do: a string, or `TooltipProvider` props. It is anchored to the field box, opens on hover over it and on keyboard focus, closes on any key, and describes the input. A first `Escape` only closes it, so it doesn't clear a `SearchInput` or close a dialog. A disabled input with a `tooltip` stays focusable so the keyboard reaches it too: it is `aria-disabled` and read-only instead of natively disabled, takes no text, doesn't step, and a click on it or on its label doesn't focus it. Not being natively disabled, its value is part of a plain `<form>`'s submitted data; ui-kit's `Form` is not affected. `tooltip` was the old name of `labelTooltip`, so a caller still passing it for the label badge now gets an input tooltip and no migration warning: rename it to `labelTooltip`.
+
+### Patch Changes
+
+- [#1583](https://github.com/cube-js/cube-ui-kit/pull/1583) [`b727ba8c0`](https://github.com/cube-js/cube-ui-kit/commit/b727ba8c0a920a6749143699052d7f327a2c1466) Thanks [@tenphi](https://github.com/tenphi)! - Keep a disabled `Checkbox` focusable while it has a `tooltip`, as a disabled `Radio` and `Button` already are, so the keyboard can open the tooltip as the mouse does: it is usually the reason the checkbox is disabled. This covers a checkbox disabled on its own and one in a disabled `Checkbox.Group`. Such a checkbox is marked `aria-disabled` and stays inert: `Space` and clicks on the box or its label change nothing. Not being natively disabled, a checked one is part of a plain `<form>`'s submitted data. A disabled checkbox without a tooltip is natively disabled, as before.
+
+- [#1593](https://github.com/cube-js/cube-ui-kit/pull/1593) [`badb2dc57`](https://github.com/cube-js/cube-ui-kit/commit/badb2dc57615ce89c710f91a31df99cb207b9389) Thanks [@tenphi](https://github.com/tenphi)! - A `RadioGroup` (including `Radio.ButtonGroup` and `Radio.Tabs`) or `CheckboxGroup` given `isDisabled={false}` inside a disabled `<Form>` or `<Provider>` now enables its options, as an explicit `false` does on every other field. Before, the group itself was enabled but each option stayed disabled. The same holds for a `CheckboxGroup` given `isReadOnly={false}` inside a read-only form. A group that sets neither prop still follows its form, and an option given `isDisabled` is still disabled inside an enabled group. A group's `isReadOnly` now also makes other fields rendered inside it read-only, such as a `TextInput` next to its options, as its `isDisabled` already disabled them. A loading button radio is now disabled unless the radio itself sets `isDisabled={false}`: a `false` it inherits from its group, form or provider no longer keeps it clickable while it loads.
+
+- [#1588](https://github.com/cube-js/cube-ui-kit/pull/1588) [`7d60390d0`](https://github.com/cube-js/cube-ui-kit/commit/7d60390d0b071f8ba1cee2c2021aebcdec01e322) Thanks [@tenphi](https://github.com/tenphi)! - A disabled `Slider`, `RangeSlider` or `HueSlider` is now disabled as a whole field: its label is muted and its message hidden, as on every other disabled field. Before, `isDisabled` reached only the track and thumbs. In a disabled form, the track now looks disabled too, and an explicit `isDisabled={false}` enables the slider there, as it does every other field.
+
+- [#1589](https://github.com/cube-js/cube-ui-kit/pull/1589) [`0db331834`](https://github.com/cube-js/cube-ui-kit/commit/0db331834fbbc9cd0461f59b9ff0e6607b142c4f) Thanks [@tenphi](https://github.com/tenphi)! - A field given `isDisabled`, `isReadOnly`, `isRequired`, `isInvalid` or `isValid` as `undefined` now keeps the state of its enclosing `<Form>` or `<Provider>`, as it does when the prop is left out. Before, the `undefined` replaced it, so a wrapper passing an optional `isDisabled` through rendered an enabled field inside a disabled form. An explicit `true` or `false` behaves as before. This applies everywhere `useProviderProps` is used: every input, `SearchInput`, `SearchComboBox`, `Label`, the calendars and a nested `Form`. Form presentation props such as `labelPosition`, and `form` itself, are unchanged: `form={undefined}` still detaches a field from its form.
+
 ## 0.201.0
 
 ### Minor Changes

package/dist/README.md

@@ -137,7 +137,7 @@ pnpm build            # Build the library (tsdown, unbundled ESM)
 pnpm test             # Run all tests (Vitest)
 pnpm test -- Button   # Run tests matching "Button"
 pnpm fix              # Lint and format (Oxlint + Prettier)
-pnpm size             # Check bundle size limits
+pnpm size             # Measure the bundle and check its dependencies
 pnpm chromatic        # Run visual regression tests
 ```
 

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 //#region src/_internal/hooks/use-debounced-value.ts

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";

package/dist/_internal/hooks/use-event.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { c } from "react/compiler-runtime";
 //#region src/_internal/hooks/use-event.ts

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { useRef } from "react";
 //#region src/_internal/hooks/use-is-first-render.ts
 function useIsFirstRender() {

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useRef } from "react";

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { c } from "react/compiler-runtime";

package/dist/_internal/hooks/use-warn.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";

package/dist/components/Block.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../utils/styles.js";
 import { usePaletteValue } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/HiddenInput.tsx
 const HiddenInput = tasty({
@@ -21,6 +21,7 @@ const HiddenInput = tasty({
 		cursor: {
 			"": "default",
 			button: "$pointer",
+			readonly: "default",
 			disabled: "not-allowed"
 		}
 	}

package/dist/components/HiddenInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenInput.js","names":["tasty","HiddenInput","as","styles","display","fontFamily","fontSize","lineHeight","margin","overflow","boxSizing","padding","position","inset","opacity","zIndex","width","height","cursor","button","disabled"],"sources":["../../src/components/HiddenInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const HiddenInput = tasty({\n  as: 'input',\n  styles: {\n    display: 'block',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    lineHeight: '1.15',\n    margin: '0',\n    overflow: 'visible',\n    boxSizing: 'border-box',\n    padding: '0',\n    position: 'absolute',\n    inset: '0',\n    opacity: '0.0001',\n    zIndex: '1',\n    width: '100%',\n    height: '100%',\n    cursor: {\n      '': 'default',\n      button: '$pointer',\n      disabled: 'not-allowed',\n    },\n  },\n});\n"],"mappings":";;;AAEA,MAAaC,cAAcD,MAAM;CAC/BE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,YAAY;EACZC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJC,QAAQ;GACRC,UAAU;EACZ;CACF;AACF,CAAC"}
+{"version":3,"file":"HiddenInput.js","names":["tasty","HiddenInput","as","styles","display","fontFamily","fontSize","lineHeight","margin","overflow","boxSizing","padding","position","inset","opacity","zIndex","width","height","cursor","button","readonly","disabled"],"sources":["../../src/components/HiddenInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const HiddenInput = tasty({\n  as: 'input',\n  styles: {\n    display: 'block',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    lineHeight: '1.15',\n    margin: '0',\n    overflow: 'visible',\n    boxSizing: 'border-box',\n    padding: '0',\n    position: 'absolute',\n    inset: '0',\n    opacity: '0.0001',\n    zIndex: '1',\n    width: '100%',\n    height: '100%',\n    cursor: {\n      '': 'default',\n      button: '$pointer',\n      readonly: 'default',\n      disabled: 'not-allowed',\n    },\n  },\n});\n"],"mappings":";;;AAEA,MAAaC,cAAcD,MAAM;CAC/BE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,YAAY;EACZC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJC,QAAQ;GACRC,UAAU;GACVC,UAAU;EACZ;CACF;AACF,CAAC"}

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { AMBIENT_PREDEFINED_STATES } from "../utils/react/useScheme.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";

package/dist/components/actions/Action/Action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { c } from "react/compiler-runtime";

package/dist/components/actions/Banner/Banner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Item as _Item } from "../../content/Item/Item.js";

package/dist/components/actions/Button/Button.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";

package/dist/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { c } from "react/compiler-runtime";

package/dist/components/actions/ButtonSplit/ButtonSplit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/actions/ButtonSplit/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/actions/ButtonSplit/context.ts
 const ButtonSplitContext = createContext(null);

package/dist/components/actions/CommandMenu/CommandMenu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";

package/dist/components/actions/CommandMenu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/actions/CommandMenu/styled.tsx
 const StyledCommandMenu = tasty({

package/dist/components/actions/ItemAction/ItemAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/actions/ItemActionsWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { DisplayTransition } from "../helpers/DisplayTransition/DisplayTransition.js";
 import { ITEM_RESTING_COLOR_VARIANTS, ROW_STATE_ALIASES, resolveItemVariant } from "../../data/item-themes.js";
 import { ItemActionProvider } from "./ItemActionContext.js";

package/dist/components/actions/ItemButton/ItemButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";

package/dist/components/actions/Link/Link.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/actions/Menu/Menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useMenuContext } from "./context.js";

package/dist/components/actions/Menu/MenuCollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { normalizeNavigationUrl } from "../../../providers/navigation-url.js";
 import { parseTo } from "../use-action.js";
 import { COLLECTION_ITEM_CLICK, CollectionItem as _CollectionItem } from "../../CollectionItem.js";

package/dist/components/actions/Menu/MenuItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { isExternalUrl, normalizeNavigationUrl } from "../../../providers/navigation-url.js";
 import { useNavigation } from "../../../providers/use-navigation.js";

package/dist/components/actions/Menu/MenuSection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { getMenuItemReactKey } from "./MenuCollectionItem.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";

package/dist/components/actions/Menu/MenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/actions/Menu/SubMenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";

package/dist/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import React from "react";
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx
 const SubmenuTriggerContext = React.createContext(null);

package/dist/components/actions/Menu/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import React, { useContext } from "react";
 //#region src/components/actions/Menu/context.ts
 const MenuContext = React.createContext({});

package/dist/components/actions/Menu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { DEFAULT_CLEAR_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";

package/dist/components/actions/actions-run.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 //#region src/components/actions/actions-run.ts
 /**
 * Whether `element` — the node react-aria hands an overlay's dismiss predicate

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

package/dist/components/actions/use-action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useWarn } from "../../_internal/hooks/use-warn.js";

package/dist/components/actions/use-anchored-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/actions/use-context-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/content/ActiveZone/ActiveZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/content/Alert/Alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Alert/use-alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Badge/Badge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { Item as _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Card/Card.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/CopySnippet/CopySnippet.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { Tooltip as _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/Disclosure/Disclosure.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/content/Divider/Divider.d.ts

@@ -0,0 +1,22 @@
+
+import { BaseProps, BaseStyleProps, ColorStyleProps, OuterStyleProps } from "@tenphi/tasty";
+import { ReactNode } from "react";
+//#region src/components/content/Divider/Divider.d.ts
+export interface CubeDividerProps extends BaseProps, BaseStyleProps, OuterStyleProps, ColorStyleProps {
+  /**
+   * Text shown between two lines, such as "or". It also becomes the
+   * separator's accessible name, unless `aria-label` or `aria-labelledby`
+   * gives one. Screen readers get it only as that name, so keep it to text.
+   */
+  children?: ReactNode;
+  /**
+   * The direction of the line. A vertical divider separates the items of a
+   * flex or grid row and stretches to the row's height, even when the row
+   * centers its items. Elsewhere, or to make it shorter, give it a `height`.
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+}
+export declare const Divider: import("react").ForwardRefExoticComponent<CubeDividerProps & import("react").RefAttributes<unknown>>;
+//#endregion
+//# sourceMappingURL=Divider.d.ts.map