@cube-dev/ui-kit 0.182.0 → 0.184.0

package/dist/utils/react/RenderCache.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
@@ -21,7 +21,7 @@ function RenderCache({ items, renderKeys, getKey, children }) {
 		return cached;
 	});
 	const currentKeys = new Set(items.map(getKey));
-	for (const key of cacheRef.current.keys()) if (!currentKeys.has(key)) cacheRef.current.delete(key);
+	for (const key_0 of cacheRef.current.keys()) if (!currentKeys.has(key_0)) cacheRef.current.delete(key_0);
 	return /* @__PURE__ */ jsx(Fragment$1, { children: rendered });
 }
 

package/dist/utils/react/RenderCache.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderCache.js","names":[],"sources":["../../../src/utils/react/RenderCache.tsx"],"sourcesContent":["import { ReactElement, useRef } from 'react';\n\nexport interface RenderCacheProps<T> {\n  items: T[];\n  renderKeys: (string | number)[];\n  getKey: (item: T) => string | number;\n  children: (item: T) => ReactElement;\n}\n\n/**\n * RenderCache optimizes rendering of item lists by reusing\n * previously rendered elements for unchanged items.\n */\nexport function RenderCache<T>({\n  items,\n  renderKeys,\n  getKey,\n  children,\n}: RenderCacheProps<T>): ReactElement {\n  // Store previous renders\n  const cacheRef = useRef<Map<string | number, ReactElement>>(new Map());\n\n  const rendered = items.map((item) => {\n    const key = getKey(item);\n    const shouldRerender = renderKeys.includes(key);\n    const cached = cacheRef.current.get(key);\n\n    if (!cached || shouldRerender) {\n      const element = children(item);\n      cacheRef.current.set(key, element);\n      return element;\n    }\n\n    return cached;\n  });\n\n  // Optionally clean up cache for items no longer present\n  const currentKeys = new Set(items.map(getKey));\n  for (const key of cacheRef.current.keys()) {\n    if (!currentKeys.has(key)) {\n      cacheRef.current.delete(key);\n    }\n  }\n\n  return <>{rendered}</>;\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,YAAe,EAC7B,OACA,YACA,QACA,YACoC;CAEpC,MAAM,WAAW,uBAA2C,IAAI,KAAK,CAAC;CAEtE,MAAM,WAAW,MAAM,KAAK,SAAS;EACnC,MAAM,MAAM,OAAO,KAAK;EACxB,MAAM,iBAAiB,WAAW,SAAS,IAAI;EAC/C,MAAM,SAAS,SAAS,QAAQ,IAAI,IAAI;AAExC,MAAI,CAAC,UAAU,gBAAgB;GAC7B,MAAM,UAAU,SAAS,KAAK;AAC9B,YAAS,QAAQ,IAAI,KAAK,QAAQ;AAClC,UAAO;;AAGT,SAAO;GACP;CAGF,MAAM,cAAc,IAAI,IAAI,MAAM,IAAI,OAAO,CAAC;AAC9C,MAAK,MAAM,OAAO,SAAS,QAAQ,MAAM,CACvC,KAAI,CAAC,YAAY,IAAI,IAAI,CACvB,UAAS,QAAQ,OAAO,IAAI;AAIhC,QAAO,4CAAG,WAAY"}
+{"version":3,"file":"RenderCache.js","names":["ReactElement","useRef","RenderCacheProps","items","T","renderKeys","getKey","item","children","RenderCache","cacheRef","Map","rendered","map","key","shouldRerender","includes","cached","current","get","element","set","currentKeys","Set","keys","has","delete"],"sources":["../../../src/utils/react/RenderCache.tsx"],"sourcesContent":["import { ReactElement, useRef } from 'react';\n\nexport interface RenderCacheProps<T> {\n  items: T[];\n  renderKeys: (string | number)[];\n  getKey: (item: T) => string | number;\n  children: (item: T) => ReactElement;\n}\n\n/**\n * RenderCache optimizes rendering of item lists by reusing\n * previously rendered elements for unchanged items.\n */\nexport function RenderCache<T>({\n  items,\n  renderKeys,\n  getKey,\n  children,\n}: RenderCacheProps<T>): ReactElement {\n  // Store previous renders\n  const cacheRef = useRef<Map<string | number, ReactElement>>(new Map());\n\n  const rendered = items.map((item) => {\n    const key = getKey(item);\n    const shouldRerender = renderKeys.includes(key);\n    const cached = cacheRef.current.get(key);\n\n    if (!cached || shouldRerender) {\n      const element = children(item);\n      cacheRef.current.set(key, element);\n      return element;\n    }\n\n    return cached;\n  });\n\n  // Optionally clean up cache for items no longer present\n  const currentKeys = new Set(items.map(getKey));\n  for (const key of cacheRef.current.keys()) {\n    if (!currentKeys.has(key)) {\n      cacheRef.current.delete(key);\n    }\n  }\n\n  return <>{rendered}</>;\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgBS,YAAe,EAC7BN,OACAE,YACAC,QACAE,YACoC;CAEpC,MAAME,WAAWT,uBAA2C,IAAIU,KAAK,CAAC;CAEtE,MAAMC,WAAWT,MAAMU,KAAKN,SAAS;EACnC,MAAMO,MAAMR,OAAOC,KAAK;EACxB,MAAMQ,iBAAiBV,WAAWW,SAASF,IAAI;EAC/C,MAAMG,SAASP,SAASQ,QAAQC,IAAIL,IAAI;AAExC,MAAI,CAACG,UAAUF,gBAAgB;GAC7B,MAAMK,UAAUZ,SAASD,KAAK;AAC9BG,YAASQ,QAAQG,IAAIP,KAAKM,QAAQ;AAClC,UAAOA;;AAGT,SAAOH;GACP;CAGF,MAAMK,cAAc,IAAIC,IAAIpB,MAAMU,IAAIP,OAAO,CAAC;AAC9C,MAAK,MAAMQ,SAAOJ,SAASQ,QAAQM,MAAM,CACvC,KAAI,CAACF,YAAYG,IAAIX,MAAI,CACvBJ,UAASQ,QAAQQ,OAAOZ,MAAI;AAIhC,QAAO,4CAAGF,WAAY"}

package/dist/utils/react/Slots.js

@@ -1,38 +1,81 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
-import { Children, cloneElement, createContext, useContext, useMemo } from "react";
+import { c } from "react-compiler-runtime";
+import { Children, cloneElement, createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/utils/react/Slots.tsx
 const INITIAL_VALUE = {};
 let SlotContext = createContext(INITIAL_VALUE);
 function useSlotProps(props, defaultSlot) {
-	let slot = props.slot || defaultSlot;
-	let slotProps = (useContext(SlotContext) ?? INITIAL_VALUE)[slot];
-	return mergeProps(slotProps, props);
+	const $ = c(3);
+	const slot = props.slot || defaultSlot;
+	const slotProps = (useContext(SlotContext) ?? INITIAL_VALUE)[slot];
+	let t0;
+	if ($[0] !== props || $[1] !== slotProps) {
+		t0 = mergeProps(slotProps, props);
+		$[0] = props;
+		$[1] = slotProps;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 }
 function SlotProvider(props) {
-	let parentSlots = useContext(SlotContext) ?? INITIAL_VALUE;
-	let { slots = {}, children } = props;
-	let value = useMemo(() => Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p) => ({
-		...o,
-		[p]: mergeProps(parentSlots[p] ?? {}, slots[p] ?? {})
-	}), {}), [parentSlots, slots]);
-	return /* @__PURE__ */ jsx(SlotContext.Provider, {
-		value,
-		children
-	});
+	const $ = c(8);
+	const parentSlots = useContext(SlotContext) ?? INITIAL_VALUE;
+	const { slots: t0, children } = props;
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const slots = t1;
+	let t2;
+	if ($[2] !== parentSlots || $[3] !== slots) {
+		t2 = Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p) => ({
+			...o,
+			[p]: mergeProps(parentSlots[p] ?? {}, slots[p] ?? {})
+		}), {});
+		$[2] = parentSlots;
+		$[3] = slots;
+		$[4] = t2;
+	} else t2 = $[4];
+	const value = t2;
+	let t3;
+	if ($[5] !== children || $[6] !== value) {
+		t3 = /* @__PURE__ */ jsx(SlotContext.Provider, {
+			value,
+			children
+		});
+		$[5] = children;
+		$[6] = value;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 }
 function ClearSlots(props) {
-	const { children, ...otherProps } = props;
-	let content = children;
-	if (Children.toArray(children).length <= 1) {
-		if (typeof children === "function") content = cloneElement(Children.only(children), otherProps);
-	}
-	return /* @__PURE__ */ jsx(SlotContext.Provider, {
-		value: INITIAL_VALUE,
-		children: content
-	});
+	const $ = c(4);
+	let content;
+	if ($[0] !== props) {
+		const { children, ...otherProps } = props;
+		content = children;
+		if (Children.toArray(children).length <= 1) {
+			if (typeof children === "function") content = cloneElement(Children.only(children), otherProps);
+		}
+		$[0] = props;
+		$[1] = content;
+	} else content = $[1];
+	let t0;
+	if ($[2] !== content) {
+		t0 = /* @__PURE__ */ jsx(SlotContext.Provider, {
+			value: INITIAL_VALUE,
+			children: content
+		});
+		$[2] = content;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
 }
 
 //#endregion

package/dist/utils/react/Slots.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slots.js","names":[],"sources":["../../../src/utils/react/Slots.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react';\n\nimport { mergeProps } from './mergeProps';\n\nconst INITIAL_VALUE = {};\n\nlet SlotContext = createContext<Object>(INITIAL_VALUE);\n\nexport function useSlotProps(\n  props: Record<string, any>,\n  defaultSlot,\n): Record<string, any> {\n  let slot: string = props.slot || defaultSlot;\n  let allSlots = useContext(SlotContext) ?? INITIAL_VALUE;\n  let slotProps: Record<string, any> = allSlots[slot];\n\n  return mergeProps(slotProps, props);\n}\n\nexport function SlotProvider(props) {\n  let parentSlots = useContext(SlotContext) ?? INITIAL_VALUE;\n  let { slots = {}, children } = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(\n    () =>\n      Object.keys(parentSlots)\n        .concat(Object.keys(slots))\n        .reduce(\n          (o, p) => ({\n            ...o,\n            [p]: mergeProps(parentSlots[p] ?? {}, slots[p] ?? {}),\n          }),\n          {},\n        ),\n    [parentSlots, slots],\n  );\n\n  return <SlotContext.Provider value={value}>{children}</SlotContext.Provider>;\n}\n\nexport function ClearSlots(props) {\n  const { children, ...otherProps } = props;\n  let content = children;\n\n  if (Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') {\n      // need to know if the node is a string or something else that react can render that doesn't get props\n      content = cloneElement(Children.only(children), otherProps);\n    }\n  }\n\n  return (\n    <SlotContext.Provider value={INITIAL_VALUE}>{content}</SlotContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAUA,MAAM,gBAAgB,EAAE;AAExB,IAAI,cAAc,cAAsB,cAAc;AAEtD,SAAgB,aACd,OACA,aACqB;CACrB,IAAI,OAAe,MAAM,QAAQ;CAEjC,IAAI,aADW,WAAW,YAAY,IAAI,eACI;AAE9C,QAAO,WAAW,WAAW,MAAM;;AAGrC,SAAgB,aAAa,OAAO;CAClC,IAAI,cAAc,WAAW,YAAY,IAAI;CAC7C,IAAI,EAAE,QAAQ,EAAE,EAAE,aAAa;CAG/B,IAAI,QAAQ,cAER,OAAO,KAAK,YAAY,CACrB,OAAO,OAAO,KAAK,MAAM,CAAC,CAC1B,QACE,GAAG,OAAO;EACT,GAAG;GACF,IAAI,WAAW,YAAY,MAAM,EAAE,EAAE,MAAM,MAAM,EAAE,CAAC;EACtD,GACD,EAAE,CACH,EACL,CAAC,aAAa,MAAM,CACrB;AAED,QAAO,oBAAC,YAAY;EAAgB;EAAQ;GAAgC;;AAG9E,SAAgB,WAAW,OAAO;CAChC,MAAM,EAAE,UAAU,GAAG,eAAe;CACpC,IAAI,UAAU;AAEd,KAAI,SAAS,QAAQ,SAAS,CAAC,UAAU,GACvC;MAAI,OAAO,aAAa,WAEtB,WAAU,aAAa,SAAS,KAAK,SAAS,EAAE,WAAW;;AAI/D,QACE,oBAAC,YAAY;EAAS,OAAO;YAAgB;GAA+B"}
+{"version":3,"file":"Slots.js","names":["Children","cloneElement","createContext","useContext","useMemo","mergeProps","INITIAL_VALUE","SlotContext","Object","useSlotProps","props","defaultSlot","$","_c","slot","allSlots","slotProps","t0","SlotProvider","parentSlots","slots","children","t1","undefined","t2","keys","concat","reduce","o","p","value","t3","ClearSlots","content","otherProps","toArray","length","only"],"sources":["../../../src/utils/react/Slots.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react';\n\nimport { mergeProps } from './mergeProps';\n\nconst INITIAL_VALUE = {};\n\nlet SlotContext = createContext<Object>(INITIAL_VALUE);\n\nexport function useSlotProps(\n  props: Record<string, any>,\n  defaultSlot,\n): Record<string, any> {\n  let slot: string = props.slot || defaultSlot;\n  let allSlots = useContext(SlotContext) ?? INITIAL_VALUE;\n  let slotProps: Record<string, any> = allSlots[slot];\n\n  return mergeProps(slotProps, props);\n}\n\nexport function SlotProvider(props) {\n  let parentSlots = useContext(SlotContext) ?? INITIAL_VALUE;\n  let { slots = {}, children } = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(\n    () =>\n      Object.keys(parentSlots)\n        .concat(Object.keys(slots))\n        .reduce(\n          (o, p) => ({\n            ...o,\n            [p]: mergeProps(parentSlots[p] ?? {}, slots[p] ?? {}),\n          }),\n          {},\n        ),\n    [parentSlots, slots],\n  );\n\n  return <SlotContext.Provider value={value}>{children}</SlotContext.Provider>;\n}\n\nexport function ClearSlots(props) {\n  const { children, ...otherProps } = props;\n  let content = children;\n\n  if (Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') {\n      // need to know if the node is a string or something else that react can render that doesn't get props\n      content = cloneElement(Children.only(children), otherProps);\n    }\n  }\n\n  return (\n    <SlotContext.Provider value={INITIAL_VALUE}>{content}</SlotContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;AAUA,MAAMM,gBAAgB,EAAE;AAExB,IAAIC,cAAcL,cAAsBI,cAAc;AAEtD,SAAOG,aAAAC,OAAAC,aAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAIL,MAAAC,OAAmBJ,MAAKI,QAALH;CAEnB,MAAAK,aADeb,WAAWI,YAA6B,IAAxCD,eAC+BQ;CAAM,IAAAG;AAAA,KAAAL,EAAA,OAAAF,SAAAE,EAAA,OAAAI,WAAA;AAE7CC,OAAAZ,WAAWW,WAAWN,MAAM;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAA5BK;;AAGT,SAAOC,aAAAR,OAAA;CAAA,MAAAE,IAAAC,EAAA,EAAA;CACL,MAAAM,cAAkBhB,WAAWI,YAA6B,IAAxCD;CAClB,MAAA,EAAAc,OAAAH,IAAAI,aAA+BX;CAAM,IAAAY;AAAA,KAAAV,EAAA,OAAAK,IAAA;AAA/BK,OAAAL,OAAAM,SAAA,EAAU,GAAVN;AAAUL,IAAA,KAAAK;AAAAL,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAV,MAAAQ,QAAAE;CAAU,IAAAE;AAAA,KAAAZ,EAAA,OAAAO,eAAAP,EAAA,OAAAQ,OAAA;AAKZI,OAAAhB,OAAMiB,KAAMN,YAAY,CAAAO,OACdlB,OAAMiB,KAAML,MAAM,CAAC,CAAAO,QAEzBC,GAAAC,OAAW;GAAA,GACND;IACFC,IAAIxB,WAAWc,YAAYU,MAAZ,EAAoB,EAAET,MAAMS,MAAN,EAAc,CAAA;GACrD,GACD,EACF,CAAC;AAAAjB,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;AAAAR,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAVP,MAAAkB,QAEIN;CAUF,IAAAO;AAAA,KAAAnB,EAAA,OAAAS,YAAAT,EAAA,OAAAkB,OAAA;AAEKC,OAAA,oBAAA,YAAA;GAA6BD;GAAQT;IAAgC;AAAAT,IAAA,KAAAS;AAAAT,IAAA,KAAAkB;AAAAlB,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;AAAA,QAArEmB;;AAGT,SAAOC,WAAAtB,OAAA;CAAA,MAAAE,IAAAC,EAAA,EAAA;CAAA,IAAAoB;AAAA,KAAArB,EAAA,OAAAF,OAAA;EACL,MAAA,EAAAW,UAAA,GAAAa,eAAoCxB;AACpCuB,YAAcZ;AAEd,MAAIrB,SAAQmC,QAASd,SAAS,CAAAe,UAAW,GACvC;OAAI,OAAOf,aAAa,WAEtBY,WAAUhC,aAAaD,SAAQqC,KAAMhB,SAAS,EAAEa,WAAW;;AAE9DtB,IAAA,KAAAF;AAAAE,IAAA,KAAAqB;OAAAA,WAAArB,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAqB,SAAA;AAGChB,OAAA,oBAAA,YAAA;GAA6BX,OAAAA;aAAgB2B;IAA+B;AAAArB,IAAA,KAAAqB;AAAArB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAA5EK"}

package/dist/utils/react/chain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/chain.js.map

@@ -1 +1 @@
-{"version":3,"file":"chain.js","names":[],"sources":["../../../src/utils/react/chain.ts"],"sourcesContent":["/**\n * Calls all functions in the order they were chained with the same arguments.\n */\nexport function chain(...callbacks) {\n  return (...args) => {\n    for (let callback of callbacks) {\n      if (typeof callback === 'function') {\n        callback(...args);\n      }\n    }\n  };\n}\n"],"mappings":";;;;;AAGA,SAAgB,MAAM,GAAG,WAAW;AAClC,SAAQ,GAAG,SAAS;AAClB,OAAK,IAAI,YAAY,UACnB,KAAI,OAAO,aAAa,WACtB,UAAS,GAAG,KAAK"}
+{"version":3,"file":"chain.js","names":["chain","callbacks","args","callback"],"sources":["../../../src/utils/react/chain.ts"],"sourcesContent":["/**\n * Calls all functions in the order they were chained with the same arguments.\n */\nexport function chain(...callbacks) {\n  return (...args) => {\n    for (let callback of callbacks) {\n      if (typeof callback === 'function') {\n        callback(...args);\n      }\n    }\n  };\n}\n"],"mappings":";;;;;AAGA,SAAgBA,MAAM,GAAGC,WAAW;AAClC,SAAQ,GAAGC,SAAS;AAClB,OAAK,IAAIC,YAAYF,UACnB,KAAI,OAAOE,aAAa,WACtBA,UAAS,GAAGD,KAAK"}

package/dist/utils/react/disabledProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 //#region src/utils/react/disabledProps.ts
 /**
 * Tags where `disabled` is a real HTML attribute. Browsers refuse to dispatch

package/dist/utils/react/disabledProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"disabledProps.js","names":[],"sources":["../../../src/utils/react/disabledProps.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport type { Props } from '../../props';\n\n/**\n * Tags where `disabled` is a real HTML attribute. Browsers refuse to dispatch\n * mouse events on those elements while the attribute is set, so nothing that\n * listens for hover — a tooltip trigger above all — ever hears from them.\n * On every other tag the attribute is invalid markup that does nothing.\n */\nconst FORM_CONTROL_TAGS = new Set([\n  'button',\n  'input',\n  'select',\n  'textarea',\n  'fieldset',\n  'option',\n  'optgroup',\n]);\n\n/**\n * Handlers that can activate an element. They are dropped while the element is\n * disabled through `aria-disabled` alone, so it stays as inert as a natively\n * disabled one.\n */\nconst ACTIVATION_EVENT_PROPS = [\n  'onClick',\n  'onDoubleClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'onTouchStart',\n  'onTouchEnd',\n  'onKeyDown',\n  'onKeyUp',\n  'onKeyPress',\n] as const;\n\nfunction preventActivation(event: SyntheticEvent) {\n  // Without the native attribute a click (or Enter/Space, which the browser\n  // turns into a click) still runs the default action and would submit the\n  // surrounding form.\n  event.preventDefault();\n}\n\nconst INERT_PROPS: Props = {\n  'aria-disabled': true,\n  onClick: preventActivation,\n};\n\nconst EMPTY_PROPS: Props = {};\n\nexport interface DisabledElementOptions {\n  /** Whether the component is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Whether the element has to keep receiving pointer and focus events while\n   * disabled. Set it when the element hosts a tooltip: the tooltip is there to\n   * explain why the element is unavailable, so hover has to reach it.\n   */\n  keepEvents?: boolean;\n  /** The tag the component renders. */\n  as?: string;\n}\n\nexport interface DisabledElementProps {\n  /** Whether the element has to carry the native `disabled` attribute. */\n  isNativelyDisabled: boolean;\n  /**\n   * Whether the element is disabled through `aria-disabled` only and therefore\n   * has to be kept inert by hand.\n   */\n  isInert: boolean;\n  /** Props that mark the element disabled and inert. Spread them last. */\n  inertProps: Props;\n}\n\n/**\n * Decides how the disabled state reaches the DOM.\n *\n * The native `disabled` attribute is the strongest option, but it also makes\n * the browser swallow the events the element needs to open a tooltip. When\n * such an element has to stay hoverable, it is marked `aria-disabled` instead\n * and kept inert by blocking activation — the outcome a user sees is the same,\n * except the tooltip now opens and screen readers still announce the state.\n */\nexport function getDisabledElementProps({\n  isDisabled,\n  keepEvents,\n  as = 'div',\n}: DisabledElementOptions): DisabledElementProps {\n  if (!isDisabled) {\n    return {\n      isNativelyDisabled: false,\n      isInert: false,\n      inertProps: EMPTY_PROPS,\n    };\n  }\n\n  // The attribute only means something on form controls, and there it can be\n  // kept whenever nothing depends on the element's events.\n  if (FORM_CONTROL_TAGS.has(as) && !keepEvents) {\n    return {\n      isNativelyDisabled: true,\n      isInert: false,\n      inertProps: EMPTY_PROPS,\n    };\n  }\n\n  return { isNativelyDisabled: false, isInert: true, inertProps: INERT_PROPS };\n}\n\n/**\n * Removes the handlers that would activate an element which is disabled\n * without the native attribute.\n */\nexport function omitActivationEventProps<T extends Props>(props: T): T {\n  const result = { ...props };\n\n  for (const prop of ACTIVATION_EVENT_PROPS) {\n    delete result[prop];\n  }\n\n  return result;\n}\n"],"mappings":";;;;;;;;AASA,MAAM,oBAAoB,IAAI,IAAI;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;;;AAOF,MAAM,yBAAyB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,kBAAkB,OAAuB;AAIhD,OAAM,gBAAgB;;AAGxB,MAAM,cAAqB;CACzB,iBAAiB;CACjB,SAAS;CACV;AAED,MAAM,cAAqB,EAAE;;;;;;;;;;AAoC7B,SAAgB,wBAAwB,EACtC,YACA,YACA,KAAK,SAC0C;AAC/C,KAAI,CAAC,WACH,QAAO;EACL,oBAAoB;EACpB,SAAS;EACT,YAAY;EACb;AAKH,KAAI,kBAAkB,IAAI,GAAG,IAAI,CAAC,WAChC,QAAO;EACL,oBAAoB;EACpB,SAAS;EACT,YAAY;EACb;AAGH,QAAO;EAAE,oBAAoB;EAAO,SAAS;EAAM,YAAY;EAAa;;;;;;AAO9E,SAAgB,yBAA0C,OAAa;CACrE,MAAM,SAAS,EAAE,GAAG,OAAO;AAE3B,MAAK,MAAM,QAAQ,uBACjB,QAAO,OAAO;AAGhB,QAAO"}
+{"version":3,"file":"disabledProps.js","names":["SyntheticEvent","Props","FORM_CONTROL_TAGS","Set","ACTIVATION_EVENT_PROPS","const","preventActivation","event","preventDefault","INERT_PROPS","onClick","EMPTY_PROPS","DisabledElementOptions","isDisabled","keepEvents","as","DisabledElementProps","isNativelyDisabled","isInert","inertProps","getDisabledElementProps","has","omitActivationEventProps","props","T","result","prop"],"sources":["../../../src/utils/react/disabledProps.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport type { Props } from '../../props';\n\n/**\n * Tags where `disabled` is a real HTML attribute. Browsers refuse to dispatch\n * mouse events on those elements while the attribute is set, so nothing that\n * listens for hover — a tooltip trigger above all — ever hears from them.\n * On every other tag the attribute is invalid markup that does nothing.\n */\nconst FORM_CONTROL_TAGS = new Set([\n  'button',\n  'input',\n  'select',\n  'textarea',\n  'fieldset',\n  'option',\n  'optgroup',\n]);\n\n/**\n * Handlers that can activate an element. They are dropped while the element is\n * disabled through `aria-disabled` alone, so it stays as inert as a natively\n * disabled one.\n */\nconst ACTIVATION_EVENT_PROPS = [\n  'onClick',\n  'onDoubleClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'onTouchStart',\n  'onTouchEnd',\n  'onKeyDown',\n  'onKeyUp',\n  'onKeyPress',\n] as const;\n\nfunction preventActivation(event: SyntheticEvent) {\n  // Without the native attribute a click (or Enter/Space, which the browser\n  // turns into a click) still runs the default action and would submit the\n  // surrounding form.\n  event.preventDefault();\n}\n\nconst INERT_PROPS: Props = {\n  'aria-disabled': true,\n  onClick: preventActivation,\n};\n\nconst EMPTY_PROPS: Props = {};\n\nexport interface DisabledElementOptions {\n  /** Whether the component is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Whether the element has to keep receiving pointer and focus events while\n   * disabled. Set it when the element hosts a tooltip: the tooltip is there to\n   * explain why the element is unavailable, so hover has to reach it.\n   */\n  keepEvents?: boolean;\n  /** The tag the component renders. */\n  as?: string;\n}\n\nexport interface DisabledElementProps {\n  /** Whether the element has to carry the native `disabled` attribute. */\n  isNativelyDisabled: boolean;\n  /**\n   * Whether the element is disabled through `aria-disabled` only and therefore\n   * has to be kept inert by hand.\n   */\n  isInert: boolean;\n  /** Props that mark the element disabled and inert. Spread them last. */\n  inertProps: Props;\n}\n\n/**\n * Decides how the disabled state reaches the DOM.\n *\n * The native `disabled` attribute is the strongest option, but it also makes\n * the browser swallow the events the element needs to open a tooltip. When\n * such an element has to stay hoverable, it is marked `aria-disabled` instead\n * and kept inert by blocking activation — the outcome a user sees is the same,\n * except the tooltip now opens and screen readers still announce the state.\n */\nexport function getDisabledElementProps({\n  isDisabled,\n  keepEvents,\n  as = 'div',\n}: DisabledElementOptions): DisabledElementProps {\n  if (!isDisabled) {\n    return {\n      isNativelyDisabled: false,\n      isInert: false,\n      inertProps: EMPTY_PROPS,\n    };\n  }\n\n  // The attribute only means something on form controls, and there it can be\n  // kept whenever nothing depends on the element's events.\n  if (FORM_CONTROL_TAGS.has(as) && !keepEvents) {\n    return {\n      isNativelyDisabled: true,\n      isInert: false,\n      inertProps: EMPTY_PROPS,\n    };\n  }\n\n  return { isNativelyDisabled: false, isInert: true, inertProps: INERT_PROPS };\n}\n\n/**\n * Removes the handlers that would activate an element which is disabled\n * without the native attribute.\n */\nexport function omitActivationEventProps<T extends Props>(props: T): T {\n  const result = { ...props };\n\n  for (const prop of ACTIVATION_EVENT_PROPS) {\n    delete result[prop];\n  }\n\n  return result;\n}\n"],"mappings":";;;;;;;;AASA,MAAME,oBAAoB,IAAIC,IAAI;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;;;AAOF,MAAMC,yBAAyB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAASE,kBAAkBC,OAAuB;AAIhDA,OAAMC,gBAAgB;;AAGxB,MAAMC,cAAqB;CACzB,iBAAiB;CACjBC,SAASJ;CACV;AAED,MAAMK,cAAqB,EAAE;;;;;;;;;;AAoC7B,SAAgBS,wBAAwB,EACtCP,YACAC,YACAC,KAAK,SAC0C;AAC/C,KAAI,CAACF,WACH,QAAO;EACLI,oBAAoB;EACpBC,SAAS;EACTC,YAAYR;EACb;AAKH,KAAIT,kBAAkBmB,IAAIN,GAAG,IAAI,CAACD,WAChC,QAAO;EACLG,oBAAoB;EACpBC,SAAS;EACTC,YAAYR;EACb;AAGH,QAAO;EAAEM,oBAAoB;EAAOC,SAAS;EAAMC,YAAYV;EAAa;;;;;;AAO9E,SAAgBa,yBAA0CC,OAAa;CACrE,MAAME,SAAS,EAAE,GAAGF,OAAO;AAE3B,MAAK,MAAMG,QAAQtB,uBACjB,QAAOqB,OAAOC;AAGhB,QAAOD"}

package/dist/utils/react/escapePropagation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 //#region src/utils/react/escapePropagation.ts
 /**
 * Let `Escape` keep travelling out of a trigger or list, and hold every other

package/dist/utils/react/escapePropagation.js.map

@@ -1 +1 @@
-{"version":3,"file":"escapePropagation.js","names":[],"sources":["../../../src/utils/react/escapePropagation.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\n\n/**\n * A key event as it reaches a handler that may or may not have been wrapped by\n * React Aria's `useKeyboard`.\n */\ntype MaybeAugmentedKeyboardEvent = KeyboardEvent<any> & {\n  continuePropagation?: () => void;\n  isPropagationStopped?: () => boolean;\n};\n\n/**\n * Let `Escape` keep travelling out of a trigger or list, and hold every other\n * key exactly as before (CUB-4839).\n *\n * `Escape` is how whatever surrounds a control — a Dialog, most often — gets\n * dismissed, and these handlers never act on it. Every other key stays\n * contained: releasing them too would let `Enter` and typeahead reach ancestor\n * shortcuts and form submits, which callers have always had held here.\n *\n * Shape-aware because the same `onKeyDown` is reached two ways and the DEFAULT\n * is opposite between them:\n *\n * - Wrapped by `useKeyboard`, the event is augmented and propagation is\n *   stopped unless the handler opts out. `createEventHandler` also keeps that\n *   decision for the LIFE of the handler rather than per event — nothing\n *   resets it when the next key arrives — so an earlier opt-out would keep\n *   releasing later keys until a render replaced the handler. Re-asserting the\n *   default here is what keeps the opt-out from outliving its own event.\n * - Spread straight onto an element, the event is an ordinary React one and\n *   propagation is the default, so containment is what has to be asked for.\n *\n * Getting this backwards is silent in one direction and loud in the other:\n * calling `stopPropagation()` on a plain event really does stop it.\n */\nexport function allowEscapeToPropagate(event: MaybeAugmentedKeyboardEvent) {\n  const isEscape = event.key === 'Escape';\n\n  if (typeof event.continuePropagation === 'function') {\n    if (isEscape) {\n      event.continuePropagation();\n    } else if (event.isPropagationStopped?.() === false) {\n      // Only ever called when the flag is already clear, which is the one case\n      // `stopPropagation` does not warn about.\n      event.stopPropagation();\n    }\n\n    return;\n  }\n\n  if (!isEscape) event.stopPropagation();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,uBAAuB,OAAoC;CACzE,MAAM,WAAW,MAAM,QAAQ;AAE/B,KAAI,OAAO,MAAM,wBAAwB,YAAY;AACnD,MAAI,SACF,OAAM,qBAAqB;WAClB,MAAM,wBAAwB,KAAK,MAG5C,OAAM,iBAAiB;AAGzB;;AAGF,KAAI,CAAC,SAAU,OAAM,iBAAiB"}
+{"version":3,"file":"escapePropagation.js","names":["KeyboardEvent","MaybeAugmentedKeyboardEvent","continuePropagation","isPropagationStopped","allowEscapeToPropagate","event","isEscape","key","stopPropagation"],"sources":["../../../src/utils/react/escapePropagation.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\n\n/**\n * A key event as it reaches a handler that may or may not have been wrapped by\n * React Aria's `useKeyboard`.\n */\ntype MaybeAugmentedKeyboardEvent = KeyboardEvent<any> & {\n  continuePropagation?: () => void;\n  isPropagationStopped?: () => boolean;\n};\n\n/**\n * Let `Escape` keep travelling out of a trigger or list, and hold every other\n * key exactly as before (CUB-4839).\n *\n * `Escape` is how whatever surrounds a control — a Dialog, most often — gets\n * dismissed, and these handlers never act on it. Every other key stays\n * contained: releasing them too would let `Enter` and typeahead reach ancestor\n * shortcuts and form submits, which callers have always had held here.\n *\n * Shape-aware because the same `onKeyDown` is reached two ways and the DEFAULT\n * is opposite between them:\n *\n * - Wrapped by `useKeyboard`, the event is augmented and propagation is\n *   stopped unless the handler opts out. `createEventHandler` also keeps that\n *   decision for the LIFE of the handler rather than per event — nothing\n *   resets it when the next key arrives — so an earlier opt-out would keep\n *   releasing later keys until a render replaced the handler. Re-asserting the\n *   default here is what keeps the opt-out from outliving its own event.\n * - Spread straight onto an element, the event is an ordinary React one and\n *   propagation is the default, so containment is what has to be asked for.\n *\n * Getting this backwards is silent in one direction and loud in the other:\n * calling `stopPropagation()` on a plain event really does stop it.\n */\nexport function allowEscapeToPropagate(event: MaybeAugmentedKeyboardEvent) {\n  const isEscape = event.key === 'Escape';\n\n  if (typeof event.continuePropagation === 'function') {\n    if (isEscape) {\n      event.continuePropagation();\n    } else if (event.isPropagationStopped?.() === false) {\n      // Only ever called when the flag is already clear, which is the one case\n      // `stopPropagation` does not warn about.\n      event.stopPropagation();\n    }\n\n    return;\n  }\n\n  if (!isEscape) event.stopPropagation();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgBI,uBAAuBC,OAAoC;CACzE,MAAMC,WAAWD,MAAME,QAAQ;AAE/B,KAAI,OAAOF,MAAMH,wBAAwB,YAAY;AACnD,MAAII,SACFD,OAAMH,qBAAqB;WAClBG,MAAMF,wBAAwB,KAAK,MAG5CE,OAAMG,iBAAiB;AAGzB;;AAGF,KAAI,CAACF,SAAUD,OAAMG,iBAAiB"}

package/dist/utils/react/forwardRefWithGenerics.js

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

package/dist/utils/react/forwardRefWithGenerics.js.map

@@ -1 +1 @@
-{"version":3,"file":"forwardRefWithGenerics.js","names":[],"sources":["../../../src/utils/react/forwardRefWithGenerics.tsx"],"sourcesContent":["import { DOMRef } from '@react-types/shared';\nimport { ReactElement } from 'react';\n\n/**\n * A helper for creating forwardRef components with generic types.\n * This solves the issue where React's forwardRef doesn't work well with generic components,\n * especially when props include required children from CollectionBase<T> or similar types.\n *\n * @example\n * ```tsx\n * function MySelect<T extends object>(\n *   props: MySelectProps<T>,\n *   ref: DOMRef<HTMLDivElement>\n * ) {\n *   // component implementation\n *   return <div ref={ref}>...</div>;\n * }\n *\n * const MySelectWithRef = forwardRefWithGenerics(MySelect);\n *\n * // Usage:\n * <MySelectWithRef<ItemType> items={items} ref={myRef} />\n * ```\n */\nexport function forwardRefWithGenerics<\n  TProps extends Record<string, any>,\n  TElement extends HTMLElement = HTMLElement,\n>(\n  component: <T extends object>(\n    props: TProps,\n    ref: DOMRef<TElement>,\n  ) => ReactElement,\n) {\n  return function ComponentWithRef<T extends object>(\n    props: TProps & { ref?: DOMRef<TElement> },\n  ) {\n    const { ref = null, ...otherProps } = props;\n    return component(otherProps as TProps, ref);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,uBAId,WAIA;AACA,QAAO,SAAS,iBACd,OACA;EACA,MAAM,EAAE,MAAM,MAAM,GAAG,eAAe;AACtC,SAAO,UAAU,YAAsB,IAAI"}
+{"version":3,"file":"forwardRefWithGenerics.js","names":["DOMRef","ReactElement","forwardRefWithGenerics","Record","HTMLElement","component","props","TProps","ref","TElement","ComponentWithRef","otherProps"],"sources":["../../../src/utils/react/forwardRefWithGenerics.tsx"],"sourcesContent":["import { DOMRef } from '@react-types/shared';\nimport { ReactElement } from 'react';\n\n/**\n * A helper for creating forwardRef components with generic types.\n * This solves the issue where React's forwardRef doesn't work well with generic components,\n * especially when props include required children from CollectionBase<T> or similar types.\n *\n * @example\n * ```tsx\n * function MySelect<T extends object>(\n *   props: MySelectProps<T>,\n *   ref: DOMRef<HTMLDivElement>\n * ) {\n *   // component implementation\n *   return <div ref={ref}>...</div>;\n * }\n *\n * const MySelectWithRef = forwardRefWithGenerics(MySelect);\n *\n * // Usage:\n * <MySelectWithRef<ItemType> items={items} ref={myRef} />\n * ```\n */\nexport function forwardRefWithGenerics<\n  TProps extends Record<string, any>,\n  TElement extends HTMLElement = HTMLElement,\n>(\n  component: <T extends object>(\n    props: TProps,\n    ref: DOMRef<TElement>,\n  ) => ReactElement,\n) {\n  return function ComponentWithRef<T extends object>(\n    props: TProps & { ref?: DOMRef<TElement> },\n  ) {\n    const { ref = null, ...otherProps } = props;\n    return component(otherProps as TProps, ref);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgBE,uBAIdG,WAIA;AACA,QAAO,SAASK,iBACdJ,OACA;EACA,MAAM,EAAEE,MAAM,MAAM,GAAGG,eAAeL;AACtC,SAAOD,UAAUM,YAAsBH,IAAI"}

package/dist/utils/react/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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,20 +1,43 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";
 
 //#region src/utils/react/interactions.ts
-function useFocus$1({ isDisabled }, onlyVisible = false) {
-	let [isFocused, setIsFocused] = useState(false);
+function useFocus$1(t0, t1) {
+	const $ = c(6);
+	const { isDisabled } = t0;
+	const onlyVisible = t1 === void 0 ? false : t1;
+	const [isFocused, setIsFocused] = useState(false);
 	if (isDisabled && isFocused) setIsFocused(false);
-	let { isFocusVisible } = useFocusVisible({});
-	let { focusProps } = useFocus({
-		isDisabled,
-		onFocusChange: setIsFocused
-	});
-	return {
-		focusProps,
-		isFocused: isFocused && (onlyVisible ? isFocusVisible : true)
-	};
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {};
+		$[0] = t2;
+	} else t2 = $[0];
+	const { isFocusVisible } = useFocusVisible(t2);
+	let t3;
+	if ($[1] !== isDisabled) {
+		t3 = {
+			isDisabled,
+			onFocusChange: setIsFocused
+		};
+		$[1] = isDisabled;
+		$[2] = t3;
+	} else t3 = $[2];
+	const { focusProps } = useFocus(t3);
+	const t4 = isFocused && (onlyVisible ? isFocusVisible : true);
+	let t5;
+	if ($[3] !== focusProps || $[4] !== t4) {
+		t5 = {
+			focusProps,
+			isFocused: t4
+		};
+		$[3] = focusProps;
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	return t5;
 }
 
 //#endregion

package/dist/utils/react/interactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactions.js","names":["useFocus","reactAriaUseFocus"],"sources":["../../../src/utils/react/interactions.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useFocus as reactAriaUseFocus, useFocusVisible } from 'react-aria';\n\nexport function useFocus(\n  { isDisabled }: { isDisabled?: boolean },\n  onlyVisible = false,\n) {\n  let [isFocused, setIsFocused] = useState(false);\n\n  // React-aria detaches focus handlers when disabled, so blur events\n  // aren't captured. Clear stale focus synchronously during render\n  // to avoid a one-frame glitch (useEffect would be too late).\n  if (isDisabled && isFocused) {\n    setIsFocused(false);\n  }\n\n  let { isFocusVisible } = useFocusVisible({});\n  let { focusProps } = reactAriaUseFocus({\n    isDisabled,\n    onFocusChange: setIsFocused,\n  });\n\n  return {\n    focusProps,\n    isFocused: isFocused && (onlyVisible ? isFocusVisible : true),\n  };\n}\n"],"mappings":";;;;;AAGA,SAAgBA,WACd,EAAE,cACF,cAAc,OACd;CACA,IAAI,CAAC,WAAW,gBAAgB,SAAS,MAAM;AAK/C,KAAI,cAAc,UAChB,cAAa,MAAM;CAGrB,IAAI,EAAE,mBAAmB,gBAAgB,EAAE,CAAC;CAC5C,IAAI,EAAE,eAAeC,SAAkB;EACrC;EACA,eAAe;EAChB,CAAC;AAEF,QAAO;EACL;EACA,WAAW,cAAc,cAAc,iBAAiB;EACzD"}
+{"version":3,"file":"interactions.js","names":["useState","useFocus","reactAriaUseFocus","useFocusVisible","t0","t1","$","_c","isDisabled","onlyVisible","undefined","isFocused","setIsFocused","t2","Symbol","for","isFocusVisible","t3","onFocusChange","focusProps","t4","t5"],"sources":["../../../src/utils/react/interactions.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useFocus as reactAriaUseFocus, useFocusVisible } from 'react-aria';\n\nexport function useFocus(\n  { isDisabled }: { isDisabled?: boolean },\n  onlyVisible = false,\n) {\n  let [isFocused, setIsFocused] = useState(false);\n\n  // React-aria detaches focus handlers when disabled, so blur events\n  // aren't captured. Clear stale focus synchronously during render\n  // to avoid a one-frame glitch (useEffect would be too late).\n  if (isDisabled && isFocused) {\n    setIsFocused(false);\n  }\n\n  let { isFocusVisible } = useFocusVisible({});\n  let { focusProps } = reactAriaUseFocus({\n    isDisabled,\n    onFocusChange: setIsFocused,\n  });\n\n  return {\n    focusProps,\n    isFocused: isFocused && (onlyVisible ? isFocusVisible : true),\n  };\n}\n"],"mappings":";;;;;;AAGA,SAAOC,WAAAG,IAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,eAAAJ;CACA,MAAAK,cAAAJ,OAAAK,SAAA,QAAAL;CAEA,MAAA,CAAAM,WAAAC,gBAAgCZ,SAAS,MAAM;AAK/C,KAAIQ,cAAAG,UACFC,cAAa,MAAM;CACpB,IAAAC;AAAA,KAAAP,EAAA,OAAAQ,OAAAC,IAAA,4BAAA,EAAA;AAEwCF,OAAA,EAAE;AAAAP,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAA3C,MAAA,EAAAU,mBAAyBb,gBAAgBU,GAAG;CAAC,IAAAI;AAAA,KAAAX,EAAA,OAAAE,YAAA;AACNS,OAAA;GAAAT;GAAAU,eAEtBN;GAChB;AAAAN,IAAA,KAAAE;AAAAF,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAHD,MAAA,EAAAa,eAAqBjB,SAAkBe,GAGrC;CAIW,MAAAG,KAAAT,cAAcF,cAAAO,iBAAA;CAAoC,IAAAK;AAAA,KAAAf,EAAA,OAAAa,cAAAb,EAAA,OAAAc,IAAA;AAFxDC,OAAA;GAAAF;GAAAR,WAEMS;GACZ;AAAAd,IAAA,KAAAa;AAAAb,IAAA,KAAAc;AAAAd,IAAA,KAAAe;OAAAA,MAAAf,EAAA;AAAA,QAHMe"}

package/dist/utils/react/isTextOnly.js

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

package/dist/utils/react/isTextOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"isTextOnly.js","names":[],"sources":["../../../src/utils/react/isTextOnly.ts"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nexport function isTextOnly(children) {\n  return Children.toArray(children).every((c) => !isValidElement(c));\n}\n"],"mappings":";;;;AAEA,SAAgB,WAAW,UAAU;AACnC,QAAO,SAAS,QAAQ,SAAS,CAAC,OAAO,MAAM,CAAC,eAAe,EAAE,CAAC"}
+{"version":3,"file":"isTextOnly.js","names":["Children","isValidElement","isTextOnly","children","toArray","every","c"],"sources":["../../../src/utils/react/isTextOnly.ts"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nexport function isTextOnly(children) {\n  return Children.toArray(children).every((c) => !isValidElement(c));\n}\n"],"mappings":";;;;AAEA,SAAgBE,WAAWC,UAAU;AACnC,QAAOH,SAASI,QAAQD,SAAS,CAACE,OAAOC,MAAM,CAACL,eAAeK,EAAE,CAAC"}

package/dist/utils/react/mapProps.js

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

package/dist/utils/react/mapProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapProps.js","names":[],"sources":["../../../src/utils/react/mapProps.ts"],"sourcesContent":["import { AriaButtonProps } from 'react-aria';\n\nimport { CubeButtonProps } from '../../components/actions/Button/Button';\n\n/** Converts AriaButtonProps to CubeButtonProps */\nexport function ariaToCubeButtonProps(\n  props: AriaButtonProps<'button'>,\n): CubeButtonProps {\n  const { type, ...filteredProps } = props;\n\n  return {\n    ...filteredProps,\n    htmlType: type,\n  };\n}\n\n/** Converts CubeButtonProps to AriaButtonProps */\nexport function cubeToAriaButtonProps(\n  props: CubeButtonProps,\n): AriaButtonProps<'button'> {\n  const { htmlType, ...filteredProps } = props;\n\n  return {\n    ...filteredProps,\n    type: htmlType,\n  };\n}\n"],"mappings":";;;AAKA,SAAgB,sBACd,OACiB;CACjB,MAAM,EAAE,MAAM,GAAG,kBAAkB;AAEnC,QAAO;EACL,GAAG;EACH,UAAU;EACX"}
+{"version":3,"file":"mapProps.js","names":["AriaButtonProps","CubeButtonProps","ariaToCubeButtonProps","props","type","filteredProps","htmlType","cubeToAriaButtonProps"],"sources":["../../../src/utils/react/mapProps.ts"],"sourcesContent":["import { AriaButtonProps } from 'react-aria';\n\nimport { CubeButtonProps } from '../../components/actions/Button/Button';\n\n/** Converts AriaButtonProps to CubeButtonProps */\nexport function ariaToCubeButtonProps(\n  props: AriaButtonProps<'button'>,\n): CubeButtonProps {\n  const { type, ...filteredProps } = props;\n\n  return {\n    ...filteredProps,\n    htmlType: type,\n  };\n}\n\n/** Converts CubeButtonProps to AriaButtonProps */\nexport function cubeToAriaButtonProps(\n  props: CubeButtonProps,\n): AriaButtonProps<'button'> {\n  const { htmlType, ...filteredProps } = props;\n\n  return {\n    ...filteredProps,\n    type: htmlType,\n  };\n}\n"],"mappings":";;;AAKA,SAAgBE,sBACdC,OACiB;CACjB,MAAM,EAAEC,MAAM,GAAGC,kBAAkBF;AAEnC,QAAO;EACL,GAAGE;EACHC,UAAUF;EACX"}

package/dist/utils/react/mergeProps.js

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

package/dist/utils/react/mergeProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeProps.js","names":[],"sources":["../../../src/utils/react/mergeProps.tsx"],"sourcesContent":["import { mergeStyles } from '@tenphi/tasty';\nimport clsx from 'clsx';\n\nimport { chain } from './chain';\nimport { mergeIds } from './useId';\n\nimport type { Props } from '../../props';\n\ntype Merge<T> = T extends [infer F, ...infer R]\n  ? F extends undefined\n    ? Merge<R>\n    : F & Merge<R>\n  : T extends [infer L]\n    ? L\n    : unknown;\n\n/**\n * Merges multiple props objects together. Event handlers are chained,\n * classNames are combined, and ids are deduplicated - different ids\n * will trigger a side-effect and re-render components hooked up with `useId`.\n * For all other props, the last prop object overrides all previous ones.\n * @param args - Multiple sets of props to merge together.\n */\nexport function mergeProps<T extends (Props | undefined)[], K = Merge<T>>(\n  ...args: T\n): K {\n  let result: any = {};\n\n  for (let props of args) {\n    for (let key in result) {\n      // Chain events\n      if (\n        /^on[A-Z]/.test(key) &&\n        typeof result[key] === 'function' &&\n        props &&\n        typeof props[key] === 'function'\n      ) {\n        result[key] = chain(result[key], props[key]);\n\n        // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check\n      } else if (\n        key === 'className' &&\n        typeof result.className === 'string' &&\n        props &&\n        typeof props.className === 'string'\n      ) {\n        result[key] = clsx(result.className, props.className);\n      } else if (\n        (key === 'styles' || key.endsWith('Styles')) &&\n        typeof result.styles === 'object' &&\n        props &&\n        typeof props.styles === 'object'\n      ) {\n        result[key] = mergeStyles(result[key], props[key]);\n      } else if (key === 'mods' && result.mods && props?.mods) {\n        result.mods = { ...result.mods, ...props?.mods };\n      } else if (key === 'id' && result.id && props?.id) {\n        result.id = mergeIds(result.id, props?.id);\n        // Override others\n      } else {\n        result[key] =\n          props && props[key] !== undefined ? props[key] : result[key];\n      }\n    }\n\n    // Add props from b that are not in a\n    for (let key in props) {\n      if (result[key] === undefined) {\n        result[key] = props[key];\n      }\n    }\n  }\n\n  return result as K;\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,SAAgB,WACd,GAAG,MACA;CACH,IAAI,SAAc,EAAE;AAEpB,MAAK,IAAI,SAAS,MAAM;AACtB,OAAK,IAAI,OAAO,OAEd,KACE,WAAW,KAAK,IAAI,IACpB,OAAO,OAAO,SAAS,cACvB,SACA,OAAO,MAAM,SAAS,WAEtB,QAAO,OAAO,MAAM,OAAO,MAAM,MAAM,KAAK;WAI5C,QAAQ,eACR,OAAO,OAAO,cAAc,YAC5B,SACA,OAAO,MAAM,cAAc,SAE3B,QAAO,OAAO,KAAK,OAAO,WAAW,MAAM,UAAU;YAEpD,QAAQ,YAAY,IAAI,SAAS,SAAS,KAC3C,OAAO,OAAO,WAAW,YACzB,SACA,OAAO,MAAM,WAAW,SAExB,QAAO,OAAO,YAAY,OAAO,MAAM,MAAM,KAAK;WACzC,QAAQ,UAAU,OAAO,QAAQ,OAAO,KACjD,QAAO,OAAO;GAAE,GAAG,OAAO;GAAM,GAAG,OAAO;GAAM;WACvC,QAAQ,QAAQ,OAAO,MAAM,OAAO,GAC7C,QAAO,KAAK,SAAS,OAAO,IAAI,OAAO,GAAG;MAG1C,QAAO,OACL,SAAS,MAAM,SAAS,SAAY,MAAM,OAAO,OAAO;AAK9D,OAAK,IAAI,OAAO,MACd,KAAI,OAAO,SAAS,OAClB,QAAO,OAAO,MAAM;;AAK1B,QAAO"}
+{"version":3,"file":"mergeProps.js","names":["mergeStyles","clsx","chain","mergeIds","Props","Merge","T","F","R","L","mergeProps","args","K","result","props","key","test","className","endsWith","styles","mods","id","undefined"],"sources":["../../../src/utils/react/mergeProps.tsx"],"sourcesContent":["import { mergeStyles } from '@tenphi/tasty';\nimport clsx from 'clsx';\n\nimport { chain } from './chain';\nimport { mergeIds } from './useId';\n\nimport type { Props } from '../../props';\n\ntype Merge<T> = T extends [infer F, ...infer R]\n  ? F extends undefined\n    ? Merge<R>\n    : F & Merge<R>\n  : T extends [infer L]\n    ? L\n    : unknown;\n\n/**\n * Merges multiple props objects together. Event handlers are chained,\n * classNames are combined, and ids are deduplicated - different ids\n * will trigger a side-effect and re-render components hooked up with `useId`.\n * For all other props, the last prop object overrides all previous ones.\n * @param args - Multiple sets of props to merge together.\n */\nexport function mergeProps<T extends (Props | undefined)[], K = Merge<T>>(\n  ...args: T\n): K {\n  let result: any = {};\n\n  for (let props of args) {\n    for (let key in result) {\n      // Chain events\n      if (\n        /^on[A-Z]/.test(key) &&\n        typeof result[key] === 'function' &&\n        props &&\n        typeof props[key] === 'function'\n      ) {\n        result[key] = chain(result[key], props[key]);\n\n        // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check\n      } else if (\n        key === 'className' &&\n        typeof result.className === 'string' &&\n        props &&\n        typeof props.className === 'string'\n      ) {\n        result[key] = clsx(result.className, props.className);\n      } else if (\n        (key === 'styles' || key.endsWith('Styles')) &&\n        typeof result.styles === 'object' &&\n        props &&\n        typeof props.styles === 'object'\n      ) {\n        result[key] = mergeStyles(result[key], props[key]);\n      } else if (key === 'mods' && result.mods && props?.mods) {\n        result.mods = { ...result.mods, ...props?.mods };\n      } else if (key === 'id' && result.id && props?.id) {\n        result.id = mergeIds(result.id, props?.id);\n        // Override others\n      } else {\n        result[key] =\n          props && props[key] !== undefined ? props[key] : result[key];\n      }\n    }\n\n    // Add props from b that are not in a\n    for (let key in props) {\n      if (result[key] === undefined) {\n        result[key] = props[key];\n      }\n    }\n  }\n\n  return result as K;\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,SAAgBU,WACd,GAAGC,MACA;CACH,IAAIE,SAAc,EAAE;AAEpB,MAAK,IAAIC,SAASH,MAAM;AACtB,OAAK,IAAII,OAAOF,OAEd,KACE,WAAWG,KAAKD,IAAI,IACpB,OAAOF,OAAOE,SAAS,cACvBD,SACA,OAAOA,MAAMC,SAAS,WAEtBF,QAAOE,OAAOb,MAAMW,OAAOE,MAAMD,MAAMC,KAAK;WAI5CA,QAAQ,eACR,OAAOF,OAAOI,cAAc,YAC5BH,SACA,OAAOA,MAAMG,cAAc,SAE3BJ,QAAOE,OAAOd,KAAKY,OAAOI,WAAWH,MAAMG,UAAU;YAEpDF,QAAQ,YAAYA,IAAIG,SAAS,SAAS,KAC3C,OAAOL,OAAOM,WAAW,YACzBL,SACA,OAAOA,MAAMK,WAAW,SAExBN,QAAOE,OAAOf,YAAYa,OAAOE,MAAMD,MAAMC,KAAK;WACzCA,QAAQ,UAAUF,OAAOO,QAAQN,OAAOM,KACjDP,QAAOO,OAAO;GAAE,GAAGP,OAAOO;GAAM,GAAGN,OAAOM;GAAM;WACvCL,QAAQ,QAAQF,OAAOQ,MAAMP,OAAOO,GAC7CR,QAAOQ,KAAKlB,SAASU,OAAOQ,IAAIP,OAAOO,GAAG;MAG1CR,QAAOE,OACLD,SAASA,MAAMC,SAASO,SAAYR,MAAMC,OAAOF,OAAOE;AAK9D,OAAK,IAAIA,OAAOD,MACd,KAAID,OAAOE,SAASO,OAClBT,QAAOE,OAAOD,MAAMC;;AAK1B,QAAOF"}

package/dist/utils/react/nullableValue.js

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

@@ -1 +1 @@
-{"version":3,"file":"nullableValue.js","names":[],"sources":["../../../src/utils/react/nullableValue.ts"],"sourcesContent":["import type { Props } from '../../props';\n\nexport function castNullableStringValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'string', (v) =>\n    String(v),\n  );\n}\n\nexport function castNullableNumberValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'number', (v) =>\n    Number(v),\n  );\n}\n\nexport function castNullableArrayValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'object', (v) =>\n    Array.isArray(v) ? v : [],\n  );\n}\n\nexport function castNullableIsSelected<T>(props: T): T {\n  return castNullableField(\n    props,\n    ['isSelected', 'defaultSelected'],\n    'boolean',\n    (v) => !!v,\n  );\n}\n\nexport function castNullableSelectedKey<T>(props: T): T {\n  return castNullableField(props, ['selectedKey', 'defaultSelectedKey']);\n}\n\nexport function castNullableField<T>(\n  props: T,\n  keys: string[],\n  type?: string,\n  cast?: (k: any) => any,\n): T {\n  props = { ...props };\n\n  keys.forEach((key) => {\n    if (props[key] === null) {\n      props[key] = undefined;\n    }\n\n    if (type && cast && props[key] != null && typeof props[key] != type) {\n      props[key] = cast(props[key]);\n\n      console.warn(\n        'Wrong value type in',\n        props,\n        'in keys',\n        JSON.stringify(keys),\n      );\n    }\n  });\n\n  return props;\n}\n\nexport type WithNullableValue<T extends Props> = Omit<\n  T,\n  'value' | 'defaultValue'\n> & {\n  value?: T['value'] | any;\n  defaultValue?: T['defaultValue'] | any;\n};\n\nexport type WithNullableSelected<T extends Props> = Omit<\n  T,\n  'isSelected' | 'defaultSelected'\n> & {\n  isSelected?: T['isSelected'] | any;\n  defaultSelected?: T['defaultSelected'] | any;\n};\n\nexport type WithNullableSelectedKey<T extends Props> = Omit<\n  T,\n  'selectedKey' | 'defaultSelectedKey'\n> & {\n  selectedKey?: T['selectedKey'] | any;\n  defaultSelectedKey?: T['defaultSelectedKey'] | any;\n};\n"],"mappings":";;AAEA,SAAgB,wBAA2B,OAAa;AACtD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,OAAO,EAAE,CACV;;AAGH,SAAgB,wBAA2B,OAAa;AACtD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,OAAO,EAAE,CACV;;AAGH,SAAgB,uBAA0B,OAAa;AACrD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,MAAM,QAAQ,EAAE,GAAG,IAAI,EAAE,CAC1B;;AAGH,SAAgB,uBAA0B,OAAa;AACrD,QAAO,kBACL,OACA,CAAC,cAAc,kBAAkB,EACjC,YACC,MAAM,CAAC,CAAC,EACV;;AAOH,SAAgB,kBACd,OACA,MACA,MACA,MACG;AACH,SAAQ,EAAE,GAAG,OAAO;AAEpB,MAAK,SAAS,QAAQ;AACpB,MAAI,MAAM,SAAS,KACjB,OAAM,OAAO;AAGf,MAAI,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,MAAM;AACnE,SAAM,OAAO,KAAK,MAAM,KAAK;AAE7B,WAAQ,KACN,uBACA,OACA,WACA,KAAK,UAAU,KAAK,CACrB;;GAEH;AAEF,QAAO"}
+{"version":3,"file":"nullableValue.js","names":["Props","castNullableStringValue","props","T","castNullableField","v","String","castNullableNumberValue","Number","castNullableArrayValue","Array","isArray","castNullableIsSelected","castNullableSelectedKey","keys","type","cast","k","forEach","key","undefined","console","warn","JSON","stringify","WithNullableValue","Omit","value","defaultValue","WithNullableSelected","isSelected","defaultSelected","WithNullableSelectedKey","selectedKey","defaultSelectedKey"],"sources":["../../../src/utils/react/nullableValue.ts"],"sourcesContent":["import type { Props } from '../../props';\n\nexport function castNullableStringValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'string', (v) =>\n    String(v),\n  );\n}\n\nexport function castNullableNumberValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'number', (v) =>\n    Number(v),\n  );\n}\n\nexport function castNullableArrayValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'object', (v) =>\n    Array.isArray(v) ? v : [],\n  );\n}\n\nexport function castNullableIsSelected<T>(props: T): T {\n  return castNullableField(\n    props,\n    ['isSelected', 'defaultSelected'],\n    'boolean',\n    (v) => !!v,\n  );\n}\n\nexport function castNullableSelectedKey<T>(props: T): T {\n  return castNullableField(props, ['selectedKey', 'defaultSelectedKey']);\n}\n\nexport function castNullableField<T>(\n  props: T,\n  keys: string[],\n  type?: string,\n  cast?: (k: any) => any,\n): T {\n  props = { ...props };\n\n  keys.forEach((key) => {\n    if (props[key] === null) {\n      props[key] = undefined;\n    }\n\n    if (type && cast && props[key] != null && typeof props[key] != type) {\n      props[key] = cast(props[key]);\n\n      console.warn(\n        'Wrong value type in',\n        props,\n        'in keys',\n        JSON.stringify(keys),\n      );\n    }\n  });\n\n  return props;\n}\n\nexport type WithNullableValue<T extends Props> = Omit<\n  T,\n  'value' | 'defaultValue'\n> & {\n  value?: T['value'] | any;\n  defaultValue?: T['defaultValue'] | any;\n};\n\nexport type WithNullableSelected<T extends Props> = Omit<\n  T,\n  'isSelected' | 'defaultSelected'\n> & {\n  isSelected?: T['isSelected'] | any;\n  defaultSelected?: T['defaultSelected'] | any;\n};\n\nexport type WithNullableSelectedKey<T extends Props> = Omit<\n  T,\n  'selectedKey' | 'defaultSelectedKey'\n> & {\n  selectedKey?: T['selectedKey'] | any;\n  defaultSelectedKey?: T['defaultSelectedKey'] | any;\n};\n"],"mappings":";;AAEA,SAAgBC,wBAA2BC,OAAa;AACtD,QAAOE,kBAAkBF,OAAO,CAAC,SAAS,eAAe,EAAE,WAAWG,MACpEC,OAAOD,EACT,CAAC;;AAGH,SAAgBE,wBAA2BL,OAAa;AACtD,QAAOE,kBAAkBF,OAAO,CAAC,SAAS,eAAe,EAAE,WAAWG,MACpEG,OAAOH,EACT,CAAC;;AAGH,SAAgBI,uBAA0BP,OAAa;AACrD,QAAOE,kBAAkBF,OAAO,CAAC,SAAS,eAAe,EAAE,WAAWG,MACpEK,MAAMC,QAAQN,EAAE,GAAGA,IAAI,EACzB,CAAC;;AAGH,SAAgBO,uBAA0BV,OAAa;AACrD,QAAOE,kBACLF,OACA,CAAC,cAAc,kBAAkB,EACjC,YACCG,MAAM,CAAC,CAACA,EACV;;AAOH,SAAgBD,kBACdF,OACAY,MACAC,MACAC,MACG;AACHd,SAAQ,EAAE,GAAGA,OAAO;AAEpBY,MAAKI,SAASC,QAAQ;AACpB,MAAIjB,MAAMiB,SAAS,KACjBjB,OAAMiB,OAAOC;AAGf,MAAIL,QAAQC,QAAQd,MAAMiB,QAAQ,QAAQ,OAAOjB,MAAMiB,QAAQJ,MAAM;AACnEb,SAAMiB,OAAOH,KAAKd,MAAMiB,KAAK;AAE7BE,WAAQC,KACN,uBACApB,OACA,WACAqB,KAAKC,UAAUV,KACjB,CAAC;;GAEH;AAEF,QAAOZ"}

package/dist/utils/react/programmaticFocus.js

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

@@ -1 +1 @@
-{"version":3,"file":"programmaticFocus.js","names":[],"sources":["../../../src/utils/react/programmaticFocus.ts"],"sourcesContent":["/**\n * Telling focus the user moved from focus a component moved for them.\n *\n * Handing focus back to a trigger after its overlay closes is not the same\n * event as a user tabbing onto that trigger, but the DOM cannot tell them\n * apart: `.focus()` produces an ordinary focus event, and the modality is\n * still \"keyboard\" from whatever the user just did, so anything keyed off\n * focus-visible treats it as a deliberate arrival. A trigger's tooltip pops up\n * unasked — and then absorbs the user's next `Escape` from its own\n * document-level listener (CUB-4839).\n *\n * Two mechanisms, because restoration reaches us two ways:\n *\n * - `focusProgrammatically` for restores WE perform. `focus()` dispatches\n *   `focus`/`focusin` synchronously, so a flag set around the call is readable\n *   by every handler that runs for it and gone immediately afterwards. Exact,\n *   with no window to tune.\n *\n * - `markFocusRestoreWindow` for restores React Aria performs. A `FocusScope`\n *   restores on unmount, from inside React's own commit, and offers no hook to\n *   wrap — so an overlay that is closing declares the window instead. Coarser\n *   on purpose: it can only make a tooltip skip one arrival that lands while\n *   an overlay is going away, which is the case it exists for.\n */\nlet depth = 0;\nlet restoreWindowEndsAt = 0;\n\n/**\n * Focus `element` without the UI reading it as the user arriving there.\n */\nexport function focusProgrammatically(\n  element: HTMLElement | null | undefined,\n  options?: FocusOptions,\n) {\n  if (!element) return;\n\n  depth++;\n\n  try {\n    element.focus(options);\n  } finally {\n    depth--;\n  }\n}\n\n/**\n * Declare that focus is about to be restored by machinery we cannot wrap, for\n * roughly `duration` ms. Called by a closing overlay.\n */\nexport function markFocusRestoreWindow(duration: number) {\n  restoreWindowEndsAt = Math.max(restoreWindowEndsAt, Date.now() + duration);\n}\n\n/**\n * Whether the focus being handled right now is a restoration rather than the\n * user arriving. Only meaningful inside a focus handler.\n */\nexport function isFocusRestoration() {\n  return depth > 0 || Date.now() < restoreWindowEndsAt;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAI,QAAQ;AACZ,IAAI,sBAAsB;;;;AAK1B,SAAgB,sBACd,SACA,SACA;AACA,KAAI,CAAC,QAAS;AAEd;AAEA,KAAI;AACF,UAAQ,MAAM,QAAQ;WACd;AACR;;;;;;;AAQJ,SAAgB,uBAAuB,UAAkB;AACvD,uBAAsB,KAAK,IAAI,qBAAqB,KAAK,KAAK,GAAG,SAAS;;;;;;AAO5E,SAAgB,qBAAqB;AACnC,QAAO,QAAQ,KAAK,KAAK,KAAK,GAAG"}
+{"version":3,"file":"programmaticFocus.js","names":["depth","restoreWindowEndsAt","focusProgrammatically","element","HTMLElement","options","FocusOptions","focus","markFocusRestoreWindow","duration","Math","max","Date","now","isFocusRestoration"],"sources":["../../../src/utils/react/programmaticFocus.ts"],"sourcesContent":["/**\n * Telling focus the user moved from focus a component moved for them.\n *\n * Handing focus back to a trigger after its overlay closes is not the same\n * event as a user tabbing onto that trigger, but the DOM cannot tell them\n * apart: `.focus()` produces an ordinary focus event, and the modality is\n * still \"keyboard\" from whatever the user just did, so anything keyed off\n * focus-visible treats it as a deliberate arrival. A trigger's tooltip pops up\n * unasked — and then absorbs the user's next `Escape` from its own\n * document-level listener (CUB-4839).\n *\n * Two mechanisms, because restoration reaches us two ways:\n *\n * - `focusProgrammatically` for restores WE perform. `focus()` dispatches\n *   `focus`/`focusin` synchronously, so a flag set around the call is readable\n *   by every handler that runs for it and gone immediately afterwards. Exact,\n *   with no window to tune.\n *\n * - `markFocusRestoreWindow` for restores React Aria performs. A `FocusScope`\n *   restores on unmount, from inside React's own commit, and offers no hook to\n *   wrap — so an overlay that is closing declares the window instead. Coarser\n *   on purpose: it can only make a tooltip skip one arrival that lands while\n *   an overlay is going away, which is the case it exists for.\n */\nlet depth = 0;\nlet restoreWindowEndsAt = 0;\n\n/**\n * Focus `element` without the UI reading it as the user arriving there.\n */\nexport function focusProgrammatically(\n  element: HTMLElement | null | undefined,\n  options?: FocusOptions,\n) {\n  if (!element) return;\n\n  depth++;\n\n  try {\n    element.focus(options);\n  } finally {\n    depth--;\n  }\n}\n\n/**\n * Declare that focus is about to be restored by machinery we cannot wrap, for\n * roughly `duration` ms. Called by a closing overlay.\n */\nexport function markFocusRestoreWindow(duration: number) {\n  restoreWindowEndsAt = Math.max(restoreWindowEndsAt, Date.now() + duration);\n}\n\n/**\n * Whether the focus being handled right now is a restoration rather than the\n * user arriving. Only meaningful inside a focus handler.\n */\nexport function isFocusRestoration() {\n  return depth > 0 || Date.now() < restoreWindowEndsAt;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAIA,QAAQ;AACZ,IAAIC,sBAAsB;;;;AAK1B,SAAgBC,sBACdC,SACAE,SACA;AACA,KAAI,CAACF,QAAS;AAEdH;AAEA,KAAI;AACFG,UAAQI,MAAMF,QAAQ;WACd;AACRL;;;;;;;AAQJ,SAAgBQ,uBAAuBC,UAAkB;AACvDR,uBAAsBS,KAAKC,IAAIV,qBAAqBW,KAAKC,KAAK,GAAGJ,SAAS;;;;;;AAO5E,SAAgBK,qBAAqB;AACnC,QAAOd,QAAQ,KAAKY,KAAKC,KAAK,GAAGZ"}

package/dist/utils/react/resolveIcon.js

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

@@ -1 +1 @@
-{"version":3,"file":"resolveIcon.js","names":[],"sources":["../../../src/utils/react/resolveIcon.ts"],"sourcesContent":["import { Mods } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\n/**\n * Function that receives mods (can be destructured) and returns an icon or true for empty slot.\n * @example\n * icon={({ loading, selected }) => loading ? <SpinnerIcon /> : <Icon />}\n */\nexport type IconRenderFn<T extends Mods = Mods> = (mods: T) => ReactNode | true;\n\n/** Dynamic icon prop: ReactNode, true for empty slot, or render function */\nexport type DynamicIcon<T extends Mods = Mods> =\n  | ReactNode\n  | true\n  | IconRenderFn<T>;\n\nexport interface ResolvedIcon {\n  /** The icon content to render (null for empty slot) */\n  content: ReactNode | null;\n  /** Whether the slot should be rendered (true even for empty slots) */\n  hasSlot: boolean;\n}\n\n/**\n * Resolves a dynamic icon prop to its content and slot state.\n * - If `true`: empty slot (hasSlot=true, content=null)\n * - If function: call with mods, then process result\n * - Otherwise: use as-is\n */\nexport function resolveIcon<T extends Mods>(\n  icon: DynamicIcon<T> | undefined,\n  mods: T,\n): ResolvedIcon {\n  if (icon === undefined || icon === null || icon === false) {\n    return { content: null, hasSlot: false };\n  }\n\n  if (icon === true) {\n    return { content: null, hasSlot: true };\n  }\n\n  if (typeof icon === 'function') {\n    const result = (icon as IconRenderFn<T>)(mods);\n    if (result === true) {\n      return { content: null, hasSlot: true };\n    }\n    if (result === undefined || result === null || result === false) {\n      return { content: null, hasSlot: false };\n    }\n    return { content: result, hasSlot: true };\n  }\n\n  return { content: icon, hasSlot: true };\n}\n"],"mappings":";;;;;;;;AA6BA,SAAgB,YACd,MACA,MACc;AACd,KAAI,SAAS,UAAa,SAAS,QAAQ,SAAS,MAClD,QAAO;EAAE,SAAS;EAAM,SAAS;EAAO;AAG1C,KAAI,SAAS,KACX,QAAO;EAAE,SAAS;EAAM,SAAS;EAAM;AAGzC,KAAI,OAAO,SAAS,YAAY;EAC9B,MAAM,SAAU,KAAyB,KAAK;AAC9C,MAAI,WAAW,KACb,QAAO;GAAE,SAAS;GAAM,SAAS;GAAM;AAEzC,MAAI,WAAW,UAAa,WAAW,QAAQ,WAAW,MACxD,QAAO;GAAE,SAAS;GAAM,SAAS;GAAO;AAE1C,SAAO;GAAE,SAAS;GAAQ,SAAS;GAAM;;AAG3C,QAAO;EAAE,SAAS;EAAM,SAAS;EAAM"}
+{"version":3,"file":"resolveIcon.js","names":["Mods","ReactNode","IconRenderFn","mods","T","DynamicIcon","ResolvedIcon","content","hasSlot","resolveIcon","icon","undefined","result"],"sources":["../../../src/utils/react/resolveIcon.ts"],"sourcesContent":["import { Mods } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\n/**\n * Function that receives mods (can be destructured) and returns an icon or true for empty slot.\n * @example\n * icon={({ loading, selected }) => loading ? <SpinnerIcon /> : <Icon />}\n */\nexport type IconRenderFn<T extends Mods = Mods> = (mods: T) => ReactNode | true;\n\n/** Dynamic icon prop: ReactNode, true for empty slot, or render function */\nexport type DynamicIcon<T extends Mods = Mods> =\n  | ReactNode\n  | true\n  | IconRenderFn<T>;\n\nexport interface ResolvedIcon {\n  /** The icon content to render (null for empty slot) */\n  content: ReactNode | null;\n  /** Whether the slot should be rendered (true even for empty slots) */\n  hasSlot: boolean;\n}\n\n/**\n * Resolves a dynamic icon prop to its content and slot state.\n * - If `true`: empty slot (hasSlot=true, content=null)\n * - If function: call with mods, then process result\n * - Otherwise: use as-is\n */\nexport function resolveIcon<T extends Mods>(\n  icon: DynamicIcon<T> | undefined,\n  mods: T,\n): ResolvedIcon {\n  if (icon === undefined || icon === null || icon === false) {\n    return { content: null, hasSlot: false };\n  }\n\n  if (icon === true) {\n    return { content: null, hasSlot: true };\n  }\n\n  if (typeof icon === 'function') {\n    const result = (icon as IconRenderFn<T>)(mods);\n    if (result === true) {\n      return { content: null, hasSlot: true };\n    }\n    if (result === undefined || result === null || result === false) {\n      return { content: null, hasSlot: false };\n    }\n    return { content: result, hasSlot: true };\n  }\n\n  return { content: icon, hasSlot: true };\n}\n"],"mappings":";;;;;;;;AA6BA,SAAgBS,YACdC,MACAP,MACc;AACd,KAAIO,SAASC,UAAaD,SAAS,QAAQA,SAAS,MAClD,QAAO;EAAEH,SAAS;EAAMC,SAAS;EAAO;AAG1C,KAAIE,SAAS,KACX,QAAO;EAAEH,SAAS;EAAMC,SAAS;EAAM;AAGzC,KAAI,OAAOE,SAAS,YAAY;EAC9B,MAAME,SAAUF,KAAyBP,KAAK;AAC9C,MAAIS,WAAW,KACb,QAAO;GAAEL,SAAS;GAAMC,SAAS;GAAM;AAEzC,MAAII,WAAWD,UAAaC,WAAW,QAAQA,WAAW,MACxD,QAAO;GAAEL,SAAS;GAAMC,SAAS;GAAO;AAE1C,SAAO;GAAED,SAASK;GAAQJ,SAAS;GAAM;;AAG3C,QAAO;EAAED,SAASG;EAAMF,SAAS;EAAM"}

package/dist/utils/react/sharedStore.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../is-dev-env.js";
+import { c } from "react-compiler-runtime";
 import { useSyncExternalStore } from "react";
 
 //#region src/utils/react/sharedStore.ts
@@ -29,7 +30,17 @@ function createSharedStore(name, initialState) {
 		holder.listeners.forEach((l) => l());
 	};
 	const useSharedStore = () => {
-		return [useSyncExternalStore(subscribe, getSnapshot), useEvent(setStore)];
+		const $ = c(3);
+		const t0 = useSyncExternalStore(subscribe, getSnapshot);
+		const t1 = useEvent(setStore);
+		let t2;
+		if ($[0] !== t0 || $[1] !== t1) {
+			t2 = [t0, t1];
+			$[0] = t0;
+			$[1] = t1;
+			$[2] = t2;
+		} else t2 = $[2];
+		return t2;
 	};
 	return useSharedStore;
 }

package/dist/utils/react/sharedStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"sharedStore.js","names":[],"sources":["../../../src/utils/react/sharedStore.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\nimport { isDevEnv } from '../is-dev-env';\n\n/** Like React.setState: either a value or a function of the previous value */\ntype Updater<S> = S | ((prev: S) => S);\n\n/* Internal shape kept on globalThis */\ninterface StoreHolder<S> {\n  state: S;\n  listeners: Set<() => void>;\n}\n\n/**\n * Create a shared store that survives hot-reloads.\n *\n * Pass a unique `name` once per logical store module:\n *   export const useSidebarStore = createSharedStore('sidebar', { open: false });\n */\nexport function createSharedStore<S>(\n  name: string,\n  initialState: S,\n): UseSharedStoreHook<S> {\n  const cacheKey = `__sharedStore_${name}__`;\n  const existing: StoreHolder<S> | undefined =\n    cacheKey && (globalThis as any)[cacheKey];\n\n  const holder: StoreHolder<S> = existing ?? {\n    state: initialState,\n    listeners: new Set<() => void>(),\n  };\n\n  /* Warn if someone tries to “re-initialise” with a different value */\n  if (isDevEnv() && existing && existing.state !== initialState) {\n    console.warn(\n      `[createSharedStore] Store \"${name}\" already exists – ` +\n        'the new initialState is ignored to preserve hot-reload state.',\n    );\n  }\n\n  if (cacheKey && !existing) {\n    (globalThis as any)[cacheKey] = holder;\n  }\n\n  const getSnapshot = () => holder.state;\n\n  const subscribe = (cb: () => void) => {\n    holder.listeners.add(cb);\n\n    return () => holder.listeners.delete(cb);\n  };\n\n  const setStore = (update: Updater<S>) => {\n    holder.state =\n      typeof update === 'function'\n        ? (update as (prev: S) => S)(holder.state)\n        : update;\n\n    holder.listeners.forEach((l) => l());\n  };\n\n  const useSharedStore: UseSharedStoreHook<S> = () => {\n    return [useSyncExternalStore(subscribe, getSnapshot), useEvent(setStore)];\n  };\n\n  return useSharedStore;\n}\n\ntype UseSharedStoreHook<S> = () => readonly [S, (u: Updater<S>) => void];\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAgB,kBACd,MACA,cACuB;CACvB,MAAM,WAAW,iBAAiB,KAAK;CACvC,MAAM,WACJ,YAAa,WAAmB;CAElC,MAAM,SAAyB,YAAY;EACzC,OAAO;EACP,2BAAW,IAAI,KAAiB;EACjC;AAGD,KAAI,UAAU,IAAI,YAAY,SAAS,UAAU,aAC/C,SAAQ,KACN,8BAA8B,KAAK,kFAEpC;AAGH,KAAI,YAAY,CAAC,SACf,CAAC,WAAmB,YAAY;CAGlC,MAAM,oBAAoB,OAAO;CAEjC,MAAM,aAAa,OAAmB;AACpC,SAAO,UAAU,IAAI,GAAG;AAExB,eAAa,OAAO,UAAU,OAAO,GAAG;;CAG1C,MAAM,YAAY,WAAuB;AACvC,SAAO,QACL,OAAO,WAAW,aACb,OAA0B,OAAO,MAAM,GACxC;AAEN,SAAO,UAAU,SAAS,MAAM,GAAG,CAAC;;CAGtC,MAAM,uBAA8C;AAClD,SAAO,CAAC,qBAAqB,WAAW,YAAY,EAAE,SAAS,SAAS,CAAC;;AAG3E,QAAO"}
+{"version":3,"file":"sharedStore.js","names":["useSyncExternalStore","useEvent","isDevEnv","Updater","S","prev","StoreHolder","state","listeners","Set","createSharedStore","name","initialState","UseSharedStoreHook","cacheKey","existing","globalThis","holder","console","warn","getSnapshot","subscribe","cb","add","delete","setStore","update","forEach","l","useSharedStore","$","_c","t0","t1","t2","u"],"sources":["../../../src/utils/react/sharedStore.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\nimport { isDevEnv } from '../is-dev-env';\n\n/** Like React.setState: either a value or a function of the previous value */\ntype Updater<S> = S | ((prev: S) => S);\n\n/* Internal shape kept on globalThis */\ninterface StoreHolder<S> {\n  state: S;\n  listeners: Set<() => void>;\n}\n\n/**\n * Create a shared store that survives hot-reloads.\n *\n * Pass a unique `name` once per logical store module:\n *   export const useSidebarStore = createSharedStore('sidebar', { open: false });\n */\nexport function createSharedStore<S>(\n  name: string,\n  initialState: S,\n): UseSharedStoreHook<S> {\n  const cacheKey = `__sharedStore_${name}__`;\n  const existing: StoreHolder<S> | undefined =\n    cacheKey && (globalThis as any)[cacheKey];\n\n  const holder: StoreHolder<S> = existing ?? {\n    state: initialState,\n    listeners: new Set<() => void>(),\n  };\n\n  /* Warn if someone tries to “re-initialise” with a different value */\n  if (isDevEnv() && existing && existing.state !== initialState) {\n    console.warn(\n      `[createSharedStore] Store \"${name}\" already exists – ` +\n        'the new initialState is ignored to preserve hot-reload state.',\n    );\n  }\n\n  if (cacheKey && !existing) {\n    (globalThis as any)[cacheKey] = holder;\n  }\n\n  const getSnapshot = () => holder.state;\n\n  const subscribe = (cb: () => void) => {\n    holder.listeners.add(cb);\n\n    return () => holder.listeners.delete(cb);\n  };\n\n  const setStore = (update: Updater<S>) => {\n    holder.state =\n      typeof update === 'function'\n        ? (update as (prev: S) => S)(holder.state)\n        : update;\n\n    holder.listeners.forEach((l) => l());\n  };\n\n  const useSharedStore: UseSharedStoreHook<S> = () => {\n    return [useSyncExternalStore(subscribe, getSnapshot), useEvent(setStore)];\n  };\n\n  return useSharedStore;\n}\n\ntype UseSharedStoreHook<S> = () => readonly [S, (u: Updater<S>) => void];\n"],"mappings":";;;;;;;;;;;;;AAoBA,SAAgBU,kBACdC,MACAC,cACuB;CACvB,MAAME,WAAW,iBAAiBH,KAAI;CACtC,MAAMI,WACJD,YAAaE,WAAmBF;CAElC,MAAMG,SAAyBF,YAAY;EACzCR,OAAOK;EACPJ,2BAAW,IAAIC,KAAgB;EAChC;AAGD,KAAIP,UAAU,IAAIa,YAAYA,SAASR,UAAUK,aAC/CM,SAAQC,KACN,8BAA8BR,KAAI,kFAEnC;AAGH,KAAIG,YAAY,CAACC,SACf,CAACC,WAAmBF,YAAYG;CAGlC,MAAMG,oBAAoBH,OAAOV;CAEjC,MAAMc,aAAaC,OAAmB;AACpCL,SAAOT,UAAUe,IAAID,GAAG;AAExB,eAAaL,OAAOT,UAAUgB,OAAOF,GAAG;;CAG1C,MAAMG,YAAYC,WAAuB;AACvCT,SAAOV,QACL,OAAOmB,WAAW,aACbA,OAA0BT,OAAOV,MAAM,GACxCmB;AAENT,SAAOT,UAAUmB,SAASC,MAAMA,GAAG,CAAC;;CAGtC,MAAMC,uBAAwC;EAAA,MAAAC,IAAAC,EAAA,EAAA;EACpC,MAAAC,KAAAhC,qBAAqBqB,WAAWD,YAAY;EAAE,MAAAa,KAAAhC,SAASwB,SAAS;EAAA,IAAAS;AAAA,MAAAJ,EAAA,OAAAE,MAAAF,EAAA,OAAAG,IAAA;AAAjEC,QAAA,CAACF,IAA8CC,GAAmB;AAAAH,KAAA,KAAAE;AAAAF,KAAA,KAAAG;AAAAH,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;AAAA,SAAlEI;;AAGT,QAAOL"}

package/dist/utils/react/useBufferedValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";
 
@@ -65,13 +65,13 @@ function useBufferedValue(value, onChange, options = {}) {
 	});
 	return {
 		value: rendered,
-		onChange: useCallback((next) => {
+		onChange: useCallback((next_0) => {
 			const { onChange: latestOnChange, keyOf: latestKeyOf, isActive: latestIsActive } = latestRef.current;
 			if (latestIsActive) {
-				pendingRef.current = [...pendingRef.current, latestKeyOf(next)];
-				setDraft(next);
+				pendingRef.current = [...pendingRef.current, latestKeyOf(next_0)];
+				setDraft(next_0);
 			}
-			latestOnChange?.(next);
+			latestOnChange?.(next_0);
 		}, []),
 		reset: useCallback(() => {
 			const { value: latestValue } = latestRef.current;