@cube-dev/ui-kit 0.187.2 → 0.189.0

package/dist/utils/react/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { getDisabledElementProps, omitActivationEventProps } from "./disabledProps.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";

package/dist/utils/react/interactions.js

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

package/dist/utils/react/isTextOnly.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { Children, isValidElement } from "react";
 
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/programmaticFocus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/programmaticFocus.ts
 /**
 * Telling focus the user moved from focus a component moved for them.

package/dist/utils/react/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../is-dev-env.js";
 import { c } from "react-compiler-runtime";

package/dist/utils/react/useBufferedValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";
 

package/dist/utils/react/useCombinedRefs.js

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

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { c } from "react-compiler-runtime";
 import { useEffect } from "react";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 

package/dist/utils/react/useId.js

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

package/dist/utils/react/useIsDarwin.js

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

package/dist/utils/react/useKeySymbols.js

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

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/useOverlayEscapeGuard.js

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

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { c } from "react-compiler-runtime";
 import { useContext, useEffect, useRef } from "react";

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useScheme.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useSyncExternalStore } from "react";
 
 //#region src/utils/react/useScheme.ts

package/dist/utils/react/useViewportSize.js

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

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { Fragment, isValidElement } from "react";
 
 //#region src/utils/react/wrapNodeIfPlain.ts

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,5 +1,53 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+import { isSelector, mergeStyles } from "@tenphi/tasty";
+
 //#region src/utils/styles.ts
+function isRecord(value) {
+	return !!value && typeof value === "object" && !Array.isArray(value);
+}
+/**
+* The keys whose last explicit value across `layers` is a reset: `null`, or
+* `false` too where `allowFalse` (a sub-element key, which tasty drops for
+* either).
+*/
+function finalResets(layers, allowFalse) {
+	const last = /* @__PURE__ */ new Map();
+	for (const layer of layers) for (const key of Object.keys(layer)) if (layer[key] !== void 0) last.set(key, layer[key]);
+	return [...last].filter(([key, value]) => value === null || value === false && allowFalse && isSelector(key));
+}
+/**
+* Merge runtime style layers with tasty's `mergeStyles`, later layers winning.
+* This is the algorithm tasty applies between an element's own styles and its
+* `styles` prop: a state map without a `''` key extends the one below it,
+* sub-elements merge key by key, and `undefined` keeps the lower value.
+*
+* Resets are the one difference. The result is not final: it is passed on as
+* some element's `styles`, which tasty merges over that element's own styles
+* once more. `mergeStyles` applies a `null` by deleting the key, so a consumer's
+* `{ padding: null }` would vanish here, before it reached the element whose
+* padding it was meant to remove. Every reset that is the last word on its key,
+* top-level or inside a sub-element, is therefore written back into the result.
+*/
+function mergeStyleLayers(...layers) {
+	const present = layers.filter(isRecord);
+	const merged = mergeStyles(...present);
+	for (const [key, value] of finalResets(present, true)) merged[key] = value;
+	for (const key of Object.keys(merged)) {
+		if (!isSelector(key) || !isRecord(merged[key])) continue;
+		let subLayers = [];
+		for (const layer of present) {
+			const sub = layer[key];
+			if (sub === null || sub === false) subLayers = [];
+			else if (isRecord(sub)) subLayers.push(sub);
+		}
+		const resets = finalResets(subLayers, false);
+		if (resets.length) merged[key] = {
+			...merged[key],
+			...Object.fromEntries(resets)
+		};
+	}
+	return merged;
+}
 /**
 * Split properties into style and non-style properties.
 * Collects style-related props from `props` (based on `styleList`)
@@ -15,10 +63,7 @@ function extractStyles(props, styleList = [], defaultStyles, propMap, ignoreList
 	const ignoreSet = new Set(ignoreList);
 	const styleSet = new Set(styleList);
 	const record = props;
-	const styles = {
-		...defaultStyles,
-		...!ignoreSet.has("styles") && record.styles && typeof record.styles === "object" ? record.styles : void 0
-	};
+	const styles = mergeStyleLayers(defaultStyles, !ignoreSet.has("styles") && record.styles && typeof record.styles === "object" ? record.styles : void 0);
 	for (const prop of Object.keys(record)) {
 		if (ignoreSet.has(prop)) continue;
 		const styleName = propMap?.[prop] ?? prop;
@@ -28,5 +73,5 @@ function extractStyles(props, styleList = [], defaultStyles, propMap, ignoreList
 }
 
 //#endregion
-export { extractStyles };
+export { extractStyles, mergeStyleLayers };
 //# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["Styles","extractStyles","props","styleList","defaultStyles","propMap","Record","ignoreList","ignoreSet","Set","styleSet","record","styles","has","undefined","prop","Object","keys","styleName"],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Split properties into style and non-style properties.\n * Collects style-related props from `props` (based on `styleList`)\n * and merges them with `defaultStyles` and `props.styles`.\n *\n * @param props - Component prop map.\n * @param styleList - List of style property names to extract.\n * @param defaultStyles - Default style map of the component.\n * @param propMap - Props-to-style alias map (e.g. `{ bg: 'fill' }`).\n * @param ignoreList - Properties to skip during extraction.\n */\nexport function extractStyles(\n  props: object,\n  styleList: readonly string[] = [],\n  defaultStyles?: Styles,\n  propMap?: Record<string, string>,\n  ignoreList: readonly string[] = [],\n): Styles {\n  const ignoreSet = new Set(ignoreList);\n  const styleSet = new Set(styleList);\n  const record = props as Record<string, unknown>;\n\n  const styles: Styles = {\n    ...defaultStyles,\n    ...(!ignoreSet.has('styles') &&\n    record.styles &&\n    typeof record.styles === 'object'\n      ? (record.styles as Styles)\n      : undefined),\n  };\n\n  for (const prop of Object.keys(record)) {\n    if (ignoreSet.has(prop)) continue;\n\n    const styleName = propMap?.[prop] ?? prop;\n\n    if (styleSet.has(styleName)) {\n      styles[styleName] = record[prop] as Styles[keyof Styles];\n    }\n  }\n\n  return styles;\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgBC,cACdC,OACAC,YAA+B,EAAE,EACjCC,eACAC,SACAE,aAAgC,EAAE,EAC1B;CACR,MAAMC,YAAY,IAAIC,IAAIF,WAAW;CACrC,MAAMG,WAAW,IAAID,IAAIN,UAAU;CACnC,MAAMQ,SAAST;CAEf,MAAMU,SAAiB;EACrB,GAAGR;EACH,GAAI,CAACI,UAAUK,IAAI,SAAS,IAC5BF,OAAOC,UACP,OAAOD,OAAOC,WAAW,WACpBD,OAAOC,SACRE;EACL;AAED,MAAK,MAAMC,QAAQC,OAAOC,KAAKN,OAAO,EAAE;AACtC,MAAIH,UAAUK,IAAIE,KAAK,CAAE;EAEzB,MAAMG,YAAYb,UAAUU,SAASA;AAErC,MAAIL,SAASG,IAAIK,UAAU,CACzBN,QAAOM,aAAaP,OAAOI;;AAI/B,QAAOH"}
+{"version":3,"file":"styles.js","names":["isSelector","mergeStyles","Styles","StyleLayer","StyleRecord","Record","isRecord","value","Array","isArray","finalResets","layers","allowFalse","last","Map","layer","key","Object","keys","undefined","set","filter","mergeStyleLayers","present","merged","subLayers","sub","push","resets","length","fromEntries","extractStyles","props","styleList","defaultStyles","propMap","ignoreList","ignoreSet","Set","styleSet","record","styles","has","prop","styleName"],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import { isSelector, mergeStyles } from '@tenphi/tasty';\n\nimport type { Styles } from '@tenphi/tasty';\n\ntype StyleLayer = Styles | null | undefined;\ntype StyleRecord = Record<string, unknown>;\n\nfunction isRecord(value: unknown): value is StyleRecord {\n  return !!value && typeof value === 'object' && !Array.isArray(value);\n}\n\n/**\n * The keys whose last explicit value across `layers` is a reset: `null`, or\n * `false` too where `allowFalse` (a sub-element key, which tasty drops for\n * either).\n */\nfunction finalResets(layers: StyleRecord[], allowFalse: boolean) {\n  const last = new Map<string, unknown>();\n\n  for (const layer of layers) {\n    for (const key of Object.keys(layer)) {\n      if (layer[key] !== undefined) last.set(key, layer[key]);\n    }\n  }\n\n  return [...last].filter(\n    ([key, value]) =>\n      value === null || (value === false && allowFalse && isSelector(key)),\n  );\n}\n\n/**\n * Merge runtime style layers with tasty's `mergeStyles`, later layers winning.\n * This is the algorithm tasty applies between an element's own styles and its\n * `styles` prop: a state map without a `''` key extends the one below it,\n * sub-elements merge key by key, and `undefined` keeps the lower value.\n *\n * Resets are the one difference. The result is not final: it is passed on as\n * some element's `styles`, which tasty merges over that element's own styles\n * once more. `mergeStyles` applies a `null` by deleting the key, so a consumer's\n * `{ padding: null }` would vanish here, before it reached the element whose\n * padding it was meant to remove. Every reset that is the last word on its key,\n * top-level or inside a sub-element, is therefore written back into the result.\n */\nexport function mergeStyleLayers(...layers: StyleLayer[]): Styles {\n  const present = layers.filter(isRecord) as StyleRecord[];\n  const merged = mergeStyles(...(present as Styles[])) as StyleRecord;\n\n  for (const [key, value] of finalResets(present, true)) merged[key] = value;\n\n  for (const key of Object.keys(merged)) {\n    if (!isSelector(key) || !isRecord(merged[key])) continue;\n\n    // The sub-element's layers since its last wholesale reset.\n    let subLayers: StyleRecord[] = [];\n\n    for (const layer of present) {\n      const sub = layer[key];\n\n      if (sub === null || sub === false) subLayers = [];\n      else if (isRecord(sub)) subLayers.push(sub);\n    }\n\n    const resets = finalResets(subLayers, false);\n\n    // Copied first: a sub-element present in one layer is that layer's object.\n    if (resets.length)\n      merged[key] = { ...merged[key], ...Object.fromEntries(resets) };\n  }\n\n  return merged as Styles;\n}\n\n/**\n * Split properties into style and non-style properties.\n * Collects style-related props from `props` (based on `styleList`)\n * and merges them with `defaultStyles` and `props.styles`.\n *\n * @param props - Component prop map.\n * @param styleList - List of style property names to extract.\n * @param defaultStyles - Default style map of the component.\n * @param propMap - Props-to-style alias map (e.g. `{ bg: 'fill' }`).\n * @param ignoreList - Properties to skip during extraction.\n */\nexport function extractStyles(\n  props: object,\n  styleList: readonly string[] = [],\n  defaultStyles?: Styles,\n  propMap?: Record<string, string>,\n  ignoreList: readonly string[] = [],\n): Styles {\n  const ignoreSet = new Set(ignoreList);\n  const styleSet = new Set(styleList);\n  const record = props as Record<string, unknown>;\n\n  // `props.styles` over the component defaults. The result is always a fresh\n  // object, so the style props below can be assigned onto it.\n  const styles = mergeStyleLayers(\n    defaultStyles,\n    !ignoreSet.has('styles') &&\n      record.styles &&\n      typeof record.styles === 'object'\n      ? (record.styles as Styles)\n      : undefined,\n  );\n\n  for (const prop of Object.keys(record)) {\n    if (ignoreSet.has(prop)) continue;\n\n    const styleName = propMap?.[prop] ?? prop;\n\n    if (styleSet.has(styleName)) {\n      styles[styleName] = record[prop] as Styles[keyof Styles];\n    }\n  }\n\n  return styles;\n}\n"],"mappings":";;;;AAOA,SAASM,SAASC,OAAsC;AACtD,QAAO,CAAC,CAACA,SAAS,OAAOA,UAAU,YAAY,CAACC,MAAMC,QAAQF,MAAM;;;;;;;AAQtE,SAASG,YAAYC,QAAuBC,YAAqB;CAC/D,MAAMC,uBAAO,IAAIC,KAAsB;AAEvC,MAAK,MAAMC,SAASJ,OAClB,MAAK,MAAMK,OAAOC,OAAOC,KAAKH,MAAM,CAClC,KAAIA,MAAMC,SAASG,OAAWN,MAAKO,IAAIJ,KAAKD,MAAMC,KAAK;AAI3D,QAAO,CAAC,GAAGH,KAAK,CAACQ,QACd,CAACL,KAAKT,WACLA,UAAU,QAASA,UAAU,SAASK,cAAcZ,WAAWgB,IACnE,CAAC;;;;;;;;;;;;;;;AAgBH,SAAgBM,iBAAiB,GAAGX,QAA8B;CAChE,MAAMY,UAAUZ,OAAOU,OAAOf,SAAS;CACvC,MAAMkB,SAASvB,YAAY,GAAIsB,QAAqB;AAEpD,MAAK,MAAM,CAACP,KAAKT,UAAUG,YAAYa,SAAS,KAAK,CAAEC,QAAOR,OAAOT;AAErE,MAAK,MAAMS,OAAOC,OAAOC,KAAKM,OAAO,EAAE;AACrC,MAAI,CAACxB,WAAWgB,IAAI,IAAI,CAACV,SAASkB,OAAOR,KAAK,CAAE;EAGhD,IAAIS,YAA2B,EAAE;AAEjC,OAAK,MAAMV,SAASQ,SAAS;GAC3B,MAAMG,MAAMX,MAAMC;AAElB,OAAIU,QAAQ,QAAQA,QAAQ,MAAOD,aAAY,EAAE;YACxCnB,SAASoB,IAAI,CAAED,WAAUE,KAAKD,IAAI;;EAG7C,MAAME,SAASlB,YAAYe,WAAW,MAAM;AAG5C,MAAIG,OAAOC,OACTL,QAAOR,OAAO;GAAE,GAAGQ,OAAOR;GAAM,GAAGC,OAAOa,YAAYF,OAAM;GAAG;;AAGnE,QAAOJ;;;;;;;;;;;;;AAcT,SAAgBO,cACdC,OACAC,YAA+B,EAAE,EACjCC,eACAC,SACAC,aAAgC,EAAE,EAC1B;CACR,MAAMC,YAAY,IAAIC,IAAIF,WAAW;CACrC,MAAMG,WAAW,IAAID,IAAIL,UAAU;CACnC,MAAMO,SAASR;CAIf,MAAMS,SAASnB,iBACbY,eACA,CAACG,UAAUK,IAAI,SAAS,IACtBF,OAAOC,UACP,OAAOD,OAAOC,WAAW,WACtBD,OAAOC,SACRtB,OACL;AAED,MAAK,MAAMwB,QAAQ1B,OAAOC,KAAKsB,OAAO,EAAE;AACtC,MAAIH,UAAUK,IAAIC,KAAK,CAAE;EAEzB,MAAMC,YAAYT,UAAUQ,SAASA;AAErC,MAAIJ,SAASG,IAAIE,UAAU,CACzBH,QAAOG,aAAaJ,OAAOG;;AAI/B,QAAOF"}

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { isDevEnvOrTest } from "./is-dev-env.js";
 
 //#region src/utils/warnings.ts

package/dist/version.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.187.2";
-const TASTY_VERSION = "3.9.3";
+const VERSION = "0.189.0";
+const TASTY_VERSION = "3.9.6";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	const tastyVersion = TASTY_VERSION;

package/docs/components/actions/Action.md

@@ -11,7 +11,7 @@ A low-level action element that can render as `<button>`, `<a>`, or `<span>`. Wh
 ## Properties
 
 - **`to`** `NavigateArg` — Navigation target (renders as `<a>` when provided)
-- **`label`** `string` — Accessible label for screen readers
+- **`label`** `string` — **Deprecated.** Use `aria-label` for the accessible name and `children` for visible text
 - **`htmlType`** `'button' | 'submit' | 'reset'` — HTML button type
 - **`download`** `string` — Download attribute for link mode
 - **`onPress`** `() => void` — Press event handler (React Aria)

package/docs/components/actions/Button.md

@@ -21,7 +21,7 @@ A versatile action component that triggers commands and navigates users.
 - **`icon`** — Icon rendered before the content. Can be: ReactNode, `true` (empty slot), or function `({ loading, selected, ...mods }) => ReactNode | true`
 - **`rightIcon`** — Icon rendered after the content. Can be: ReactNode, `true` (empty slot), or function `({ loading, selected, ...mods }) => ReactNode | true`
 - **`children`** `ReactNode` — Button label or custom content
-- **`label`** `string` — Accessible label for the button (used as `aria-label`)
+- **`label`** `string` — **Deprecated.** Use `children` for visible text and `aria-label` for the accessible name of an icon-only button
 - **`tooltip`** `string | boolean | object` — Tooltip content. Use a string for simple text, `true` for auto tooltip on overflow, or an object with `{ title, auto, placement, ...tooltipProps }`
 - **`defaultTooltipPlacement`** `Placement` (default: `top`) — Default placement for the button's tooltip
 - **`isLoading`** `boolean` (default: `false`) — Show loading spinner and disable interactions
@@ -222,7 +222,7 @@ A disabled button keeps showing its tooltip. Browsers stop dispatching mouse eve
 
 - Announces role "button".
 - Announces state changes such as "pressed", "disabled", or "selected".
-- Provide `label`/`aria-label` when the button has no visible text.
+- Provide `aria-label` when the button has no visible text.
 
 ### ARIA Properties
 
@@ -254,6 +254,8 @@ There are three ways to keep the popover open when a Button is pressed:
    </div>
    ```
 
+   On a wrapper, `data-popover-keep` also tells any popover opened from inside it (a field's listbox, a menu) that a click in the wrapper is not outside, so that popover stays open. When only presses should be ignored, use `data-popover-keep-on-press` instead. A modern `DialogForm` marks its `<form>` this way.
+
 3. **Custom non-Cube triggers.** Call `useDismissParentPopover()` yourself if your control should dismiss the popover but does not extend `Button` / `ItemButton`:
    ```jsx
    const dismiss = useDismissParentPopover();

package/docs/components/actions/ItemButton.md

@@ -208,6 +208,7 @@ Like `Button`, an `ItemButton` press inside an open popover **dismisses that pop
     Toggle Mode
   </ItemButton>
   ```
+- **Presses only via `data-popover-keep-on-press`** — the same opt-out without making a click in the subtree count as inside a popover opened from it. See [Button](./Button.md).
 - **Custom non-Cube triggers** — call `useDismissParentPopover()` directly if you build a control on top of something other than `Button` / `ItemButton`.
 
 The dismiss is dispatched via the EventBus, which defers with `setTimeout(0)` — so synchronous `onPress` handlers (and the React state updates they trigger) flush BEFORE the popover closes. This makes the "open a hoisted modal from a popover footer" pattern work without flicker: the modal mounts first, then the popover closes behind it.

package/docs/components/actions/Link.md

@@ -308,7 +308,7 @@ These options are passed to the router's `navigate` function and have no effect
 
 - Renders as an `<a>` element when `to` is a string/object; as a `<button>` when `to` is a number or omitted.
 - Keyboard interaction and focus management are handled by React Aria.
-- Provide `label`/`aria-label` when there is no visible text.
+- Provide `aria-label` when there is no visible text.
 
 ### ARIA Properties
 

package/docs/components/content/InfoBadge.md

@@ -27,7 +27,7 @@ Every field's `labelTooltip` prop already renders an `InfoBadge` next to the lab
 
 ### Accessibility
 
-The accessible name is the tooltip text when it's plain text. Rich tooltip content can't serve as a name, so a localized `More information` label is used instead — pass `aria-label` or `label` to override it.
+The accessible name is the tooltip text when it's plain text. Rich tooltip content can't serve as a name, so a localized `More information` label is used instead — pass `aria-label` to override it (`label` still works but is deprecated).
 
 ### Base Properties
 

package/docs/components/content/Item.md

@@ -32,7 +32,7 @@ A foundational component that provides a standardized layout and styling for ite
 - **`actions`** `ReactNode | true` — Inline action buttons displayed on the right side. Use `Item.Action` for consistent styling
 - **`autoHideActions`** `boolean` (default: `false`) — When true, actions are hidden by default and shown only on hover, focus, or focus-within
 - **`preserveActionsSpace`** `boolean` (default: `false`) — When true, preserves the actions width when hidden (only changes opacity). Only applies when `autoHideActions` is true
-- **`disableActionsFocus`** `boolean` (default: `true`) — When true, action buttons are not focusable via keyboard
+- **`disableActionsFocus`** `boolean` (default: `false`) — When true, action buttons are not focusable via keyboard
 - **`hotkeys`** `string` — Keyboard shortcut displayed as a badge (e.g. `"cmd+s"`)
 - **`tooltip`** `string | boolean | object` (default: `true`) — Tooltip content. `true` enables auto tooltip on overflow, a string shows fixed tooltip text, an object supports advanced configuration `{ title, auto, placement, ...tooltipProps }`
 - **`highlight`** `string` — Text to highlight within the item label