@cube-dev/ui-kit 0.0.0-canary-2e3259a → 0.0.0-canary-925e8d4

package/dist/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @cube-dev/ui-kit
 
+## 0.190.6
+
+### Patch Changes
+
+- [#1480](https://github.com/cube-js/cube-ui-kit/pull/1480) [`5372f55c`](https://github.com/cube-js/cube-ui-kit/commit/5372f55c1de25106c84d4338f50e2cb99e89bbd6) Thanks [@tenphi](https://github.com/tenphi)! - `Button`'s docs now list `isDisabled` with its `false` default, so the `no-redundant-default-prop` lint rule flags a redundant `isDisabled={false}` on `Button`. They and the `Form` docs also say that `<Provider isDisabled>` and `<Form isDisabled>` disable fields and `Form.Submit`/`Form.Reset`, but not `Button`, `ItemButton` or `ItemAction`.
+
+- [#1480](https://github.com/cube-js/cube-ui-kit/pull/1480) [`5372f55c`](https://github.com/cube-js/cube-ui-kit/commit/5372f55c1de25106c84d4338f50e2cb99e89bbd6) Thanks [@tenphi](https://github.com/tenphi)! - `Disclosure`, `Disclosure.Group` and `Disclosure.Item` forward DOM attributes (`id`, `className`, `style`, `aria-*`, `data-*`), `theme` and event handlers to their root, and their types accept them. A caller's `tokens` now merge with the `$disclosure-transition` token instead of being dropped. `Disclosure.Item`'s `id` stays its group key and isn't rendered as the DOM `id`.
+
+- [#1480](https://github.com/cube-js/cube-ui-kit/pull/1480) [`5372f55c`](https://github.com/cube-js/cube-ui-kit/commit/5372f55c1de25106c84d4338f50e2cb99e89bbd6) Thanks [@tenphi](https://github.com/tenphi)! - `DisplayTransition` finishes a transition when its `ref` is wrapped in a function that is new on every render, such as an inline wrapper or an unmemoized `mergeRefs` in code that React Compiler doesn't compile. React detaches such a ref and re-attaches the same element on each render, and that dropped the transition listeners. A re-render after the transition had started then left an exit unfinished, with the element still mounted, and `onRest('enter')` never fired.
+
+- [#1480](https://github.com/cube-js/cube-ui-kit/pull/1480) [`5372f55c`](https://github.com/cube-js/cube-ui-kit/commit/5372f55c1de25106c84d4338f50e2cb99e89bbd6) Thanks [@tenphi](https://github.com/tenphi)! - `Placeholder`, and so every `Skeleton` placeholder, renders a `data-loading-placeholder` attribute: a locale-independent way to detect loading content that a `qa` or `aria-label` prop doesn't replace. Match it instead of the translated "Content is loading" label.
+
+- [#1480](https://github.com/cube-js/cube-ui-kit/pull/1480) [`5372f55c`](https://github.com/cube-js/cube-ui-kit/commit/5372f55c1de25106c84d4338f50e2cb99e89bbd6) Thanks [@tenphi](https://github.com/tenphi)! - `Select` keeps its item type, as `ComboBox` and `Picker` do, so a render-function child gets the item from `items` instead of `object`. With a `label`, its `ref` now reaches the field under React 18 as well, and is typed as the `HTMLDivElement` it receives rather than a `DOMRefValue`.
+
+- [#1480](https://github.com/cube-js/cube-ui-kit/pull/1480) [`5372f55c`](https://github.com/cube-js/cube-ui-kit/commit/5372f55c1de25106c84d4338f50e2cb99e89bbd6) Thanks [@tenphi](https://github.com/tenphi)! - `Slider` and `RangeSlider` pass their `ref` on under React 18 too; it was dropped there. `forwardRefWithGenerics`, which caused it and is no longer used, is deprecated: use `forwardRef` with a cast that restores the generic, as `Select` does.
+
+- [#1480](https://github.com/cube-js/cube-ui-kit/pull/1480) [`5372f55c`](https://github.com/cube-js/cube-ui-kit/commit/5372f55c1de25106c84d4338f50e2cb99e89bbd6) Thanks [@tenphi](https://github.com/tenphi)! - `toast({ duration: null })` keeps the toast until it is dismissed, as the docs say. It used to fall back to the 5-second default, which only a missing `duration` should do. Notifications already handled `null` this way.
+
+- [#1480](https://github.com/cube-js/cube-ui-kit/pull/1480) [`5372f55c`](https://github.com/cube-js/cube-ui-kit/commit/5372f55c1de25106c84d4338f50e2cb99e89bbd6) Thanks [@tenphi](https://github.com/tenphi)! - A long toast now stays within `min(100vw - 4x, 50x)` and wraps its message, breaking a word that is wider than the toast, such as a URL. Its wrapper used to have a `max-content` minimum width, which beat the cap, so the toast ran off both edges of a narrow viewport. A notification's description now breaks such a word too. Toasts and notifications also restack when a viewport resize changes their height, instead of overlapping until the next render.
+
 ## 0.190.5
 
 ### Patch Changes

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2e3259a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-925e8d4 | 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";
@@ -288,7 +288,14 @@ const ItemElement = tasty({
 			"$side-padding": "(($size - $action-size - 2bw) / 2)"
 		}
 	},
-	variants: ITEM_VARIANTS,
+	variants: {
+		...ITEM_VARIANTS,
+		"default.item-card": {
+			...ITEM_VARIANTS["default.card"],
+			fill: "#surface",
+			border: "#border"
+		}
+	},
 	styleProps: CONTAINER_STYLES
 });
 const STANDARD_THEMES = [
@@ -751,7 +758,7 @@ const Item = (props, ref) => {
 		};
 		return /* @__PURE__ */ jsxs(ItemElement, {
 			ref: handleRef,
-			variant: theme && type ? resolveItemVariant(theme, type) : void 0,
+			variant: theme && type ? type === "card" && theme === "default" && mods?.["item-card"] ? "default.item-card" : resolveItemVariant(theme, type) : void 0,
 			disabled: isNativelyDisabled,
 			"aria-disabled": finalIsDisabled,
 			"aria-selected": rest["aria-pressed"] != null ? void 0 : isSelected,