@cube-dev/ui-kit 0.196.0 → 0.198.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
@@ -18,7 +18,6 @@ import { useButtonSplitContext } from "../ButtonSplit/context.js";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";
 import { Children, forwardRef, isValidElement, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/actions/Button/Button.tsx
 const BUTTON_SIZE_VALUES = [
 	"xsmall",
@@ -382,7 +381,7 @@ const Button = forwardRef(function Button(allProps, ref) {
 	};
 	return renderWithTooltip(renderButtonElement, defaultTooltipPlacement);
 });
-
 //#endregion
 export { Button, DEFAULT_BUTTON_STYLES };
+
 //# sourceMappingURL=Button.js.map

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","Placement","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","mergeTooltipFocusProps","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","isExplicitlyDisabled","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","isAutoTooltipEnabled","undefined","hasOwnTooltip","isOnlyLoading","isNativelyDisabled","isInert","inertProps","keepEvents","as","elementProps","renderButtonElement","tooltipTriggerProps","tooltipRef","handleRef","element","domRef","isCustomSize","includes","sizeTokenValue","effectiveType","ariaPressed","role","tabIndex"],"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 { Placement } 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 { mergeTooltipFocusProps } from '../../overlays/Tooltip/split-trigger-props';\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?: 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 isExplicitlyDisabled = splitContext?.isDisabled || props.isDisabled;\n  const isDisabled = isExplicitlyDisabled || 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    isAutoTooltipEnabled,\n  } = useAutoTooltip({\n    tooltip,\n    children,\n    labelProps: undefined,\n  });\n\n  // A tooltip the caller wrote, as opposed to the automatic one that shows a\n  // label cut off by the layout.\n  const hasOwnTooltip = isTooltipActive && !isAutoTooltipEnabled;\n  // Loading without being disabled: busy, but not unavailable.\n  const isOnlyLoading = !!isLoading && !isExplicitlyDisabled;\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. Only the caller's tooltip counts: the automatic one turns\n  // on with the layout, and would make the button a Tab stop only while its\n  // label is cut off.\n  //\n  // A button that is only loading keeps the focus it has, so a keyboard press\n  // that starts the work does not drop it to the page, but Tab skips it, as it\n  // would a disabled one, unless the caller's tooltip is there to be read. One\n  // that is also `isDisabled` stays natively disabled: `SubmitButton` sets both\n  // while a submission runs, and the frozen legacy Form contract pins that\n  // button as `disabled`.\n  //\n  // The attribute is skipped for links too, where it is not valid markup and\n  // `aria-disabled` is the only thing announcing the state.\n  const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({\n    isDisabled: isDisabledElement,\n    keepEvents: hasOwnTooltip || isOnlyLoading,\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        aria-busy={isLoading || undefined}\n        // The tooltip joins the button's own description rather than\n        // replacing it while open.\n        {...mergeProps(\n          mergeTooltipFocusProps(elementProps, tooltipTriggerProps),\n          inertProps,\n        )}\n        {...(isOnlyLoading && !hasOwnTooltip ? { tabIndex: -1 } : null)}\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","Placement","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","mergeTooltipFocusProps","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","isExplicitlyDisabled","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","isAutoTooltipEnabled","undefined","hasOwnTooltip","isOnlyLoading","isNativelyDisabled","isInert","inertProps","keepEvents","as","elementProps","renderButtonElement","tooltipTriggerProps","tooltipRef","handleRef","element","domRef","isCustomSize","includes","sizeTokenValue","effectiveType","ariaPressed","role","tabIndex"],"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 { Placement } 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 { mergeTooltipFocusProps } from '../../overlays/Tooltip/split-trigger-props';\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?: 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 isExplicitlyDisabled = splitContext?.isDisabled || props.isDisabled;\n  const isDisabled = isExplicitlyDisabled || 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    isAutoTooltipEnabled,\n  } = useAutoTooltip({\n    tooltip,\n    children,\n    labelProps: undefined,\n  });\n\n  // A tooltip the caller wrote, as opposed to the automatic one that shows a\n  // label cut off by the layout.\n  const hasOwnTooltip = isTooltipActive && !isAutoTooltipEnabled;\n  // Loading without being disabled: busy, but not unavailable.\n  const isOnlyLoading = !!isLoading && !isExplicitlyDisabled;\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. Only the caller's tooltip counts: the automatic one turns\n  // on with the layout, and would make the button a Tab stop only while its\n  // label is cut off.\n  //\n  // A button that is only loading keeps the focus it has, so a keyboard press\n  // that starts the work does not drop it to the page, but Tab skips it, as it\n  // would a disabled one, unless the caller's tooltip is there to be read. One\n  // that is also `isDisabled` stays natively disabled: `SubmitButton` sets both\n  // while a submission runs, and the frozen legacy Form contract pins that\n  // button as `disabled`.\n  //\n  // The attribute is skipped for links too, where it is not valid markup and\n  // `aria-disabled` is the only thing announcing the state.\n  const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({\n    isDisabled: isDisabledElement,\n    keepEvents: hasOwnTooltip || isOnlyLoading,\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        aria-busy={isLoading || undefined}\n        // The tooltip joins the button's own description rather than\n        // replacing it while open.\n        {...mergeProps(\n          mergeTooltipFocusProps(elementProps, tooltipTriggerProps),\n          inertProps,\n        )}\n        {...(isOnlyLoading && !hasOwnTooltip ? { tabIndex: -1 } : null)}\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/Button/index.d.ts

@@ -1,2 +1,3 @@
 
-import { ButtonMods, ButtonVariant, CubeButtonProps, DEFAULT_BUTTON_STYLES } from "./Button.js";
+import { ButtonMods, ButtonVariant, CubeButtonProps, DEFAULT_BUTTON_STYLES } from "./Button.js";
+export { ButtonMods, ButtonVariant, CubeButtonProps, DEFAULT_BUTTON_STYLES };

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

@@ -1,9 +1,6 @@
 
 import { CubeSpaceProps } from "../../layout/Space.js";
-import * as react from "react";
-
 //#region src/components/actions/ButtonGroup/ButtonGroup.d.ts
-declare const ButtonGroup: react.ForwardRefExoticComponent<CubeSpaceProps & react.RefAttributes<unknown>>;
+export declare const ButtonGroup: import("react").ForwardRefExoticComponent<CubeSpaceProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { ButtonGroup };
 //# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/actions/ButtonGroup/ButtonGroup.tsx
 const ButtonGroupElement = tasty(Space, {
 	qa: "ButtonGroup",
@@ -26,7 +25,7 @@ const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
 	} else t1 = $[2];
 	return t1;
 });
-
 //#endregion
 export { ButtonGroup };
+
 //# sourceMappingURL=ButtonGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["tasty","forwardRef","useSlotProps","CubeSpaceProps","Space","ButtonGroupElement","qa","styles","gridArea","ButtonGroup","props","ref","$","_c","t0","t1"],"sources":["../../../../src/components/actions/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../../utils/react';\nimport { CubeSpaceProps, Space } from '../../layout/Space';\n\nconst ButtonGroupElement = tasty(Space, {\n  qa: 'ButtonGroup',\n  styles: {\n    gridArea: 'buttonGroup',\n  },\n});\n\nexport const ButtonGroup = forwardRef(function ButtonGroup(\n  props: CubeSpaceProps,\n  ref,\n) {\n  return (\n    <ButtonGroupElement ref={ref} {...useSlotProps(props, 'buttonGroup')} />\n  );\n});\n"],"mappings":";;;;;;;;;AAMA,MAAMK,qBAAqBL,MAAMI,OAAO;CACtCE,IAAI;CACJC,QAAQ,EACNC,UAAU,eACZ;CACD,CAAC;AAEF,MAAaC,cAAcR,WAAW,SAAAQ,YAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAKA,MAAAC,KAAAZ,aAAaQ,OAAO,cAAc;CAAA,IAAAK;AAAA,KAAAH,EAAA,OAAAD,OAAAC,EAAA,OAAAE,IAAA;AAApEC,OAAA,oBAAC;GAAwBJ;GAAG,GAAMG;IAAsC;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAAxEG;EAEF"}
+{"version":3,"file":"ButtonGroup.js","names":["tasty","forwardRef","useSlotProps","CubeSpaceProps","Space","ButtonGroupElement","qa","styles","gridArea","ButtonGroup","props","ref","$","_c","t0","t1","_c"],"sources":["../../../../src/components/actions/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../../utils/react';\nimport { CubeSpaceProps, Space } from '../../layout/Space';\n\nconst ButtonGroupElement = tasty(Space, {\n  qa: 'ButtonGroup',\n  styles: {\n    gridArea: 'buttonGroup',\n  },\n});\n\nexport const ButtonGroup = forwardRef(function ButtonGroup(\n  props: CubeSpaceProps,\n  ref,\n) {\n  return (\n    <ButtonGroupElement ref={ref} {...useSlotProps(props, 'buttonGroup')} />\n  );\n});\n"],"mappings":";;;;;;;;AAMA,MAAMK,qBAAqBL,MAAMI,OAAO;CACtCE,IAAI;CACJC,QAAQ,EACNC,UAAU,cACZ;AACF,CAAC;AAED,MAAaC,cAAcR,WAAW,SAAAQ,YAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAKA,MAAAC,KAAAZ,aAAaQ,OAAO,aAAa;CAAC,IAAAK;CAAA,IAAAH,EAAA,OAAAD,OAAAC,EAAA,OAAAE,IAAA;EAApEC,KAAA,oBAAC,oBAAD;GAAyBJ;GAAG,GAAMG;EAAkC,CAAA;EAAIF,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAAxEG;AAAwE,CAE3E"}

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

@@ -3,15 +3,13 @@ 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'> {
+export interface ButtonSplitAction extends Omit<CubeCollectionItemProps<object>, 'children' | 'onAction' | 'wrapper'> {
   key: string;
   label: ReactNode;
 }
-interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {
+export interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {
   /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */
   actions?: ButtonSplitAction[];
   /** Currently selected action key (controlled). */
@@ -46,7 +44,6 @@ interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {
   /** Custom mode: render arbitrary Button children. */
   children?: ReactNode;
 }
-declare const ButtonSplit: react.ForwardRefExoticComponent<CubeButtonSplitProps & react.RefAttributes<HTMLDivElement>>;
+export declare const ButtonSplit: import("react").ForwardRefExoticComponent<CubeButtonSplitProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { ButtonSplit, ButtonSplitAction, CubeButtonSplitProps };
 //# sourceMappingURL=ButtonSplit.d.ts.map

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

@@ -1,16 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ButtonSplitContext } from "./context.js";
 import { Button } from "../Button/Button.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
-import { __Menu } from "../Menu/Menu.js";
+import { Menu as __Menu } from "../Menu/Menu.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, 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({
@@ -68,7 +67,8 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
 		$[11] = t3;
 	} else t3 = $[11];
 	const handleSelectionChange = t3;
-	const mergedStyles = mergeStyleLayers(extractStyles(rest, STYLE_PROPS), styles);
+	const containerStyles = extractStyles(rest, STYLE_PROPS);
+	const mergedStyles = mergeStyleLayers(containerStyles, styles);
 	let t4;
 	if ($[12] !== currentKey || $[13] !== isDisabled || $[14] !== onAction || $[15] !== onActionChange || $[16] !== size || $[17] !== theme || $[18] !== type) {
 		t4 = {
@@ -189,7 +189,7 @@ function _temp2(t0) {
 		children: label
 	}, key);
 }
-
 //#endregion
 export { ButtonSplit };
+
 //# sourceMappingURL=ButtonSplit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useMemo","useState","useI18n","DirectionIcon","mergeProps","extractStyles","mergeStyleLayers","Button","Menu","ButtonSplitContext","BaseProps","ContainerStyleProps","Styles","CubeCollectionItemProps","CubeButtonProps","CubeMenuProps","ButtonSplitAction","Omit","key","label","CubeButtonSplitProps","actions","actionKey","defaultActionKey","onAction","onActionChange","type","theme","size","isDisabled","actionProps","Partial","triggerProps","menuProps","styles","children","STYLE_PROPS","ButtonSplitElement","as","qa","display","position","verticalAlign","ButtonSplit","HTMLDivElement","props","ref","$","_c","controlledActionKey","role","rest","t","isControlled","undefined","t0","uncontrolledKey","setUncontrolledKey","currentKey","t1","find","a","currentAction","t2","handleActionPress","t3","keys","newKey","handleSelectionChange","containerStyles","mergedStyles","t4","contextValue","isCustomMode","t5","T0","t6","eventProps","t7","t8","icon","tooltip","onPress","_temp","map","_temp2","t9","t10","Provider","displayName","pressed","textValue","itemProps"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\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  /**\n   * Default type for every Button in the split: both buttons in strict mode,\n   * the child Buttons in custom mode. A Button's own `type` wins. Buttons in a\n   * popover, dialog or menu opened from the split do not inherit it, nor\n   * `theme`, `size` or `isDisabled`.\n   */\n  type?: CubeButtonProps['type'];\n  /** Default theme for every Button in the split. A Button's own `theme` wins. */\n  theme?: CubeButtonProps['theme'];\n  /** Default size for every Button in the split. A Button's own `size` wins. */\n  size?: CubeButtonProps['size'];\n  /** Disables every Button in the split, even one passing `isDisabled={false}`. */\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  as: '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      role,\n      ...rest\n    } = props;\n\n    const { t } = useI18n();\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 =\n      actions?.find((a) => a.key === currentKey) ?? actions?.[0];\n\n    const handleActionPress = () => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    };\n\n    const handleSelectionChange = (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\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = mergeStyleLayers(containerStyles, styles);\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          {...filterBaseProps(rest, { eventProps: true })}\n          ref={ref}\n          data-button-split\n          styles={mergedStyles}\n          qa={rest.qa}\n          // Custom mode renders peer buttons with no visible group label, which\n          // is exactly when a caller needs `aria-label` to land on something the\n          // AT will announce. `role` comes from `BaseProps`, so a caller that\n          // wants something else — including `presentation` to opt out — just\n          // passes it. Strict mode keeps its previous shape.\n          role={role ?? (isCustomMode ? 'group' : undefined)}\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                tooltip={currentAction?.tooltip}\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={t('buttonSplit.moreOptions', '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":"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"}
+{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useMemo","useState","useI18n","DirectionIcon","mergeProps","extractStyles","mergeStyleLayers","Button","Menu","ButtonSplitContext","BaseProps","ContainerStyleProps","Styles","CubeCollectionItemProps","CubeButtonProps","CubeMenuProps","ButtonSplitAction","Omit","key","label","CubeButtonSplitProps","actions","actionKey","defaultActionKey","onAction","onActionChange","type","theme","size","isDisabled","actionProps","Partial","triggerProps","menuProps","styles","children","STYLE_PROPS","ButtonSplitElement","as","qa","display","position","verticalAlign","ButtonSplit","HTMLDivElement","props","ref","$","_c","controlledActionKey","role","rest","t","isControlled","undefined","t0","uncontrolledKey","setUncontrolledKey","currentKey","t1","find","a","currentAction","t2","handleActionPress","t3","keys","newKey","handleSelectionChange","containerStyles","mergedStyles","t4","contextValue","isCustomMode","t5","T0","t6","eventProps","t7","t8","icon","tooltip","onPress","_temp","map","_temp2","t9","t10","Provider","displayName","pressed","textValue","itemProps","_c","Menu"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\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 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  /**\n   * Default type for every Button in the split: both buttons in strict mode,\n   * the child Buttons in custom mode. A Button's own `type` wins. Buttons in a\n   * popover, dialog or menu opened from the split do not inherit it, nor\n   * `theme`, `size` or `isDisabled`.\n   */\n  type?: CubeButtonProps['type'];\n  /** Default theme for every Button in the split. A Button's own `theme` wins. */\n  theme?: CubeButtonProps['theme'];\n  /** Default size for every Button in the split. A Button's own `size` wins. */\n  size?: CubeButtonProps['size'];\n  /** Disables every Button in the split, even one passing `isDisabled={false}`. */\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  as: '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      role,\n      ...rest\n    } = props;\n\n    const { t } = useI18n();\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 =\n      actions?.find((a) => a.key === currentKey) ?? actions?.[0];\n\n    const handleActionPress = () => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    };\n\n    const handleSelectionChange = (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\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = mergeStyleLayers(containerStyles, styles);\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          {...filterBaseProps(rest, { eventProps: true })}\n          ref={ref}\n          data-button-split\n          styles={mergedStyles}\n          qa={rest.qa}\n          // Custom mode renders peer buttons with no visible group label, which\n          // is exactly when a caller needs `aria-label` to land on something the\n          // AT will announce. `role` comes from `BaseProps`, so a caller that\n          // wants something else — including `presentation` to opt out — just\n          // passes it. Strict mode keeps its previous shape.\n          role={role ?? (isCustomMode ? 'group' : undefined)}\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                tooltip={currentAction?.tooltip}\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={t('buttonSplit.moreOptions', '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":"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"}

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

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

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

@@ -1,12 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","ButtonSplitContextValue","currentKey","onAction","key","onActionChange","type","theme","size","isDisabled","ButtonSplitContext","useButtonSplitContext"],"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,MAAaW,qBAAqBX,cAChC,KACD;AAED,SAAOY,wBAAA;AAAA,QACEX,WAAWU,mBAAmB"}
+{"version":3,"file":"context.js","names":["createContext","useContext","ButtonSplitContextValue","currentKey","onAction","key","onActionChange","type","theme","size","isDisabled","ButtonSplitContext","useButtonSplitContext"],"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,MAAaW,qBAAqBX,cAChC,IACF;AAEA,SAAOY,wBAAA;CAAA,OACEX,WAAWU,kBAAkB;AAAC"}

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

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

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

@@ -8,19 +8,16 @@ import { CubeCollectionItemProps } from "../../CollectionItem.js";
 import "../../../index.js";
 import { BasePropsWithoutChildren, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import React, { ReactElement, ReactNode } from "react";
-import * as react_aria0 from "react-aria";
-import * as react_stately0 from "react-stately";
 import { FocusStrategy } from "@react-types/shared";
-
 //#region src/components/actions/CommandMenu/CommandMenu.d.ts
-interface CommandMenuItem {
+export interface CommandMenuItem {
   id: string;
   textValue: string;
   keywords?: string[];
   forceMount?: boolean;
   [key: string]: any;
 }
-interface CubeCommandMenuProps<T> extends BasePropsWithoutChildren, ContainerStyleProps, Omit<CubeMenuProps<T>, 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'> {
+export interface CubeCommandMenuProps<T> extends BasePropsWithoutChildren, ContainerStyleProps, Omit<CubeMenuProps<T>, 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'> {
   searchPlaceholder?: string;
   searchValue?: string;
   onSearchChange?: (value: string) => void;
@@ -41,12 +38,12 @@ interface CubeCommandMenuProps<T> extends BasePropsWithoutChildren, ContainerSty
   onSelectionChange?: (keys: string[]) => void;
 }
 declare const __CommandMenu: (<T>(props: CubeCommandMenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement) & {
-  Trigger: React.ForwardRefExoticComponent<Omit<react_aria0.AriaMenuTriggerProps, "children"> & react_aria0.PositionProps & {
+  Trigger: React.ForwardRefExoticComponent<Omit<import("react-aria").AriaMenuTriggerProps, "children"> & import("react-aria").PositionProps & {
     isDisabled?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
     targetRef?: React.RefObject<HTMLElement | null>;
-    children: [ReactElement | ((state: react_stately0.MenuTriggerState) => ReactElement), ReactElement];
+    children: [ReactElement | ((state: import("react-stately").MenuTriggerState) => ReactElement), ReactElement];
     closeOnSelect?: boolean;
     isDummy?: boolean;
     shouldRestoreFocus?: boolean;
@@ -57,9 +54,9 @@ declare const __CommandMenu: (<T>(props: CubeCommandMenuProps<T> & React.RefAttr
     Action: typeof ItemAction;
     Badge: typeof ItemBadge;
   }, "Action" | "Badge">;
-  Section: <T>(props: react_stately0.SectionProps<T>) => React.JSX.Element;
+  Section: <T>(props: import("react-stately").SectionProps<T>) => React.JSX.Element;
   displayName: string;
 };
 //#endregion
-export { CommandMenuItem, CubeCommandMenuProps, __CommandMenu };
+export { __CommandMenu as CommandMenu };
 //# sourceMappingURL=CommandMenu.d.ts.map