@cube-dev/ui-kit 0.0.0-canary-bef9600 → 0.0.0-canary-3908511

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3908511 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { c } from "react/compiler-runtime";
 

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3908511 | 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.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3908511 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { c } from "react/compiler-runtime";

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

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

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3908511 | 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.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3908511 | Cube Dev Team */
 import { mergeStyleLayers } from "../utils/styles.js";
 import { usePaletteValue } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";

package/dist/components/GridProvider.js

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

package/dist/components/Root.d.ts

@@ -22,14 +22,8 @@ interface CubeRootProps extends BaseProps {
    * palette, so `<Root>` with no `palette` cannot clobber a host's imperative
    * `setPaletteConfig()` call. Pass `{}` to ask for the default.
    *
-   * The first mount applies it during render, so the first paint is already
-   * tuned; a later change applies in a layout effect, before paint.
-   *
    * The palette is global process state, so this is a declarative wrapper over
    * `setPaletteConfig()`; both drive the same store, and the last write wins.
-   * Root's layout effect runs after its descendants' in the same commit, so a
-   * descendant's `setPaletteConfig()` from a layout effect in that commit loses
-   * to the prop; write from a passive effect or an event handler instead.
    * See `Getting Started/Theming` in Storybook.
    */
   palette?: PaletteConfig;

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3908511 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { AMBIENT_PREDEFINED_STATES } from "../utils/react/useScheme.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
@@ -13,7 +13,7 @@ import { AlertDialogApiProvider } from "./overlays/AlertDialog/AlertDialogApiPro
 import { OverlayProvider } from "./overlays/Notifications/OverlayProvider.js";
 import { c } from "react/compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, TastyBatchProvider, configure, filterBaseProps, setGlobalPredefinedStates, tasty } from "@tenphi/tasty";
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ModalProvider } from "react-aria";
 
@@ -91,74 +91,51 @@ const RootElement = tasty({
 });
 const STYLES = [...BASE_STYLES, ...BLOCK_STYLES];
 function Root(allProps) {
-	const $ = c(48);
+	const $ = c(43);
 	const { children, bodyStyles, fontDisplay: t0, fonts, publicUrl, navigation, font, monospaceFont, applyLegacyTokens: _applyLegacyTokens, tracking, cursorStrategy: t1, style, tokens, palette, i18n, locale, ...props } = allProps;
 	const fontDisplay = t0 === void 0 ? "swap" : t0;
 	const cursorStrategy = t1 === void 0 ? "web" : t1;
+	if (palette) setPaletteConfig(palette);
+	const ref = useRef(null);
+	const [rootRef, setRootRef] = useState();
 	let t2;
-	if ($[0] !== palette) {
+	if ($[0] !== rootRef) {
 		t2 = () => {
-			if (palette) setPaletteConfig(palette);
+			if (!rootRef) setRootRef(ref?.current);
 		};
-		$[0] = palette;
+		$[0] = rootRef;
 		$[1] = t2;
 	} else t2 = $[1];
-	useState(t2);
 	let t3;
-	let t4;
-	if ($[2] !== palette) {
-		t3 = () => {
-			if (palette) setPaletteConfig(palette);
-		};
-		t4 = [palette];
-		$[2] = palette;
-		$[3] = t3;
-		$[4] = t4;
-	} else {
-		t3 = $[3];
-		t4 = $[4];
-	}
-	useLayoutEffect(t3, t4);
-	const ref = useRef(null);
-	const [rootRef, setRootRef] = useState();
-	let t5;
-	if ($[5] !== rootRef) {
-		t5 = () => {
-			if (!rootRef) setRootRef(ref?.current);
-		};
-		$[5] = rootRef;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = [];
-		$[7] = t6;
-	} else t6 = $[7];
-	useEffect(t5, t6);
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = [];
+		$[2] = t3;
+	} else t3 = $[2];
+	useEffect(t2, t3);
 	const styles = extractStyles(props, STYLES);
 	const T0 = TastyBatchProvider;
 	const T1 = I18nProvider$1;
 	const T2 = Provider;
 	const T3 = TrackingProvider;
-	const t7 = tracking?.event;
+	const t4 = tracking?.event;
 	const T4 = RootElement;
-	const t8 = VERSION;
-	const t9 = TASTY_VERSION;
-	const t10 = filterBaseProps(props, { eventProps: true });
-	const t11 = cursorStrategy === "web" ? "pointer" : "default";
-	let t12;
-	if ($[8] !== style || $[9] !== t11) {
-		t12 = {
-			"--pointer": t11,
+	const t5 = VERSION;
+	const t6 = TASTY_VERSION;
+	const t7 = filterBaseProps(props, { eventProps: true });
+	const t8 = cursorStrategy === "web" ? "pointer" : "default";
+	let t9;
+	if ($[3] !== style || $[4] !== t8) {
+		t9 = {
+			"--pointer": t8,
 			...style
 		};
-		$[8] = style;
-		$[9] = t11;
-		$[10] = t12;
-	} else t12 = $[10];
-	let t13;
-	if ($[11] !== bodyStyles || $[12] !== font || $[13] !== fontDisplay || $[14] !== fonts || $[15] !== monospaceFont || $[16] !== publicUrl) {
-		t13 = /* @__PURE__ */ jsx(GlobalStyles, {
+		$[3] = style;
+		$[4] = t8;
+		$[5] = t9;
+	} else t9 = $[5];
+	let t10;
+	if ($[6] !== bodyStyles || $[7] !== font || $[8] !== fontDisplay || $[9] !== fonts || $[10] !== monospaceFont || $[11] !== publicUrl) {
+		t10 = /* @__PURE__ */ jsx(GlobalStyles, {
 			bodyStyles,
 			publicUrl,
 			fonts,
@@ -166,93 +143,93 @@ function Root(allProps) {
 			monospaceFont,
 			fontDisplay
 		});
-		$[11] = bodyStyles;
-		$[12] = font;
-		$[13] = fontDisplay;
-		$[14] = fonts;
-		$[15] = monospaceFont;
-		$[16] = publicUrl;
-		$[17] = t13;
-	} else t13 = $[17];
-	let t14;
-	if ($[18] !== children) {
-		t14 = /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(PortalProvider, {
+		$[6] = bodyStyles;
+		$[7] = font;
+		$[8] = fontDisplay;
+		$[9] = fonts;
+		$[10] = monospaceFont;
+		$[11] = publicUrl;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== children) {
+		t11 = /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(PortalProvider, {
 			value: ref,
 			children: /* @__PURE__ */ jsx(EventBusProvider, { children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(AlertDialogApiProvider, { children }) }) })
 		}) });
-		$[18] = children;
-		$[19] = t14;
-	} else t14 = $[19];
-	let t15;
-	if ($[20] !== T4 || $[21] !== fontDisplay || $[22] !== styles || $[23] !== t10 || $[24] !== t12 || $[25] !== t13 || $[26] !== t14 || $[27] !== t8 || $[28] !== t9 || $[29] !== tokens) {
-		t15 = /* @__PURE__ */ jsxs(T4, {
+		$[13] = children;
+		$[14] = t11;
+	} else t11 = $[14];
+	let t12;
+	if ($[15] !== T4 || $[16] !== fontDisplay || $[17] !== styles || $[18] !== t10 || $[19] !== t11 || $[20] !== t5 || $[21] !== t6 || $[22] !== t7 || $[23] !== t9 || $[24] !== tokens) {
+		t12 = /* @__PURE__ */ jsxs(T4, {
 			ref,
-			"data-uikit": t8,
-			"data-tasty": t9,
+			"data-uikit": t5,
+			"data-tasty": t6,
 			"data-font-display": fontDisplay,
-			...t10,
+			...t7,
 			styles,
-			style: t12,
+			style: t9,
 			tokens,
-			children: [t13, t14]
+			children: [t10, t11]
 		});
-		$[20] = T4;
-		$[21] = fontDisplay;
-		$[22] = styles;
-		$[23] = t10;
-		$[24] = t12;
-		$[25] = t13;
-		$[26] = t14;
-		$[27] = t8;
-		$[28] = t9;
-		$[29] = tokens;
-		$[30] = t15;
-	} else t15 = $[30];
-	let t16;
-	if ($[31] !== T3 || $[32] !== t15 || $[33] !== t7) {
-		t16 = /* @__PURE__ */ jsx(T3, {
-			event: t7,
-			children: t15
+		$[15] = T4;
+		$[16] = fontDisplay;
+		$[17] = styles;
+		$[18] = t10;
+		$[19] = t11;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+		$[23] = t9;
+		$[24] = tokens;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== T3 || $[27] !== t12 || $[28] !== t4) {
+		t13 = /* @__PURE__ */ jsx(T3, {
+			event: t4,
+			children: t12
 		});
-		$[31] = T3;
-		$[32] = t15;
-		$[33] = t7;
-		$[34] = t16;
-	} else t16 = $[34];
-	let t17;
-	if ($[35] !== T2 || $[36] !== navigation || $[37] !== rootRef || $[38] !== t16) {
-		t17 = /* @__PURE__ */ jsx(T2, {
+		$[26] = T3;
+		$[27] = t12;
+		$[28] = t4;
+		$[29] = t13;
+	} else t13 = $[29];
+	let t14;
+	if ($[30] !== T2 || $[31] !== navigation || $[32] !== rootRef || $[33] !== t13) {
+		t14 = /* @__PURE__ */ jsx(T2, {
 			navigation,
 			root: rootRef,
-			children: t16
+			children: t13
 		});
-		$[35] = T2;
-		$[36] = navigation;
-		$[37] = rootRef;
-		$[38] = t16;
-		$[39] = t17;
-	} else t17 = $[39];
-	let t18;
-	if ($[40] !== T1 || $[41] !== i18n || $[42] !== locale || $[43] !== t17) {
-		t18 = /* @__PURE__ */ jsx(T1, {
+		$[30] = T2;
+		$[31] = navigation;
+		$[32] = rootRef;
+		$[33] = t13;
+		$[34] = t14;
+	} else t14 = $[34];
+	let t15;
+	if ($[35] !== T1 || $[36] !== i18n || $[37] !== locale || $[38] !== t14) {
+		t15 = /* @__PURE__ */ jsx(T1, {
 			i18n,
 			locale,
-			children: t17
+			children: t14
 		});
-		$[40] = T1;
-		$[41] = i18n;
-		$[42] = locale;
-		$[43] = t17;
-		$[44] = t18;
-	} else t18 = $[44];
-	let t19;
-	if ($[45] !== T0 || $[46] !== t18) {
-		t19 = /* @__PURE__ */ jsx(T0, { children: t18 });
-		$[45] = T0;
-		$[46] = t18;
-		$[47] = t19;
-	} else t19 = $[47];
-	return t19;
+		$[35] = T1;
+		$[36] = i18n;
+		$[37] = locale;
+		$[38] = t14;
+		$[39] = t15;
+	} else t15 = $[39];
+	let t16;
+	if ($[40] !== T0 || $[41] !== t15) {
+		t16 = /* @__PURE__ */ jsx(T0, { children: t15 });
+		$[40] = T0;
+		$[41] = t15;
+		$[42] = t16;
+	} else t16 = $[42];
+	return t16;
 }
 
 //#endregion

package/dist/components/Root.js.map

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

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

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

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

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

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

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