@cube-dev/ui-kit 0.133.0 → 0.135.0

package/dist/components/content/Layout/LayoutCenter.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { _LayoutContainer } from "./LayoutContainer.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/content/Layout/LayoutCenter.tsx
 const CenterElement = tasty(_LayoutContainer, {
@@ -17,12 +17,30 @@ const CenterElement = tasty(_LayoutContainer, {
 		}
 	}
 });
+const GoldenRatioSpacerElement = tasty({
+	"aria-hidden": "true",
+	qa: "LayoutCenterGoldenRatioSpacer",
+	styles: {
+		flexGrow: {
+			"": .382,
+			"position=bottom": .618
+		},
+		flexShrink: 1,
+		flexBasis: 0,
+		minHeight: 0,
+		pointerEvents: "none"
+	}
+});
 function LayoutCenter(props, ref) {
-	const { children, ...otherProps } = props;
-	return /* @__PURE__ */ jsx(CenterElement, {
+	const { children, isGoldenRatio, ...otherProps } = props;
+	return /* @__PURE__ */ jsxs(CenterElement, {
 		...otherProps,
 		ref,
-		children
+		children: [
+			isGoldenRatio && /* @__PURE__ */ jsx(GoldenRatioSpacerElement, { mods: { position: "top" } }),
+			children,
+			isGoldenRatio && /* @__PURE__ */ jsx(GoldenRatioSpacerElement, { mods: { position: "bottom" } })
+		]
 	});
 }
 const _LayoutCenter = forwardRef(LayoutCenter);

package/dist/components/content/Layout/LayoutCenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutCenter.js","names":["LayoutContainer"],"sources":["../../../../src/components/content/Layout/LayoutCenter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContainerProps, LayoutContainer } from './LayoutContainer';\n\nconst CenterElement = tasty(LayoutContainer, {\n  qa: 'LayoutCenter',\n  styles: {\n    placeItems: 'stretch',\n    placeContent: 'stretch',\n\n    Inner: {\n      textAlign: 'center',\n      placeItems: 'center',\n      placeContent: 'center',\n    },\n  },\n});\n\nexport interface CubeLayoutCenterProps extends CubeLayoutContainerProps {}\n\nfunction LayoutCenter(\n  props: CubeLayoutCenterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, ...otherProps } = props;\n\n  return (\n    <CenterElement {...otherProps} ref={ref}>\n      {children}\n    </CenterElement>\n  );\n}\n\nconst _LayoutCenter = forwardRef(LayoutCenter);\n\n_LayoutCenter.displayName = 'Layout.Center';\n\nexport { _LayoutCenter as LayoutCenter };\n"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,MAAMA,kBAAiB;CAC3C,IAAI;CACJ,QAAQ;EACN,YAAY;EACZ,cAAc;EAEd,OAAO;GACL,WAAW;GACX,YAAY;GACZ,cAAc;GACf;EACF;CACF,CAAC;AAIF,SAAS,aACP,OACA,KACA;CACA,MAAM,EAAE,UAAU,GAAG,eAAe;AAEpC,QACE,oBAAC;EAAc,GAAI;EAAiB;EACjC;GACa;;AAIpB,MAAM,gBAAgB,WAAW,aAAa;AAE9C,cAAc,cAAc"}
+{"version":3,"file":"LayoutCenter.js","names":["LayoutContainer"],"sources":["../../../../src/components/content/Layout/LayoutCenter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContainerProps, LayoutContainer } from './LayoutContainer';\n\nconst CenterElement = tasty(LayoutContainer, {\n  qa: 'LayoutCenter',\n  styles: {\n    placeItems: 'stretch',\n    placeContent: 'stretch',\n\n    Inner: {\n      textAlign: 'center',\n      placeItems: 'center',\n      placeContent: 'center',\n    },\n  },\n});\n\nconst GoldenRatioSpacerElement = tasty({\n  'aria-hidden': 'true',\n  qa: 'LayoutCenterGoldenRatioSpacer',\n  styles: {\n    flexGrow: {\n      '': 0.382,\n      'position=bottom': 0.618,\n    },\n    flexShrink: 1,\n    flexBasis: 0,\n    minHeight: 0,\n    pointerEvents: 'none',\n  },\n});\n\nexport interface CubeLayoutCenterProps extends CubeLayoutContainerProps {\n  /**\n   * Position content slightly above the visual center using the golden ratio\n   * (~38.2% empty space above, ~61.8% below) for a more aesthetically pleasing\n   * placement. Only takes effect while the content is smaller than the\n   * container; once the content overflows, layout falls back to the default\n   * centered behavior.\n   * @default false\n   */\n  isGoldenRatio?: boolean;\n}\n\nfunction LayoutCenter(\n  props: CubeLayoutCenterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, isGoldenRatio, ...otherProps } = props;\n\n  return (\n    <CenterElement {...otherProps} ref={ref}>\n      {isGoldenRatio && <GoldenRatioSpacerElement mods={{ position: 'top' }} />}\n      {children}\n      {isGoldenRatio && (\n        <GoldenRatioSpacerElement mods={{ position: 'bottom' }} />\n      )}\n    </CenterElement>\n  );\n}\n\nconst _LayoutCenter = forwardRef(LayoutCenter);\n\n_LayoutCenter.displayName = 'Layout.Center';\n\nexport { _LayoutCenter as LayoutCenter };\n"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,MAAMA,kBAAiB;CAC3C,IAAI;CACJ,QAAQ;EACN,YAAY;EACZ,cAAc;EAEd,OAAO;GACL,WAAW;GACX,YAAY;GACZ,cAAc;GACf;EACF;CACF,CAAC;AAEF,MAAM,2BAA2B,MAAM;CACrC,eAAe;CACf,IAAI;CACJ,QAAQ;EACN,UAAU;GACR,IAAI;GACJ,mBAAmB;GACpB;EACD,YAAY;EACZ,WAAW;EACX,WAAW;EACX,eAAe;EAChB;CACF,CAAC;AAcF,SAAS,aACP,OACA,KACA;CACA,MAAM,EAAE,UAAU,eAAe,GAAG,eAAe;AAEnD,QACE,qBAAC;EAAc,GAAI;EAAiB;;GACjC,iBAAiB,oBAAC,4BAAyB,MAAM,EAAE,UAAU,OAAO,GAAI;GACxE;GACA,iBACC,oBAAC,4BAAyB,MAAM,EAAE,UAAU,UAAU,GAAI;;GAE9C;;AAIpB,MAAM,gBAAgB,WAAW,aAAa;AAE9C,cAAc,cAAc"}

package/dist/components/content/Layout/LayoutContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

package/dist/components/content/Layout/LayoutContent.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

package/dist/components/content/Layout/LayoutContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutFlex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutFooter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";

package/dist/components/content/Layout/LayoutGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";
 import { Button } from "../../actions/Button/Button.js";

package/dist/components/content/Layout/LayoutPane.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | 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/content/Layout/LayoutPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | 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/content/Layout/LayoutPanelHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

package/dist/components/content/Layout/LayoutToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/hooks/useTinyScrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/components/content/Layout/hooks/useTinyScrollbar.ts

package/dist/components/content/Layout/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

package/dist/components/content/Layout/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { _Text } from "./Text.js";
 import { CONTAINER_STYLES, TEXT_STYLES } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
@@ -39,6 +39,11 @@ const Container = tasty({
 			"": "center",
 			compact: "left"
 		},
+		width: "max 80ch",
+		margin: {
+			"": "0 auto",
+			compact: "0"
+		},
 		"--icon-size": "6x",
 		Icon: {
 			$: ">",
@@ -57,7 +62,8 @@ const Container = tasty({
 			flow: "column",
 			placeItems: "inherit",
 			gap: "1x",
-			placeSelf: "center"
+			placeSelf: "center",
+			textWrap: "balance"
 		}
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Result.js","names":["Title"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import {\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconCircleXFilled,\n  IconInfoCircleFilled,\n} from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Additional block content. For example, a set of buttons */\n  children?: ReactNode;\n  /** Custom icon element */\n  icon?: ReactNode;\n  /**\n   * Result status from ready-made templates\n   * @default 'info'\n   */\n  status?: CubeResultStatus;\n  /**\n   * The subTitle\n   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead\n   */\n  subTitle?: ReactNode;\n  /**\n   * Subtitle of the Result component\n   */\n  subtitle?: ReactNode;\n  /** The title */\n  title?: ReactNode;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<\n  CubeResultStatus,\n  {\n    color: string;\n    component: ComponentType;\n  }\n>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    gap: {\n      '': '3x',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      compact: '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    '--icon-size': '6x',\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n    },\n\n    Title: {\n      $: '>',\n      gridArea: 'title',\n      display: 'flex',\n      flow: 'column',\n      placeItems: 'inherit',\n      gap: '1x',\n      placeSelf: 'center',\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: {\n    color: 'success',\n    component: () => <IconCircleCheckFilled />,\n  },\n  error: {\n    color: 'danger',\n    component: () => <IconCircleXFilled />,\n  },\n  info: {\n    color: 'purple',\n    component: () => <IconInfoCircleFilled />,\n  },\n  warning: {\n    color: 'warning',\n    component: () => <IconAlertTriangleFilled />,\n  },\n  404: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  403: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  500: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    ...otherProps\n  } = props;\n\n  subtitle = subtitle ?? subTitle;\n\n  if (icon && status) {\n    console.warn(\n      'Don\\'t use \"icon\" and \"status\" together, it can lead to possible errors.',\n    );\n  }\n\n  const iconNode = useMemo(() => {\n    if (icon) {\n      return icon;\n    }\n\n    const { color, component: Component } =\n      status && statusIconMap.hasOwnProperty(status)\n        ? statusIconMap[status]\n        : statusIconMap.info;\n\n    return (\n      <div data-element=\"Icon\" style={{ color: `var(--${color}-color)` }}>\n        <Component data-element=\"Icon\" />\n      </div>\n    );\n  }, [icon, status]);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: { compact: isCompact },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title level={3} preset={isCompact ? 't3m' : 't2m'}>\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n    </Container>\n  );\n}\n\nconst _Result = forwardRef(Result);\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result };\n"],"mappings":";;;;;;;;;;;AA6DA,MAAM,YAAY,MAAM;CACtB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;EACX,MAAM;EACN,cAAc;GACZ,IAAI;GACJ,SAAS;GACV;EACD,YAAY;GACV,IAAI;GACJ,SAAS;GACV;EACD,KAAK;GACH,IAAI;GACJ,SAAS;GACV;EACD,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;GACT,IAAI;GACJ,SAAS;GACV;EACD,eAAe;EAEf,MAAM;GACJ,GAAG;GACH,SAAS;GACT,UAAU;GACX;EAED,SAAS;GACP,GAAG;GACH,UAAU;GACV,SAAS;GACV;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,SAAS;GACT,MAAM;GACN,YAAY;GACZ,KAAK;GACL,WAAW;GACZ;EACF;CACF,CAAC;AAEF,MAAM,gBAA+B;CACnC,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,0BAAwB;EAC3C;CACD,OAAO;EACL,OAAO;EACP,iBAAiB,oBAAC,sBAAoB;EACvC;CACD,MAAM;EACJ,OAAO;EACP,iBAAiB,oBAAC,yBAAuB;EAC1C;CACD,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,4BAA0B;EAC7C;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACF;AAED,SAAS,OAAO,OAAwB,KAAK;CAC3C,IAAI,EACF,UACA,WACA,MACA,QACA,UACA,UACA,OACA,GAAG,eACD;AAEJ,YAAW,YAAY;AAEvB,KAAI,QAAQ,OACV,SAAQ,KACN,8EACD;CAGH,MAAM,WAAW,cAAc;AAC7B,MAAI,KACF,QAAO;EAGT,MAAM,EAAE,OAAO,WAAW,cACxB,UAAU,cAAc,eAAe,OAAO,GAC1C,cAAc,UACd,cAAc;AAEpB,SACE,oBAAC;GAAI,gBAAa;GAAO,OAAO,EAAE,OAAO,SAAS,MAAM,UAAU;aAChE,oBAAC,aAAU,gBAAa,SAAS;IAC7B;IAEP,CAAC,MAAM,OAAO,CAAC;CAElB,MAAM,SAAS,cAAc,YAAY,iBAAiB;AAE1D,QACE,qBAAC;EACC,GAAI,WAAW,gBAAgB,YAAY,EAAE,YAAY,MAAM,CAAC,EAAE,EAChE,MAAM,EAAE,SAAS,WAAW,EAC7B,CAAC;EACG;EACG;;GAEP;IACC,SAAS,aACT,qBAAC;IAAI,gBAAa;eACf,gBAAgB,aACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,OAAO;eACzC;MACK,CACR,EACD,gBAAgB,gBACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,QAAQ;eAC1C;MACK,CACR;KACE;GAEP,YAAY,oBAAC;IAAI,gBAAa;IAAW;KAAe;;GAC/C;;AAIhB,MAAM,UAAU,WAAW,OAAO;AAElC,QAAQ,cAAc"}
+{"version":3,"file":"Result.js","names":["Title"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import {\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconCircleXFilled,\n  IconInfoCircleFilled,\n} from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Additional block content. For example, a set of buttons */\n  children?: ReactNode;\n  /** Custom icon element */\n  icon?: ReactNode;\n  /**\n   * Result status from ready-made templates\n   * @default 'info'\n   */\n  status?: CubeResultStatus;\n  /**\n   * The subTitle\n   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead\n   */\n  subTitle?: ReactNode;\n  /**\n   * Subtitle of the Result component\n   */\n  subtitle?: ReactNode;\n  /** The title */\n  title?: ReactNode;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<\n  CubeResultStatus,\n  {\n    color: string;\n    component: ComponentType;\n  }\n>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    gap: {\n      '': '3x',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      compact: '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    width: 'max 80ch',\n    margin: {\n      '': '0 auto',\n      compact: '0',\n    },\n    '--icon-size': '6x',\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n    },\n\n    Title: {\n      $: '>',\n      gridArea: 'title',\n      display: 'flex',\n      flow: 'column',\n      placeItems: 'inherit',\n      gap: '1x',\n      placeSelf: 'center',\n      textWrap: 'balance',\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: {\n    color: 'success',\n    component: () => <IconCircleCheckFilled />,\n  },\n  error: {\n    color: 'danger',\n    component: () => <IconCircleXFilled />,\n  },\n  info: {\n    color: 'purple',\n    component: () => <IconInfoCircleFilled />,\n  },\n  warning: {\n    color: 'warning',\n    component: () => <IconAlertTriangleFilled />,\n  },\n  404: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  403: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  500: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    ...otherProps\n  } = props;\n\n  subtitle = subtitle ?? subTitle;\n\n  if (icon && status) {\n    console.warn(\n      'Don\\'t use \"icon\" and \"status\" together, it can lead to possible errors.',\n    );\n  }\n\n  const iconNode = useMemo(() => {\n    if (icon) {\n      return icon;\n    }\n\n    const { color, component: Component } =\n      status && statusIconMap.hasOwnProperty(status)\n        ? statusIconMap[status]\n        : statusIconMap.info;\n\n    return (\n      <div data-element=\"Icon\" style={{ color: `var(--${color}-color)` }}>\n        <Component data-element=\"Icon\" />\n      </div>\n    );\n  }, [icon, status]);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: { compact: isCompact },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title level={3} preset={isCompact ? 't3m' : 't2m'}>\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n    </Container>\n  );\n}\n\nconst _Result = forwardRef(Result);\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result };\n"],"mappings":";;;;;;;;;;;AA6DA,MAAM,YAAY,MAAM;CACtB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;EACX,MAAM;EACN,cAAc;GACZ,IAAI;GACJ,SAAS;GACV;EACD,YAAY;GACV,IAAI;GACJ,SAAS;GACV;EACD,KAAK;GACH,IAAI;GACJ,SAAS;GACV;EACD,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;GACT,IAAI;GACJ,SAAS;GACV;EACD,OAAO;EACP,QAAQ;GACN,IAAI;GACJ,SAAS;GACV;EACD,eAAe;EAEf,MAAM;GACJ,GAAG;GACH,SAAS;GACT,UAAU;GACX;EAED,SAAS;GACP,GAAG;GACH,UAAU;GACV,SAAS;GACV;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,SAAS;GACT,MAAM;GACN,YAAY;GACZ,KAAK;GACL,WAAW;GACX,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,gBAA+B;CACnC,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,0BAAwB;EAC3C;CACD,OAAO;EACL,OAAO;EACP,iBAAiB,oBAAC,sBAAoB;EACvC;CACD,MAAM;EACJ,OAAO;EACP,iBAAiB,oBAAC,yBAAuB;EAC1C;CACD,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,4BAA0B;EAC7C;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACF;AAED,SAAS,OAAO,OAAwB,KAAK;CAC3C,IAAI,EACF,UACA,WACA,MACA,QACA,UACA,UACA,OACA,GAAG,eACD;AAEJ,YAAW,YAAY;AAEvB,KAAI,QAAQ,OACV,SAAQ,KACN,8EACD;CAGH,MAAM,WAAW,cAAc;AAC7B,MAAI,KACF,QAAO;EAGT,MAAM,EAAE,OAAO,WAAW,cACxB,UAAU,cAAc,eAAe,OAAO,GAC1C,cAAc,UACd,cAAc;AAEpB,SACE,oBAAC;GAAI,gBAAa;GAAO,OAAO,EAAE,OAAO,SAAS,MAAM,UAAU;aAChE,oBAAC,aAAU,gBAAa,SAAS;IAC7B;IAEP,CAAC,MAAM,OAAO,CAAC;CAElB,MAAM,SAAS,cAAc,YAAY,iBAAiB;AAE1D,QACE,qBAAC;EACC,GAAI,WAAW,gBAAgB,YAAY,EAAE,YAAY,MAAM,CAAC,EAAE,EAChE,MAAM,EAAE,SAAS,WAAW,EAC7B,CAAC;EACG;EACG;;GAEP;IACC,SAAS,aACT,qBAAC;IAAI,gBAAa;eACf,gBAAgB,aACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,OAAO;eACzC;MACK,CACR,EACD,gBAAgB,gBACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,QAAQ;eAC1C;MACK,CACR;KACE;GAEP,YAAY,oBAAC;IAAI,gBAAa;IAAW;KAAe;;GAC/C;;AAIhB,MAAM,UAAU,WAAW,OAAO;AAElC,QAAQ,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | 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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | 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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | 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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | 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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | 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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | 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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -236,15 +236,65 @@ function TreeBase(props, ref) {
 		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 = scrollRef.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

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","names":[],"sources":["../../../../src/components/content/Tree/Tree.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { OUTER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useLayoutEffect, useMemo, useRef } from 'react';\nimport { useTree } from 'react-aria';\nimport { Item, useTreeState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { SIZE_NAME_TO_KEY, SIZES } from '../../../tokens/sizes';\nimport { mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TreeElement, TreeScrollContainer } from './styled';\nimport { buildTreeIndex } from './tree-index';\nimport { TreeNode } from './TreeNode';\nimport { useCheckboxTree } from './use-checkbox-tree';\nimport { useLoadData } from './use-load-data';\n\nimport type { Key, Node, Selection } from '@react-types/shared';\nimport type {\n  CSSProperties,\n  ForwardedRef,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport type {\n  CubeTreeNodeData,\n  CubeTreeProps,\n  TreeOnExpandInfo,\n  TreeOnSelectInfo,\n  TreeSelectionMode,\n} from './types';\n\n/**\n * Render an `<Item>` for React Stately's collection builder.\n *\n * The visible content is rendered by `TreeNode` via `nodesByKey`,\n * so `<Item>`'s body is only used by Stately for the collection\n * (`textValue` for keyboard nav, `childItems` for nested traversal).\n */\nfunction renderItem(node: CubeTreeNodeData): ReactElement {\n  const textValue =\n    typeof node.title === 'string' ? node.title : String(node.key);\n  return (\n    <Item\n      key={node.key}\n      textValue={textValue}\n      childItems={node.children as CubeTreeNodeData[] | undefined}\n    >\n      {node.title as ReactNode}\n    </Item>\n  );\n}\n\nfunction collectDisabledKeys(\n  treeData: CubeTreeNodeData[],\n  treeIsDisabled: boolean,\n): string[] {\n  const keys: string[] = [];\n  const visit = (nodes: CubeTreeNodeData[]) => {\n    for (const node of nodes) {\n      if (treeIsDisabled || node.isDisabled) keys.push(node.key);\n      if (node.children) visit(node.children);\n    }\n  };\n  visit(treeData);\n  return keys;\n}\n\n/** Expand the supplied keys with all of their ancestor keys. */\nfunction expandWithParents(\n  keys: string[] | undefined,\n  parentOf: Map<string, string | null>,\n): string[] | undefined {\n  if (!keys || keys.length === 0) return keys;\n  const set = new Set<string>(keys);\n  for (const key of keys) {\n    let parent = parentOf.get(key);\n    while (parent) {\n      set.add(parent);\n      parent = parentOf.get(parent);\n    }\n  }\n  return Array.from(set);\n}\n\n/**\n * Diff two key sets to find the single key that was added or removed.\n * Returns `null` when both sets are equal.\n */\nfunction findToggledKey(\n  previous: Set<Key>,\n  next: Set<Key>,\n): { key: Key; added: boolean } | null {\n  for (const k of next) {\n    if (!previous.has(k)) return { key: k, added: true };\n  }\n  for (const k of previous) {\n    if (!next.has(k)) return { key: k, added: false };\n  }\n  return null;\n}\n\nfunction resolveSelectionMode(\n  selectionMode: TreeSelectionMode | undefined,\n  isSelectable: boolean | undefined,\n): TreeSelectionMode {\n  if (selectionMode != null) return selectionMode;\n  if (isSelectable === false) return 'none';\n  return 'single';\n}\n\nfunction TreeBase(props: CubeTreeProps, ref: ForwardedRef<HTMLDivElement>) {\n  const {\n    treeData,\n    isCheckable = false,\n    isSelectable,\n    selectionMode: selectionModeProp,\n    size = 'medium',\n    shape = 'default',\n    containerPadding = 4,\n    isDisabled = false,\n    defaultExpandedKeys,\n    expandedKeys,\n    autoExpandParent = false,\n    defaultCheckedKeys,\n    checkedKeys,\n    defaultSelectedKeys,\n    selectedKeys,\n    height,\n    loadData,\n    onExpand,\n    onCheck,\n    onSelect,\n    itemProps,\n    rowStyles,\n    ariaLabel,\n    qa,\n    menu: treeMenu,\n    contextMenu: treeContextMenu,\n    onAction: treeOnAction,\n    menuTriggerProps,\n    menuProps,\n    ...otherProps\n  } = props;\n\n  const baseStyles = extractStyles(otherProps, OUTER_STYLES);\n\n  const treeRef = useRef<HTMLDivElement>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const treeIndex = useMemo(() => buildTreeIndex(treeData), [treeData]);\n  const nodesByKey = treeIndex.byKey;\n  const parentOf = treeIndex.parentOf;\n\n  const disabledKeys = useMemo(\n    () => collectDisabledKeys(treeData, isDisabled),\n    [treeData, isDisabled],\n  );\n\n  const selectionMode = resolveSelectionMode(selectionModeProp, isSelectable);\n\n  const effectiveExpandedKeys = useMemo(\n    () =>\n      autoExpandParent\n        ? expandWithParents(expandedKeys, parentOf)\n        : expandedKeys,\n    [autoExpandParent, expandedKeys, parentOf],\n  );\n\n  const effectiveDefaultExpandedKeys = useMemo(\n    () =>\n      autoExpandParent\n        ? expandWithParents(defaultExpandedKeys, parentOf)\n        : defaultExpandedKeys,\n    [autoExpandParent, defaultExpandedKeys, parentOf],\n  );\n\n  const checkbox = useCheckboxTree({\n    treeData,\n    index: treeIndex,\n    isCheckable,\n    defaultCheckedKeys,\n    checkedKeys,\n    onCheck,\n  });\n\n  const loadDataController = useLoadData({\n    nodesByKey,\n    loadData,\n    initialExpandedKeys: effectiveExpandedKeys ?? effectiveDefaultExpandedKeys,\n  });\n\n  /**\n   * In controlled mode, `previous` is read from `effectiveExpandedKeys`;\n   * in uncontrolled mode this ref is the only source. Initialized from\n   * the *effective* (ancestor-expanded) keys so the first toggle diffs\n   * correctly.\n   */\n  const previousExpandedRef = useRef<Set<Key>>(\n    new Set<Key>(effectiveExpandedKeys ?? effectiveDefaultExpandedKeys ?? []),\n  );\n\n  const handleExpandedChange = useEvent((nextSet: Set<Key>) => {\n    loadDataController.onExpandedChanged(nextSet);\n\n    const previous =\n      expandedKeys !== undefined\n        ? new Set<Key>(effectiveExpandedKeys ?? [])\n        : previousExpandedRef.current;\n    previousExpandedRef.current = new Set<Key>(nextSet);\n\n    if (!onExpand) return;\n\n    const toggled = findToggledKey(previous, nextSet);\n    if (!toggled) return;\n\n    const node = nodesByKey.get(String(toggled.key));\n    if (!node) return;\n\n    const info: TreeOnExpandInfo = {\n      expanded: toggled.added,\n      node,\n    };\n    onExpand(Array.from(nextSet), info);\n  });\n\n  /**\n   * Same pattern as `previousExpandedRef`: in controlled mode we read\n   * from `selectedKeys`; in uncontrolled mode this ref tracks state.\n   */\n  const previousSelectionRef = useRef<Set<Key>>(\n    new Set<Key>(selectedKeys ?? defaultSelectedKeys ?? []),\n  );\n\n  /**\n   * `useEvent` captures the closure lazily, so `state` (declared below\n   * `ariaProps` / `useTreeState`) is safely accessible at call time.\n   */\n  const handleSelectionChange = useEvent((selection: Selection) => {\n    if (!onSelect) return;\n    let arr: Key[];\n    if (selection === 'all') {\n      // `nodesByKey` contains the full tree; use the collection's visible\n      // keys so we don't leak keys under collapsed parents.\n      arr = [];\n      for (const key of state.collection.getKeys()) {\n        const node = state.collection.getItem(key);\n        if (node && node.type === 'item') arr.push(key);\n      }\n    } else {\n      arr = Array.from(selection);\n    }\n\n    const nextSet = new Set<Key>(arr);\n    const previous =\n      selectedKeys !== undefined\n        ? new Set<Key>(selectedKeys ?? [])\n        : previousSelectionRef.current;\n    previousSelectionRef.current = nextSet;\n\n    const toggled = findToggledKey(previous, nextSet);\n    if (!toggled) return;\n\n    const node = nodesByKey.get(String(toggled.key));\n    if (!node) return;\n\n    const selectedNodes = arr\n      .map((k) => nodesByKey.get(String(k)))\n      .filter((n): n is CubeTreeNodeData => !!n);\n\n    const info: TreeOnSelectInfo = {\n      selected: toggled.added,\n      node,\n      selectedNodes,\n    };\n\n    onSelect(arr, info);\n  });\n\n  const hasOnSelect = onSelect != null;\n\n  const ariaProps = useMemo(\n    () => ({\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      onSelectionChange:\n        hasOnSelect && selectionMode !== 'none'\n          ? handleSelectionChange\n          : undefined,\n      expandedKeys: effectiveExpandedKeys,\n      defaultExpandedKeys: effectiveDefaultExpandedKeys,\n      onExpandedChange: handleExpandedChange,\n      disabledKeys,\n      disabledBehavior: 'all' as const,\n      items: treeData,\n      children: renderItem as any,\n      'aria-label': ariaLabel ?? 'Tree',\n    }),\n    [\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      hasOnSelect,\n      handleSelectionChange,\n      effectiveExpandedKeys,\n      effectiveDefaultExpandedKeys,\n      handleExpandedChange,\n      disabledKeys,\n      treeData,\n      ariaLabel,\n    ],\n  );\n\n  const baseState = useTreeState<CubeTreeNodeData>(ariaProps);\n\n  // The legacy `TreeCollection` from `useTreeState` lacks `getChildren`,\n  // but `useTree` calls it for nested rows. Derive a patched state.\n  // TODO: Remove this patch when upgrading to a react-stately version\n  // that ships `getChildren` on TreeCollection natively.\n  const state = useMemo(() => {\n    const collection = baseState.collection;\n    if (typeof (collection as any).getChildren === 'function') {\n      return baseState;\n    }\n    const patched = Object.create(collection);\n    patched.getChildren = (key: Key): Iterable<Node<CubeTreeNodeData>> => {\n      const node = collection.getItem(key);\n      return node ? Array.from(node.childNodes) : [];\n    };\n    return { ...baseState, collection: patched };\n  }, [baseState]);\n\n  const { gridProps } = useTree(ariaProps, state, treeRef);\n\n  const visibleNodes: Node<CubeTreeNodeData>[] = useMemo(() => {\n    const out: Node<CubeTreeNodeData>[] = [];\n    for (const key of state.collection.getKeys()) {\n      const node = state.collection.getItem(key);\n      if (node && node.type === 'item') out.push(node);\n    }\n    return out;\n  }, [state.collection]);\n\n  const visibleNodesRef = useRef(visibleNodes);\n  visibleNodesRef.current = visibleNodes;\n\n  // ----- Virtualization -----\n  const rowVirtualizer = useVirtualizer({\n    count: visibleNodes.length,\n    getScrollElement: () => scrollRef.current,\n    getItemKey: (index: number) => {\n      const node = visibleNodesRef.current[index];\n      return node?.key ?? index;\n    },\n    estimateSize: () => SIZES[SIZE_NAME_TO_KEY[size]],\n    gap: 1,\n    overscan: 10,\n    paddingStart: containerPadding,\n    paddingEnd: containerPadding,\n  });\n\n  const treeStyle = useMemo<CSSProperties | undefined>(() => {\n    if (height == null) return undefined;\n    return { ['--tree-height' as keyof CSSProperties]: `${height}px` };\n  }, [height]);\n\n  const sizerStyle = useMemo<CSSProperties>(\n    () => ({\n      position: 'relative',\n      width: '100%',\n      height: `${rowVirtualizer.getTotalSize()}px`,\n    }),\n    [rowVirtualizer.getTotalSize()],\n  );\n\n  // Keep focused node visible during keyboard navigation.\n  useLayoutEffect(() => {\n    const focusedKey = state.selectionManager.focusedKey;\n    if (focusedKey == null) return;\n\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const row = scrollElement.querySelector(\n      `[data-qa-key=\"${CSS.escape(String(focusedKey))}\"]`,\n    ) as HTMLElement | null;\n    if (!row || typeof row.scrollIntoView !== 'function') return;\n\n    row.scrollIntoView({ block: 'nearest' });\n  }, [state.selectionManager.focusedKey]);\n\n  const mods = useMemo(\n    () => ({\n      'has-height': height != null,\n      shape,\n    }),\n    [height, shape],\n  );\n\n  // The forwarded ref points at the inner scroll container so\n  // consumers can drive `scrollTop` directly. `treeRef` (used by\n  // `useTree` for keyboard handling and as the role=\"treegrid\"\n  // anchor) stays internal on `TreeElement`.\n  const mergedScrollRef = useMemo(\n    () => mergeRefs(ref, scrollRef),\n    [ref, scrollRef],\n  );\n\n  return (\n    <TreeElement\n      {...gridProps}\n      ref={treeRef}\n      qa={qa ?? 'Tree'}\n      mods={mods}\n      styles={baseStyles}\n      style={treeStyle}\n    >\n      <TreeScrollContainer ref={mergedScrollRef}>\n        <div role=\"presentation\" style={sizerStyle}>\n          {rowVirtualizer.getVirtualItems().map((virtualItem) => {\n            const node = visibleNodes[virtualItem.index];\n            if (!node) return null;\n            const keyStr = String(node.key);\n            const data = nodesByKey.get(keyStr);\n            if (!data) return null;\n            return (\n              <TreeNode\n                key={node.key}\n                node={node}\n                data={data}\n                state={state}\n                isCheckable={isCheckable}\n                isExpanded={state.expandedKeys.has(node.key)}\n                isChecked={checkbox.checkedSet.has(keyStr)}\n                isIndeterminate={checkbox.halfCheckedSet.has(keyStr)}\n                isLoading={loadDataController.loadingKeys.has(keyStr)}\n                size={size}\n                itemProps={itemProps}\n                rowStyles={rowStyles}\n                virtualStyle={{\n                  position: 'absolute',\n                  top: 0,\n                  left: containerPadding,\n                  right: containerPadding,\n                  transform: `translateY(${virtualItem.start}px)`,\n                }}\n                virtualRef={rowVirtualizer.measureElement}\n                virtualIndex={virtualItem.index}\n                menu={treeMenu}\n                contextMenu={treeContextMenu}\n                menuTriggerProps={menuTriggerProps}\n                menuProps={menuProps}\n                onToggleChecked={checkbox.toggle}\n                onAction={treeOnAction}\n              />\n            );\n          })}\n        </div>\n      </TreeScrollContainer>\n    </TreeElement>\n  );\n}\n\nconst _Tree = forwardRef(TreeBase);\n_Tree.displayName = 'Tree';\n\n/**\n * Hierarchical data display with optional checkboxes, single/multi\n * selection, async lazy loading, and keyboard navigation.\n *\n * Built on `useTree` / `useTreeState` (React Aria + React Stately) and\n * styled with Tasty.\n *\n * @example\n * ```tsx\n * <Tree\n *   treeData={data}\n *   isCheckable\n *   selectionMode=\"none\"\n *   defaultExpandedKeys={['root']}\n *   onCheck={(keys) => console.log(keys)}\n * />\n * ```\n */\nexport const Tree = _Tree;\n"],"mappings":"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"}
+{"version":3,"file":"Tree.js","names":[],"sources":["../../../../src/components/content/Tree/Tree.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { OUTER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useLayoutEffect, useMemo, useRef } from 'react';\nimport { useTree } from 'react-aria';\nimport { Item, useTreeState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { SIZE_NAME_TO_KEY, SIZES } from '../../../tokens/sizes';\nimport { mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TreeElement, TreeScrollContainer } from './styled';\nimport { buildTreeIndex } from './tree-index';\nimport { TreeNode } from './TreeNode';\nimport { useCheckboxTree } from './use-checkbox-tree';\nimport { useLoadData } from './use-load-data';\n\nimport type { Key, Node, Selection } from '@react-types/shared';\nimport type {\n  CSSProperties,\n  ForwardedRef,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport type {\n  CubeTreeNodeData,\n  CubeTreeProps,\n  TreeOnExpandInfo,\n  TreeOnSelectInfo,\n  TreeSelectionMode,\n} from './types';\n\n/**\n * Render an `<Item>` for React Stately's collection builder.\n *\n * The visible content is rendered by `TreeNode` via `nodesByKey`,\n * so `<Item>`'s body is only used by Stately for the collection\n * (`textValue` for keyboard nav, `childItems` for nested traversal).\n */\nfunction renderItem(node: CubeTreeNodeData): ReactElement {\n  const textValue =\n    typeof node.title === 'string' ? node.title : String(node.key);\n  return (\n    <Item\n      key={node.key}\n      textValue={textValue}\n      childItems={node.children as CubeTreeNodeData[] | undefined}\n    >\n      {node.title as ReactNode}\n    </Item>\n  );\n}\n\nfunction collectDisabledKeys(\n  treeData: CubeTreeNodeData[],\n  treeIsDisabled: boolean,\n): string[] {\n  const keys: string[] = [];\n  const visit = (nodes: CubeTreeNodeData[]) => {\n    for (const node of nodes) {\n      if (treeIsDisabled || node.isDisabled) keys.push(node.key);\n      if (node.children) visit(node.children);\n    }\n  };\n  visit(treeData);\n  return keys;\n}\n\n/** Expand the supplied keys with all of their ancestor keys. */\nfunction expandWithParents(\n  keys: string[] | undefined,\n  parentOf: Map<string, string | null>,\n): string[] | undefined {\n  if (!keys || keys.length === 0) return keys;\n  const set = new Set<string>(keys);\n  for (const key of keys) {\n    let parent = parentOf.get(key);\n    while (parent) {\n      set.add(parent);\n      parent = parentOf.get(parent);\n    }\n  }\n  return Array.from(set);\n}\n\n/**\n * Diff two key sets to find the single key that was added or removed.\n * Returns `null` when both sets are equal.\n */\nfunction findToggledKey(\n  previous: Set<Key>,\n  next: Set<Key>,\n): { key: Key; added: boolean } | null {\n  for (const k of next) {\n    if (!previous.has(k)) return { key: k, added: true };\n  }\n  for (const k of previous) {\n    if (!next.has(k)) return { key: k, added: false };\n  }\n  return null;\n}\n\nfunction resolveSelectionMode(\n  selectionMode: TreeSelectionMode | undefined,\n  isSelectable: boolean | undefined,\n): TreeSelectionMode {\n  if (selectionMode != null) return selectionMode;\n  if (isSelectable === false) return 'none';\n  return 'single';\n}\n\nfunction TreeBase(props: CubeTreeProps, ref: ForwardedRef<HTMLDivElement>) {\n  const {\n    treeData,\n    isCheckable = false,\n    isSelectable,\n    selectionMode: selectionModeProp,\n    size = 'medium',\n    shape = 'default',\n    containerPadding = 4,\n    isDisabled = false,\n    defaultExpandedKeys,\n    expandedKeys,\n    autoExpandParent = false,\n    defaultCheckedKeys,\n    checkedKeys,\n    defaultSelectedKeys,\n    selectedKeys,\n    height,\n    loadData,\n    onExpand,\n    onCheck,\n    onSelect,\n    itemProps,\n    rowStyles,\n    ariaLabel,\n    qa,\n    menu: treeMenu,\n    contextMenu: treeContextMenu,\n    onAction: treeOnAction,\n    menuTriggerProps,\n    menuProps,\n    ...otherProps\n  } = props;\n\n  const baseStyles = extractStyles(otherProps, OUTER_STYLES);\n\n  const treeRef = useRef<HTMLDivElement>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const treeIndex = useMemo(() => buildTreeIndex(treeData), [treeData]);\n  const nodesByKey = treeIndex.byKey;\n  const parentOf = treeIndex.parentOf;\n\n  const disabledKeys = useMemo(\n    () => collectDisabledKeys(treeData, isDisabled),\n    [treeData, isDisabled],\n  );\n\n  const selectionMode = resolveSelectionMode(selectionModeProp, isSelectable);\n\n  const effectiveExpandedKeys = useMemo(\n    () =>\n      autoExpandParent\n        ? expandWithParents(expandedKeys, parentOf)\n        : expandedKeys,\n    [autoExpandParent, expandedKeys, parentOf],\n  );\n\n  const effectiveDefaultExpandedKeys = useMemo(\n    () =>\n      autoExpandParent\n        ? expandWithParents(defaultExpandedKeys, parentOf)\n        : defaultExpandedKeys,\n    [autoExpandParent, defaultExpandedKeys, parentOf],\n  );\n\n  const checkbox = useCheckboxTree({\n    treeData,\n    index: treeIndex,\n    isCheckable,\n    defaultCheckedKeys,\n    checkedKeys,\n    onCheck,\n  });\n\n  const loadDataController = useLoadData({\n    nodesByKey,\n    loadData,\n    initialExpandedKeys: effectiveExpandedKeys ?? effectiveDefaultExpandedKeys,\n  });\n\n  /**\n   * In controlled mode, `previous` is read from `effectiveExpandedKeys`;\n   * in uncontrolled mode this ref is the only source. Initialized from\n   * the *effective* (ancestor-expanded) keys so the first toggle diffs\n   * correctly.\n   */\n  const previousExpandedRef = useRef<Set<Key>>(\n    new Set<Key>(effectiveExpandedKeys ?? effectiveDefaultExpandedKeys ?? []),\n  );\n\n  const handleExpandedChange = useEvent((nextSet: Set<Key>) => {\n    loadDataController.onExpandedChanged(nextSet);\n\n    const previous =\n      expandedKeys !== undefined\n        ? new Set<Key>(effectiveExpandedKeys ?? [])\n        : previousExpandedRef.current;\n    previousExpandedRef.current = new Set<Key>(nextSet);\n\n    if (!onExpand) return;\n\n    const toggled = findToggledKey(previous, nextSet);\n    if (!toggled) return;\n\n    const node = nodesByKey.get(String(toggled.key));\n    if (!node) return;\n\n    const info: TreeOnExpandInfo = {\n      expanded: toggled.added,\n      node,\n    };\n    onExpand(Array.from(nextSet), info);\n  });\n\n  /**\n   * Same pattern as `previousExpandedRef`: in controlled mode we read\n   * from `selectedKeys`; in uncontrolled mode this ref tracks state.\n   */\n  const previousSelectionRef = useRef<Set<Key>>(\n    new Set<Key>(selectedKeys ?? defaultSelectedKeys ?? []),\n  );\n\n  /**\n   * `useEvent` captures the closure lazily, so `state` (declared below\n   * `ariaProps` / `useTreeState`) is safely accessible at call time.\n   */\n  const handleSelectionChange = useEvent((selection: Selection) => {\n    if (!onSelect) return;\n    let arr: Key[];\n    if (selection === 'all') {\n      // `nodesByKey` contains the full tree; use the collection's visible\n      // keys so we don't leak keys under collapsed parents.\n      arr = [];\n      for (const key of state.collection.getKeys()) {\n        const node = state.collection.getItem(key);\n        if (node && node.type === 'item') arr.push(key);\n      }\n    } else {\n      arr = Array.from(selection);\n    }\n\n    const nextSet = new Set<Key>(arr);\n    const previous =\n      selectedKeys !== undefined\n        ? new Set<Key>(selectedKeys ?? [])\n        : previousSelectionRef.current;\n    previousSelectionRef.current = nextSet;\n\n    const toggled = findToggledKey(previous, nextSet);\n    if (!toggled) return;\n\n    const node = nodesByKey.get(String(toggled.key));\n    if (!node) return;\n\n    const selectedNodes = arr\n      .map((k) => nodesByKey.get(String(k)))\n      .filter((n): n is CubeTreeNodeData => !!n);\n\n    const info: TreeOnSelectInfo = {\n      selected: toggled.added,\n      node,\n      selectedNodes,\n    };\n\n    onSelect(arr, info);\n  });\n\n  const hasOnSelect = onSelect != null;\n\n  const ariaProps = useMemo(\n    () => ({\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      onSelectionChange:\n        hasOnSelect && selectionMode !== 'none'\n          ? handleSelectionChange\n          : undefined,\n      expandedKeys: effectiveExpandedKeys,\n      defaultExpandedKeys: effectiveDefaultExpandedKeys,\n      onExpandedChange: handleExpandedChange,\n      disabledKeys,\n      disabledBehavior: 'all' as const,\n      items: treeData,\n      children: renderItem as any,\n      'aria-label': ariaLabel ?? 'Tree',\n    }),\n    [\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      hasOnSelect,\n      handleSelectionChange,\n      effectiveExpandedKeys,\n      effectiveDefaultExpandedKeys,\n      handleExpandedChange,\n      disabledKeys,\n      treeData,\n      ariaLabel,\n    ],\n  );\n\n  const baseState = useTreeState<CubeTreeNodeData>(ariaProps);\n\n  // The legacy `TreeCollection` from `useTreeState` lacks `getChildren`,\n  // but `useTree` calls it for nested rows. Derive a patched state.\n  // TODO: Remove this patch when upgrading to a react-stately version\n  // that ships `getChildren` on TreeCollection natively.\n  const state = useMemo(() => {\n    const collection = baseState.collection;\n    if (typeof (collection as any).getChildren === 'function') {\n      return baseState;\n    }\n    const patched = Object.create(collection);\n    patched.getChildren = (key: Key): Iterable<Node<CubeTreeNodeData>> => {\n      const node = collection.getItem(key);\n      return node ? Array.from(node.childNodes) : [];\n    };\n    return { ...baseState, collection: patched };\n  }, [baseState]);\n\n  const { gridProps } = useTree(ariaProps, state, treeRef);\n\n  const visibleNodes: Node<CubeTreeNodeData>[] = useMemo(() => {\n    const out: Node<CubeTreeNodeData>[] = [];\n    for (const key of state.collection.getKeys()) {\n      const node = state.collection.getItem(key);\n      if (node && node.type === 'item') out.push(node);\n    }\n    return out;\n  }, [state.collection]);\n\n  const visibleNodesRef = useRef(visibleNodes);\n  visibleNodesRef.current = visibleNodes;\n\n  // ----- Virtualization -----\n  const rowVirtualizer = useVirtualizer({\n    count: visibleNodes.length,\n    getScrollElement: () => scrollRef.current,\n    getItemKey: (index: number) => {\n      const node = visibleNodesRef.current[index];\n      return node?.key ?? index;\n    },\n    estimateSize: () => SIZES[SIZE_NAME_TO_KEY[size]],\n    gap: 1,\n    overscan: 10,\n    paddingStart: containerPadding,\n    paddingEnd: containerPadding,\n  });\n\n  const treeStyle = useMemo<CSSProperties | undefined>(() => {\n    if (height == null) return undefined;\n    return { ['--tree-height' as keyof CSSProperties]: `${height}px` };\n  }, [height]);\n\n  const sizerStyle = useMemo<CSSProperties>(\n    () => ({\n      position: 'relative',\n      width: '100%',\n      height: `${rowVirtualizer.getTotalSize()}px`,\n    }),\n    [rowVirtualizer.getTotalSize()],\n  );\n\n  /**\n   * Each scroll effect tracks its own \"last scrolled\" target instead\n   * of sharing one ref. A shared ref creates a feedback loop: keyboard\n   * nav updates the focused-key ref to the new row, and any subsequent\n   * `visibleNodes` change OR `selectedKeys` array-identity change\n   * (very common — `selectedKeys={[value]}` allocates a fresh array\n   * every parent render) re-runs the selectedKeys effect, which sees\n   * the ref no longer matches `selectedKeys[0]` and yanks the viewport\n   * back to the selected row. Two refs let each effect dedupe against\n   * its own intent only; the cost is at most one duplicate\n   * `scrollToIndex` call when click updates focus and selection in the\n   * same render (idempotent — both target the same index).\n   */\n  const lastFocusedScrollRef = useRef<Key | null>(null);\n  const lastSelectedScrollRef = useRef<string | null>(null);\n\n  /**\n   * Keep the focused row visible during keyboard navigation.\n   *\n   * Uses `rowVirtualizer.scrollToIndex` (instead of\n   * `querySelector + scrollIntoView`) so the scroll lands even when the\n   * target row is outside the virtualizer's currently rendered window.\n   * `align: 'auto'` only scrolls when needed, matching the prior\n   * `scrollIntoView({ block: 'nearest' })` behavior.\n   */\n  useLayoutEffect(() => {\n    const focusedKey = state.selectionManager.focusedKey;\n    if (focusedKey == null) return;\n    if (lastFocusedScrollRef.current === focusedKey) return;\n\n    const index = visibleNodesRef.current.findIndex(\n      (n) => n.key === focusedKey,\n    );\n    if (index < 0) return;\n\n    rowVirtualizer.scrollToIndex(index, { align: 'auto' });\n    lastFocusedScrollRef.current = focusedKey;\n  }, [state.selectionManager.focusedKey, rowVirtualizer]);\n\n  /**\n   * Scroll into view when controlled `selectedKeys` changes externally.\n   *\n   * Selection-manager `focusedKey` only updates on explicit user\n   * interaction (click / keyboard) — it does NOT track controlled\n   * `selectedKeys` prop changes. So when a parent updates the prop\n   * (e.g. opening a file from elsewhere), we need a separate effect\n   * to bring the row into view.\n   *\n   * Re-runs on `visibleNodes` so we retry once parents are expanded\n   * (the row is invisible to the virtualizer until then).\n   */\n  useLayoutEffect(() => {\n    if (selectedKeys == null) return;\n    const target = selectedKeys[0];\n    if (target == null) return;\n    if (lastSelectedScrollRef.current === target) return;\n\n    const index = visibleNodes.findIndex((n) => String(n.key) === target);\n    if (index < 0) return;\n\n    rowVirtualizer.scrollToIndex(index, { align: 'auto' });\n    lastSelectedScrollRef.current = target;\n  }, [selectedKeys, visibleNodes, rowVirtualizer]);\n\n  const mods = useMemo(\n    () => ({\n      'has-height': height != null,\n      shape,\n    }),\n    [height, shape],\n  );\n\n  // The forwarded ref points at the inner scroll container so\n  // consumers can drive `scrollTop` directly. `treeRef` (used by\n  // `useTree` for keyboard handling and as the role=\"treegrid\"\n  // anchor) stays internal on `TreeElement`.\n  const mergedScrollRef = useMemo(\n    () => mergeRefs(ref, scrollRef),\n    [ref, scrollRef],\n  );\n\n  return (\n    <TreeElement\n      {...gridProps}\n      ref={treeRef}\n      qa={qa ?? 'Tree'}\n      mods={mods}\n      styles={baseStyles}\n      style={treeStyle}\n    >\n      <TreeScrollContainer ref={mergedScrollRef}>\n        <div role=\"presentation\" style={sizerStyle}>\n          {rowVirtualizer.getVirtualItems().map((virtualItem) => {\n            const node = visibleNodes[virtualItem.index];\n            if (!node) return null;\n            const keyStr = String(node.key);\n            const data = nodesByKey.get(keyStr);\n            if (!data) return null;\n            return (\n              <TreeNode\n                key={node.key}\n                node={node}\n                data={data}\n                state={state}\n                isCheckable={isCheckable}\n                isExpanded={state.expandedKeys.has(node.key)}\n                isChecked={checkbox.checkedSet.has(keyStr)}\n                isIndeterminate={checkbox.halfCheckedSet.has(keyStr)}\n                isLoading={loadDataController.loadingKeys.has(keyStr)}\n                size={size}\n                itemProps={itemProps}\n                rowStyles={rowStyles}\n                virtualStyle={{\n                  position: 'absolute',\n                  top: 0,\n                  left: containerPadding,\n                  right: containerPadding,\n                  transform: `translateY(${virtualItem.start}px)`,\n                }}\n                virtualRef={rowVirtualizer.measureElement}\n                virtualIndex={virtualItem.index}\n                menu={treeMenu}\n                contextMenu={treeContextMenu}\n                menuTriggerProps={menuTriggerProps}\n                menuProps={menuProps}\n                onToggleChecked={checkbox.toggle}\n                onAction={treeOnAction}\n              />\n            );\n          })}\n        </div>\n      </TreeScrollContainer>\n    </TreeElement>\n  );\n}\n\nconst _Tree = forwardRef(TreeBase);\n_Tree.displayName = 'Tree';\n\n/**\n * Hierarchical data display with optional checkboxes, single/multi\n * selection, async lazy loading, and keyboard navigation.\n *\n * Built on `useTree` / `useTreeState` (React Aria + React Stately) and\n * styled with Tasty.\n *\n * @example\n * ```tsx\n * <Tree\n *   treeData={data}\n *   isCheckable\n *   selectionMode=\"none\"\n *   defaultExpandedKeys={['root']}\n *   onCheck={(keys) => console.log(keys)}\n * />\n * ```\n */\nexport const Tree = _Tree;\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 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";

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

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

package/dist/components/content/Tree/tree-index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();

package/dist/components/content/Tree/use-checkbox-tree.js

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

package/dist/components/content/Tree/use-load-data.js

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

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/content/use-auto-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.133.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.135.0 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";