@cube-dev/ui-kit 0.0.0-canary-35a6e75 → 0.0.0-canary-4c811db

package/dist/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @cube-dev/ui-kit
 
+## 0.190.1
+
+### Patch Changes
+
+- [#1470](https://github.com/cube-js/cube-ui-kit/pull/1470) [`e7bf7d2e`](https://github.com/cube-js/cube-ui-kit/commit/e7bf7d2ec2b54c70ee5961c2d6c6d29633ca8093) Thanks [@tenphi](https://github.com/tenphi)! - A disabled or loading `Button` that has a tooltip, or renders as a link, no longer opens its `MenuTrigger` menu from the keyboard (Enter, Space or ArrowDown), as `ItemButton` and `ItemAction` already did not. Enter or Space on such a `Button`, `ItemButton` or `ItemAction` also no longer clicks the element around it, so a clickable row or card doesn't react.
+
+- [#1467](https://github.com/cube-js/cube-ui-kit/pull/1467) [`05f03e86`](https://github.com/cube-js/cube-ui-kit/commit/05f03e868c64e24dbf42223c7e296d158b01a7c6) Thanks [@tenphi](https://github.com/tenphi)! - A press on a popup that is closing no longer closes the Dialog underneath and loses what was typed in it. A list closes on its own when the content around its trigger scrolls, so a trackpad's momentum was enough for a click on a still-visible option to dismiss the whole Dialog; a second click on a nested Dialog that was already closing did the same. The press now reaches the popup instead, so the option clicked in a fading list is picked, and an `Escape` pressed while a nested modal or tray is still closing reaches the Dialog under it instead of being lost. This covers `Select`, `ComboBox`, `Picker`, `FilterPicker`, menus and every other popover, modal and tray. Pressing an action on a toast or notification while a Dialog is open now runs it too, instead of closing the Dialog and dropping the press. `DisplayTransition`'s render prop also receives `isExiting`: `true` from the render where the `isShown` prop turns `false` until the exit finishes.
+
+- [#1470](https://github.com/cube-js/cube-ui-kit/pull/1470) [`e7bf7d2e`](https://github.com/cube-js/cube-ui-kit/commit/e7bf7d2ec2b54c70ee5961c2d6c6d29633ca8093) Thanks [@tenphi](https://github.com/tenphi)! - A control that keeps keyboard focus while disabled now shows its focus ring: a disabled `Button` or `ItemAction` that has a tooltip or renders as a link, a disabled `ItemButton` of a type with a ring (`outline`, `primary`, `clear`), and a disabled interactive `InfoBadge`. The default `item` type has no ring, since its rows show focus with their fill, so a disabled one shows no focus, as before. A disabled `current` `primary` chip no longer darkens when focused. Before, the ring disappeared while the control was disabled and stayed gone after it was enabled, until focus left and came back. A control also drops a focus ring it lost without a blur, as when its tooltip is added or removed while it is focused and the element is replaced, or a `fieldset` around it is disabled: right away when the control re-renders, otherwise on the next key or pointer press, so a Tab no longer leaves two rings.
+
+- [#1468](https://github.com/cube-js/cube-ui-kit/pull/1468) [`04d2e872`](https://github.com/cube-js/cube-ui-kit/commit/04d2e87260c8d208dbe2f526b59fdedd03e9b776) Thanks [@tenphi](https://github.com/tenphi)! - Keep selected button and item fills identical when disabled by removing obsolete alpha adjustments for Tasty's fixed state-priority issue. Disabled labels remain muted, and hover, focus and pressed states retain their intended priority.
+
+- [#1470](https://github.com/cube-js/cube-ui-kit/pull/1470) [`e7bf7d2e`](https://github.com/cube-js/cube-ui-kit/commit/e7bf7d2ec2b54c70ee5961c2d6c6d29633ca8093) Thanks [@tenphi](https://github.com/tenphi)! - `ItemAction` (`Item.Action`) now disables itself while `isLoading`, as `Button` does, so a second press while loading no longer runs the action again. Loading always wins: `isDisabled={false}` still overrides a disabled row, but not a loading action. A loading action is marked `aria-disabled` rather than natively disabled, so it keeps keyboard focus and its tooltip, while Tab skips it until loading ends. An icon-only action with a tooltip that disables itself is marked the same way, so keyboard users can still reach it and read the tooltip, as on `Button`. Inside a disabled row, a disabled button action that is not loading stays natively disabled, and no disabled action fades twice. The loading spinner on a label-only action now gets the same padding as an icon. An interactive `InfoBadge` follows the same rules.
+
 ## 0.190.0
 
 ### Minor Changes

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { getDisabledElementProps, omitActivationEventProps } 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { ButtonSplitContext } from "./context.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";
 import { c } from "react-compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { _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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | 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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Footer.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";

package/dist/components/content/InlineInput/InlineInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -99,7 +99,8 @@ interface CubeItemProps extends BaseProps, ContainerStyleProps {
   /**
    * Tooltip content and configuration:
    * - string: simple tooltip text
-   * - true: auto tooltip on overflow (shows children as tooltip when truncated)
+   * - true: auto tooltip on overflow (shows the label, and a string description,
+   *   when either one is truncated)
    * - object: advanced configuration with optional auto property
    */
   tooltip?: string | boolean | (Omit<CubeTooltipProviderProps, 'children'> & {

package/dist/components/content/Item/Item.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-35a6e75 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4c811db | Cube Dev Team */
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";
@@ -292,7 +292,7 @@ const ItemElement = tasty({
 	styleProps: CONTAINER_STYLES
 });
 const Item = (props, ref) => {
-	const $ = c(115);
+	const $ = c(117);
 	const { children, size: t0, type: t1, theme: t2, mods, icon: iconProp, rightIcon: rightIconProp, prefix, suffix, description, descriptionPlacement, labelProps, descriptionProps, keyboardShortcutProps, styles, htmlType, isSelected, hotkeys, tooltip: t3, isDisabled, disabled: nativeDisabledProp, style, loadingSlot: t4, isLoading: t5, actions, autoHideActions: t6, preserveActionsSpace: t7, disableActionsFocus: t8, shape, defaultTooltipPlacement: t9, level: t10, highlight, highlightCaseSensitive: t11, highlightStyles, insideWrapper: t12, showActions: t13, skipActionsWidthTransition: t14, hiddenContent, isDynamicLabel: t15, labelRef: labelRefProp, tokens, ...rest } = props;
 	const size = t0 === void 0 ? "medium" : t0;
 	const type = t1 === void 0 ? "item" : t1;
@@ -635,49 +635,54 @@ const Item = (props, ref) => {
 		$[98] = t53;
 	} else t53 = $[98];
 	const finalMods = t53;
-	const t54 = isDynamicLabel || !!actions || insideWrapper;
-	let t55;
-	if ($[99] !== children || $[100] !== labelProps || $[101] !== labelRefProp || $[102] !== t54 || $[103] !== tooltip) {
-		t55 = {
+	const t54 = descriptionProps?.ref;
+	const t55 = isDynamicLabel || !!actions || insideWrapper;
+	let t56;
+	if ($[99] !== children || $[100] !== description || $[101] !== labelProps || $[102] !== labelRefProp || $[103] !== t54 || $[104] !== t55 || $[105] !== tooltip) {
+		t56 = {
 			tooltip,
 			children,
+			description,
 			labelProps,
 			labelRef: labelRefProp,
-			isDynamicLabel: t54
+			descriptionRef: t54,
+			isDynamicLabel: t55
 		};
 		$[99] = children;
-		$[100] = labelProps;
-		$[101] = labelRefProp;
-		$[102] = t54;
-		$[103] = tooltip;
+		$[100] = description;
+		$[101] = labelProps;
+		$[102] = labelRefProp;
+		$[103] = t54;
 		$[104] = t55;
-	} else t55 = $[104];
-	const { labelProps: finalLabelProps, labelRef, renderWithTooltip, isTooltipActive } = useAutoTooltip(t55);
+		$[105] = tooltip;
+		$[106] = t56;
+	} else t56 = $[106];
+	const { labelProps: finalLabelProps, labelRef, descriptionRef, renderWithTooltip, isTooltipActive } = useAutoTooltip(t56);
 	const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({
 		isDisabled: finalIsDisabled,
 		keepEvents: isTooltipActive,
 		as: rest.as
 	});
-	let t56;
-	if ($[105] !== children || $[106] !== highlight || $[107] !== highlightCaseSensitive || $[108] !== highlightStyles) {
-		t56 = typeof children === "string" && highlight ? highlightText(children, highlight, highlightCaseSensitive, highlightStyles) : children;
-		$[105] = children;
-		$[106] = highlight;
-		$[107] = highlightCaseSensitive;
-		$[108] = highlightStyles;
-		$[109] = t56;
-	} else t56 = $[109];
-	const processedChildren = t56;
 	let t57;
-	if ($[110] !== description || $[111] !== highlight || $[112] !== highlightCaseSensitive || $[113] !== highlightStyles) {
-		t57 = typeof description === "string" && highlight ? highlightText(description, highlight, highlightCaseSensitive, highlightStyles) : description;
-		$[110] = description;
-		$[111] = highlight;
-		$[112] = highlightCaseSensitive;
-		$[113] = highlightStyles;
-		$[114] = t57;
-	} else t57 = $[114];
-	const processedDescription = t57;
+	if ($[107] !== children || $[108] !== highlight || $[109] !== highlightCaseSensitive || $[110] !== highlightStyles) {
+		t57 = typeof children === "string" && highlight ? highlightText(children, highlight, highlightCaseSensitive, highlightStyles) : children;
+		$[107] = children;
+		$[108] = highlight;
+		$[109] = highlightCaseSensitive;
+		$[110] = highlightStyles;
+		$[111] = t57;
+	} else t57 = $[111];
+	const processedChildren = t57;
+	let t58;
+	if ($[112] !== description || $[113] !== highlight || $[114] !== highlightCaseSensitive || $[115] !== highlightStyles) {
+		t58 = typeof description === "string" && highlight ? highlightText(description, highlight, highlightCaseSensitive, highlightStyles) : description;
+		$[112] = description;
+		$[113] = highlight;
+		$[114] = highlightCaseSensitive;
+		$[115] = highlightStyles;
+		$[116] = t58;
+	} else t58 = $[116];
+	const processedDescription = t58;
 	const renderItemElement = (tooltipTriggerProps, tooltipRef) => {
 		const { pointerProps: elementTooltipProps, focusProps: tooltipFocusProps } = typeof hiddenContent === "function" ? splitTooltipTriggerProps(tooltipTriggerProps) : {
 			pointerProps: tooltipTriggerProps,
@@ -726,6 +731,7 @@ const Item = (props, ref) => {
 				showDescription ? /* @__PURE__ */ jsx("div", {
 					"data-element": "Description",
 					...descriptionProps,
+					ref: descriptionRef,
 					children: processedDescription
 				}) : null,
 				finalSuffix && /* @__PURE__ */ jsx("div", {