@cube-dev/ui-kit 0.195.0 → 0.197.0

package/dist/components/Root.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.js","names":["BASE_STYLES","BaseProps","BLOCK_STYLES","configure","filterBaseProps","setGlobalPredefinedStates","tasty","TastyBatchProvider","useEffect","useMemo","useRef","useState","ModalProvider","I18nProvider","Provider","NavigationAdapter","TrackingProps","TrackingProvider","PaletteConfig","setPaletteConfig","EventBusProvider","AMBIENT_PREDEFINED_STATES","extractStyles","TASTY_VERSION","VERSION","GlobalStyles","AlertDialogApiProvider","OverlayProvider","PortalProvider","i18n","I18nInstance","batchInjection","units","x","r","cr","bw","ow","recipes","reset","margin","padding","border","outline","boxSizing","button","appearance","touchAction","textDecoration","fill","color","cursor","disabled","input","wordSpacing","caretColor","shadow","preset","hide","RootElement","id","styles","display","STYLES","CubeRootProps","tokens","key","palette","bodyStyles","fontDisplay","fonts","publicUrl","navigation","font","monospaceFont","applyLegacyTokens","tracking","cursorStrategy","locale","Root","allProps","$","_c","children","t0","_applyLegacyTokens","t1","style","props","undefined","ref","rootRef","setRootRef","t2","current","t3","Symbol","for","T0","T1","T2","T3","t4","event","T4","t7","eventProps","t8","t9","t10","t11","t12","t5","t6","t13","t14","t15","t16"],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  setGlobalPredefinedStates,\n  tasty,\n  TastyBatchProvider,\n} from '@tenphi/tasty';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { I18nProvider } from '../i18n';\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { PaletteConfig, setPaletteConfig } from '../tokens/palette-config';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { AMBIENT_PREDEFINED_STATES } from '../utils/react/useScheme';\nimport { extractStyles } from '../utils/styles';\nimport { TASTY_VERSION, VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog/AlertDialogApiProvider';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nimport type { i18n as I18nInstance } from 'i18next';\n\n// Color-scheme aliases for the Glaze-generated palette (see `src/tokens/palette.ts`).\n// Attribute opt-in wins over system preference:\n//   <html data-scheme=\"dark\">    → forces the dark scheme\n//   <html data-contrast=\"high\">  → forces the high-contrast scheme\n// Otherwise falls back to the user's `prefers-color-scheme` / `prefers-contrast`.\n//\n// The strings live in `useScheme.ts`, which also reads the same two conditions\n// from JS (`useScheme()` / `useHighContrast()`) — one definition, so the CSS and\n// the JS answers cannot drift apart.\nsetGlobalPredefinedStates(AMBIENT_PREDEFINED_STATES);\n\nconfigure({\n  // Collapse the kit's stylesheet writes into one style invalidation per commit\n  // instead of one per component. Only takes effect inside a\n  // `<TastyBatchProvider>` window, and windows have to be opened per portal\n  // boundary because a commit that mounts a portal does not re-render `<Root>`.\n  // The kit opens three: here, in `<Portal>` (tooltips) and in `<Overlay>`\n  // (popovers, modals, trays — i.e. Dialog and Menu). Writes in any commit\n  // without a window go straight through exactly as before, so a\n  // `useLayoutEffect` can never measure an element whose rules have not landed.\n  batchInjection: true,\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '@autofill': ':-webkit-autofill | :autofill',\n      appearance: {\n        '@autofill': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill': '#primary-text',\n      },\n      caretColor: {\n        '@autofill': '#primary-text',\n      },\n      shadow: {\n        '@autofill': '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': '#placeholder',\n      color: '#placeholder',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nconst RootElement = tasty({\n  id: 'cube-ui-kit-root',\n  styles: {\n    display: 'contents',\n    color: '#dark-02',\n    preset: 't3',\n  },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n  tokens?: { [key: string]: string };\n  /**\n   * Tune the generated color palette. Every zone — `accent`, `base` and each status\n   * theme — takes the same seed: a color, or `{ hue, saturation }`. Plus the global\n   * `surfaceMode`, `pastel` and `contrastLevel`. Omitted fields take their default, so\n   * this prop describes the whole palette and dropping a field from it drops the\n   * customization.\n   *\n   * Removing the prop entirely is the one thing that does *not* reset the\n   * palette, so `<Root>` with no `palette` cannot clobber a host's imperative\n   * `setPaletteConfig()` call. Pass `{}` to ask for the default.\n   *\n   * The palette is global process state, so this is a declarative wrapper over\n   * `setPaletteConfig()`; both drive the same store, and the last write wins.\n   * See `Getting Started/Theming` in Storybook.\n   */\n  palette?: PaletteConfig;\n  bodyStyles?: { [key: string]: string };\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  fonts?: boolean;\n  publicUrl?: string;\n  navigation?: NavigationAdapter;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via GlobalStyles */\n  applyLegacyTokens?: boolean;\n  tracking?: TrackingProps;\n  cursorStrategy?: 'web' | 'native';\n  /**\n   * i18next instance for this tree. During SSR, pass a request-local instance\n   * created with `createUIKitI18n(locale)`.\n   */\n  i18n?: I18nInstance;\n  /** Override the React Aria formatting locale. */\n  locale?: string;\n}\n\nexport function Root(allProps: CubeRootProps) {\n  let {\n    children,\n    /** Raw css styles for body element */\n    bodyStyles,\n    fontDisplay = 'swap',\n    fonts,\n    publicUrl,\n    navigation,\n    font,\n    monospaceFont,\n    applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n    tracking,\n    cursorStrategy = 'web',\n    style,\n    tokens,\n    palette,\n    i18n,\n    locale,\n    ...props\n  } = allProps;\n\n  // Applied during render, not in an effect, so the first paint already uses the\n  // tuned palette instead of flashing the default. `setPaletteConfig` is a no-op\n  // when the resolved config is unchanged, so an inline object literal and\n  // StrictMode's double render both cost nothing. `GlobalStyles` is rendered\n  // below in the same pass and reads the new version directly.\n  useMemo(() => {\n    if (palette) setPaletteConfig(palette);\n  }, [palette]);\n\n  const ref = useRef(null);\n\n  const [rootRef, setRootRef] = useState();\n\n  useEffect(() => {\n    if (!rootRef) {\n      // @ts-ignore\n      setRootRef(ref?.current);\n    }\n  }, []);\n\n  const styles = extractStyles(props, STYLES);\n\n  return (\n    <TastyBatchProvider>\n      <I18nProvider i18n={i18n} locale={locale}>\n        <Provider navigation={navigation} root={rootRef}>\n          <TrackingProvider event={tracking?.event}>\n            <RootElement\n              ref={ref}\n              data-uikit={VERSION}\n              data-tasty={TASTY_VERSION}\n              data-font-display={fontDisplay}\n              {...filterBaseProps(props, { eventProps: true })}\n              styles={styles}\n              style={{\n                '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n                ...style,\n              }}\n              tokens={tokens}\n            >\n              <GlobalStyles\n                bodyStyles={bodyStyles}\n                publicUrl={publicUrl}\n                fonts={fonts}\n                font={font}\n                monospaceFont={monospaceFont}\n                fontDisplay={fontDisplay}\n              />\n              <ModalProvider>\n                <PortalProvider value={ref}>\n                  <EventBusProvider>\n                    <OverlayProvider>\n                      <AlertDialogApiProvider>\n                        {children}\n                      </AlertDialogApiProvider>\n                    </OverlayProvider>\n                  </EventBusProvider>\n                </PortalProvider>\n              </ModalProvider>\n            </RootElement>\n          </TrackingProvider>\n        </Provider>\n      </I18nProvider>\n    </TastyBatchProvider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Root.js","names":["BASE_STYLES","BaseProps","BLOCK_STYLES","configure","filterBaseProps","setGlobalPredefinedStates","tasty","TastyBatchProvider","useEffect","useLayoutEffect","useRef","useState","ModalProvider","I18nProvider","Provider","NavigationAdapter","TrackingProps","TrackingProvider","PaletteConfig","setPaletteConfig","EventBusProvider","AMBIENT_PREDEFINED_STATES","extractStyles","TASTY_VERSION","VERSION","GlobalStyles","AlertDialogApiProvider","OverlayProvider","PortalProvider","i18n","I18nInstance","batchInjection","units","x","r","cr","bw","ow","recipes","reset","margin","padding","border","outline","boxSizing","button","appearance","touchAction","textDecoration","fill","color","cursor","disabled","input","wordSpacing","caretColor","shadow","preset","hide","RootElement","id","styles","display","STYLES","CubeRootProps","tokens","key","palette","bodyStyles","fontDisplay","fonts","publicUrl","navigation","font","monospaceFont","applyLegacyTokens","tracking","cursorStrategy","locale","Root","allProps","$","_c","children","t0","_applyLegacyTokens","t1","style","props","undefined","t2","t3","t4","ref","rootRef","setRootRef","t5","current","t6","Symbol","for","T0","T1","T2","T3","t7","event","T4","t10","eventProps","t11","t12","t13","t14","t15","t8","t9","t16","t17","t18","t19"],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  setGlobalPredefinedStates,\n  tasty,\n  TastyBatchProvider,\n} from '@tenphi/tasty';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { I18nProvider } from '../i18n';\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { PaletteConfig, setPaletteConfig } from '../tokens/palette-config';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { AMBIENT_PREDEFINED_STATES } from '../utils/react/useScheme';\nimport { extractStyles } from '../utils/styles';\nimport { TASTY_VERSION, VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog/AlertDialogApiProvider';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nimport type { i18n as I18nInstance } from 'i18next';\n\n// Color-scheme aliases for the Glaze-generated palette (see `src/tokens/palette.ts`).\n// Attribute opt-in wins over system preference:\n//   <html data-scheme=\"dark\">    → forces the dark scheme\n//   <html data-contrast=\"high\">  → forces the high-contrast scheme\n// Otherwise falls back to the user's `prefers-color-scheme` / `prefers-contrast`.\n//\n// The strings live in `useScheme.ts`, which also reads the same two conditions\n// from JS (`useScheme()` / `useHighContrast()`) — one definition, so the CSS and\n// the JS answers cannot drift apart.\nsetGlobalPredefinedStates(AMBIENT_PREDEFINED_STATES);\n\nconfigure({\n  // Collapse the kit's stylesheet writes into one style invalidation per commit\n  // instead of one per component. Only takes effect inside a\n  // `<TastyBatchProvider>` window, and windows have to be opened per portal\n  // boundary because a commit that mounts a portal does not re-render `<Root>`.\n  // The kit opens three: here, in `<Portal>` (tooltips) and in `<Overlay>`\n  // (popovers, modals, trays — i.e. Dialog and Menu). Writes in any commit\n  // without a window go straight through exactly as before, so a\n  // `useLayoutEffect` can never measure an element whose rules have not landed.\n  batchInjection: true,\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '@autofill': ':-webkit-autofill | :autofill',\n      appearance: {\n        '@autofill': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill': '#primary-text',\n      },\n      caretColor: {\n        '@autofill': '#primary-text',\n      },\n      shadow: {\n        '@autofill': '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': '#placeholder',\n      color: '#placeholder',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nconst RootElement = tasty({\n  id: 'cube-ui-kit-root',\n  styles: {\n    display: 'contents',\n    color: '#dark-02',\n    preset: 't3',\n  },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n  tokens?: { [key: string]: string };\n  /**\n   * Tune the generated color palette. Every zone — `accent`, `base` and each status\n   * theme — takes the same seed: a color, or `{ hue, saturation }`. Plus the global\n   * `surfaceMode`, `pastel` and `contrastLevel`. Omitted fields take their default, so\n   * this prop describes the whole palette and dropping a field from it drops the\n   * customization.\n   *\n   * Removing the prop entirely is the one thing that does *not* reset the\n   * palette, so `<Root>` with no `palette` cannot clobber a host's imperative\n   * `setPaletteConfig()` call. Pass `{}` to ask for the default.\n   *\n   * The first mount applies it during render, so the first paint is already\n   * tuned; a later change applies in a layout effect, before paint.\n   *\n   * The palette is global process state, so this is a declarative wrapper over\n   * `setPaletteConfig()`; both drive the same store, and the last write wins.\n   * Root's layout effect runs after its descendants' in the same commit, so a\n   * descendant's `setPaletteConfig()` from a layout effect in that commit loses\n   * to the prop; write from a passive effect or an event handler instead.\n   * See `Getting Started/Theming` in Storybook.\n   */\n  palette?: PaletteConfig;\n  bodyStyles?: { [key: string]: string };\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  fonts?: boolean;\n  publicUrl?: string;\n  navigation?: NavigationAdapter;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via GlobalStyles */\n  applyLegacyTokens?: boolean;\n  tracking?: TrackingProps;\n  cursorStrategy?: 'web' | 'native';\n  /**\n   * i18next instance for this tree. During SSR, pass a request-local instance\n   * created with `createUIKitI18n(locale)`.\n   */\n  i18n?: I18nInstance;\n  /** Override the React Aria formatting locale. */\n  locale?: string;\n}\n\nexport function Root(allProps: CubeRootProps) {\n  let {\n    children,\n    /** Raw css styles for body element */\n    bodyStyles,\n    fontDisplay = 'swap',\n    fonts,\n    publicUrl,\n    navigation,\n    font,\n    monospaceFont,\n    applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n    tracking,\n    cursorStrategy = 'web',\n    style,\n    tokens,\n    palette,\n    i18n,\n    locale,\n    ...props\n  } = allProps;\n\n  // The first mount applies the palette during render, so the first paint and\n  // SSR output already use it and `GlobalStyles` below reads it directly. A lazy\n  // initializer runs once per mount, which React Compiler preserves; a `useMemo`\n  // compiles to a call on every render. A later change waits for the layout\n  // effect: a write notifies every palette subscriber, and React rejects\n  // updating another component while this one renders. Updates from a layout\n  // effect still land before paint. `setPaletteConfig` is a no-op when the\n  // resolved config is unchanged, so the effect's mount pass, an inline object\n  // literal and StrictMode's double calls cost nothing.\n  //\n  // A `<Root>` that mounts while another tree already subscribes, with a\n  // different palette, still notifies that tree during its first render.\n  useState(() => {\n    if (palette) setPaletteConfig(palette);\n  });\n\n  useLayoutEffect(() => {\n    if (palette) setPaletteConfig(palette);\n  }, [palette]);\n\n  const ref = useRef(null);\n\n  const [rootRef, setRootRef] = useState();\n\n  useEffect(() => {\n    if (!rootRef) {\n      // @ts-ignore\n      setRootRef(ref?.current);\n    }\n  }, []);\n\n  const styles = extractStyles(props, STYLES);\n\n  return (\n    <TastyBatchProvider>\n      <I18nProvider i18n={i18n} locale={locale}>\n        <Provider navigation={navigation} root={rootRef}>\n          <TrackingProvider event={tracking?.event}>\n            <RootElement\n              ref={ref}\n              data-uikit={VERSION}\n              data-tasty={TASTY_VERSION}\n              data-font-display={fontDisplay}\n              {...filterBaseProps(props, { eventProps: true })}\n              styles={styles}\n              style={{\n                '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n                ...style,\n              }}\n              tokens={tokens}\n            >\n              <GlobalStyles\n                bodyStyles={bodyStyles}\n                publicUrl={publicUrl}\n                fonts={fonts}\n                font={font}\n                monospaceFont={monospaceFont}\n                fontDisplay={fontDisplay}\n              />\n              <ModalProvider>\n                <PortalProvider value={ref}>\n                  <EventBusProvider>\n                    <OverlayProvider>\n                      <AlertDialogApiProvider>\n                        {children}\n                      </AlertDialogApiProvider>\n                    </OverlayProvider>\n                  </EventBusProvider>\n                </PortalProvider>\n              </ModalProvider>\n            </RootElement>\n          </TrackingProvider>\n        </Provider>\n      </I18nProvider>\n    </TastyBatchProvider>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { c } from "react/compiler-runtime";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
@@ -11,6 +11,7 @@ import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransi
 import { useAutoTooltip } from "../../content/use-auto-tooltip.js";
 import { CURRENT_CLEAR_STYLES, CURRENT_LINK_STYLES, CURRENT_OUTLINE_2_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_LINK_STYLES, DANGER_OUTLINE_2_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_LINK_STYLES, DEFAULT_OUTLINE_2_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, NOTE_CLEAR_STYLES, NOTE_LINK_STYLES, NOTE_OUTLINE_2_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_LINK_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_LINK_STYLES, SUCCESS_OUTLINE_2_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_LINK_STYLES, WARNING_OUTLINE_2_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
+import { mergeTooltipFocusProps } from "../../overlays/Tooltip/split-trigger-props.js";
 import { useAction } from "../use-action.js";
 import { IconSwitch } from "../../helpers/IconSwitch/IconSwitch.js";
 import { useButtonSplitContext } from "../ButtonSplit/context.js";
@@ -207,7 +208,8 @@ const Button = forwardRef(function Button(allProps, ref) {
 	let { type, size: sizeProp, label, children, theme = splitContext?.theme ?? "default", icon: iconProp, rightIcon: rightIconProp, mods, download, tooltip = true, defaultTooltipPlacement = "top", onPress: userOnPress, tokens, ...props } = allProps;
 	type = type ?? splitContext?.type;
 	const size = sizeProp ?? splitContext?.size ?? (type === "link" ? "inline" : "medium");
-	const isDisabled = splitContext?.isDisabled || props.isDisabled || props.isLoading;
+	const isExplicitlyDisabled = splitContext?.isDisabled || props.isDisabled;
+	const isDisabled = isExplicitlyDisabled || props.isLoading;
 	const isLoading = props.isLoading;
 	const isSelected = props.isSelected;
 	const dismissParentPopover = useDismissParentPopover();
@@ -291,14 +293,16 @@ const Button = forwardRef(function Button(allProps, ref) {
 		isIconShown,
 		isRightIconShown
 	]);
-	const { labelProps: finalLabelProps, labelRef, renderWithTooltip, isTooltipActive } = useAutoTooltip({
+	const { labelProps: finalLabelProps, labelRef, renderWithTooltip, isTooltipActive, isAutoTooltipEnabled } = useAutoTooltip({
 		tooltip,
 		children,
 		labelProps: void 0
 	});
+	const hasOwnTooltip = isTooltipActive && !isAutoTooltipEnabled;
+	const isOnlyLoading = !!isLoading && !isExplicitlyDisabled;
 	const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({
 		isDisabled: isDisabledElement,
-		keepEvents: isTooltipActive,
+		keepEvents: hasOwnTooltip || isOnlyLoading,
 		as: typeof actionProps.as === "string" ? actionProps.as : void 0
 	});
 	const elementProps = isInert ? omitActivationEventProps(actionProps) : actionProps;
@@ -316,7 +320,9 @@ const Button = forwardRef(function Button(allProps, ref) {
 		const ariaPressed = allProps["aria-pressed"] ?? (isSelected != null && actionProps.as !== "a" && allProps.role == null ? isSelected : void 0);
 		return /* @__PURE__ */ jsxs(ButtonElement, {
 			download,
-			...mergeProps(elementProps, tooltipTriggerProps || {}, inertProps),
+			"aria-busy": isLoading || void 0,
+			...mergeProps(mergeTooltipFocusProps(elementProps, tooltipTriggerProps), inertProps),
+			...isOnlyLoading && !hasOwnTooltip ? { tabIndex: -1 } : null,
 			"aria-pressed": ariaPressed,
 			ref: handleRef,
 			mods: {

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { c } from "react/compiler-runtime";

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

@@ -22,13 +22,18 @@ interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {
   onAction?: (key: string) => void;
   /** Called when the selected action changes via the trigger menu. */
   onActionChange?: (key: string) => void;
-  /** Button type applied to both action and trigger buttons in strict mode. */
+  /**
+   * Default type for every Button in the split: both buttons in strict mode,
+   * the child Buttons in custom mode. A Button's own `type` wins. Buttons in a
+   * popover, dialog or menu opened from the split do not inherit it, nor
+   * `theme`, `size` or `isDisabled`.
+   */
   type?: CubeButtonProps['type'];
-  /** Button theme applied to both action and trigger buttons in strict mode. */
+  /** Default theme for every Button in the split. A Button's own `theme` wins. */
   theme?: CubeButtonProps['theme'];
-  /** Button size applied to both action and trigger buttons in strict mode. */
+  /** Default size for every Button in the split. A Button's own `size` wins. */
   size?: CubeButtonProps['size'];
-  /** Disables both buttons in strict mode. */
+  /** Disables every Button in the split, even one passing `isDisabled={false}`. */
   isDisabled?: boolean;
   /** Additional props for the action button in strict mode. */
   actionProps?: Partial<CubeButtonProps>;

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useMemo","useState","useI18n","DirectionIcon","mergeProps","extractStyles","mergeStyleLayers","Button","Menu","ButtonSplitContext","BaseProps","ContainerStyleProps","Styles","CubeCollectionItemProps","CubeButtonProps","CubeMenuProps","ButtonSplitAction","Omit","key","label","CubeButtonSplitProps","actions","actionKey","defaultActionKey","onAction","onActionChange","type","theme","size","isDisabled","actionProps","Partial","triggerProps","menuProps","styles","children","STYLE_PROPS","ButtonSplitElement","as","qa","display","position","verticalAlign","ButtonSplit","HTMLDivElement","props","ref","$","_c","controlledActionKey","role","rest","t","isControlled","undefined","t0","uncontrolledKey","setUncontrolledKey","currentKey","t1","find","a","currentAction","t2","handleActionPress","t3","keys","newKey","handleSelectionChange","containerStyles","mergedStyles","t4","contextValue","isCustomMode","t5","T0","t6","eventProps","t7","t8","icon","tooltip","onPress","_temp","map","_temp2","t9","t10","Provider","displayName","pressed","textValue","itemProps"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { Button } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\n\nimport { ButtonSplitContext } from './context';\n\nimport type { BaseProps, ContainerStyleProps, Styles } from '@tenphi/tasty';\nimport type { CubeCollectionItemProps } from '../../CollectionItem';\nimport type { CubeButtonProps } from '../Button/Button';\nimport type { CubeMenuProps } from '../Menu/Menu';\n\nexport interface ButtonSplitAction\n  extends Omit<\n    CubeCollectionItemProps<object>,\n    'children' | 'onAction' | 'wrapper'\n  > {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {\n  /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */\n  actions?: ButtonSplitAction[];\n  /** Currently selected action key (controlled). */\n  actionKey?: string;\n  /** Initially selected action key (uncontrolled). */\n  defaultActionKey?: string;\n  /** Called when the action button is pressed. Receives the current action key. */\n  onAction?: (key: string) => void;\n  /** Called when the selected action changes via the trigger menu. */\n  onActionChange?: (key: string) => void;\n\n  /** Button type applied to both action and trigger buttons in strict mode. */\n  type?: CubeButtonProps['type'];\n  /** Button theme applied to both action and trigger buttons in strict mode. */\n  theme?: CubeButtonProps['theme'];\n  /** Button size applied to both action and trigger buttons in strict mode. */\n  size?: CubeButtonProps['size'];\n  /** Disables both buttons in strict mode. */\n  isDisabled?: boolean;\n\n  /** Additional props for the action button in strict mode. */\n  actionProps?: Partial<CubeButtonProps>;\n  /** Additional props for the trigger button in strict mode. */\n  triggerProps?: Partial<CubeButtonProps>;\n  /** Additional props for the dropdown menu in strict mode. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n\n  /** Custom styles for the wrapper element. */\n  styles?: Styles;\n\n  /** Custom mode: render arbitrary Button children. */\n  children?: ReactNode;\n}\n\nconst STYLE_PROPS = CONTAINER_STYLES;\n\nconst ButtonSplitElement = tasty({\n  as: 'div',\n  qa: 'ButtonSplit',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    verticalAlign: 'bottom',\n  },\n});\n\nexport const ButtonSplit = forwardRef<HTMLDivElement, CubeButtonSplitProps>(\n  function ButtonSplit(props, ref) {\n    const {\n      actions,\n      actionKey: controlledActionKey,\n      defaultActionKey,\n      onAction,\n      onActionChange,\n      type,\n      theme,\n      size,\n      isDisabled,\n      actionProps,\n      triggerProps,\n      menuProps,\n      styles,\n      children,\n      role,\n      ...rest\n    } = props;\n\n    const { t } = useI18n();\n    const isControlled = controlledActionKey !== undefined;\n    const [uncontrolledKey, setUncontrolledKey] = useState(\n      () => defaultActionKey ?? actions?.[0]?.key,\n    );\n\n    const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n    const currentAction =\n      actions?.find((a) => a.key === currentKey) ?? actions?.[0];\n\n    const handleActionPress = () => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    };\n\n    const handleSelectionChange = (keys: string[]) => {\n      const newKey = keys[0];\n\n      if (newKey) {\n        if (!isControlled) {\n          setUncontrolledKey(newKey);\n        }\n\n        onActionChange?.(newKey);\n      }\n    };\n\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = mergeStyleLayers(containerStyles, styles);\n\n    const contextValue = useMemo(\n      () => ({\n        currentKey,\n        onAction,\n        onActionChange,\n        type,\n        theme,\n        size,\n        isDisabled,\n      }),\n      [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n    );\n\n    const isCustomMode = children != null;\n\n    return (\n      <ButtonSplitContext.Provider value={contextValue}>\n        <ButtonSplitElement\n          {...filterBaseProps(rest, { eventProps: true })}\n          ref={ref}\n          data-button-split\n          styles={mergedStyles}\n          qa={rest.qa}\n          // Custom mode renders peer buttons with no visible group label, which\n          // is exactly when a caller needs `aria-label` to land on something the\n          // AT will announce. `role` comes from `BaseProps`, so a caller that\n          // wants something else — including `presentation` to opt out — just\n          // passes it. Strict mode keeps its previous shape.\n          role={role ?? (isCustomMode ? 'group' : undefined)}\n        >\n          {isCustomMode ? (\n            children\n          ) : actions ? (\n            <>\n              <Button\n                type={type}\n                theme={theme}\n                size={size}\n                isDisabled={isDisabled}\n                icon={currentAction?.icon}\n                tooltip={currentAction?.tooltip}\n                {...mergeProps(actionProps, { onPress: handleActionPress })}\n              >\n                {currentAction?.label}\n              </Button>\n              <Menu.Trigger placement=\"bottom end\">\n                <Button\n                  type={type}\n                  theme={theme}\n                  size={size}\n                  isDisabled={isDisabled}\n                  aria-label={t('buttonSplit.moreOptions', 'More options')}\n                  icon={({ pressed }) => (\n                    <DirectionIcon to={pressed ? 'up' : 'down'} />\n                  )}\n                  {...triggerProps}\n                />\n                <Menu\n                  selectionMode=\"single\"\n                  selectedKeys={currentKey ? [currentKey] : []}\n                  onSelectionChange={handleSelectionChange}\n                  {...menuProps}\n                >\n                  {actions.map(({ key, label, textValue, ...itemProps }) => (\n                    <Menu.Item\n                      key={key}\n                      textValue={\n                        textValue ?? (typeof label === 'string' ? label : key)\n                      }\n                      {...itemProps}\n                    >\n                      {label}\n                    </Menu.Item>\n                  ))}\n                </Menu>\n              </Menu.Trigger>\n            </>\n          ) : null}\n        </ButtonSplitElement>\n      </ButtonSplitContext.Provider>\n    );\n  },\n);\n\nButtonSplit.displayName = 'ButtonSplit';\n"],"mappings":"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"}
+{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useMemo","useState","useI18n","DirectionIcon","mergeProps","extractStyles","mergeStyleLayers","Button","Menu","ButtonSplitContext","BaseProps","ContainerStyleProps","Styles","CubeCollectionItemProps","CubeButtonProps","CubeMenuProps","ButtonSplitAction","Omit","key","label","CubeButtonSplitProps","actions","actionKey","defaultActionKey","onAction","onActionChange","type","theme","size","isDisabled","actionProps","Partial","triggerProps","menuProps","styles","children","STYLE_PROPS","ButtonSplitElement","as","qa","display","position","verticalAlign","ButtonSplit","HTMLDivElement","props","ref","$","_c","controlledActionKey","role","rest","t","isControlled","undefined","t0","uncontrolledKey","setUncontrolledKey","currentKey","t1","find","a","currentAction","t2","handleActionPress","t3","keys","newKey","handleSelectionChange","containerStyles","mergedStyles","t4","contextValue","isCustomMode","t5","T0","t6","eventProps","t7","t8","icon","tooltip","onPress","_temp","map","_temp2","t9","t10","Provider","displayName","pressed","textValue","itemProps"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { Button } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\n\nimport { ButtonSplitContext } from './context';\n\nimport type { BaseProps, ContainerStyleProps, Styles } from '@tenphi/tasty';\nimport type { CubeCollectionItemProps } from '../../CollectionItem';\nimport type { CubeButtonProps } from '../Button/Button';\nimport type { CubeMenuProps } from '../Menu/Menu';\n\nexport interface ButtonSplitAction\n  extends Omit<\n    CubeCollectionItemProps<object>,\n    'children' | 'onAction' | 'wrapper'\n  > {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {\n  /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */\n  actions?: ButtonSplitAction[];\n  /** Currently selected action key (controlled). */\n  actionKey?: string;\n  /** Initially selected action key (uncontrolled). */\n  defaultActionKey?: string;\n  /** Called when the action button is pressed. Receives the current action key. */\n  onAction?: (key: string) => void;\n  /** Called when the selected action changes via the trigger menu. */\n  onActionChange?: (key: string) => void;\n\n  /**\n   * Default type for every Button in the split: both buttons in strict mode,\n   * the child Buttons in custom mode. A Button's own `type` wins. Buttons in a\n   * popover, dialog or menu opened from the split do not inherit it, nor\n   * `theme`, `size` or `isDisabled`.\n   */\n  type?: CubeButtonProps['type'];\n  /** Default theme for every Button in the split. A Button's own `theme` wins. */\n  theme?: CubeButtonProps['theme'];\n  /** Default size for every Button in the split. A Button's own `size` wins. */\n  size?: CubeButtonProps['size'];\n  /** Disables every Button in the split, even one passing `isDisabled={false}`. */\n  isDisabled?: boolean;\n\n  /** Additional props for the action button in strict mode. */\n  actionProps?: Partial<CubeButtonProps>;\n  /** Additional props for the trigger button in strict mode. */\n  triggerProps?: Partial<CubeButtonProps>;\n  /** Additional props for the dropdown menu in strict mode. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n\n  /** Custom styles for the wrapper element. */\n  styles?: Styles;\n\n  /** Custom mode: render arbitrary Button children. */\n  children?: ReactNode;\n}\n\nconst STYLE_PROPS = CONTAINER_STYLES;\n\nconst ButtonSplitElement = tasty({\n  as: 'div',\n  qa: 'ButtonSplit',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    verticalAlign: 'bottom',\n  },\n});\n\nexport const ButtonSplit = forwardRef<HTMLDivElement, CubeButtonSplitProps>(\n  function ButtonSplit(props, ref) {\n    const {\n      actions,\n      actionKey: controlledActionKey,\n      defaultActionKey,\n      onAction,\n      onActionChange,\n      type,\n      theme,\n      size,\n      isDisabled,\n      actionProps,\n      triggerProps,\n      menuProps,\n      styles,\n      children,\n      role,\n      ...rest\n    } = props;\n\n    const { t } = useI18n();\n    const isControlled = controlledActionKey !== undefined;\n    const [uncontrolledKey, setUncontrolledKey] = useState(\n      () => defaultActionKey ?? actions?.[0]?.key,\n    );\n\n    const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n    const currentAction =\n      actions?.find((a) => a.key === currentKey) ?? actions?.[0];\n\n    const handleActionPress = () => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    };\n\n    const handleSelectionChange = (keys: string[]) => {\n      const newKey = keys[0];\n\n      if (newKey) {\n        if (!isControlled) {\n          setUncontrolledKey(newKey);\n        }\n\n        onActionChange?.(newKey);\n      }\n    };\n\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = mergeStyleLayers(containerStyles, styles);\n\n    const contextValue = useMemo(\n      () => ({\n        currentKey,\n        onAction,\n        onActionChange,\n        type,\n        theme,\n        size,\n        isDisabled,\n      }),\n      [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n    );\n\n    const isCustomMode = children != null;\n\n    return (\n      <ButtonSplitContext.Provider value={contextValue}>\n        <ButtonSplitElement\n          {...filterBaseProps(rest, { eventProps: true })}\n          ref={ref}\n          data-button-split\n          styles={mergedStyles}\n          qa={rest.qa}\n          // Custom mode renders peer buttons with no visible group label, which\n          // is exactly when a caller needs `aria-label` to land on something the\n          // AT will announce. `role` comes from `BaseProps`, so a caller that\n          // wants something else — including `presentation` to opt out — just\n          // passes it. Strict mode keeps its previous shape.\n          role={role ?? (isCustomMode ? 'group' : undefined)}\n        >\n          {isCustomMode ? (\n            children\n          ) : actions ? (\n            <>\n              <Button\n                type={type}\n                theme={theme}\n                size={size}\n                isDisabled={isDisabled}\n                icon={currentAction?.icon}\n                tooltip={currentAction?.tooltip}\n                {...mergeProps(actionProps, { onPress: handleActionPress })}\n              >\n                {currentAction?.label}\n              </Button>\n              <Menu.Trigger placement=\"bottom end\">\n                <Button\n                  type={type}\n                  theme={theme}\n                  size={size}\n                  isDisabled={isDisabled}\n                  aria-label={t('buttonSplit.moreOptions', 'More options')}\n                  icon={({ pressed }) => (\n                    <DirectionIcon to={pressed ? 'up' : 'down'} />\n                  )}\n                  {...triggerProps}\n                />\n                <Menu\n                  selectionMode=\"single\"\n                  selectedKeys={currentKey ? [currentKey] : []}\n                  onSelectionChange={handleSelectionChange}\n                  {...menuProps}\n                >\n                  {actions.map(({ key, label, textValue, ...itemProps }) => (\n                    <Menu.Item\n                      key={key}\n                      textValue={\n                        textValue ?? (typeof label === 'string' ? label : key)\n                      }\n                      {...itemProps}\n                    >\n                      {label}\n                    </Menu.Item>\n                  ))}\n                </Menu>\n              </Menu.Trigger>\n            </>\n          ) : null}\n        </ButtonSplitElement>\n      </ButtonSplitContext.Provider>\n    );\n  },\n);\n\nButtonSplit.displayName = 'ButtonSplit';\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/actions/ButtonSplit/context.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx

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

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CURRENT_CLEAR_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
+import { mergeTooltipFocusProps } from "../../overlays/Tooltip/split-trigger-props.js";
 import { useItemActionContext } from "../ItemActionContext.js";
 import { useAction } from "../use-action.js";
 import { c } from "react/compiler-runtime";
@@ -74,7 +75,7 @@ const ItemActionElement = tasty({
 	}
 });
 const ItemAction = forwardRef(function ItemAction(allProps, ref) {
-	const $ = c(50);
+	const $ = c(51);
 	const { type: contextType, disableActionsFocus, menuItemAction, isDisabled: contextIsDisabled } = useItemActionContext();
 	let children;
 	let icon;
@@ -175,25 +176,25 @@ const ItemAction = forwardRef(function ItemAction(allProps, ref) {
 	const { actionProps: t10 } = useAction(t9, ref);
 	let t11;
 	let t12;
-	if ($[30] !== children || $[31] !== disableActionsFocus || $[32] !== finalIcon || $[33] !== isDisabled || $[34] !== isDisabledInherited || $[35] !== isLoading || $[36] !== menuItemAction || $[37] !== rest.role || $[38] !== rest.tabIndex || $[39] !== styles || $[40] !== t10 || $[41] !== theme || $[42] !== tooltip || $[43] !== type) {
+	if ($[30] !== children || $[31] !== disableActionsFocus || $[32] !== finalIcon || $[33] !== isDisabled || $[34] !== isDisabledInherited || $[35] !== isLoading || $[36] !== menuItemAction || $[37] !== rest.excludeFromTabOrder || $[38] !== rest.role || $[39] !== rest.tabIndex || $[40] !== styles || $[41] !== t10 || $[42] !== theme || $[43] !== tooltip || $[44] !== type) {
 		t12 = Symbol.for("react.early_return_sentinel");
 		bb0: {
 			const { isDisabled: _isDisabled, ...actionProps } = t10;
-			const finalTabIndex = disableActionsFocus || isLoading ? -1 : rest.tabIndex;
+			const finalTabIndex = disableActionsFocus || isLoading ? -1 : rest.tabIndex ?? (rest.excludeFromTabOrder ? -1 : void 0);
 			const tooltipContent = typeof tooltip === "string" ? tooltip : typeof tooltip === "object" && tooltip.title ? tooltip.title : void 0;
 			let t13;
-			if ($[46] !== tooltip) {
+			if ($[47] !== tooltip) {
 				t13 = typeof tooltip === "object" ? tooltip : {};
-				$[46] = tooltip;
-				$[47] = t13;
-			} else t13 = $[47];
+				$[47] = tooltip;
+				$[48] = t13;
+			} else t13 = $[48];
 			let tooltipProps;
-			if ($[48] !== t13) {
+			if ($[49] !== t13) {
 				const { title: _title, ...t14 } = t13;
 				tooltipProps = t14;
-				$[48] = t13;
-				$[49] = tooltipProps;
-			} else tooltipProps = $[49];
+				$[49] = t13;
+				$[50] = tooltipProps;
+			} else tooltipProps = $[50];
 			const hasTooltip = !children && !!tooltipContent;
 			const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({
 				isDisabled,
@@ -204,12 +205,12 @@ const ItemAction = forwardRef(function ItemAction(allProps, ref) {
 			const finalType = type;
 			const renderButton = (tooltipTriggerProps, tooltipRef) => {
 				return /* @__PURE__ */ jsxs(ItemActionElement, {
-					...tooltipRef ? mergeProps(elementProps, tooltipTriggerProps || {}, inertProps, { ref: (element) => {
+					...tooltipRef ? mergeProps(mergeTooltipFocusProps(elementProps, tooltipTriggerProps), inertProps, { ref: (element) => {
 						if (tooltipRef) tooltipRef.current = element;
 						const actionRef = actionProps.ref;
 						if (actionRef) if (typeof actionRef === "function") actionRef(element);
 						else actionRef.current = element;
-					} }) : mergeProps(elementProps, tooltipTriggerProps || {}, inertProps),
+					} }) : mergeProps(mergeTooltipFocusProps(elementProps, tooltipTriggerProps), inertProps),
 					disabled: isNativelyDisabled,
 					variant: `${theme}.${finalType}`,
 					"data-theme": theme,
@@ -241,18 +242,19 @@ const ItemAction = forwardRef(function ItemAction(allProps, ref) {
 		$[34] = isDisabledInherited;
 		$[35] = isLoading;
 		$[36] = menuItemAction;
-		$[37] = rest.role;
-		$[38] = rest.tabIndex;
-		$[39] = styles;
-		$[40] = t10;
-		$[41] = theme;
-		$[42] = tooltip;
-		$[43] = type;
-		$[44] = t11;
-		$[45] = t12;
+		$[37] = rest.excludeFromTabOrder;
+		$[38] = rest.role;
+		$[39] = rest.tabIndex;
+		$[40] = styles;
+		$[41] = t10;
+		$[42] = theme;
+		$[43] = tooltip;
+		$[44] = type;
+		$[45] = t11;
+		$[46] = t12;
 	} else {
-		t11 = $[44];
-		t12 = $[45];
+		t11 = $[45];
+		t12 = $[46];
 	}
 	if (t12 !== Symbol.for("react.early_return_sentinel")) return t12;
 	return t11;