@cube-dev/ui-kit 0.190.0 → 0.190.2

package/dist/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @cube-dev/ui-kit
 
+## 0.190.2
+
+### Patch Changes
+
+- [#1471](https://github.com/cube-js/cube-ui-kit/pull/1471) [`3864acdb`](https://github.com/cube-js/cube-ui-kit/commit/3864acdb8205494724c0288567cafc4d79405f1e) Thanks [@tenphi](https://github.com/tenphi)! - `Item`'s auto tooltip now covers a truncated `description`, not only the label. Hovering the row shows the text that is cut off — the description, the label, or both, with the description below the label in a lighter `t4n` style. A row whose label truncates while its description fits shows the same tooltip as before. Components built on `Item` (`ItemButton`, `ListBox` and `Menu` options, `Select` and `Picker` triggers) get the same behavior. `Tooltip` gains a `Description` sub-element for that secondary line, which `tooltipStyles` can override. Pass `tooltip={false}` to turn it off.
+
+## 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
-import { getDisabledElementProps } from "../../../utils/react/disabledProps.js";
+import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -296,11 +296,12 @@ const Button = forwardRef(function Button(allProps, ref) {
 		children,
 		labelProps: void 0
 	});
-	const { isNativelyDisabled, inertProps } = getDisabledElementProps({
+	const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({
 		isDisabled: isDisabledElement,
 		keepEvents: isTooltipActive,
 		as: typeof actionProps.as === "string" ? actionProps.as : void 0
 	});
+	const elementProps = isInert ? omitActivationEventProps(actionProps) : actionProps;
 	const renderButtonElement = (tooltipTriggerProps, tooltipRef) => {
 		const handleRef = (element) => {
 			const domRef = actionProps.ref;
@@ -315,7 +316,7 @@ const Button = forwardRef(function Button(allProps, ref) {
 		const ariaPressed = allProps["aria-pressed"] ?? (isSelected != null && actionProps.as !== "a" && allProps.role == null ? isSelected : void 0);
 		return /* @__PURE__ */ jsxs(ButtonElement, {
 			download,
-			...mergeProps(actionProps, tooltipTriggerProps || {}, inertProps),
+			...mergeProps(elementProps, tooltipTriggerProps || {}, inertProps),
 			"aria-pressed": ariaPressed,
 			ref: handleRef,
 			mods: {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["FocusableRef","PressEvent","CONTAINER_STYLES","Mods","Styles","tasty","TEXT_STYLES","Children","forwardRef","HTMLAttributes","isValidElement","ReactNode","RefObject","useMemo","useRef","useState","OverlayProps","useEvent","useIsFirstRender","useWarn","CURRENT_CLEAR_STYLES","CURRENT_LINK_STYLES","CURRENT_OUTLINE_2_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_LINK_STYLES","DANGER_OUTLINE_2_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_LINK_STYLES","DEFAULT_OUTLINE_2_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","NOTE_CLEAR_STYLES","NOTE_LINK_STYLES","NOTE_OUTLINE_2_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_LINK_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_LINK_STYLES","SUCCESS_OUTLINE_2_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_LINK_STYLES","WARNING_OUTLINE_2_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","LoadingIcon","DynamicIcon","getDisabledElementProps","mergeProps","resolveIcon","useDismissParentPopover","extractStyles","useAutoTooltip","DisplayTransition","IconSwitch","CubeTooltipProviderProps","CubeActionProps","useButtonSplitContext","useAction","BUTTON_SIZE_VALUES","const","ButtonMods","pressed","loading","selected","CubeButtonProps","icon","rightIcon","isLoading","isSelected","type","theme","size","tooltip","Omit","auto","defaultTooltipPlacement","ButtonVariant","STYLE_PROPS","DEFAULT_ICON_STYLES","$","position","display","placeItems","placeContent","placeSelf","width","height","pointerEvents","transition","DEFAULT_BUTTON_STYLES","recipe","flow","gap","preset","outlineOffset","padding","whiteSpace","radius","margin","zIndex","verticalAlign","$size","Icon","opacity","translate","RightIcon","Label","boxSizing","overflow","textOverflow","textAlign","ButtonElement","qa","styles","variants","Button","allProps","ref","HTMLElement","splitContext","sizeProp","label","children","iconProp","rightIconProp","mods","download","onPress","userOnPress","tokens","props","isDisabled","dismissParentPopover","buttonElementRef","wrappedOnPress","e","el","current","hasAttribute","closest","actionProps","isPressed","isDisabledElement","baseMods","resolvedIcon","resolvedRightIcon","hasLeftSlot","hasSlot","hasRightSlot","content","iconKey","displayName","name","rightIconKey","specifiedLabel","key","args","hasLeftIcon","hasChildren","singleIcon","hasIcons","rawChildren","toArray","some","child","isIconShown","setIsIconShown","isRightIconShown","setIsRightIconShown","isFirstRender","modifiers","labelProps","finalLabelProps","labelRef","renderWithTooltip","isTooltipActive","undefined","isNativelyDisabled","inertProps","keepEvents","as","renderButtonElement","tooltipTriggerProps","tooltipRef","handleRef","element","domRef","isCustomSize","includes","sizeTokenValue","effectiveType","ariaPressed","role"],"sources":["../../../../src/components/actions/Button/Button.tsx"],"sourcesContent":["import { FocusableRef, PressEvent } from '@react-types/shared';\nimport {\n  CONTAINER_STYLES,\n  Mods,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport {\n  Children,\n  forwardRef,\n  HTMLAttributes,\n  isValidElement,\n  ReactNode,\n  RefObject,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport { useEvent } from '../../../_internal';\nimport { useIsFirstRender } from '../../../_internal/hooks/use-is-first-render';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport {\n  CURRENT_CLEAR_STYLES,\n  CURRENT_LINK_STYLES,\n  CURRENT_OUTLINE_2_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_LINK_STYLES,\n  DANGER_OUTLINE_2_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_LINK_STYLES,\n  DEFAULT_OUTLINE_2_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_LINK_STYLES,\n  NOTE_OUTLINE_2_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_LINK_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_LINK_STYLES,\n  SUCCESS_OUTLINE_2_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_LINK_STYLES,\n  WARNING_OUTLINE_2_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport {\n  DynamicIcon,\n  getDisabledElementProps,\n  mergeProps,\n  resolveIcon,\n  useDismissParentPopover,\n} from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport { DisplayTransition } from '../../helpers/DisplayTransition';\nimport { IconSwitch } from '../../helpers/IconSwitch/IconSwitch';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { CubeActionProps } from '../Action/Action';\nimport { useButtonSplitContext } from '../ButtonSplit/context';\nimport { useAction } from '../use-action';\n\nconst BUTTON_SIZE_VALUES = [\n  'xsmall',\n  'small',\n  'medium',\n  'large',\n  'xlarge',\n  'inline',\n] as const;\n\n/** Known modifiers for Button component */\nexport type ButtonMods = Mods<{\n  pressed?: boolean;\n  loading?: boolean;\n  selected?: boolean;\n  'has-icons'?: boolean;\n  'has-icon'?: boolean;\n  'has-right-icon'?: boolean;\n  'single-icon'?: boolean;\n  'text-only'?: boolean;\n  'raw-children'?: boolean;\n}>;\n\nexport interface CubeButtonProps extends CubeActionProps {\n  icon?: DynamicIcon<ButtonMods>;\n  rightIcon?: DynamicIcon<ButtonMods>;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?:\n    | 'primary'\n    | 'danger'\n    | 'link'\n    | 'clear'\n    | 'outline'\n    | 'outline-2'\n    | (string & {});\n  theme?:\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | 'current'\n    | (string & {});\n  size?:\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'\n    | 'inline'\n    | number\n    | (string & {});\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   */\n  tooltip?:\n    | string\n    | boolean\n    | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n  /**\n   * @private\n   * Default tooltip placement for the button.\n   * @default \"top\"\n   */\n  defaultTooltipPlacement?: OverlayProps['placement'];\n}\n\nexport type ButtonVariant =\n  // The `current` theme mixes every color from the inherited `currentcolor`\n  // instead of a brand ramp — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.outline'\n  | 'current.outline-2'\n  | 'current.clear'\n  | 'current.link'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.outline-2'\n  | 'default.clear'\n  | 'default.link'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.outline-2'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.outline-2'\n  | 'success.clear'\n  | 'success.link'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.outline-2'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.outline-2'\n  | 'note.clear'\n  | 'note.link'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear'\n  | 'special.link';\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst DEFAULT_ICON_STYLES: Styles = {\n  $: '>',\n  position: 'relative',\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  placeSelf: 'stretch',\n  // overflow: 'hidden',\n  width: 'fixed ($size - 2bw)',\n  height: 'fixed ($size - 2bw)',\n  pointerEvents: 'none',\n  transition: 'theme, width, height, translate',\n};\n\nexport const DEFAULT_BUTTON_STYLES: Styles = {\n  recipe: 'reset button',\n  display: 'inline-grid',\n  flow: 'column dense',\n  gap: 0,\n  placeItems: {\n    '': 'stretch',\n    'raw-children': 'center stretch',\n  },\n  placeContent: 'center',\n  position: 'relative',\n  preset: {\n    '': 't3m',\n    'size=xsmall': 't4',\n    'size=xlarge': 't2m',\n    'type=link': 'strong',\n  },\n  outlineOffset: 1,\n  padding: {\n    '': 0,\n    'raw-children & !has-icons':\n      '$block-padding $inline-padding $block-padding $inline-padding',\n    'type=link': '0',\n  },\n  width: {\n    '': 'min $size',\n    'has-icon & has-right-icon': 'min ($size * 2 - 2bw)',\n    'single-icon': 'fixed $size',\n    'type=link': 'min 1ch',\n  },\n  height: {\n    '': 'fixed $size',\n    'type=link': 'initial',\n  },\n  whiteSpace: 'nowrap',\n  radius: {\n    '': true,\n    'type=link & !focused': 0,\n    '@parent(button-split, >) & !:last-child': '1r left',\n    '@parent(button-split, >) & !:first-child': '1r right',\n    '@parent(button-split, >) & !:first-child & !:last-child': 0,\n  },\n  margin: {\n    '': 0,\n    '@parent(button-split, >) & !:first-child & (type=outline | type=outline-2 | type=primary)':\n      '-1bw left',\n  },\n  zIndex: {\n    '@parent(button-split, >) & :hover': 1,\n    '@parent(button-split, >) & :focus-visible': 2,\n  },\n  transition: 'theme, grid-template, padding',\n  verticalAlign: 'bottom',\n\n  $size: {\n    '': '$size-md',\n    'size=xsmall': '$size-xs',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n    'size=xlarge': '$size-xl',\n    'size=inline': '(1lh + 2bw)',\n  },\n  '$inline-padding': {\n    '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n  },\n  '$block-padding': {\n    '': '.5x',\n    'size=xsmall | size=small': '.25x',\n  },\n  '$inline-compensation': '.5x',\n  '$min-inline-padding': '(1x - 1bw)',\n  '$left-padding': {\n    '': '$inline-padding',\n    'is-icon-shown': '0px',\n  },\n  '$right-padding': {\n    '': '$inline-padding',\n    'is-right-icon-shown': '0px',\n  },\n\n  // Icon sub-element (recommended format)\n  Icon: {\n    ...DEFAULT_ICON_STYLES,\n    width: {\n      '': 'fixed 0px',\n      'is-icon-shown': 'fixed ($size - 2bw)',\n    },\n    opacity: {\n      '': 0,\n      'is-icon-shown': 1,\n    },\n    translate: {\n      '': '($size * 1 / 4) 0',\n      'is-icon-shown': '0 0',\n    },\n  },\n\n  // RightIcon sub-element (recommended format)\n  RightIcon: {\n    ...DEFAULT_ICON_STYLES,\n    width: {\n      '': 'fixed 0px',\n      'is-right-icon-shown': 'fixed ($size - 2bw)',\n    },\n    opacity: {\n      '': 0,\n      'is-right-icon-shown': 1,\n    },\n    translate: {\n      '': '($size * -1 / 4) 0',\n      'is-right-icon-shown': '0 0',\n    },\n  },\n\n  // Label sub-element (recommended format)\n  Label: {\n    $: '>',\n    display: 'block',\n    placeSelf: 'center stretch',\n    boxSizing: 'border-box',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    width: '0 100%',\n    textAlign: 'center',\n    transition: 'theme, padding',\n    padding: {\n      '': '$block-padding $right-padding $block-padding $left-padding',\n      'type=link': '0',\n    },\n  },\n} as const;\n\nconst ButtonElement = tasty({\n  qa: 'Button',\n  styles: DEFAULT_BUTTON_STYLES,\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.outline-2': CURRENT_OUTLINE_2_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n    'current.link': CURRENT_LINK_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.outline-2': DEFAULT_OUTLINE_2_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n    'default.link': DEFAULT_LINK_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.outline-2': DANGER_OUTLINE_2_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n    'danger.link': DANGER_LINK_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.outline-2': SUCCESS_OUTLINE_2_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n    'success.link': SUCCESS_LINK_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.outline-2': WARNING_OUTLINE_2_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n    'warning.link': WARNING_LINK_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.outline-2': NOTE_OUTLINE_2_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n    'note.link': NOTE_LINK_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n    'special.link': SPECIAL_LINK_STYLES,\n  },\n});\n\nexport const Button = forwardRef(function Button(\n  allProps: CubeButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const splitContext = useButtonSplitContext();\n\n  let {\n    type,\n    size: sizeProp,\n    label,\n    children,\n    theme = splitContext?.theme ?? 'default',\n    icon: iconProp,\n    rightIcon: rightIconProp,\n    mods,\n    download,\n    tooltip = true,\n    defaultTooltipPlacement = 'top',\n    onPress: userOnPress,\n    tokens,\n    ...props\n  } = allProps;\n\n  type = type ?? splitContext?.type;\n  const size =\n    sizeProp ?? splitContext?.size ?? (type === 'link' ? 'inline' : 'medium');\n\n  const isDisabled =\n    splitContext?.isDisabled || props.isDisabled || props.isLoading;\n  const isLoading = props.isLoading;\n  const isSelected = props.isSelected;\n\n  // Default: pressing a Button inside an open popover closes that popover.\n  // Opt-outs (handled inline below):\n  //   - `data-popover-trigger` (auto, applied by MenuTrigger/DialogTrigger\n  //     type='popover' so triggers don't dismiss the popover they live in)\n  //   - `data-popover-keep` on self or any ancestor (manual opt-out for\n  //     toggles, custom inline editors, etc.)\n  //   - `data-popover-keep-on-press` on self or any ancestor: the same opt-out\n  //     for presses only. Unlike `data-popover-keep`, it does not stop a click\n  //     in the subtree from closing a nested popover (a field's listbox).\n  // Modals/trays don't subscribe at all, so this is a no-op there.\n  const dismissParentPopover = useDismissParentPopover();\n  const buttonElementRef = useRef<HTMLElement | null>(null);\n\n  const wrappedOnPress = useEvent((e: PressEvent) => {\n    userOnPress?.(e);\n    const el = buttonElementRef.current;\n    if (!el) return;\n    if (el.hasAttribute('data-popover-trigger')) return;\n    if (el.closest('[data-popover-keep], [data-popover-keep-on-press]')) {\n      return;\n    }\n    dismissParentPopover(el);\n  });\n\n  const { actionProps, isPressed } = useAction(\n    {\n      ...allProps,\n      isDisabled,\n      onPress: wrappedOnPress,\n      ...(label ? { label } : {}),\n    },\n    ref,\n  );\n\n  const styles = extractStyles(props, STYLE_PROPS);\n  const isDisabledElement = actionProps.isDisabled;\n\n  delete actionProps.isDisabled;\n\n  // Base mods for icon resolution (without icon-dependent mods)\n  const baseMods = useMemo<ButtonMods>(\n    () => ({\n      pressed: isPressed && !isDisabled,\n      loading: isLoading,\n      selected: isSelected,\n      ...mods,\n    }),\n    [isPressed, isDisabled, isLoading, isSelected, mods],\n  );\n\n  // Resolve dynamic icon props\n  const resolvedIcon = useMemo(\n    () => resolveIcon(iconProp, baseMods),\n    [iconProp, baseMods],\n  );\n  const resolvedRightIcon = useMemo(\n    () => resolveIcon(rightIconProp, baseMods),\n    [rightIconProp, baseMods],\n  );\n\n  const hasLeftSlot = resolvedIcon.hasSlot;\n  const hasRightSlot = resolvedRightIcon.hasSlot;\n\n  const icon: ReactNode = resolvedIcon.content;\n  const rightIcon: ReactNode = resolvedRightIcon.content;\n\n  // Generate stable keys for icon transitions based on icon type\n  const iconKey = isLoading\n    ? 'loading'\n    : isValidElement(icon)\n      ? (icon.type as any)?.displayName || (icon.type as any)?.name || 'icon'\n      : icon\n        ? 'icon'\n        : 'empty';\n\n  const rightIconKey = isValidElement(rightIcon)\n    ? (rightIcon.type as any)?.displayName ||\n      (rightIcon.type as any)?.name ||\n      'icon'\n    : rightIcon\n      ? 'icon'\n      : 'empty';\n\n  children = children || hasLeftSlot || hasRightSlot ? children : label;\n\n  const specifiedLabel =\n    label ?? props['aria-label'] ?? props['aria-labelledby'];\n\n  // Warn about accessibility issues when button has no accessible label\n  useWarn(!children && hasLeftSlot && !specifiedLabel, {\n    key: ['button-icon-no-label', hasLeftSlot],\n    args: [\n      'accessibility issue:',\n      'If you provide `icon` property for a Button and do not provide any children then you should specify the `aria-label` property to make sure the Button element stays accessible.',\n    ],\n  });\n\n  useWarn(!children && !hasLeftSlot && !specifiedLabel, {\n    key: ['button-no-content-no-label', hasLeftSlot],\n    args: [\n      'accessibility issue:',\n      'If you provide no children for a Button then you should specify the `aria-label` property to make sure the Button element stays accessible.',\n    ],\n  });\n\n  if (!children && !specifiedLabel) {\n    label = 'Unnamed'; // fix to avoid warning in production\n  }\n\n  const hasLeftIcon = !!(hasLeftSlot || isLoading);\n  const hasChildren = children != null;\n  const singleIcon = !!(\n    ((hasLeftIcon && !hasRightSlot) || (hasRightSlot && !hasLeftIcon)) &&\n    !hasChildren\n  );\n\n  const hasIcons = hasLeftIcon || hasRightSlot;\n  const rawChildren = !!(\n    hasChildren &&\n    typeof children !== 'string' &&\n    !Children.toArray(children).some((child) => typeof child === 'string')\n  );\n\n  const [isIconShown, setIsIconShown] = useState(hasLeftIcon);\n  const [isRightIconShown, setIsRightIconShown] = useState(hasRightSlot);\n  const isFirstRender = useIsFirstRender();\n\n  const modifiers = useMemo<ButtonMods>(\n    () => ({\n      ...baseMods,\n      'has-icons': hasIcons,\n      'has-icon': hasLeftIcon,\n      'is-icon-shown': isIconShown,\n      'has-right-icon': hasRightSlot,\n      'is-right-icon-shown': isRightIconShown,\n      'single-icon': singleIcon,\n      'text-only': !!(hasChildren && typeof children === 'string' && !hasIcons),\n      'raw-children': rawChildren,\n      'has-content': children != null,\n    }),\n    [\n      baseMods,\n      children,\n      hasLeftIcon,\n      hasRightSlot,\n      singleIcon,\n      hasIcons,\n      hasChildren,\n      rawChildren,\n      isIconShown,\n      isRightIconShown,\n    ],\n  );\n\n  const {\n    labelProps: finalLabelProps,\n    labelRef,\n    renderWithTooltip,\n    isTooltipActive,\n  } = useAutoTooltip({\n    tooltip,\n    children,\n    labelProps: undefined,\n  });\n\n  // A disabled button still has to be able to show its tooltip — that is\n  // usually where the reason for being unavailable is written. The native\n  // `disabled` attribute would make the browser drop the hover that opens it,\n  // so when a tooltip is present the button is marked `aria-disabled` and kept\n  // inert instead. The attribute is skipped for links too, where it is not\n  // valid markup and `aria-disabled` is the only thing announcing the state.\n  const { isNativelyDisabled, inertProps } = getDisabledElementProps({\n    isDisabled: isDisabledElement,\n    keepEvents: isTooltipActive,\n    as: typeof actionProps.as === 'string' ? actionProps.as : undefined,\n  });\n\n  // Render function that creates the button element\n  const renderButtonElement = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ): ReactNode => {\n    // Use callback ref to merge multiple refs without calling hooks\n    const handleRef = (element: HTMLElement | null) => {\n      // Set the component's forwarded ref from useAction\n      const domRef = actionProps.ref as any;\n      if (typeof domRef === 'function') {\n        domRef(element);\n      } else if (domRef) {\n        domRef.current = element;\n      }\n      // Set the tooltip ref if provided\n      if (tooltipRef) {\n        (tooltipRef as any).current = element;\n      }\n      // Track the rendered DOM node so the dismiss wrapper around `onPress`\n      // can read it synchronously without coupling to `useAction`'s ref shape.\n      buttonElementRef.current = element;\n    };\n\n    // Determine if size is custom (number or unrecognized string)\n    const isCustomSize =\n      typeof size === 'number' ||\n      (size != null &&\n        !(BUTTON_SIZE_VALUES as readonly string[]).includes(size));\n    const sizeTokenValue =\n      typeof size === 'number' ? `${size}px` : isCustomSize ? size : undefined;\n\n    // The `special` theme has no `outline-2` variant (it paints over\n    // `#special-surface`, not `#surface-2`/`#surface-3`); fall back to\n    // `outline` so the button still renders.\n    const effectiveType =\n      theme === 'special' && type === 'outline-2' ? 'outline' : type;\n\n    // `isSelected` is a toggle state, so mirror it into `aria-pressed` — the\n    // behaviour Button.docs.mdx has always described. An explicit\n    // `aria-pressed` from the call site still wins.\n    //\n    // Skipped when the button renders as a link (`to`), where `aria-pressed` is\n    // not a valid attribute, and when the call site sets its own `role` — a\n    // button acting as a tab or an option needs `aria-selected`/`aria-current`\n    // instead, and only the call site knows which.\n    //\n    // Applied *after* the spread: react-aria's `useButton` always returns an\n    // `aria-pressed` key (undefined when the caller passed none), so anything\n    // set before the spread is overwritten by it.\n    const ariaPressed =\n      allProps['aria-pressed'] ??\n      (isSelected != null && actionProps.as !== 'a' && allProps.role == null\n        ? isSelected\n        : undefined);\n\n    return (\n      <ButtonElement\n        download={download}\n        {...mergeProps(actionProps, tooltipTriggerProps || {}, inertProps)}\n        aria-pressed={ariaPressed}\n        ref={handleRef}\n        mods={{ ...actionProps.mods, ...modifiers }}\n        disabled={isNativelyDisabled}\n        variant={`${theme}.${effectiveType ?? 'outline'}` as ButtonVariant}\n        data-theme={theme}\n        data-type={effectiveType ?? 'outline'}\n        data-size={size}\n        data-popover-dismiss=\"\"\n        styles={styles}\n        tokens={{\n          ...tokens,\n          ...(sizeTokenValue ? { $size: sizeTokenValue } : {}),\n        }}\n      >\n        <DisplayTransition\n          isShown={hasLeftIcon}\n          animateOnMount={!isFirstRender}\n          onToggle={setIsIconShown}\n        >\n          {({ ref }) => (\n            <div ref={ref} data-element=\"Icon\" aria-hidden=\"true\">\n              <IconSwitch noWrapper contentKey={iconKey}>\n                {isLoading ? <LoadingIcon /> : icon}\n              </IconSwitch>\n            </div>\n          )}\n        </DisplayTransition>\n        {hasChildren &&\n          (rawChildren ? (\n            children\n          ) : (\n            <div data-element=\"Label\" {...finalLabelProps} ref={labelRef}>\n              {children}\n            </div>\n          ))}\n        <DisplayTransition\n          isShown={hasRightSlot}\n          animateOnMount={!isFirstRender}\n          onToggle={setIsRightIconShown}\n        >\n          {({ ref }) => (\n            <div ref={ref} data-element=\"RightIcon\" aria-hidden=\"true\">\n              <IconSwitch noWrapper contentKey={rightIconKey}>\n                {rightIcon}\n              </IconSwitch>\n            </div>\n          )}\n        </DisplayTransition>\n      </ButtonElement>\n    );\n  };\n\n  return renderWithTooltip(renderButtonElement, defaultTooltipPlacement);\n});\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["FocusableRef","PressEvent","CONTAINER_STYLES","Mods","Styles","tasty","TEXT_STYLES","Children","forwardRef","HTMLAttributes","isValidElement","ReactNode","RefObject","useMemo","useRef","useState","OverlayProps","useEvent","useIsFirstRender","useWarn","CURRENT_CLEAR_STYLES","CURRENT_LINK_STYLES","CURRENT_OUTLINE_2_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_LINK_STYLES","DANGER_OUTLINE_2_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_LINK_STYLES","DEFAULT_OUTLINE_2_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","NOTE_CLEAR_STYLES","NOTE_LINK_STYLES","NOTE_OUTLINE_2_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_LINK_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_LINK_STYLES","SUCCESS_OUTLINE_2_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_LINK_STYLES","WARNING_OUTLINE_2_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","LoadingIcon","DynamicIcon","getDisabledElementProps","mergeProps","omitActivationEventProps","resolveIcon","useDismissParentPopover","extractStyles","useAutoTooltip","DisplayTransition","IconSwitch","CubeTooltipProviderProps","CubeActionProps","useButtonSplitContext","useAction","BUTTON_SIZE_VALUES","const","ButtonMods","pressed","loading","selected","CubeButtonProps","icon","rightIcon","isLoading","isSelected","type","theme","size","tooltip","Omit","auto","defaultTooltipPlacement","ButtonVariant","STYLE_PROPS","DEFAULT_ICON_STYLES","$","position","display","placeItems","placeContent","placeSelf","width","height","pointerEvents","transition","DEFAULT_BUTTON_STYLES","recipe","flow","gap","preset","outlineOffset","padding","whiteSpace","radius","margin","zIndex","verticalAlign","$size","Icon","opacity","translate","RightIcon","Label","boxSizing","overflow","textOverflow","textAlign","ButtonElement","qa","styles","variants","Button","allProps","ref","HTMLElement","splitContext","sizeProp","label","children","iconProp","rightIconProp","mods","download","onPress","userOnPress","tokens","props","isDisabled","dismissParentPopover","buttonElementRef","wrappedOnPress","e","el","current","hasAttribute","closest","actionProps","isPressed","isDisabledElement","baseMods","resolvedIcon","resolvedRightIcon","hasLeftSlot","hasSlot","hasRightSlot","content","iconKey","displayName","name","rightIconKey","specifiedLabel","key","args","hasLeftIcon","hasChildren","singleIcon","hasIcons","rawChildren","toArray","some","child","isIconShown","setIsIconShown","isRightIconShown","setIsRightIconShown","isFirstRender","modifiers","labelProps","finalLabelProps","labelRef","renderWithTooltip","isTooltipActive","undefined","isNativelyDisabled","isInert","inertProps","keepEvents","as","elementProps","renderButtonElement","tooltipTriggerProps","tooltipRef","handleRef","element","domRef","isCustomSize","includes","sizeTokenValue","effectiveType","ariaPressed","role"],"sources":["../../../../src/components/actions/Button/Button.tsx"],"sourcesContent":["import { FocusableRef, PressEvent } from '@react-types/shared';\nimport {\n  CONTAINER_STYLES,\n  Mods,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport {\n  Children,\n  forwardRef,\n  HTMLAttributes,\n  isValidElement,\n  ReactNode,\n  RefObject,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport { useEvent } from '../../../_internal';\nimport { useIsFirstRender } from '../../../_internal/hooks/use-is-first-render';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport {\n  CURRENT_CLEAR_STYLES,\n  CURRENT_LINK_STYLES,\n  CURRENT_OUTLINE_2_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_LINK_STYLES,\n  DANGER_OUTLINE_2_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_LINK_STYLES,\n  DEFAULT_OUTLINE_2_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_LINK_STYLES,\n  NOTE_OUTLINE_2_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_LINK_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_LINK_STYLES,\n  SUCCESS_OUTLINE_2_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_LINK_STYLES,\n  WARNING_OUTLINE_2_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport {\n  DynamicIcon,\n  getDisabledElementProps,\n  mergeProps,\n  omitActivationEventProps,\n  resolveIcon,\n  useDismissParentPopover,\n} from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport { DisplayTransition } from '../../helpers/DisplayTransition';\nimport { IconSwitch } from '../../helpers/IconSwitch/IconSwitch';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { CubeActionProps } from '../Action/Action';\nimport { useButtonSplitContext } from '../ButtonSplit/context';\nimport { useAction } from '../use-action';\n\nconst BUTTON_SIZE_VALUES = [\n  'xsmall',\n  'small',\n  'medium',\n  'large',\n  'xlarge',\n  'inline',\n] as const;\n\n/** Known modifiers for Button component */\nexport type ButtonMods = Mods<{\n  pressed?: boolean;\n  loading?: boolean;\n  selected?: boolean;\n  'has-icons'?: boolean;\n  'has-icon'?: boolean;\n  'has-right-icon'?: boolean;\n  'single-icon'?: boolean;\n  'text-only'?: boolean;\n  'raw-children'?: boolean;\n}>;\n\nexport interface CubeButtonProps extends CubeActionProps {\n  icon?: DynamicIcon<ButtonMods>;\n  rightIcon?: DynamicIcon<ButtonMods>;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?:\n    | 'primary'\n    | 'danger'\n    | 'link'\n    | 'clear'\n    | 'outline'\n    | 'outline-2'\n    | (string & {});\n  theme?:\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | 'current'\n    | (string & {});\n  size?:\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'\n    | 'inline'\n    | number\n    | (string & {});\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   */\n  tooltip?:\n    | string\n    | boolean\n    | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n  /**\n   * @private\n   * Default tooltip placement for the button.\n   * @default \"top\"\n   */\n  defaultTooltipPlacement?: OverlayProps['placement'];\n}\n\nexport type ButtonVariant =\n  // The `current` theme mixes every color from the inherited `currentcolor`\n  // instead of a brand ramp — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.outline'\n  | 'current.outline-2'\n  | 'current.clear'\n  | 'current.link'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.outline-2'\n  | 'default.clear'\n  | 'default.link'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.outline-2'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.outline-2'\n  | 'success.clear'\n  | 'success.link'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.outline-2'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.outline-2'\n  | 'note.clear'\n  | 'note.link'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear'\n  | 'special.link';\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst DEFAULT_ICON_STYLES: Styles = {\n  $: '>',\n  position: 'relative',\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  placeSelf: 'stretch',\n  // overflow: 'hidden',\n  width: 'fixed ($size - 2bw)',\n  height: 'fixed ($size - 2bw)',\n  pointerEvents: 'none',\n  transition: 'theme, width, height, translate',\n};\n\nexport const DEFAULT_BUTTON_STYLES: Styles = {\n  recipe: 'reset button',\n  display: 'inline-grid',\n  flow: 'column dense',\n  gap: 0,\n  placeItems: {\n    '': 'stretch',\n    'raw-children': 'center stretch',\n  },\n  placeContent: 'center',\n  position: 'relative',\n  preset: {\n    '': 't3m',\n    'size=xsmall': 't4',\n    'size=xlarge': 't2m',\n    'type=link': 'strong',\n  },\n  outlineOffset: 1,\n  padding: {\n    '': 0,\n    'raw-children & !has-icons':\n      '$block-padding $inline-padding $block-padding $inline-padding',\n    'type=link': '0',\n  },\n  width: {\n    '': 'min $size',\n    'has-icon & has-right-icon': 'min ($size * 2 - 2bw)',\n    'single-icon': 'fixed $size',\n    'type=link': 'min 1ch',\n  },\n  height: {\n    '': 'fixed $size',\n    'type=link': 'initial',\n  },\n  whiteSpace: 'nowrap',\n  radius: {\n    '': true,\n    'type=link & !focused': 0,\n    '@parent(button-split, >) & !:last-child': '1r left',\n    '@parent(button-split, >) & !:first-child': '1r right',\n    '@parent(button-split, >) & !:first-child & !:last-child': 0,\n  },\n  margin: {\n    '': 0,\n    '@parent(button-split, >) & !:first-child & (type=outline | type=outline-2 | type=primary)':\n      '-1bw left',\n  },\n  zIndex: {\n    '@parent(button-split, >) & :hover': 1,\n    '@parent(button-split, >) & :focus-visible': 2,\n  },\n  transition: 'theme, grid-template, padding',\n  verticalAlign: 'bottom',\n\n  $size: {\n    '': '$size-md',\n    'size=xsmall': '$size-xs',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n    'size=xlarge': '$size-xl',\n    'size=inline': '(1lh + 2bw)',\n  },\n  '$inline-padding': {\n    '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n  },\n  '$block-padding': {\n    '': '.5x',\n    'size=xsmall | size=small': '.25x',\n  },\n  '$inline-compensation': '.5x',\n  '$min-inline-padding': '(1x - 1bw)',\n  '$left-padding': {\n    '': '$inline-padding',\n    'is-icon-shown': '0px',\n  },\n  '$right-padding': {\n    '': '$inline-padding',\n    'is-right-icon-shown': '0px',\n  },\n\n  // Icon sub-element (recommended format)\n  Icon: {\n    ...DEFAULT_ICON_STYLES,\n    width: {\n      '': 'fixed 0px',\n      'is-icon-shown': 'fixed ($size - 2bw)',\n    },\n    opacity: {\n      '': 0,\n      'is-icon-shown': 1,\n    },\n    translate: {\n      '': '($size * 1 / 4) 0',\n      'is-icon-shown': '0 0',\n    },\n  },\n\n  // RightIcon sub-element (recommended format)\n  RightIcon: {\n    ...DEFAULT_ICON_STYLES,\n    width: {\n      '': 'fixed 0px',\n      'is-right-icon-shown': 'fixed ($size - 2bw)',\n    },\n    opacity: {\n      '': 0,\n      'is-right-icon-shown': 1,\n    },\n    translate: {\n      '': '($size * -1 / 4) 0',\n      'is-right-icon-shown': '0 0',\n    },\n  },\n\n  // Label sub-element (recommended format)\n  Label: {\n    $: '>',\n    display: 'block',\n    placeSelf: 'center stretch',\n    boxSizing: 'border-box',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    width: '0 100%',\n    textAlign: 'center',\n    transition: 'theme, padding',\n    padding: {\n      '': '$block-padding $right-padding $block-padding $left-padding',\n      'type=link': '0',\n    },\n  },\n} as const;\n\nconst ButtonElement = tasty({\n  qa: 'Button',\n  styles: DEFAULT_BUTTON_STYLES,\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.outline-2': CURRENT_OUTLINE_2_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n    'current.link': CURRENT_LINK_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.outline-2': DEFAULT_OUTLINE_2_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n    'default.link': DEFAULT_LINK_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.outline-2': DANGER_OUTLINE_2_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n    'danger.link': DANGER_LINK_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.outline-2': SUCCESS_OUTLINE_2_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n    'success.link': SUCCESS_LINK_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.outline-2': WARNING_OUTLINE_2_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n    'warning.link': WARNING_LINK_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.outline-2': NOTE_OUTLINE_2_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n    'note.link': NOTE_LINK_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n    'special.link': SPECIAL_LINK_STYLES,\n  },\n});\n\nexport const Button = forwardRef(function Button(\n  allProps: CubeButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const splitContext = useButtonSplitContext();\n\n  let {\n    type,\n    size: sizeProp,\n    label,\n    children,\n    theme = splitContext?.theme ?? 'default',\n    icon: iconProp,\n    rightIcon: rightIconProp,\n    mods,\n    download,\n    tooltip = true,\n    defaultTooltipPlacement = 'top',\n    onPress: userOnPress,\n    tokens,\n    ...props\n  } = allProps;\n\n  type = type ?? splitContext?.type;\n  const size =\n    sizeProp ?? splitContext?.size ?? (type === 'link' ? 'inline' : 'medium');\n\n  const isDisabled =\n    splitContext?.isDisabled || props.isDisabled || props.isLoading;\n  const isLoading = props.isLoading;\n  const isSelected = props.isSelected;\n\n  // Default: pressing a Button inside an open popover closes that popover.\n  // Opt-outs (handled inline below):\n  //   - `data-popover-trigger` (auto, applied by MenuTrigger/DialogTrigger\n  //     type='popover' so triggers don't dismiss the popover they live in)\n  //   - `data-popover-keep` on self or any ancestor (manual opt-out for\n  //     toggles, custom inline editors, etc.)\n  //   - `data-popover-keep-on-press` on self or any ancestor: the same opt-out\n  //     for presses only. Unlike `data-popover-keep`, it does not stop a click\n  //     in the subtree from closing a nested popover (a field's listbox).\n  // Modals/trays don't subscribe at all, so this is a no-op there.\n  const dismissParentPopover = useDismissParentPopover();\n  const buttonElementRef = useRef<HTMLElement | null>(null);\n\n  const wrappedOnPress = useEvent((e: PressEvent) => {\n    userOnPress?.(e);\n    const el = buttonElementRef.current;\n    if (!el) return;\n    if (el.hasAttribute('data-popover-trigger')) return;\n    if (el.closest('[data-popover-keep], [data-popover-keep-on-press]')) {\n      return;\n    }\n    dismissParentPopover(el);\n  });\n\n  const { actionProps, isPressed } = useAction(\n    {\n      ...allProps,\n      isDisabled,\n      onPress: wrappedOnPress,\n      ...(label ? { label } : {}),\n    },\n    ref,\n  );\n\n  const styles = extractStyles(props, STYLE_PROPS);\n  const isDisabledElement = actionProps.isDisabled;\n\n  delete actionProps.isDisabled;\n\n  // Base mods for icon resolution (without icon-dependent mods)\n  const baseMods = useMemo<ButtonMods>(\n    () => ({\n      pressed: isPressed && !isDisabled,\n      loading: isLoading,\n      selected: isSelected,\n      ...mods,\n    }),\n    [isPressed, isDisabled, isLoading, isSelected, mods],\n  );\n\n  // Resolve dynamic icon props\n  const resolvedIcon = useMemo(\n    () => resolveIcon(iconProp, baseMods),\n    [iconProp, baseMods],\n  );\n  const resolvedRightIcon = useMemo(\n    () => resolveIcon(rightIconProp, baseMods),\n    [rightIconProp, baseMods],\n  );\n\n  const hasLeftSlot = resolvedIcon.hasSlot;\n  const hasRightSlot = resolvedRightIcon.hasSlot;\n\n  const icon: ReactNode = resolvedIcon.content;\n  const rightIcon: ReactNode = resolvedRightIcon.content;\n\n  // Generate stable keys for icon transitions based on icon type\n  const iconKey = isLoading\n    ? 'loading'\n    : isValidElement(icon)\n      ? (icon.type as any)?.displayName || (icon.type as any)?.name || 'icon'\n      : icon\n        ? 'icon'\n        : 'empty';\n\n  const rightIconKey = isValidElement(rightIcon)\n    ? (rightIcon.type as any)?.displayName ||\n      (rightIcon.type as any)?.name ||\n      'icon'\n    : rightIcon\n      ? 'icon'\n      : 'empty';\n\n  children = children || hasLeftSlot || hasRightSlot ? children : label;\n\n  const specifiedLabel =\n    label ?? props['aria-label'] ?? props['aria-labelledby'];\n\n  // Warn about accessibility issues when button has no accessible label\n  useWarn(!children && hasLeftSlot && !specifiedLabel, {\n    key: ['button-icon-no-label', hasLeftSlot],\n    args: [\n      'accessibility issue:',\n      'If you provide `icon` property for a Button and do not provide any children then you should specify the `aria-label` property to make sure the Button element stays accessible.',\n    ],\n  });\n\n  useWarn(!children && !hasLeftSlot && !specifiedLabel, {\n    key: ['button-no-content-no-label', hasLeftSlot],\n    args: [\n      'accessibility issue:',\n      'If you provide no children for a Button then you should specify the `aria-label` property to make sure the Button element stays accessible.',\n    ],\n  });\n\n  if (!children && !specifiedLabel) {\n    label = 'Unnamed'; // fix to avoid warning in production\n  }\n\n  const hasLeftIcon = !!(hasLeftSlot || isLoading);\n  const hasChildren = children != null;\n  const singleIcon = !!(\n    ((hasLeftIcon && !hasRightSlot) || (hasRightSlot && !hasLeftIcon)) &&\n    !hasChildren\n  );\n\n  const hasIcons = hasLeftIcon || hasRightSlot;\n  const rawChildren = !!(\n    hasChildren &&\n    typeof children !== 'string' &&\n    !Children.toArray(children).some((child) => typeof child === 'string')\n  );\n\n  const [isIconShown, setIsIconShown] = useState(hasLeftIcon);\n  const [isRightIconShown, setIsRightIconShown] = useState(hasRightSlot);\n  const isFirstRender = useIsFirstRender();\n\n  const modifiers = useMemo<ButtonMods>(\n    () => ({\n      ...baseMods,\n      'has-icons': hasIcons,\n      'has-icon': hasLeftIcon,\n      'is-icon-shown': isIconShown,\n      'has-right-icon': hasRightSlot,\n      'is-right-icon-shown': isRightIconShown,\n      'single-icon': singleIcon,\n      'text-only': !!(hasChildren && typeof children === 'string' && !hasIcons),\n      'raw-children': rawChildren,\n      'has-content': children != null,\n    }),\n    [\n      baseMods,\n      children,\n      hasLeftIcon,\n      hasRightSlot,\n      singleIcon,\n      hasIcons,\n      hasChildren,\n      rawChildren,\n      isIconShown,\n      isRightIconShown,\n    ],\n  );\n\n  const {\n    labelProps: finalLabelProps,\n    labelRef,\n    renderWithTooltip,\n    isTooltipActive,\n  } = useAutoTooltip({\n    tooltip,\n    children,\n    labelProps: undefined,\n  });\n\n  // A disabled button still has to be able to show its tooltip — that is\n  // usually where the reason for being unavailable is written. The native\n  // `disabled` attribute would make the browser drop the hover that opens it,\n  // so when a tooltip is present the button is marked `aria-disabled` and kept\n  // inert instead. The attribute is skipped for links too, where it is not\n  // valid markup and `aria-disabled` is the only thing announcing the state.\n  const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({\n    isDisabled: isDisabledElement,\n    keepEvents: isTooltipActive,\n    as: typeof actionProps.as === 'string' ? actionProps.as : undefined,\n  });\n\n  // Without the native attribute, handlers a parent passed in (a `MenuTrigger`'s\n  // `onKeyDown`) would still activate the button.\n  const elementProps = isInert\n    ? omitActivationEventProps(actionProps)\n    : actionProps;\n\n  // Render function that creates the button element\n  const renderButtonElement = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ): ReactNode => {\n    // Use callback ref to merge multiple refs without calling hooks\n    const handleRef = (element: HTMLElement | null) => {\n      // Set the component's forwarded ref from useAction\n      const domRef = actionProps.ref as any;\n      if (typeof domRef === 'function') {\n        domRef(element);\n      } else if (domRef) {\n        domRef.current = element;\n      }\n      // Set the tooltip ref if provided\n      if (tooltipRef) {\n        (tooltipRef as any).current = element;\n      }\n      // Track the rendered DOM node so the dismiss wrapper around `onPress`\n      // can read it synchronously without coupling to `useAction`'s ref shape.\n      buttonElementRef.current = element;\n    };\n\n    // Determine if size is custom (number or unrecognized string)\n    const isCustomSize =\n      typeof size === 'number' ||\n      (size != null &&\n        !(BUTTON_SIZE_VALUES as readonly string[]).includes(size));\n    const sizeTokenValue =\n      typeof size === 'number' ? `${size}px` : isCustomSize ? size : undefined;\n\n    // The `special` theme has no `outline-2` variant (it paints over\n    // `#special-surface`, not `#surface-2`/`#surface-3`); fall back to\n    // `outline` so the button still renders.\n    const effectiveType =\n      theme === 'special' && type === 'outline-2' ? 'outline' : type;\n\n    // `isSelected` is a toggle state, so mirror it into `aria-pressed` — the\n    // behaviour Button.docs.mdx has always described. An explicit\n    // `aria-pressed` from the call site still wins.\n    //\n    // Skipped when the button renders as a link (`to`), where `aria-pressed` is\n    // not a valid attribute, and when the call site sets its own `role` — a\n    // button acting as a tab or an option needs `aria-selected`/`aria-current`\n    // instead, and only the call site knows which.\n    //\n    // Applied *after* the spread: react-aria's `useButton` always returns an\n    // `aria-pressed` key (undefined when the caller passed none), so anything\n    // set before the spread is overwritten by it.\n    const ariaPressed =\n      allProps['aria-pressed'] ??\n      (isSelected != null && actionProps.as !== 'a' && allProps.role == null\n        ? isSelected\n        : undefined);\n\n    return (\n      <ButtonElement\n        download={download}\n        {...mergeProps(elementProps, tooltipTriggerProps || {}, inertProps)}\n        aria-pressed={ariaPressed}\n        ref={handleRef}\n        mods={{ ...actionProps.mods, ...modifiers }}\n        disabled={isNativelyDisabled}\n        variant={`${theme}.${effectiveType ?? 'outline'}` as ButtonVariant}\n        data-theme={theme}\n        data-type={effectiveType ?? 'outline'}\n        data-size={size}\n        data-popover-dismiss=\"\"\n        styles={styles}\n        tokens={{\n          ...tokens,\n          ...(sizeTokenValue ? { $size: sizeTokenValue } : {}),\n        }}\n      >\n        <DisplayTransition\n          isShown={hasLeftIcon}\n          animateOnMount={!isFirstRender}\n          onToggle={setIsIconShown}\n        >\n          {({ ref }) => (\n            <div ref={ref} data-element=\"Icon\" aria-hidden=\"true\">\n              <IconSwitch noWrapper contentKey={iconKey}>\n                {isLoading ? <LoadingIcon /> : icon}\n              </IconSwitch>\n            </div>\n          )}\n        </DisplayTransition>\n        {hasChildren &&\n          (rawChildren ? (\n            children\n          ) : (\n            <div data-element=\"Label\" {...finalLabelProps} ref={labelRef}>\n              {children}\n            </div>\n          ))}\n        <DisplayTransition\n          isShown={hasRightSlot}\n          animateOnMount={!isFirstRender}\n          onToggle={setIsRightIconShown}\n        >\n          {({ ref }) => (\n            <div ref={ref} data-element=\"RightIcon\" aria-hidden=\"true\">\n              <IconSwitch noWrapper contentKey={rightIconKey}>\n                {rightIcon}\n              </IconSwitch>\n            </div>\n          )}\n        </DisplayTransition>\n      </ButtonElement>\n    );\n  };\n\n  return renderWithTooltip(renderButtonElement, defaultTooltipPlacement);\n});\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.2 | 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";
 import { CURRENT_CLEAR_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, 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";
@@ -73,7 +74,7 @@ const ItemActionElement = tasty({
 	}
 });
 const ItemAction = forwardRef(function ItemAction(allProps, ref) {
-	const $ = c(50);
+	const $ = c(48);
 	const { type: contextType, disableActionsFocus, isDisabled: contextIsDisabled } = useItemActionContext();
 	let children;
 	let icon;
@@ -117,8 +118,8 @@ const ItemAction = forwardRef(function ItemAction(allProps, ref) {
 	const theme = t1 === void 0 ? "current" : t1;
 	const isLoading = t2 === void 0 ? false : t2;
 	const isSelected = t3 === void 0 ? false : t3;
-	const isDisabled = isDisabledProp ?? contextIsDisabled;
-	const isDisabledInherited = isDisabledProp == null && !!contextIsDisabled;
+	const isDisabled = isLoading || (isDisabledProp ?? contextIsDisabled);
+	const isDisabledInherited = !!contextIsDisabled && isDisabled;
 	const hasCheckmark = icon === "checkmark";
 	let t4;
 	if ($[12] !== hasCheckmark || $[13] !== icon || $[14] !== isLoading) {
@@ -131,7 +132,7 @@ const ItemAction = forwardRef(function ItemAction(allProps, ref) {
 	const finalIcon = t4;
 	const t5 = !!children;
 	const t6 = !!contextType;
-	const t7 = !!icon;
+	const t7 = !!finalIcon;
 	let t8;
 	if ($[16] !== hasCheckmark || $[17] !== isDisabledInherited || $[18] !== isLoading || $[19] !== isSelected || $[20] !== mods || $[21] !== t5 || $[22] !== t6 || $[23] !== t7) {
 		t8 = {
@@ -171,83 +172,86 @@ const ItemAction = forwardRef(function ItemAction(allProps, ref) {
 		$[28] = rest;
 		$[29] = t9;
 	} else t9 = $[29];
-	const { actionProps } = useAction(t9, ref);
-	const finalTabIndex = disableActionsFocus ? -1 : rest.tabIndex;
-	const showTooltip = !children && tooltip;
-	const tooltipContent = typeof tooltip === "string" ? tooltip : typeof tooltip === "object" && tooltip.title ? tooltip.title : void 0;
-	let t10;
-	if ($[30] !== tooltip) {
-		t10 = typeof tooltip === "object" ? tooltip : {};
-		$[30] = tooltip;
-		$[31] = t10;
-	} else t10 = $[31];
-	let tooltipProps;
-	if ($[32] !== t10) {
-		const { title: _title, ...t11 } = t10;
-		tooltipProps = t11;
-		$[32] = t10;
-		$[33] = tooltipProps;
-	} else tooltipProps = $[33];
-	const finalType = type;
+	const { actionProps: t10 } = useAction(t9, ref);
 	let t11;
-	if ($[34] !== actionProps || $[35] !== children || $[36] !== finalIcon || $[37] !== finalTabIndex || $[38] !== finalType || $[39] !== styles || $[40] !== theme) {
-		t11 = (tooltipTriggerProps, tooltipRef) => {
-			return /* @__PURE__ */ jsxs(ItemActionElement, {
-				...tooltipRef ? mergeProps(actionProps, tooltipTriggerProps || {}, { ref: (element) => {
-					if (tooltipRef) tooltipRef.current = element;
-					const actionRef = actionProps.ref;
-					if (actionRef) if (typeof actionRef === "function") actionRef(element);
-					else actionRef.current = element;
-				} }) : mergeProps(actionProps, tooltipTriggerProps || {}),
-				variant: `${theme}.${finalType}`,
-				"data-theme": theme,
-				"data-type": finalType,
-				tabIndex: finalTabIndex,
-				styles,
-				children: [finalIcon && /* @__PURE__ */ jsx("div", {
-					"data-element": "Icon",
-					children: finalIcon
-				}), children]
-			});
-		};
-		$[34] = actionProps;
-		$[35] = children;
-		$[36] = finalIcon;
-		$[37] = finalTabIndex;
-		$[38] = finalType;
-		$[39] = styles;
-		$[40] = theme;
-		$[41] = t11;
-	} else t11 = $[41];
-	const renderButton = t11;
-	if (showTooltip && tooltipContent) {
-		let t12;
-		if ($[42] !== renderButton) {
-			t12 = (triggerProps, tooltipRef_0) => renderButton(triggerProps, tooltipRef_0);
-			$[42] = renderButton;
-			$[43] = t12;
-		} else t12 = $[43];
-		let t13;
-		if ($[44] !== t12 || $[45] !== tooltipContent || $[46] !== tooltipProps) {
-			t13 = /* @__PURE__ */ jsx(TooltipProvider, {
-				title: tooltipContent,
-				...tooltipProps,
-				children: t12
+	let t12;
+	if ($[30] !== children || $[31] !== disableActionsFocus || $[32] !== finalIcon || $[33] !== isDisabled || $[34] !== isDisabledInherited || $[35] !== isLoading || $[36] !== rest.tabIndex || $[37] !== styles || $[38] !== t10 || $[39] !== theme || $[40] !== tooltip || $[41] !== type) {
+		t12 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const { isDisabled: _isDisabled, ...actionProps } = t10;
+			const finalTabIndex = disableActionsFocus || isLoading ? -1 : rest.tabIndex;
+			const tooltipContent = typeof tooltip === "string" ? tooltip : typeof tooltip === "object" && tooltip.title ? tooltip.title : void 0;
+			let t13;
+			if ($[44] !== tooltip) {
+				t13 = typeof tooltip === "object" ? tooltip : {};
+				$[44] = tooltip;
+				$[45] = t13;
+			} else t13 = $[45];
+			let tooltipProps;
+			if ($[46] !== t13) {
+				const { title: _title, ...t14 } = t13;
+				tooltipProps = t14;
+				$[46] = t13;
+				$[47] = tooltipProps;
+			} else tooltipProps = $[47];
+			const hasTooltip = !children && !!tooltipContent;
+			const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({
+				isDisabled,
+				keepEvents: isLoading || hasTooltip && !isDisabledInherited,
+				as: typeof actionProps.as === "string" ? actionProps.as : void 0
 			});
-			$[44] = t12;
-			$[45] = tooltipContent;
-			$[46] = tooltipProps;
-			$[47] = t13;
-		} else t13 = $[47];
-		return t13;
+			const elementProps = isInert ? omitActivationEventProps(actionProps) : actionProps;
+			const finalType = type;
+			const renderButton = (tooltipTriggerProps, tooltipRef) => {
+				return /* @__PURE__ */ jsxs(ItemActionElement, {
+					...tooltipRef ? mergeProps(elementProps, tooltipTriggerProps || {}, inertProps, { ref: (element) => {
+						if (tooltipRef) tooltipRef.current = element;
+						const actionRef = actionProps.ref;
+						if (actionRef) if (typeof actionRef === "function") actionRef(element);
+						else actionRef.current = element;
+					} }) : mergeProps(elementProps, tooltipTriggerProps || {}, inertProps),
+					disabled: isNativelyDisabled,
+					variant: `${theme}.${finalType}`,
+					"data-theme": theme,
+					"data-type": finalType,
+					tabIndex: finalTabIndex,
+					styles,
+					children: [finalIcon && /* @__PURE__ */ jsx("div", {
+						"data-element": "Icon",
+						children: finalIcon
+					}), children]
+				});
+			};
+			if (hasTooltip) {
+				t12 = /* @__PURE__ */ jsx(TooltipProvider, {
+					title: tooltipContent,
+					...tooltipProps,
+					children: (triggerProps, tooltipRef_0) => renderButton(triggerProps, tooltipRef_0)
+				});
+				break bb0;
+			}
+			t11 = renderButton();
+		}
+		$[30] = children;
+		$[31] = disableActionsFocus;
+		$[32] = finalIcon;
+		$[33] = isDisabled;
+		$[34] = isDisabledInherited;
+		$[35] = isLoading;
+		$[36] = rest.tabIndex;
+		$[37] = styles;
+		$[38] = t10;
+		$[39] = theme;
+		$[40] = tooltip;
+		$[41] = type;
+		$[42] = t11;
+		$[43] = t12;
+	} else {
+		t11 = $[42];
+		t12 = $[43];
 	}
-	let t12;
-	if ($[48] !== renderButton) {
-		t12 = renderButton();
-		$[48] = renderButton;
-		$[49] = t12;
-	} else t12 = $[49];
-	return t12;
+	if (t12 !== Symbol.for("react.early_return_sentinel")) return t12;
+	return t11;
 });
 
 //#endregion