@cube-dev/ui-kit 0.0.0-canary-0539271 → 0.0.0-canary-be4adf7

package/dist/CHANGELOG.md

@@ -1,5 +1,144 @@
 # @cube-dev/ui-kit
 
+## 0.159.0
+
+### Minor Changes
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **DataTable**: column reordering. `isColumnReorderable` lets a user drag a header
+  sideways or move the focused column with `Alt`+`←` / `→`; clicking still sorts
+  and the resize handle still resizes. `columnOrder` / `defaultColumnOrder` /
+  `onColumnOrderChange` work with or without dragging, so a column manager
+  elsewhere in the page can drive the order on its own, and `storageKey` now
+  persists the order alongside the widths.
+
+  Structural and pinned columns stay put — `pin` is already the ordering authority
+  for a pinned column — and a single column opts out with `isReorderable: false`.
+  A stale order is safe: unknown keys are ignored, and a column missing from the
+  list lands after the neighbour it had in `columns` rather than at the end.
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **DataTable**: `rowSize` sets the row height to a named step — `small` 28px,
+  `medium` 32px, `large` 40px. It moves the rows only: the header keeps answering
+  to `size`, so a denser body no longer means reaching for `size` and dragging the
+  header down with it.
+
+  Unset, the height comes from `size` exactly as before, so nothing changes for
+  existing tables. `rowHeight` still wins when an exact pixel value is needed.
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **DataTable, ItemTable**: add a built-in column menu. A column exposes one
+  through `header.menu`, opened from a `⋮` trigger in the header, by right-click,
+  or with Shift+F10 — `columnContextMenu` picks which of those surfaces are live.
+  The pressed key comes back through `header.onMenuAction` and then
+  `onColumnMenuAction(action, columnKey)`, as written and without React's `.# @cube-dev/ui-kit
+  prefix, so the menu's contents stay entirely the consumer's.
+
+  Sorting is the one thing the table knows how to do itself, so the reserved keys
+  `sort-asc`, `sort-desc` and `clear-sort` are labelled, disabled when they would
+  do nothing, and applied before the consumer hears about them. `columnSortMenu()`
+  returns those items ready to drop into `header.menu`.
+
+  Also fixes `isMenuEmpty` so an empty fragment counts as an empty menu, which is
+  the shape a conditionally-assembled `rowMenu` or `header.menu` produces — such a
+  menu now renders no trigger instead of one that opens nothing.
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **DataTable, ItemTable**: per-column adaptive colors. `column.color` takes a
+  palette theme name (`'success'`), any CSS color, a `{ hue, saturation }` seed, or
+  a `{ fill, text }` pair for full manual control. Everything but the last is
+  _derived_: only the hue and saturation are kept, and the tone ramp plus an
+  `AA`/`AAA` text floor are re-solved per color scheme — so a tinted column stays
+  readable in light, dark and high contrast without the caller checking.
+  `column.colorScope` narrows it to any of `header` / `body` / `totals`.
+
+  Row banding survives inside a tinted column: the tint carries its own band one
+  tone step away, so the stripe still reads down the column instead of being
+  painted over.
+
+  **New**: `useColorTheme(config)` / `getColorTheme(config)` build an adaptive
+  mini-theme from a hue at runtime and name it by a hash of its config, so every
+  component asking for the same color shares one global token injection. Also
+  exports `colorThemeSeed(color)` for the hue/saturation of a color.
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **DataTable, ItemTable**: the sort indicator is now Tabler's narrow arrow rather
+  than a chevron — `ArrowNarrowUpIcon` for ascending, `ArrowNarrowDownIcon` for
+  descending. Both are also exported for use elsewhere.
+
+  The descending state renders the real down arrow instead of flipping the up one
+  with a transform, so the glyph is always the one Tabler drew.
+
+### Patch Changes
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **DataTable, ItemTable**: a sortable header now previews its sort arrow. Hovering
+  or keyboard-focusing a sortable column fades the arrow in at 40%, pointing the
+  way a press would sort it; pressing it makes the arrow solid, and it stays solid
+  once the pointer leaves. Previously a sortable column looked identical to a
+  non-sortable one until it was already sorted.
+
+  The arrow keeps its slot throughout, so nothing shifts, and a non-sortable column
+  still has no arrow.
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **ItemTable, DataTable**: stories no longer turn sorting on behind your back.
+
+  Both shared story fixtures marked every column `isSortable: true`, so all 15
+  `DataTable` stories and every `ItemTable` story rendered clickable headers with
+  hover affordances — including `Default`, which is where people go to learn what
+  the component does without configuration. Sorting is opt in per column, so those
+  stories were showing the opposite of the default.
+
+  The fixtures are now plain, and the stories that are actually about sorting use
+  an explicit `SORTABLE_COLUMNS`.
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **ItemTable, DataTable**: correct the `isSortable` documentation. It read
+  `@default true`, which was never what the code did — `TableView` requires
+  `isSortable === true` before a header becomes a control at all, so sorting is
+  opt in per column and a table with no sortable column has inert headers.
+
+  Adds the pattern most lists actually want, which had no story: a fixed order the
+  user cannot change, via `sortMode="client"` with a `sort` and no sortable
+  column. `sortMode` has to be explicit there — left to default it resolves to
+  `'off'` when nothing is sortable, and a `sort` prop alone sorts nothing.
+
+  Also documents `ItemTable`'s column-menu props, and adds a `DataTable` story for
+  the query-results layout: pagination off, footer slots in its place, and a
+  tighter `.5x` footer.
+
+- [#1305](https://github.com/cube-js/cube-ui-kit/pull/1305) [`74630ba1`](https://github.com/cube-js/cube-ui-kit/commit/74630ba166fa4e052a41964bb4fe08731f2c05a1) Thanks [@tenphi](https://github.com/tenphi)! - **DataTable, ItemTable**: resizing a column no longer moves its neighbours.
+
+  A column with no explicit width is `flex: 1` and shares the leftover space.
+  Resizing made only the dragged column fixed, leaving every other one in the flex
+  pool to re-split a leftover that had just changed — so dragging one divider
+  resized all of them, including columns to the _left_ of the handle. Dragging a
+  column by +8px measurably took 3px off each of the other three.
+
+  Every column is now frozen at its current width when a drag starts, so the drag
+  changes exactly one. Columns after it are pushed along and the table grows or
+  shrinks, rather than the neighbours absorbing the difference.
+
+- [#1308](https://github.com/cube-js/cube-ui-kit/pull/1308) [`82306d62`](https://github.com/cube-js/cube-ui-kit/commit/82306d62cf6c5264566a11fd4b03ab34978070a4) Thanks [@tenphi](https://github.com/tenphi)! - `Item`, `Button`: show the tooltip while the element is disabled, and stop putting the native
+  `disabled` attribute on elements that cannot carry it.
+
+  A tooltip on a disabled control is usually where the reason for being unavailable is written, but
+  browsers do not dispatch mouse events on elements carrying the native `disabled` attribute, so the
+  hover that opens the tooltip never arrived. What a disabled `Button` did instead was rely on a
+  quirk: Chromium still delivers _pointer_ events to a natively disabled control, so the tooltip
+  opened there and nowhere else — not on a fallback to mouse events, and not under test. `Item` had
+  it worse, since it also set the attribute on whatever it rendered — a `div` or an `li` in most
+  cases, where it is invalid markup that only got in the way. When such an element has a tooltip that
+  can open, the disabled state now reaches the DOM as
+  `aria-disabled="true"` instead, and the element is kept inert by hand: activation handlers are
+  dropped and clicks (including the ones Enter and Space produce) do nothing, so `onPress` / `onClick`
+  stay silent and a `submit` button no longer submits its form. Such an element stays in the tab
+  order, so keyboard users can focus it and read the tooltip too.
+
+  Nothing changes for a disabled element without a tooltip: a `Button`, `ItemButton`, or `Item`
+  rendered as a form control keeps the native attribute. A disabled `Item` that is not a form control
+  does become inert, though — until now the attribute it carried did nothing there, so handlers passed
+  to it still ran.
+
+  Three related fixes come with it: a `Button` rendered as a link (`to`) is now announced as disabled
+  through `aria-disabled` — it previously had no accessible disabled state at all, only an invalid
+  `disabled` attribute on the anchor; `Item` now treats a `disabled` prop as an alias of `isDisabled`
+  rather than letting it overwrite what the component decided; and `ItemTable`'s `disabledTooltip` for
+  a bulk action reaches the user, which it could not while the button was natively disabled.
+
 ## 0.158.0
 
 ### Minor Changes

package/dist/_internal/hooks/use-chained-callback.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 
 //#region src/_internal/hooks/use-chained-callback.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import React, { useEffect } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useRef } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { usePaletteVersion } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/actions/ButtonSplit/context.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { filterCollectionItemProps } from "../../CollectionItem.js";
 import { _Item } from "../../content/Item/Item.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import React, { useContext } from "react";
 
 //#region src/components/actions/Menu/context.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useFocus as useFocus$1 } from "../../utils/react/interactions.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | 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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { _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.0.0-canary-0539271 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-be4adf7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
@@ -28,6 +28,7 @@ const DisclosureRoot = tasty({
 		flow: "column",
 		gap: 0,
 		position: "relative",
+		minWidth: 0,
 		border: {
 			"": "none",
 			"shape=card": "1bw solid #border"
@@ -86,10 +87,12 @@ const StyledTrigger = tasty(_ItemButton, {
 	styles: {
 		radius: {
 			"": "1r",
-			"expanded & shape=card": "(1cr - 1bw) (1cr - 1bw) 0 0",
+			"shape=card": "(1cr - 1bw)",
+			"expanded & shape=card": "(1cr - 1bw) top",
 			"shape=sharp": "0"
 		},
-		border: "#clear"
+		border: "#clear",
+		transition: "theme, radius $disclosure-transition"
 	}
 });
 const DisclosureComponent = forwardRef(function Disclosure(props, ref) {
@@ -152,6 +155,7 @@ const DisclosureComponent = forwardRef(function Disclosure(props, ref) {
 		mods
 	]);
 	const content = typeof children === "function" ? children(stateContext) : children;
+	const tokens = useMemo(() => transitionDuration != null ? { "$disclosure-transition": `${transitionDuration}ms` } : void 0, [transitionDuration]);
 	return /* @__PURE__ */ jsx(DisclosureContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ jsx(DisclosureRoot, {
@@ -159,6 +163,7 @@ const DisclosureComponent = forwardRef(function Disclosure(props, ref) {
 			qa,
 			mods: finalMods,
 			styles: outerStyles,
+			tokens,
 			children: content
 		})
 	});
@@ -207,7 +212,6 @@ const DisclosureContent = forwardRef(function DisclosureContent(props, ref) {
 				shown: isShown,
 				phase
 			},
-			tokens: transitionDuration != null ? { "$disclosure-transition": `${transitionDuration}ms` } : void 0,
 			children: /* @__PURE__ */ jsx(ContentElement, {
 				ref: mergeRefs(ref, panelRef),
 				mods: {