@cube-dev/ui-kit 0.197.0 → 0.198.1

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

@@ -1 +1 @@
-{"version":3,"file":"ItemAction.js","names":["FocusableRef","BaseProps","Styles","tasty","ComponentProps","forwardRef","HTMLAttributes","ReactNode","RefObject","CURRENT_CLEAR_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","ITEM_ACTION_BASE_STYLES","NOTE_CLEAR_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","CheckIcon","LoadingIcon","getDisabledElementProps","mergeProps","omitActivationEventProps","mergeTooltipFocusProps","TooltipProvider","useItemActionContext","CubeUseActionProps","useAction","CubeItemActionProps","Omit","size","icon","children","isLoading","isSelected","type","theme","tooltip","title","styles","tabIndex","ItemActionVariant","ItemActionElement","qa","recipe","outline","focused","outlineOffset","cursor","disabled","preset","padding","Icon","$","variants","ItemAction","allProps","ref","_c","contextType","disableActionsFocus","menuItemAction","isDisabled","contextIsDisabled","isDisabledProp","mods","rest","t0","t1","t2","t3","undefined","isDisabledInherited","hasCheckmark","t4","finalIcon","t5","t6","t7","t8","checkmark","selected","loading","context","finalMods","ariaLabel","t9","htmlType","actionProps","t10","t11","t12","excludeFromTabOrder","role","Symbol","for","bb0","_isDisabled","finalTabIndex","tooltipContent","t13","tooltipProps","_title","t14","hasTooltip","isNativelyDisabled","isInert","inertProps","keepEvents","as","elementProps","finalType","renderButton","tooltipTriggerProps","tooltipRef","mergedProps","element","current","actionRef","triggerProps","tooltipRef_0","ItemActionProps"],"sources":["../../../../src/components/actions/ItemAction/ItemAction.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n} from 'react';\n\nimport {\n  CURRENT_CLEAR_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport {\n  getDisabledElementProps,\n  mergeProps,\n  omitActivationEventProps,\n} from '../../../utils/react';\nimport { mergeTooltipFocusProps } from '../../overlays/Tooltip/split-trigger-props';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useItemActionContext } from '../ItemActionContext';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemActionProps\n  extends Omit<CubeUseActionProps, 'as' | 'htmlType'>,\n    Omit<BaseProps, 'as'> {\n  size?:\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'\n    | 'inline'\n    | (string & {});\n  icon?: ReactNode | 'checkmark';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  theme?:\n    | 'current'\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: ReactNode;\n      });\n  styles?: Styles;\n  tabIndex?: number;\n}\n\ntype ItemActionVariant =\n  // Inherited-color theme — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.outline'\n  | 'current.clear'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.clear'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.clear'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.clear'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear';\n\nconst ItemActionElement = tasty({\n  qa: 'ItemAction',\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- action base shared with ItemBadge\n    ...ITEM_ACTION_BASE_STYLES,\n    recipe: 'reset button',\n    // Every variant below defines its own ring and overrides this one, which is\n    // kept as the floor for a custom `type` that resolves to no variant at all.\n    // It uses the same `#primary-accent-text` as every variant in\n    // `item-themes.ts`.\n    outline: {\n      '': '0 #primary-accent-text.0',\n      focused: '1bw #primary-accent-text',\n    },\n    outlineOffset: 1,\n    cursor: { '': '$pointer', disabled: 'default' },\n    preset: {\n      '': 't4',\n      'size=xlarge': 't3m',\n    },\n    padding: {\n      '': '0 $inline-padding',\n      'has-icon': 0,\n      'has-icon & has-label': '$inline-padding right',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.25x',\n    },\n    '$inline-compensation': '.5x',\n    '$min-inline-padding': '(.5x - 1bw)',\n    '$local-icon-size': '$icon-size',\n\n    Icon: {\n      $: '>',\n      // eslint-disable-next-line tasty/no-style-spread -- Icon base shared with ItemBadge\n      ...(ITEM_ACTION_BASE_STYLES.Icon as Styles),\n      '$icon-size': 'min($local-icon-size, ($action-size - .25x))',\n    },\n  },\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`. The\n    // default `clear` flavour is borderless, so an action does not put a resting\n    // chip on every row.\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n  },\n});\n\nexport const ItemAction = forwardRef(function ItemAction(\n  allProps: CubeItemActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    type: contextType,\n    disableActionsFocus,\n    menuItemAction,\n    isDisabled: contextIsDisabled,\n  } = useItemActionContext();\n\n  const {\n    // Borderless by default: an action sits inside a row, where a resting chip\n    // on every one of them would read as noise.\n    type = 'clear',\n    // The `current` theme derives every color from the row's inherited\n    // `currentcolor`, so one default covers every host type and theme — no need\n    // to mirror the row's own `theme` from context. An action that names a theme\n    // is asking to paint itself rather than match its host, and gets it.\n    theme = 'current',\n    icon,\n    children,\n    isLoading = false,\n    isSelected = false,\n    tooltip,\n    mods,\n    styles,\n    isDisabled: isDisabledProp,\n    ...rest\n  } = allProps;\n\n  // Inherit disabled state from context, but allow local override. Loading\n  // always disables, as on `Button`: a second press while the first is still\n  // running would run the action again, so not even `isDisabled={false}`\n  // re-enables a loading action.\n  const isDisabled = isLoading || (isDisabledProp ?? contextIsDisabled);\n\n  // The host row is disabled too. The `current` theme paints from the inherited\n  // color, which a disabled host has already faded, so fading a second time\n  // washes the label out (see `CURRENT_ITEM_STYLES.color`). And like a disabled\n  // fieldset, a disabled host leaves its button actions out of the tab order.\n  const isDisabledInherited = !!contextIsDisabled && isDisabled;\n\n  // Determine if we should show a checkmark\n  const hasCheckmark = icon === 'checkmark';\n\n  // Determine final icon (loading takes precedence)\n  const finalIcon = isLoading ? (\n    <LoadingIcon />\n  ) : hasCheckmark ? (\n    <CheckIcon />\n  ) : (\n    icon\n  );\n\n  // Build modifiers\n  const finalMods = {\n    checkmark: hasCheckmark,\n    selected: isSelected,\n    loading: isLoading,\n    'has-label': !!children,\n    context: !!contextType,\n    // The spinner takes the icon slot, so it needs the icon's padding.\n    'has-icon': !!finalIcon,\n    'inherit-disabled': isDisabledInherited,\n    ...mods,\n  };\n\n  // An explicit label always wins; a tooltip only fills in the accessible name\n  // when there isn't one. Rich tooltip content can't serve as a name, so only\n  // plain strings are used here.\n  const ariaLabel =\n    rest['aria-label'] ||\n    (typeof tooltip === 'string'\n      ? tooltip\n      : typeof tooltip === 'object' && typeof tooltip.title === 'string'\n        ? tooltip.title\n        : undefined);\n\n  // `isDisabled` is dropped from the element: tasty would turn it into the\n  // native `disabled` attribute, which `getDisabledElementProps` decides below.\n  const {\n    actionProps: { isDisabled: _isDisabled, ...actionProps },\n  } = useAction(\n    {\n      ...rest,\n      isDisabled,\n      'aria-label': ariaLabel,\n      mods: finalMods,\n      htmlType: 'button',\n    },\n    ref,\n  );\n\n  // Set tabIndex when in context. A loading action keeps focus it already has,\n  // but Tab skips it until loading ends, tooltip or not. Otherwise an explicit\n  // `tabIndex` wins over `excludeFromTabOrder`, which this prop would reset.\n  const finalTabIndex =\n    disableActionsFocus || isLoading\n      ? -1\n      : rest.tabIndex ?? (rest.excludeFromTabOrder ? -1 : undefined);\n\n  // Extract tooltip content and props\n  const tooltipContent =\n    typeof tooltip === 'string'\n      ? tooltip\n      : typeof tooltip === 'object' && tooltip.title\n        ? tooltip.title\n        : undefined;\n\n  const { title: _title, ...tooltipProps } =\n    typeof tooltip === 'object' ? tooltip : {};\n\n  // Only icon-only actions show their tooltip.\n  const hasTooltip = !children && !!tooltipContent;\n\n  // Native `disabled` drops focus. A loading action keeps it, so a keyboard\n  // press doesn't lose its place. So does an action that disables itself while\n  // showing a tooltip, often its only label, which keyboard users reach and read\n  // as on `Button`. One whose host is disabled too stays native.\n  const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({\n    isDisabled,\n    keepEvents: isLoading || (hasTooltip && !isDisabledInherited),\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 action.\n  const elementProps = isInert\n    ? omitActivationEventProps(actionProps)\n    : actionProps;\n\n  const finalType = type;\n\n  // Render function that accepts tooltip trigger props and ref\n  const renderButton = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ) => {\n    // Merge tooltip ref with actionProps if provided\n    const mergedProps = tooltipRef\n      ? mergeProps(\n          mergeTooltipFocusProps(elementProps, tooltipTriggerProps),\n          inertProps,\n          {\n            ref: (element: HTMLElement | null) => {\n              // Set the tooltip ref\n              if (tooltipRef) {\n                (tooltipRef as any).current = element;\n              }\n              // Set the action ref if it exists in actionProps\n              const actionRef = (actionProps as any).ref;\n              if (actionRef) {\n                if (typeof actionRef === 'function') {\n                  actionRef(element);\n                } else {\n                  actionRef.current = element;\n                }\n              }\n            },\n          },\n        )\n      : mergeProps(\n          mergeTooltipFocusProps(elementProps, tooltipTriggerProps),\n          inertProps,\n        );\n\n    return (\n      <ItemActionElement\n        {...mergedProps}\n        disabled={isNativelyDisabled}\n        variant={`${theme}.${finalType}` as ItemActionVariant}\n        data-theme={theme}\n        data-type={finalType}\n        role={menuItemAction ? 'menuitem' : rest.role}\n        data-menu-inline-action={menuItemAction || undefined}\n        tabIndex={finalTabIndex}\n        styles={styles}\n      >\n        {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n        {children}\n      </ItemActionElement>\n    );\n  };\n\n  // Wrap with tooltip if needed\n  if (hasTooltip) {\n    return (\n      <TooltipProvider title={tooltipContent} {...tooltipProps}>\n        {(triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)}\n      </TooltipProvider>\n    );\n  }\n\n  return renderButton();\n});\n\nexport type { CubeItemActionProps as ItemActionProps };\n"],"mappings":"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"}
+{"version":3,"file":"ItemAction.js","names":["FocusableRef","BaseProps","Styles","tasty","ComponentProps","forwardRef","HTMLAttributes","ReactNode","RefObject","CURRENT_CLEAR_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","ITEM_ACTION_BASE_STYLES","NOTE_CLEAR_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","CheckIcon","LoadingIcon","getDisabledElementProps","mergeProps","omitActivationEventProps","mergeTooltipFocusProps","TooltipProvider","useItemActionContext","CubeUseActionProps","useAction","CubeItemActionProps","Omit","size","icon","children","isLoading","isSelected","type","theme","tooltip","title","styles","tabIndex","ItemActionVariant","ItemActionElement","qa","recipe","outline","focused","outlineOffset","cursor","disabled","preset","padding","Icon","$","variants","ItemAction","allProps","ref","_c","contextType","disableActionsFocus","menuItemAction","isDisabled","contextIsDisabled","isDisabledProp","mods","rest","t0","t1","t2","t3","undefined","isDisabledInherited","hasCheckmark","t4","finalIcon","t5","t6","t7","t8","checkmark","selected","loading","context","finalMods","ariaLabel","t9","htmlType","actionProps","t10","t11","t12","excludeFromTabOrder","role","Symbol","for","bb0","_isDisabled","finalTabIndex","tooltipContent","t13","tooltipProps","_title","t14","hasTooltip","isNativelyDisabled","isInert","inertProps","keepEvents","as","elementProps","finalType","renderButton","tooltipTriggerProps","tooltipRef","mergedProps","element","current","actionRef","triggerProps","tooltipRef_0","ItemActionProps","_c"],"sources":["../../../../src/components/actions/ItemAction/ItemAction.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n} from 'react';\n\nimport {\n  CURRENT_CLEAR_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport {\n  getDisabledElementProps,\n  mergeProps,\n  omitActivationEventProps,\n} from '../../../utils/react';\nimport { mergeTooltipFocusProps } from '../../overlays/Tooltip/split-trigger-props';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useItemActionContext } from '../ItemActionContext';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemActionProps\n  extends Omit<CubeUseActionProps, 'as' | 'htmlType'>, Omit<BaseProps, 'as'> {\n  size?:\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'\n    | 'inline'\n    | (string & {});\n  icon?: ReactNode | 'checkmark';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  theme?:\n    | 'current'\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: ReactNode;\n      });\n  styles?: Styles;\n  tabIndex?: number;\n}\n\ntype ItemActionVariant =\n  // Inherited-color theme — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.outline'\n  | 'current.clear'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.clear'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.clear'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.clear'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear';\n\nconst ItemActionElement = tasty({\n  qa: 'ItemAction',\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- action base shared with ItemBadge\n    ...ITEM_ACTION_BASE_STYLES,\n    recipe: 'reset button',\n    // Every variant below defines its own ring and overrides this one, which is\n    // kept as the floor for a custom `type` that resolves to no variant at all.\n    // It uses the same `#primary-accent-text` as every variant in\n    // `item-themes.ts`.\n    outline: {\n      '': '0 #primary-accent-text.0',\n      focused: '1bw #primary-accent-text',\n    },\n    outlineOffset: 1,\n    cursor: { '': '$pointer', disabled: 'default' },\n    preset: {\n      '': 't4',\n      'size=xlarge': 't3m',\n    },\n    padding: {\n      '': '0 $inline-padding',\n      'has-icon': 0,\n      'has-icon & has-label': '$inline-padding right',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.25x',\n    },\n    '$inline-compensation': '.5x',\n    '$min-inline-padding': '(.5x - 1bw)',\n    '$local-icon-size': '$icon-size',\n\n    Icon: {\n      $: '>',\n      // eslint-disable-next-line tasty/no-style-spread -- Icon base shared with ItemBadge\n      ...(ITEM_ACTION_BASE_STYLES.Icon as Styles),\n      '$icon-size': 'min($local-icon-size, ($action-size - .25x))',\n    },\n  },\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`. The\n    // default `clear` flavour is borderless, so an action does not put a resting\n    // chip on every row.\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n  },\n});\n\nexport const ItemAction = forwardRef(function ItemAction(\n  allProps: CubeItemActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    type: contextType,\n    disableActionsFocus,\n    menuItemAction,\n    isDisabled: contextIsDisabled,\n  } = useItemActionContext();\n\n  const {\n    // Borderless by default: an action sits inside a row, where a resting chip\n    // on every one of them would read as noise.\n    type = 'clear',\n    // The `current` theme derives every color from the row's inherited\n    // `currentcolor`, so one default covers every host type and theme — no need\n    // to mirror the row's own `theme` from context. An action that names a theme\n    // is asking to paint itself rather than match its host, and gets it.\n    theme = 'current',\n    icon,\n    children,\n    isLoading = false,\n    isSelected = false,\n    tooltip,\n    mods,\n    styles,\n    isDisabled: isDisabledProp,\n    ...rest\n  } = allProps;\n\n  // Inherit disabled state from context, but allow local override. Loading\n  // always disables, as on `Button`: a second press while the first is still\n  // running would run the action again, so not even `isDisabled={false}`\n  // re-enables a loading action.\n  const isDisabled = isLoading || (isDisabledProp ?? contextIsDisabled);\n\n  // The host row is disabled too. The `current` theme paints from the inherited\n  // color, which a disabled host has already faded, so fading a second time\n  // washes the label out (see `CURRENT_ITEM_STYLES.color`). And like a disabled\n  // fieldset, a disabled host leaves its button actions out of the tab order.\n  const isDisabledInherited = !!contextIsDisabled && isDisabled;\n\n  // Determine if we should show a checkmark\n  const hasCheckmark = icon === 'checkmark';\n\n  // Determine final icon (loading takes precedence)\n  const finalIcon = isLoading ? (\n    <LoadingIcon />\n  ) : hasCheckmark ? (\n    <CheckIcon />\n  ) : (\n    icon\n  );\n\n  // Build modifiers\n  const finalMods = {\n    checkmark: hasCheckmark,\n    selected: isSelected,\n    loading: isLoading,\n    'has-label': !!children,\n    context: !!contextType,\n    // The spinner takes the icon slot, so it needs the icon's padding.\n    'has-icon': !!finalIcon,\n    'inherit-disabled': isDisabledInherited,\n    ...mods,\n  };\n\n  // An explicit label always wins; a tooltip only fills in the accessible name\n  // when there isn't one. Rich tooltip content can't serve as a name, so only\n  // plain strings are used here.\n  const ariaLabel =\n    rest['aria-label'] ||\n    (typeof tooltip === 'string'\n      ? tooltip\n      : typeof tooltip === 'object' && typeof tooltip.title === 'string'\n        ? tooltip.title\n        : undefined);\n\n  // `isDisabled` is dropped from the element: tasty would turn it into the\n  // native `disabled` attribute, which `getDisabledElementProps` decides below.\n  const {\n    actionProps: { isDisabled: _isDisabled, ...actionProps },\n  } = useAction(\n    {\n      ...rest,\n      isDisabled,\n      'aria-label': ariaLabel,\n      mods: finalMods,\n      htmlType: 'button',\n    },\n    ref,\n  );\n\n  // Set tabIndex when in context. A loading action keeps focus it already has,\n  // but Tab skips it until loading ends, tooltip or not. Otherwise an explicit\n  // `tabIndex` wins over `excludeFromTabOrder`, which this prop would reset.\n  const finalTabIndex =\n    disableActionsFocus || isLoading\n      ? -1\n      : (rest.tabIndex ?? (rest.excludeFromTabOrder ? -1 : undefined));\n\n  // Extract tooltip content and props\n  const tooltipContent =\n    typeof tooltip === 'string'\n      ? tooltip\n      : typeof tooltip === 'object' && tooltip.title\n        ? tooltip.title\n        : undefined;\n\n  const { title: _title, ...tooltipProps } =\n    typeof tooltip === 'object' ? tooltip : {};\n\n  // Only icon-only actions show their tooltip.\n  const hasTooltip = !children && !!tooltipContent;\n\n  // Native `disabled` drops focus. A loading action keeps it, so a keyboard\n  // press doesn't lose its place. So does an action that disables itself while\n  // showing a tooltip, often its only label, which keyboard users reach and read\n  // as on `Button`. One whose host is disabled too stays native.\n  const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({\n    isDisabled,\n    keepEvents: isLoading || (hasTooltip && !isDisabledInherited),\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 action.\n  const elementProps = isInert\n    ? omitActivationEventProps(actionProps)\n    : actionProps;\n\n  const finalType = type;\n\n  // Render function that accepts tooltip trigger props and ref\n  const renderButton = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ) => {\n    // Merge tooltip ref with actionProps if provided\n    const mergedProps = tooltipRef\n      ? mergeProps(\n          mergeTooltipFocusProps(elementProps, tooltipTriggerProps),\n          inertProps,\n          {\n            ref: (element: HTMLElement | null) => {\n              // Set the tooltip ref\n              if (tooltipRef) {\n                (tooltipRef as any).current = element;\n              }\n              // Set the action ref if it exists in actionProps\n              const actionRef = (actionProps as any).ref;\n              if (actionRef) {\n                if (typeof actionRef === 'function') {\n                  actionRef(element);\n                } else {\n                  actionRef.current = element;\n                }\n              }\n            },\n          },\n        )\n      : mergeProps(\n          mergeTooltipFocusProps(elementProps, tooltipTriggerProps),\n          inertProps,\n        );\n\n    return (\n      <ItemActionElement\n        {...mergedProps}\n        disabled={isNativelyDisabled}\n        variant={`${theme}.${finalType}` as ItemActionVariant}\n        data-theme={theme}\n        data-type={finalType}\n        role={menuItemAction ? 'menuitem' : rest.role}\n        data-menu-inline-action={menuItemAction || undefined}\n        tabIndex={finalTabIndex}\n        styles={styles}\n      >\n        {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n        {children}\n      </ItemActionElement>\n    );\n  };\n\n  // Wrap with tooltip if needed\n  if (hasTooltip) {\n    return (\n      <TooltipProvider title={tooltipContent} {...tooltipProps}>\n        {(triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)}\n      </TooltipProvider>\n    );\n  }\n\n  return renderButton();\n});\n\nexport type { CubeItemActionProps as ItemActionProps };\n"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
 
-import { CubeItemActionProps, ItemAction } from "./ItemAction.js";
+import { CubeItemActionProps, ItemAction } from "./ItemAction.js";
+export { type CubeItemActionProps, ItemAction };

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

@@ -1,8 +1,6 @@
 
-import { CubeItemProps } from "../content/Item/Item.js";
-import * as react from "react";
+import { CubeItemBaseProps as CubeItemProps } from "../content/Item/Item.js";
 import { ReactNode } from "react";
-
 //#region src/components/actions/ItemActionContext.d.ts
 /**
  * What an `ItemAction` / `ItemBadge` picks up from the row that hosts it.
@@ -25,7 +23,7 @@ interface ItemActionContextValue {
   menuItemAction?: boolean;
   isDisabled?: boolean;
 }
-interface ItemActionProviderProps {
+export interface ItemActionProviderProps {
   type?: CubeItemProps['type'];
   theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});
   disableActionsFocus?: boolean;
@@ -33,15 +31,8 @@ interface ItemActionProviderProps {
   isDisabled?: boolean;
   children: ReactNode;
 }
-declare function ItemActionProvider({
-  type,
-  theme,
-  disableActionsFocus,
-  menuItemAction,
-  isDisabled,
-  children
-}: ItemActionProviderProps): react.JSX.Element;
-declare function useItemActionContext(): ItemActionContextValue;
+export declare function ItemActionProvider({ type, theme, disableActionsFocus, menuItemAction, isDisabled, children }: ItemActionProviderProps): import("react").JSX.Element;
+export declare function useItemActionContext(): ItemActionContextValue;
 //#endregion
-export { ItemActionProvider, ItemActionProviderProps, useItemActionContext };
+export {};
 //# sourceMappingURL=ItemActionContext.d.ts.map

package/dist/components/actions/ItemActionContext.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/actions/ItemActionContext.tsx
 const ItemActionContext = createContext(void 0);
 function ItemActionProvider(t0) {
@@ -39,7 +38,7 @@ function ItemActionProvider(t0) {
 function useItemActionContext() {
 	return useContext(ItemActionContext) ?? {};
 }
-
 //#endregion
 export { ItemActionProvider, useItemActionContext };
+
 //# sourceMappingURL=ItemActionContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemActionContext.js","names":["createContext","ReactNode","useContext","CubeItemProps","ItemActionContextValue","type","theme","disableActionsFocus","menuItemAction","isDisabled","ItemActionContext","undefined","ItemActionProviderProps","children","ItemActionProvider","t0","$","_c","t1","t2","useItemActionContext"],"sources":["../../../src/components/actions/ItemActionContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\nimport type { CubeItemProps } from '../content/Item/Item';\n\n/**\n * What an `ItemAction` / `ItemBadge` picks up from the row that hosts it.\n *\n * `type` is deliberately NOT a styling input. Actions default to the `current`\n * type, which derives every color from the row's own `currentcolor`, so they\n * track the host's type without being told what it is — see\n * `CURRENT_ITEM_STYLES`. It is still carried here because its *presence* marks\n * \"inside a host\", which drives the `context` mod that collapses the action's\n * side margins.\n *\n * `theme` is still consumed: `current` needs to know when it sits on the\n * special theme's dark surface, where the alpha ramp has to step harder to stay\n * visible. `ItemAction` forwards it to `data-theme` for that one purpose.\n */\ninterface ItemActionContextValue {\n  type?: CubeItemProps['type'];\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  disableActionsFocus?: boolean;\n  menuItemAction?: boolean;\n  isDisabled?: boolean;\n}\n\nconst ItemActionContext = createContext<ItemActionContextValue | undefined>(\n  undefined,\n);\n\nexport interface ItemActionProviderProps {\n  type?: CubeItemProps['type'];\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  disableActionsFocus?: boolean;\n  menuItemAction?: boolean;\n  isDisabled?: boolean;\n  children: ReactNode;\n}\n\nexport function ItemActionProvider({\n  type,\n  theme,\n  disableActionsFocus,\n  menuItemAction,\n  isDisabled,\n  children,\n}: ItemActionProviderProps) {\n  return (\n    <ItemActionContext.Provider\n      value={{\n        // Passed through as-is. The mapping that used to fold the row types onto\n        // `clear` here existed only to pick an action variant, which `current`\n        // now does on its own.\n        type,\n        theme,\n        disableActionsFocus,\n        menuItemAction,\n        isDisabled,\n      }}\n    >\n      {children}\n    </ItemActionContext.Provider>\n  );\n}\n\nexport function useItemActionContext(): ItemActionContextValue {\n  return useContext(ItemActionContext) ?? {};\n}\n"],"mappings":";;;;;;AA0BA,MAAMU,oBAAoBV,cACxBW,OACD;AAWD,SAAOG,mBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA4B,MAAA,EAAAZ,MAAAC,OAAAC,qBAAAC,gBAAAC,YAAAI,aAAAE;CAOT,IAAAG;AAAA,KAAAF,EAAA,OAAAT,uBAAAS,EAAA,OAAAP,cAAAO,EAAA,OAAAR,kBAAAQ,EAAA,OAAAV,SAAAU,EAAA,OAAAX,MAAA;AAGba,OAAA;GAAAb;GAAAC;GAAAC;GAAAC;GAAAC;GASN;AAAAO,IAAA,KAAAT;AAAAS,IAAA,KAAAP;AAAAO,IAAA,KAAAR;AAAAQ,IAAA,KAAAV;AAAAU,IAAA,KAAAX;AAAAW,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAA,IAAAG;AAAA,KAAAH,EAAA,OAAAH,YAAAG,EAAA,OAAAE,IAAA;AAVHC,OAAA,oBAAA,kBAAA;GACS,OAAAD;GAWNL;IAC0B;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAb7BG;;AAiBJ,SAAOC,uBAAA;AAAA,QACElB,WAAWQ,kBAAwB,IAAnC,EAAmC"}
+{"version":3,"file":"ItemActionContext.js","names":["createContext","ReactNode","useContext","CubeItemProps","ItemActionContextValue","type","theme","disableActionsFocus","menuItemAction","isDisabled","ItemActionContext","undefined","ItemActionProviderProps","children","ItemActionProvider","t0","$","_c","t1","t2","useItemActionContext","_c"],"sources":["../../../src/components/actions/ItemActionContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\nimport type { CubeItemProps } from '../content/Item/Item';\n\n/**\n * What an `ItemAction` / `ItemBadge` picks up from the row that hosts it.\n *\n * `type` is deliberately NOT a styling input. Actions default to the `current`\n * type, which derives every color from the row's own `currentcolor`, so they\n * track the host's type without being told what it is — see\n * `CURRENT_ITEM_STYLES`. It is still carried here because its *presence* marks\n * \"inside a host\", which drives the `context` mod that collapses the action's\n * side margins.\n *\n * `theme` is still consumed: `current` needs to know when it sits on the\n * special theme's dark surface, where the alpha ramp has to step harder to stay\n * visible. `ItemAction` forwards it to `data-theme` for that one purpose.\n */\ninterface ItemActionContextValue {\n  type?: CubeItemProps['type'];\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  disableActionsFocus?: boolean;\n  menuItemAction?: boolean;\n  isDisabled?: boolean;\n}\n\nconst ItemActionContext = createContext<ItemActionContextValue | undefined>(\n  undefined,\n);\n\nexport interface ItemActionProviderProps {\n  type?: CubeItemProps['type'];\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  disableActionsFocus?: boolean;\n  menuItemAction?: boolean;\n  isDisabled?: boolean;\n  children: ReactNode;\n}\n\nexport function ItemActionProvider({\n  type,\n  theme,\n  disableActionsFocus,\n  menuItemAction,\n  isDisabled,\n  children,\n}: ItemActionProviderProps) {\n  return (\n    <ItemActionContext.Provider\n      value={{\n        // Passed through as-is. The mapping that used to fold the row types onto\n        // `clear` here existed only to pick an action variant, which `current`\n        // now does on its own.\n        type,\n        theme,\n        disableActionsFocus,\n        menuItemAction,\n        isDisabled,\n      }}\n    >\n      {children}\n    </ItemActionContext.Provider>\n  );\n}\n\nexport function useItemActionContext(): ItemActionContextValue {\n  return useContext(ItemActionContext) ?? {};\n}\n"],"mappings":";;;;;AA0BA,MAAMU,oBAAoBV,cACxBW,KAAAA,CACF;AAWA,SAAOG,mBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAA4B,MAAA,EAAAZ,MAAAC,OAAAC,qBAAAC,gBAAAC,YAAAI,aAAAE;CAOT,IAAAG;CAAA,IAAAF,EAAA,OAAAT,uBAAAS,EAAA,OAAAP,cAAAO,EAAA,OAAAR,kBAAAQ,EAAA,OAAAV,SAAAU,EAAA,OAAAX,MAAA;EAGba,KAAA;GAAAb;GAAAC;GAAAC;GAAAC;GAAAC;EASP;EAACO,EAAA,KAAAT;EAAAS,EAAA,KAAAP;EAAAO,EAAA,KAAAR;EAAAQ,EAAA,KAAAV;EAAAU,EAAA,KAAAX;EAAAW,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAAH,YAAAG,EAAA,OAAAE,IAAA;EAVHC,KAAA,oBAAA,kBAAA,UAAA;GACS,OAAAD;GAWNL;EACH,CAAA;EAA6BG,EAAA,KAAAH;EAAAG,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAb7BG;AAa6B;AAIjC,SAAOC,uBAAA;CAAA,OACElB,WAAWQ,iBAAuB,KAAlC,CAAkC;AAAC"}

package/dist/components/actions/ItemActionsWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { DisplayTransition } from "../helpers/DisplayTransition/DisplayTransition.js";
 import { ITEM_RESTING_COLOR_VARIANTS, ROW_STATE_ALIASES, resolveItemVariant } from "../../data/item-themes.js";
 import { ItemActionProvider } from "./ItemActionContext.js";
@@ -8,7 +8,6 @@ import { useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusWithin, useHover } from "react-aria";
 import { ClearPressResponder } from "@react-aria/interactions";
-
 //#region src/components/actions/ItemActionsWrapper.tsx
 /**
 * The sibling-actions layout shared by `ItemButton` and the field triggers
@@ -357,7 +356,7 @@ function ItemActionsWrapper(props) {
 	} else t22 = $[59];
 	return t22;
 }
-
 //#endregion
 export { ItemActionIcon, ItemActionsWrapper };
+
 //# sourceMappingURL=ItemActionsWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemActionsWrapper.js","names":["ClearPressResponder","Mods","Styles","tasty","CSSProperties","HTMLAttributes","ReactNode","useLayoutEffect","useRef","useState","useFocusWithin","useHover","ITEM_RESTING_COLOR_VARIANTS","resolveItemVariant","ROW_STATE_ALIASES","CubeItemProps","DisplayTransition","ItemActionProvider","ItemActionsWrapperElement","variants","styles","display","position","placeContent","placeItems","$size","Actions","$","inset","gap","pointerEvents","padding","height","opacity","translate","transition","ActionsChild","ActionIcon","flexShrink","width","preset","ItemActionIcon","props","_c","t0","children","ItemActionsWrapperProps","state","showActions","skipActionsWidthTransition","actions","type","theme","size","isDisabled","disableActionsFocus","autoHideActions","preserveActionsSpace","mods","actionsProps","HTMLDivElement","ItemActionsWrapper","t1","t2","t3","t4","undefined","actionsRef","actionsWidth","setActionsWidth","areActionsVisible","setAreActionsVisible","skipWidthTransition","setSkipWidthTransition","isMountPassRef","t5","el","current","isMountPass","childElementCount","Math","round","offsetWidth","t6","isFocusWithin","setIsFocusWithin","hasPressed","setHasPressed","t7","Symbol","for","hoverProps","isHovered","t8","onFocusWithinChange","focusWithinProps","t9","actionsEl","checkPressed","querySelector","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","t10","shouldShowActions","t11","t12","t13","disabled","finalMods","t14","t15","t16","t17","t18","t19","t20","phase","t21","ref","transitionRef","node","t22"],"sources":["../../../src/components/actions/ItemActionsWrapper.tsx"],"sourcesContent":["import { ClearPressResponder } from '@react-aria/interactions';\nimport { Mods, Styles, tasty } from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  HTMLAttributes,\n  ReactNode,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusWithin, useHover } from 'react-aria';\n\nimport {\n  ITEM_RESTING_COLOR_VARIANTS,\n  resolveItemVariant,\n  ROW_STATE_ALIASES,\n} from '../../data/item-themes';\nimport { CubeItemProps } from '../content/Item/Item';\nimport { DisplayTransition } from '../helpers/DisplayTransition/DisplayTransition';\n\nimport { ItemActionProvider } from './ItemActionContext';\n\n/**\n * The sibling-actions layout shared by `ItemButton` and the field triggers\n * (`Select` / `Picker` / `FilterPicker`).\n *\n * A row's actions cannot live inside the row when the row is itself a button:\n * that nests a `<button>` in a `<button>`, and a press on an action activates\n * the row. So the run is rendered as a SIBLING, laid over the row's trailing\n * end, and the row reserves the space for it through `--actions-width` — which\n * this file measures — and `Item`'s own `actions` placeholder column.\n *\n * The run is pointer-transparent; only its children take presses. That is what\n * lets a picker put its non-interactive caret in the run and still have a click\n * on the caret reach the trigger underneath, and it stops the run's padding and\n * inter-action gaps from swallowing presses meant for the row.\n *\n * Being a sibling also puts the run OUTSIDE the row for anything that asks\n * \"did this press land on my trigger?\" — an overlay opened by the row would\n * read a press on its own actions as a press outside and dismiss itself,\n * swallowing that press on the way. The run therefore marks itself with\n * `data-trigger-action`, which `isOwnActionsPress` resolves back to the row it\n * belongs to. See `actions-run.ts`.\n */\nconst ItemActionsWrapperElement = tasty({\n  // Actions default to the `current` type, which paints from the inherited\n  // `currentcolor` — but they are rendered as a SIBLING of the row here, not\n  // inside it, so without this they would inherit the page color instead of the\n  // row's. Harmless on the default theme (the two match) and plainly wrong on\n  // any other: a `special` row would hand its actions the page's dark text to\n  // tint with, on a dark purple surface. The variant carries the row's resting\n  // color down so `currentcolor` means the same thing it does inside an `Item`.\n  variants: ITEM_RESTING_COLOR_VARIANTS,\n  styles: {\n    // The row is the wrapper's own child, so the wrapper can read the one\n    // interaction the row expresses as a COLOR change rather than a fill change.\n    // Without it the label darkened under the finger while the caret and the\n    // actions laid over the same row — which paint from the color this element\n    // hands down — stayed at their resting tint. The variants restate it,\n    // because that is where the colors keyed on it live.\n    // eslint-disable-next-line tasty/no-style-spread -- shared with ITEM_RESTING_COLOR_VARIANTS, which declare the same states\n    ...ROW_STATE_ALIASES,\n\n    // The one layout the row does not want its actions centred in. A block\n    // description stacks under the label and can make the row arbitrarily tall;\n    // there the actions belong in the first line, beside the label, which is\n    // what anchoring them to a `$size`-tall box at the top achieves. Every other\n    // row — including one with an INLINE description — is a single band, and\n    // centring is both what it wants and what survives a caller overriding the\n    // height. Read off the row rather than plumbed through as a prop, because\n    // `Item` is what decides the placement and it defaults by type.\n    '@block-description': ':has(> [data-description=\"block\"])',\n\n    display: 'grid',\n    position: 'relative',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\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    },\n\n    Actions: {\n      $: '>',\n      position: 'absolute',\n      // Both insets set, so the run's BOX spans the row and `placeItems: center`\n      // puts the actions on its centre line. What sits in the box does not grow\n      // with it — every child is a fixed `$action-size`, which is capped so a\n      // large row does not get oversized buttons.\n      inset: {\n        '': '1bw right dock',\n        'type=card': '(1bw + .5x) right dock',\n        '@block-description': '1bw 1bw auto auto',\n        'type=card & @block-description': '(1bw + .5x) (1bw + .5x) auto auto',\n      },\n      display: 'flex',\n      gap: '1bw',\n      placeItems: 'center',\n      placeContent: 'center end',\n\n      // The run lies OVER the row. Left opaque, its padding and the gaps between\n      // its actions eat presses that belong to the row behind it, and a\n      // non-interactive control inside it (a picker's caret) could never reach\n      // its own trigger. The run itself is therefore transparent to the pointer\n      // and its children opt back in — see `ActionsChild` — so a child that\n      // wants to stay transparent, like that caret, only has to say so.\n      pointerEvents: 'none',\n\n      padding: '0 $side-padding',\n      // Only where the run is top-anchored: there the box has no bottom to\n      // measure from, so `$size` is what gives it one. Everywhere else the two\n      // insets decide the height, and this floor would force the box back to\n      // `$size` and re-anchor it at the top.\n      height: {\n        '': 'min 0',\n        '@block-description': 'min ($size - 2bw)',\n      },\n      opacity: {\n        '': 1,\n        '!actions-shown': 0,\n      },\n      // The run slides in as it fades, but only where it was taking no space to\n      // begin with. Where the space is reserved the run has a fixed place in the\n      // layout, and sliding it would read as the actions drifting rather than\n      // appearing.\n      translate: {\n        '': '0 0',\n        '!actions-shown & !preserve-actions-space': '.5x 0',\n      },\n      transition: 'theme, translate',\n\n      // Size for the action buttons\n      '$action-size': 'min(max((2x + 2bw), ($size - 1x - 2bw)), (3x - 2bw))',\n      // Side padding for the button\n      '$side-padding': '(($size - $action-size - 2bw) / 2)',\n    },\n\n    // Whatever a caller put in the run: interactive again, so the transparency\n    // above applies only to the space BETWEEN and AROUND the actions. `*`\n    // because the run's content is the caller's — there is no element name to\n    // key on.\n    ActionsChild: {\n      $: '>Actions>*',\n      pointerEvents: {\n        '': 'auto',\n        '!actions-shown': 'none',\n      },\n    },\n\n    // A non-interactive box in the run, the same size as an action so it lines\n    // up with one. `$side-padding + $action-size / 2` collapses to\n    // `($size - 2bw) / 2` — the centre of `Item`'s own `rightIcon` square — so a\n    // caret moved out of that slot and into the run does not move on screen.\n    ActionIcon: {\n      $: '>Actions>',\n      display: 'grid',\n      placeItems: 'center',\n      placeContent: 'center',\n      flexShrink: 0,\n      width: '$action-size',\n      height: '$action-size',\n      // The run's children are interactive by default; this one is not, and a\n      // press on it belongs to the row underneath.\n      pointerEvents: 'none',\n      // `--icon-size` comes from the preset, and the run is outside the row that\n      // sets one — so the box restates the ladder `Item` uses. The `m` weights a\n      // non-`item` type picks carry the same icon size as their plain\n      // counterparts, so weight is not a factor here.\n      preset: {\n        '': 't3',\n        'size=xsmall': 't4',\n        'size=xlarge': 't2',\n      },\n    },\n  },\n});\n\n/**\n * A non-interactive box inside an actions run — a dropdown caret, a loading\n * spinner. It occupies an action's footprint so the run stays evenly spaced,\n * and it lets presses through to the row behind it.\n */\nexport function ItemActionIcon(props: { children: ReactNode }) {\n  return <div data-element=\"ActionIcon\">{props.children}</div>;\n}\n\nexport interface ItemActionsWrapperProps {\n  /**\n   * The row or trigger the actions are laid over. Receives the resolved\n   * visibility so it can reserve space for the run while it is shown, and\n   * whether the reserved width must jump rather than animate (`Item`'s\n   * `skipActionsWidthTransition`).\n   */\n  children: (state: {\n    showActions: boolean;\n    skipActionsWidthTransition: boolean;\n  }) => ReactNode;\n  /**\n   * The run's content. Rendering the wrapper with an empty run is supported and\n   * costs nothing — the measured width is 0 — which is how a trigger keeps its\n   * markup stable across states that do and do not have trailing controls.\n   */\n  actions?: ReactNode;\n  type?: string;\n  theme?: string;\n  /** `Item`'s size token, or a pixel number. */\n  size?: CubeItemProps['size'];\n  isDisabled?: boolean;\n  disableActionsFocus?: boolean;\n  /**\n   * Hide the actions until the row is hovered, focused, or holds a pressed\n   * control.\n   * @default false\n   */\n  autoHideActions?: boolean;\n  /**\n   * Keep the run's width reserved while it is hidden, so the row does not\n   * change size as the actions come and go. Only meaningful with\n   * `autoHideActions`.\n   *\n   * It also keeps the run MOUNTED rather than transitioning it in and out:\n   * an unmounted run cannot be measured, so a row that starts hidden would\n   * have nothing to reserve.\n   * @default false\n   */\n  preserveActionsSpace?: boolean;\n  /** Extra modifiers for the wrapper, merged after the ones it derives itself. */\n  mods?: Mods;\n  /** Styles for the wrapper element — the one that is the row's layout box. */\n  styles?: Styles;\n  /** Extra props spread on the run's container, e.g. event handlers. */\n  actionsProps?: HTMLAttributes<HTMLDivElement>;\n}\n\n/**\n * Wraps a row in the sibling-actions layout and publishes `--actions-width` so\n * the row can reserve the space the run covers.\n */\nexport function ItemActionsWrapper(props: ItemActionsWrapperProps) {\n  const {\n    children,\n    actions,\n    type = 'item',\n    theme = 'default',\n    size = 'medium',\n    isDisabled,\n    disableActionsFocus,\n    autoHideActions = false,\n    preserveActionsSpace = false,\n    mods,\n    styles,\n    actionsProps,\n  } = props;\n\n  const actionsRef = useRef<HTMLDivElement>(null);\n  const [actionsWidth, setActionsWidth] = useState(0);\n  const [areActionsVisible, setAreActionsVisible] = useState(false);\n  const [skipWidthTransition, setSkipWidthTransition] = useState(false);\n  const isMountPassRef = useRef(true);\n\n  useLayoutEffect(() => {\n    const el = actionsRef.current;\n    const isMountPass = isMountPassRef.current;\n\n    isMountPassRef.current = false;\n\n    if (!el) return;\n\n    // An empty run still has the container's side padding, which would reserve\n    // space inside the row for nothing. Nothing rendered means nothing to\n    // reserve.\n    const width = el.childElementCount ? Math.round(el.offsetWidth) : 0;\n\n    if (width !== actionsWidth) {\n      // The width a run reports on mount is where the row starts, not a change\n      // to it. The `offsetWidth` read has already resolved the row at 0px, so\n      // publishing with the transition on made every trigger grow by its caret\n      // after mounting — and a click in that window sized FilterPicker's popover\n      // from a half-grown trigger. A run revealed later still slides open.\n      if (isMountPass) setSkipWidthTransition(true);\n      setActionsWidth(width);\n    } else if (skipWidthTransition) {\n      // This pass's read resolved the row at its final width with the\n      // transition off, so turning it back on animates nothing.\n      setSkipWidthTransition(false);\n    }\n  }, [actions, areActionsVisible, actionsWidth, skipWidthTransition]);\n\n  const [isFocusWithin, setIsFocusWithin] = useState(false);\n  const [hasPressed, setHasPressed] = useState(false);\n  const { hoverProps, isHovered } = useHover({});\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: setIsFocusWithin,\n  });\n\n  // Watch for data-pressed attribute on any descendant element\n  useLayoutEffect(() => {\n    const actionsEl = actionsRef.current;\n\n    if (!actionsEl || !autoHideActions) return;\n\n    const checkPressed = () => {\n      setHasPressed(actionsEl.querySelector('[data-pressed]') !== null);\n    };\n\n    const observer = new MutationObserver(checkPressed);\n\n    observer.observe(actionsEl, {\n      attributes: true,\n      attributeFilter: ['data-pressed'],\n      subtree: true,\n    });\n\n    checkPressed();\n\n    return () => observer.disconnect();\n  }, [areActionsVisible, autoHideActions]);\n\n  const shouldShowActions =\n    isHovered || isFocusWithin || hasPressed || !autoHideActions;\n\n  // `disabled` is on the wrapper so its variant can paint the row's DISABLED\n  // label color, not just the resting one. Actions default to the `current` type\n  // and suppress their own fade when the disabled state is inherited — on the\n  // grounds that the host already faded the color they paint from — so without\n  // this the wrapper would hand them a full-strength color and a disabled button\n  // would sit next to full-strength actions. See `ITEM_RESTING_COLOR_VARIANTS`.\n  const finalMods = {\n    ...mods,\n    ...(shouldShowActions ? { 'actions-shown': true } : null),\n    ...(preserveActionsSpace ? { 'preserve-actions-space': true } : null),\n    disabled: isDisabled,\n  };\n\n  return (\n    <ItemActionsWrapperElement\n      {...hoverProps}\n      // The same resolver `Item` uses, so the wrapper cannot land on a\n      // different variant than the row it wraps.\n      variant={resolveItemVariant(theme, type)}\n      data-size={size}\n      data-type={type}\n      data-theme={theme}\n      mods={finalMods}\n      styles={styles}\n      style={\n        {\n          '--actions-width':\n            areActionsVisible || !autoHideActions || preserveActionsSpace\n              ? `${actionsWidth}px`\n              : '0px',\n          ...(typeof size === 'number' && { '--size': `${size}px` }),\n        } as CSSProperties\n      }\n    >\n      {children({\n        showActions: shouldShowActions,\n        skipActionsWidthTransition: skipWidthTransition,\n      })}\n      {/*\n        The run is rendered under whatever press context the row sits in, and a\n        `PressResponder` in that context reaches EVERY `usePress` below it — so\n        an `ItemButton` / `TabButton` / picker trigger inside a `DialogTrigger`\n        or a `MenuTrigger` handed its own actions the trigger's `onPress`, and\n        pressing one toggled the overlay on top of running the action. The run\n        belongs to the row, not to whatever opened around it: it clears the\n        context so each action answers only to its own handler.\n      */}\n      <ClearPressResponder>\n        <ItemActionProvider\n          type={type}\n          theme={theme}\n          disableActionsFocus={disableActionsFocus}\n          isDisabled={isDisabled}\n        >\n          {autoHideActions && !preserveActionsSpace ? (\n            <DisplayTransition\n              exposeUnmounted\n              isShown={shouldShowActions}\n              onPhaseChange={(phase) => {\n                setAreActionsVisible(phase !== 'unmounted');\n              }}\n            >\n              {({ ref: transitionRef }) => {\n                return (\n                  <div\n                    {...focusWithinProps}\n                    {...actionsProps}\n                    ref={(node: any) => {\n                      actionsRef.current = node;\n                      transitionRef(node);\n                    }}\n                    data-element=\"Actions\"\n                    data-trigger-action=\"\"\n                  >\n                    {actions}\n                  </div>\n                );\n              }}\n            </DisplayTransition>\n          ) : (\n            <div\n              ref={actionsRef}\n              {...actionsProps}\n              data-element=\"Actions\"\n              data-trigger-action=\"\"\n            >\n              {actions}\n            </div>\n          )}\n        </ItemActionProvider>\n      </ClearPressResponder>\n    </ItemActionsWrapperElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ItemActionsWrapper.js","names":["ClearPressResponder","Mods","Styles","tasty","CSSProperties","HTMLAttributes","ReactNode","useLayoutEffect","useRef","useState","useFocusWithin","useHover","ITEM_RESTING_COLOR_VARIANTS","resolveItemVariant","ROW_STATE_ALIASES","CubeItemProps","DisplayTransition","ItemActionProvider","ItemActionsWrapperElement","variants","styles","display","position","placeContent","placeItems","$size","Actions","$","inset","gap","pointerEvents","padding","height","opacity","translate","transition","ActionsChild","ActionIcon","flexShrink","width","preset","ItemActionIcon","props","_c","t0","children","ItemActionsWrapperProps","state","showActions","skipActionsWidthTransition","actions","type","theme","size","isDisabled","disableActionsFocus","autoHideActions","preserveActionsSpace","mods","actionsProps","HTMLDivElement","ItemActionsWrapper","t1","t2","t3","t4","undefined","actionsRef","actionsWidth","setActionsWidth","areActionsVisible","setAreActionsVisible","skipWidthTransition","setSkipWidthTransition","isMountPassRef","t5","el","current","isMountPass","childElementCount","Math","round","offsetWidth","t6","isFocusWithin","setIsFocusWithin","hasPressed","setHasPressed","t7","Symbol","for","hoverProps","isHovered","t8","onFocusWithinChange","focusWithinProps","t9","actionsEl","checkPressed","querySelector","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","t10","shouldShowActions","t11","t12","t13","disabled","finalMods","t14","t15","t16","t17","t18","t19","t20","phase","t21","ref","transitionRef","node","t22","_c"],"sources":["../../../src/components/actions/ItemActionsWrapper.tsx"],"sourcesContent":["import { ClearPressResponder } from '@react-aria/interactions';\nimport { Mods, Styles, tasty } from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  HTMLAttributes,\n  ReactNode,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusWithin, useHover } from 'react-aria';\n\nimport {\n  ITEM_RESTING_COLOR_VARIANTS,\n  resolveItemVariant,\n  ROW_STATE_ALIASES,\n} from '../../data/item-themes';\nimport { CubeItemProps } from '../content/Item/Item';\nimport { DisplayTransition } from '../helpers/DisplayTransition/DisplayTransition';\n\nimport { ItemActionProvider } from './ItemActionContext';\n\n/**\n * The sibling-actions layout shared by `ItemButton` and the field triggers\n * (`Select` / `Picker` / `FilterPicker`).\n *\n * A row's actions cannot live inside the row when the row is itself a button:\n * that nests a `<button>` in a `<button>`, and a press on an action activates\n * the row. So the run is rendered as a SIBLING, laid over the row's trailing\n * end, and the row reserves the space for it through `--actions-width` — which\n * this file measures — and `Item`'s own `actions` placeholder column.\n *\n * The run is pointer-transparent; only its children take presses. That is what\n * lets a picker put its non-interactive caret in the run and still have a click\n * on the caret reach the trigger underneath, and it stops the run's padding and\n * inter-action gaps from swallowing presses meant for the row.\n *\n * Being a sibling also puts the run OUTSIDE the row for anything that asks\n * \"did this press land on my trigger?\" — an overlay opened by the row would\n * read a press on its own actions as a press outside and dismiss itself,\n * swallowing that press on the way. The run therefore marks itself with\n * `data-trigger-action`, which `isOwnActionsPress` resolves back to the row it\n * belongs to. See `actions-run.ts`.\n */\nconst ItemActionsWrapperElement = tasty({\n  // Actions default to the `current` type, which paints from the inherited\n  // `currentcolor` — but they are rendered as a SIBLING of the row here, not\n  // inside it, so without this they would inherit the page color instead of the\n  // row's. Harmless on the default theme (the two match) and plainly wrong on\n  // any other: a `special` row would hand its actions the page's dark text to\n  // tint with, on a dark purple surface. The variant carries the row's resting\n  // color down so `currentcolor` means the same thing it does inside an `Item`.\n  variants: ITEM_RESTING_COLOR_VARIANTS,\n  styles: {\n    // The row is the wrapper's own child, so the wrapper can read the one\n    // interaction the row expresses as a COLOR change rather than a fill change.\n    // Without it the label darkened under the finger while the caret and the\n    // actions laid over the same row — which paint from the color this element\n    // hands down — stayed at their resting tint. The variants restate it,\n    // because that is where the colors keyed on it live.\n    // eslint-disable-next-line tasty/no-style-spread -- shared with ITEM_RESTING_COLOR_VARIANTS, which declare the same states\n    ...ROW_STATE_ALIASES,\n\n    // The one layout the row does not want its actions centred in. A block\n    // description stacks under the label and can make the row arbitrarily tall;\n    // there the actions belong in the first line, beside the label, which is\n    // what anchoring them to a `$size`-tall box at the top achieves. Every other\n    // row — including one with an INLINE description — is a single band, and\n    // centring is both what it wants and what survives a caller overriding the\n    // height. Read off the row rather than plumbed through as a prop, because\n    // `Item` is what decides the placement and it defaults by type.\n    '@block-description': ':has(> [data-description=\"block\"])',\n\n    display: 'grid',\n    position: 'relative',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\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    },\n\n    Actions: {\n      $: '>',\n      position: 'absolute',\n      // Both insets set, so the run's BOX spans the row and `placeItems: center`\n      // puts the actions on its centre line. What sits in the box does not grow\n      // with it — every child is a fixed `$action-size`, which is capped so a\n      // large row does not get oversized buttons.\n      inset: {\n        '': '1bw right dock',\n        'type=card': '(1bw + .5x) right dock',\n        '@block-description': '1bw 1bw auto auto',\n        'type=card & @block-description': '(1bw + .5x) (1bw + .5x) auto auto',\n      },\n      display: 'flex',\n      gap: '1bw',\n      placeItems: 'center',\n      placeContent: 'center end',\n\n      // The run lies OVER the row. Left opaque, its padding and the gaps between\n      // its actions eat presses that belong to the row behind it, and a\n      // non-interactive control inside it (a picker's caret) could never reach\n      // its own trigger. The run itself is therefore transparent to the pointer\n      // and its children opt back in — see `ActionsChild` — so a child that\n      // wants to stay transparent, like that caret, only has to say so.\n      pointerEvents: 'none',\n\n      padding: '0 $side-padding',\n      // Only where the run is top-anchored: there the box has no bottom to\n      // measure from, so `$size` is what gives it one. Everywhere else the two\n      // insets decide the height, and this floor would force the box back to\n      // `$size` and re-anchor it at the top.\n      height: {\n        '': 'min 0',\n        '@block-description': 'min ($size - 2bw)',\n      },\n      opacity: {\n        '': 1,\n        '!actions-shown': 0,\n      },\n      // The run slides in as it fades, but only where it was taking no space to\n      // begin with. Where the space is reserved the run has a fixed place in the\n      // layout, and sliding it would read as the actions drifting rather than\n      // appearing.\n      translate: {\n        '': '0 0',\n        '!actions-shown & !preserve-actions-space': '.5x 0',\n      },\n      transition: 'theme, translate',\n\n      // Size for the action buttons\n      '$action-size': 'min(max((2x + 2bw), ($size - 1x - 2bw)), (3x - 2bw))',\n      // Side padding for the button\n      '$side-padding': '(($size - $action-size - 2bw) / 2)',\n    },\n\n    // Whatever a caller put in the run: interactive again, so the transparency\n    // above applies only to the space BETWEEN and AROUND the actions. `*`\n    // because the run's content is the caller's — there is no element name to\n    // key on.\n    ActionsChild: {\n      $: '>Actions>*',\n      pointerEvents: {\n        '': 'auto',\n        '!actions-shown': 'none',\n      },\n    },\n\n    // A non-interactive box in the run, the same size as an action so it lines\n    // up with one. `$side-padding + $action-size / 2` collapses to\n    // `($size - 2bw) / 2` — the centre of `Item`'s own `rightIcon` square — so a\n    // caret moved out of that slot and into the run does not move on screen.\n    ActionIcon: {\n      $: '>Actions>',\n      display: 'grid',\n      placeItems: 'center',\n      placeContent: 'center',\n      flexShrink: 0,\n      width: '$action-size',\n      height: '$action-size',\n      // The run's children are interactive by default; this one is not, and a\n      // press on it belongs to the row underneath.\n      pointerEvents: 'none',\n      // `--icon-size` comes from the preset, and the run is outside the row that\n      // sets one — so the box restates the ladder `Item` uses. The `m` weights a\n      // non-`item` type picks carry the same icon size as their plain\n      // counterparts, so weight is not a factor here.\n      preset: {\n        '': 't3',\n        'size=xsmall': 't4',\n        'size=xlarge': 't2',\n      },\n    },\n  },\n});\n\n/**\n * A non-interactive box inside an actions run — a dropdown caret, a loading\n * spinner. It occupies an action's footprint so the run stays evenly spaced,\n * and it lets presses through to the row behind it.\n */\nexport function ItemActionIcon(props: { children: ReactNode }) {\n  return <div data-element=\"ActionIcon\">{props.children}</div>;\n}\n\nexport interface ItemActionsWrapperProps {\n  /**\n   * The row or trigger the actions are laid over. Receives the resolved\n   * visibility so it can reserve space for the run while it is shown, and\n   * whether the reserved width must jump rather than animate (`Item`'s\n   * `skipActionsWidthTransition`).\n   */\n  children: (state: {\n    showActions: boolean;\n    skipActionsWidthTransition: boolean;\n  }) => ReactNode;\n  /**\n   * The run's content. Rendering the wrapper with an empty run is supported and\n   * costs nothing — the measured width is 0 — which is how a trigger keeps its\n   * markup stable across states that do and do not have trailing controls.\n   */\n  actions?: ReactNode;\n  type?: string;\n  theme?: string;\n  /** `Item`'s size token, or a pixel number. */\n  size?: CubeItemProps['size'];\n  isDisabled?: boolean;\n  disableActionsFocus?: boolean;\n  /**\n   * Hide the actions until the row is hovered, focused, or holds a pressed\n   * control.\n   * @default false\n   */\n  autoHideActions?: boolean;\n  /**\n   * Keep the run's width reserved while it is hidden, so the row does not\n   * change size as the actions come and go. Only meaningful with\n   * `autoHideActions`.\n   *\n   * It also keeps the run MOUNTED rather than transitioning it in and out:\n   * an unmounted run cannot be measured, so a row that starts hidden would\n   * have nothing to reserve.\n   * @default false\n   */\n  preserveActionsSpace?: boolean;\n  /** Extra modifiers for the wrapper, merged after the ones it derives itself. */\n  mods?: Mods;\n  /** Styles for the wrapper element — the one that is the row's layout box. */\n  styles?: Styles;\n  /** Extra props spread on the run's container, e.g. event handlers. */\n  actionsProps?: HTMLAttributes<HTMLDivElement>;\n}\n\n/**\n * Wraps a row in the sibling-actions layout and publishes `--actions-width` so\n * the row can reserve the space the run covers.\n */\nexport function ItemActionsWrapper(props: ItemActionsWrapperProps) {\n  const {\n    children,\n    actions,\n    type = 'item',\n    theme = 'default',\n    size = 'medium',\n    isDisabled,\n    disableActionsFocus,\n    autoHideActions = false,\n    preserveActionsSpace = false,\n    mods,\n    styles,\n    actionsProps,\n  } = props;\n\n  const actionsRef = useRef<HTMLDivElement>(null);\n  const [actionsWidth, setActionsWidth] = useState(0);\n  const [areActionsVisible, setAreActionsVisible] = useState(false);\n  const [skipWidthTransition, setSkipWidthTransition] = useState(false);\n  const isMountPassRef = useRef(true);\n\n  useLayoutEffect(() => {\n    const el = actionsRef.current;\n    const isMountPass = isMountPassRef.current;\n\n    isMountPassRef.current = false;\n\n    if (!el) return;\n\n    // An empty run still has the container's side padding, which would reserve\n    // space inside the row for nothing. Nothing rendered means nothing to\n    // reserve.\n    const width = el.childElementCount ? Math.round(el.offsetWidth) : 0;\n\n    if (width !== actionsWidth) {\n      // The width a run reports on mount is where the row starts, not a change\n      // to it. The `offsetWidth` read has already resolved the row at 0px, so\n      // publishing with the transition on made every trigger grow by its caret\n      // after mounting — and a click in that window sized FilterPicker's popover\n      // from a half-grown trigger. A run revealed later still slides open.\n      if (isMountPass) setSkipWidthTransition(true);\n      setActionsWidth(width);\n    } else if (skipWidthTransition) {\n      // This pass's read resolved the row at its final width with the\n      // transition off, so turning it back on animates nothing.\n      setSkipWidthTransition(false);\n    }\n  }, [actions, areActionsVisible, actionsWidth, skipWidthTransition]);\n\n  const [isFocusWithin, setIsFocusWithin] = useState(false);\n  const [hasPressed, setHasPressed] = useState(false);\n  const { hoverProps, isHovered } = useHover({});\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: setIsFocusWithin,\n  });\n\n  // Watch for data-pressed attribute on any descendant element\n  useLayoutEffect(() => {\n    const actionsEl = actionsRef.current;\n\n    if (!actionsEl || !autoHideActions) return;\n\n    const checkPressed = () => {\n      setHasPressed(actionsEl.querySelector('[data-pressed]') !== null);\n    };\n\n    const observer = new MutationObserver(checkPressed);\n\n    observer.observe(actionsEl, {\n      attributes: true,\n      attributeFilter: ['data-pressed'],\n      subtree: true,\n    });\n\n    checkPressed();\n\n    return () => observer.disconnect();\n  }, [areActionsVisible, autoHideActions]);\n\n  const shouldShowActions =\n    isHovered || isFocusWithin || hasPressed || !autoHideActions;\n\n  // `disabled` is on the wrapper so its variant can paint the row's DISABLED\n  // label color, not just the resting one. Actions default to the `current` type\n  // and suppress their own fade when the disabled state is inherited — on the\n  // grounds that the host already faded the color they paint from — so without\n  // this the wrapper would hand them a full-strength color and a disabled button\n  // would sit next to full-strength actions. See `ITEM_RESTING_COLOR_VARIANTS`.\n  const finalMods = {\n    ...mods,\n    ...(shouldShowActions ? { 'actions-shown': true } : null),\n    ...(preserveActionsSpace ? { 'preserve-actions-space': true } : null),\n    disabled: isDisabled,\n  };\n\n  return (\n    <ItemActionsWrapperElement\n      {...hoverProps}\n      // The same resolver `Item` uses, so the wrapper cannot land on a\n      // different variant than the row it wraps.\n      variant={resolveItemVariant(theme, type)}\n      data-size={size}\n      data-type={type}\n      data-theme={theme}\n      mods={finalMods}\n      styles={styles}\n      style={\n        {\n          '--actions-width':\n            areActionsVisible || !autoHideActions || preserveActionsSpace\n              ? `${actionsWidth}px`\n              : '0px',\n          ...(typeof size === 'number' && { '--size': `${size}px` }),\n        } as CSSProperties\n      }\n    >\n      {children({\n        showActions: shouldShowActions,\n        skipActionsWidthTransition: skipWidthTransition,\n      })}\n      {/*\n        The run is rendered under whatever press context the row sits in, and a\n        `PressResponder` in that context reaches EVERY `usePress` below it — so\n        an `ItemButton` / `TabButton` / picker trigger inside a `DialogTrigger`\n        or a `MenuTrigger` handed its own actions the trigger's `onPress`, and\n        pressing one toggled the overlay on top of running the action. The run\n        belongs to the row, not to whatever opened around it: it clears the\n        context so each action answers only to its own handler.\n      */}\n      <ClearPressResponder>\n        <ItemActionProvider\n          type={type}\n          theme={theme}\n          disableActionsFocus={disableActionsFocus}\n          isDisabled={isDisabled}\n        >\n          {autoHideActions && !preserveActionsSpace ? (\n            <DisplayTransition\n              exposeUnmounted\n              isShown={shouldShowActions}\n              onPhaseChange={(phase) => {\n                setAreActionsVisible(phase !== 'unmounted');\n              }}\n            >\n              {({ ref: transitionRef }) => {\n                return (\n                  <div\n                    {...focusWithinProps}\n                    {...actionsProps}\n                    ref={(node: any) => {\n                      actionsRef.current = node;\n                      transitionRef(node);\n                    }}\n                    data-element=\"Actions\"\n                    data-trigger-action=\"\"\n                  >\n                    {actions}\n                  </div>\n                );\n              }}\n            </DisplayTransition>\n          ) : (\n            <div\n              ref={actionsRef}\n              {...actionsProps}\n              data-element=\"Actions\"\n              data-trigger-action=\"\"\n            >\n              {actions}\n            </div>\n          )}\n        </ItemActionProvider>\n      </ClearPressResponder>\n    </ItemActionsWrapperElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAMkB,4BAA4Bf,MAAM;CAQtCgB,UAAUP;CACVQ,QAAQ;EAQN,GAAGN;EAUH,sBAAsB;EAEtBO,SAAS;EACTC,UAAU;EACVC,cAAc;EACdC,YAAY;EAEZC,OAAO;GACL,IAAI;GACJ,eAAe;GACf,cAAc;GACd,eAAe;GACf,cAAc;GACd,eAAe;EACjB;EAEAC,SAAS;GACPC,GAAG;GACHL,UAAU;GAKVM,OAAO;IACL,IAAI;IACJ,aAAa;IACb,sBAAsB;IACtB,kCAAkC;GACpC;GACAP,SAAS;GACTQ,KAAK;GACLL,YAAY;GACZD,cAAc;GAQdO,eAAe;GAEfC,SAAS;GAKTC,QAAQ;IACN,IAAI;IACJ,sBAAsB;GACxB;GACAC,SAAS;IACP,IAAI;IACJ,kBAAkB;GACpB;GAKAC,WAAW;IACT,IAAI;IACJ,4CAA4C;GAC9C;GACAC,YAAY;GAGZ,gBAAgB;GAEhB,iBAAiB;EACnB;EAMAC,cAAc;GACZT,GAAG;GACHG,eAAe;IACb,IAAI;IACJ,kBAAkB;GACpB;EACF;EAMAO,YAAY;GACVV,GAAG;GACHN,SAAS;GACTG,YAAY;GACZD,cAAc;GACde,YAAY;GACZC,OAAO;GACPP,QAAQ;GAGRF,eAAe;GAKfU,QAAQ;IACN,IAAI;IACJ,eAAe;IACf,eAAe;GACjB;EACF;CACF;AACF,CAAC;;;;;;AAOD,SAAOC,eAAAC,OAAA;CAAA,MAAAf,IAAAgB,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAjB,EAAA,OAAAe,MAAAG,UAAA;EACED,KAAA,oBAAA,OAAA;GAAkB,gBAAA;GAAcF,UAAAA,MAAKG;EAAgB,CAAA;EAAAlB,EAAA,KAAAe,MAAAG;EAAAlB,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OAArDiB;AAAqD;;;;;AAuD9D,SAAOiB,mBAAAnB,OAAA;CAAA,MAAAf,IAAAgB,EAAA,EAAA;CACL,MAAA,EAAAE,UAAAK,SAAAC,MAAAP,IAAAQ,OAAAU,IAAAT,MAAAU,IAAAT,YAAAC,qBAAAC,iBAAAQ,IAAAP,sBAAAQ,IAAAP,MAAAtC,QAAAuC,iBAaIjB;CAVF,MAAAS,OAAAP,OAAAsB,KAAAA,IAAA,SAAAtB;CACA,MAAAQ,QAAAU,OAAAI,KAAAA,IAAA,YAAAJ;CACA,MAAAT,OAAAU,OAAAG,KAAAA,IAAA,WAAAH;CAGA,MAAAP,kBAAAQ,OAAAE,KAAAA,IAAA,QAAAF;CACA,MAAAP,uBAAAQ,OAAAC,KAAAA,IAAA,QAAAD;CAMF,MAAAE,aAAmB3D,OAAuB,IAAI;CAC9C,MAAA,CAAA4D,cAAAC,mBAAwC5D,SAAS,CAAC;CAClD,MAAA,CAAA6D,mBAAAC,wBAAkD9D,SAAS,KAAK;CAChE,MAAA,CAAA+D,qBAAAC,0BAAsDhE,SAAS,KAAK;CACpE,MAAAiE,iBAAuBlE,OAAO,IAAI;CAAE,IAAAmE;CAAA,IAAAhD,EAAA,OAAAyC,gBAAAzC,EAAA,OAAA6C,qBAAA;EAEpBG,WAAA;GACd,MAAAC,KAAWT,WAAUU;GACrB,MAAAC,cAAoBJ,eAAcG;GAElCH,eAAcG,UAAW;GAEzB,IAAI,CAACD,IAAE;GAKP,MAAArC,QAAcqC,GAAEG,oBAAqBC,KAAIC,MAAOL,GAAEM,WAAgB,IAApD;GAEd,IAAI3C,UAAU6B,cAAY;IAMxB,IAAIU,aAAaL,uBAAuB,IAAI;IAC5CJ,gBAAgB9B,KAAK;GAAC,OACjB,IAAIiC,qBAGTC,uBAAuB,KAAK;EAC7B;EACF9C,EAAA,KAAAyC;EAAAzC,EAAA,KAAA6C;EAAA7C,EAAA,KAAAgD;CAAA,OAAAA,KAAAhD,EAAA;CAAA,IAAAwD;CAAA,IAAAxD,EAAA,OAAAuB,WAAAvB,EAAA,OAAAyC,gBAAAzC,EAAA,OAAA2C,qBAAA3C,EAAA,OAAA6C,qBAAA;EAAEW,KAAA;GAACjC;GAASoB;GAAmBF;GAAcI;EAAmB;EAAC7C,EAAA,KAAAuB;EAAAvB,EAAA,KAAAyC;EAAAzC,EAAA,KAAA2C;EAAA3C,EAAA,KAAA6C;EAAA7C,EAAA,KAAAwD;CAAA,OAAAA,KAAAxD,EAAA;CA1BlEpB,gBAAgBoE,IA0BbQ,EAA+D;CAElE,MAAA,CAAAC,eAAAC,oBAA0C5E,SAAS,KAAK;CACxD,MAAA,CAAA6E,YAAAC,iBAAoC9E,SAAS,KAAK;CAAE,IAAA+E;CAAA,IAAA7D,EAAA,OAAA8D,OAAAC,IAAA,2BAAA,GAAA;EACTF,KAAA,CAAC;EAAC7D,EAAA,KAAA6D;CAAA,OAAAA,KAAA7D,EAAA;CAA7C,MAAA,EAAAgE,YAAAC,cAAkCjF,SAAS6E,EAAE;CAAE,IAAAK;CAAA,IAAAlE,EAAA,OAAA8D,OAAAC,IAAA,2BAAA,GAAA;EACHG,KAAA,EAAAC,qBACrBT,iBACvB;EAAC1D,EAAA,KAAAkE;CAAA,OAAAA,KAAAlE,EAAA;CAFD,MAAA,EAAAoE,qBAA6BrF,eAAemF,EAE3C;CAAE,IAAAG;CAAA,IAAArE,EAAA,QAAA6B,iBAAA;EAGawC,WAAA;GACd,MAAAC,YAAkB9B,WAAUU;GAE5B,IAAI,CAACoB,aAAD,CAAezC,iBAAe;GAElC,MAAA0C,qBAAqB;IACnBX,cAAcU,UAASE,cAAe,gBAAgB,MAAM,IAAI;GAAC;GAGnE,MAAAC,WAAiB,IAAIC,iBAAiBH,YAAY;GAElDE,SAAQE,QAASL,WAAW;IAAAM,YACd;IAAIC,iBACC,CAAC,cAAc;IAACC,SACxB;GACX,CAAC;GAEDP,aAAa;GAAC,aAEDE,SAAQM,WAAY;EAAC;EACnC/E,EAAA,MAAA6B;EAAA7B,EAAA,MAAAqE;CAAA,OAAAA,KAAArE,EAAA;CAAA,IAAAgF;CAAA,IAAAhF,EAAA,QAAA2C,qBAAA3C,EAAA,QAAA6B,iBAAA;EAAEmD,MAAA,CAACrC,mBAAmBd,eAAe;EAAC7B,EAAA,MAAA2C;EAAA3C,EAAA,MAAA6B;EAAA7B,EAAA,MAAAgF;CAAA,OAAAA,MAAAhF,EAAA;CApBvCpB,gBAAgByF,IAoBbW,GAAoC;CAEvC,MAAAC,oBACEhB,aAAAR,iBAAAE,cAAA,CAA6C9B;CAAgB,IAAAqD;CAAA,IAAAlF,EAAA,QAAAiF,mBAAA;EAUzDC,MAAAD,oBAAA,EAAA,iBAAuC,KAAY,IAAnD;EAAoDjF,EAAA,MAAAiF;EAAAjF,EAAA,MAAAkF;CAAA,OAAAA,MAAAlF,EAAA;CAAA,IAAAmF;CAAA,IAAAnF,EAAA,QAAA8B,sBAAA;EACpDqD,MAAArD,uBAAA,EAAA,0BAAmD,KAAY,IAA/D;EAAgE9B,EAAA,MAAA8B;EAAA9B,EAAA,MAAAmF;CAAA,OAAAA,MAAAnF,EAAA;CAAA,IAAAoF;CAAA,IAAApF,EAAA,QAAA2B,cAAA3B,EAAA,QAAA+B,QAAA/B,EAAA,QAAAkF,OAAAlF,EAAA,QAAAmF,KAAA;EAHpDC,MAAA;GAAA,GACbrD;GAAI,GACHmD;GAAoD,GACpDC;GAAgEE,UAC1D1D;EACZ;EAAC3B,EAAA,MAAA2B;EAAA3B,EAAA,MAAA+B;EAAA/B,EAAA,MAAAkF;EAAAlF,EAAA,MAAAmF;EAAAnF,EAAA,MAAAoF;CAAA,OAAAA,MAAApF,EAAA;CALD,MAAAsF,YAAkBF;CAKhB,IAAAG;CAAA,IAAAvF,EAAA,QAAAyB,SAAAzB,EAAA,QAAAwB,MAAA;EAOW+D,MAAArG,mBAAmBuC,OAAOD,IAAI;EAACxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAuF;CAAA,OAAAA,MAAAvF,EAAA;CASlC,MAAAwF,MAAA7C,qBAAA,CAAsBd,mBAAtBC,uBAAA,GACOW,aAAY,MADnB;CAES,IAAAgD;CAAA,IAAAzF,EAAA,QAAA0B,MAAA;EACP+D,MAAA,OAAO/D,SAAS,YAAhB,EAAA,UAAwC,GAAGA,KAAI,IAAK;EAAC1B,EAAA,MAAA0B;EAAA1B,EAAA,MAAAyF;CAAA,OAAAA,MAAAzF,EAAA;CAAA,IAAA0F;CAAA,IAAA1F,EAAA,QAAAwF,OAAAxF,EAAA,QAAAyF,KAAA;EAL3DC,MAAA;GAAA,mBAEIF;GAES,GACPC;EACN;EAACzF,EAAA,MAAAwF;EAAAxF,EAAA,MAAAyF;EAAAzF,EAAA,MAAA0F;CAAA,OAAAA,MAAA1F,EAAA;CAND,MAAA2F,MAAAD;CAMkB,IAAAE;CAAA,IAAA5F,EAAA,QAAAkB,YAAAlB,EAAA,QAAAiF,qBAAAjF,EAAA,QAAA6C,qBAAA;EAGnB+C,MAAA1E,SAAS;GAAAG,aACK4D;GAAiB3D,4BACFuB;EAC9B,CAAC;EAAC7C,EAAA,MAAAkB;EAAAlB,EAAA,MAAAiF;EAAAjF,EAAA,MAAA6C;EAAA7C,EAAA,MAAA4F;CAAA,OAAAA,MAAA5F,EAAA;CAAA,IAAA6F;CAAA,IAAA7F,EAAA,QAAAuB,WAAAvB,EAAA,QAAAgC,gBAAAhC,EAAA,QAAA6B,mBAAA7B,EAAA,QAAAoE,oBAAApE,EAAA,QAAA8B,wBAAA9B,EAAA,QAAAiF,mBAAA;EAiBGY,MAAAhE,mBAAA,CAAoBC,uBACnB,oBAAC,mBAAD;GACE,iBAAA;GACSmD,SAAAA;GACM,gBAAAa,UAAA;IACblD,qBAAqBkD,UAAU,WAAW;GAAC;GAG5CC,WAAAA,QAAA;IAAC,MAAA,EAAAC,KAAAC,kBAAAF;IAAsB,OAEpB,oBAAA,OAAA;KAWM,GAVA3B;KAAgB,GAChBpC;KACC,MAAAkE,SAAA;MACH1D,WAAUU,UAAWgD;MACrBD,cAAcC,IAAI;KAAC;KAER,gBAAA;KACO,uBAAA;KAEnB3E,UAAAA;IACG,CAAA;GAAA;EApBM,CAAA,IAyBlB,oBAAA,OAAA;GACOiB,KAAAA;GAAU,GACXR;GACS,gBAAA;GACO,uBAAA;GAEnBT,UAAAA;EACG,CAAA;EACPvB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAgC;EAAAhC,EAAA,MAAA6B;EAAA7B,EAAA,MAAAoE;EAAApE,EAAA,MAAA8B;EAAA9B,EAAA,MAAAiF;EAAAjF,EAAA,MAAA6F;CAAA,OAAAA,MAAA7F,EAAA;CAAA,IAAA+F;CAAA,IAAA/F,EAAA,QAAA4B,uBAAA5B,EAAA,QAAA2B,cAAA3B,EAAA,QAAA6F,OAAA7F,EAAA,QAAAyB,SAAAzB,EAAA,QAAAwB,MAAA;EAzCLuE,MAAA,oBAAC,qBAAD,EAAA,UACE,oBAAC,oBAAD;GACQvE;GACCC;GACcG;GACTD;GAEXkE,UAAAA;EANgB,CAAA,EADD,CAAA;EA2CE7F,EAAA,MAAA4B;EAAA5B,EAAA,MAAA2B;EAAA3B,EAAA,MAAA6F;EAAA7F,EAAA,MAAAyB;EAAAzB,EAAA,MAAAwB;EAAAxB,EAAA,MAAA+F;CAAA,OAAAA,MAAA/F,EAAA;CAAA,IAAAmG;CAAA,IAAAnG,EAAA,QAAAsF,aAAAtF,EAAA,QAAAgE,cAAAhE,EAAA,QAAA0B,QAAA1B,EAAA,QAAAP,UAAAO,EAAA,QAAAuF,OAAAvF,EAAA,QAAA2F,OAAA3F,EAAA,QAAA4F,OAAA5F,EAAA,QAAA+F,OAAA/F,EAAA,QAAAyB,SAAAzB,EAAA,QAAAwB,MAAA;EA5ExB2E,MAAA,qBAAC,2BAAD;GAA0B,GACpBnC;GAGK,SAAAuB;GACE7D,aAAAA;GACAF,aAAAA;GACCC,cAAAA;GACN6D,MAAAA;GACE7F;GAEN,OAAAkG;GAXJ,UAAA,CAoBGC,KAaDG,GAjCwB;;EA6EE/F,EAAA,MAAAsF;EAAAtF,EAAA,MAAAgE;EAAAhE,EAAA,MAAA0B;EAAA1B,EAAA,MAAAP;EAAAO,EAAA,MAAAuF;EAAAvF,EAAA,MAAA2F;EAAA3F,EAAA,MAAA4F;EAAA5F,EAAA,MAAA+F;EAAA/F,EAAA,MAAAyB;EAAAzB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAmG;CAAA,OAAAA,MAAAnG,EAAA;CAAA,OA7E5BmG;AA6E4B"}

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

@@ -4,15 +4,12 @@ import { CubeItemActionProps } from "../ItemAction/ItemAction.js";
 import "../ItemAction/index.js";
 import { CubeItemBadgeProps } from "../../content/ItemBadge/ItemBadge.js";
 import "../../content/Item/index.js";
-import { CubeItemProps } from "../../content/Item/Item.js";
+import { CubeItemBaseProps as CubeItemProps } from "../../content/Item/Item.js";
 import "../../../index.js";
 import { Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { HTMLAttributes, ReactNode } from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/actions/ItemButton/ItemButton.d.ts
-interface CubeItemButtonProps extends Omit<CubeItemProps, 'size'>, Omit<CubeUseActionProps, keyof CubeItemProps | 'as'> {
+export interface CubeItemButtonProps extends Omit<CubeItemProps, 'size'>, Omit<CubeUseActionProps, keyof CubeItemProps | 'as'> {
   /**
    * The row's trailing controls, rendered beside the button rather than inside
    * it. Pass `null` to keep an empty run — the row reserves no space for it, and
@@ -27,10 +24,10 @@ interface CubeItemButtonProps extends Omit<CubeItemProps, 'size'>, Omit<CubeUseA
    */
   actionsProps?: HTMLAttributes<HTMLDivElement>;
 }
-declare const _ItemButton: react.ForwardRefExoticComponent<CubeItemButtonProps & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>> & {
-  Action: react.ForwardRefExoticComponent<CubeItemActionProps & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
-  Badge: react.ForwardRefExoticComponent<CubeItemBadgeProps & react.RefAttributes<HTMLDivElement>>;
+declare const _ItemButton: import("react").ForwardRefExoticComponent<CubeItemButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>> & {
+  Action: import("react").ForwardRefExoticComponent<CubeItemActionProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+  Badge: import("react").ForwardRefExoticComponent<CubeItemBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { CubeItemButtonProps, _ItemButton };
+export { type CubeItemButtonProps as ItemButtonProps, type CubeItemActionProps as ItemActionProps, _ItemButton as ItemButton };
 //# sourceMappingURL=ItemButton.d.ts.map

package/dist/components/actions/ItemButton/ItemButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";
@@ -6,12 +6,11 @@ import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useAction } from "../use-action.js";
 import { ItemAction } from "../ItemAction/ItemAction.js";
 import { ItemBadge } from "../../content/ItemBadge/ItemBadge.js";
-import { _Item } from "../../content/Item/Item.js";
+import { Item as _Item } from "../../content/Item/Item.js";
 import { ItemActionsWrapper } from "../ItemActionsWrapper.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/actions/ItemButton/ItemButton.tsx
 const StyledItem = tasty(_Item, {
 	as: "button",
@@ -84,7 +83,7 @@ const _ItemButton = Object.assign(ItemButton, {
 	Action: ItemAction,
 	Badge: ItemBadge
 });
-
 //#endregion
-export { _ItemButton };
+export { _ItemButton as ItemButton };
+
 //# sourceMappingURL=ItemButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemButton.js","names":["FocusableRef","PressEvent","Styles","tasty","forwardRef","HTMLAttributes","ReactNode","useMemo","useRef","useEvent","mergeProps","mergeRefs","useDismissParentPopover","CubeItemProps","Item","ItemBadge","CubeItemActionProps","ItemAction","ItemActionsWrapper","CubeUseActionProps","useAction","CubeItemButtonProps","Omit","actions","size","wrapperStyles","actionsProps","HTMLDivElement","StyledItem","as","type","theme","styles","recipe","placeContent","ItemButton","allProps","ref","HTMLElement","mods","to","htmlType","onPress","onPressStart","_onPressStart","onPressEnd","_onPressEnd","onPressChange","_onPressChange","onPressUp","_onPressUp","navigationOptions","_navigationOptions","label","_label","autoHideActions","disableActionsFocus","isDisabled","isLoading","rest","finalIsDisabled","dismissParentPopover","buttonElementRef","wrappedOnPress","e","el","current","hasAttribute","closest","actionProps","combinedRef","hasHadActions","undefined","withWrapper","ariaPressed","isSelected","role","renderButton","showActions","skipActionsWidthTransition","_ItemButton","Object","assign","Action","Badge","ItemButtonProps","ItemActionProps"],"sources":["../../../../src/components/actions/ItemButton/ItemButton.tsx"],"sourcesContent":["import { FocusableRef, PressEvent } from '@react-types/shared';\nimport { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, ReactNode, useMemo, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport {\n  mergeProps,\n  mergeRefs,\n  useDismissParentPopover,\n} from '../../../utils/react';\nimport { CubeItemProps, Item } from '../../content/Item';\nimport { ItemBadge } from '../../content/ItemBadge';\nimport { CubeItemActionProps, ItemAction } from '../ItemAction';\nimport { ItemActionsWrapper } from '../ItemActionsWrapper';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemButtonProps\n  extends Omit<CubeItemProps, 'size'>,\n    Omit<CubeUseActionProps, keyof CubeItemProps | 'as'> {\n  /**\n   * The row's trailing controls, rendered beside the button rather than inside\n   * it. Pass `null` to keep an empty run — the row reserves no space for it, and\n   * the button is not remounted when the actions arrive later.\n   */\n  actions?: ReactNode;\n  size?: Omit<CubeItemProps['size'], 'inline'>;\n  wrapperStyles?: Styles;\n  /**\n   * Extra props spread on the actions run's container, e.g. event handlers.\n   * Only meaningful together with `actions`.\n   */\n  actionsProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst StyledItem = tasty(Item, {\n  as: 'button',\n  type: 'item',\n  theme: 'default',\n  styles: {\n    recipe: 'reset button',\n    placeContent: 'center stretch',\n  },\n});\n\nconst ItemButton = forwardRef(function ItemButton(\n  allProps: CubeItemButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    mods,\n    to,\n    htmlType,\n    as,\n    type = 'item',\n    theme = 'default',\n    onPress,\n    // Extract react-aria press callbacks to prevent them from leaking to DOM via rest.\n    // These are handled by useButton inside useAction.\n    onPressStart: _onPressStart,\n    onPressEnd: _onPressEnd,\n    onPressChange: _onPressChange,\n    onPressUp: _onPressUp,\n    // Consumed by useAction (it reads `allProps`); kept off the DOM element.\n    navigationOptions: _navigationOptions,\n    label: _label,\n    actions,\n    actionsProps,\n    size = 'medium',\n    wrapperStyles,\n    autoHideActions = false,\n    disableActionsFocus = false,\n    isDisabled,\n    isLoading = false,\n    ...rest\n  } = allProps as CubeItemButtonProps & {\n    as?: 'a' | 'button' | 'div' | 'span';\n  };\n\n  // Loading state makes the component disabled (same logic as Item)\n  const finalIsDisabled =\n    isDisabled === true || (isLoading && isDisabled !== false);\n\n  // Default: pressing an ItemButton inside an open popover closes that\n  // popover. Opt-outs: `data-popover-trigger` on self (applied by\n  // FilterPicker / Picker / Select / MenuTrigger for their own triggers) and\n  // `data-popover-keep` or `data-popover-keep-on-press` (presses only, see\n  // Button) on self or any ancestor. Modals don't subscribe.\n  const dismissParentPopover = useDismissParentPopover();\n  const buttonElementRef = useRef<HTMLElement | null>(null);\n\n  const wrappedOnPress = useEvent((e: PressEvent) => {\n    onPress?.(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 } = useAction(\n    {\n      ...(allProps as any),\n      htmlType,\n      to,\n      as,\n      mods,\n      isDisabled: finalIsDisabled,\n      onPress: wrappedOnPress,\n    },\n    ref,\n  );\n\n  // Merge the useAction-supplied ref with our internal ref so the dismiss\n  // wrapper can read the rendered DOM node at press time.\n  const combinedRef = useMemo(\n    () => mergeRefs(actionProps.ref as any, buttonElementRef),\n    [actionProps.ref],\n  );\n\n  // Once a row has had actions it keeps the wrapper, even after they go away.\n  // Adding or removing a DOM level around the button remounts it — losing focus,\n  // any running transition, and the element every ref in the tree is holding —\n  // and a row whose actions come and go with a permission or a loading flag\n  // would do that on every flip. The empty run costs nothing: it publishes a\n  // width of 0, so the row reserves no space for it.\n  //\n  // `null` is how a caller asks for the run up front — \"there is a run here, it\n  // just has nothing in it right now\" — so a row that knows its actions are\n  // coming never has to remount to receive them. Only `undefined` means the row\n  // has no run at all.\n  const hasHadActions = useRef(false);\n\n  if (actions !== undefined) {\n    hasHadActions.current = true;\n  }\n\n  const withWrapper = hasHadActions.current;\n\n  // `isSelected` on a button is a toggle state, so it reads as `aria-pressed`,\n  // as `Button` does. Skipped on a link (`to`), for a call site's own `role` (a\n  // tab or option wants `aria-selected`), and on a trigger that reports\n  // `aria-expanded`, which is its state instead. An explicit value still wins.\n  //\n  // Set after the spread: `useButton` always returns an `aria-pressed` key,\n  // undefined when the caller passed none, which would overwrite it.\n  const ariaPressed =\n    allProps['aria-pressed'] ??\n    (allProps.isSelected != null &&\n    actionProps.as !== 'a' &&\n    allProps.role == null &&\n    allProps['aria-expanded'] == null\n      ? allProps.isSelected\n      : undefined);\n\n  const renderButton = (\n    showActions: boolean,\n    skipActionsWidthTransition = false,\n  ) => (\n    <StyledItem\n      // Two different questions. `insideWrapper` is \"am I laid out for a\n      // sibling run\", which stays true so the DOM does not restructure;\n      // `actions` is \"is there anything in that run to reserve width for\",\n      // which must go back to false when the run empties — it drives the\n      // two-square minimum width and the suffix's padding, and a row that\n      // reserved space for nothing would sit wider than it needs to.\n      insideWrapper={withWrapper}\n      showActions={showActions}\n      skipActionsWidthTransition={skipActionsWidthTransition}\n      actions={actions ? true : undefined}\n      {...(mergeProps(rest, actionProps) as any)}\n      aria-pressed={ariaPressed}\n      ref={combinedRef}\n      data-popover-dismiss=\"\"\n      htmlType={actionProps.type}\n      type={type}\n      theme={theme}\n      size={size}\n      isLoading={isLoading}\n      isDisabled={isDisabled}\n    />\n  );\n\n  if (withWrapper) {\n    return (\n      <ItemActionsWrapper\n        type={type}\n        theme={theme}\n        size={size as CubeItemProps['size']}\n        mods={mods}\n        styles={wrapperStyles}\n        actions={actions}\n        actionsProps={actionsProps}\n        autoHideActions={autoHideActions}\n        disableActionsFocus={disableActionsFocus}\n        isDisabled={finalIsDisabled}\n      >\n        {({ showActions, skipActionsWidthTransition }) =>\n          renderButton(showActions, skipActionsWidthTransition)\n        }\n      </ItemActionsWrapper>\n    );\n  }\n\n  return renderButton(false);\n});\n\nconst _ItemButton = Object.assign(ItemButton, {\n  Action: ItemAction,\n  Badge: ItemBadge,\n});\n\nexport { _ItemButton as ItemButton };\nexport type {\n  CubeItemButtonProps as ItemButtonProps,\n  CubeItemActionProps as ItemActionProps,\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAM4B,aAAazB,MAAMW,OAAM;CAC7Be,IAAI;CACJC,MAAM;CACNC,OAAO;CACPC,QAAQ;EACNC,QAAQ;EACRC,cAAc;EAChB;CACD,CAAC;AAEF,MAAMC,aAAa/B,WAAW,SAAS+B,WACrCC,UACAC,KACA;CACA,MAAM,EACJE,MACAC,IACAC,UACAZ,IACAC,OAAO,QACPC,QAAQ,WACRW,SAGAC,cAAcC,eACdC,YAAYC,aACZC,eAAeC,gBACfC,WAAWC,YAEXC,mBAAmBC,oBACnBC,OAAOC,QACP/B,SACAG,cACAF,OAAO,UACPC,eACA8B,kBAAkB,OAClBC,sBAAsB,OACtBC,YACAC,YAAY,OACZ,GAAGC,SACDvB;CAKJ,MAAMwB,kBACJH,eAAe,QAASC,aAAaD,eAAe;CAOtD,MAAMI,uBAAuBjD,yBAAyB;CACtD,MAAMkD,mBAAmBtD,OAA2B,KAAK;CAEzD,MAAMuD,iBAAiBtD,UAAUuD,MAAkB;AACjDtB,YAAUsB,EAAE;EACZ,MAAMC,KAAKH,iBAAiBI;AAC5B,MAAI,CAACD,GAAI;AACT,MAAIA,GAAGE,aAAa,uBAAuB,CAAE;AAC7C,MAAIF,GAAGG,QAAQ,oDAAoD,CACjE;AAEFP,uBAAqBI,GAAG;GACxB;CAEF,MAAM,EAAEI,gBAAgBjD,UACtB;EACE,GAAIgB;EACJK;EACAD;EACAX;EACAU;EACAkB,YAAYG;EACZlB,SAASqB;EACV,EACD1B,IACD;CAID,MAAMiC,cAAc/D,cACZI,UAAU0D,YAAYhC,KAAYyB,iBAAiB,EACzD,CAACO,YAAYhC,IACf,CAAC;CAaD,MAAMkC,gBAAgB/D,OAAO,MAAM;AAEnC,KAAIe,YAAYiD,OACdD,eAAcL,UAAU;CAG1B,MAAMO,cAAcF,cAAcL;CASlC,MAAMQ,cACJtC,SAAS,oBACRA,SAASuC,cAAc,QACxBN,YAAYxC,OAAO,OACnBO,SAASwC,QAAQ,QACjBxC,SAAS,oBAAoB,OACzBA,SAASuC,aACTH;CAEN,MAAMK,gBACJC,aACAC,6BAA6B,UAE7B,oBAAC;EAOC,eAAeN;EACFK;EACeC;EAC5B,SAASxD,UAAU,OAAOiD;EAC1B,GAAK9D,WAAWiD,MAAMU,YAAY;EAClC,gBAAcK;EACd,KAAKJ;EACL,wBAAqB;EACrB,UAAUD,YAAYvC;EAChBA;EACCC;EACDP;EACKkC;EACCD;GAEf;AAED,KAAIgB,YACF,QACE,oBAAC;EACO3C;EACCC;EACDP;EACAe;EACN,QAAQd;EACCF;EACKG;EACG6B;EACIC;EACrB,YAAYI;aAEV,EAAEkB,aAAAA,eAAaC,4BAAAA,mCACfF,aAAaC,eAAaC,6BAC5B;GACmB;AAIzB,QAAOF,aAAa,MAAM;EAC1B;AAEF,MAAMG,cAAcC,OAAOC,OAAO/C,YAAY;CAC5CgD,QAAQlE;CACRmE,OAAOrE;CACR,CAAC"}
+{"version":3,"file":"ItemButton.js","names":["FocusableRef","PressEvent","Styles","tasty","forwardRef","HTMLAttributes","ReactNode","useMemo","useRef","useEvent","mergeProps","mergeRefs","useDismissParentPopover","CubeItemProps","Item","ItemBadge","CubeItemActionProps","ItemAction","ItemActionsWrapper","CubeUseActionProps","useAction","CubeItemButtonProps","Omit","actions","size","wrapperStyles","actionsProps","HTMLDivElement","StyledItem","as","type","theme","styles","recipe","placeContent","ItemButton","allProps","ref","HTMLElement","mods","to","htmlType","onPress","onPressStart","_onPressStart","onPressEnd","_onPressEnd","onPressChange","_onPressChange","onPressUp","_onPressUp","navigationOptions","_navigationOptions","label","_label","autoHideActions","disableActionsFocus","isDisabled","isLoading","rest","finalIsDisabled","dismissParentPopover","buttonElementRef","wrappedOnPress","e","el","current","hasAttribute","closest","actionProps","combinedRef","hasHadActions","undefined","withWrapper","ariaPressed","isSelected","role","renderButton","showActions","skipActionsWidthTransition","_ItemButton","Object","assign","Action","Badge","ItemButtonProps","ItemActionProps","Item"],"sources":["../../../../src/components/actions/ItemButton/ItemButton.tsx"],"sourcesContent":["import { FocusableRef, PressEvent } from '@react-types/shared';\nimport { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, ReactNode, useMemo, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport {\n  mergeProps,\n  mergeRefs,\n  useDismissParentPopover,\n} from '../../../utils/react';\nimport { CubeItemProps, Item } from '../../content/Item';\nimport { ItemBadge } from '../../content/ItemBadge';\nimport { CubeItemActionProps, ItemAction } from '../ItemAction';\nimport { ItemActionsWrapper } from '../ItemActionsWrapper';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemButtonProps\n  extends\n    Omit<CubeItemProps, 'size'>,\n    Omit<CubeUseActionProps, keyof CubeItemProps | 'as'> {\n  /**\n   * The row's trailing controls, rendered beside the button rather than inside\n   * it. Pass `null` to keep an empty run — the row reserves no space for it, and\n   * the button is not remounted when the actions arrive later.\n   */\n  actions?: ReactNode;\n  size?: Omit<CubeItemProps['size'], 'inline'>;\n  wrapperStyles?: Styles;\n  /**\n   * Extra props spread on the actions run's container, e.g. event handlers.\n   * Only meaningful together with `actions`.\n   */\n  actionsProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst StyledItem = tasty(Item, {\n  as: 'button',\n  type: 'item',\n  theme: 'default',\n  styles: {\n    recipe: 'reset button',\n    placeContent: 'center stretch',\n  },\n});\n\nconst ItemButton = forwardRef(function ItemButton(\n  allProps: CubeItemButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    mods,\n    to,\n    htmlType,\n    as,\n    type = 'item',\n    theme = 'default',\n    onPress,\n    // Extract react-aria press callbacks to prevent them from leaking to DOM via rest.\n    // These are handled by useButton inside useAction.\n    onPressStart: _onPressStart,\n    onPressEnd: _onPressEnd,\n    onPressChange: _onPressChange,\n    onPressUp: _onPressUp,\n    // Consumed by useAction (it reads `allProps`); kept off the DOM element.\n    navigationOptions: _navigationOptions,\n    label: _label,\n    actions,\n    actionsProps,\n    size = 'medium',\n    wrapperStyles,\n    autoHideActions = false,\n    disableActionsFocus = false,\n    isDisabled,\n    isLoading = false,\n    ...rest\n  } = allProps as CubeItemButtonProps & {\n    as?: 'a' | 'button' | 'div' | 'span';\n  };\n\n  // Loading state makes the component disabled (same logic as Item)\n  const finalIsDisabled =\n    isDisabled === true || (isLoading && isDisabled !== false);\n\n  // Default: pressing an ItemButton inside an open popover closes that\n  // popover. Opt-outs: `data-popover-trigger` on self (applied by\n  // FilterPicker / Picker / Select / MenuTrigger for their own triggers) and\n  // `data-popover-keep` or `data-popover-keep-on-press` (presses only, see\n  // Button) on self or any ancestor. Modals don't subscribe.\n  const dismissParentPopover = useDismissParentPopover();\n  const buttonElementRef = useRef<HTMLElement | null>(null);\n\n  const wrappedOnPress = useEvent((e: PressEvent) => {\n    onPress?.(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 } = useAction(\n    {\n      ...(allProps as any),\n      htmlType,\n      to,\n      as,\n      mods,\n      isDisabled: finalIsDisabled,\n      onPress: wrappedOnPress,\n    },\n    ref,\n  );\n\n  // Merge the useAction-supplied ref with our internal ref so the dismiss\n  // wrapper can read the rendered DOM node at press time.\n  const combinedRef = useMemo(\n    () => mergeRefs(actionProps.ref as any, buttonElementRef),\n    [actionProps.ref],\n  );\n\n  // Once a row has had actions it keeps the wrapper, even after they go away.\n  // Adding or removing a DOM level around the button remounts it — losing focus,\n  // any running transition, and the element every ref in the tree is holding —\n  // and a row whose actions come and go with a permission or a loading flag\n  // would do that on every flip. The empty run costs nothing: it publishes a\n  // width of 0, so the row reserves no space for it.\n  //\n  // `null` is how a caller asks for the run up front — \"there is a run here, it\n  // just has nothing in it right now\" — so a row that knows its actions are\n  // coming never has to remount to receive them. Only `undefined` means the row\n  // has no run at all.\n  const hasHadActions = useRef(false);\n\n  if (actions !== undefined) {\n    hasHadActions.current = true;\n  }\n\n  const withWrapper = hasHadActions.current;\n\n  // `isSelected` on a button is a toggle state, so it reads as `aria-pressed`,\n  // as `Button` does. Skipped on a link (`to`), for a call site's own `role` (a\n  // tab or option wants `aria-selected`), and on a trigger that reports\n  // `aria-expanded`, which is its state instead. An explicit value still wins.\n  //\n  // Set after the spread: `useButton` always returns an `aria-pressed` key,\n  // undefined when the caller passed none, which would overwrite it.\n  const ariaPressed =\n    allProps['aria-pressed'] ??\n    (allProps.isSelected != null &&\n    actionProps.as !== 'a' &&\n    allProps.role == null &&\n    allProps['aria-expanded'] == null\n      ? allProps.isSelected\n      : undefined);\n\n  const renderButton = (\n    showActions: boolean,\n    skipActionsWidthTransition = false,\n  ) => (\n    <StyledItem\n      // Two different questions. `insideWrapper` is \"am I laid out for a\n      // sibling run\", which stays true so the DOM does not restructure;\n      // `actions` is \"is there anything in that run to reserve width for\",\n      // which must go back to false when the run empties — it drives the\n      // two-square minimum width and the suffix's padding, and a row that\n      // reserved space for nothing would sit wider than it needs to.\n      insideWrapper={withWrapper}\n      showActions={showActions}\n      skipActionsWidthTransition={skipActionsWidthTransition}\n      actions={actions ? true : undefined}\n      {...(mergeProps(rest, actionProps) as any)}\n      aria-pressed={ariaPressed}\n      ref={combinedRef}\n      data-popover-dismiss=\"\"\n      htmlType={actionProps.type}\n      type={type}\n      theme={theme}\n      size={size}\n      isLoading={isLoading}\n      isDisabled={isDisabled}\n    />\n  );\n\n  if (withWrapper) {\n    return (\n      <ItemActionsWrapper\n        type={type}\n        theme={theme}\n        size={size as CubeItemProps['size']}\n        mods={mods}\n        styles={wrapperStyles}\n        actions={actions}\n        actionsProps={actionsProps}\n        autoHideActions={autoHideActions}\n        disableActionsFocus={disableActionsFocus}\n        isDisabled={finalIsDisabled}\n      >\n        {({ showActions, skipActionsWidthTransition }) =>\n          renderButton(showActions, skipActionsWidthTransition)\n        }\n      </ItemActionsWrapper>\n    );\n  }\n\n  return renderButton(false);\n});\n\nconst _ItemButton = Object.assign(ItemButton, {\n  Action: ItemAction,\n  Badge: ItemBadge,\n});\n\nexport { _ItemButton as ItemButton };\nexport type {\n  CubeItemButtonProps as ItemButtonProps,\n  CubeItemActionProps as ItemActionProps,\n};\n"],"mappings":";;;;;;;;;;;;;;AAmCA,MAAM4B,aAAazB,MAAMW,OAAM;CAC7Be,IAAI;CACJC,MAAM;CACNC,OAAO;CACPC,QAAQ;EACNC,QAAQ;EACRC,cAAc;CAChB;AACF,CAAC;AAED,MAAMC,aAAa/B,WAAW,SAAS+B,WACrCC,UACAC,KACA;CACA,MAAM,EACJE,MACAC,IACAC,UACAZ,IACAC,OAAO,QACPC,QAAQ,WACRW,SAGAC,cAAcC,eACdC,YAAYC,aACZC,eAAeC,gBACfC,WAAWC,YAEXC,mBAAmBC,oBACnBC,OAAOC,QACP/B,SACAG,cACAF,OAAO,UACPC,eACA8B,kBAAkB,OAClBC,sBAAsB,OACtBC,YACAC,YAAY,OACZ,GAAGC,SACDvB;CAKJ,MAAMwB,kBACJH,eAAe,QAASC,aAAaD,eAAe;CAOtD,MAAMI,uBAAuBjD,wBAAwB;CACrD,MAAMkD,mBAAmBtD,OAA2B,IAAI;CAExD,MAAMuD,iBAAiBtD,UAAUuD,MAAkB;EACjDtB,UAAUsB,CAAC;EACX,MAAMC,KAAKH,iBAAiBI;EAC5B,IAAI,CAACD,IAAI;EACT,IAAIA,GAAGE,aAAa,sBAAsB,GAAG;EAC7C,IAAIF,GAAGG,QAAQ,mDAAmD,GAChE;EAEFP,qBAAqBI,EAAE;CACzB,CAAC;CAED,MAAM,EAAEI,gBAAgBjD,UACtB;EACE,GAAIgB;EACJK;EACAD;EACAX;EACAU;EACAkB,YAAYG;EACZlB,SAASqB;CACX,GACA1B,GACF;CAIA,MAAMiC,cAAc/D,cACZI,UAAU0D,YAAYhC,KAAYyB,gBAAgB,GACxD,CAACO,YAAYhC,GAAG,CAClB;CAaA,MAAMkC,gBAAgB/D,OAAO,KAAK;CAElC,IAAIe,YAAYiD,KAAAA,GACdD,cAAcL,UAAU;CAG1B,MAAMO,cAAcF,cAAcL;CASlC,MAAMQ,cACJtC,SAAS,oBACRA,SAASuC,cAAc,QACxBN,YAAYxC,OAAO,OACnBO,SAASwC,QAAQ,QACjBxC,SAAS,oBAAoB,OACzBA,SAASuC,aACTH,KAAAA;CAEN,MAAMK,gBACJC,aACAC,6BAA6B,UAE7B,oBAAC,YAAD;EAOE,eAAeN;EACFK;EACeC;EAC5B,SAASxD,UAAU,OAAOiD,KAAAA;EAC1B,GAAK9D,WAAWiD,MAAMU,WAAW;EACjC,gBAAcK;EACd,KAAKJ;EACL,wBAAqB;EACrB,UAAUD,YAAYvC;EAChBA;EACCC;EACDP;EACKkC;EACCD;CAAW,CAAA;CAI3B,IAAIgB,aACF,OACE,oBAAC,oBAAD;EACQ3C;EACCC;EACDP;EACAe;EACN,QAAQd;EACCF;EACKG;EACG6B;EACIC;EACrB,YAAYI;EAEV,WAAA,EAAEkB,aAAAA,eAAaC,4BAAAA,mCACfF,aAAaC,eAAaC,4BAA0B;CAEpC,CAAA;CAIxB,OAAOF,aAAa,KAAK;AAC3B,CAAC;AAED,MAAMG,cAAcC,OAAOC,OAAO/C,YAAY;CAC5CgD,QAAQlE;CACRmE,OAAOrE;AACT,CAAC"}

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

@@ -1,3 +1,4 @@
 
 import { CubeItemActionProps } from "../ItemAction/ItemAction.js";
-import { CubeItemButtonProps, _ItemButton } from "./ItemButton.js";
+import { CubeItemButtonProps, ItemButton as _ItemButton } from "./ItemButton.js";
+export { CubeItemButtonProps, type CubeItemButtonProps as ItemButtonProps, type CubeItemActionProps as ItemActionProps, _ItemButton as ItemButton };

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

@@ -1,10 +1,6 @@
 
 import { CubeButtonProps } from "../Button/Button.js";
-import * as react from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/actions/Link/Link.d.ts
-declare const Link: react.ForwardRefExoticComponent<CubeButtonProps & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+export declare const Link: import("react").ForwardRefExoticComponent<CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
-export { Link };
 //# sourceMappingURL=Link.d.ts.map

package/dist/components/actions/Link/Link.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/actions/Link/Link.tsx
 const Link = forwardRef(function Link(props, ref) {
 	const $ = c(3);
@@ -21,7 +20,7 @@ const Link = forwardRef(function Link(props, ref) {
 	} else t0 = $[2];
 	return t0;
 });
-
 //#endregion
 export { Link };
+
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["FocusableRef","forwardRef","Button","CubeButtonProps","Link","props","ref","$","_c","t0"],"sources":["../../../../src/components/actions/Link/Link.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { Button, CubeButtonProps } from '../Button/Button';\n\nexport const Link = forwardRef(function Link(\n  props: CubeButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  return <Button type=\"link\" size=\"inline\" {...props} ref={ref} />;\n});\n"],"mappings":";;;;;;;AAKA,MAAaI,OAAOH,WAAW,SAAAG,KAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;AAItBG,OAAA,oBAAC;GAAY,MAAA;GAAY,MAAA;GAAQ,GAAKJ;GAAYC;IAAO;AAAAC,IAAA,KAAAF;AAAAE,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAAzDE;EACP"}
+{"version":3,"file":"Link.js","names":["FocusableRef","forwardRef","Button","CubeButtonProps","Link","props","ref","$","_c","t0","_c"],"sources":["../../../../src/components/actions/Link/Link.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { Button, CubeButtonProps } from '../Button/Button';\n\nexport const Link = forwardRef(function Link(\n  props: CubeButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  return <Button type=\"link\" size=\"inline\" {...props} ref={ref} />;\n});\n"],"mappings":";;;;;;AAKA,MAAaI,OAAOH,WAAW,SAAAG,KAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;EAItBG,KAAA,oBAAC,QAAD;GAAa,MAAA;GAAY,MAAA;GAAQ,GAAKJ;GAAYC;EAAG,CAAA;EAAIC,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAAzDE;AAAyD,CACjE"}

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

@@ -1,7 +1,7 @@
 
 import { ItemAction } from "../ItemAction/ItemAction.js";
-import { CubeMenuItemProps, _MenuCollectionItem } from "./MenuCollectionItem.js";
-import { _MenuTrigger } from "./MenuTrigger.js";
+import { CubeMenuItemProps, MenuCollectionItem as _MenuCollectionItem } from "./MenuCollectionItem.js";
+import { MenuTrigger as _MenuTrigger } from "./MenuTrigger.js";
 import { SubMenuTrigger } from "./SubMenuTrigger.js";
 import { ItemBadge } from "../../content/ItemBadge/ItemBadge.js";
 import "../index.js";
@@ -9,14 +9,11 @@ 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 { AriaMenuProps } from "react-aria";
-import * as react_stately0 from "react-stately";
 import { Section } from "react-stately";
 import { CollectionChildren, FocusStrategy, Key as Key$2 } from "@react-types/shared";
-
 //#region src/components/actions/Menu/Menu.d.ts
-interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerStyleProps, Omit<AriaMenuProps<T>, 'children' | 'onAction' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'> {
+export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerStyleProps, Omit<AriaMenuProps<T>, 'children' | 'onAction' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'> {
   children?: ReactNode | CollectionChildren<T>;
   onAction?: (key: Key$2) => void;
   header?: ReactNode;
@@ -60,14 +57,14 @@ declare const __Menu: (<T>(props: CubeMenuProps<T> & React.RefAttributes<HTMLULi
     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;
   SubMenuTrigger: typeof SubMenuTrigger;
-  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;
@@ -77,5 +74,5 @@ declare const __Menu: (<T>(props: CubeMenuProps<T> & React.RefAttributes<HTMLULi
   displayName: string;
 };
 //#endregion
-export { CubeMenuProps, __Menu };
+export { __Menu as Menu };
 //# sourceMappingURL=Menu.d.ts.map