@cube-dev/ui-kit 0.183.0 → 0.184.0

package/dist/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @cube-dev/ui-kit
 
+## 0.184.0
+
+### Minor Changes
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - Add `tooltip` to `Checkbox`: a tooltip shown on hover over the box and its inline label, standalone or inside a `Checkbox.Group`, and also while the checkbox is disabled — a place to say why an option is unavailable. It opens on keyboard focus too, and describes the input to screen readers. It takes a string or `TooltipProvider` props. It is separate from `labelTooltip`, the info badge next to a field label.
+
+- [#1424](https://github.com/cube-js/cube-ui-kit/pull/1424) [`f0824b25`](https://github.com/cube-js/cube-ui-kit/commit/f0824b25c01c25148a4ca62a99baba2f99b58d73) Thanks [@tenphi](https://github.com/tenphi)! - `Dialog`'s `Footer` now draws a top border while the dialog's `Content` scrolls, and none while it fits. The footer carries a `content-overflow` modifier for as long as the body overflows, tracked through resizes and content changes, so the line separates the actions from a body that continues beneath them without cluttering a short dialog. Set `border` in the footer's own styles to keep the line always or never draw it. `Content` now renders `data-id="Content"`, which is how the dialog finds its body.
+
+- [#1424](https://github.com/cube-js/cube-ui-kit/pull/1424) [`f0824b25`](https://github.com/cube-js/cube-ui-kit/commit/f0824b25c01c25148a4ca62a99baba2f99b58d73) Thanks [@tenphi](https://github.com/tenphi)! - `DialogForm` now renders its Submit and Cancel buttons in a pinned `Footer` beside the scrolling `Content`, instead of inside it. A long form scrolls its body while the actions stay visible; previously they scrolled away with the content and a dialog that needed pinned actions could not use `DialogForm` at all. The `<form>` now wraps both slots, so the buttons are still inside it and native submit is unchanged. The actions now sit as far below the last field as in any other dialog footer, 8px further than before.
+
+  A `Form` placed directly in a `Dialog` now lays itself out as the dialog's slot column, so a hand-composed `Dialog > Form > Content + Footer` scrolls and pins without restating `display: flex`, `flexGrow: 1`, `height: 'min 0'` and `gap: 0` on the form. This is the form's own state, so `styles` passed to the form still override it. A form nested deeper, or a plain `<form>` element, is left alone.
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - **Breaking:** the info badge next to a field's label is now `labelTooltip`, not `tooltip`. This applies to every field component (`TextInput`, `TextArea`, `CommandTextArea`, `NumberInput`, `PasswordInput`, `SearchInput`, `ColorInput`, `ComboBox`, `SearchComboBox`, `Select`, `Picker`, `FilterPicker`, `ListBox`, `FilterListBox`, `Checkbox`, `CheckboxGroup`, `Switch`, `RadioGroup`, `Slider` and its variants, the date and time pickers, `FileInput`, `ColorPicker`, `ColorSwatchGroup`, `TextInputMapper`), to the legacy `Field` / `Form.Item`, and to `FieldWrapper`. `tooltip` now means only the control's own tooltip, as it does on `Item` and `Button`. Previously a component that is both a field and a trigger had one prop meaning two things: a labelled `Select` rendered its `tooltip` on the trigger and again as a label badge, and `tooltip={true}` on a labelled `Picker` or `FilterPicker` rendered an empty badge.
+
+  Migrating: rename `tooltip` to `labelTooltip` wherever it described the label, whether on the field or on a legacy `Field` / `Form.Item` wrapping it. TypeScript flags the old spelling on every field except `Select` and `Checkbox`, where `tooltip` is valid as the control's own: the `Select` trigger's tooltip, and `Checkbox`'s new hover tooltip over the box and its inline label. Search for `Select` and `Checkbox` elements with both `label` and `tooltip` by hand and move the prop to `labelTooltip` if the label badge is what it was for (on `Select` it previously rendered in both places). JS callers, `as any` and untyped spreads are not flagged either; in development, the first labelled field — other than `Select` and `Checkbox` — that still receives `tooltip` logs a one-time console warning naming `labelTooltip`. The trigger tooltips of `Picker`, `FilterPicker` and `ColorPicker` remain `triggerTooltip`.
+
+- [#1422](https://github.com/cube-js/cube-ui-kit/pull/1422) [`565dc93d`](https://github.com/cube-js/cube-ui-kit/commit/565dc93d8b71292218cebb2a96c70de4d7193518) Thanks [@tenphi](https://github.com/tenphi)! - Let popover fields anchor to an element other than their own trigger. `Select`, `Picker`, `FilterPicker`, `ColorPicker`, `ColorInput`, `DatePicker`, `DateRangePicker`, `DateRangeSeparatedPicker` and `PeriodPicker` now accept `targetRef`, matching the prop `DialogTrigger` already had, so adjacent controls of different widths can line their popovers up with one shared container. The same components (except `FilterPicker`, which already had it) also accept `placement`, since anchoring to a wider container is only useful alongside control over the alignment. Both default to the current behaviour, so existing callers are unaffected.
+
+- [#1421](https://github.com/cube-js/cube-ui-kit/pull/1421) [`a8295d41`](https://github.com/cube-js/cube-ui-kit/commit/a8295d413cb6a25820937cb94af541e7b14c3079) Thanks [@tenphi](https://github.com/tenphi)! - Add a soft brand-purple `Tag` theme: `<Tag theme="primary">` renders the pale card — tinted border, strong colored text — at the primary hue, alongside the existing `default`, `danger`, `success`, `warning` and `note` cards. Previously the brand hue was reachable only through `theme="special"`, which is a solid fill, so designs calling for a soft purple chip had to borrow `note` one hue over. `special` is unchanged and still renders the solid fill.
+
+### Patch Changes
+
+- [#1426](https://github.com/cube-js/cube-ui-kit/pull/1426) [`17416c42`](https://github.com/cube-js/cube-ui-kit/commit/17416c422d8c2f878be168938c132d88fb7dcd94) Thanks [@tenphi](https://github.com/tenphi)! - Fix `Menu` items running their action twice from the keyboard: Enter or Space on a focused item called the menu's `onAction`, and the item's own `onAction`, twice — in a standalone `Menu`, a `Menu.Section`, a `Menu.Trigger` popover and a submenu alike (clicks were unaffected). Enter on a `Menu.SubMenuTrigger` now only opens the submenu, instead of also calling the parent menu's `onAction` with the trigger's key, and a click on a submenu trigger after opening it from the keyboard opens it straight away rather than after the hover delay.
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - A `Radio`'s `tooltip` now opens when the option takes keyboard focus, not only on hover, and the focused input is described by it, so screen readers announce it. It follows arrow-key navigation between options, and any `aria-describedby` the radio already had is kept alongside it.
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - Fix `tooltip` props that were accepted but rendered nothing. A classic (`type="radio"`) `Radio` now shows its `tooltip`, including on a disabled option. A button or tabs `Radio` now truncates a label it has no room for and shows the auto tooltip the docs describe (`tooltip` defaults to `true`); with a `block` description the label keeps its full width, as before. A button `Radio` also supports `highlight` now, and an icon-only one renders as a square icon button matching `ItemButton` instead of carrying an empty, padded label (32px instead of 44px at the default size). Both previously broke because the radio's hidden input was treated as part of the label. `Tabs type="radio"` and `Layout.Header` now truncate a title they have no room for and show it in a tooltip, instead of letting it spill out; `Layout.Header` renders its title text directly in the heading, without the inner `<span>` it used to wrap it in. `labelRef` on `Item`, `ItemButton` and `Radio` (button or classic) now points at the label element instead of leaking to the DOM as a `labelref` attribute, and accepts a callback ref as well as a ref object.
+
+- [#1425](https://github.com/cube-js/cube-ui-kit/pull/1425) [`86ea64d7`](https://github.com/cube-js/cube-ui-kit/commit/86ea64d7a98f836dd6a57076e505312087d6393a) Thanks [@tenphi](https://github.com/tenphi)! - Fix tooltips that were accepted but never showed, or showed and vanished. Items inside a `Menu.Section`, and every `CommandMenu` item, no longer get a second tooltip wrapped around their own: the two closed each other, so an object or `tooltip={true}` tooltip flashed and was gone, and the extra wrapper put a `<div>` inside the menu list. An editable `Tab` whose `title` is not a string now shows its `tooltip`. The `Tabs` picker (`showTabPicker`) shows each tab's `tooltip` on its entry. `Button.Split` shows the current action's `tooltip` on the action button, as it already did its `icon` and `label` (`actionProps.tooltip` overrides it). A disabled tooltip no longer opens unseen on hover and swallows `Escape` while the pointer rests on its trigger, which could keep a `Dialog` from closing while the pointer was over an item or tab with actions, or a button radio.
+
 ## 0.183.0
 
 ### Minor Changes

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { c } from "react-compiler-runtime";
 import { useRef } from "react";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { c } from "react-compiler-runtime";

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

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

package/dist/components/Block.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/CollectionItem.js

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

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { usePaletteVersion } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";
 import { c } from "react-compiler-runtime";

package/dist/components/GridProvider.js

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

package/dist/components/HiddenInput.js

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

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { AMBIENT_PREDEFINED_STATES } from "../utils/react/useScheme.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { getDisabledElementProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { ButtonSplitContext } from "./context.js";
@@ -74,6 +74,7 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
 				size,
 				isDisabled,
 				icon: currentAction?.icon,
+				tooltip: currentAction?.tooltip,
 				...mergeProps(actionProps, { onPress: handleActionPress }),
 				children: currentAction?.label
 			}), /* @__PURE__ */ jsxs(__Menu.Trigger, {

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useCallback","useMemo","useState","DirectionIcon","mergeProps","extractStyles","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","controlledActionKey","role","rest","isControlled","undefined","uncontrolledKey","setUncontrolledKey","currentKey","currentAction","find","a","handleActionPress","handleSelectionChange","keys","newKey","containerStyles","mergedStyles","contextValue","isCustomMode","eventProps","icon","onPress","pressed","map","textValue","itemProps","displayName"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } 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 isControlled = controlledActionKey !== undefined;\n    const [uncontrolledKey, setUncontrolledKey] = useState(\n      () => defaultActionKey ?? actions?.[0]?.key,\n    );\n\n    const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n    const currentAction = useMemo(\n      () => actions?.find((a) => a.key === currentKey) ?? actions?.[0],\n      [actions, currentKey],\n    );\n\n    const handleActionPress = useCallback(() => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    }, [currentKey, onAction]);\n\n    const handleSelectionChange = useCallback(\n      (keys: string[]) => {\n        const newKey = keys[0];\n\n        if (newKey) {\n          if (!isControlled) {\n            setUncontrolledKey(newKey);\n          }\n\n          onActionChange?.(newKey);\n        }\n      },\n      [isControlled, onActionChange],\n    );\n\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = useMemo<Styles>(\n      () => ({\n        ...containerStyles,\n        ...styles,\n      }),\n      [containerStyles, styles],\n    );\n\n    const contextValue = useMemo(\n      () => ({\n        currentKey,\n        onAction,\n        onActionChange,\n        type,\n        theme,\n        size,\n        isDisabled,\n      }),\n      [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n    );\n\n    const isCustomMode = children != null;\n\n    return (\n      <ButtonSplitContext.Provider value={contextValue}>\n        <ButtonSplitElement\n          {...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                {...mergeProps(actionProps, { onPress: handleActionPress })}\n              >\n                {currentAction?.label}\n              </Button>\n              <Menu.Trigger placement=\"bottom end\">\n                <Button\n                  type={type}\n                  theme={theme}\n                  size={size}\n                  isDisabled={isDisabled}\n                  aria-label=\"More options\"\n                  icon={({ pressed }) => (\n                    <DirectionIcon to={pressed ? 'up' : 'down'} />\n                  )}\n                  {...triggerProps}\n                />\n                <Menu\n                  selectionMode=\"single\"\n                  selectedKeys={currentKey ? [currentKey] : []}\n                  onSelectionChange={handleSelectionChange}\n                  {...menuProps}\n                >\n                  {actions.map(({ key, label, textValue, ...itemProps }) => (\n                    <Menu.Item\n                      key={key}\n                      textValue={\n                        textValue ?? (typeof label === 'string' ? label : key)\n                      }\n                      {...itemProps}\n                    >\n                      {label}\n                    </Menu.Item>\n                  ))}\n                </Menu>\n              </Menu.Trigger>\n            </>\n          ) : null}\n        </ButtonSplitElement>\n      </ButtonSplitContext.Provider>\n    );\n  },\n);\n\nButtonSplit.displayName = 'ButtonSplit';\n"],"mappings":";;;;;;;;;;;;AA4DA,MAAMwC,cAAcxC;AAEpB,MAAMyC,qBAAqBvC,MAAM;CAC/BwC,IAAI;CACJC,IAAI;CACJL,QAAQ;EACNM,SAAS;EACTC,UAAU;EACVC,eAAe;EACjB;CACD,CAAC;AAEF,MAAaC,cAAc5C,WACzB,SAAS4C,YAAYE,OAAOC,KAAK;CAC/B,MAAM,EACJzB,SACAC,WAAWyB,qBACXxB,kBACAC,UACAC,gBACAC,MACAC,OACAC,MACAC,YACAC,aACAE,cACAC,WACAC,QACAC,UACAa,MACA,GAAGC,SACDJ;CAEJ,MAAMK,eAAeH,wBAAwBI;CAC7C,MAAM,CAACC,iBAAiBC,sBAAsBlD,eACtCoB,oBAAoBF,UAAU,IAAIH,IACzC;CAED,MAAMoC,aAAaJ,eAAeH,sBAAsBK;CAExD,MAAMG,gBAAgBrD,cACdmB,SAASmC,MAAMC,MAAMA,EAAEvC,QAAQoC,WAAW,IAAIjC,UAAU,IAC9D,CAACA,SAASiC,WACZ,CAAC;CAED,MAAMI,oBAAoBzD,kBAAkB;AAC1C,MAAIqD,WACF9B,YAAW8B,WAAW;IAEvB,CAACA,YAAY9B,SAAS,CAAC;CAE1B,MAAMmC,wBAAwB1D,aAC3B2D,SAAmB;EAClB,MAAMC,SAASD,KAAK;AAEpB,MAAIC,QAAQ;AACV,OAAI,CAACX,aACHG,oBAAmBQ,OAAO;AAG5BpC,oBAAiBoC,OAAO;;IAG5B,CAACX,cAAczB,eACjB,CAAC;CAED,MAAMqC,kBAAkBxD,cAAc2C,MAAMb,YAAY;CAExD,MAAM2B,eAAe7D,eACZ;EACL,GAAG4D;EACH,GAAG5B;EACJ,GACD,CAAC4B,iBAAiB5B,OACpB,CAAC;CAED,MAAM8B,eAAe9D,eACZ;EACLoD;EACA9B;EACAC;EACAC;EACAC;EACAC;EACAC;EACD,GACD;EAACyB;EAAY9B;EAAUC;EAAgBC;EAAMC;EAAOC;EAAMC;EAC5D,CAAC;CAED,MAAMoC,eAAe9B,YAAY;AAEjC,QACE,oBAAC,mBAAmB;EAAS,OAAO6B;YAClC,oBAAC;GACC,GAAInE,gBAAgBoD,MAAM,EAAEiB,YAAY,MAAM,CAAC;GAC1CpB;GACL;GACA,QAAQiB;GACR,IAAId,KAAKV;GAMT,MAAMS,SAASiB,eAAe,UAAUd;aAEvCc,eACC9B,WACEd,UACF,8CACE,oBAAC;IACOK;IACCC;IACDC;IACMC;IACZ,MAAM0B,eAAeY;IACrB,GAAI9D,WAAWyB,aAAa,EAAEsC,SAASV,mBAAmB,CAAC;cAE1DH,eAAepC;KACV,EACR,qBAAC,OAAK;IAAQ,WAAU;eACtB,oBAAC;KACOO;KACCC;KACDC;KACMC;KACZ,cAAW;KACX,OAAO,EAAEwC,cACP,oBAAC,iBAAc,IAAIA,UAAU,OAAO,SACrC;KACD,GAAIrC;MAAa,EAEnB,oBAAC;KACC,eAAc;KACd,cAAcsB,aAAa,CAACA,WAAW,GAAG,EAAE;KAC5C,mBAAmBK;KACnB,GAAI1B;eAEHZ,QAAQiD,KAAK,EAAEpD,KAAKC,OAAOoD,WAAW,GAAGC,gBACxC,oBAAC,OAAK;MAEJ,WACED,cAAc,OAAOpD,UAAU,WAAWA,QAAQD;MAEpD,GAAIsD;gBAEHrD;QANID,IAQR,CAAC;MACE;KACM,IACb,GACD;IACc;GACQ;EAGnC;AAEDyB,YAAY8B,cAAc"}
+{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useCallback","useMemo","useState","DirectionIcon","mergeProps","extractStyles","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","controlledActionKey","role","rest","isControlled","undefined","uncontrolledKey","setUncontrolledKey","currentKey","currentAction","find","a","handleActionPress","handleSelectionChange","keys","newKey","containerStyles","mergedStyles","contextValue","isCustomMode","eventProps","icon","tooltip","onPress","pressed","map","textValue","itemProps","displayName"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } 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 isControlled = controlledActionKey !== undefined;\n    const [uncontrolledKey, setUncontrolledKey] = useState(\n      () => defaultActionKey ?? actions?.[0]?.key,\n    );\n\n    const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n    const currentAction = useMemo(\n      () => actions?.find((a) => a.key === currentKey) ?? actions?.[0],\n      [actions, currentKey],\n    );\n\n    const handleActionPress = useCallback(() => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    }, [currentKey, onAction]);\n\n    const handleSelectionChange = useCallback(\n      (keys: string[]) => {\n        const newKey = keys[0];\n\n        if (newKey) {\n          if (!isControlled) {\n            setUncontrolledKey(newKey);\n          }\n\n          onActionChange?.(newKey);\n        }\n      },\n      [isControlled, onActionChange],\n    );\n\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = useMemo<Styles>(\n      () => ({\n        ...containerStyles,\n        ...styles,\n      }),\n      [containerStyles, styles],\n    );\n\n    const contextValue = useMemo(\n      () => ({\n        currentKey,\n        onAction,\n        onActionChange,\n        type,\n        theme,\n        size,\n        isDisabled,\n      }),\n      [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n    );\n\n    const isCustomMode = children != null;\n\n    return (\n      <ButtonSplitContext.Provider value={contextValue}>\n        <ButtonSplitElement\n          {...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=\"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":";;;;;;;;;;;;AA4DA,MAAMwC,cAAcxC;AAEpB,MAAMyC,qBAAqBvC,MAAM;CAC/BwC,IAAI;CACJC,IAAI;CACJL,QAAQ;EACNM,SAAS;EACTC,UAAU;EACVC,eAAe;EACjB;CACD,CAAC;AAEF,MAAaC,cAAc5C,WACzB,SAAS4C,YAAYE,OAAOC,KAAK;CAC/B,MAAM,EACJzB,SACAC,WAAWyB,qBACXxB,kBACAC,UACAC,gBACAC,MACAC,OACAC,MACAC,YACAC,aACAE,cACAC,WACAC,QACAC,UACAa,MACA,GAAGC,SACDJ;CAEJ,MAAMK,eAAeH,wBAAwBI;CAC7C,MAAM,CAACC,iBAAiBC,sBAAsBlD,eACtCoB,oBAAoBF,UAAU,IAAIH,IACzC;CAED,MAAMoC,aAAaJ,eAAeH,sBAAsBK;CAExD,MAAMG,gBAAgBrD,cACdmB,SAASmC,MAAMC,MAAMA,EAAEvC,QAAQoC,WAAW,IAAIjC,UAAU,IAC9D,CAACA,SAASiC,WACZ,CAAC;CAED,MAAMI,oBAAoBzD,kBAAkB;AAC1C,MAAIqD,WACF9B,YAAW8B,WAAW;IAEvB,CAACA,YAAY9B,SAAS,CAAC;CAE1B,MAAMmC,wBAAwB1D,aAC3B2D,SAAmB;EAClB,MAAMC,SAASD,KAAK;AAEpB,MAAIC,QAAQ;AACV,OAAI,CAACX,aACHG,oBAAmBQ,OAAO;AAG5BpC,oBAAiBoC,OAAO;;IAG5B,CAACX,cAAczB,eACjB,CAAC;CAED,MAAMqC,kBAAkBxD,cAAc2C,MAAMb,YAAY;CAExD,MAAM2B,eAAe7D,eACZ;EACL,GAAG4D;EACH,GAAG5B;EACJ,GACD,CAAC4B,iBAAiB5B,OACpB,CAAC;CAED,MAAM8B,eAAe9D,eACZ;EACLoD;EACA9B;EACAC;EACAC;EACAC;EACAC;EACAC;EACD,GACD;EAACyB;EAAY9B;EAAUC;EAAgBC;EAAMC;EAAOC;EAAMC;EAC5D,CAAC;CAED,MAAMoC,eAAe9B,YAAY;AAEjC,QACE,oBAAC,mBAAmB;EAAS,OAAO6B;YAClC,oBAAC;GACC,GAAInE,gBAAgBoD,MAAM,EAAEiB,YAAY,MAAM,CAAC;GAC1CpB;GACL;GACA,QAAQiB;GACR,IAAId,KAAKV;GAMT,MAAMS,SAASiB,eAAe,UAAUd;aAEvCc,eACC9B,WACEd,UACF,8CACE,oBAAC;IACOK;IACCC;IACDC;IACMC;IACZ,MAAM0B,eAAeY;IACrB,SAASZ,eAAea;IACxB,GAAI/D,WAAWyB,aAAa,EAAEuC,SAASX,mBAAmB,CAAC;cAE1DH,eAAepC;KACV,EACR,qBAAC,OAAK;IAAQ,WAAU;eACtB,oBAAC;KACOO;KACCC;KACDC;KACMC;KACZ,cAAW;KACX,OAAO,EAAEyC,cACP,oBAAC,iBAAc,IAAIA,UAAU,OAAO,SACrC;KACD,GAAItC;MAAa,EAEnB,oBAAC;KACC,eAAc;KACd,cAAcsB,aAAa,CAACA,WAAW,GAAG,EAAE;KAC5C,mBAAmBK;KACnB,GAAI1B;eAEHZ,QAAQkD,KAAK,EAAErD,KAAKC,OAAOqD,WAAW,GAAGC,gBACxC,oBAAC,OAAK;MAEJ,WACED,cAAc,OAAOrD,UAAU,WAAWA,QAAQD;MAEpD,GAAIuD;gBAEHtD;QANID,IAQR,CAAC;MACE;KACM,IACb,GACD;IACc;GACQ;EAGnC;AAEDyB,YAAY+B,cAAc"}

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

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

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

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { _CollectionItem } from "../../CollectionItem.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -148,12 +147,6 @@ function CommandMenu(props, ref) {
 				size,
 				onAction: item_3.onAction
 			}, item_3.key);
-			if (item_3.props.tooltip) menuItem = /* @__PURE__ */ jsx(TooltipProvider, {
-				activeWrap: true,
-				placement: "right",
-				...typeof item_3.props.tooltip === "string" ? { title: item_3.props.tooltip } : item_3.props.tooltip,
-				children: menuItem
-			}, item_3.key);
 			if (item_3.props.wrapper) menuItem = item_3.props.wrapper(menuItem);
 			items_1.push(React.cloneElement(menuItem, { key: item_3.key }));
 		});

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.js","names":["useObjectRef","useSyncRef","FocusStrategy","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","React","Key","ReactElement","ReactNode","Ref","useCallback","useMemo","useRef","useState","useFilter","useMenu","Section","useTreeState","useI18n","LoadingIcon","mergeProps","extractStyles","CollectionItem","Item","TooltipProvider","useMenuContext","CubeMenuProps","MenuItem","MenuSection","MenuTrigger","StyledDivider","StyledFooter","StyledHeader","StyledMenu","StyledCommandMenu","StyledEmptyState","StyledLoadingWrapper","StyledSearchInput","CommandMenuItem","id","textValue","keywords","forceMount","key","CubeCommandMenuProps","Omit","T","searchPlaceholder","searchValue","onSearchChange","value","filter","inputValue","emptyLabel","searchInputStyles","headerStyles","footerStyles","isLoading","shouldFilter","autoFocus","size","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","CommandMenu","props","ref","HTMLDivElement","t","controlledSearchValue","customFilter","qa","styles","header","footer","restMenuProps","domRef","searchInputRef","HTMLInputElement","contextProps","ariaSelectedKeys","Set","undefined","ariaDefaultSelectedKeys","handleSelectionChange","allKeys","Array","from","treeState","collection","getKeys","map","String","completeProps","internalSearchValue","setInternalSearchValue","handleSearchChange","contains","sensitivity","textFilterFn","enhancedFilter","item","searchWords","trim","toLowerCase","split","word","length","searchableTexts","push","isArray","keyword","every","searchWord","some","text","includes","collectionFilter","nodes","Iterable","term","filterNodes","iter","result","node","type","filteredChildren","childNodes","rendered","treeStateProps","shouldUseVirtualFocus","collectionItems","hasSections","focusedKey","setFocusedKey","focusedKeyRef","filteredCollectionItems","items","forEach","hasFilteredItems","viewHasSections","findFirstSelectableItem","selectionManager","visit","childResult","isDisabled","menuRef","HTMLUListElement","menuProps","renderedItems","isFirstSection","sectionStyles","itemStyles","sectionHeadingStyles","menuItem","onAction","tooltip","tooltipProps","title","wrapper","cloneElement","useEffect","current","timeoutId","setTimeout","focus","clearTimeout","prevSearchValueRef","currentSearchValue","prevSearchValue","firstSelectableKey","extractedStyles","hasSearchTerm","showEmptyState","mods","popoverMod","popover","trayMod","tray","sections","Record","border","e","target","preventDefault","isArrowDown","currentKey","getVisibleItemKeys","findNextSelectableKey","currentIndex","direction","visibleKeys","increment","i","findFirstLastSelectableKey","keysToCheck","reverse","nextKey","indexOf","currentFocusedKey","selectionMode","select","getItem","onClose","closeOnSelect","boxShadow","radius","padding","_CommandMenu","forwardRef","RefAttributes","__CommandMenu","Object","assign","Trigger","displayName"],"sources":["../../../../src/components/actions/CommandMenu/CommandMenu.tsx"],"sourcesContent":["import { useObjectRef, useSyncRef } from '@react-aria/utils';\nimport { FocusStrategy } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n} from '@tenphi/tasty';\nimport React, {\n  Key,\n  ReactElement,\n  ReactNode,\n  Ref,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFilter, useMenu } from 'react-aria';\nimport { Section, useTreeState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n// `CollectionItem` (not react-stately's bare `Item`) is what CommandMenu\n// actually renders through `MenuItem`, so it carries the `Item` props.\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useMenuContext } from '../Menu';\nimport { CubeMenuProps } from '../Menu/Menu';\nimport { MenuItem } from '../Menu/MenuItem';\nimport { MenuSection } from '../Menu/MenuSection';\nimport { MenuTrigger } from '../Menu/MenuTrigger';\nimport {\n  StyledDivider,\n  StyledFooter,\n  StyledHeader,\n  StyledMenu,\n} from '../Menu/styled';\n\nimport {\n  StyledCommandMenu,\n  StyledEmptyState,\n  StyledLoadingWrapper,\n  StyledSearchInput,\n} from './styled';\n\nexport interface CommandMenuItem {\n  // Standard item props\n  id: string;\n  textValue: string;\n\n  // Enhanced search features\n  keywords?: string[];\n  forceMount?: boolean;\n\n  // Standard Menu item props inherited\n  [key: string]: any;\n}\n\nexport interface CubeCommandMenuProps<T>\n  extends BaseProps,\n    ContainerStyleProps,\n    Omit<\n      CubeMenuProps<T>,\n      'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'\n    > {\n  // Search-specific props\n  searchPlaceholder?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  filter?: (textValue: string, inputValue: string) => boolean;\n  emptyLabel?: ReactNode;\n  searchInputStyles?: Styles;\n  headerStyles?: Styles;\n  footerStyles?: Styles;\n\n  // Advanced search features\n  isLoading?: boolean;\n  shouldFilter?: boolean;\n\n  // Focus management - override the autoFocus from CubeMenuProps to allow boolean | FocusStrategy\n  autoFocus?: boolean | FocusStrategy;\n\n  // Size prop\n  size?: 'medium' | 'large' | (string & {});\n\n  /** Currently selected keys (controlled) */\n  selectedKeys?: string[];\n  /** Initially selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[];\n  /** Handler for selection changes */\n  onSelectionChange?: (keys: string[]) => void;\n}\n\nfunction CommandMenu<T extends object>(\n  props: CubeCommandMenuProps<T>,\n  ref: Ref<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    searchPlaceholder = t(\n      'commandMenu.searchPlaceholder',\n      'Search commands...',\n    ),\n    searchValue: controlledSearchValue,\n    onSearchChange,\n    filter: customFilter,\n    emptyLabel = t('commandMenu.empty', 'No commands found'),\n    searchInputStyles,\n    headerStyles,\n    footerStyles,\n    isLoading = false,\n    shouldFilter = true,\n    autoFocus = true,\n    size = 'medium',\n    qa,\n    styles,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    header,\n    footer,\n    ...restMenuProps\n  } = props;\n\n  const domRef = useObjectRef(ref);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const contextProps = useMenuContext();\n\n  // Convert string[] to Set<Key> for React Aria compatibility\n  const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : undefined;\n  const ariaDefaultSelectedKeys = defaultSelectedKeys\n    ? new Set(defaultSelectedKeys)\n    : undefined;\n\n  const handleSelectionChange = onSelectionChange\n    ? (keys: 'all' | Set<Key>) => {\n        if (keys === 'all') {\n          // Handle 'all' selection case - collect all available keys\n          const allKeys = Array.from(treeState.collection.getKeys()).map(\n            (key: any) => String(key),\n          );\n          onSelectionChange(allKeys);\n        } else if (keys instanceof Set) {\n          onSelectionChange(Array.from(keys).map((key) => String(key)));\n        } else {\n          onSelectionChange([]);\n        }\n      }\n    : undefined;\n\n  const completeProps = mergeProps(contextProps, restMenuProps, {\n    selectedKeys: ariaSelectedKeys,\n    defaultSelectedKeys: ariaDefaultSelectedKeys,\n    onSelectionChange: handleSelectionChange,\n  });\n\n  // Search state management\n  const [internalSearchValue, setInternalSearchValue] = useState('');\n  const searchValue = controlledSearchValue ?? internalSearchValue;\n\n  const handleSearchChange = useCallback(\n    (value: string) => {\n      if (controlledSearchValue === undefined) {\n        setInternalSearchValue(value);\n      }\n      onSearchChange?.(value);\n    },\n    [controlledSearchValue, onSearchChange],\n  );\n\n  // Filter setup\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const textFilterFn = useMemo(\n    () => customFilter || contains,\n    [customFilter, contains],\n  );\n\n  // Enhanced filter function that supports keywords and forceMount\n  const enhancedFilter = useCallback(\n    (textValue: string, inputValue: string, item?: any) => {\n      // Always show force-mounted items\n      if (item?.forceMount) {\n        return true;\n      }\n\n      // If shouldFilter is false, show all items\n      if (!shouldFilter) {\n        return true;\n      }\n\n      // Split input value into individual words and filter out empty strings\n      const searchWords = inputValue\n        .trim()\n        .toLowerCase()\n        .split(/\\s+/)\n        .filter((word) => word.length > 0);\n\n      // If no search words, show all items\n      if (searchWords.length === 0) {\n        return true;\n      }\n\n      // Collect all searchable text for this item\n      const searchableTexts: string[] = [];\n\n      // Add main text value\n      searchableTexts.push(textValue.toLowerCase());\n\n      // Add keywords if available\n      if (item?.keywords && Array.isArray(item.keywords)) {\n        searchableTexts.push(\n          ...item.keywords.map((keyword: string) => keyword.toLowerCase()),\n        );\n      }\n\n      // Check if ALL search words match at least one of the searchable texts\n      return searchWords.every((searchWord) =>\n        searchableTexts.some((text) => text.includes(searchWord)),\n      );\n    },\n    [shouldFilter],\n  );\n\n  // Collection filter for React Stately\n  const collectionFilter = useCallback(\n    (nodes: Iterable<any>): Iterable<any> => {\n      const term = searchValue.trim();\n\n      // If no search term, return all nodes\n      if (!term) {\n        return nodes;\n      }\n\n      // Split search term into words for multi-word filtering\n      const searchWords = term\n        .toLowerCase()\n        .split(/\\s+/)\n        .filter((word) => word.length > 0);\n\n      // If no valid search words, return all nodes\n      if (searchWords.length === 0) {\n        return nodes;\n      }\n\n      // Recursive helper to filter sections and items\n      const filterNodes = (iter: Iterable<any>): any[] => {\n        const result: any[] = [];\n\n        for (const node of iter) {\n          if (node.type === 'section') {\n            const filteredChildren = filterNodes(node.childNodes);\n\n            if (filteredChildren.length) {\n              result.push({\n                ...node,\n                childNodes: filteredChildren,\n              });\n            }\n          } else {\n            const text = node.textValue ?? String(node.rendered ?? '');\n\n            if (enhancedFilter(text, term, node.props)) {\n              result.push(node);\n            }\n          }\n        }\n\n        return result;\n      };\n\n      return filterNodes(nodes);\n    },\n    [searchValue, enhancedFilter],\n  );\n\n  // Create tree state with filter for both keyboard navigation and rendering\n  const treeStateProps = {\n    ...completeProps,\n    filter: collectionFilter,\n    shouldUseVirtualFocus: true, // Always use virtual focus for CommandMenu\n  };\n\n  const treeState = useTreeState(treeStateProps);\n\n  const collectionItems = [...treeState.collection];\n  const hasSections = collectionItems.some((item) => item.type === 'section');\n\n  // Track focused key for aria-activedescendant\n  const [focusedKey, setFocusedKey] = React.useState<React.Key | null>(null);\n  const focusedKeyRef = useRef<React.Key | null>(null);\n\n  // Apply filtering to collection items for rendering and empty state checks\n  const filteredCollectionItems = useMemo(() => {\n    const term = searchValue.trim();\n    if (!term) {\n      return collectionItems;\n    }\n\n    // Split search term into words for multi-word filtering\n    const searchWords = term\n      .toLowerCase()\n      .split(/\\s+/)\n      .filter((word) => word.length > 0);\n\n    // If no valid search words, return all items\n    if (searchWords.length === 0) {\n      return collectionItems;\n    }\n\n    const filterNodes = (items: any[]): any[] => {\n      const result: any[] = [];\n\n      [...items].forEach((item) => {\n        if (item.type === 'section') {\n          const filteredChildren = filterNodes(item.childNodes);\n          if (filteredChildren.length) {\n            result.push({\n              ...item,\n              childNodes: filteredChildren,\n            });\n          }\n        } else {\n          const text = item.textValue ?? String(item.rendered ?? '');\n          if (enhancedFilter(text, term, item.props)) {\n            result.push(item);\n          }\n        }\n      });\n\n      return result;\n    };\n\n    return filterNodes(collectionItems);\n  }, [collectionItems, searchValue, enhancedFilter]);\n\n  const hasFilteredItems = filteredCollectionItems.length > 0;\n  const viewHasSections = filteredCollectionItems.some(\n    (item) => item.type === 'section',\n  );\n\n  // Helper function to find the first selectable item from filtered results\n  const findFirstSelectableItem = useCallback(() => {\n    const { selectionManager } = treeState;\n\n    const visit = (items: any[]): Key | null => {\n      for (const node of items) {\n        if (node?.type === 'section') {\n          const childResult = visit(Array.from(node.childNodes ?? []));\n          if (childResult != null) return childResult;\n        } else if (\n          node?.type === 'item' &&\n          !selectionManager.isDisabled(node.key)\n        ) {\n          return node.key;\n        }\n      }\n      return null;\n    };\n\n    return visit(filteredCollectionItems);\n  }, [filteredCollectionItems, treeState.selectionManager]);\n\n  // Create a ref for the menu container\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  // Use menu hook for accessibility\n  const { menuProps } = useMenu(\n    {\n      ...completeProps,\n      'aria-label': 'Command palette menu',\n      filter: collectionFilter,\n      shouldUseVirtualFocus: true,\n    },\n    treeState,\n    menuRef,\n  );\n\n  // Manual rendering of menu items (similar to Menu component)\n  const renderedItems = useMemo(() => {\n    const items: React.ReactNode[] = [];\n    let isFirstSection = true;\n\n    filteredCollectionItems.forEach((item) => {\n      if (item.type === 'section') {\n        if (!isFirstSection) {\n          items.push(\n            <StyledDivider\n              key={`divider-${String(item.key)}`}\n              role=\"separator\"\n              aria-orientation=\"horizontal\"\n            />,\n          );\n        }\n\n        items.push(\n          <MenuSection\n            key={item.key}\n            item={item}\n            state={treeState}\n            styles={completeProps.sectionStyles}\n            itemStyles={completeProps.itemStyles}\n            headingStyles={completeProps.sectionHeadingStyles}\n            size={size}\n          />,\n        );\n\n        isFirstSection = false;\n        return;\n      }\n\n      let menuItem = (\n        <MenuItem\n          key={item.key}\n          item={item}\n          state={treeState}\n          styles={completeProps.itemStyles}\n          size={size}\n          onAction={item.onAction}\n        />\n      );\n\n      // Apply tooltip wrapper if tooltip property is provided\n      if (item.props.tooltip) {\n        const tooltipProps =\n          typeof item.props.tooltip === 'string'\n            ? { title: item.props.tooltip }\n            : item.props.tooltip;\n\n        menuItem = (\n          <TooltipProvider\n            key={item.key}\n            activeWrap\n            placement=\"right\"\n            {...tooltipProps}\n          >\n            {menuItem}\n          </TooltipProvider>\n        );\n      }\n\n      // Apply custom wrapper if provided\n      if (item.props.wrapper) {\n        menuItem = item.props.wrapper(menuItem);\n      }\n\n      // Ensure every child has a stable key, even if the wrapper component didn't set one.\n      items.push(React.cloneElement(menuItem, { key: item.key }));\n    });\n\n    return items;\n  }, [\n    filteredCollectionItems,\n    treeState,\n    completeProps.sectionStyles,\n    completeProps.itemStyles,\n\n    completeProps.sectionHeadingStyles,\n  ]);\n\n  // Auto-focus search input\n  React.useEffect(() => {\n    if (autoFocus && searchInputRef.current) {\n      // Use a small timeout to ensure the element is visible and focusable\n      // This is especially important when the CommandMenu is opened in a popover\n      const timeoutId = setTimeout(() => {\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n        }\n      }, 0);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [autoFocus]);\n\n  // Also focus when the component becomes visible (for trigger/popover usage)\n  React.useEffect(() => {\n    // Check if autoFocus is enabled and we're in a trigger context\n    if (autoFocus && contextProps.autoFocus && searchInputRef.current) {\n      // Use a small timeout to ensure the popover is fully rendered\n      const timeoutId = setTimeout(() => {\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n        }\n      }, 50); // Slightly longer timeout for popover context\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [autoFocus, contextProps.autoFocus]);\n\n  // Track the previous search value to only run auto-focus when search actually changes\n  const prevSearchValueRef = useRef<string>('');\n\n  // Auto-focus first item when search value changes (but not on initial render)\n  React.useEffect(() => {\n    const currentSearchValue = searchValue.trim();\n    const prevSearchValue = prevSearchValueRef.current;\n\n    // Only auto-focus when search value actually changes\n    if (currentSearchValue !== prevSearchValue && currentSearchValue !== '') {\n      const firstSelectableKey = findFirstSelectableItem();\n\n      if (firstSelectableKey && hasFilteredItems) {\n        // Focus the first item in the selection manager\n        treeState.selectionManager.setFocusedKey(firstSelectableKey);\n        setFocusedKey(firstSelectableKey);\n        focusedKeyRef.current = firstSelectableKey;\n      } else {\n        // Clear focus if no items are available\n        treeState.selectionManager.setFocusedKey(null);\n        setFocusedKey(null);\n        focusedKeyRef.current = null;\n      }\n    }\n\n    // Update the previous search value\n    prevSearchValueRef.current = currentSearchValue;\n  }, [searchValue, findFirstSelectableItem, hasFilteredItems]);\n\n  // Extract styles\n  const extractedStyles = useMemo(\n    () => extractStyles(props, CONTAINER_STYLES),\n    [props],\n  );\n\n  // Determine if we should show empty state based on actual filtered collection\n  const hasSearchTerm = searchValue.trim().length > 0;\n  const showEmptyState = hasSearchTerm && !hasFilteredItems && !isLoading;\n\n  // Sync refs\n  useSyncRef(contextProps, menuRef);\n\n  const mods = useMemo(() => {\n    // Determine mods based on menu context\n    let popoverMod = completeProps.mods?.popover;\n    let trayMod = completeProps.mods?.tray;\n\n    return {\n      sections: viewHasSections,\n      footer: !!footer,\n      header: !!header,\n      popover: popoverMod,\n      tray: trayMod,\n    };\n  }, [viewHasSections, footer, header, completeProps.mods]);\n\n  return (\n    <StyledCommandMenu\n      {...(filterBaseProps(props) as Record<string, unknown>)}\n      ref={domRef}\n      qa={qa || 'CommandMenu'}\n      data-size={size}\n      mods={mods}\n      styles={mergeProps(extractedStyles, styles)}\n    >\n      {/* Header */}\n      {header && (\n        <StyledHeader\n          role=\"presentation\"\n          data-size={size}\n          styles={{ border: 'none', ...headerStyles }}\n        >\n          {header}\n        </StyledHeader>\n      )}\n\n      {/* Search Input */}\n      <StyledSearchInput\n        ref={searchInputRef}\n        type=\"search\"\n        placeholder={searchPlaceholder}\n        value={searchValue}\n        styles={searchInputStyles}\n        data-size={size}\n        aria-controls={`${qa || 'CommandMenu'}-menu`}\n        role=\"combobox\"\n        aria-expanded=\"true\"\n        aria-haspopup=\"listbox\"\n        aria-activedescendant={\n          focusedKey != null\n            ? `${qa || 'CommandMenu'}-menu-option-${focusedKey}`\n            : undefined\n        }\n        onChange={(e) => handleSearchChange(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n            e.preventDefault();\n\n            const isArrowDown = e.key === 'ArrowDown';\n            const { selectionManager } = treeState;\n            // Use the ref to get the current focused key synchronously\n            const currentKey =\n              focusedKeyRef.current || selectionManager.focusedKey;\n\n            // Helper function to get all visible item keys accounting for sections\n            const getVisibleItemKeys = (): Key[] => {\n              const keys: Key[] = [];\n\n              const visit = (items: any[]) => {\n                for (const node of items) {\n                  if (node?.type === 'section') {\n                    visit(Array.from(node.childNodes ?? []));\n                  } else if (node?.type === 'item') {\n                    keys.push(node.key);\n                  }\n                }\n              };\n\n              visit(filteredCollectionItems);\n              return keys;\n            };\n\n            // Helper function to find next selectable key in a direction\n            const findNextSelectableKey = (\n              currentIndex: number,\n              direction: 'forward' | 'backward',\n              visibleKeys: Key[],\n            ) => {\n              const increment = direction === 'forward' ? 1 : -1;\n\n              for (\n                let i = currentIndex + increment;\n                i >= 0 && i < visibleKeys.length;\n                i += increment\n              ) {\n                const key = visibleKeys[i];\n                if (!selectionManager.isDisabled(key)) {\n                  return key;\n                }\n              }\n\n              return null;\n            };\n\n            // Helper function to find first or last selectable key\n            const findFirstLastSelectableKey = (\n              direction: 'forward' | 'backward',\n              visibleKeys: Key[],\n            ) => {\n              const keysToCheck =\n                direction === 'forward'\n                  ? visibleKeys\n                  : [...visibleKeys].reverse();\n\n              for (const key of keysToCheck) {\n                if (!selectionManager.isDisabled(key)) {\n                  return key;\n                }\n              }\n\n              return null;\n            };\n\n            const visibleKeys = getVisibleItemKeys();\n\n            if (visibleKeys.length === 0) {\n              return; // No visible items to navigate\n            }\n\n            let nextKey;\n            const direction = isArrowDown ? 'forward' : 'backward';\n\n            if (currentKey == null) {\n              // No current focus, start from the first/last item\n              nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n            } else {\n              // Find current position in visible keys\n              const currentIndex = visibleKeys.indexOf(currentKey);\n\n              if (currentIndex === -1) {\n                // Current key not in visible items, start from beginning/end\n                nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n              } else {\n                // Find next selectable item from current position\n                nextKey = findNextSelectableKey(\n                  currentIndex,\n                  direction,\n                  visibleKeys,\n                );\n\n                // If no next key found, wrap to first/last selectable item\n                if (nextKey == null) {\n                  nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n                }\n              }\n            }\n\n            if (nextKey != null) {\n              selectionManager.setFocusedKey(nextKey);\n              setFocusedKey(nextKey);\n              focusedKeyRef.current = nextKey; // Update ref immediately\n            }\n          } else if (\n            e.key === 'Enter' ||\n            (e.key === ' ' && !searchValue.trim())\n          ) {\n            const currentFocusedKey =\n              focusedKey || treeState.selectionManager.focusedKey;\n            if (currentFocusedKey != null) {\n              e.preventDefault();\n\n              // Trigger action for the focused item (like Menu does)\n              // First check if there's a selection mode, if so, handle selection\n              if (treeState.selectionManager.selectionMode !== 'none') {\n                treeState.selectionManager.select(currentFocusedKey, e);\n              } else {\n                // Default behavior: trigger action\n                const node = treeState.collection.getItem(currentFocusedKey);\n                if (node) {\n                  // Call the tree state's action handler\n                  const onAction = (completeProps as any).onAction;\n                  if (onAction) {\n                    onAction(currentFocusedKey);\n                  }\n                  // Also call the item's individual onAction if it exists\n                  if (node.props?.onAction) {\n                    node.props.onAction(currentFocusedKey);\n                  }\n                }\n              }\n\n              // Close the menu if we're in a trigger context and closeOnSelect is enabled (default behavior)\n              const { onClose, closeOnSelect } = contextProps;\n              if (onClose && closeOnSelect !== false) {\n                onClose();\n              }\n            }\n          } else if (e.key === 'Escape') {\n            if (searchValue) {\n              e.preventDefault();\n              handleSearchChange('');\n            }\n          }\n        }}\n      />\n\n      {/* Loading State */}\n      {isLoading && (\n        <StyledLoadingWrapper>\n          <LoadingIcon\n            role=\"progressbar\"\n            aria-label=\"Loading commands\"\n            aria-hidden={false}\n          />\n        </StyledLoadingWrapper>\n      )}\n\n      {/* Menu Content - always render unless loading */}\n      {!isLoading && !showEmptyState && (\n        <StyledMenu\n          {...menuProps}\n          ref={menuRef}\n          id={`${qa || 'CommandMenu'}-menu`}\n          aria-label=\"Command menu\"\n          qa=\"Menu\"\n          data-size={size}\n          mods={mods}\n          styles={{\n            border: 'none',\n            boxShadow: 'none',\n            radius: 0,\n            padding: '0.5x',\n          }}\n        >\n          {renderedItems}\n        </StyledMenu>\n      )}\n\n      {/* Empty State - show when search term exists but no results */}\n      {!isLoading && showEmptyState && (\n        <StyledEmptyState>{emptyLabel}</StyledEmptyState>\n      )}\n\n      {/* Footer */}\n      {footer && (\n        <StyledFooter\n          role=\"presentation\"\n          data-size={size}\n          styles={footerStyles}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledCommandMenu>\n  );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\nconst _CommandMenu = React.forwardRef(CommandMenu) as <T>(\n  props: CubeCommandMenuProps<T> & React.RefAttributes<HTMLDivElement>,\n) => ReactElement;\n\n// Attach Trigger alias from MenuTrigger for consistent API\n// Also attach Item and Section for compound component pattern\nconst __CommandMenu = Object.assign(_CommandMenu, {\n  Trigger: MenuTrigger,\n  Item,\n  Section,\n  displayName: 'CommandMenu',\n});\n\nexport { __CommandMenu as CommandMenu };\n"],"mappings":"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"}
+{"version":3,"file":"CommandMenu.js","names":["useObjectRef","useSyncRef","FocusStrategy","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","React","Key","ReactElement","ReactNode","Ref","useCallback","useMemo","useRef","useState","useFilter","useMenu","Section","useTreeState","useI18n","LoadingIcon","mergeProps","extractStyles","CollectionItem","Item","useMenuContext","CubeMenuProps","MenuItem","MenuSection","MenuTrigger","StyledDivider","StyledFooter","StyledHeader","StyledMenu","StyledCommandMenu","StyledEmptyState","StyledLoadingWrapper","StyledSearchInput","CommandMenuItem","id","textValue","keywords","forceMount","key","CubeCommandMenuProps","Omit","T","searchPlaceholder","searchValue","onSearchChange","value","filter","inputValue","emptyLabel","searchInputStyles","headerStyles","footerStyles","isLoading","shouldFilter","autoFocus","size","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","CommandMenu","props","ref","HTMLDivElement","t","controlledSearchValue","customFilter","qa","styles","header","footer","restMenuProps","domRef","searchInputRef","HTMLInputElement","contextProps","ariaSelectedKeys","Set","undefined","ariaDefaultSelectedKeys","handleSelectionChange","allKeys","Array","from","treeState","collection","getKeys","map","String","completeProps","internalSearchValue","setInternalSearchValue","handleSearchChange","contains","sensitivity","textFilterFn","enhancedFilter","item","searchWords","trim","toLowerCase","split","word","length","searchableTexts","push","isArray","keyword","every","searchWord","some","text","includes","collectionFilter","nodes","Iterable","term","filterNodes","iter","result","node","type","filteredChildren","childNodes","rendered","treeStateProps","shouldUseVirtualFocus","collectionItems","hasSections","focusedKey","setFocusedKey","focusedKeyRef","filteredCollectionItems","items","forEach","hasFilteredItems","viewHasSections","findFirstSelectableItem","selectionManager","visit","childResult","isDisabled","menuRef","HTMLUListElement","menuProps","renderedItems","isFirstSection","sectionStyles","itemStyles","sectionHeadingStyles","menuItem","onAction","wrapper","cloneElement","useEffect","current","timeoutId","setTimeout","focus","clearTimeout","prevSearchValueRef","currentSearchValue","prevSearchValue","firstSelectableKey","extractedStyles","hasSearchTerm","showEmptyState","mods","popoverMod","popover","trayMod","tray","sections","Record","border","e","target","preventDefault","isArrowDown","currentKey","getVisibleItemKeys","findNextSelectableKey","currentIndex","direction","visibleKeys","increment","i","findFirstLastSelectableKey","keysToCheck","reverse","nextKey","indexOf","currentFocusedKey","selectionMode","select","getItem","onClose","closeOnSelect","boxShadow","radius","padding","_CommandMenu","forwardRef","RefAttributes","__CommandMenu","Object","assign","Trigger","displayName"],"sources":["../../../../src/components/actions/CommandMenu/CommandMenu.tsx"],"sourcesContent":["import { useObjectRef, useSyncRef } from '@react-aria/utils';\nimport { FocusStrategy } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n} from '@tenphi/tasty';\nimport React, {\n  Key,\n  ReactElement,\n  ReactNode,\n  Ref,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFilter, useMenu } from 'react-aria';\nimport { Section, useTreeState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n// `CollectionItem` (not react-stately's bare `Item`) is what CommandMenu\n// actually renders through `MenuItem`, so it carries the `Item` props.\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useMenuContext } from '../Menu';\nimport { CubeMenuProps } from '../Menu/Menu';\nimport { MenuItem } from '../Menu/MenuItem';\nimport { MenuSection } from '../Menu/MenuSection';\nimport { MenuTrigger } from '../Menu/MenuTrigger';\nimport {\n  StyledDivider,\n  StyledFooter,\n  StyledHeader,\n  StyledMenu,\n} from '../Menu/styled';\n\nimport {\n  StyledCommandMenu,\n  StyledEmptyState,\n  StyledLoadingWrapper,\n  StyledSearchInput,\n} from './styled';\n\nexport interface CommandMenuItem {\n  // Standard item props\n  id: string;\n  textValue: string;\n\n  // Enhanced search features\n  keywords?: string[];\n  forceMount?: boolean;\n\n  // Standard Menu item props inherited\n  [key: string]: any;\n}\n\nexport interface CubeCommandMenuProps<T>\n  extends BaseProps,\n    ContainerStyleProps,\n    Omit<\n      CubeMenuProps<T>,\n      'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'\n    > {\n  // Search-specific props\n  searchPlaceholder?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  filter?: (textValue: string, inputValue: string) => boolean;\n  emptyLabel?: ReactNode;\n  searchInputStyles?: Styles;\n  headerStyles?: Styles;\n  footerStyles?: Styles;\n\n  // Advanced search features\n  isLoading?: boolean;\n  shouldFilter?: boolean;\n\n  // Focus management - override the autoFocus from CubeMenuProps to allow boolean | FocusStrategy\n  autoFocus?: boolean | FocusStrategy;\n\n  // Size prop\n  size?: 'medium' | 'large' | (string & {});\n\n  /** Currently selected keys (controlled) */\n  selectedKeys?: string[];\n  /** Initially selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[];\n  /** Handler for selection changes */\n  onSelectionChange?: (keys: string[]) => void;\n}\n\nfunction CommandMenu<T extends object>(\n  props: CubeCommandMenuProps<T>,\n  ref: Ref<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    searchPlaceholder = t(\n      'commandMenu.searchPlaceholder',\n      'Search commands...',\n    ),\n    searchValue: controlledSearchValue,\n    onSearchChange,\n    filter: customFilter,\n    emptyLabel = t('commandMenu.empty', 'No commands found'),\n    searchInputStyles,\n    headerStyles,\n    footerStyles,\n    isLoading = false,\n    shouldFilter = true,\n    autoFocus = true,\n    size = 'medium',\n    qa,\n    styles,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    header,\n    footer,\n    ...restMenuProps\n  } = props;\n\n  const domRef = useObjectRef(ref);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const contextProps = useMenuContext();\n\n  // Convert string[] to Set<Key> for React Aria compatibility\n  const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : undefined;\n  const ariaDefaultSelectedKeys = defaultSelectedKeys\n    ? new Set(defaultSelectedKeys)\n    : undefined;\n\n  const handleSelectionChange = onSelectionChange\n    ? (keys: 'all' | Set<Key>) => {\n        if (keys === 'all') {\n          // Handle 'all' selection case - collect all available keys\n          const allKeys = Array.from(treeState.collection.getKeys()).map(\n            (key: any) => String(key),\n          );\n          onSelectionChange(allKeys);\n        } else if (keys instanceof Set) {\n          onSelectionChange(Array.from(keys).map((key) => String(key)));\n        } else {\n          onSelectionChange([]);\n        }\n      }\n    : undefined;\n\n  const completeProps = mergeProps(contextProps, restMenuProps, {\n    selectedKeys: ariaSelectedKeys,\n    defaultSelectedKeys: ariaDefaultSelectedKeys,\n    onSelectionChange: handleSelectionChange,\n  });\n\n  // Search state management\n  const [internalSearchValue, setInternalSearchValue] = useState('');\n  const searchValue = controlledSearchValue ?? internalSearchValue;\n\n  const handleSearchChange = useCallback(\n    (value: string) => {\n      if (controlledSearchValue === undefined) {\n        setInternalSearchValue(value);\n      }\n      onSearchChange?.(value);\n    },\n    [controlledSearchValue, onSearchChange],\n  );\n\n  // Filter setup\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const textFilterFn = useMemo(\n    () => customFilter || contains,\n    [customFilter, contains],\n  );\n\n  // Enhanced filter function that supports keywords and forceMount\n  const enhancedFilter = useCallback(\n    (textValue: string, inputValue: string, item?: any) => {\n      // Always show force-mounted items\n      if (item?.forceMount) {\n        return true;\n      }\n\n      // If shouldFilter is false, show all items\n      if (!shouldFilter) {\n        return true;\n      }\n\n      // Split input value into individual words and filter out empty strings\n      const searchWords = inputValue\n        .trim()\n        .toLowerCase()\n        .split(/\\s+/)\n        .filter((word) => word.length > 0);\n\n      // If no search words, show all items\n      if (searchWords.length === 0) {\n        return true;\n      }\n\n      // Collect all searchable text for this item\n      const searchableTexts: string[] = [];\n\n      // Add main text value\n      searchableTexts.push(textValue.toLowerCase());\n\n      // Add keywords if available\n      if (item?.keywords && Array.isArray(item.keywords)) {\n        searchableTexts.push(\n          ...item.keywords.map((keyword: string) => keyword.toLowerCase()),\n        );\n      }\n\n      // Check if ALL search words match at least one of the searchable texts\n      return searchWords.every((searchWord) =>\n        searchableTexts.some((text) => text.includes(searchWord)),\n      );\n    },\n    [shouldFilter],\n  );\n\n  // Collection filter for React Stately\n  const collectionFilter = useCallback(\n    (nodes: Iterable<any>): Iterable<any> => {\n      const term = searchValue.trim();\n\n      // If no search term, return all nodes\n      if (!term) {\n        return nodes;\n      }\n\n      // Split search term into words for multi-word filtering\n      const searchWords = term\n        .toLowerCase()\n        .split(/\\s+/)\n        .filter((word) => word.length > 0);\n\n      // If no valid search words, return all nodes\n      if (searchWords.length === 0) {\n        return nodes;\n      }\n\n      // Recursive helper to filter sections and items\n      const filterNodes = (iter: Iterable<any>): any[] => {\n        const result: any[] = [];\n\n        for (const node of iter) {\n          if (node.type === 'section') {\n            const filteredChildren = filterNodes(node.childNodes);\n\n            if (filteredChildren.length) {\n              result.push({\n                ...node,\n                childNodes: filteredChildren,\n              });\n            }\n          } else {\n            const text = node.textValue ?? String(node.rendered ?? '');\n\n            if (enhancedFilter(text, term, node.props)) {\n              result.push(node);\n            }\n          }\n        }\n\n        return result;\n      };\n\n      return filterNodes(nodes);\n    },\n    [searchValue, enhancedFilter],\n  );\n\n  // Create tree state with filter for both keyboard navigation and rendering\n  const treeStateProps = {\n    ...completeProps,\n    filter: collectionFilter,\n    shouldUseVirtualFocus: true, // Always use virtual focus for CommandMenu\n  };\n\n  const treeState = useTreeState(treeStateProps);\n\n  const collectionItems = [...treeState.collection];\n  const hasSections = collectionItems.some((item) => item.type === 'section');\n\n  // Track focused key for aria-activedescendant\n  const [focusedKey, setFocusedKey] = React.useState<React.Key | null>(null);\n  const focusedKeyRef = useRef<React.Key | null>(null);\n\n  // Apply filtering to collection items for rendering and empty state checks\n  const filteredCollectionItems = useMemo(() => {\n    const term = searchValue.trim();\n    if (!term) {\n      return collectionItems;\n    }\n\n    // Split search term into words for multi-word filtering\n    const searchWords = term\n      .toLowerCase()\n      .split(/\\s+/)\n      .filter((word) => word.length > 0);\n\n    // If no valid search words, return all items\n    if (searchWords.length === 0) {\n      return collectionItems;\n    }\n\n    const filterNodes = (items: any[]): any[] => {\n      const result: any[] = [];\n\n      [...items].forEach((item) => {\n        if (item.type === 'section') {\n          const filteredChildren = filterNodes(item.childNodes);\n          if (filteredChildren.length) {\n            result.push({\n              ...item,\n              childNodes: filteredChildren,\n            });\n          }\n        } else {\n          const text = item.textValue ?? String(item.rendered ?? '');\n          if (enhancedFilter(text, term, item.props)) {\n            result.push(item);\n          }\n        }\n      });\n\n      return result;\n    };\n\n    return filterNodes(collectionItems);\n  }, [collectionItems, searchValue, enhancedFilter]);\n\n  const hasFilteredItems = filteredCollectionItems.length > 0;\n  const viewHasSections = filteredCollectionItems.some(\n    (item) => item.type === 'section',\n  );\n\n  // Helper function to find the first selectable item from filtered results\n  const findFirstSelectableItem = useCallback(() => {\n    const { selectionManager } = treeState;\n\n    const visit = (items: any[]): Key | null => {\n      for (const node of items) {\n        if (node?.type === 'section') {\n          const childResult = visit(Array.from(node.childNodes ?? []));\n          if (childResult != null) return childResult;\n        } else if (\n          node?.type === 'item' &&\n          !selectionManager.isDisabled(node.key)\n        ) {\n          return node.key;\n        }\n      }\n      return null;\n    };\n\n    return visit(filteredCollectionItems);\n  }, [filteredCollectionItems, treeState.selectionManager]);\n\n  // Create a ref for the menu container\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  // Use menu hook for accessibility\n  const { menuProps } = useMenu(\n    {\n      ...completeProps,\n      'aria-label': 'Command palette menu',\n      filter: collectionFilter,\n      shouldUseVirtualFocus: true,\n    },\n    treeState,\n    menuRef,\n  );\n\n  // Manual rendering of menu items (similar to Menu component)\n  const renderedItems = useMemo(() => {\n    const items: React.ReactNode[] = [];\n    let isFirstSection = true;\n\n    filteredCollectionItems.forEach((item) => {\n      if (item.type === 'section') {\n        if (!isFirstSection) {\n          items.push(\n            <StyledDivider\n              key={`divider-${String(item.key)}`}\n              role=\"separator\"\n              aria-orientation=\"horizontal\"\n            />,\n          );\n        }\n\n        items.push(\n          <MenuSection\n            key={item.key}\n            item={item}\n            state={treeState}\n            styles={completeProps.sectionStyles}\n            itemStyles={completeProps.itemStyles}\n            headingStyles={completeProps.sectionHeadingStyles}\n            size={size}\n          />,\n        );\n\n        isFirstSection = false;\n        return;\n      }\n\n      let menuItem = (\n        <MenuItem\n          key={item.key}\n          item={item}\n          state={treeState}\n          styles={completeProps.itemStyles}\n          size={size}\n          onAction={item.onAction}\n        />\n      );\n\n      // Apply custom wrapper if provided\n      if (item.props.wrapper) {\n        menuItem = item.props.wrapper(menuItem);\n      }\n\n      // Ensure every child has a stable key, even if the wrapper component didn't set one.\n      items.push(React.cloneElement(menuItem, { key: item.key }));\n    });\n\n    return items;\n  }, [\n    filteredCollectionItems,\n    treeState,\n    completeProps.sectionStyles,\n    completeProps.itemStyles,\n\n    completeProps.sectionHeadingStyles,\n  ]);\n\n  // Auto-focus search input\n  React.useEffect(() => {\n    if (autoFocus && searchInputRef.current) {\n      // Use a small timeout to ensure the element is visible and focusable\n      // This is especially important when the CommandMenu is opened in a popover\n      const timeoutId = setTimeout(() => {\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n        }\n      }, 0);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [autoFocus]);\n\n  // Also focus when the component becomes visible (for trigger/popover usage)\n  React.useEffect(() => {\n    // Check if autoFocus is enabled and we're in a trigger context\n    if (autoFocus && contextProps.autoFocus && searchInputRef.current) {\n      // Use a small timeout to ensure the popover is fully rendered\n      const timeoutId = setTimeout(() => {\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n        }\n      }, 50); // Slightly longer timeout for popover context\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [autoFocus, contextProps.autoFocus]);\n\n  // Track the previous search value to only run auto-focus when search actually changes\n  const prevSearchValueRef = useRef<string>('');\n\n  // Auto-focus first item when search value changes (but not on initial render)\n  React.useEffect(() => {\n    const currentSearchValue = searchValue.trim();\n    const prevSearchValue = prevSearchValueRef.current;\n\n    // Only auto-focus when search value actually changes\n    if (currentSearchValue !== prevSearchValue && currentSearchValue !== '') {\n      const firstSelectableKey = findFirstSelectableItem();\n\n      if (firstSelectableKey && hasFilteredItems) {\n        // Focus the first item in the selection manager\n        treeState.selectionManager.setFocusedKey(firstSelectableKey);\n        setFocusedKey(firstSelectableKey);\n        focusedKeyRef.current = firstSelectableKey;\n      } else {\n        // Clear focus if no items are available\n        treeState.selectionManager.setFocusedKey(null);\n        setFocusedKey(null);\n        focusedKeyRef.current = null;\n      }\n    }\n\n    // Update the previous search value\n    prevSearchValueRef.current = currentSearchValue;\n  }, [searchValue, findFirstSelectableItem, hasFilteredItems]);\n\n  // Extract styles\n  const extractedStyles = useMemo(\n    () => extractStyles(props, CONTAINER_STYLES),\n    [props],\n  );\n\n  // Determine if we should show empty state based on actual filtered collection\n  const hasSearchTerm = searchValue.trim().length > 0;\n  const showEmptyState = hasSearchTerm && !hasFilteredItems && !isLoading;\n\n  // Sync refs\n  useSyncRef(contextProps, menuRef);\n\n  const mods = useMemo(() => {\n    // Determine mods based on menu context\n    let popoverMod = completeProps.mods?.popover;\n    let trayMod = completeProps.mods?.tray;\n\n    return {\n      sections: viewHasSections,\n      footer: !!footer,\n      header: !!header,\n      popover: popoverMod,\n      tray: trayMod,\n    };\n  }, [viewHasSections, footer, header, completeProps.mods]);\n\n  return (\n    <StyledCommandMenu\n      {...(filterBaseProps(props) as Record<string, unknown>)}\n      ref={domRef}\n      qa={qa || 'CommandMenu'}\n      data-size={size}\n      mods={mods}\n      styles={mergeProps(extractedStyles, styles)}\n    >\n      {/* Header */}\n      {header && (\n        <StyledHeader\n          role=\"presentation\"\n          data-size={size}\n          styles={{ border: 'none', ...headerStyles }}\n        >\n          {header}\n        </StyledHeader>\n      )}\n\n      {/* Search Input */}\n      <StyledSearchInput\n        ref={searchInputRef}\n        type=\"search\"\n        placeholder={searchPlaceholder}\n        value={searchValue}\n        styles={searchInputStyles}\n        data-size={size}\n        aria-controls={`${qa || 'CommandMenu'}-menu`}\n        role=\"combobox\"\n        aria-expanded=\"true\"\n        aria-haspopup=\"listbox\"\n        aria-activedescendant={\n          focusedKey != null\n            ? `${qa || 'CommandMenu'}-menu-option-${focusedKey}`\n            : undefined\n        }\n        onChange={(e) => handleSearchChange(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n            e.preventDefault();\n\n            const isArrowDown = e.key === 'ArrowDown';\n            const { selectionManager } = treeState;\n            // Use the ref to get the current focused key synchronously\n            const currentKey =\n              focusedKeyRef.current || selectionManager.focusedKey;\n\n            // Helper function to get all visible item keys accounting for sections\n            const getVisibleItemKeys = (): Key[] => {\n              const keys: Key[] = [];\n\n              const visit = (items: any[]) => {\n                for (const node of items) {\n                  if (node?.type === 'section') {\n                    visit(Array.from(node.childNodes ?? []));\n                  } else if (node?.type === 'item') {\n                    keys.push(node.key);\n                  }\n                }\n              };\n\n              visit(filteredCollectionItems);\n              return keys;\n            };\n\n            // Helper function to find next selectable key in a direction\n            const findNextSelectableKey = (\n              currentIndex: number,\n              direction: 'forward' | 'backward',\n              visibleKeys: Key[],\n            ) => {\n              const increment = direction === 'forward' ? 1 : -1;\n\n              for (\n                let i = currentIndex + increment;\n                i >= 0 && i < visibleKeys.length;\n                i += increment\n              ) {\n                const key = visibleKeys[i];\n                if (!selectionManager.isDisabled(key)) {\n                  return key;\n                }\n              }\n\n              return null;\n            };\n\n            // Helper function to find first or last selectable key\n            const findFirstLastSelectableKey = (\n              direction: 'forward' | 'backward',\n              visibleKeys: Key[],\n            ) => {\n              const keysToCheck =\n                direction === 'forward'\n                  ? visibleKeys\n                  : [...visibleKeys].reverse();\n\n              for (const key of keysToCheck) {\n                if (!selectionManager.isDisabled(key)) {\n                  return key;\n                }\n              }\n\n              return null;\n            };\n\n            const visibleKeys = getVisibleItemKeys();\n\n            if (visibleKeys.length === 0) {\n              return; // No visible items to navigate\n            }\n\n            let nextKey;\n            const direction = isArrowDown ? 'forward' : 'backward';\n\n            if (currentKey == null) {\n              // No current focus, start from the first/last item\n              nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n            } else {\n              // Find current position in visible keys\n              const currentIndex = visibleKeys.indexOf(currentKey);\n\n              if (currentIndex === -1) {\n                // Current key not in visible items, start from beginning/end\n                nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n              } else {\n                // Find next selectable item from current position\n                nextKey = findNextSelectableKey(\n                  currentIndex,\n                  direction,\n                  visibleKeys,\n                );\n\n                // If no next key found, wrap to first/last selectable item\n                if (nextKey == null) {\n                  nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n                }\n              }\n            }\n\n            if (nextKey != null) {\n              selectionManager.setFocusedKey(nextKey);\n              setFocusedKey(nextKey);\n              focusedKeyRef.current = nextKey; // Update ref immediately\n            }\n          } else if (\n            e.key === 'Enter' ||\n            (e.key === ' ' && !searchValue.trim())\n          ) {\n            const currentFocusedKey =\n              focusedKey || treeState.selectionManager.focusedKey;\n            if (currentFocusedKey != null) {\n              e.preventDefault();\n\n              // Trigger action for the focused item (like Menu does)\n              // First check if there's a selection mode, if so, handle selection\n              if (treeState.selectionManager.selectionMode !== 'none') {\n                treeState.selectionManager.select(currentFocusedKey, e);\n              } else {\n                // Default behavior: trigger action\n                const node = treeState.collection.getItem(currentFocusedKey);\n                if (node) {\n                  // Call the tree state's action handler\n                  const onAction = (completeProps as any).onAction;\n                  if (onAction) {\n                    onAction(currentFocusedKey);\n                  }\n                  // Also call the item's individual onAction if it exists\n                  if (node.props?.onAction) {\n                    node.props.onAction(currentFocusedKey);\n                  }\n                }\n              }\n\n              // Close the menu if we're in a trigger context and closeOnSelect is enabled (default behavior)\n              const { onClose, closeOnSelect } = contextProps;\n              if (onClose && closeOnSelect !== false) {\n                onClose();\n              }\n            }\n          } else if (e.key === 'Escape') {\n            if (searchValue) {\n              e.preventDefault();\n              handleSearchChange('');\n            }\n          }\n        }}\n      />\n\n      {/* Loading State */}\n      {isLoading && (\n        <StyledLoadingWrapper>\n          <LoadingIcon\n            role=\"progressbar\"\n            aria-label=\"Loading commands\"\n            aria-hidden={false}\n          />\n        </StyledLoadingWrapper>\n      )}\n\n      {/* Menu Content - always render unless loading */}\n      {!isLoading && !showEmptyState && (\n        <StyledMenu\n          {...menuProps}\n          ref={menuRef}\n          id={`${qa || 'CommandMenu'}-menu`}\n          aria-label=\"Command menu\"\n          qa=\"Menu\"\n          data-size={size}\n          mods={mods}\n          styles={{\n            border: 'none',\n            boxShadow: 'none',\n            radius: 0,\n            padding: '0.5x',\n          }}\n        >\n          {renderedItems}\n        </StyledMenu>\n      )}\n\n      {/* Empty State - show when search term exists but no results */}\n      {!isLoading && showEmptyState && (\n        <StyledEmptyState>{emptyLabel}</StyledEmptyState>\n      )}\n\n      {/* Footer */}\n      {footer && (\n        <StyledFooter\n          role=\"presentation\"\n          data-size={size}\n          styles={footerStyles}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledCommandMenu>\n  );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\nconst _CommandMenu = React.forwardRef(CommandMenu) as <T>(\n  props: CubeCommandMenuProps<T> & React.RefAttributes<HTMLDivElement>,\n) => ReactElement;\n\n// Attach Trigger alias from MenuTrigger for consistent API\n// Also attach Item and Section for compound component pattern\nconst __CommandMenu = Object.assign(_CommandMenu, {\n  Trigger: MenuTrigger,\n  Item,\n  Section,\n  displayName: 'CommandMenu',\n});\n\nexport { __CommandMenu as CommandMenu };\n"],"mappings":"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"}

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CURRENT_CLEAR_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/actions/ItemActionsWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { DisplayTransition } from "../helpers/DisplayTransition/DisplayTransition.js";
 import { ITEM_RESTING_COLOR_VARIANTS, ROW_STATE_ALIASES, resolveItemVariant } from "../../data/item-themes.js";
 import { ItemActionProvider } from "./ItemActionContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

package/dist/components/actions/Menu/Menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";