@cube-dev/ui-kit 0.132.0 → 0.134.0

package/dist/components/content/Placeholder/Placeholder.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/prismSetup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { jsx } from "react/jsx-runtime";
 import { diffLines } from "diff";

package/dist/components/content/Result/Result.js

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

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Text.d.ts

@@ -141,7 +141,7 @@ declare const MinorText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -174,7 +174,7 @@ declare const MinorText: react.ComponentType<{
   popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
   popoverTarget?: string | undefined;
   inert?: boolean | undefined;
-  inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
   is?: string | undefined;
   exportparts?: string | undefined;
   part?: string | undefined;
@@ -190,7 +190,7 @@ declare const MinorText: react.ComponentType<{
   "aria-colindextext"?: string | undefined;
   "aria-colspan"?: number | undefined;
   "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "time" | "step" | "page" | "date" | "true" | "false" | "location" | undefined;
+  "aria-current"?: boolean | "time" | "step" | "page" | "true" | "false" | "location" | "date" | undefined;
   "aria-describedby"?: string | undefined;
   "aria-description"?: string | undefined;
   "aria-details"?: string | undefined;
@@ -421,7 +421,7 @@ declare const MinorText: react.ComponentType<{
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
-  element?: `A${string}` | `I${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
+  element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
   breakpoints?: number[] | undefined;
   block?: boolean | undefined;
@@ -550,7 +550,7 @@ declare const DangerText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -583,7 +583,7 @@ declare const DangerText: react.ComponentType<{
   popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
   popoverTarget?: string | undefined;
   inert?: boolean | undefined;
-  inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
   is?: string | undefined;
   exportparts?: string | undefined;
   part?: string | undefined;
@@ -599,7 +599,7 @@ declare const DangerText: react.ComponentType<{
   "aria-colindextext"?: string | undefined;
   "aria-colspan"?: number | undefined;
   "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "time" | "step" | "page" | "date" | "true" | "false" | "location" | undefined;
+  "aria-current"?: boolean | "time" | "step" | "page" | "true" | "false" | "location" | "date" | undefined;
   "aria-describedby"?: string | undefined;
   "aria-description"?: string | undefined;
   "aria-details"?: string | undefined;
@@ -830,7 +830,7 @@ declare const DangerText: react.ComponentType<{
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
-  element?: `A${string}` | `I${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
+  element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
   breakpoints?: number[] | undefined;
   block?: boolean | undefined;
@@ -959,7 +959,7 @@ declare const SuccessText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -992,7 +992,7 @@ declare const SuccessText: react.ComponentType<{
   popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
   popoverTarget?: string | undefined;
   inert?: boolean | undefined;
-  inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
   is?: string | undefined;
   exportparts?: string | undefined;
   part?: string | undefined;
@@ -1008,7 +1008,7 @@ declare const SuccessText: react.ComponentType<{
   "aria-colindextext"?: string | undefined;
   "aria-colspan"?: number | undefined;
   "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "time" | "step" | "page" | "date" | "true" | "false" | "location" | undefined;
+  "aria-current"?: boolean | "time" | "step" | "page" | "true" | "false" | "location" | "date" | undefined;
   "aria-describedby"?: string | undefined;
   "aria-description"?: string | undefined;
   "aria-details"?: string | undefined;
@@ -1239,7 +1239,7 @@ declare const SuccessText: react.ComponentType<{
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
-  element?: `A${string}` | `I${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
+  element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
   breakpoints?: number[] | undefined;
   block?: boolean | undefined;
@@ -1368,7 +1368,7 @@ declare const StrongText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -1401,7 +1401,7 @@ declare const StrongText: react.ComponentType<{
   popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
   popoverTarget?: string | undefined;
   inert?: boolean | undefined;
-  inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
   is?: string | undefined;
   exportparts?: string | undefined;
   part?: string | undefined;
@@ -1417,7 +1417,7 @@ declare const StrongText: react.ComponentType<{
   "aria-colindextext"?: string | undefined;
   "aria-colspan"?: number | undefined;
   "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "time" | "step" | "page" | "date" | "true" | "false" | "location" | undefined;
+  "aria-current"?: boolean | "time" | "step" | "page" | "true" | "false" | "location" | "date" | undefined;
   "aria-describedby"?: string | undefined;
   "aria-description"?: string | undefined;
   "aria-details"?: string | undefined;
@@ -1648,7 +1648,7 @@ declare const StrongText: react.ComponentType<{
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
-  element?: `A${string}` | `I${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
+  element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
   breakpoints?: number[] | undefined;
   block?: boolean | undefined;
@@ -1777,7 +1777,7 @@ declare const EmphasisText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -1810,7 +1810,7 @@ declare const EmphasisText: react.ComponentType<{
   popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
   popoverTarget?: string | undefined;
   inert?: boolean | undefined;
-  inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
   is?: string | undefined;
   exportparts?: string | undefined;
   part?: string | undefined;
@@ -1826,7 +1826,7 @@ declare const EmphasisText: react.ComponentType<{
   "aria-colindextext"?: string | undefined;
   "aria-colspan"?: number | undefined;
   "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "time" | "step" | "page" | "date" | "true" | "false" | "location" | undefined;
+  "aria-current"?: boolean | "time" | "step" | "page" | "true" | "false" | "location" | "date" | undefined;
   "aria-describedby"?: string | undefined;
   "aria-description"?: string | undefined;
   "aria-details"?: string | undefined;
@@ -2057,7 +2057,7 @@ declare const EmphasisText: react.ComponentType<{
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
-  element?: `A${string}` | `I${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
+  element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
   breakpoints?: number[] | undefined;
   block?: boolean | undefined;
@@ -2186,7 +2186,7 @@ declare const PlaceholderText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -2219,7 +2219,7 @@ declare const PlaceholderText: react.ComponentType<{
   popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
   popoverTarget?: string | undefined;
   inert?: boolean | undefined;
-  inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
   is?: string | undefined;
   exportparts?: string | undefined;
   part?: string | undefined;
@@ -2235,7 +2235,7 @@ declare const PlaceholderText: react.ComponentType<{
   "aria-colindextext"?: string | undefined;
   "aria-colspan"?: number | undefined;
   "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "time" | "step" | "page" | "date" | "true" | "false" | "location" | undefined;
+  "aria-current"?: boolean | "time" | "step" | "page" | "true" | "false" | "location" | "date" | undefined;
   "aria-describedby"?: string | undefined;
   "aria-description"?: string | undefined;
   "aria-details"?: string | undefined;
@@ -2466,7 +2466,7 @@ declare const PlaceholderText: react.ComponentType<{
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
-  element?: `A${string}` | `I${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
+  element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
   breakpoints?: number[] | undefined;
   block?: boolean | undefined;
@@ -2595,7 +2595,7 @@ declare const HighlightText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -2628,7 +2628,7 @@ declare const HighlightText: react.ComponentType<{
   popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
   popoverTarget?: string | undefined;
   inert?: boolean | undefined;
-  inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
   is?: string | undefined;
   exportparts?: string | undefined;
   part?: string | undefined;
@@ -2644,7 +2644,7 @@ declare const HighlightText: react.ComponentType<{
   "aria-colindextext"?: string | undefined;
   "aria-colspan"?: number | undefined;
   "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "time" | "step" | "page" | "date" | "true" | "false" | "location" | undefined;
+  "aria-current"?: boolean | "time" | "step" | "page" | "true" | "false" | "location" | "date" | undefined;
   "aria-describedby"?: string | undefined;
   "aria-description"?: string | undefined;
   "aria-details"?: string | undefined;
@@ -2875,7 +2875,7 @@ declare const HighlightText: react.ComponentType<{
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
-  element?: `A${string}` | `I${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
+  element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
   breakpoints?: number[] | undefined;
   block?: boolean | undefined;

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

package/dist/components/content/Tree/Tree.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.132.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.134.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
-import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { SIZES, SIZE_NAME_TO_KEY } from "../../../tokens/sizes.js";
-import { TreeElement } from "./styled.js";
+import { TreeElement, TreeScrollContainer } from "./styled.js";
 import { buildTreeIndex } from "./tree-index.js";
 import { TreeNode } from "./TreeNode.js";
 import { useCheckboxTree } from "./use-checkbox-tree.js";
@@ -76,9 +75,10 @@ function resolveSelectionMode(selectionMode, isSelectable) {
 	return "single";
 }
 function TreeBase(props, ref) {
-	const { treeData, isCheckable = false, isSelectable, selectionMode: selectionModeProp, size = "medium", shape = "default", containerPadding = 4, isDisabled = false, defaultExpandedKeys, expandedKeys, autoExpandParent = false, defaultCheckedKeys, checkedKeys, defaultSelectedKeys, selectedKeys, height, loadData, onExpand, onCheck, onSelect, itemProps, rowStyles, ariaLabel, qa, expandOnFolderClick = false, menu: treeMenu, contextMenu: treeContextMenu, onAction: treeOnAction, menuTriggerProps, menuProps, ...otherProps } = props;
+	const { treeData, isCheckable = false, isSelectable, selectionMode: selectionModeProp, size = "medium", shape = "default", containerPadding = 4, isDisabled = false, defaultExpandedKeys, expandedKeys, autoExpandParent = false, defaultCheckedKeys, checkedKeys, defaultSelectedKeys, selectedKeys, height, loadData, onExpand, onCheck, onSelect, itemProps, rowStyles, ariaLabel, qa, menu: treeMenu, contextMenu: treeContextMenu, onAction: treeOnAction, menuTriggerProps, menuProps, ...otherProps } = props;
 	const baseStyles = extractStyles(otherProps, OUTER_STYLES);
 	const treeRef = useRef(null);
+	const scrollRef = useRef(null);
 	const treeIndex = useMemo(() => buildTreeIndex(treeData), [treeData]);
 	const nodesByKey = treeIndex.byKey;
 	const parentOf = treeIndex.parentOf;
@@ -217,7 +217,7 @@ function TreeBase(props, ref) {
 	visibleNodesRef.current = visibleNodes;
 	const rowVirtualizer = useVirtualizer({
 		count: visibleNodes.length,
-		getScrollElement: () => treeRef.current,
+		getScrollElement: () => scrollRef.current,
 		getItemKey: (index) => {
 			return visibleNodesRef.current[index]?.key ?? index;
 		},
@@ -227,68 +227,127 @@ function TreeBase(props, ref) {
 		paddingStart: containerPadding,
 		paddingEnd: containerPadding
 	});
-	const containerStyle = useMemo(() => {
-		const style = {
-			position: "relative",
-			height: `${rowVirtualizer.getTotalSize()}px`
-		};
-		if (height != null) style["--tree-height"] = `${height}px`;
-		return style;
-	}, [rowVirtualizer.getTotalSize(), height]);
+	const treeStyle = useMemo(() => {
+		if (height == null) return void 0;
+		return { ["--tree-height"]: `${height}px` };
+	}, [height]);
+	const sizerStyle = useMemo(() => ({
+		position: "relative",
+		width: "100%",
+		height: `${rowVirtualizer.getTotalSize()}px`
+	}), [rowVirtualizer.getTotalSize()]);
+	/**
+	* Each scroll effect tracks its own "last scrolled" target instead
+	* of sharing one ref. A shared ref creates a feedback loop: keyboard
+	* nav updates the focused-key ref to the new row, and any subsequent
+	* `visibleNodes` change OR `selectedKeys` array-identity change
+	* (very common — `selectedKeys={[value]}` allocates a fresh array
+	* every parent render) re-runs the selectedKeys effect, which sees
+	* the ref no longer matches `selectedKeys[0]` and yanks the viewport
+	* back to the selected row. Two refs let each effect dedupe against
+	* its own intent only; the cost is at most one duplicate
+	* `scrollToIndex` call when click updates focus and selection in the
+	* same render (idempotent — both target the same index).
+	*/
+	const lastFocusedScrollRef = useRef(null);
+	const lastSelectedScrollRef = useRef(null);
+	/**
+	* Keep the focused row visible during keyboard navigation.
+	*
+	* Uses `rowVirtualizer.scrollToIndex` (instead of
+	* `querySelector + scrollIntoView`) so the scroll lands even when the
+	* target row is outside the virtualizer's currently rendered window.
+	* `align: 'auto'` only scrolls when needed, matching the prior
+	* `scrollIntoView({ block: 'nearest' })` behavior.
+	*/
 	useLayoutEffect(() => {
 		const focusedKey = state.selectionManager.focusedKey;
 		if (focusedKey == null) return;
-		const scrollElement = treeRef.current;
-		if (!scrollElement) return;
-		const row = scrollElement.querySelector(`[data-qa-key="${CSS.escape(String(focusedKey))}"]`);
-		if (!row || typeof row.scrollIntoView !== "function") return;
-		row.scrollIntoView({ block: "nearest" });
-	}, [state.selectionManager.focusedKey]);
+		if (lastFocusedScrollRef.current === focusedKey) return;
+		const index = visibleNodesRef.current.findIndex((n) => n.key === focusedKey);
+		if (index < 0) return;
+		rowVirtualizer.scrollToIndex(index, { align: "auto" });
+		lastFocusedScrollRef.current = focusedKey;
+	}, [state.selectionManager.focusedKey, rowVirtualizer]);
+	/**
+	* Scroll into view when controlled `selectedKeys` changes externally.
+	*
+	* Selection-manager `focusedKey` only updates on explicit user
+	* interaction (click / keyboard) — it does NOT track controlled
+	* `selectedKeys` prop changes. So when a parent updates the prop
+	* (e.g. opening a file from elsewhere), we need a separate effect
+	* to bring the row into view.
+	*
+	* Re-runs on `visibleNodes` so we retry once parents are expanded
+	* (the row is invisible to the virtualizer until then).
+	*/
+	useLayoutEffect(() => {
+		if (selectedKeys == null) return;
+		const target = selectedKeys[0];
+		if (target == null) return;
+		if (lastSelectedScrollRef.current === target) return;
+		const index = visibleNodes.findIndex((n) => String(n.key) === target);
+		if (index < 0) return;
+		rowVirtualizer.scrollToIndex(index, { align: "auto" });
+		lastSelectedScrollRef.current = target;
+	}, [
+		selectedKeys,
+		visibleNodes,
+		rowVirtualizer
+	]);
 	const mods = useMemo(() => ({
 		"has-height": height != null,
 		shape
 	}), [height, shape]);
+	const mergedScrollRef = useMemo(() => mergeRefs(ref, scrollRef), [ref, scrollRef]);
 	return /* @__PURE__ */ jsx(TreeElement, {
-		...mergeProps$1(gridProps, { ref: useMemo(() => mergeRefs(ref, treeRef), [ref, treeRef]) }),
+		...gridProps,
+		ref: treeRef,
 		qa: qa ?? "Tree",
 		mods,
 		styles: baseStyles,
-		style: containerStyle,
-		children: rowVirtualizer.getVirtualItems().map((virtualItem) => {
-			const node = visibleNodes[virtualItem.index];
-			if (!node) return null;
-			const keyStr = String(node.key);
-			const data = nodesByKey.get(keyStr);
-			if (!data) return null;
-			return /* @__PURE__ */ jsx(TreeNode, {
-				node,
-				data,
-				state,
-				isCheckable,
-				isExpanded: state.expandedKeys.has(node.key),
-				isChecked: checkbox.checkedSet.has(keyStr),
-				isIndeterminate: checkbox.halfCheckedSet.has(keyStr),
-				isLoading: loadDataController.loadingKeys.has(keyStr),
-				size,
-				itemProps,
-				rowStyles,
-				virtualStyle: {
-					position: "absolute",
-					top: 0,
-					left: containerPadding,
-					right: containerPadding,
-					transform: `translateY(${virtualItem.start}px)`
-				},
-				virtualRef: rowVirtualizer.measureElement,
-				virtualIndex: virtualItem.index,
-				menu: treeMenu,
-				contextMenu: treeContextMenu,
-				menuTriggerProps,
-				menuProps,
-				expandOnFolderClick,
-				onToggleChecked: checkbox.toggle,
-				onAction: treeOnAction
-			}, node.key);
+		style: treeStyle,
+		children: /* @__PURE__ */ jsx(TreeScrollContainer, {
+			ref: mergedScrollRef,
+			children: /* @__PURE__ */ jsx("div", {
+				role: "presentation",
+				style: sizerStyle,
+				children: rowVirtualizer.getVirtualItems().map((virtualItem) => {
+					const node = visibleNodes[virtualItem.index];
+					if (!node) return null;
+					const keyStr = String(node.key);
+					const data = nodesByKey.get(keyStr);
+					if (!data) return null;
+					return /* @__PURE__ */ jsx(TreeNode, {
+						node,
+						data,
+						state,
+						isCheckable,
+						isExpanded: state.expandedKeys.has(node.key),
+						isChecked: checkbox.checkedSet.has(keyStr),
+						isIndeterminate: checkbox.halfCheckedSet.has(keyStr),
+						isLoading: loadDataController.loadingKeys.has(keyStr),
+						size,
+						itemProps,
+						rowStyles,
+						virtualStyle: {
+							position: "absolute",
+							top: 0,
+							left: containerPadding,
+							right: containerPadding,
+							transform: `translateY(${virtualItem.start}px)`
+						},
+						virtualRef: rowVirtualizer.measureElement,
+						virtualIndex: virtualItem.index,
+						menu: treeMenu,
+						contextMenu: treeContextMenu,
+						menuTriggerProps,
+						menuProps,
+						onToggleChecked: checkbox.toggle,
+						onAction: treeOnAction
+					}, node.key);
+				})
+			})
 		})
 	});
 }