@cube-dev/ui-kit 0.192.0 → 0.192.1

package/dist/components/data/TableBase/TreeGridTable.js

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

package/dist/components/data/TableBase/column-header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { ArrowNarrowDownIcon } from "../../../icons/ArrowNarrowDownIcon.js";
 import { ArrowNarrowUpIcon } from "../../../icons/ArrowNarrowUpIcon.js";
 import { TableHeaderItem } from "./styled.js";

package/dist/components/data/TableBase/column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";

package/dist/components/data/TableBase/column-styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { computeStyles, resolveRecipes } from "@tenphi/tasty";
 
 //#region src/components/data/TableBase/column-styles.ts

package/dist/components/data/TableBase/column-tint.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";
 

package/dist/components/data/TableBase/row-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 
 //#region src/components/data/TableBase/row-menu.ts

package/dist/components/data/TableBase/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";

package/dist/components/data/TableBase/table-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 //#region src/components/data/TableBase/table-tree.ts
 /** Build identity and parent/child indexes without modifying consumer rows. */
 function buildTableTree(rows, getChildren, getKey) {

package/dist/components/data/TableBase/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 //#region src/components/data/TableBase/types.ts
 /**
 * `asc | desc` rather than React Aria's `ascending | descending`: we do not use

package/dist/components/data/TableBase/use-column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/TableBase/use-column-order.js

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

package/dist/components/data/TableBase/use-container-width.js

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

package/dist/components/data/TableBase/use-row-move-animation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef } from "react";
 
@@ -48,7 +48,11 @@ function useRowMoveAnimation(t0) {
 	if ($[1] !== bodyRef || $[2] !== duration || $[3] !== isEnabled) {
 		t3 = () => {
 			const body = bodyRef.current;
-			if (!body) return;
+			if (!body || !isEnabled || prefersReducedMotion()) {
+				previousRef.current = null;
+				previousOrderRef.current = [];
+				return;
+			}
 			const rows = Array.from(body.querySelectorAll("tr[data-element=\"Row\"][data-key]:not([data-pinned])"));
 			const next = /* @__PURE__ */ new Map();
 			for (const row of rows) next.set(row.dataset.key, row.offsetTop);
@@ -57,7 +61,7 @@ function useRowMoveAnimation(t0) {
 			const nextOrder = rows.map(_temp);
 			previousRef.current = next;
 			previousOrderRef.current = nextOrder;
-			if (!isEnabled || prefersReducedMotion() || !previous) return;
+			if (!previous) return;
 			const stillHere = new Set(nextOrder);
 			const before = previousOrder.filter((key) => stillHere.has(key));
 			const after = nextOrder.filter((key_0) => previous.has(key_0));

package/dist/components/data/TableBase/use-row-move-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-row-move-animation.js","names":["useLayoutEffect","useRef","RefObject","ROW_MOVE_DURATION","UseRowMoveAnimationOptions","isEnabled","bodyRef","HTMLTableSectionElement","duration","prefersReducedMotion","window","Boolean","matchMedia","matches","useRowMoveAnimation","t0","$","_c","t1","undefined","previousRef","t2","Symbol","for","previousOrderRef","t3","body","current","rows","Array","from","querySelectorAll","next","Map","row","set","dataset","key","offsetTop","previous","previousOrder","nextOrder","map","_temp","stillHere","Set","before","filter","has","after","key_0","isReorder","length","some","key_1","index","moved","row_1","get","delta","push","row_2","delta_0","style","transition","transform","row_3","clear","row_4","timer","setTimeout","clearTimeout","row_0"],"sources":["../../../../src/components/data/TableBase/use-row-move-animation.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react';\n\nimport type { RefObject } from 'react';\n\n/** Matches ag-grid's row animation closely enough to feel familiar. */\nexport const ROW_MOVE_DURATION = 120;\n\nexport interface UseRowMoveAnimationOptions {\n  isEnabled: boolean;\n  /** The `<tbody>` the rows live in. */\n  bodyRef: RefObject<HTMLTableSectionElement | null>;\n  /** @default 120 */\n  duration?: number;\n}\n\n/** Matches `DisplayTransition`'s check, which is the kit's existing precedent. */\nfunction prefersReducedMotion() {\n  return (\n    typeof window !== 'undefined' &&\n    Boolean(window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches)\n  );\n}\n\n/**\n * Slides rows to their new positions when the order changes.\n *\n * FLIP: the previous commit's positions are the First, this commit's are the\n * Last, and each row is Inverted with a `translateY` back to where it was and\n * then Played to zero. The DOM is already correct the whole time — only the\n * paint is behind — so a test or a screen reader sees the new order\n * immediately, and nothing has to be delayed or double-rendered.\n *\n * Sorting a table otherwise teleports every row at once, and the eye has no way\n * to follow a particular one to where it went. The whole value is in tracking\n * one row, which is why this animates positions rather than cross-fading.\n *\n * **Only a reorder**, and only rows that were already on screen. If the rows\n * common to both commits are in the same relative order, nothing animates,\n * however much their positions moved — that is a relayout, not a reorder, and\n * it covers the initial mount (widths resolving, the virtualizer measuring, a\n * scrollbar appearing), a container resize, and a filter that only removes\n * rows.\n *\n * Scrolling is not movement either, and that falls out of measuring `offsetTop`\n * rather than viewport coordinates: it is relative to the scroller's content,\n * so it does not change as the content scrolls past.\n */\nexport function useRowMoveAnimation({\n  isEnabled,\n  bodyRef,\n  duration = ROW_MOVE_DURATION,\n}: UseRowMoveAnimationOptions) {\n  const previousRef = useRef<Map<string, number> | null>(null);\n  const previousOrderRef = useRef<string[]>([]);\n\n  // No dependency array: the previous positions have to be captured after every\n  // commit, because any of them may turn out to be the one a reorder starts\n  // from.\n  useLayoutEffect(() => {\n    const body = bodyRef.current;\n\n    if (!body) return;\n\n    const rows = Array.from(\n      body.querySelectorAll<HTMLTableRowElement>(\n        // Pinned rows are excluded by the selector rather than filtered later:\n        // they do not take part in the order, so they never move.\n        'tr[data-element=\"Row\"][data-key]:not([data-pinned])',\n      ),\n    );\n\n    // `offsetTop`, not `getBoundingClientRect()`: it is relative to the\n    // scroller, so scrolling does not read as movement. Otherwise every scroll\n    // tick would look like a reorder of the whole page.\n    const next = new Map<string, number>();\n\n    for (const row of rows) next.set(row.dataset.key!, row.offsetTop);\n\n    const previous = previousRef.current;\n    const previousOrder = previousOrderRef.current;\n    const nextOrder = rows.map((row) => row.dataset.key!);\n\n    previousRef.current = next;\n    previousOrderRef.current = nextOrder;\n\n    // Checked per commit rather than once: the setting can change mid-session,\n    // and the position bookkeeping above must keep running either way so the\n    // animation is correct the moment it is turned back on.\n    if (!isEnabled || prefersReducedMotion() || !previous) return;\n\n    // Animate a REORDER, never a relayout.\n    //\n    // Positions shift for all sorts of reasons that are not a row moving: the\n    // column widths resolving after the first measure, the virtualizer taking\n    // its measurements, a scrollbar appearing, a font landing, the container\n    // being resized. Every one of those happens on the second commit of a\n    // normal mount — so keying off \"an offset changed\" animated the table into\n    // existence on load, which is exactly what a load should not do.\n    //\n    // Comparing the order of the rows common to both commits answers the real\n    // question. A relayout leaves it identical; a sort does not.\n    const stillHere = new Set(nextOrder);\n    const before = previousOrder.filter((key) => stillHere.has(key));\n    const after = nextOrder.filter((key) => previous.has(key));\n    const isReorder =\n      before.length !== after.length ||\n      before.some((key, index) => key !== after[index]);\n\n    if (!isReorder) return;\n\n    const moved: { row: HTMLTableRowElement; delta: number }[] = [];\n\n    for (const row of rows) {\n      const from = previous.get(row.dataset.key!);\n\n      // A row that was not here before has nowhere to come from. Skipped rather\n      // than bailing on the whole batch: a virtualized window swaps some of its\n      // rows on every re-sort, and refusing to animate unless ALL of them are\n      // familiar means a virtualized grid — most result grids — never animates\n      // at all.\n      if (from === undefined) continue;\n\n      const delta = from - next.get(row.dataset.key!)!;\n\n      if (delta !== 0) moved.push({ row, delta });\n    }\n\n    if (!moved.length) return;\n\n    // Invert: put every moved row back where it was, with transitions off so\n    // this jump is not itself animated.\n    for (const { row, delta } of moved) {\n      row.style.transition = 'none';\n      row.style.transform = `translateY(${delta}px)`;\n    }\n\n    // Flush the inverted state into layout, so the browser has something to\n    // animate FROM. A forced reflow rather than `requestAnimationFrame`,\n    // deliberately: rAF does not fire in a hidden tab, and a sort that lands\n    // while the tab is in the background would leave every row frozen at its\n    // old position until the next reorder. One reflow, once per animation.\n    void body.offsetHeight;\n\n    // Play.\n    for (const { row } of moved) {\n      row.style.transition = `transform ${duration}ms ease-out`;\n      row.style.transform = '';\n    }\n\n    // Clear on arrival. A `transition` left inline would go on to animate\n    // transforms this hook never set — a dragged row, for one.\n    //\n    // A timer rather than `transitionend`, for the same reason the invert does\n    // not use `requestAnimationFrame`: in a hidden tab the transition never\n    // runs, so the event never fires and every animated row keeps its inline\n    // `transition` for the rest of the session. The duration is known exactly,\n    // so there is nothing to wait to be told.\n    const clear = () => {\n      for (const { row } of moved) {\n        row.style.transition = '';\n        row.style.transform = '';\n      }\n    };\n    const timer = setTimeout(clear, duration);\n\n    return () => {\n      // A reorder landing mid-animation starts over from wherever the rows are,\n      // so nothing may be left behind.\n      clearTimeout(timer);\n      clear();\n    };\n  });\n}\n"],"mappings":";;;;;;AAKA,MAAaG,oBAAoB;;AAWjC,SAASM,uBAAuB;AAC9B,QACE,OAAOC,WAAW,eAClBC,QAAQD,OAAOE,aAAa,mCAAmC,EAAEC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;AA4B7E,SAAOC,oBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA6B,MAAA,EAAAZ,WAAAC,SAAAE,UAAAU,OAAAH;CAGlC,MAAAP,WAAAU,OAAAC,SAAAhB,oBAAAe;CAEA,MAAAE,cAAoBnB,OAAmC,KAAK;CAAC,IAAAoB;AAAA,KAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AACnBF,OAAA,EAAE;AAAAL,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAA5C,MAAAQ,mBAAyBvB,OAAiBoB,GAAG;CAAC,IAAAI;AAAA,KAAAT,EAAA,OAAAV,WAAAU,EAAA,OAAAR,YAAAQ,EAAA,OAAAX,WAAA;AAK9BoB,aAAA;GACd,MAAAC,OAAapB,QAAOqB;AAEpB,OAAI,CAACD,KAAI;GAET,MAAAE,OAAaC,MAAKC,KAChBJ,KAAIK,iBAGF,wDAEJ,CAAC;GAKD,MAAAC,uBAAa,IAAIC,KAAqB;AAEtC,QAAK,MAAAC,OAAaN,KAAMI,MAAIG,IAAKD,IAAGE,QAAQC,KAAOH,IAAGI,UAAW;GAEjE,MAAAC,WAAiBnB,YAAWO;GAC5B,MAAAa,gBAAsBhB,iBAAgBG;GACtC,MAAAc,YAAkBb,KAAIc,IAAKC,MAA0B;AAErDvB,eAAWO,UAAWK;AACtBR,oBAAgBG,UAAWc;AAK3B,OAAI,CAACpC,aAAaI,sBAAmC,IAAjD,CAAyC8B,SAAQ;GAarD,MAAAK,YAAkB,IAAIC,IAAIJ,UAAU;GACpC,MAAAK,SAAeN,cAAaO,QAAQV,QAASO,UAASI,IAAKX,IAAI,CAAC;GAChE,MAAAY,QAAcR,UAASM,QAAQG,UAASX,SAAQS,IAAKX,MAAI,CAAC;AAK1D,OAAI,EAHFS,OAAMM,WAAYH,MAAKG,UACvBN,OAAMO,MAAMC,OAAAC,UAAgBlB,UAAQY,MAAMM,OAAO,EAErC;GAEd,MAAAC,QAA6D,EAAE;AAE/D,QAAK,MAAAC,SAAa7B,MAAI;IACpB,MAAAE,OAAaS,SAAQmB,IAAKxB,MAAGE,QAAQC,IAAM;AAO3C,QAAIP,SAASX,OAAW;IAExB,MAAAwC,QAAc7B,OAAOE,KAAI0B,IAAKxB,MAAGE,QAAQC,IAAO;AAEhD,QAAIsB,UAAU,EAAGH,OAAKI,KAAM;KAAA1B,KAAEA;KAAGyB;KAAS,CAAC;;AAG7C,OAAI,CAACH,MAAKJ,OAAO;AAIjB,QAAK,MAAA,EAAAlB,KAAA2B,OAAAF,OAAAG,aAAwBN,OAAK;AAChCtB,UAAG6B,MAAMC,aAAc;AACvB9B,UAAG6B,MAAME,YAAa,cAAcN,QAAK;;AAW3C,QAAK,MAAA,EAAAzB,KAAAgC,WAAiBV,OAAK;AACzBtB,UAAG6B,MAAMC,aAAc,aAAaxD,SAAQ;AAC5C0B,UAAG6B,MAAME,YAAa;;GAWxB,MAAAE,cAAc;AACZ,SAAK,MAAA,EAAAjC,KAAAkC,WAAiBZ,OAAK;AACzBtB,WAAG6B,MAAMC,aAAc;AACvB9B,WAAG6B,MAAME,YAAa;;;GAG1B,MAAAI,QAAcC,WAAWH,OAAO3D,SAAS;AAAC,gBAEnC;AAGL+D,iBAAaF,MAAM;AACnBF,WAAO;;;AAEVnD,IAAA,KAAAV;AAAAU,IAAA,KAAAR;AAAAQ,IAAA,KAAAX;AAAAW,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAjHDhB,iBAAgByB,GAiHd;;AA5HG,SAAAkB,MAAA6B,OAAA;AAAA,QAiCiCtC,MAAGE,QAAQC"}
+{"version":3,"file":"use-row-move-animation.js","names":["useLayoutEffect","useRef","RefObject","ROW_MOVE_DURATION","UseRowMoveAnimationOptions","isEnabled","bodyRef","HTMLTableSectionElement","duration","prefersReducedMotion","window","Boolean","matchMedia","matches","useRowMoveAnimation","t0","$","_c","t1","undefined","previousRef","t2","Symbol","for","previousOrderRef","t3","body","current","rows","Array","from","querySelectorAll","next","Map","row","set","dataset","key","offsetTop","previous","previousOrder","nextOrder","map","_temp","stillHere","Set","before","filter","has","after","key_0","isReorder","length","some","key_1","index","moved","row_1","get","delta","push","row_2","delta_0","style","transition","transform","row_3","clear","row_4","timer","setTimeout","clearTimeout","row_0"],"sources":["../../../../src/components/data/TableBase/use-row-move-animation.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react';\n\nimport type { RefObject } from 'react';\n\n/** Matches ag-grid's row animation closely enough to feel familiar. */\nexport const ROW_MOVE_DURATION = 120;\n\nexport interface UseRowMoveAnimationOptions {\n  isEnabled: boolean;\n  /** The `<tbody>` the rows live in. */\n  bodyRef: RefObject<HTMLTableSectionElement | null>;\n  /** @default 120 */\n  duration?: number;\n}\n\n/** Matches `DisplayTransition`'s check, which is the kit's existing precedent. */\nfunction prefersReducedMotion() {\n  return (\n    typeof window !== 'undefined' &&\n    Boolean(window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches)\n  );\n}\n\n/**\n * Slides rows to their new positions when the order changes.\n *\n * FLIP: the previous commit's positions are the First, this commit's are the\n * Last, and each row is Inverted with a `translateY` back to where it was and\n * then Played to zero. The DOM is already correct the whole time — only the\n * paint is behind — so a test or a screen reader sees the new order\n * immediately, and nothing has to be delayed or double-rendered.\n *\n * Sorting a table otherwise teleports every row at once, and the eye has no way\n * to follow a particular one to where it went. The whole value is in tracking\n * one row, which is why this animates positions rather than cross-fading.\n *\n * **Only a reorder**, and only rows that were already on screen. If the rows\n * common to both commits are in the same relative order, nothing animates,\n * however much their positions moved — that is a relayout, not a reorder, and\n * it covers the initial mount (widths resolving, the virtualizer measuring, a\n * scrollbar appearing), a container resize, and a filter that only removes\n * rows.\n *\n * Scrolling is not movement either, and that falls out of measuring `offsetTop`\n * rather than viewport coordinates: it is relative to the scroller's content,\n * so it does not change as the content scrolls past.\n */\nexport function useRowMoveAnimation({\n  isEnabled,\n  bodyRef,\n  duration = ROW_MOVE_DURATION,\n}: UseRowMoveAnimationOptions) {\n  const previousRef = useRef<Map<string, number> | null>(null);\n  const previousOrderRef = useRef<string[]>([]);\n\n  // No dependency array: positions are captured after every enabled commit,\n  // because any of them may be the one a reorder starts from.\n  useLayoutEffect(() => {\n    const body = bodyRef.current;\n\n    if (!body || !isEnabled || prefersReducedMotion()) {\n      // Enabling starts a fresh snapshot; disabled frames need no geometry.\n      previousRef.current = null;\n      previousOrderRef.current = [];\n      return;\n    }\n\n    const rows = Array.from(\n      body.querySelectorAll<HTMLTableRowElement>(\n        // Pinned rows are excluded by the selector rather than filtered later:\n        // they do not take part in the order, so they never move.\n        'tr[data-element=\"Row\"][data-key]:not([data-pinned])',\n      ),\n    );\n\n    // `offsetTop`, not `getBoundingClientRect()`: it is relative to the\n    // scroller, so scrolling does not read as movement. Otherwise every scroll\n    // tick would look like a reorder of the whole page.\n    const next = new Map<string, number>();\n\n    for (const row of rows) next.set(row.dataset.key!, row.offsetTop);\n\n    const previous = previousRef.current;\n    const previousOrder = previousOrderRef.current;\n    const nextOrder = rows.map((row) => row.dataset.key!);\n\n    previousRef.current = next;\n    previousOrderRef.current = nextOrder;\n\n    if (!previous) return;\n\n    // Animate a REORDER, never a relayout.\n    //\n    // Positions shift for all sorts of reasons that are not a row moving: the\n    // column widths resolving after the first measure, the virtualizer taking\n    // its measurements, a scrollbar appearing, a font landing, the container\n    // being resized. Every one of those happens on the second commit of a\n    // normal mount — so keying off \"an offset changed\" animated the table into\n    // existence on load, which is exactly what a load should not do.\n    //\n    // Comparing the order of the rows common to both commits answers the real\n    // question. A relayout leaves it identical; a sort does not.\n    const stillHere = new Set(nextOrder);\n    const before = previousOrder.filter((key) => stillHere.has(key));\n    const after = nextOrder.filter((key) => previous.has(key));\n    const isReorder =\n      before.length !== after.length ||\n      before.some((key, index) => key !== after[index]);\n\n    if (!isReorder) return;\n\n    const moved: { row: HTMLTableRowElement; delta: number }[] = [];\n\n    for (const row of rows) {\n      const from = previous.get(row.dataset.key!);\n\n      // A row that was not here before has nowhere to come from. Skipped rather\n      // than bailing on the whole batch: a virtualized window swaps some of its\n      // rows on every re-sort, and refusing to animate unless ALL of them are\n      // familiar means a virtualized grid — most result grids — never animates\n      // at all.\n      if (from === undefined) continue;\n\n      const delta = from - next.get(row.dataset.key!)!;\n\n      if (delta !== 0) moved.push({ row, delta });\n    }\n\n    if (!moved.length) return;\n\n    // Invert: put every moved row back where it was, with transitions off so\n    // this jump is not itself animated.\n    for (const { row, delta } of moved) {\n      row.style.transition = 'none';\n      row.style.transform = `translateY(${delta}px)`;\n    }\n\n    // Flush the inverted state into layout, so the browser has something to\n    // animate FROM. A forced reflow rather than `requestAnimationFrame`,\n    // deliberately: rAF does not fire in a hidden tab, and a sort that lands\n    // while the tab is in the background would leave every row frozen at its\n    // old position until the next reorder. One reflow, once per animation.\n    void body.offsetHeight;\n\n    // Play.\n    for (const { row } of moved) {\n      row.style.transition = `transform ${duration}ms ease-out`;\n      row.style.transform = '';\n    }\n\n    // Clear on arrival. A `transition` left inline would go on to animate\n    // transforms this hook never set — a dragged row, for one.\n    //\n    // A timer rather than `transitionend`, for the same reason the invert does\n    // not use `requestAnimationFrame`: in a hidden tab the transition never\n    // runs, so the event never fires and every animated row keeps its inline\n    // `transition` for the rest of the session. The duration is known exactly,\n    // so there is nothing to wait to be told.\n    const clear = () => {\n      for (const { row } of moved) {\n        row.style.transition = '';\n        row.style.transform = '';\n      }\n    };\n    const timer = setTimeout(clear, duration);\n\n    return () => {\n      // A reorder landing mid-animation starts over from wherever the rows are,\n      // so nothing may be left behind.\n      clearTimeout(timer);\n      clear();\n    };\n  });\n}\n"],"mappings":"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"}

package/dist/components/data/TableBase/use-scrollability.js

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

package/dist/components/data/TableBase/use-table-columns.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 
 //#region src/components/data/TableBase/use-table-columns.ts

package/dist/components/data/TableBase/use-table-search.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.js";
 import { getColumnText } from "./use-table-columns.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/TableBase/use-table-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { RowCollection } from "./RowCollection.js";
 import { useCallback, useMemo, useRef } from "react";

package/dist/components/data/TableBase/use-table-sort.js

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

package/dist/components/data/TableBase/use-table-sorts.js

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

package/dist/components/data/TableBase/use-table-storage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { useCallback, useRef, useState } from "react";
 
 //#region src/components/data/TableBase/use-table-storage.ts

package/dist/components/data/TableBase/use-table-tooltip-refresh.js

@@ -0,0 +1,68 @@
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
+import { refreshAutoTooltipsWithin } from "../../content/use-auto-tooltip.js";
+import { c } from "react/compiler-runtime";
+import { useEffect } from "react";
+
+//#region src/components/data/TableBase/use-table-tooltip-refresh.ts
+const APPEARANCE_ELEMENTS = new Set([
+	"Scroller",
+	"Table",
+	"Head",
+	"HeadRow",
+	"HeaderCell",
+	"HeaderGroupCell",
+	"Body",
+	"Row",
+	"Cell"
+]);
+function useTableTooltipRefresh(scroller, isScrolling) {
+	const $ = c(7);
+	let t0;
+	if ($[0] !== isScrolling || $[1] !== scroller?.parentElement) {
+		t0 = () => {
+			const root = scroller?.parentElement;
+			if (root && !isScrolling) refreshAutoTooltipsWithin(root);
+		};
+		$[0] = isScrolling;
+		$[1] = scroller?.parentElement;
+		$[2] = t0;
+	} else t0 = $[2];
+	useEffect(t0);
+	let t1;
+	if ($[3] !== scroller?.parentElement) {
+		t1 = () => {
+			const root_0 = scroller?.parentElement;
+			if (!root_0) return;
+			const observer = new MutationObserver((records) => {
+				if (records.some((t2) => {
+					const { target } = t2;
+					return target === root_0 || !root_0.contains(target) || target instanceof HTMLElement && APPEARANCE_ELEMENTS.has(target.dataset.element ?? "");
+				})) refreshAutoTooltipsWithin(root_0);
+			});
+			const refresh = () => refreshAutoTooltipsWithin(root_0);
+			document.fonts?.addEventListener("loadingdone", refresh);
+			observer.observe(root_0, {
+				attributes: true,
+				subtree: true
+			});
+			for (let parent = root_0.parentElement; parent; parent = parent.parentElement) observer.observe(parent, { attributes: true });
+			return () => {
+				observer.disconnect();
+				document.fonts?.removeEventListener("loadingdone", refresh);
+			};
+		};
+		$[3] = scroller?.parentElement;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== scroller) {
+		t2 = [scroller];
+		$[5] = scroller;
+		$[6] = t2;
+	} else t2 = $[6];
+	useEffect(t1, t2);
+}
+
+//#endregion
+export { useTableTooltipRefresh };
+//# sourceMappingURL=use-table-tooltip-refresh.js.map

package/dist/components/data/TableBase/use-table-tooltip-refresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-tooltip-refresh.js","names":["useEffect","refreshAutoTooltipsWithin","APPEARANCE_ELEMENTS","Set","useTableTooltipRefresh","scroller","isScrolling","$","_c","t0","parentElement","root","t1","root_0","observer","MutationObserver","records","some","t2","target","contains","HTMLElement","has","dataset","element","refresh","document","fonts","addEventListener","observe","attributes","subtree","parent","disconnect","removeEventListener"],"sources":["../../../../src/components/data/TableBase/use-table-tooltip-refresh.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { refreshAutoTooltipsWithin } from '../../content/use-auto-tooltip';\n\n// These elements own inherited table typography and its state selectors.\nconst APPEARANCE_ELEMENTS = new Set([\n  'Scroller',\n  'Table',\n  'Head',\n  'HeadRow',\n  'HeaderCell',\n  'HeaderGroupCell',\n  'Body',\n  'Row',\n  'Cell',\n]);\n\nexport function useTableTooltipRefresh(\n  scroller: HTMLDivElement | null,\n  isScrolling: boolean,\n) {\n  // A commit can change inherited appearance without changing the box or\n  // font-set size. Refresh at rest, including the commit that settles scroll.\n  useEffect(() => {\n    const root = scroller?.parentElement;\n    if (root && !isScrolling) refreshAutoTooltipsWithin(root);\n  });\n\n  useEffect(() => {\n    const root = scroller?.parentElement;\n    if (!root) return;\n\n    const observer = new MutationObserver((records) => {\n      if (\n        records.some(\n          ({ target }) =>\n            target === root ||\n            !root.contains(target) ||\n            (target instanceof HTMLElement &&\n              APPEARANCE_ELEMENTS.has(target.dataset.element ?? '')),\n        )\n      ) {\n        // One scan per delivery also covers sibling/state selector changes.\n        // Spacer height and tooltip-trigger mutations need no refresh.\n        refreshAutoTooltipsWithin(root);\n      }\n    });\n    const refresh = () => refreshAutoTooltipsWithin(root);\n    document.fonts?.addEventListener('loadingdone', refresh);\n    observer.observe(root, { attributes: true, subtree: true });\n    for (\n      let parent = root.parentElement;\n      parent;\n      parent = parent.parentElement\n    ) {\n      observer.observe(parent, { attributes: true });\n    }\n    return () => {\n      observer.disconnect();\n      document.fonts?.removeEventListener('loadingdone', refresh);\n    };\n  }, [scroller]);\n}\n"],"mappings":";;;;;;AAKA,MAAME,sBAAsB,IAAIC,IAAI;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAOC,uBAAAC,UAAAC,aAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,eAAAC,EAAA,OAAAF,UAAAK,eAAA;AAMKD,aAAA;GACR,MAAAE,OAAaN,UAAQK;AACrB,OAAIC,QAAA,CAASL,YAAaL,2BAA0BU,KAAK;;AAC1DJ,IAAA,KAAAD;AAAAC,IAAA,KAAAF,UAAAK;AAAAH,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAHDP,WAAUS,GAGR;CAAA,IAAAG;AAAA,KAAAL,EAAA,OAAAF,UAAAK,eAAA;AAEQE,aAAA;GACR,MAAAC,SAAaR,UAAQK;AACrB,OAAI,CAACC,OAAI;GAET,MAAAG,WAAiB,IAAIC,kBAAiBC,YAAA;AACpC,QACEA,QAAOC,MACLC,OAAA;KAAC,MAAA,EAAAC,WAAAD;AAAU,YACTC,WAAWR,UAAX,CACCA,OAAIS,SAAUD,OAEyC,IADvDA,kBAAkBE,eACjBnB,oBAAmBoB,IAAKH,OAAMI,QAAQC,WAAd,GAA8B;MAC3D,CAIDvB,2BAA0BU,OAAK;KAEjC;GACF,MAAAc,gBAAsBxB,0BAA0BU,OAAK;AACrDe,YAAQC,OAAwBC,iBAAC,eAAeH,QAAQ;AACxDX,YAAQe,QAASlB,QAAM;IAAAmB,YAAc;IAAIC,SAAW;IAAM,CAAC;AAC3D,QAAA,IAAAC,SACerB,OAAID,eACjBsB,QAFFA,SAGWA,OAAMtB,cAEfI,UAAQe,QAASG,QAAQ,EAAAF,YAAc,MAAM,CAAC;AAC/C,gBACM;AACLhB,aAAQmB,YAAa;AACrBP,aAAQC,OAA2BO,oBAAC,eAAeT,QAAQ;;;AAE9DlB,IAAA,KAAAF,UAAAK;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAF,UAAA;AAAEa,OAAA,CAACb,SAAS;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAW;OAAAA,MAAAX,EAAA;AAjCbP,WAAUY,IAiCPM,GAAW"}

package/dist/components/data/TableBase/use-table-tree-state.js

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

package/dist/components/fields/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/Checkbox/CheckboxGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { castNullableArrayValue } from "../../../utils/react/nullableValue.js";

package/dist/components/fields/Checkbox/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { createContext } from "react";
 
 //#region src/components/fields/Checkbox/context.ts

package/dist/components/fields/ColorInput/ColorInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";

package/dist/components/fields/ColorPicker/ColorPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/ColorSwatch/ColorSwatch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { parseColor, toHex } from "../color/color.js";
 import { c } from "react/compiler-runtime";

package/dist/components/fields/ColorSwatchGroup/ColorSwatchGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/ComboBox/ComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/CommandTextArea/CommandTextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/CommandTextArea/caretPosition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 //#region src/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",

package/dist/components/fields/CommandTextArea/useCaretAnchor.js

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

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/DatePicker/DateInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";

package/dist/components/fields/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/DatePicker/DatePickerButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";

package/dist/components/fields/DatePicker/DatePickerElement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/fields/DatePicker/DatePickerInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

package/dist/components/fields/DatePicker/DatePickerSegment.js

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

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/DatePicker/MonthPicker.js

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

package/dist/components/fields/DatePicker/PeriodPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/DatePicker/QuarterPicker.js

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

package/dist/components/fields/DatePicker/TimeInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/DatePicker/WeekPicker.js

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

package/dist/components/fields/DatePicker/YearPicker.js

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

package/dist/components/fields/DatePicker/parseDate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/parseDate.ts

package/dist/components/fields/DatePicker/period.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { CalendarDate, startOfMonth, startOfWeek, startOfYear, toCalendarDate } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/period.ts

package/dist/components/fields/DatePicker/props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

package/dist/components/fields/DatePicker/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle, useRef } from "react";
 import { createDOMRef } from "@react-spectrum/utils";

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/FilterListBox/FilterListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/FilterPicker/FilterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { isTextOnly } from "../../../utils/react/isTextOnly.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/Input/Input.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { TextInput } from "../TextInput/TextInput.js";
 import { _FileInput } from "../FileInput/FileInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";

package/dist/components/fields/ListBox/DraggableListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/ListBox/ListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/ListBox/optionId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 //#region src/components/fields/ListBox/optionId.ts
 /**
 * The DOM id of the option with `key` in the listbox whose id is `listBoxId`,

package/dist/components/fields/ListBoxPopover/ListBoxPopover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";