@cube-dev/ui-kit 0.120.1 → 0.121.0

package/dist/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @cube-dev/ui-kit
 
+## 0.121.0
+
+### Minor Changes
+
+- [#1067](https://github.com/cube-js/cube-ui-kit/pull/1067) [`8af42c73`](https://github.com/cube-js/cube-ui-kit/commit/8af42c732511957f37bf89e725c0ed6c93c72a3b) Thanks [@tenphi](https://github.com/tenphi)! - **Button.Split:** New compound component for split-button patterns. Supports two modes: **custom** (arbitrary `<Button>` children with joined radius) and **strict** (declarative `actions` array with built-in dropdown menu, controlled/uncontrolled selection). `type`, `theme`, `size`, and `isDisabled` are inherited by child buttons via context.
+
+- [#1067](https://github.com/cube-js/cube-ui-kit/pull/1067) [`8af42c73`](https://github.com/cube-js/cube-ui-kit/commit/8af42c732511957f37bf89e725c0ed6c93c72a3b) Thanks [@tenphi](https://github.com/tenphi)! - **Tabs:** Added support for `icon`, `rightIcon`, `prefix`, `suffix`, `tooltip`, `isLoading`, and `loadingSlot` props on `Tabs.Tab`, inherited from the `Item` component. Tab icons are also shown in the TabPicker dropdown.
+
+### Patch Changes
+
+- [#1067](https://github.com/cube-js/cube-ui-kit/pull/1067) [`8af42c73`](https://github.com/cube-js/cube-ui-kit/commit/8af42c732511957f37bf89e725c0ed6c93c72a3b) Thanks [@tenphi](https://github.com/tenphi)! - **Button:** The dynamic `icon` callback now receives `pressed` in its mods argument. Use it to change the icon when the button is pressed (e.g., arrow up when menu is open, arrow down when closed).
+
+- [#1067](https://github.com/cube-js/cube-ui-kit/pull/1067) [`8af42c73`](https://github.com/cube-js/cube-ui-kit/commit/8af42c732511957f37bf89e725c0ed6c93c72a3b) Thanks [@tenphi](https://github.com/tenphi)! - **Disclosure:** Removed default white background (`fill`) from the disclosure root. The component is now transparent by default; use `styles` or `contentStyles` to add a background when needed.
+
 ## 0.120.1
 
 ### Patch Changes

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | 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.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | 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.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useRef } from "react";
 

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

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

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

package/dist/components/Block.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/CollectionItem.js

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

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { TOKENS } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/components/GridProvider.js

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

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | 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.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";
 import { VERSION } from "../version.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useAction } from "../use-action.js";
 import { CONTAINER_STYLES, TEXT_STYLES, extractStyles, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

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

package/dist/components/actions/Button/Button.d.ts

@@ -10,6 +10,7 @@ import { OverlayProps } from "react-aria";
 //#region src/components/actions/Button/Button.d.ts
 /** Known modifiers for Button component */
 type ButtonMods = Mods<{
+  pressed?: boolean;
   loading?: boolean;
   selected?: boolean;
   'has-icons'?: boolean;

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
@@ -9,6 +9,7 @@ import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useIsFirstRender } from "../../../_internal/hooks/use-is-first-render.js";
 import { useAction } from "../use-action.js";
 import { IconSwitch } from "../../helpers/IconSwitch/IconSwitch.js";
+import { useButtonSplitContext } from "../ButtonSplit/context.js";
 import { CONTAINER_STYLES, TEXT_STYLES, extractStyles, tasty } from "@tenphi/tasty";
 import { Children, forwardRef, isValidElement, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -71,7 +72,18 @@ const DEFAULT_BUTTON_STYLES = {
 	whiteSpace: "nowrap",
 	radius: {
 		"": true,
-		"type=link & !focused": 0
+		"type=link & !focused": 0,
+		"@parent(button-split, >) & !:last-child": "1r left",
+		"@parent(button-split, >) & !:first-child": "1r right",
+		"@parent(button-split, >) & !:first-child & !:last-child": 0
+	},
+	margin: {
+		"": 0,
+		"@parent(button-split, >) & !:first-child & (type=secondary | type=outline | type=primary)": "-1bw left"
+	},
+	zIndex: {
+		"@parent(button-split, >) & :hover": 1,
+		"@parent(button-split, >) & :focus-visible": 2
 	},
 	transition: "theme, grid-template, padding",
 	verticalAlign: "bottom",
@@ -189,16 +201,29 @@ const ButtonElement = tasty({
 	}
 });
 const Button = forwardRef(function Button(allProps, ref) {
-	let { type, size: sizeProp, label, children, theme = "default", icon: iconProp, rightIcon: rightIconProp, mods, download, tooltip = true, defaultTooltipPlacement = "top", ...props } = allProps;
-	const size = sizeProp ?? (type === "link" ? "inline" : "medium");
-	const isDisabled = props.isDisabled ?? props.isLoading;
+	const splitContext = useButtonSplitContext();
+	let { type, size: sizeProp, label, children, theme = splitContext?.theme ?? "default", icon: iconProp, rightIcon: rightIconProp, mods, download, tooltip = true, defaultTooltipPlacement = "top", ...props } = allProps;
+	type = type ?? splitContext?.type;
+	const size = sizeProp ?? splitContext?.size ?? (type === "link" ? "inline" : "medium");
+	const isDisabled = props.isDisabled ?? props.isLoading ?? splitContext?.isDisabled;
 	const isLoading = props.isLoading;
 	const isSelected = props.isSelected;
+	const { actionProps, isPressed } = useAction({
+		...allProps,
+		isDisabled,
+		...label ? { label } : {}
+	}, ref);
+	const styles = extractStyles(props, STYLE_PROPS);
+	const isDisabledElement = actionProps.isDisabled;
+	delete actionProps.isDisabled;
 	const baseMods = useMemo(() => ({
+		pressed: isPressed && !isDisabled,
 		loading: isLoading,
 		selected: isSelected,
 		...mods
 	}), [
+		isPressed,
+		isDisabled,
 		isLoading,
 		isSelected,
 		mods
@@ -253,15 +278,6 @@ const Button = forwardRef(function Button(allProps, ref) {
 		isIconShown,
 		isRightIconShown
 	]);
-	const { actionProps } = useAction({
-		...allProps,
-		isDisabled,
-		mods: modifiers,
-		...label ? { label } : {}
-	}, ref);
-	const styles = extractStyles(props, STYLE_PROPS);
-	const isDisabledElement = actionProps.isDisabled;
-	delete actionProps.isDisabled;
 	const { labelProps: finalLabelProps, labelRef, renderWithTooltip } = useAutoTooltip({
 		tooltip,
 		children,
@@ -280,6 +296,10 @@ const Button = forwardRef(function Button(allProps, ref) {
 			download,
 			...mergeProps(actionProps, tooltipTriggerProps || {}),
 			ref: handleRef,
+			mods: {
+				...actionProps.mods,
+				...modifiers
+			},
 			disabled: isDisabledElement,
 			variant: `${theme}.${type ?? "outline"}`,
 			"data-theme": theme,

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":[],"sources":["../../../../src/components/actions/Button/Button.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  CONTAINER_STYLES,\n  extractStyles,\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  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport { useIsFirstRender } from '../../../_internal/hooks/use-is-first-render';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport {\n  DANGER_CLEAR_STYLES,\n  DANGER_LINK_STYLES,\n  DANGER_NEUTRAL_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DANGER_SECONDARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_LINK_STYLES,\n  DEFAULT_NEUTRAL_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  DEFAULT_SECONDARY_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_LINK_STYLES,\n  NOTE_NEUTRAL_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  NOTE_SECONDARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_LINK_STYLES,\n  SPECIAL_NEUTRAL_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SPECIAL_SECONDARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_LINK_STYLES,\n  SUCCESS_NEUTRAL_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  SUCCESS_SECONDARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_LINK_STYLES,\n  WARNING_NEUTRAL_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n  WARNING_SECONDARY_STYLES,\n} from '../../../data/item-themes';\nimport { LoadingIcon } from '../../../icons';\nimport { DynamicIcon, mergeProps, resolveIcon } from '../../../utils/react';\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 { 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  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    | 'secondary'\n    | 'danger'\n    | 'link'\n    | 'clear'\n    | 'outline'\n    | 'neutral'\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  | 'default.primary'\n  | 'default.secondary'\n  | 'default.outline'\n  | 'default.neutral'\n  | 'default.clear'\n  | 'default.link'\n  | 'danger.primary'\n  | 'danger.secondary'\n  | 'danger.outline'\n  | 'danger.neutral'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'success.primary'\n  | 'success.secondary'\n  | 'success.outline'\n  | 'success.neutral'\n  | 'success.clear'\n  | 'success.link'\n  | 'warning.primary'\n  | 'warning.secondary'\n  | 'warning.outline'\n  | 'warning.neutral'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'note.primary'\n  | 'note.secondary'\n  | 'note.outline'\n  | 'note.neutral'\n  | 'note.clear'\n  | 'note.link'\n  | 'special.primary'\n  | 'special.secondary'\n  | 'special.outline'\n  | 'special.neutral'\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  },\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    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.secondary': DEFAULT_SECONDARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.neutral': DEFAULT_NEUTRAL_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.secondary': DANGER_SECONDARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.neutral': DANGER_NEUTRAL_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.secondary': SUCCESS_SECONDARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.neutral': SUCCESS_NEUTRAL_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.secondary': WARNING_SECONDARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.neutral': WARNING_NEUTRAL_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.secondary': NOTE_SECONDARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.neutral': NOTE_NEUTRAL_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.secondary': SPECIAL_SECONDARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.neutral': SPECIAL_NEUTRAL_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  let {\n    type,\n    size: sizeProp,\n    label,\n    children,\n    theme = 'default',\n    icon: iconProp,\n    rightIcon: rightIconProp,\n    mods,\n    download,\n    tooltip = true,\n    defaultTooltipPlacement = 'top',\n    ...props\n  } = allProps;\n\n  const size = sizeProp ?? (type === 'link' ? 'inline' : 'medium');\n\n  const isDisabled = props.isDisabled ?? props.isLoading;\n  const isLoading = props.isLoading;\n  const isSelected = props.isSelected;\n\n  // Base mods for icon resolution (without icon-dependent mods)\n  const baseMods = useMemo<ButtonMods>(\n    () => ({\n      loading: isLoading,\n      selected: isSelected,\n      ...mods,\n    }),\n    [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 { actionProps } = useAction(\n    { ...allProps, isDisabled, mods: modifiers, ...(label ? { label } : {}) },\n    ref,\n  );\n\n  const styles = extractStyles(props, STYLE_PROPS);\n  const isDisabledElement = actionProps.isDisabled;\n\n  delete actionProps.isDisabled;\n\n  const {\n    labelProps: finalLabelProps,\n    labelRef,\n    renderWithTooltip,\n  } = useAutoTooltip({\n    tooltip,\n    children,\n    labelProps: 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    };\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    return (\n      <ButtonElement\n        download={download}\n        {...mergeProps(actionProps, tooltipTriggerProps || {})}\n        ref={handleRef}\n        disabled={isDisabledElement}\n        variant={`${theme}.${type ?? 'outline'}` as ButtonVariant}\n        data-theme={theme}\n        data-type={type ?? 'outline'}\n        data-size={size}\n        styles={styles}\n        tokens={sizeTokenValue ? { $size: sizeTokenValue } : undefined}\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":[],"sources":["../../../../src/components/actions/Button/Button.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  CONTAINER_STYLES,\n  extractStyles,\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  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport { useIsFirstRender } from '../../../_internal/hooks/use-is-first-render';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport {\n  DANGER_CLEAR_STYLES,\n  DANGER_LINK_STYLES,\n  DANGER_NEUTRAL_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DANGER_SECONDARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_LINK_STYLES,\n  DEFAULT_NEUTRAL_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  DEFAULT_SECONDARY_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_LINK_STYLES,\n  NOTE_NEUTRAL_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  NOTE_SECONDARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_LINK_STYLES,\n  SPECIAL_NEUTRAL_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SPECIAL_SECONDARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_LINK_STYLES,\n  SUCCESS_NEUTRAL_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  SUCCESS_SECONDARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_LINK_STYLES,\n  WARNING_NEUTRAL_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n  WARNING_SECONDARY_STYLES,\n} from '../../../data/item-themes';\nimport { LoadingIcon } from '../../../icons';\nimport { DynamicIcon, mergeProps, resolveIcon } from '../../../utils/react';\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    | 'secondary'\n    | 'danger'\n    | 'link'\n    | 'clear'\n    | 'outline'\n    | 'neutral'\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  | 'default.primary'\n  | 'default.secondary'\n  | 'default.outline'\n  | 'default.neutral'\n  | 'default.clear'\n  | 'default.link'\n  | 'danger.primary'\n  | 'danger.secondary'\n  | 'danger.outline'\n  | 'danger.neutral'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'success.primary'\n  | 'success.secondary'\n  | 'success.outline'\n  | 'success.neutral'\n  | 'success.clear'\n  | 'success.link'\n  | 'warning.primary'\n  | 'warning.secondary'\n  | 'warning.outline'\n  | 'warning.neutral'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'note.primary'\n  | 'note.secondary'\n  | 'note.outline'\n  | 'note.neutral'\n  | 'note.clear'\n  | 'note.link'\n  | 'special.primary'\n  | 'special.secondary'\n  | 'special.outline'\n  | 'special.neutral'\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=secondary | type=outline | 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    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.secondary': DEFAULT_SECONDARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.neutral': DEFAULT_NEUTRAL_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.secondary': DANGER_SECONDARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.neutral': DANGER_NEUTRAL_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.secondary': SUCCESS_SECONDARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.neutral': SUCCESS_NEUTRAL_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.secondary': WARNING_SECONDARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.neutral': WARNING_NEUTRAL_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.secondary': NOTE_SECONDARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.neutral': NOTE_NEUTRAL_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.secondary': SPECIAL_SECONDARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.neutral': SPECIAL_NEUTRAL_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    ...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    props.isDisabled ?? props.isLoading ?? splitContext?.isDisabled;\n  const isLoading = props.isLoading;\n  const isSelected = props.isSelected;\n\n  const { actionProps, isPressed } = useAction(\n    { ...allProps, isDisabled, ...(label ? { label } : {}) },\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  } = useAutoTooltip({\n    tooltip,\n    children,\n    labelProps: 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    };\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    return (\n      <ButtonElement\n        download={download}\n        {...mergeProps(actionProps, tooltipTriggerProps || {})}\n        ref={handleRef}\n        mods={{ ...actionProps.mods, ...modifiers }}\n        disabled={isDisabledElement}\n        variant={`${theme}.${type ?? 'outline'}` as ButtonVariant}\n        data-theme={theme}\n        data-type={type ?? 'outline'}\n        data-size={size}\n        styles={styles}\n        tokens={sizeTokenValue ? { $size: sizeTokenValue } : undefined}\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":";;;;;;;;;;;;;;;;;AAuEA,MAAM,qBAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACD;AA8FD,MAAM,cAAc,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAEzD,MAAM,sBAA8B;CAClC,GAAG;CACH,UAAU;CACV,SAAS;CACT,YAAY;CACZ,cAAc;CACd,WAAW;CAEX,OAAO;CACP,QAAQ;CACR,eAAe;CACf,YAAY;CACb;AAED,MAAa,wBAAgC;CAC3C,QAAQ;CACR,SAAS;CACT,MAAM;CACN,KAAK;CACL,YAAY;EACV,IAAI;EACJ,gBAAgB;EACjB;CACD,cAAc;CACd,UAAU;CACV,QAAQ;EACN,IAAI;EACJ,eAAe;EACf,eAAe;EACf,aAAa;EACd;CACD,eAAe;CACf,SAAS;EACP,IAAI;EACJ,6BACE;EACF,aAAa;EACd;CACD,OAAO;EACL,IAAI;EACJ,6BAA6B;EAC7B,eAAe;EACf,aAAa;EACd;CACD,QAAQ;EACN,IAAI;EACJ,aAAa;EACd;CACD,YAAY;CACZ,QAAQ;EACN,IAAI;EACJ,wBAAwB;EACxB,2CAA2C;EAC3C,4CAA4C;EAC5C,2DAA2D;EAC5D;CACD,QAAQ;EACN,IAAI;EACJ,6FACE;EACH;CACD,QAAQ;EACN,qCAAqC;EACrC,6CAA6C;EAC9C;CACD,YAAY;CACZ,eAAe;CAEf,OAAO;EACL,IAAI;EACJ,eAAe;EACf,cAAc;EACd,eAAe;EACf,cAAc;EACd,eAAe;EACf,eAAe;EAChB;CACD,mBAAmB,EACjB,IAAI,8EACL;CACD,kBAAkB;EAChB,IAAI;EACJ,4BAA4B;EAC7B;CACD,wBAAwB;CACxB,uBAAuB;CACvB,iBAAiB;EACf,IAAI;EACJ,iBAAiB;EAClB;CACD,kBAAkB;EAChB,IAAI;EACJ,uBAAuB;EACxB;CAGD,MAAM;EACJ,GAAG;EACH,OAAO;GACL,IAAI;GACJ,iBAAiB;GAClB;EACD,SAAS;GACP,IAAI;GACJ,iBAAiB;GAClB;EACD,WAAW;GACT,IAAI;GACJ,iBAAiB;GAClB;EACF;CAGD,WAAW;EACT,GAAG;EACH,OAAO;GACL,IAAI;GACJ,uBAAuB;GACxB;EACD,SAAS;GACP,IAAI;GACJ,uBAAuB;GACxB;EACD,WAAW;GACT,IAAI;GACJ,uBAAuB;GACxB;EACF;CAGD,OAAO;EACL,GAAG;EACH,SAAS;EACT,WAAW;EACX,WAAW;EACX,YAAY;EACZ,UAAU;EACV,cAAc;EACd,OAAO;EACP,WAAW;EACX,YAAY;EACZ,SAAS;GACP,IAAI;GACJ,aAAa;GACd;EACF;CACF;AAED,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,QAAQ;CACR,UAAU;EAER,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EACjB,gBAAgB;EAGhB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EAGf,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EACjB,gBAAgB;EAGhB,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EACjB,gBAAgB;EAGhB,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,cAAc;EACd,aAAa;EAGb,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EACjB,gBAAgB;EACjB;CACF,CAAC;AAEF,MAAa,SAAS,WAAW,SAAS,OACxC,UACA,KACA;CACA,MAAM,eAAe,uBAAuB;CAE5C,IAAI,EACF,MACA,MAAM,UACN,OACA,UACA,QAAQ,cAAc,SAAS,WAC/B,MAAM,UACN,WAAW,eACX,MACA,UACA,UAAU,MACV,0BAA0B,OAC1B,GAAG,UACD;AAEJ,QAAO,QAAQ,cAAc;CAC7B,MAAM,OACJ,YAAY,cAAc,SAAS,SAAS,SAAS,WAAW;CAElE,MAAM,aACJ,MAAM,cAAc,MAAM,aAAa,cAAc;CACvD,MAAM,YAAY,MAAM;CACxB,MAAM,aAAa,MAAM;CAEzB,MAAM,EAAE,aAAa,cAAc,UACjC;EAAE,GAAG;EAAU;EAAY,GAAI,QAAQ,EAAE,OAAO,GAAG,EAAE;EAAG,EACxD,IACD;CAED,MAAM,SAAS,cAAc,OAAO,YAAY;CAChD,MAAM,oBAAoB,YAAY;AAEtC,QAAO,YAAY;CAGnB,MAAM,WAAW,eACR;EACL,SAAS,aAAa,CAAC;EACvB,SAAS;EACT,UAAU;EACV,GAAG;EACJ,GACD;EAAC;EAAW;EAAY;EAAW;EAAY;EAAK,CACrD;CAGD,MAAM,eAAe,cACb,YAAY,UAAU,SAAS,EACrC,CAAC,UAAU,SAAS,CACrB;CACD,MAAM,oBAAoB,cAClB,YAAY,eAAe,SAAS,EAC1C,CAAC,eAAe,SAAS,CAC1B;CAED,MAAM,cAAc,aAAa;CACjC,MAAM,eAAe,kBAAkB;CAEvC,MAAM,OAAkB,aAAa;CACrC,MAAM,YAAuB,kBAAkB;CAG/C,MAAM,UAAU,YACZ,YACA,eAAe,KAAK,GACjB,KAAK,MAAc,eAAgB,KAAK,MAAc,QAAQ,SAC/D,OACE,SACA;CAER,MAAM,eAAe,eAAe,UAAU,GACzC,UAAU,MAAc,eACxB,UAAU,MAAc,QACzB,SACA,YACE,SACA;AAEN,YAAW,YAAY,eAAe,eAAe,WAAW;CAEhE,MAAM,iBACJ,SAAS,MAAM,iBAAiB,MAAM;AAGxC,SAAQ,CAAC,YAAY,eAAe,CAAC,gBAAgB;EACnD,KAAK,CAAC,wBAAwB,YAAY;EAC1C,MAAM,CACJ,wBACA,kLACD;EACF,CAAC;AAEF,SAAQ,CAAC,YAAY,CAAC,eAAe,CAAC,gBAAgB;EACpD,KAAK,CAAC,8BAA8B,YAAY;EAChD,MAAM,CACJ,wBACA,8IACD;EACF,CAAC;AAEF,KAAI,CAAC,YAAY,CAAC,eAChB,SAAQ;CAGV,MAAM,cAAc,CAAC,EAAE,eAAe;CACtC,MAAM,cAAc,YAAY;CAChC,MAAM,aAAa,CAAC,GAChB,eAAe,CAAC,gBAAkB,gBAAgB,CAAC,gBACrD,CAAC;CAGH,MAAM,WAAW,eAAe;CAChC,MAAM,cAAc,CAAC,EACnB,eACA,OAAO,aAAa,YACpB,CAAC,SAAS,QAAQ,SAAS,CAAC,MAAM,UAAU,OAAO,UAAU,SAAS;CAGxE,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY;CAC3D,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,aAAa;CACtE,MAAM,gBAAgB,kBAAkB;CAExC,MAAM,YAAY,eACT;EACL,GAAG;EACH,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,uBAAuB;EACvB,eAAe;EACf,aAAa,CAAC,EAAE,eAAe,OAAO,aAAa,YAAY,CAAC;EAChE,gBAAgB;EAChB,eAAe,YAAY;EAC5B,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,EACJ,YAAY,iBACZ,UACA,sBACE,eAAe;EACjB;EACA;EACA,YAAY;EACb,CAAC;CAGF,MAAM,uBACJ,qBACA,eACc;EAEd,MAAM,aAAa,YAAgC;GAEjD,MAAM,SAAS,YAAY;AAC3B,OAAI,OAAO,WAAW,WACpB,QAAO,QAAQ;YACN,OACT,QAAO,UAAU;AAGnB,OAAI,WACF,CAAC,WAAmB,UAAU;;EAKlC,MAAM,eACJ,OAAO,SAAS,YACf,QAAQ,QACP,CAAE,mBAAyC,SAAS,KAAK;EAC7D,MAAM,iBACJ,OAAO,SAAS,WAAW,GAAG,KAAK,MAAM,eAAe,OAAO;AAEjE,SACE,qBAAC;GACW;GACV,GAAI,WAAW,aAAa,uBAAuB,EAAE,CAAC;GACtD,KAAK;GACL,MAAM;IAAE,GAAG,YAAY;IAAM,GAAG;IAAW;GAC3C,UAAU;GACV,SAAS,GAAG,MAAM,GAAG,QAAQ;GAC7B,cAAY;GACZ,aAAW,QAAQ;GACnB,aAAW;GACH;GACR,QAAQ,iBAAiB,EAAE,OAAO,gBAAgB,GAAG;;IAErD,oBAAC;KACC,SAAS;KACT,gBAAgB,CAAC;KACjB,UAAU;gBAER,EAAE,UACF,oBAAC;MAAS;MAAK,gBAAa;MAAO,eAAY;gBAC7C,oBAAC;OAAW;OAAU,YAAY;iBAC/B,YAAY,oBAAC,gBAAc,GAAG;QACpB;OACT;MAEU;IACnB,gBACE,cACC,WAEA,oBAAC;KAAI,gBAAa;KAAQ,GAAI;KAAiB,KAAK;KACjD;MACG;IAEV,oBAAC;KACC,SAAS;KACT,gBAAgB,CAAC;KACjB,UAAU;gBAER,EAAE,UACF,oBAAC;MAAS;MAAK,gBAAa;MAAY,eAAY;gBAClD,oBAAC;OAAW;OAAU,YAAY;iBAC/B;QACU;OACT;MAEU;;IACN;;AAIpB,QAAO,kBAAkB,qBAAqB,wBAAwB;EACtE"}

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

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

package/dist/components/actions/ButtonSplit/ButtonSplit.d.ts

@@ -0,0 +1,47 @@
+
+import { CubeButtonProps } from "../Button/Button.js";
+import { CubeMenuProps } from "../Menu/Menu.js";
+import { CubeCollectionItemProps } from "../../CollectionItem.js";
+import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/actions/ButtonSplit/ButtonSplit.d.ts
+interface ButtonSplitAction extends Omit<CubeCollectionItemProps<object>, 'children' | 'onAction' | 'wrapper'> {
+  key: string;
+  label: ReactNode;
+}
+interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {
+  /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */
+  actions?: ButtonSplitAction[];
+  /** Currently selected action key (controlled). */
+  actionKey?: string;
+  /** Initially selected action key (uncontrolled). */
+  defaultActionKey?: string;
+  /** Called when the action button is pressed. Receives the current action key. */
+  onAction?: (key: string) => void;
+  /** Called when the selected action changes via the trigger menu. */
+  onActionChange?: (key: string) => void;
+  /** Button type applied to both action and trigger buttons in strict mode. */
+  type?: CubeButtonProps['type'];
+  /** Button theme applied to both action and trigger buttons in strict mode. */
+  theme?: CubeButtonProps['theme'];
+  /** Button size applied to both action and trigger buttons in strict mode. */
+  size?: CubeButtonProps['size'];
+  /** Disables both buttons in strict mode. */
+  isDisabled?: boolean;
+  /** Additional props for the action button in strict mode. */
+  actionProps?: Partial<CubeButtonProps>;
+  /** Additional props for the trigger button in strict mode. */
+  triggerProps?: Partial<CubeButtonProps>;
+  /** Additional props for the dropdown menu in strict mode. */
+  menuProps?: Partial<CubeMenuProps<object>>;
+  /** Custom styles for the wrapper element. */
+  styles?: Styles;
+  /** Custom mode: render arbitrary Button children. */
+  children?: ReactNode;
+}
+declare const ButtonSplit: react.ForwardRefExoticComponent<CubeButtonSplitProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ButtonSplit, ButtonSplitAction, CubeButtonSplitProps };
+//# sourceMappingURL=ButtonSplit.d.ts.map

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

@@ -0,0 +1,105 @@
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
+import { mergeProps } from "../../../utils/react/mergeProps.js";
+import { DirectionIcon } from "../../../icons/DirectionIcon.js";
+import { ButtonSplitContext } from "./context.js";
+import { Button } from "../Button/Button.js";
+import { __Menu } from "../Menu/Menu.js";
+import { CONTAINER_STYLES, extractStyles, tasty } from "@tenphi/tasty";
+import { forwardRef, useCallback, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/actions/ButtonSplit/ButtonSplit.tsx
+const STYLE_PROPS = CONTAINER_STYLES;
+const ButtonSplitElement = tasty({
+	tag: "div",
+	qa: "ButtonSplit",
+	styles: {
+		display: "inline-flex",
+		position: "relative",
+		verticalAlign: "bottom"
+	}
+});
+const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
+	const { actions, actionKey: controlledActionKey, defaultActionKey, onAction, onActionChange, type, theme, size, isDisabled, actionProps, triggerProps, menuProps, styles, children, ...rest } = props;
+	const isControlled = controlledActionKey !== void 0;
+	const [uncontrolledKey, setUncontrolledKey] = useState(() => defaultActionKey ?? actions?.[0]?.key);
+	const currentKey = isControlled ? controlledActionKey : uncontrolledKey;
+	const currentAction = useMemo(() => actions?.find((a) => a.key === currentKey) ?? actions?.[0], [actions, currentKey]);
+	const handleActionPress = useCallback(() => {
+		if (currentKey) onAction?.(currentKey);
+	}, [currentKey, onAction]);
+	const handleSelectionChange = useCallback((keys) => {
+		const newKey = keys[0];
+		if (newKey) {
+			if (!isControlled) setUncontrolledKey(newKey);
+			onActionChange?.(newKey);
+		}
+	}, [isControlled, onActionChange]);
+	const containerStyles = extractStyles(rest, STYLE_PROPS);
+	const mergedStyles = useMemo(() => ({
+		...containerStyles,
+		...styles
+	}), [containerStyles, styles]);
+	const contextValue = useMemo(() => ({
+		currentKey,
+		onAction,
+		onActionChange,
+		type,
+		theme,
+		size,
+		isDisabled
+	}), [
+		currentKey,
+		onAction,
+		onActionChange,
+		type,
+		theme,
+		size,
+		isDisabled
+	]);
+	const isCustomMode = children != null;
+	return /* @__PURE__ */ jsx(ButtonSplitContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(ButtonSplitElement, {
+			ref,
+			"data-button-split": true,
+			styles: mergedStyles,
+			qa: rest.qa,
+			children: isCustomMode ? children : actions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+				type,
+				theme,
+				size,
+				isDisabled,
+				icon: currentAction?.icon,
+				...mergeProps(actionProps, { onPress: handleActionPress }),
+				children: currentAction?.label
+			}), /* @__PURE__ */ jsxs(__Menu.Trigger, {
+				placement: "bottom end",
+				children: [/* @__PURE__ */ jsx(Button, {
+					type,
+					theme,
+					size,
+					isDisabled,
+					"aria-label": "More options",
+					icon: ({ pressed }) => /* @__PURE__ */ jsx(DirectionIcon, { to: pressed ? "up" : "down" }),
+					...triggerProps
+				}), /* @__PURE__ */ jsx(__Menu, {
+					selectionMode: "single",
+					selectedKeys: currentKey ? [currentKey] : [],
+					onSelectionChange: handleSelectionChange,
+					...menuProps,
+					children: actions.map(({ key, label, textValue, ...itemProps }) => /* @__PURE__ */ jsx(__Menu.Item, {
+						textValue: textValue ?? (typeof label === "string" ? label : key),
+						...itemProps,
+						children: label
+					}, key))
+				})]
+			})] }) : null
+		})
+	});
+});
+ButtonSplit.displayName = "ButtonSplit";
+
+//#endregion
+export { ButtonSplit };
+//# sourceMappingURL=ButtonSplit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSplit.js","names":["Menu"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, extractStyles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { Button } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\n\nimport { ButtonSplitContext } from './context';\n\nimport type { BaseProps, ContainerStyleProps, Styles } from '@tenphi/tasty';\nimport type { CubeCollectionItemProps } from '../../CollectionItem';\nimport type { CubeButtonProps } from '../Button/Button';\nimport type { CubeMenuProps } from '../Menu/Menu';\n\nexport interface ButtonSplitAction\n  extends Omit<\n    CubeCollectionItemProps<object>,\n    'children' | 'onAction' | 'wrapper'\n  > {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {\n  /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */\n  actions?: ButtonSplitAction[];\n  /** Currently selected action key (controlled). */\n  actionKey?: string;\n  /** Initially selected action key (uncontrolled). */\n  defaultActionKey?: string;\n  /** Called when the action button is pressed. Receives the current action key. */\n  onAction?: (key: string) => void;\n  /** Called when the selected action changes via the trigger menu. */\n  onActionChange?: (key: string) => void;\n\n  /** Button type applied to both action and trigger buttons in strict mode. */\n  type?: CubeButtonProps['type'];\n  /** Button theme applied to both action and trigger buttons in strict mode. */\n  theme?: CubeButtonProps['theme'];\n  /** Button size applied to both action and trigger buttons in strict mode. */\n  size?: CubeButtonProps['size'];\n  /** Disables both buttons in strict mode. */\n  isDisabled?: boolean;\n\n  /** Additional props for the action button in strict mode. */\n  actionProps?: Partial<CubeButtonProps>;\n  /** Additional props for the trigger button in strict mode. */\n  triggerProps?: Partial<CubeButtonProps>;\n  /** Additional props for the dropdown menu in strict mode. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n\n  /** Custom styles for the wrapper element. */\n  styles?: Styles;\n\n  /** Custom mode: render arbitrary Button children. */\n  children?: ReactNode;\n}\n\nconst STYLE_PROPS = CONTAINER_STYLES;\n\nconst ButtonSplitElement = tasty({\n  tag: 'div',\n  qa: 'ButtonSplit',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    verticalAlign: 'bottom',\n  },\n});\n\nexport const ButtonSplit = forwardRef<HTMLDivElement, CubeButtonSplitProps>(\n  function ButtonSplit(props, ref) {\n    const {\n      actions,\n      actionKey: controlledActionKey,\n      defaultActionKey,\n      onAction,\n      onActionChange,\n      type,\n      theme,\n      size,\n      isDisabled,\n      actionProps,\n      triggerProps,\n      menuProps,\n      styles,\n      children,\n      ...rest\n    } = props;\n\n    const isControlled = controlledActionKey !== undefined;\n    const [uncontrolledKey, setUncontrolledKey] = useState(\n      () => defaultActionKey ?? actions?.[0]?.key,\n    );\n\n    const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n    const currentAction = useMemo(\n      () => actions?.find((a) => a.key === currentKey) ?? actions?.[0],\n      [actions, currentKey],\n    );\n\n    const handleActionPress = useCallback(() => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    }, [currentKey, onAction]);\n\n    const handleSelectionChange = useCallback(\n      (keys: string[]) => {\n        const newKey = keys[0];\n\n        if (newKey) {\n          if (!isControlled) {\n            setUncontrolledKey(newKey);\n          }\n\n          onActionChange?.(newKey);\n        }\n      },\n      [isControlled, onActionChange],\n    );\n\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = useMemo<Styles>(\n      () => ({\n        ...containerStyles,\n        ...styles,\n      }),\n      [containerStyles, styles],\n    );\n\n    const contextValue = useMemo(\n      () => ({\n        currentKey,\n        onAction,\n        onActionChange,\n        type,\n        theme,\n        size,\n        isDisabled,\n      }),\n      [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n    );\n\n    const isCustomMode = children != null;\n\n    return (\n      <ButtonSplitContext.Provider value={contextValue}>\n        <ButtonSplitElement\n          ref={ref}\n          data-button-split\n          styles={mergedStyles}\n          qa={rest.qa}\n        >\n          {isCustomMode ? (\n            children\n          ) : actions ? (\n            <>\n              <Button\n                type={type}\n                theme={theme}\n                size={size}\n                isDisabled={isDisabled}\n                icon={currentAction?.icon}\n                {...mergeProps(actionProps, { onPress: handleActionPress })}\n              >\n                {currentAction?.label}\n              </Button>\n              <Menu.Trigger placement=\"bottom end\">\n                <Button\n                  type={type}\n                  theme={theme}\n                  size={size}\n                  isDisabled={isDisabled}\n                  aria-label=\"More options\"\n                  icon={({ pressed }) => (\n                    <DirectionIcon to={pressed ? 'up' : 'down'} />\n                  )}\n                  {...triggerProps}\n                />\n                <Menu\n                  selectionMode=\"single\"\n                  selectedKeys={currentKey ? [currentKey] : []}\n                  onSelectionChange={handleSelectionChange}\n                  {...menuProps}\n                >\n                  {actions.map(({ key, label, textValue, ...itemProps }) => (\n                    <Menu.Item\n                      key={key}\n                      textValue={\n                        textValue ?? (typeof label === 'string' ? label : key)\n                      }\n                      {...itemProps}\n                    >\n                      {label}\n                    </Menu.Item>\n                  ))}\n                </Menu>\n              </Menu.Trigger>\n            </>\n          ) : null}\n        </ButtonSplitElement>\n      </ButtonSplitContext.Provider>\n    );\n  },\n);\n\nButtonSplit.displayName = 'ButtonSplit';\n"],"mappings":";;;;;;;;;;;AA2DA,MAAM,cAAc;AAEpB,MAAM,qBAAqB,MAAM;CAC/B,KAAK;CACL,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,UAAU;EACV,eAAe;EAChB;CACF,CAAC;AAEF,MAAa,cAAc,WACzB,SAAS,YAAY,OAAO,KAAK;CAC/B,MAAM,EACJ,SACA,WAAW,qBACX,kBACA,UACA,gBACA,MACA,OACA,MACA,YACA,aACA,cACA,WACA,QACA,UACA,GAAG,SACD;CAEJ,MAAM,eAAe,wBAAwB;CAC7C,MAAM,CAAC,iBAAiB,sBAAsB,eACtC,oBAAoB,UAAU,IAAI,IACzC;CAED,MAAM,aAAa,eAAe,sBAAsB;CAExD,MAAM,gBAAgB,cACd,SAAS,MAAM,MAAM,EAAE,QAAQ,WAAW,IAAI,UAAU,IAC9D,CAAC,SAAS,WAAW,CACtB;CAED,MAAM,oBAAoB,kBAAkB;AAC1C,MAAI,WACF,YAAW,WAAW;IAEvB,CAAC,YAAY,SAAS,CAAC;CAE1B,MAAM,wBAAwB,aAC3B,SAAmB;EAClB,MAAM,SAAS,KAAK;AAEpB,MAAI,QAAQ;AACV,OAAI,CAAC,aACH,oBAAmB,OAAO;AAG5B,oBAAiB,OAAO;;IAG5B,CAAC,cAAc,eAAe,CAC/B;CAED,MAAM,kBAAkB,cAAc,MAAM,YAAY;CAExD,MAAM,eAAe,eACZ;EACL,GAAG;EACH,GAAG;EACJ,GACD,CAAC,iBAAiB,OAAO,CAC1B;CAED,MAAM,eAAe,eACZ;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAY;EAAU;EAAgB;EAAM;EAAO;EAAM;EAAW,CACtE;CAED,MAAM,eAAe,YAAY;AAEjC,QACE,oBAAC,mBAAmB;EAAS,OAAO;YAClC,oBAAC;GACM;GACL;GACA,QAAQ;GACR,IAAI,KAAK;aAER,eACC,WACE,UACF,8CACE,oBAAC;IACO;IACC;IACD;IACM;IACZ,MAAM,eAAe;IACrB,GAAI,WAAW,aAAa,EAAE,SAAS,mBAAmB,CAAC;cAE1D,eAAe;KACT,EACT,qBAACA,OAAK;IAAQ,WAAU;eACtB,oBAAC;KACO;KACC;KACD;KACM;KACZ,cAAW;KACX,OAAO,EAAE,cACP,oBAAC,iBAAc,IAAI,UAAU,OAAO,SAAU;KAEhD,GAAI;MACJ,EACF,oBAACA;KACC,eAAc;KACd,cAAc,aAAa,CAAC,WAAW,GAAG,EAAE;KAC5C,mBAAmB;KACnB,GAAI;eAEH,QAAQ,KAAK,EAAE,KAAK,OAAO,WAAW,GAAG,gBACxC,oBAACA,OAAK;MAEJ,WACE,cAAc,OAAO,UAAU,WAAW,QAAQ;MAEpD,GAAI;gBAEH;QANI,IAOK,CACZ;MACG;KACM,IACd,GACD;IACe;GACO;EAGnC;AAED,YAAY,cAAc"}

package/dist/components/actions/ButtonSplit/context.d.ts

@@ -0,0 +1,18 @@
+
+import * as react from "react";
+
+//#region src/components/actions/ButtonSplit/context.d.ts
+interface ButtonSplitContextValue {
+  currentKey: string | undefined;
+  onAction: ((key: string) => void) | undefined;
+  onActionChange: ((key: string) => void) | undefined;
+  type?: string;
+  theme?: string;
+  size?: string | number;
+  isDisabled?: boolean;
+}
+declare const ButtonSplitContext: react.Context<ButtonSplitContextValue | null>;
+declare function useButtonSplitContext(): ButtonSplitContextValue | null;
+//#endregion
+export { ButtonSplitContext, ButtonSplitContextValue, useButtonSplitContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1,12 @@
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
+import { createContext, useContext } from "react";
+
+//#region src/components/actions/ButtonSplit/context.ts
+const ButtonSplitContext = createContext(null);
+function useButtonSplitContext() {
+	return useContext(ButtonSplitContext);
+}
+
+//#endregion
+export { ButtonSplitContext, useButtonSplitContext };
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/actions/ButtonSplit/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface ButtonSplitContextValue {\n  currentKey: string | undefined;\n  onAction: ((key: string) => void) | undefined;\n  onActionChange: ((key: string) => void) | undefined;\n  type?: string;\n  theme?: string;\n  size?: string | number;\n  isDisabled?: boolean;\n}\n\nexport const ButtonSplitContext = createContext<ButtonSplitContextValue | null>(\n  null,\n);\n\nexport function useButtonSplitContext(): ButtonSplitContextValue | null {\n  return useContext(ButtonSplitContext);\n}\n"],"mappings":";;;;AAYA,MAAa,qBAAqB,cAChC,KACD;AAED,SAAgB,wBAAwD;AACtE,QAAO,WAAW,mBAAmB"}

package/dist/components/actions/ButtonSplit/index.d.ts

@@ -0,0 +1,3 @@
+
+import { ButtonSplit, ButtonSplitAction, CubeButtonSplitProps } from "./ButtonSplit.js";
+import { ButtonSplitContext, ButtonSplitContextValue, useButtonSplitContext } from "./context.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.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.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | 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.120.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_NEUTRAL_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, NOTE_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, WARNING_CLEAR_STYLES, WARNING_NEUTRAL_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES, WARNING_SECONDARY_STYLES } from "../../../data/item-themes.js";