@cube-dev/ui-kit 0.145.4 → 0.146.1

package/dist/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @cube-dev/ui-kit
 
+## 0.146.1
+
+### Patch Changes
+
+- [#1243](https://github.com/cube-js/cube-ui-kit/pull/1243) [`d7c67aee`](https://github.com/cube-js/cube-ui-kit/commit/d7c67aee9e0e8f7f4008e5a857f1ed65f4ad5747) Thanks [@tenphi](https://github.com/tenphi)! - `Board`: stop arrow keys from moving a widget when focus is inside nested controls (e.g. `input` / `textarea`). Keyboard moves only run when the widget host itself is focused.
+
+## 0.146.0
+
+### Minor Changes
+
+- [#1232](https://github.com/cube-js/cube-ui-kit/pull/1232) [`76e1f991`](https://github.com/cube-js/cube-ui-kit/commit/76e1f991e7490bb8c0131ce302e1d479e2511b4b) Thanks [@tenphi](https://github.com/tenphi)! - Add built-in i18n: a default i18next instance (read via `getI18n()`), request-local instances from `createUIKitI18n(locale)`, 12 locale bundles, an `I18nProvider` wired into `Root`, locale-aware formatters (`useFormatter` and `createFormatter(locale)`), and translated defaults across UI Kit components. Re-export `i18next` and `react-i18next` so hosts import a single copy from `@cube-dev/ui-kit`.
+
 ## 0.145.4
 
 ### Patch Changes

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | 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.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | 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.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | 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.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { TOKENS } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | 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.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.d.ts

@@ -3,6 +3,7 @@ import { NavigationAdapter } from "../providers/navigation.types.js";
 import { TrackingProps } from "../providers/TrackingProvider.js";
 import { BaseProps } from "@tenphi/tasty";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { i18n } from "i18next";
 
 //#region src/components/Root.d.ts
 interface CubeRootProps extends BaseProps {
@@ -22,6 +23,13 @@ interface CubeRootProps extends BaseProps {
   applyLegacyTokens?: boolean;
   tracking?: TrackingProps;
   cursorStrategy?: 'web' | 'native';
+  /**
+   * i18next instance for this tree. During SSR, pass a request-local instance
+   * created with `createUIKitI18n(locale)`.
+   */
+  i18n?: i18n;
+  /** Override the React Aria formatting locale. */
+  locale?: string;
 }
 declare function Root(allProps: CubeRootProps): react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/components/Root.js

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";
 import { TASTY_VERSION, VERSION } from "../version.js";
 import { Provider } from "../provider.js";
 import { TrackingProvider } from "../providers/TrackingProvider.js";
+import { I18nProvider as I18nProvider$1 } from "../i18n/I18nProvider.js";
 import { GlobalStyles } from "./GlobalStyles.js";
 import { AlertDialogApiProvider } from "./overlays/AlertDialog/AlertDialogApiProvider.js";
 import { OverlayProvider } from "./overlays/Notifications/OverlayProvider.js";
@@ -90,41 +91,45 @@ const RootElement = tasty({
 });
 const STYLES = [...BASE_STYLES, ...BLOCK_STYLES];
 function Root(allProps) {
-	let { children, bodyStyles, fontDisplay = "swap", fonts, publicUrl, navigation, font, monospaceFont, applyLegacyTokens: _applyLegacyTokens, tracking, cursorStrategy = "web", style, tokens, ...props } = allProps;
+	let { children, bodyStyles, fontDisplay = "swap", fonts, publicUrl, navigation, font, monospaceFont, applyLegacyTokens: _applyLegacyTokens, tracking, cursorStrategy = "web", style, tokens, i18n, locale, ...props } = allProps;
 	const ref = useRef(null);
 	const [rootRef, setRootRef] = useState();
 	useEffect(() => {
 		if (!rootRef) setRootRef(ref?.current);
 	}, []);
 	const styles = extractStyles(props, STYLES);
-	return /* @__PURE__ */ jsx(Provider, {
-		navigation,
-		root: rootRef,
-		children: /* @__PURE__ */ jsx(TrackingProvider, {
-			event: tracking?.event,
-			children: /* @__PURE__ */ jsxs(RootElement, {
-				ref,
-				"data-uikit": VERSION,
-				"data-tasty": TASTY_VERSION,
-				"data-font-display": fontDisplay,
-				...filterBaseProps(props, { eventProps: true }),
-				styles,
-				style: {
-					"--pointer": cursorStrategy === "web" ? "pointer" : "default",
-					...style
-				},
-				tokens,
-				children: [/* @__PURE__ */ jsx(GlobalStyles, {
-					bodyStyles,
-					publicUrl,
-					fonts,
-					font,
-					monospaceFont,
-					fontDisplay
-				}), /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(PortalProvider, {
-					value: ref,
-					children: /* @__PURE__ */ jsx(EventBusProvider, { children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(AlertDialogApiProvider, { children }) }) })
-				}) })]
+	return /* @__PURE__ */ jsx(I18nProvider$1, {
+		i18n,
+		locale,
+		children: /* @__PURE__ */ jsx(Provider, {
+			navigation,
+			root: rootRef,
+			children: /* @__PURE__ */ jsx(TrackingProvider, {
+				event: tracking?.event,
+				children: /* @__PURE__ */ jsxs(RootElement, {
+					ref,
+					"data-uikit": VERSION,
+					"data-tasty": TASTY_VERSION,
+					"data-font-display": fontDisplay,
+					...filterBaseProps(props, { eventProps: true }),
+					styles,
+					style: {
+						"--pointer": cursorStrategy === "web" ? "pointer" : "default",
+						...style
+					},
+					tokens,
+					children: [/* @__PURE__ */ jsx(GlobalStyles, {
+						bodyStyles,
+						publicUrl,
+						fonts,
+						font,
+						monospaceFont,
+						fontDisplay
+					}), /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(PortalProvider, {
+						value: ref,
+						children: /* @__PURE__ */ jsx(EventBusProvider, { children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(AlertDialogApiProvider, { children }) }) })
+					}) })]
+				})
 			})
 		})
 	});

package/dist/components/Root.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.js","names":[],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  setGlobalPredefinedStates,\n  tasty,\n} from '@tenphi/tasty';\nimport { useEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { extractStyles } from '../utils/styles';\nimport { TASTY_VERSION, VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\n// Color-scheme aliases for the Glaze-generated palette (see `src/tokens/palette.ts`).\n// Attribute opt-in wins over system preference:\n//   <html data-schema=\"dark\">    → forces dark scheme\n//   <html data-contrast=\"high\">  → forces high-contrast scheme\n// Otherwise falls back to the user's `prefers-color-scheme` / `prefers-contrast`.\nsetGlobalPredefinedStates({\n  '@dark':\n    '@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))',\n  '@hc':\n    '@root(contrast=high) | (!@root(contrast) & @media(prefers-contrast: more))',\n});\n\nconfigure({\n  colorSpace: 'rgb',\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '@autofill': ':-webkit-autofill | :autofill',\n      appearance: {\n        '@autofill': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill': '#primary-text',\n      },\n      caretColor: {\n        '@autofill': '#primary-text',\n      },\n      shadow: {\n        '@autofill': '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': '#placeholder',\n      color: '#placeholder',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nconst RootElement = tasty({\n  id: 'cube-ui-kit-root',\n  styles: {\n    display: 'contents',\n    color: '#dark-02',\n    preset: 't3',\n  },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n  tokens?: { [key: string]: string };\n  bodyStyles?: { [key: string]: string };\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  fonts?: boolean;\n  publicUrl?: string;\n  navigation?: NavigationAdapter;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via GlobalStyles */\n  applyLegacyTokens?: boolean;\n  tracking?: TrackingProps;\n  cursorStrategy?: 'web' | 'native';\n}\n\nexport function Root(allProps: CubeRootProps) {\n  let {\n    children,\n    /** Raw css styles for body element */\n    bodyStyles,\n    fontDisplay = 'swap',\n    fonts,\n    publicUrl,\n    navigation,\n    font,\n    monospaceFont,\n    applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n    tracking,\n    cursorStrategy = 'web',\n    style,\n    tokens,\n    ...props\n  } = allProps;\n\n  const ref = useRef(null);\n\n  const [rootRef, setRootRef] = useState();\n\n  useEffect(() => {\n    if (!rootRef) {\n      // @ts-ignore\n      setRootRef(ref?.current);\n    }\n  }, []);\n\n  const styles = extractStyles(props, STYLES);\n\n  return (\n    <Provider navigation={navigation} root={rootRef}>\n      <TrackingProvider event={tracking?.event}>\n        <RootElement\n          ref={ref}\n          data-uikit={VERSION}\n          data-tasty={TASTY_VERSION}\n          data-font-display={fontDisplay}\n          {...filterBaseProps(props, { eventProps: true })}\n          styles={styles}\n          style={{\n            '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n            ...style,\n          }}\n          tokens={tokens}\n        >\n          <GlobalStyles\n            bodyStyles={bodyStyles}\n            publicUrl={publicUrl}\n            fonts={fonts}\n            font={font}\n            monospaceFont={monospaceFont}\n            fontDisplay={fontDisplay}\n          />\n          <ModalProvider>\n            <PortalProvider value={ref}>\n              <EventBusProvider>\n                <OverlayProvider>\n                  <AlertDialogApiProvider>{children}</AlertDialogApiProvider>\n                </OverlayProvider>\n              </EventBusProvider>\n            </PortalProvider>\n          </ModalProvider>\n        </RootElement>\n      </TrackingProvider>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,0BAA0B;CACxB,SACE;CACF,OACE;CACH,CAAC;AAEF,UAAU;CACR,YAAY;CACZ,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,aAAa,QACd;GACD,2BAA2B;IACzB,IAAI;IACJ,aAAa;IACd;GACD,YAAY,EACV,aAAa,iBACd;GACD,QAAQ,EACN,aAAa,gCACd;GACD,QAAQ,EACN,aAAa,WACd;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAiBhD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,GAAG,UACD;CAEJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAAC;EAAqB;EAAY,MAAM;YACtC,oBAAC;GAAiB,OAAO,UAAU;aACjC,qBAAC;IACM;IACL,cAAY;IACZ,cAAY;IACZ,qBAAmB;IACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;IACxC;IACR,OAAO;KACL,aAAa,mBAAmB,QAAQ,YAAY;KACpD,GAAG;KACJ;IACO;eAER,oBAAC;KACa;KACD;KACJ;KACD;KACS;KACF;MACb,EACF,oBAAC,2BACC,oBAAC;KAAe,OAAO;eACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BAAwB,WAAkC,GAC3C,GACD;MACJ,GACH;KACJ;IACG;GACV"}
+{"version":3,"file":"Root.js","names":["I18nProvider"],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  setGlobalPredefinedStates,\n  tasty,\n} from '@tenphi/tasty';\nimport { useEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { I18nProvider } from '../i18n';\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { extractStyles } from '../utils/styles';\nimport { TASTY_VERSION, VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nimport type { i18n as I18nInstance } from 'i18next';\n\n// Color-scheme aliases for the Glaze-generated palette (see `src/tokens/palette.ts`).\n// Attribute opt-in wins over system preference:\n//   <html data-schema=\"dark\">    → forces dark scheme\n//   <html data-contrast=\"high\">  → forces high-contrast scheme\n// Otherwise falls back to the user's `prefers-color-scheme` / `prefers-contrast`.\nsetGlobalPredefinedStates({\n  '@dark':\n    '@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))',\n  '@hc':\n    '@root(contrast=high) | (!@root(contrast) & @media(prefers-contrast: more))',\n});\n\nconfigure({\n  colorSpace: 'rgb',\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '@autofill': ':-webkit-autofill | :autofill',\n      appearance: {\n        '@autofill': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill': '#primary-text',\n      },\n      caretColor: {\n        '@autofill': '#primary-text',\n      },\n      shadow: {\n        '@autofill': '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': '#placeholder',\n      color: '#placeholder',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nconst RootElement = tasty({\n  id: 'cube-ui-kit-root',\n  styles: {\n    display: 'contents',\n    color: '#dark-02',\n    preset: 't3',\n  },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n  tokens?: { [key: string]: string };\n  bodyStyles?: { [key: string]: string };\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  fonts?: boolean;\n  publicUrl?: string;\n  navigation?: NavigationAdapter;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via GlobalStyles */\n  applyLegacyTokens?: boolean;\n  tracking?: TrackingProps;\n  cursorStrategy?: 'web' | 'native';\n  /**\n   * i18next instance for this tree. During SSR, pass a request-local instance\n   * created with `createUIKitI18n(locale)`.\n   */\n  i18n?: I18nInstance;\n  /** Override the React Aria formatting locale. */\n  locale?: string;\n}\n\nexport function Root(allProps: CubeRootProps) {\n  let {\n    children,\n    /** Raw css styles for body element */\n    bodyStyles,\n    fontDisplay = 'swap',\n    fonts,\n    publicUrl,\n    navigation,\n    font,\n    monospaceFont,\n    applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n    tracking,\n    cursorStrategy = 'web',\n    style,\n    tokens,\n    i18n,\n    locale,\n    ...props\n  } = allProps;\n\n  const ref = useRef(null);\n\n  const [rootRef, setRootRef] = useState();\n\n  useEffect(() => {\n    if (!rootRef) {\n      // @ts-ignore\n      setRootRef(ref?.current);\n    }\n  }, []);\n\n  const styles = extractStyles(props, STYLES);\n\n  return (\n    <I18nProvider i18n={i18n} locale={locale}>\n      <Provider navigation={navigation} root={rootRef}>\n        <TrackingProvider event={tracking?.event}>\n          <RootElement\n            ref={ref}\n            data-uikit={VERSION}\n            data-tasty={TASTY_VERSION}\n            data-font-display={fontDisplay}\n            {...filterBaseProps(props, { eventProps: true })}\n            styles={styles}\n            style={{\n              '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n              ...style,\n            }}\n            tokens={tokens}\n          >\n            <GlobalStyles\n              bodyStyles={bodyStyles}\n              publicUrl={publicUrl}\n              fonts={fonts}\n              font={font}\n              monospaceFont={monospaceFont}\n              fontDisplay={fontDisplay}\n            />\n            <ModalProvider>\n              <PortalProvider value={ref}>\n                <EventBusProvider>\n                  <OverlayProvider>\n                    <AlertDialogApiProvider>{children}</AlertDialogApiProvider>\n                  </OverlayProvider>\n                </EventBusProvider>\n              </PortalProvider>\n            </ModalProvider>\n          </RootElement>\n        </TrackingProvider>\n      </Provider>\n    </I18nProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgCA,0BAA0B;CACxB,SACE;CACF,OACE;CACH,CAAC;AAEF,UAAU;CACR,YAAY;CACZ,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,aAAa,QACd;GACD,2BAA2B;IACzB,IAAI;IACJ,aAAa;IACd;GACD,YAAY,EACV,aAAa,iBACd;GACD,QAAQ,EACN,aAAa,gCACd;GACD,QAAQ,EACN,aAAa,WACd;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAwBhD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,MACA,QACA,GAAG,UACD;CAEJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAACA;EAAmB;EAAc;YAChC,oBAAC;GAAqB;GAAY,MAAM;aACtC,oBAAC;IAAiB,OAAO,UAAU;cACjC,qBAAC;KACM;KACL,cAAY;KACZ,cAAY;KACZ,qBAAmB;KACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;KACxC;KACR,OAAO;MACL,aAAa,mBAAmB,QAAQ,YAAY;MACpD,GAAG;MACJ;KACO;gBAER,oBAAC;MACa;MACD;MACJ;MACD;MACS;MACF;OACb,EACF,oBAAC,2BACC,oBAAC;MAAe,OAAO;gBACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BAAwB,WAAkC,GAC3C,GACD;OACJ,GACH;MACJ;KACG;IACV;GACE"}

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

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

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

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
+import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../Button/Button.js";
 import { tasty } from "@tenphi/tasty";
 import { useMemo } from "react";
@@ -57,6 +58,7 @@ function BannerLink(props) {
 * Use Banner.Action for action buttons and Banner.Link for inline links.
 */
 function Banner(props) {
+	const { t } = useI18n();
 	const { theme = "note", actions, isDismissable = false, onDismiss, children, icon, ...rest } = props;
 	const onDismissEvent = useEvent(() => {
 		onDismiss?.();
@@ -73,7 +75,7 @@ function Banner(props) {
 		...rest,
 		actions: hasActions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [actions, isDismissable && /* @__PURE__ */ jsx(_Item.Action, {
 			icon: /* @__PURE__ */ jsx(IconX, {}),
-			tooltip: "Hide banner",
+			tooltip: t("banner.hideBanner", "Hide banner"),
 			onPress: onDismissEvent
 		})] }) : void 0,
 		children

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["Item"],"sources":["../../../../src/components/actions/Banner/Banner.tsx"],"sourcesContent":["import {\n  IconAlertTriangle,\n  IconCircleCheck,\n  IconExclamationCircle,\n  IconInfoCircle,\n  IconX,\n} from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport { ReactNode, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { CubeItemProps, Item } from '../../content/Item/Item';\nimport { Button, CubeButtonProps } from '../Button/Button';\nimport { CubeItemActionProps } from '../ItemAction/ItemAction';\n\nexport type BannerTheme = 'danger' | 'warning' | 'note' | 'success';\n\nexport type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {\n  /**\n   * The visual theme of the banner.\n   * @default 'note'\n   */\n  theme?: BannerTheme;\n  /**\n   * Controls whether the banner can be dismissed by the user.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n};\n\nexport type BannerActionProps = Omit<CubeItemActionProps, 'preset' | 'type'>;\n\nexport type BannerLinkProps = Omit<CubeButtonProps, 'type' | 'size' | 'color'>;\n\nconst DEFAULT_ICONS: Record<BannerTheme, ReactNode> = {\n  danger: <IconExclamationCircle />,\n  warning: <IconAlertTriangle />,\n  note: <IconInfoCircle />,\n  success: <IconCircleCheck />,\n};\n\nconst BannerElement = tasty(Item, {\n  styles: {\n    width: '100%',\n\n    Description: {\n      textOverflow: 'ellipsis / 2',\n      whiteSpace: 'normal',\n    },\n\n    Actions: {\n      gap: '1x',\n    },\n  },\n});\n\nconst BannerActionElement = tasty(Item.Action, {\n  type: 'outline',\n  styles: {\n    preset: 't3m',\n    border: '#clear',\n  },\n});\n\nconst BannerLinkElement = tasty(Button, {\n  type: 'link',\n  size: 'inline',\n  styles: {\n    color: '#white',\n    textDecoration: 'underline',\n  },\n});\n\n/**\n * Sub-component for action buttons within a Banner.\n * Automatically styled to match the banner's theme.\n */\nexport function BannerAction(props: BannerActionProps) {\n  return <BannerActionElement {...props} />;\n}\n\n/**\n * Sub-component for inline links within Banner content.\n * Styled with white color and underline to stand out against the banner background.\n */\nexport function BannerLink(props: BannerLinkProps) {\n  return <BannerLinkElement {...props} />;\n}\n\n/**\n * Banner displays prominent messages and notifications to users.\n * Supports different themes (danger, warning, note, success) with appropriate icons.\n * Use Banner.Action for action buttons and Banner.Link for inline links.\n */\nexport function Banner(props: BannerProps) {\n  const {\n    theme = 'note',\n    actions,\n    isDismissable = false,\n    onDismiss,\n    children,\n    icon,\n    ...rest\n  } = props;\n\n  const onDismissEvent = useEvent(() => {\n    onDismiss?.();\n  });\n\n  const defaultIcon = useMemo(() => DEFAULT_ICONS[theme], [theme]);\n\n  const hasActions = !!(actions || isDismissable);\n\n  return (\n    <BannerElement\n      qa=\"Banner\"\n      role=\"status\"\n      type=\"primary\"\n      theme={theme}\n      size=\"large\"\n      icon={icon ?? defaultIcon}\n      {...rest}\n      actions={\n        hasActions ? (\n          <>\n            {actions}\n            {isDismissable && (\n              <Item.Action\n                icon={<IconX />}\n                tooltip=\"Hide banner\"\n                onPress={onDismissEvent}\n              />\n            )}\n          </>\n        ) : undefined\n      }\n    >\n      {children}\n    </BannerElement>\n  );\n}\n\nBanner.Action = BannerAction;\nBanner.Link = BannerLink;\n"],"mappings":";;;;;;;;;;AAsCA,MAAM,gBAAgD;CACpD,QAAQ,oBAAC,0BAAwB;CACjC,SAAS,oBAAC,sBAAoB;CAC9B,MAAM,oBAAC,mBAAiB;CACxB,SAAS,oBAAC,oBAAkB;CAC7B;AAED,MAAM,gBAAgB,MAAMA,OAAM,EAChC,QAAQ;CACN,OAAO;CAEP,aAAa;EACX,cAAc;EACd,YAAY;EACb;CAED,SAAS,EACP,KAAK,MACN;CACF,EACF,CAAC;AAEF,MAAM,sBAAsB,MAAMA,MAAK,QAAQ;CAC7C,MAAM;CACN,QAAQ;EACN,QAAQ;EACR,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM,QAAQ;CACtC,MAAM;CACN,MAAM;CACN,QAAQ;EACN,OAAO;EACP,gBAAgB;EACjB;CACF,CAAC;;;;;AAMF,SAAgB,aAAa,OAA0B;AACrD,QAAO,oBAAC,uBAAoB,GAAI,QAAS;;;;;;AAO3C,SAAgB,WAAW,OAAwB;AACjD,QAAO,oBAAC,qBAAkB,GAAI,QAAS;;;;;;;AAQzC,SAAgB,OAAO,OAAoB;CACzC,MAAM,EACJ,QAAQ,QACR,SACA,gBAAgB,OAChB,WACA,UACA,MACA,GAAG,SACD;CAEJ,MAAM,iBAAiB,eAAe;AACpC,eAAa;GACb;CAEF,MAAM,cAAc,cAAc,cAAc,QAAQ,CAAC,MAAM,CAAC;CAEhE,MAAM,aAAa,CAAC,EAAE,WAAW;AAEjC,QACE,oBAAC;EACC,IAAG;EACH,MAAK;EACL,MAAK;EACE;EACP,MAAK;EACL,MAAM,QAAQ;EACd,GAAI;EACJ,SACE,aACE,8CACG,SACA,iBACC,oBAACA,MAAK;GACJ,MAAM,oBAAC,UAAQ;GACf,SAAQ;GACR,SAAS;IACT,IAEH,GACD;EAGL;GACa;;AAIpB,OAAO,SAAS;AAChB,OAAO,OAAO"}
+{"version":3,"file":"Banner.js","names":["Item"],"sources":["../../../../src/components/actions/Banner/Banner.tsx"],"sourcesContent":["import {\n  IconAlertTriangle,\n  IconCircleCheck,\n  IconExclamationCircle,\n  IconInfoCircle,\n  IconX,\n} from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport { ReactNode, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { CubeItemProps, Item } from '../../content/Item/Item';\nimport { Button, CubeButtonProps } from '../Button/Button';\nimport { CubeItemActionProps } from '../ItemAction/ItemAction';\n\nexport type BannerTheme = 'danger' | 'warning' | 'note' | 'success';\n\nexport type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {\n  /**\n   * The visual theme of the banner.\n   * @default 'note'\n   */\n  theme?: BannerTheme;\n  /**\n   * Controls whether the banner can be dismissed by the user.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n};\n\nexport type BannerActionProps = Omit<CubeItemActionProps, 'preset' | 'type'>;\n\nexport type BannerLinkProps = Omit<CubeButtonProps, 'type' | 'size' | 'color'>;\n\nconst DEFAULT_ICONS: Record<BannerTheme, ReactNode> = {\n  danger: <IconExclamationCircle />,\n  warning: <IconAlertTriangle />,\n  note: <IconInfoCircle />,\n  success: <IconCircleCheck />,\n};\n\nconst BannerElement = tasty(Item, {\n  styles: {\n    width: '100%',\n\n    Description: {\n      textOverflow: 'ellipsis / 2',\n      whiteSpace: 'normal',\n    },\n\n    Actions: {\n      gap: '1x',\n    },\n  },\n});\n\nconst BannerActionElement = tasty(Item.Action, {\n  type: 'outline',\n  styles: {\n    preset: 't3m',\n    border: '#clear',\n  },\n});\n\nconst BannerLinkElement = tasty(Button, {\n  type: 'link',\n  size: 'inline',\n  styles: {\n    color: '#white',\n    textDecoration: 'underline',\n  },\n});\n\n/**\n * Sub-component for action buttons within a Banner.\n * Automatically styled to match the banner's theme.\n */\nexport function BannerAction(props: BannerActionProps) {\n  return <BannerActionElement {...props} />;\n}\n\n/**\n * Sub-component for inline links within Banner content.\n * Styled with white color and underline to stand out against the banner background.\n */\nexport function BannerLink(props: BannerLinkProps) {\n  return <BannerLinkElement {...props} />;\n}\n\n/**\n * Banner displays prominent messages and notifications to users.\n * Supports different themes (danger, warning, note, success) with appropriate icons.\n * Use Banner.Action for action buttons and Banner.Link for inline links.\n */\nexport function Banner(props: BannerProps) {\n  const { t } = useI18n();\n\n  const {\n    theme = 'note',\n    actions,\n    isDismissable = false,\n    onDismiss,\n    children,\n    icon,\n    ...rest\n  } = props;\n\n  const onDismissEvent = useEvent(() => {\n    onDismiss?.();\n  });\n\n  const defaultIcon = useMemo(() => DEFAULT_ICONS[theme], [theme]);\n\n  const hasActions = !!(actions || isDismissable);\n\n  return (\n    <BannerElement\n      qa=\"Banner\"\n      role=\"status\"\n      type=\"primary\"\n      theme={theme}\n      size=\"large\"\n      icon={icon ?? defaultIcon}\n      {...rest}\n      actions={\n        hasActions ? (\n          <>\n            {actions}\n            {isDismissable && (\n              <Item.Action\n                icon={<IconX />}\n                tooltip={t('banner.hideBanner', 'Hide banner')}\n                onPress={onDismissEvent}\n              />\n            )}\n          </>\n        ) : undefined\n      }\n    >\n      {children}\n    </BannerElement>\n  );\n}\n\nBanner.Action = BannerAction;\nBanner.Link = BannerLink;\n"],"mappings":";;;;;;;;;;;AAuCA,MAAM,gBAAgD;CACpD,QAAQ,oBAAC,0BAAwB;CACjC,SAAS,oBAAC,sBAAoB;CAC9B,MAAM,oBAAC,mBAAiB;CACxB,SAAS,oBAAC,oBAAkB;CAC7B;AAED,MAAM,gBAAgB,MAAMA,OAAM,EAChC,QAAQ;CACN,OAAO;CAEP,aAAa;EACX,cAAc;EACd,YAAY;EACb;CAED,SAAS,EACP,KAAK,MACN;CACF,EACF,CAAC;AAEF,MAAM,sBAAsB,MAAMA,MAAK,QAAQ;CAC7C,MAAM;CACN,QAAQ;EACN,QAAQ;EACR,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM,QAAQ;CACtC,MAAM;CACN,MAAM;CACN,QAAQ;EACN,OAAO;EACP,gBAAgB;EACjB;CACF,CAAC;;;;;AAMF,SAAgB,aAAa,OAA0B;AACrD,QAAO,oBAAC,uBAAoB,GAAI,QAAS;;;;;;AAO3C,SAAgB,WAAW,OAAwB;AACjD,QAAO,oBAAC,qBAAkB,GAAI,QAAS;;;;;;;AAQzC,SAAgB,OAAO,OAAoB;CACzC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EACJ,QAAQ,QACR,SACA,gBAAgB,OAChB,WACA,UACA,MACA,GAAG,SACD;CAEJ,MAAM,iBAAiB,eAAe;AACpC,eAAa;GACb;CAEF,MAAM,cAAc,cAAc,cAAc,QAAQ,CAAC,MAAM,CAAC;CAEhE,MAAM,aAAa,CAAC,EAAE,WAAW;AAEjC,QACE,oBAAC;EACC,IAAG;EACH,MAAK;EACL,MAAK;EACE;EACP,MAAK;EACL,MAAM,QAAQ;EACd,GAAI;EACJ,SACE,aACE,8CACG,SACA,iBACC,oBAACA,MAAK;GACJ,MAAM,oBAAC,UAAQ;GACf,SAAS,EAAE,qBAAqB,cAAc;GAC9C,SAAS;IACT,IAEH,GACD;EAGL;GACa;;AAIpB,OAAO,SAAS;AAChB,OAAO,OAAO"}

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | 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 { useI18n } from "../../../i18n/useI18n.js";
 import { useMenuContext } from "../Menu/context.js";
 import { MenuItem } from "../Menu/MenuItem.js";
 import { StyledDivider, StyledFooter, StyledHeader, StyledMenu } from "../Menu/styled.js";
@@ -18,7 +19,8 @@ import { useObjectRef, useSyncRef } from "@react-aria/utils";
 
 //#region src/components/actions/CommandMenu/CommandMenu.tsx
 function CommandMenu(props, ref) {
-	const { searchPlaceholder = "Search commands...", searchValue: controlledSearchValue, onSearchChange, filter: customFilter, emptyLabel = "No commands found", searchInputStyles, headerStyles, footerStyles, isLoading = false, shouldFilter = true, autoFocus = true, size = "medium", qa, styles, selectedKeys, defaultSelectedKeys, onSelectionChange, header, footer, ...restMenuProps } = props;
+	const { t } = useI18n();
+	const { searchPlaceholder = t("commandMenu.searchPlaceholder", "Search commands..."), searchValue: controlledSearchValue, onSearchChange, filter: customFilter, emptyLabel = t("commandMenu.empty", "No commands found"), searchInputStyles, headerStyles, footerStyles, isLoading = false, shouldFilter = true, autoFocus = true, size = "medium", qa, styles, selectedKeys, defaultSelectedKeys, onSelectionChange, header, footer, ...restMenuProps } = props;
 	const domRef = useObjectRef(ref);
 	const searchInputRef = useRef(null);
 	const contextProps = useMenuContext();

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.js","names":["mergeProps","MenuTrigger"],"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';\n// Import Item and Section from Menu for CommandMenu compound component\nimport { Item, Section, useTreeState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\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 {\n    searchPlaceholder = 'Search commands...',\n    searchValue: controlledSearchValue,\n    onSearchChange,\n    filter: customFilter,\n    emptyLabel = '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":["mergeProps","MenuTrigger"],"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';\n// Import Item and Section from Menu for CommandMenu compound component\nimport { Item, Section, useTreeState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { LoadingIcon } from '../../../icons';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | 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.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { 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.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } 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.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";