@cube-dev/ui-kit 0.197.0 → 0.198.0

package/dist/components/overlays/Tooltip/split-trigger-props.d.ts

@@ -1,6 +1,5 @@
 
 import { HTMLAttributes } from "react";
-
 //#region src/components/overlays/Tooltip/split-trigger-props.d.ts
 /**
  * The tooltip trigger props that only work on the element that takes focus.
@@ -10,7 +9,7 @@ import { HTMLAttributes } from "react";
  * wrapper instead of the control a screen reader announces.
  */
 declare const FOCUS_TRIGGER_PROPS: readonly ["onFocus", "onBlur", "onKeyDown", "onKeyUp", "aria-describedby"];
-type TooltipFocusProps = Pick<HTMLAttributes<HTMLElement>, (typeof FOCUS_TRIGGER_PROPS)[number]>;
+export type TooltipFocusProps = Pick<HTMLAttributes<HTMLElement>, (typeof FOCUS_TRIGGER_PROPS)[number]>;
 //#endregion
-export { TooltipFocusProps };
+export {};
 //# sourceMappingURL=split-trigger-props.d.ts.map

package/dist/components/overlays/Tooltip/split-trigger-props.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
-
 //#region src/components/overlays/Tooltip/split-trigger-props.ts
 /**
 * The tooltip trigger props that only work on the element that takes focus.
@@ -49,7 +48,7 @@ function mergeTooltipFocusProps(props, tooltipProps) {
 		"aria-describedby": [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(" ") || void 0
 	};
 }
-
 //#endregion
 export { mergeTooltipFocusProps, splitTooltipTriggerProps };
+
 //# sourceMappingURL=split-trigger-props.js.map

package/dist/components/overlays/Tooltip/split-trigger-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-trigger-props.js","names":["mergeProps","HTMLAttributes","FOCUS_TRIGGER_PROPS","const","TooltipFocusProps","Pick","HTMLElement","splitTooltipTriggerProps","triggerProps","pointerProps","focusProps","key","Record","mergeTooltipFocusProps","props","P","tooltipProps","tooltipDescribedBy","handlers","ownDescribedBy","filter","Boolean","join","undefined"],"sources":["../../../../src/components/overlays/Tooltip/split-trigger-props.ts"],"sourcesContent":["import { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { HTMLAttributes } from 'react';\n\n/**\n * The tooltip trigger props that only work on the element that takes focus.\n * React Aria's `useFocus` ignores focus that bubbles up from a child, so on a\n * wrapper around a native input — a radio's or a checkbox's `<label>` — the\n * tooltip never opened from the keyboard, and `aria-describedby` described the\n * wrapper instead of the control a screen reader announces.\n */\nconst FOCUS_TRIGGER_PROPS = [\n  'onFocus',\n  'onBlur',\n  'onKeyDown',\n  'onKeyUp',\n  'aria-describedby',\n] as const;\n\nexport type TooltipFocusProps = Pick<\n  HTMLAttributes<HTMLElement>,\n  (typeof FOCUS_TRIGGER_PROPS)[number]\n>;\n\n/**\n * Splits a tooltip's trigger props between the element it is positioned\n * against and hovered on (`pointerProps`) and the focusable element inside it\n * (`focusProps`).\n */\nexport function splitTooltipTriggerProps(\n  triggerProps: HTMLAttributes<HTMLElement> = {},\n) {\n  const pointerProps: HTMLAttributes<HTMLElement> = { ...triggerProps };\n  const focusProps: TooltipFocusProps = {};\n\n  for (const key of FOCUS_TRIGGER_PROPS) {\n    if (key in pointerProps) {\n      (focusProps as Record<string, unknown>)[key] = pointerProps[key];\n      delete pointerProps[key];\n    }\n  }\n\n  return { pointerProps, focusProps };\n}\n\n/**\n * Adds a tooltip's trigger props — all of them, or the focus-side part from\n * `splitTooltipTriggerProps` — to an element's own: handlers are chained, and\n * the tooltip joins any description the element already has rather than\n * replacing it, the caller's id first. `mergeProps` alone lets the tooltip's id\n * win. `tabIndex` is never touched — a radio group's roving tab index owns it.\n */\nexport function mergeTooltipFocusProps<P extends object>(\n  props: P,\n  tooltipProps?: TooltipFocusProps | HTMLAttributes<HTMLElement>,\n): P {\n  if (!tooltipProps) return props;\n\n  const { 'aria-describedby': tooltipDescribedBy, ...handlers } = tooltipProps;\n  const ownDescribedBy = (props as { 'aria-describedby'?: string })[\n    'aria-describedby'\n  ];\n\n  return {\n    ...mergeProps(props, handlers),\n    'aria-describedby':\n      [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(' ') ||\n      undefined,\n  } as P;\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAME,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACD;;;;;;AAYD,SAAgBK,yBACdC,eAA4C,EAAE,EAC9C;CACA,MAAMC,eAA4C,EAAE,GAAGD,cAAc;CACrE,MAAME,aAAgC,EAAE;AAExC,MAAK,MAAMC,OAAOT,oBAChB,KAAIS,OAAOF,cAAc;AACvB,EAACC,WAAuCC,OAAOF,aAAaE;AAC5D,SAAOF,aAAaE;;AAIxB,QAAO;EAAEF;EAAcC;EAAY;;;;;;;;;AAUrC,SAAgBG,uBACdC,OACAE,cACG;AACH,KAAI,CAACA,aAAc,QAAOF;CAE1B,MAAM,EAAE,oBAAoBG,oBAAoB,GAAGC,aAAaF;CAChE,MAAMG,iBAAkBL,MACtB;AAGF,QAAO;EACL,GAAGd,WAAWc,OAAOI,SAAS;EAC9B,oBACE,CAACC,gBAAgBF,mBAAmB,CAACG,OAAOC,QAAQ,CAACC,KAAK,IAAI,IAC9DC;EACH"}
+{"version":3,"file":"split-trigger-props.js","names":["mergeProps","HTMLAttributes","FOCUS_TRIGGER_PROPS","const","TooltipFocusProps","Pick","HTMLElement","splitTooltipTriggerProps","triggerProps","pointerProps","focusProps","key","Record","mergeTooltipFocusProps","props","P","tooltipProps","tooltipDescribedBy","handlers","ownDescribedBy","filter","Boolean","join","undefined"],"sources":["../../../../src/components/overlays/Tooltip/split-trigger-props.ts"],"sourcesContent":["import { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { HTMLAttributes } from 'react';\n\n/**\n * The tooltip trigger props that only work on the element that takes focus.\n * React Aria's `useFocus` ignores focus that bubbles up from a child, so on a\n * wrapper around a native input — a radio's or a checkbox's `<label>` — the\n * tooltip never opened from the keyboard, and `aria-describedby` described the\n * wrapper instead of the control a screen reader announces.\n */\nconst FOCUS_TRIGGER_PROPS = [\n  'onFocus',\n  'onBlur',\n  'onKeyDown',\n  'onKeyUp',\n  'aria-describedby',\n] as const;\n\nexport type TooltipFocusProps = Pick<\n  HTMLAttributes<HTMLElement>,\n  (typeof FOCUS_TRIGGER_PROPS)[number]\n>;\n\n/**\n * Splits a tooltip's trigger props between the element it is positioned\n * against and hovered on (`pointerProps`) and the focusable element inside it\n * (`focusProps`).\n */\nexport function splitTooltipTriggerProps(\n  triggerProps: HTMLAttributes<HTMLElement> = {},\n) {\n  const pointerProps: HTMLAttributes<HTMLElement> = { ...triggerProps };\n  const focusProps: TooltipFocusProps = {};\n\n  for (const key of FOCUS_TRIGGER_PROPS) {\n    if (key in pointerProps) {\n      (focusProps as Record<string, unknown>)[key] = pointerProps[key];\n      delete pointerProps[key];\n    }\n  }\n\n  return { pointerProps, focusProps };\n}\n\n/**\n * Adds a tooltip's trigger props — all of them, or the focus-side part from\n * `splitTooltipTriggerProps` — to an element's own: handlers are chained, and\n * the tooltip joins any description the element already has rather than\n * replacing it, the caller's id first. `mergeProps` alone lets the tooltip's id\n * win. `tabIndex` is never touched — a radio group's roving tab index owns it.\n */\nexport function mergeTooltipFocusProps<P extends object>(\n  props: P,\n  tooltipProps?: TooltipFocusProps | HTMLAttributes<HTMLElement>,\n): P {\n  if (!tooltipProps) return props;\n\n  const { 'aria-describedby': tooltipDescribedBy, ...handlers } = tooltipProps;\n  const ownDescribedBy = (props as { 'aria-describedby'?: string })[\n    'aria-describedby'\n  ];\n\n  return {\n    ...mergeProps(props, handlers),\n    'aria-describedby':\n      [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(' ') ||\n      undefined,\n  } as P;\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAME,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;AAAkB;;;;;;AAapB,SAAgBK,yBACdC,eAA4C,CAAC,GAC7C;CACA,MAAMC,eAA4C,EAAE,GAAGD,aAAa;CACpE,MAAME,aAAgC,CAAC;CAEvC,KAAK,MAAMC,OAAOT,qBAChB,IAAIS,OAAOF,cAAc;EACvB,WAAwCE,OAAOF,aAAaE;EAC5D,OAAOF,aAAaE;CACtB;CAGF,OAAO;EAAEF;EAAcC;CAAW;AACpC;;;;;;;;AASA,SAAgBG,uBACdC,OACAE,cACG;CACH,IAAI,CAACA,cAAc,OAAOF;CAE1B,MAAM,EAAE,oBAAoBG,oBAAoB,GAAGC,aAAaF;CAChE,MAAMG,iBAAkBL,MACtB;CAGF,OAAO;EACL,GAAGd,WAAWc,OAAOI,QAAQ;EAC7B,oBACE,CAACC,gBAAgBF,kBAAkB,CAAC,CAACG,OAAOC,OAAO,CAAC,CAACC,KAAK,GAAG,KAC7DC,KAAAA;CACJ;AACF"}

package/dist/components/portal/Portal.d.ts

@@ -1,7 +1,5 @@
 
 import { PortalProps } from "./types.js";
-import * as react from "react";
-
 //#region src/components/portal/Portal.d.ts
 /**
  * This component renders its children outside the current DOM hierarchy.
@@ -26,7 +24,6 @@ import * as react from "react";
  *  </div>
  * ```
  */
-declare function Portal(props: PortalProps): react.JSX.Element;
+export declare function Portal(props: PortalProps): import("react").JSX.Element;
 //#endregion
-export { Portal };
 //# sourceMappingURL=Portal.d.ts.map

package/dist/components/portal/Portal.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { c } from "react/compiler-runtime";
 import { TastyBatchProvider } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-
 //#region src/components/portal/Portal.tsx
 /**
 * This component renders its children outside the current DOM hierarchy.
@@ -50,7 +49,7 @@ function Portal(props) {
 	} else t1 = $[4];
 	return t1;
 }
-
 //#endregion
 export { Portal };
+
 //# sourceMappingURL=Portal.js.map

package/dist/components/portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["TastyBatchProvider","createPortal","PortalProps","usePortal","Portal","props","$","_c","children","mountRoot","isDisabled","t0","content","t1"],"sources":["../../../src/components/portal/Portal.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport { createPortal } from 'react-dom';\n\nimport { PortalProps } from './types';\nimport { usePortal } from './usePortal';\n\n/**\n * This component renders its children outside the current DOM hierarchy.\n *\n * React [doesn't support](https://github.com/facebook/react/issues/13097) portal API in SSR, so, if you want to\n * render a Portal in SSR, use prop `disabled`.\n *\n * By default, Portal's children render under the `<Root />` component.\n *\n * ***Important***: Since React doesn't support portals on SSR, `<Portal />` children renders in the next tick.\n * If you need to make some computations, use the `onMount` callback\n *\n * @see https://reactjs.org/docs/portals.html\n *\n * @example ```jsx\n *  <div>\n *    Portal will be rendered outside me!\n *\n *    <Portal>\n *      <div>some content will be shown outside the parent container</div>\n *    </Portal>\n *  </div>\n * ```\n */\nexport function Portal(props: PortalProps) {\n  const { children, mountRoot, isDisabled } = usePortal(props);\n\n  // A portal mounts a fresh subtree in a commit that did not re-render `<Root>`,\n  // so its window cannot cover this one — open one here, flushing in\n  // `useInsertionEffect` before any positioning effect reads the DOM.\n  //\n  // In the kit this path is tooltips: `TooltipTrigger` is the only component\n  // that renders `<Portal>`. Popovers, modals and trays portal through\n  // `<Overlay>`'s own `createPortal`, which opens its own window.\n  const content = <TastyBatchProvider>{children}</TastyBatchProvider>;\n\n  if (isDisabled) return content;\n  // Render inline until mountRoot is available (fixes timing issues in tests and SSR)\n  if (!mountRoot) return content;\n  return createPortal(content, mountRoot);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAOI,OAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,UAAAC,WAAAC,eAA4CP,UAAUE,MAAM;CAAC,IAAAM;AAAA,KAAAL,EAAA,OAAAE,UAAA;AAS7CG,OAAA,oBAAC,sBAAoBH,WAA8B;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAnE,MAAAM,UAAgBD;AAEhB,KAAID,WAAU,QAASE;AAEvB,KAAI,CAACH,UAAS,QAASG;CAAQ,IAAAC;AAAA,KAAAP,EAAA,OAAAM,WAAAN,EAAA,OAAAG,WAAA;AACxBI,OAAAZ,aAAaW,SAASH,UAAU;AAAAH,IAAA,KAAAM;AAAAN,IAAA,KAAAG;AAAAH,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAAhCO"}
+{"version":3,"file":"Portal.js","names":["TastyBatchProvider","createPortal","PortalProps","usePortal","Portal","props","$","_c","children","mountRoot","isDisabled","t0","content","t1","_c"],"sources":["../../../src/components/portal/Portal.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport { createPortal } from 'react-dom';\n\nimport { PortalProps } from './types';\nimport { usePortal } from './usePortal';\n\n/**\n * This component renders its children outside the current DOM hierarchy.\n *\n * React [doesn't support](https://github.com/facebook/react/issues/13097) portal API in SSR, so, if you want to\n * render a Portal in SSR, use prop `disabled`.\n *\n * By default, Portal's children render under the `<Root />` component.\n *\n * ***Important***: Since React doesn't support portals on SSR, `<Portal />` children renders in the next tick.\n * If you need to make some computations, use the `onMount` callback\n *\n * @see https://reactjs.org/docs/portals.html\n *\n * @example ```jsx\n *  <div>\n *    Portal will be rendered outside me!\n *\n *    <Portal>\n *      <div>some content will be shown outside the parent container</div>\n *    </Portal>\n *  </div>\n * ```\n */\nexport function Portal(props: PortalProps) {\n  const { children, mountRoot, isDisabled } = usePortal(props);\n\n  // A portal mounts a fresh subtree in a commit that did not re-render `<Root>`,\n  // so its window cannot cover this one — open one here, flushing in\n  // `useInsertionEffect` before any positioning effect reads the DOM.\n  //\n  // In the kit this path is tooltips, Select's and ListBoxPopover's lists,\n  // the notifications layer and AlertDialogZone. Popovers, modals and trays\n  // portal through `<Overlay>`'s own `createPortal`, which opens its own window.\n  const content = <TastyBatchProvider>{children}</TastyBatchProvider>;\n\n  if (isDisabled) return content;\n  // Render inline until mountRoot is available (fixes timing issues in tests and SSR)\n  if (!mountRoot) return content;\n  return createPortal(content, mountRoot);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAOI,OAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACL,MAAA,EAAAC,UAAAC,WAAAC,eAA4CP,UAAUE,KAAK;CAAE,IAAAM;CAAA,IAAAL,EAAA,OAAAE,UAAA;EAS7CG,KAAA,oBAAC,oBAAD,EAAqBH,SAAF,CAAA;EAAgCF,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAnE,MAAAM,UAAgBD;CAEhB,IAAID,YAAU,OAASE;CAEvB,IAAI,CAACH,WAAS,OAASG;CAAQ,IAAAC;CAAA,IAAAP,EAAA,OAAAM,WAAAN,EAAA,OAAAG,WAAA;EACxBI,KAAAZ,aAAaW,SAASH,SAAS;EAACH,EAAA,KAAAM;EAAAN,EAAA,KAAAG;EAAAH,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAAhCO;AAAgC"}

package/dist/components/portal/PortalProvider.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
-
 //#region src/components/portal/PortalProvider.ts
 const PortalContext = createContext(null);
 /**
@@ -24,7 +23,7 @@ function usePortalContext() {
 * @internal Don't even try to use it
 */
 const PortalProvider = PortalContext.Provider;
-
 //#endregion
 export { PortalProvider, usePortalContext };
+
 //# sourceMappingURL=PortalProvider.js.map

package/dist/components/portal/PortalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.js","names":["createContext","RefObject","useContext","PortalContext","HTMLElement","usePortalContext","$","_c","root","t0","PortalProvider","Provider"],"sources":["../../../src/components/portal/PortalProvider.ts"],"sourcesContent":["import { createContext, RefObject, useContext } from 'react';\n\nconst PortalContext = createContext<RefObject<HTMLElement | null> | null>(null);\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport function usePortalContext(): {\n  root: RefObject<HTMLElement | null> | null;\n} {\n  const root = useContext(PortalContext);\n\n  return { root };\n}\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport const PortalProvider = PortalContext.Provider;\n"],"mappings":";;;;;AAEA,MAAMG,gBAAgBH,cAAoD,KAAK;;;;;AAM/E,SAAOK,mBAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAGL,MAAAC,OAAaN,WAAWC,cAAc;CAAC,IAAAM;AAAA,KAAAH,EAAA,OAAAE,MAAA;AAEhCC,OAAA,EAAAD,MAAQ;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAARG;;;;;;AAOT,MAAaC,iBAAiBP,cAAcQ"}
+{"version":3,"file":"PortalProvider.js","names":["createContext","RefObject","useContext","PortalContext","HTMLElement","usePortalContext","$","_c","root","t0","PortalProvider","Provider","_c"],"sources":["../../../src/components/portal/PortalProvider.ts"],"sourcesContent":["import { createContext, RefObject, useContext } from 'react';\n\nconst PortalContext = createContext<RefObject<HTMLElement | null> | null>(null);\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport function usePortalContext(): {\n  root: RefObject<HTMLElement | null> | null;\n} {\n  const root = useContext(PortalContext);\n\n  return { root };\n}\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport const PortalProvider = PortalContext.Provider;\n"],"mappings":";;;;AAEA,MAAMG,gBAAgBH,cAAoD,IAAI;;;;;AAM9E,SAAOK,mBAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAGL,MAAAC,OAAaN,WAAWC,aAAa;CAAE,IAAAM;CAAA,IAAAH,EAAA,OAAAE,MAAA;EAEhCC,KAAA,EAAAD,KAAO;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAARG;AAAQ;;;;;AAOjB,MAAaC,iBAAiBP,cAAcQ"}

package/dist/components/portal/index.d.ts

@@ -1,4 +1,5 @@
 
 import "./PortalProvider.js";
 import { PortalProps } from "./types.js";
-import { Portal } from "./Portal.js";
+import { Portal } from "./Portal.js";
+export { Portal, type PortalProps };

package/dist/components/portal/types.d.ts

@@ -1,8 +1,7 @@
 
 import { MutableRefObject, ReactNode, RefObject } from "react";
-
 //#region src/components/portal/types.d.ts
-interface PortalProps {
+export interface PortalProps {
   /**
    * Ref, where `<Portal />` should render its children
    * By default it renders under `<Root />`
@@ -23,5 +22,4 @@ interface PortalProps {
   children?: ReactNode;
 }
 //#endregion
-export { PortalProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/portal/usePortal.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useState } from "react";
 import invariant from "tiny-invariant";
-
 //#region src/components/portal/usePortal.ts
 /**
 * @internal Do not use it
@@ -81,7 +80,7 @@ function usePortal(props) {
 	} else t7 = $[17];
 	return t7;
 }
-
 //#endregion
 export { usePortal };
+
 //# sourceMappingURL=usePortal.js.map

package/dist/components/portal/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","names":["useEffect","useEffectEvent","useState","invariant","usePortalContext","PortalProps","usePortal","props","$","_c","children","isDisabled","t0","root","t1","onMount","undefined","t2","notifyMount","portalContext","mountRoot","setMountRoot","t3","t4","contextRoot","explicitRoot","currentRoot","current","currentContextRoot","t5","t6","t7"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const notifyMount = useEffectEvent(() => onMount?.());\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      // Keep the ref in this closure so Compiler tracks identity, not a node assigned during commit.\n      const explicitRoot = root;\n      const currentRoot = explicitRoot?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      notifyMount();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;;AASA,SAAOM,UAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,UAAAC,YAAAC,IAAAC,MAAAC,IAAAC,YAA+DR;CAA7C,MAAAI,aAAAC,OAAAI,SAAA,QAAAJ;CAAoB,MAAAC,OAAAC,OAAAE,SAAA,OAAAF;CAAW,IAAAG;AAAA,KAAAT,EAAA,OAAAO,SAAA;AAEdE,aAAMF,WAAW;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAApD,MAAAU,cAAoBjB,eAAegB,GAAkB;CACrD,MAAAE,gBAAsBf,kBAAkB;CACxC,MAAA,CAAAgB,WAAAC,gBAAkCnB,SAA6B,KAAK;CAAC,IAAAoB;CAAA,IAAAC;AAAA,KAAAf,EAAA,OAAAG,cAAAH,EAAA,OAAAW,cAAAN,QAAAL,EAAA,OAAAK,MAAA;AAE3DS,aAAA;AACR,OAAI,CAACX,YAAU;IACb,MAAAa,cAAoBL,cAAaN;IAGjC,MAAAa,cADqBb,MACWc,WAAZ;IACpB,MAAAC,qBAA2BJ,aAAWG,WAAX;AAE3BxB,cACE,EAAEqB,gBAAgB,QAAQE,gBAAgB,OAC1C,2IACD;AAEDL,iBAAaK,eAAAE,mBAAkC;;;AAEhDL,OAAA;GAACV;GAAMM,cAAaN;GAAOF;GAAW;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAW,cAAAN;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAc;AAAAd,IAAA,KAAAe;QAAA;AAAAD,OAAAd,EAAA;AAAAe,OAAAf,EAAA;;AAfzCR,WAAUsB,IAePC,GAAuC;CAAA,IAAAM;AAAA,KAAArB,EAAA,OAAAG,cAAAH,EAAA,OAAAY,aAAAZ,EAAA,OAAAU,aAAA;AAEhCW,aAAA;AACR,OAAIlB,cAAAS,UACFF,cAAa;;AAEhBV,IAAA,KAAAG;AAAAH,IAAA,KAAAY;AAAAZ,IAAA,KAAAU;AAAAV,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;AAAEU,OAAA,CAACnB,YAAYS,UAAU;AAAAZ,IAAA,MAAAG;AAAAH,IAAA,MAAAY;AAAAZ,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAJ1BR,WAAU6B,IAIPC,GAAwB;CAAA,IAAAC;AAAA,KAAAvB,EAAA,QAAAE,YAAAF,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;AAEpBW,OAAA;GAAApB;GAAAD;GAAAU;GAIN;AAAAZ,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAY;AAAAZ,IAAA,MAAAuB;OAAAA,MAAAvB,EAAA;AAAA,QAJMuB"}
+{"version":3,"file":"usePortal.js","names":["useEffect","useEffectEvent","useState","invariant","usePortalContext","PortalProps","usePortal","props","$","_c","children","isDisabled","t0","root","t1","onMount","undefined","t2","notifyMount","portalContext","mountRoot","setMountRoot","t3","t4","contextRoot","explicitRoot","currentRoot","current","currentContextRoot","t5","t6","t7","_c","explicitRoot"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const notifyMount = useEffectEvent(() => onMount?.());\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      // Keep the ref in this closure so Compiler tracks identity, not a node assigned during commit.\n      const explicitRoot = root;\n      const currentRoot = explicitRoot?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      notifyMount();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;AASA,SAAOM,UAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,UAAAC,YAAAC,IAAAC,MAAAC,IAAAC,YAA+DR;CAA7C,MAAAI,aAAAC,OAAAI,KAAAA,IAAA,QAAAJ;CAAoB,MAAAC,OAAAC,OAAAE,KAAAA,IAAA,OAAAF;CAAW,IAAAG;CAAA,IAAAT,EAAA,OAAAO,SAAA;EAEdE,WAAMF,UAAU;EAACP,EAAA,KAAAO;EAAAP,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAApD,MAAAU,cAAoBjB,eAAegB,EAAiB;CACpD,MAAAE,gBAAsBf,iBAAiB;CACvC,MAAA,CAAAgB,WAAAC,gBAAkCnB,SAA6B,IAAI;CAAE,IAAAoB;CAAA,IAAAC;CAAA,IAAAf,EAAA,OAAAG,cAAAH,EAAA,OAAAW,cAAAN,QAAAL,EAAA,OAAAK,MAAA;EAE3DS,WAAA;GACR,IAAI,CAACX,YAAU;IACb,MAAAa,cAAoBL,cAAaN;IAGjC,MAAAa,cAAoBD,MAAYE,WAAZ;IACpB,MAAAC,qBAA2BJ,aAAWG,WAAX;IAE3BxB,UACE,EAAEqB,gBAAgB,QAAQE,gBAAgB,OAC1C,0IACF;IAEAL,aAAaK,eAAAE,kBAAiC;GAAC;EAChD;EACAL,KAAA;GAACV;GAAMM,cAAaN;GAAOF;EAAU;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAW,cAAAN;EAAAL,EAAA,KAAAK;EAAAL,EAAA,KAAAc;EAAAd,EAAA,KAAAe;CAAA,OAAA;EAAAD,KAAAd,EAAA;EAAAe,KAAAf,EAAA;CAAA;CAfzCR,UAAUsB,IAePC,EAAsC;CAAC,IAAAM;CAAA,IAAArB,EAAA,OAAAG,cAAAH,EAAA,OAAAY,aAAAZ,EAAA,OAAAU,aAAA;EAEhCW,WAAA;GACR,IAAIlB,cAAAS,WACFF,YAAY;EACb;EACFV,EAAA,KAAAG;EAAAH,EAAA,KAAAY;EAAAZ,EAAA,KAAAU;EAAAV,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;EAAEU,KAAA,CAACnB,YAAYS,SAAS;EAACZ,EAAA,MAAAG;EAAAH,EAAA,MAAAY;EAAAZ,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAJ1BR,UAAU6B,IAIPC,EAAuB;CAAC,IAAAC;CAAA,IAAAvB,EAAA,QAAAE,YAAAF,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;EAEpBW,KAAA;GAAApB;GAAAD;GAAAU;EAIP;EAACZ,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAY;EAAAZ,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,OAJMuB;AAIN"}

package/dist/components/shared/DraggableCollection.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DragPreview, ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";
 import { useDraggableCollectionState, useDroppableCollectionState } from "react-stately";
-
 //#region src/components/shared/DraggableCollection.tsx
 const getAllowedDropOperations = () => ["move"];
 /**
@@ -48,18 +47,20 @@ function DraggableCollection(t0) {
 			const movableIndex = orderedKeys.indexOf(movableKey);
 			const targetIndex = orderedKeys.indexOf(String(targetKey));
 			if (movableIndex === -1 || targetIndex === -1) return;
-			onReorder(movableIndex !== targetIndex ? orderedKeys.reduce((arr, key, i) => {
+			const newKeys = movableIndex !== targetIndex ? orderedKeys.reduce((arr, key, i) => {
 				if (i === movableIndex) return arr;
-				if (i === targetIndex) if (dropPosition === "before") {
-					arr.push(movableKey);
-					arr.push(key);
-				} else {
-					arr.push(key);
-					arr.push(movableKey);
-				}
-				else arr.push(key);
+				if (i === targetIndex) {
+					if (dropPosition === "before") {
+						arr.push(movableKey);
+						arr.push(key);
+					} else {
+						arr.push(key);
+						arr.push(movableKey);
+					}
+				} else arr.push(key);
 				return arr;
-			}, []) : orderedKeys);
+			}, []) : orderedKeys;
+			onReorder(newKeys);
 		};
 		$[0] = onReorder;
 		$[1] = orderedKeys;
@@ -71,8 +72,7 @@ function DraggableCollection(t0) {
 		t2 = (keys) => {
 			dragKeysRef.current = [...keys];
 			return [...keys].map((key_0) => {
-				const item = state.collection.getItem(key_0);
-				return { "text/plain": item?.textValue || String(key_0) };
+				return { "text/plain": state.collection.getItem(key_0)?.textValue || String(key_0) };
 			});
 		};
 		$[3] = state.collection;
@@ -309,7 +309,7 @@ function DraggableCollection(t0) {
 function _temp() {
 	return false;
 }
-
 //#endregion
 export { DraggableCollection, createMockDragState };
+
 //# sourceMappingURL=DraggableCollection.js.map

package/dist/components/shared/DraggableCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableCollection.js","names":["KeyboardEvent","ReactNode","RefObject","useCallback","useEffect","useEffectEvent","useMemo","useRef","DragItem","DragPreview","DragPreviewRenderer","DroppableCollectionReorderEvent","ListDropTargetDelegate","ListKeyboardDelegate","mergeProps","useDraggableCollection","useDroppableCollection","DraggableCollectionState","DroppableCollectionState","MultipleSelectionManager","useDraggableCollectionState","useDroppableCollectionState","useEvent","Collection","DropOperation","Key","Node","getAllowedDropOperations","createMockDragState","collection","selectionManager","isDragging","getKeysForDrag","Set","getItems","draggedKey","draggingKeys","isDisabled","startDrag","moveDrag","endDrag","DraggableCollectionProps","state","disabledKeys","listRef","HTMLElement","orderedKeys","orientation","onReorder","newOrder","onItemDrop","targetKey","draggedKeys","shouldAcceptItemDrop","renderPreview","keys","children","dragState","dropState","collectionProps","Record","DraggableCollection","t0","$","_c","t1","e","target","movableKeys","dropPosition","key","movableKey","movableIndex","indexOf","targetIndex","String","newKeys","reduce","arr","i","push","handleReorder","t2","dragKeysRef","current","map","key_0","item","getItem","textValue","t3","Proxy","get","target_0","prop","_temp","value","Reflect","bind","dragSelectionManager","previewRef","t4","undefined","t5","preview","t6","t7","e_0","keys_0","dropOperation","handleItemDrop","t8","Symbol","for","t9","t10","t11","target_1","t12","t13","ref","keyboardDelegate","t14","dropTargetDelegate","t15","t16","t17","isDragActive","size","t18","type","x","y","isInternal","cancelNativeDrag","t19","handleEscape","e_1","document","addEventListener","removeEventListener","t20","t21","e_2","altKey","target_2","HTMLInputElement","HTMLTextAreaElement","isContentEditable","moveKeys","backward","forward","direction","preventDefault","stopPropagation","focusedKey","idx","targetIdx","length","newKeys_0","t22","t23","handleKeyDownCapture","onKeyDownCapture","t24"],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  DragItem,\n  DragPreview,\n  DragPreviewRenderer,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  MultipleSelectionManager,\n  useDraggableCollectionState,\n  useDroppableCollectionState,\n} from 'react-stately';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\n\nimport type { Collection, DropOperation, Key, Node } from '@react-types/shared';\n\nconst getAllowedDropOperations = (): DropOperation[] => ['move'];\n\n/**\n * Creates a no-op mock of DraggableCollectionState.\n * Used to satisfy useDraggableItem when drag is disabled (Rules of Hooks).\n */\nexport function createMockDragState(\n  collection: Collection<Node<any>>,\n  selectionManager: MultipleSelectionManager,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    getItems: () => [],\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    isDisabled: false,\n    startDrag: () => {},\n    moveDrag: () => {},\n    endDrag: () => {},\n  };\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: MultipleSelectionManager;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Dropping *onto* an item rather than between items — a row that is a folder,\n   * a tab that is a group. Mutually exclusive with reordering in practice: a\n   * collection that accepts item drops usually has a meaningful order already.\n   */\n  onItemDrop?: (targetKey: Key, draggedKeys: Key[]) => void;\n  /** Which items may receive a drop. Without it, none may. */\n  shouldAcceptItemDrop?: (targetKey: Key) => boolean;\n  /**\n   * The image dragged under the cursor. Receives the keys being dragged rather\n   * than React Aria's serialized `DragItem`s, because a caller that wants to\n   * render an icon needs the record, not its `text/plain` form.\n   *\n   * Without one the browser drags a screenshot of the source element, which for\n   * a full-width table row is a page-wide slab.\n   */\n  renderPreview?: (keys: Key[]) => ReactNode;\n  /** Render function receiving drag/drop states and merged collection+keyboard props */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Generic wrapper that enables drag-and-drop reordering for a collection.\n *\n * Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).\n * Encapsulates all drag/drop hook calls so they are only invoked when\n * reordering is actually enabled.\n */\nexport function DraggableCollection({\n  state,\n  listRef,\n  orderedKeys,\n  orientation,\n  onReorder,\n  onItemDrop,\n  shouldAcceptItemDrop,\n  renderPreview,\n  children,\n}: DraggableCollectionProps) {\n  const handleReorder = useEvent((e: DroppableCollectionReorderEvent) => {\n    if (!onReorder) return;\n\n    const { target, keys: movableKeys } = e;\n    const { dropPosition, key: targetKey } = target;\n    const movableKey = [...movableKeys][0] as string;\n\n    const movableIndex = orderedKeys.indexOf(movableKey);\n    const targetIndex = orderedKeys.indexOf(String(targetKey));\n\n    if (movableIndex === -1 || targetIndex === -1) return;\n\n    const newKeys =\n      movableIndex !== targetIndex\n        ? orderedKeys.reduce((arr, key, i) => {\n            if (i === movableIndex) {\n              return arr;\n            }\n\n            if (i === targetIndex) {\n              if (dropPosition === 'before') {\n                arr.push(movableKey);\n                arr.push(key);\n              } else {\n                arr.push(key);\n                arr.push(movableKey);\n              }\n            } else {\n              arr.push(key);\n            }\n\n            return arr;\n          }, [] as string[])\n        : orderedKeys;\n\n    onReorder(newKeys);\n  });\n\n  const getItems = useCallback(\n    (keys: Set<Key>): DragItem[] => {\n      dragKeysRef.current = [...keys];\n\n      return [...keys].map((key) => {\n        const item = state.collection.getItem(key);\n        return {\n          'text/plain': item?.textValue || String(key),\n        };\n      });\n    },\n    [state.collection],\n  );\n\n  // Proxy selectionManager to hide selection from react-aria's drag logic.\n  // Without this, react-aria drags ALL selected items when any selected item\n  // is grabbed (hardcoded in useDraggableCollectionState → internal getKeys).\n  // The proxy intercepts `selectedKeys` and `isSelected` so every item looks\n  // unselected for drag, while all other methods (isDisabled, setFocusedKey, …)\n  // delegate to the real manager. `bind(target)` preserves `this` for methods\n  // that live on the prototype chain.\n  const dragSelectionManager = useMemo(\n    () =>\n      new Proxy(state.selectionManager, {\n        get(target, prop) {\n          if (prop === 'selectedKeys') return new Set<Key>();\n          if (prop === 'isSelected') return () => false;\n          const value = Reflect.get(target, prop);\n          return typeof value === 'function' ? value.bind(target) : value;\n        },\n      }),\n    [state.selectionManager],\n  );\n\n  const previewRef = useRef<DragPreviewRenderer>(null);\n\n  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n    preview: renderPreview ? previewRef : undefined,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const handleItemDrop = useEvent((e: any) => {\n    if (!onItemDrop) return;\n\n    const keys = [...(e.dropOperation === 'cancel' ? [] : dragKeysRef.current)];\n\n    onItemDrop(e.target.key, keys);\n  });\n\n  // The keys being dragged, captured at drag start: by the time the drop lands\n  // React Aria has already cleared them from the drag state.\n  const dragKeysRef = useRef<Key[]>([]);\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: onReorder ? handleReorder : undefined,\n    onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    // `'on'` is only offered for items that accept it; everything else falls\n    // back to reordering, or to nothing.\n    shouldAcceptItemDrop: shouldAcceptItemDrop\n      ? (target: any) => shouldAcceptItemDrop(target.key)\n      : undefined,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collection: state.collection,\n        disabledKeys: state.disabledKeys,\n        ref: listRef,\n        orientation,\n      }),\n    [state.collection, state.disabledKeys, listRef, orientation],\n  );\n\n  const dropTargetDelegate = useMemo(\n    () =>\n      new ListDropTargetDelegate(state.collection, listRef, {\n        orientation,\n      }),\n    [state.collection, listRef, orientation],\n  );\n\n  const { collectionProps } = useDroppableCollection(\n    {\n      keyboardDelegate,\n      dropTargetDelegate,\n      onReorder: onReorder ? handleReorder : undefined,\n      onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Force-cancel drag on Escape. Native HTML5 drag cancels visually, but some\n  // browsers (Safari) don't fire `dragend` synchronously, leaving react-aria's\n  // `isDragging` stale until a second keypress.\n  const isDragActive = dragState.draggingKeys.size > 0;\n  const cancelNativeDrag = useEffectEvent(() => {\n    dragState.endDrag({\n      type: 'dragend',\n      keys: new Set(dragKeysRef.current),\n      x: 0,\n      y: 0,\n      dropOperation: 'cancel',\n      isInternal: false,\n    });\n  });\n\n  useEffect(() => {\n    if (!isDragActive) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        cancelNativeDrag();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, true);\n\n    return () => document.removeEventListener('keydown', handleEscape, true);\n  }, [isDragActive]);\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  // Skip when the event originates from a text input — Alt+Arrow is\n  // word-by-word cursor navigation on macOS.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\n\n    const target = e.target as HTMLElement;\n\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const moveKeys =\n      orientation === 'vertical'\n        ? { backward: 'ArrowUp', forward: 'ArrowDown' }\n        : { backward: 'ArrowLeft', forward: 'ArrowRight' };\n\n    const direction =\n      e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;\n\n    if (direction === 0) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const focusedKey = String(state.selectionManager.focusedKey);\n    const idx = orderedKeys.indexOf(focusedKey);\n\n    if (idx === -1) return;\n\n    const targetIdx = idx + direction;\n\n    if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;\n\n    const newKeys = [...orderedKeys];\n    [newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];\n    onReorder(newKeys);\n  });\n\n  return (\n    <>\n      {children(dragState, dropState, {\n        ...mergeProps(collectionProps, {\n          onKeyDownCapture: handleKeyDownCapture,\n        }),\n      })}\n      {renderPreview ? (\n        // Rendered off-screen by React Aria and snapshotted at drag start. The\n        // keys come from the ref rather than the `DragItem`s the render\n        // function is handed, which only carry `text/plain`.\n        <DragPreview ref={previewRef}>\n          {() => {\n            const preview = renderPreview(dragKeysRef.current);\n            return preview ? <>{preview}</> : null;\n          }}\n        </DragPreview>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DraggableCollection.js","names":["KeyboardEvent","ReactNode","RefObject","useCallback","useEffect","useEffectEvent","useMemo","useRef","DragItem","DragPreview","DragPreviewRenderer","DroppableCollectionReorderEvent","ListDropTargetDelegate","ListKeyboardDelegate","mergeProps","useDraggableCollection","useDroppableCollection","DraggableCollectionState","DroppableCollectionState","MultipleSelectionManager","useDraggableCollectionState","useDroppableCollectionState","useEvent","Collection","DropOperation","Key","Node","getAllowedDropOperations","createMockDragState","collection","selectionManager","isDragging","getKeysForDrag","Set","getItems","draggedKey","draggingKeys","isDisabled","startDrag","moveDrag","endDrag","DraggableCollectionProps","state","disabledKeys","listRef","HTMLElement","orderedKeys","orientation","onReorder","newOrder","onItemDrop","targetKey","draggedKeys","shouldAcceptItemDrop","renderPreview","keys","children","dragState","dropState","collectionProps","Record","DraggableCollection","t0","$","_c","t1","e","target","movableKeys","dropPosition","key","movableKey","movableIndex","indexOf","targetIndex","String","newKeys","reduce","arr","i","push","handleReorder","t2","dragKeysRef","current","map","key_0","item","getItem","textValue","t3","Proxy","get","target_0","prop","_temp","value","Reflect","bind","dragSelectionManager","previewRef","t4","undefined","t5","preview","t6","t7","e_0","keys_0","dropOperation","handleItemDrop","t8","Symbol","for","t9","t10","t11","target_1","t12","t13","ref","keyboardDelegate","t14","dropTargetDelegate","t15","t16","t17","isDragActive","size","t18","type","x","y","isInternal","cancelNativeDrag","t19","handleEscape","e_1","document","addEventListener","removeEventListener","t20","t21","e_2","altKey","target_2","HTMLInputElement","HTMLTextAreaElement","isContentEditable","moveKeys","backward","forward","direction","preventDefault","stopPropagation","focusedKey","idx","targetIdx","length","newKeys_0","t22","t23","handleKeyDownCapture","onKeyDownCapture","t24","_c"],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  DragItem,\n  DragPreview,\n  DragPreviewRenderer,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  MultipleSelectionManager,\n  useDraggableCollectionState,\n  useDroppableCollectionState,\n} from 'react-stately';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\n\nimport type { Collection, DropOperation, Key, Node } from '@react-types/shared';\n\nconst getAllowedDropOperations = (): DropOperation[] => ['move'];\n\n/**\n * Creates a no-op mock of DraggableCollectionState.\n * Used to satisfy useDraggableItem when drag is disabled (Rules of Hooks).\n */\nexport function createMockDragState(\n  collection: Collection<Node<any>>,\n  selectionManager: MultipleSelectionManager,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    getItems: () => [],\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    isDisabled: false,\n    startDrag: () => {},\n    moveDrag: () => {},\n    endDrag: () => {},\n  };\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: MultipleSelectionManager;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Dropping *onto* an item rather than between items — a row that is a folder,\n   * a tab that is a group. Mutually exclusive with reordering in practice: a\n   * collection that accepts item drops usually has a meaningful order already.\n   */\n  onItemDrop?: (targetKey: Key, draggedKeys: Key[]) => void;\n  /** Which items may receive a drop. Without it, none may. */\n  shouldAcceptItemDrop?: (targetKey: Key) => boolean;\n  /**\n   * The image dragged under the cursor. Receives the keys being dragged rather\n   * than React Aria's serialized `DragItem`s, because a caller that wants to\n   * render an icon needs the record, not its `text/plain` form.\n   *\n   * Without one the browser drags a screenshot of the source element, which for\n   * a full-width table row is a page-wide slab.\n   */\n  renderPreview?: (keys: Key[]) => ReactNode;\n  /** Render function receiving drag/drop states and merged collection+keyboard props */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Generic wrapper that enables drag-and-drop reordering for a collection.\n *\n * Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).\n * Encapsulates all drag/drop hook calls so they are only invoked when\n * reordering is actually enabled.\n */\nexport function DraggableCollection({\n  state,\n  listRef,\n  orderedKeys,\n  orientation,\n  onReorder,\n  onItemDrop,\n  shouldAcceptItemDrop,\n  renderPreview,\n  children,\n}: DraggableCollectionProps) {\n  const handleReorder = useEvent((e: DroppableCollectionReorderEvent) => {\n    if (!onReorder) return;\n\n    const { target, keys: movableKeys } = e;\n    const { dropPosition, key: targetKey } = target;\n    const movableKey = [...movableKeys][0] as string;\n\n    const movableIndex = orderedKeys.indexOf(movableKey);\n    const targetIndex = orderedKeys.indexOf(String(targetKey));\n\n    if (movableIndex === -1 || targetIndex === -1) return;\n\n    const newKeys =\n      movableIndex !== targetIndex\n        ? orderedKeys.reduce((arr, key, i) => {\n            if (i === movableIndex) {\n              return arr;\n            }\n\n            if (i === targetIndex) {\n              if (dropPosition === 'before') {\n                arr.push(movableKey);\n                arr.push(key);\n              } else {\n                arr.push(key);\n                arr.push(movableKey);\n              }\n            } else {\n              arr.push(key);\n            }\n\n            return arr;\n          }, [] as string[])\n        : orderedKeys;\n\n    onReorder(newKeys);\n  });\n\n  const getItems = useCallback(\n    (keys: Set<Key>): DragItem[] => {\n      dragKeysRef.current = [...keys];\n\n      return [...keys].map((key) => {\n        const item = state.collection.getItem(key);\n        return {\n          'text/plain': item?.textValue || String(key),\n        };\n      });\n    },\n    [state.collection],\n  );\n\n  // Proxy selectionManager to hide selection from react-aria's drag logic.\n  // Without this, react-aria drags ALL selected items when any selected item\n  // is grabbed (hardcoded in useDraggableCollectionState → internal getKeys).\n  // The proxy intercepts `selectedKeys` and `isSelected` so every item looks\n  // unselected for drag, while all other methods (isDisabled, setFocusedKey, …)\n  // delegate to the real manager. `bind(target)` preserves `this` for methods\n  // that live on the prototype chain.\n  const dragSelectionManager = useMemo(\n    () =>\n      new Proxy(state.selectionManager, {\n        get(target, prop) {\n          if (prop === 'selectedKeys') return new Set<Key>();\n          if (prop === 'isSelected') return () => false;\n          const value = Reflect.get(target, prop);\n          return typeof value === 'function' ? value.bind(target) : value;\n        },\n      }),\n    [state.selectionManager],\n  );\n\n  const previewRef = useRef<DragPreviewRenderer>(null);\n\n  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n    preview: renderPreview ? previewRef : undefined,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const handleItemDrop = useEvent((e: any) => {\n    if (!onItemDrop) return;\n\n    const keys = [...(e.dropOperation === 'cancel' ? [] : dragKeysRef.current)];\n\n    onItemDrop(e.target.key, keys);\n  });\n\n  // The keys being dragged, captured at drag start: by the time the drop lands\n  // React Aria has already cleared them from the drag state.\n  const dragKeysRef = useRef<Key[]>([]);\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: onReorder ? handleReorder : undefined,\n    onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    // `'on'` is only offered for items that accept it; everything else falls\n    // back to reordering, or to nothing.\n    shouldAcceptItemDrop: shouldAcceptItemDrop\n      ? (target: any) => shouldAcceptItemDrop(target.key)\n      : undefined,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collection: state.collection,\n        disabledKeys: state.disabledKeys,\n        ref: listRef,\n        orientation,\n      }),\n    [state.collection, state.disabledKeys, listRef, orientation],\n  );\n\n  const dropTargetDelegate = useMemo(\n    () =>\n      new ListDropTargetDelegate(state.collection, listRef, {\n        orientation,\n      }),\n    [state.collection, listRef, orientation],\n  );\n\n  const { collectionProps } = useDroppableCollection(\n    {\n      keyboardDelegate,\n      dropTargetDelegate,\n      onReorder: onReorder ? handleReorder : undefined,\n      onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Force-cancel drag on Escape. Native HTML5 drag cancels visually, but some\n  // browsers (Safari) don't fire `dragend` synchronously, leaving react-aria's\n  // `isDragging` stale until a second keypress.\n  const isDragActive = dragState.draggingKeys.size > 0;\n  const cancelNativeDrag = useEffectEvent(() => {\n    dragState.endDrag({\n      type: 'dragend',\n      keys: new Set(dragKeysRef.current),\n      x: 0,\n      y: 0,\n      dropOperation: 'cancel',\n      isInternal: false,\n    });\n  });\n\n  useEffect(() => {\n    if (!isDragActive) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        cancelNativeDrag();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, true);\n\n    return () => document.removeEventListener('keydown', handleEscape, true);\n  }, [isDragActive]);\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  // Skip when the event originates from a text input — Alt+Arrow is\n  // word-by-word cursor navigation on macOS.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\n\n    const target = e.target as HTMLElement;\n\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const moveKeys =\n      orientation === 'vertical'\n        ? { backward: 'ArrowUp', forward: 'ArrowDown' }\n        : { backward: 'ArrowLeft', forward: 'ArrowRight' };\n\n    const direction =\n      e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;\n\n    if (direction === 0) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const focusedKey = String(state.selectionManager.focusedKey);\n    const idx = orderedKeys.indexOf(focusedKey);\n\n    if (idx === -1) return;\n\n    const targetIdx = idx + direction;\n\n    if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;\n\n    const newKeys = [...orderedKeys];\n    [newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];\n    onReorder(newKeys);\n  });\n\n  return (\n    <>\n      {children(dragState, dropState, {\n        ...mergeProps(collectionProps, {\n          onKeyDownCapture: handleKeyDownCapture,\n        }),\n      })}\n      {renderPreview ? (\n        // Rendered off-screen by React Aria and snapshotted at drag start. The\n        // keys come from the ref rather than the `DragItem`s the render\n        // function is handed, which only carry `text/plain`.\n        <DragPreview ref={previewRef}>\n          {() => {\n            const preview = renderPreview(dragKeysRef.current);\n            return preview ? <>{preview}</> : null;\n          }}\n        </DragPreview>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/shared/InvalidIcon.js

@@ -1,13 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/shared/InvalidIcon.tsx
 const InvalidIcon = /* @__PURE__ */ jsx(WarningIcon, {
 	"data-element": "ValidationIcon",
 	color: "#danger"
 });
-
 //#endregion
 export { InvalidIcon };
+
 //# sourceMappingURL=InvalidIcon.js.map

package/dist/components/shared/InvalidIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidIcon.js","names":["WarningIcon","InvalidIcon"],"sources":["../../../src/components/shared/InvalidIcon.tsx"],"sourcesContent":["import { WarningIcon } from '../../icons/WarningIcon';\n\nexport const InvalidIcon = (\n  <WarningIcon data-element=\"ValidationIcon\" color=\"#danger\" />\n);\n"],"mappings":";;;;;AAEA,MAAaC,cACX,oBAAC;CAAY,gBAAa;CAAiB,OAAM;EAClD"}
+{"version":3,"file":"InvalidIcon.js","names":["WarningIcon","InvalidIcon"],"sources":["../../../src/components/shared/InvalidIcon.tsx"],"sourcesContent":["import { WarningIcon } from '../../icons/WarningIcon';\n\nexport const InvalidIcon = (\n  <WarningIcon data-element=\"ValidationIcon\" color=\"#danger\" />\n);\n"],"mappings":";;;;AAEA,MAAaC,cACX,oBAAC,aAAD;CAAa,gBAAa;CAAiB,OAAM;AAAS,CAAA"}

package/dist/components/shared/ValidIcon.js

@@ -1,13 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/shared/ValidIcon.tsx
 const ValidIcon = /* @__PURE__ */ jsx(CheckIcon, {
 	"data-element": "ValidationIcon",
 	color: "#success"
 });
-
 //#endregion
 export { ValidIcon };
+
 //# sourceMappingURL=ValidIcon.js.map

package/dist/components/shared/ValidIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidIcon.js","names":["CheckIcon","ValidIcon"],"sources":["../../../src/components/shared/ValidIcon.tsx"],"sourcesContent":["import { CheckIcon } from '../../icons/CheckIcon';\n\nexport const ValidIcon = (\n  <CheckIcon data-element=\"ValidationIcon\" color=\"#success\" />\n);\n"],"mappings":";;;;;AAEA,MAAaC,YACX,oBAAC;CAAU,gBAAa;CAAiB,OAAM;EAChD"}
+{"version":3,"file":"ValidIcon.js","names":["CheckIcon","ValidIcon"],"sources":["../../../src/components/shared/ValidIcon.tsx"],"sourcesContent":["import { CheckIcon } from '../../icons/CheckIcon';\n\nexport const ValidIcon = (\n  <CheckIcon data-element=\"ValidationIcon\" color=\"#success\" />\n);\n"],"mappings":";;;;AAEA,MAAaC,YACX,oBAAC,WAAD;CAAW,gBAAa;CAAiB,OAAM;AAAU,CAAA"}

package/dist/components/status/LoadingAnimation/LoadingAnimation.d.ts

@@ -1,15 +1,9 @@
 
 import { CubeBlockProps } from "../../Block.js";
-import * as react from "react";
-
 //#region src/components/status/LoadingAnimation/LoadingAnimation.d.ts
-interface CubeLoadingAnimationProps extends CubeBlockProps {
+export interface CubeLoadingAnimationProps extends CubeBlockProps {
   size?: 'small' | 'medium' | 'large' | number;
 }
-declare function LoadingAnimation({
-  size,
-  ...props
-}: CubeLoadingAnimationProps): react.JSX.Element;
+export declare function LoadingAnimation({ size, ...props }: CubeLoadingAnimationProps): import("react").JSX.Element;
 //#endregion
-export { CubeLoadingAnimationProps, LoadingAnimation };
 //# sourceMappingURL=LoadingAnimation.d.ts.map

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -6,7 +6,6 @@ import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/status/LoadingAnimation/LoadingAnimation.tsx
 const CubeElement = tasty({
 	as: "svg",
@@ -287,7 +286,7 @@ function LoadingAnimation(t0) {
 	} else t11 = $[16];
 	return t11;
 }
-
 //#endregion
 export { LoadingAnimation };
+
 //# sourceMappingURL=LoadingAnimation.js.map

package/dist/components/status/LoadingAnimation/LoadingAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingAnimation.js","names":["tasty","CSSProperties","RefObject","useRef","useI18n","useLayoutEffect","Block","CubeBlockProps","CubeElement","as","styles","display","position","width","height","animationName","animationDuration","animationIterationCount","animationTimingFunction","zIndex","dice0","from","transform","to","dice1","dice2","useTimelineSyncedAnimation","ref","isAnimated","$","_c","t0","element","current","getAnimations","animation","timeline","ownerDocument","startTime","t1","CubeProps","index","style","Cube","undefined","t2","t3","t4","Symbol","for","t5","SIZE_MAP","small","medium","large","CubeLoadingAnimationProps","size","LoadingAnimation","props","t","numSize","t6","t10","t7","t8","t9","t11"],"sources":["../../../../src/components/status/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { CSSProperties, RefObject, useRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block, CubeBlockProps } from '../../Block';\n\nconst CubeElement = tasty({\n  as: 'svg',\n  styles: {\n    display: 'block',\n    position: 'absolute',\n    width: '50%',\n    height: '50%',\n\n    // The three visible faces of the cube get their colors via the SVG\n    // `fill=\"…\"` attribute on each `<path>` (see the JSX below), NOT via a\n    // tasty `fill` style. Tasty's `fill` is a typed shorthand for\n    // `background-color` — applying it to an SVG `<path>` would inject\n    // `background-color: …` which paths simply ignore (this was the\n    // \"invisible cube\" bug). Pointing the SVG `fill` attribute at the\n    // adaptive `--loading-face-N-color` CSS variables published by Glaze\n    // (defined in `src/tokens/palette.ts`) keeps the three faces driven by\n    // the design system without going through a style property tasty would\n    // re-route to the wrong CSS slot.\n    //\n    // Those three tokens are the kit's shared isometric-cube ramp — `NoDataIcon`\n    // draws its crate from the same ones — and they are pinned by a WCAG floor\n    // against `surface` rather than by a tone delta, so the faces hold the same\n    // separation in light, dark, and high contrast. See the recipe's comment for\n    // why that matters.\n\n    animationName: {\n      '': 'none',\n      'index=0': 'dice0',\n      'index=1': 'dice1',\n      'index=2': 'dice2',\n    },\n    animationDuration: {\n      '': '0s',\n      'index=0 | index=1 | index=2': '2s',\n    },\n    animationIterationCount: {\n      '': 1,\n      'index=0 | index=1 | index=2': 'infinite',\n    },\n    animationTimingFunction: {\n      '': 'ease',\n      'index=0 | index=1 | index=2': 'ease',\n    },\n    zIndex: {\n      '': 0,\n      'index=0 | index=1 | index=2': 0,\n    },\n\n    '@keyframes': {\n      dice0: {\n        from: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '25%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '50%': { transform: 'translate(0%, 25%)', zIndex: 0 },\n        '51%': { zIndex: 1 },\n        '75%': { zIndex: 1 },\n        to: { transform: 'translate(0%, 25%)', zIndex: 1 },\n      },\n      dice1: {\n        from: { transform: 'translate(0%, 25%)', zIndex: 3 },\n        '25%': { transform: 'translate(49%, 49%)', zIndex: 3 },\n        '75%': { transform: 'translate(49%, 49%)', zIndex: 2 },\n        to: { transform: 'translate(98%, 25%)', zIndex: 1 },\n      },\n      dice2: {\n        from: { transform: 'translate(98%, 25%)', zIndex: 1 },\n        '50%': { transform: 'translate(98%, 25%)', zIndex: 0 },\n        '75%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        to: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n      },\n    },\n  },\n});\n\n/**\n * Phase-lock a cube's `dice*` animation to the document timeline.\n *\n * A page under load mounts these animations at whatever moment each level of\n * the tree resolves — a route shell, then a panel, then the table inside it —\n * and every wrapper that appears around a running `LoadingAnimation` remounts\n * it. A CSS animation is created with its start time at \"now\", so each of\n * those events snapped the cubes back to the first frame: the visible symptom\n * is a loader that keeps stuttering back to the start while the page settles.\n *\n * Moving the start time to 0 puts it at the origin of the document timeline,\n * so the cube's position is a function of the timeline's current reading and\n * nothing else. Two consequences: a remount picks up exactly where the removed\n * element was, and every instance in the document runs in lockstep, because\n * they all read the same clock.\n *\n * Done through the animation object in a layout effect (before the first paint\n * of the new element) rather than through a negative `animation-delay`: the\n * delay would have to be computed during render from `Date.now()`, which is\n * both a different clock than the one the animation runs on — so the phase\n * would be off by the render-to-paint gap — and a value that differs between\n * the server and the client, i.e. a hydration mismatch on every render.\n */\nfunction useTimelineSyncedAnimation(\n  ref: RefObject<SVGSVGElement | null>,\n  isAnimated: boolean,\n) {\n  useLayoutEffect(() => {\n    const element = ref.current;\n\n    // `getAnimations` is absent in jsdom, where there is nothing to sync.\n    if (!isAnimated || !element?.getAnimations) return;\n\n    for (const animation of element.getAnimations()) {\n      // These elements carry nothing but the `dice*` animation, and it always\n      // runs on the document timeline — the one timeline an explicit numeric\n      // start time is meaningful against.\n      if (animation.timeline === element.ownerDocument.timeline) {\n        animation.startTime = 0;\n      }\n    }\n  }, [isAnimated]);\n}\n\ninterface CubeProps {\n  index?: 0 | 1 | 2;\n  style?: CSSProperties;\n}\n\nfunction Cube({ index, style }: CubeProps) {\n  const ref = useRef<SVGSVGElement>(null);\n\n  useTimelineSyncedAnimation(ref, index != null);\n\n  return (\n    <CubeElement\n      ref={ref}\n      mods={index != null ? { index } : undefined}\n      style={style}\n      viewBox=\"0 0 36 41\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fill=\"var(--loading-face-1-color)\"\n        d=\"M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z\"\n      />\n      <path\n        fill=\"var(--loading-face-2-color)\"\n        d=\"M18 41L0 30.75l.101-20.5L18 20.5\"\n      />\n      <path\n        fill=\"var(--loading-face-3-color)\"\n        d=\"M36 30.75L18 41V20.6l17.899-10.25L36 30.75z\"\n      />\n    </CubeElement>\n  );\n}\n\nconst SIZE_MAP = {\n  small: 32,\n  medium: 64,\n  large: 96,\n};\n\nexport interface CubeLoadingAnimationProps extends CubeBlockProps {\n  size?: 'small' | 'medium' | 'large' | number;\n}\n\nexport function LoadingAnimation({\n  size = 'medium',\n  ...props\n}: CubeLoadingAnimationProps) {\n  const { t } = useI18n();\n  const numSize: number = SIZE_MAP[size] || size || SIZE_MAP.medium;\n\n  return (\n    <Block\n      role=\"img\"\n      aria-label={t('loadingAnimation.ariaLabel', 'Loading animation')}\n      width={numSize}\n      height={numSize * 1.1388888889}\n      style={{ position: 'relative' }}\n      {...props}\n    >\n      <Cube style={{ transform: 'translate(0%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(98%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(49%, 96.5%)' }} />\n      <Cube index={0} />\n      <Cube index={1} />\n      <Cube index={2} />\n    </Block>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LoadingAnimation.js","names":["tasty","CSSProperties","RefObject","useRef","useI18n","useLayoutEffect","Block","CubeBlockProps","CubeElement","as","styles","display","position","width","height","animationName","animationDuration","animationIterationCount","animationTimingFunction","zIndex","dice0","from","transform","to","dice1","dice2","useTimelineSyncedAnimation","ref","isAnimated","$","_c","t0","element","current","getAnimations","animation","timeline","ownerDocument","startTime","t1","CubeProps","index","style","Cube","undefined","t2","t3","t4","Symbol","for","t5","SIZE_MAP","small","medium","large","CubeLoadingAnimationProps","size","LoadingAnimation","props","t","numSize","t6","t10","t7","t8","t9","t11","_c"],"sources":["../../../../src/components/status/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { CSSProperties, RefObject, useRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block, CubeBlockProps } from '../../Block';\n\nconst CubeElement = tasty({\n  as: 'svg',\n  styles: {\n    display: 'block',\n    position: 'absolute',\n    width: '50%',\n    height: '50%',\n\n    // The three visible faces of the cube get their colors via the SVG\n    // `fill=\"…\"` attribute on each `<path>` (see the JSX below), NOT via a\n    // tasty `fill` style. Tasty's `fill` is a typed shorthand for\n    // `background-color` — applying it to an SVG `<path>` would inject\n    // `background-color: …` which paths simply ignore (this was the\n    // \"invisible cube\" bug). Pointing the SVG `fill` attribute at the\n    // adaptive `--loading-face-N-color` CSS variables published by Glaze\n    // (defined in `src/tokens/palette.ts`) keeps the three faces driven by\n    // the design system without going through a style property tasty would\n    // re-route to the wrong CSS slot.\n    //\n    // Those three tokens are the kit's shared isometric-cube ramp — `NoDataIcon`\n    // draws its crate from the same ones — and they are pinned by a WCAG floor\n    // against `surface` rather than by a tone delta, so the faces hold the same\n    // separation in light, dark, and high contrast. See the recipe's comment for\n    // why that matters.\n\n    animationName: {\n      '': 'none',\n      'index=0': 'dice0',\n      'index=1': 'dice1',\n      'index=2': 'dice2',\n    },\n    animationDuration: {\n      '': '0s',\n      'index=0 | index=1 | index=2': '2s',\n    },\n    animationIterationCount: {\n      '': 1,\n      'index=0 | index=1 | index=2': 'infinite',\n    },\n    animationTimingFunction: {\n      '': 'ease',\n      'index=0 | index=1 | index=2': 'ease',\n    },\n    zIndex: {\n      '': 0,\n      'index=0 | index=1 | index=2': 0,\n    },\n\n    '@keyframes': {\n      dice0: {\n        from: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '25%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '50%': { transform: 'translate(0%, 25%)', zIndex: 0 },\n        '51%': { zIndex: 1 },\n        '75%': { zIndex: 1 },\n        to: { transform: 'translate(0%, 25%)', zIndex: 1 },\n      },\n      dice1: {\n        from: { transform: 'translate(0%, 25%)', zIndex: 3 },\n        '25%': { transform: 'translate(49%, 49%)', zIndex: 3 },\n        '75%': { transform: 'translate(49%, 49%)', zIndex: 2 },\n        to: { transform: 'translate(98%, 25%)', zIndex: 1 },\n      },\n      dice2: {\n        from: { transform: 'translate(98%, 25%)', zIndex: 1 },\n        '50%': { transform: 'translate(98%, 25%)', zIndex: 0 },\n        '75%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        to: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n      },\n    },\n  },\n});\n\n/**\n * Phase-lock a cube's `dice*` animation to the document timeline.\n *\n * A page under load mounts these animations at whatever moment each level of\n * the tree resolves — a route shell, then a panel, then the table inside it —\n * and every wrapper that appears around a running `LoadingAnimation` remounts\n * it. A CSS animation is created with its start time at \"now\", so each of\n * those events snapped the cubes back to the first frame: the visible symptom\n * is a loader that keeps stuttering back to the start while the page settles.\n *\n * Moving the start time to 0 puts it at the origin of the document timeline,\n * so the cube's position is a function of the timeline's current reading and\n * nothing else. Two consequences: a remount picks up exactly where the removed\n * element was, and every instance in the document runs in lockstep, because\n * they all read the same clock.\n *\n * Done through the animation object in a layout effect (before the first paint\n * of the new element) rather than through a negative `animation-delay`: the\n * delay would have to be computed during render from `Date.now()`, which is\n * both a different clock than the one the animation runs on — so the phase\n * would be off by the render-to-paint gap — and a value that differs between\n * the server and the client, i.e. a hydration mismatch on every render.\n */\nfunction useTimelineSyncedAnimation(\n  ref: RefObject<SVGSVGElement | null>,\n  isAnimated: boolean,\n) {\n  useLayoutEffect(() => {\n    const element = ref.current;\n\n    // `getAnimations` is absent in jsdom, where there is nothing to sync.\n    if (!isAnimated || !element?.getAnimations) return;\n\n    for (const animation of element.getAnimations()) {\n      // These elements carry nothing but the `dice*` animation, and it always\n      // runs on the document timeline — the one timeline an explicit numeric\n      // start time is meaningful against.\n      if (animation.timeline === element.ownerDocument.timeline) {\n        animation.startTime = 0;\n      }\n    }\n  }, [isAnimated]);\n}\n\ninterface CubeProps {\n  index?: 0 | 1 | 2;\n  style?: CSSProperties;\n}\n\nfunction Cube({ index, style }: CubeProps) {\n  const ref = useRef<SVGSVGElement>(null);\n\n  useTimelineSyncedAnimation(ref, index != null);\n\n  return (\n    <CubeElement\n      ref={ref}\n      mods={index != null ? { index } : undefined}\n      style={style}\n      viewBox=\"0 0 36 41\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fill=\"var(--loading-face-1-color)\"\n        d=\"M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z\"\n      />\n      <path\n        fill=\"var(--loading-face-2-color)\"\n        d=\"M18 41L0 30.75l.101-20.5L18 20.5\"\n      />\n      <path\n        fill=\"var(--loading-face-3-color)\"\n        d=\"M36 30.75L18 41V20.6l17.899-10.25L36 30.75z\"\n      />\n    </CubeElement>\n  );\n}\n\nconst SIZE_MAP = {\n  small: 32,\n  medium: 64,\n  large: 96,\n};\n\nexport interface CubeLoadingAnimationProps extends CubeBlockProps {\n  size?: 'small' | 'medium' | 'large' | number;\n}\n\nexport function LoadingAnimation({\n  size = 'medium',\n  ...props\n}: CubeLoadingAnimationProps) {\n  const { t } = useI18n();\n  const numSize: number = SIZE_MAP[size] || size || SIZE_MAP.medium;\n\n  return (\n    <Block\n      role=\"img\"\n      aria-label={t('loadingAnimation.ariaLabel', 'Loading animation')}\n      width={numSize}\n      height={numSize * 1.1388888889}\n      style={{ position: 'relative' }}\n      {...props}\n    >\n      <Cube style={{ transform: 'translate(0%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(98%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(49%, 96.5%)' }} />\n      <Cube index={0} />\n      <Cube index={1} />\n      <Cube index={2} />\n    </Block>\n  );\n}\n"],"mappings":"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"}

package/dist/components/status/LoadingAnimation/index.d.ts

@@ -1,2 +1,3 @@
 
-import { CubeLoadingAnimationProps, LoadingAnimation } from "./LoadingAnimation.js";
+import { CubeLoadingAnimationProps, LoadingAnimation } from "./LoadingAnimation.js";
+export { type CubeLoadingAnimationProps, LoadingAnimation };

package/dist/components/status/Spin/Cube.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/status/Spin/Cube.tsx
 const CubeElement = tasty({
 	role: "presentation",
@@ -108,7 +107,7 @@ const Cube = memo(function Cube(t0) {
 	} else t1 = $[1];
 	return t1;
 });
-
 //#endregion
 export { Cube };
+
 //# sourceMappingURL=Cube.js.map