@cube-dev/ui-kit 0.207.0 → 0.208.0

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["BaseProps","ContainerStyleProps","ReactNode","useI18n","Flow","CubeGridProps","Grid","Space","CubePlaceholderProps","Placeholder","PlaceholderGroupContext","LAYOUT_MAP","page","lines","children","isStatic","rootProps","CubeSkeletonLayoutProps","Array","fill","map","item","i","content","topbar","menu","stats","cards","tabs","table","rows","columns","j","chart","heightMap","const","CubeSkeletonProps","CubeSkeletonRootProps","Omit","layout","Skeleton","t0","props","t","qa","role"],"sources":["../../../../src/components/content/Skeleton/Skeleton.tsx"],"sourcesContent":["import { BaseProps, ContainerStyleProps } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { Flow } from '../../layout/Flow';\nimport { CubeGridProps, Grid } from '../../layout/Grid';\nimport { Space } from '../../layout/Space';\nimport {\n  CubePlaceholderProps,\n  Placeholder,\n  PlaceholderGroupContext,\n} from '../Placeholder/Placeholder';\n\nconst LAYOUT_MAP = {\n  page({\n    lines,\n    children,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space placeContent=\"space-between\">\n          {/* oxlint-disable-next-line tasty/consistent-token-usage -- placeholder widths imitate text of varying length, not layout dimensions */}\n          <Placeholder isStatic={isStatic} width=\"100px 25% 300px\" />\n          {/* oxlint-disable-next-line tasty/consistent-token-usage -- placeholder widths imitate text of varying length, not layout dimensions */}\n          <Placeholder isStatic={isStatic} width=\"50px 10% 150px\" />\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  content({\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"2x\" {...rootProps}>\n        {children ||\n          Array(lines || 5)\n            .fill(0)\n            .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n      </Flow>\n    );\n  },\n  topbar({ isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space\n        gap=\"4x\"\n        placeContent=\"space-between\"\n        height=\"6x\"\n        padding=\"1x\"\n        border=\"bottom\"\n        {...rootProps}\n      >\n        <Space>\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n          <Placeholder isStatic={isStatic} width=\"20x\" />\n        </Space>\n\n        <Space>\n          <Placeholder isStatic={isStatic} width=\"10x\" />\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n        </Space>\n      </Space>\n    );\n  },\n  menu({ lines, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"3.25x\" padding=\"3x 1x\" {...rootProps}>\n        {Array(lines || 5)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder key={i} isStatic={isStatic} />\n          ))}\n      </Flow>\n    );\n  },\n  stats({ cards, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space gap=\"4x\" {...rootProps}>\n        {Array(cards || 3)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder\n              key={i}\n              isStatic={isStatic}\n              radius=\"1r\"\n              width=\"20x\"\n              height=\"12x\"\n              flexGrow={1}\n            />\n          ))}\n      </Space>\n    );\n  },\n  tabs({\n    tabs,\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space>\n          {Array(tabs || 3)\n            .fill(0)\n            .map((item, i) => (\n              <Placeholder key={i} isStatic={isStatic} width=\"15x\" />\n            ))}\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  table({\n    rows,\n    columns,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    columns = columns || 5;\n    rows = rows || 5;\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        {...rootProps}\n      >\n        {Array(rows)\n          .fill(0)\n          .map((item, i) => {\n            return Array(columns)\n              .fill(0)\n              .map((item, j) => {\n                return (\n                  <Placeholder\n                    key={`${i}.${j}`}\n                    isStatic={isStatic}\n                    size={!i ? '3x' : '2x'}\n                  />\n                );\n              });\n          })}\n      </Grid>\n    );\n  },\n  chart({ columns, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    columns = columns || 12;\n\n    const heightMap = [1, 4, 2, 5, 8, 9, 5, 3, 4, 2, 6, 7, 2];\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        placeItems=\"end stretch\"\n        height=\"40x\"\n        {...rootProps}\n      >\n        {Array(columns)\n          .fill(0)\n          .map((item, i) => {\n            return (\n              <Placeholder\n                key={i}\n                isStatic={isStatic}\n                height={`${heightMap[i % 12] * 10}%`}\n                width=\"max 6x\"\n              />\n            );\n          })}\n      </Grid>\n    );\n  },\n} as const;\n\nexport interface CubeSkeletonProps\n  extends CubeSkeletonRootProps, Omit<CubeSkeletonLayoutProps, 'rootProps'> {\n  /** The type of the layout */\n  layout?: keyof typeof LAYOUT_MAP;\n}\n\nexport interface CubeSkeletonRootProps\n  extends\n    Omit<CubeGridProps, 'columns' | 'rows'>,\n    CubePlaceholderProps,\n    BaseProps,\n    ContainerStyleProps {}\n\nexport interface CubeSkeletonLayoutProps {\n  /** The number of columns for the table layout */\n  columns?: number;\n  /** The number of rows for the table layout */\n  rows?: number;\n  /** The number of placeholder lines */\n  lines?: number;\n  /** The number of tabs */\n  tabs?: number;\n  /** The number of cards */\n  cards?: number;\n  /** The static mode */\n  isStatic?: boolean;\n  rootProps?: CubeSkeletonRootProps;\n  children?: ReactNode;\n}\n\nexport function Skeleton({\n  layout,\n  isStatic,\n  columns,\n  rows,\n  lines,\n  tabs,\n  cards,\n  children,\n  ...props\n}: CubeSkeletonProps) {\n  const { t } = useI18n();\n\n  layout = layout || 'page';\n\n  // One \"Content is loading\" region for the whole layout, rather than one per\n  // bar: a page skeleton would otherwise list a dozen identical landmarks.\n  return LAYOUT_MAP[layout] ? (\n    <PlaceholderGroupContext.Provider value>\n      {LAYOUT_MAP[layout]({\n        isStatic,\n        columns,\n        rows,\n        lines,\n        tabs,\n        cards,\n        children,\n        rootProps: {\n          qa: 'Skeleton',\n          role: 'region',\n          'aria-label': t('placeholder.contentIsLoading', 'Content is loading'),\n          ...props,\n        },\n      })}\n    </PlaceholderGroupContext.Provider>\n  ) : (\n    <Placeholder qa=\"Skeleton\" isStatic={isStatic} {...props}>\n      {children}\n    </Placeholder>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["BaseProps","ContainerStyleProps","ReactNode","useI18n","Flow","CubeGridProps","Grid","Space","CubePlaceholderProps","Placeholder","PlaceholderGroupContext","LAYOUT_MAP","page","lines","children","isStatic","rootProps","CubeSkeletonLayoutProps","Array","fill","map","item","i","content","topbar","menu","stats","cards","tabs","table","rows","columns","j","chart","heightMap","const","CubeSkeletonProps","CubeSkeletonRootProps","Omit","layout","Skeleton","t0","props","t","qa","role"],"sources":["../../../../src/components/content/Skeleton/Skeleton.tsx"],"sourcesContent":["import { BaseProps, ContainerStyleProps } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n/useI18n';\nimport { Flow } from '../../layout/Flow';\nimport { CubeGridProps, Grid } from '../../layout/Grid';\nimport { Space } from '../../layout/Space';\nimport {\n  CubePlaceholderProps,\n  Placeholder,\n  PlaceholderGroupContext,\n} from '../Placeholder/Placeholder';\n\nconst LAYOUT_MAP = {\n  page({\n    lines,\n    children,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space placeContent=\"space-between\">\n          {/* oxlint-disable-next-line tasty/consistent-token-usage -- placeholder widths imitate text of varying length, not layout dimensions */}\n          <Placeholder isStatic={isStatic} width=\"100px 25% 300px\" />\n          {/* oxlint-disable-next-line tasty/consistent-token-usage -- placeholder widths imitate text of varying length, not layout dimensions */}\n          <Placeholder isStatic={isStatic} width=\"50px 10% 150px\" />\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  content({\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"2x\" {...rootProps}>\n        {children ||\n          Array(lines || 5)\n            .fill(0)\n            .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n      </Flow>\n    );\n  },\n  topbar({ isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space\n        gap=\"4x\"\n        placeContent=\"space-between\"\n        height=\"6x\"\n        padding=\"1x\"\n        border=\"bottom\"\n        {...rootProps}\n      >\n        <Space>\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n          <Placeholder isStatic={isStatic} width=\"20x\" />\n        </Space>\n\n        <Space>\n          <Placeholder isStatic={isStatic} width=\"10x\" />\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n        </Space>\n      </Space>\n    );\n  },\n  menu({ lines, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"3.25x\" padding=\"3x 1x\" {...rootProps}>\n        {Array(lines || 5)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder key={i} isStatic={isStatic} />\n          ))}\n      </Flow>\n    );\n  },\n  stats({ cards, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space gap=\"4x\" {...rootProps}>\n        {Array(cards || 3)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder\n              key={i}\n              isStatic={isStatic}\n              radius=\"1r\"\n              width=\"20x\"\n              height=\"12x\"\n              flexGrow={1}\n            />\n          ))}\n      </Space>\n    );\n  },\n  tabs({\n    tabs,\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space>\n          {Array(tabs || 3)\n            .fill(0)\n            .map((item, i) => (\n              <Placeholder key={i} isStatic={isStatic} width=\"15x\" />\n            ))}\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  table({\n    rows,\n    columns,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    columns = columns || 5;\n    rows = rows || 5;\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        {...rootProps}\n      >\n        {Array(rows)\n          .fill(0)\n          .map((item, i) => {\n            return Array(columns)\n              .fill(0)\n              .map((item, j) => {\n                return (\n                  <Placeholder\n                    key={`${i}.${j}`}\n                    isStatic={isStatic}\n                    size={!i ? '3x' : '2x'}\n                  />\n                );\n              });\n          })}\n      </Grid>\n    );\n  },\n  chart({ columns, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    columns = columns || 12;\n\n    const heightMap = [1, 4, 2, 5, 8, 9, 5, 3, 4, 2, 6, 7, 2];\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        placeItems=\"end stretch\"\n        height=\"40x\"\n        {...rootProps}\n      >\n        {Array(columns)\n          .fill(0)\n          .map((item, i) => {\n            return (\n              <Placeholder\n                key={i}\n                isStatic={isStatic}\n                height={`${heightMap[i % 12] * 10}%`}\n                width=\"max 6x\"\n              />\n            );\n          })}\n      </Grid>\n    );\n  },\n} as const;\n\nexport interface CubeSkeletonProps\n  extends CubeSkeletonRootProps, Omit<CubeSkeletonLayoutProps, 'rootProps'> {\n  /** The type of the layout */\n  layout?: keyof typeof LAYOUT_MAP;\n}\n\nexport interface CubeSkeletonRootProps\n  extends\n    Omit<CubeGridProps, 'columns' | 'rows'>,\n    CubePlaceholderProps,\n    BaseProps,\n    ContainerStyleProps {}\n\nexport interface CubeSkeletonLayoutProps {\n  /** The number of columns for the table layout */\n  columns?: number;\n  /** The number of rows for the table layout */\n  rows?: number;\n  /** The number of placeholder lines */\n  lines?: number;\n  /** The number of tabs */\n  tabs?: number;\n  /** The number of cards */\n  cards?: number;\n  /** The static mode */\n  isStatic?: boolean;\n  rootProps?: CubeSkeletonRootProps;\n  children?: ReactNode;\n}\n\nexport function Skeleton({\n  layout,\n  isStatic,\n  columns,\n  rows,\n  lines,\n  tabs,\n  cards,\n  children,\n  ...props\n}: CubeSkeletonProps) {\n  const { t } = useI18n();\n\n  layout = layout || 'page';\n\n  // One \"Content is loading\" region for the whole layout, rather than one per\n  // bar: a page skeleton would otherwise list a dozen identical landmarks.\n  return LAYOUT_MAP[layout] ? (\n    <PlaceholderGroupContext.Provider value>\n      {LAYOUT_MAP[layout]({\n        isStatic,\n        columns,\n        rows,\n        lines,\n        tabs,\n        cards,\n        children,\n        rootProps: {\n          qa: 'Skeleton',\n          role: 'region',\n          'aria-label': t('placeholder.contentIsLoading', 'Content is loading'),\n          ...props,\n        },\n      })}\n    </PlaceholderGroupContext.Provider>\n  ) : (\n    <Placeholder qa=\"Skeleton\" isStatic={isStatic} {...props}>\n      {children}\n    </Placeholder>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 
-import "../Item/index.js";
 import { CubeItemBaseProps as CubeItemProps } from "../Item/Item.js";
 import { Styles } from "@tenphi/tasty";
 //#region src/components/content/Tag/Tag.d.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Item as _Item } from "../Item/Item.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["Styles","tasty","forwardRef","ItemVariant","useI18n","CloseIcon","mergeStyleLayers","CubeItemProps","Item","TagElement","qa","role","styles","padding","preset","border","overflow","Label","textAlign","placeSelf","CubeTagProps","theme","isClosable","onClose","closeButtonStyles","Tag","allProps","ref","$","_c","t","children","mods","props","t0","t1","size","undefined","type","t2","t3","color","t4","_Tag","displayName","Item","_c"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { ItemVariant } from '../../../data/item-themes';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeStyleLayers } from '../../../utils/styles';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    // Squeezed below its label, the label keeps its end padding as a box the\n    // column can't hold: `stretch` keeps that box after the icon, and `clip`\n    // hides the part past the edge. End content zeroes that padding, so then\n    // only the content itself overflows, and it must stay visible.\n    overflow: { '': 'clip', 'has-end-content': 'visible' },\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center stretch',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  /**\n   * Visual theme. Every value but `special` is a soft card — pale fill, tinted\n   * border, strong colored text. `primary` and `special` are the same brand\n   * hue at two weights: `primary` is the soft card, `special` the solid fill.\n   */\n  theme?:\n    | 'default'\n    | 'primary'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  const { t } = useI18n();\n\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  // `special` is the SOLID brand chip, and it is spelled as the `default`\n  // theme's `primary` type rather than as a theme of its own. Not a typo to be\n  // tidied into `theme = 'primary'`: that is the SOFT brand card\n  // (`primary.card`), which is a different weight and reachable under its own\n  // name. The two are deliberately separate spellings of the same hue.\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label={t('tag.close', 'Close')}\n            styles={mergeStyleLayers({ color: '#current' }, closeButtonStyles)}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;;;AASA,MAAMS,aAAaR,MAAMO,OAAM;CAC7BE,IAAI;CACJC,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTC,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;EAC9B;EACAC,QAAQ,EAEN,gBAAgB,SAClB;EAEA,uBAAuB;EAMvBC,UAAU;GAAE,IAAI;GAAQ,mBAAmB;EAAU;EAErDC,OAAO;GACLC,WAAW;GACXC,WAAW;EACb;CACF;AACF,CAAC;AAqBD,SAAAM,IAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAC,MAAc1B,QAAQ;CAAE,IAAA2B;CAAA,IAAAP;CAAA,IAAAF;CAAA,IAAAU;CAAA,IAAAT;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAF,UAAA;EAExB,CAAA,CAAAL,OAAAa,IAAAZ,YAAAC,SAAAC,mBAAAO,UAAAK,MAAAD,IAAAH,MAAA,GAAAC,SASIP;EAASE,EAAA,KAAAF;EAAAE,EAAA,KAAAG;EAAAH,EAAA,KAAAJ;EAAAI,EAAA,KAAAN;EAAAM,EAAA,KAAAI;EAAAJ,EAAA,KAAAL;EAAAK,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAJ,WAAAH,EAAA;EAAAJ,oBAAAI,EAAA;EAAAN,aAAAM,EAAA;EAAAI,OAAAJ,EAAA;EAAAL,UAAAK,EAAA;EAAAK,QAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CARX,IAAAP,QAAAa,OAAAG,KAAAA,IAAA,YAAAH;CAKA,MAAAE,OAAAD,OAAAE,KAAAA,IAAA,WAAAF;CAKF,IAAAG,OAAW;CAOX,IAAIjB,UAAU,WAAS;EACrBA,QAAQA;EACRiB,OAAOA;CAAH;CAQO,MAAAC,KAAA,GAAGlB,MAAK,GAAIiB;CAAqB,IAAAE;CAAA,IAAAZ,EAAA,OAAAJ,qBAAAI,EAAA,QAAAN,cAAAM,EAAA,QAAAL,WAAAK,EAAA,QAAAE,GAAA;EAGxCU,KAAAlB,aACE,oBAAAuB,MAAA,QAAA;GACc,cAAAf,EAAE,aAAa,OAAO;GAC1B,QAAAxB,iBAAiB,EAAAmC,OAAS,WAAW,GAAGjB,iBAAiB;GAC3D,MAAA,oBAAC,WAAD,CAAU,CAAA;GACPD,SAAAA;EAAO,CAAA,IALpBc,KAAAA;EAOaT,EAAA,KAAAJ;EAAAI,EAAA,MAAAN;EAAAM,EAAA,MAAAL;EAAAK,EAAA,MAAAE;EAAAF,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAG,YAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAK,SAAAL,EAAA,QAAAD,OAAAC,EAAA,QAAAQ,QAAAR,EAAA,QAAAW,MAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAU,MAAA;EAdjBI,KAAA,oBAAC,YAAD;GACOf;GACCS;GACKE,aAAAA;GACF,SAAAC;GACHP;GAEJ,SAAAQ;GAOa,GAEXP;GAEHF;EAlBQ,CAAA;EAmBEH,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAD;EAAAC,EAAA,MAAAQ;EAAAR,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAU;EAAAV,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,OAnBbc;AAmBa;AAIjB,MAAMC,OAAOzC,WAAWuB,GAAG;AAE3BkB,KAAKC,cAAc"}
+{"version":3,"file":"Tag.js","names":["Styles","tasty","forwardRef","ItemVariant","useI18n","CloseIcon","mergeStyleLayers","CubeItemProps","Item","TagElement","qa","role","styles","padding","preset","border","overflow","Label","textAlign","placeSelf","CubeTagProps","theme","isClosable","onClose","closeButtonStyles","Tag","allProps","ref","$","_c","t","children","mods","props","t0","t1","size","undefined","type","t2","t3","color","t4","_Tag","displayName","Item","_c"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { ItemVariant } from '../../../data/item-themes';\nimport { useI18n } from '../../../i18n/useI18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeStyleLayers } from '../../../utils/styles';\nimport { CubeItemProps, Item } from '../Item/Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    // Squeezed below its label, the label keeps its end padding as a box the\n    // column can't hold: `stretch` keeps that box after the icon, and `clip`\n    // hides the part past the edge. End content zeroes that padding, so then\n    // only the content itself overflows, and it must stay visible.\n    overflow: { '': 'clip', 'has-end-content': 'visible' },\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center stretch',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  /**\n   * Visual theme. Every value but `special` is a soft card — pale fill, tinted\n   * border, strong colored text. `primary` and `special` are the same brand\n   * hue at two weights: `primary` is the soft card, `special` the solid fill.\n   */\n  theme?:\n    | 'default'\n    | 'primary'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  const { t } = useI18n();\n\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  // `special` is the SOLID brand chip, and it is spelled as the `default`\n  // theme's `primary` type rather than as a theme of its own. Not a typo to be\n  // tidied into `theme = 'primary'`: that is the SOFT brand card\n  // (`primary.card`), which is a different weight and reachable under its own\n  // name. The two are deliberately separate spellings of the same hue.\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label={t('tag.close', 'Close')}\n            styles={mergeStyleLayers({ color: '#current' }, closeButtonStyles)}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;;;AASA,MAAMS,aAAaR,MAAMO,OAAM;CAC7BE,IAAI;CACJC,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTC,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;EAC9B;EACAC,QAAQ,EAEN,gBAAgB,SAClB;EAEA,uBAAuB;EAMvBC,UAAU;GAAE,IAAI;GAAQ,mBAAmB;EAAU;EAErDC,OAAO;GACLC,WAAW;GACXC,WAAW;EACb;CACF;AACF,CAAC;AAqBD,SAAAM,IAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAC,MAAc1B,QAAQ;CAAE,IAAA2B;CAAA,IAAAP;CAAA,IAAAF;CAAA,IAAAU;CAAA,IAAAT;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAF,UAAA;EAExB,CAAA,CAAAL,OAAAa,IAAAZ,YAAAC,SAAAC,mBAAAO,UAAAK,MAAAD,IAAAH,MAAA,GAAAC,SASIP;EAASE,EAAA,KAAAF;EAAAE,EAAA,KAAAG;EAAAH,EAAA,KAAAJ;EAAAI,EAAA,KAAAN;EAAAM,EAAA,KAAAI;EAAAJ,EAAA,KAAAL;EAAAK,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAJ,WAAAH,EAAA;EAAAJ,oBAAAI,EAAA;EAAAN,aAAAM,EAAA;EAAAI,OAAAJ,EAAA;EAAAL,UAAAK,EAAA;EAAAK,QAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CARX,IAAAP,QAAAa,OAAAG,KAAAA,IAAA,YAAAH;CAKA,MAAAE,OAAAD,OAAAE,KAAAA,IAAA,WAAAF;CAKF,IAAAG,OAAW;CAOX,IAAIjB,UAAU,WAAS;EACrBA,QAAQA;EACRiB,OAAOA;CAAH;CAQO,MAAAC,KAAA,GAAGlB,MAAK,GAAIiB;CAAqB,IAAAE;CAAA,IAAAZ,EAAA,OAAAJ,qBAAAI,EAAA,QAAAN,cAAAM,EAAA,QAAAL,WAAAK,EAAA,QAAAE,GAAA;EAGxCU,KAAAlB,aACE,oBAAAuB,MAAA,QAAA;GACc,cAAAf,EAAE,aAAa,OAAO;GAC1B,QAAAxB,iBAAiB,EAAAmC,OAAS,WAAW,GAAGjB,iBAAiB;GAC3D,MAAA,oBAAC,WAAD,CAAU,CAAA;GACPD,SAAAA;EAAO,CAAA,IALpBc,KAAAA;EAOaT,EAAA,KAAAJ;EAAAI,EAAA,MAAAN;EAAAM,EAAA,MAAAL;EAAAK,EAAA,MAAAE;EAAAF,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAG,YAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAK,SAAAL,EAAA,QAAAD,OAAAC,EAAA,QAAAQ,QAAAR,EAAA,QAAAW,MAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAU,MAAA;EAdjBI,KAAA,oBAAC,YAAD;GACOf;GACCS;GACKE,aAAAA;GACF,SAAAC;GACHP;GAEJ,SAAAQ;GAOa,GAEXP;GAEHF;EAlBQ,CAAA;EAmBEH,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAD;EAAAC,EAAA,MAAAQ;EAAAR,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAU;EAAAV,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,OAnBbc;AAmBa;AAIjB,MAAMC,OAAOzC,WAAWuB,GAAG;AAE3BkB,KAAKC,cAAc"}

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_DEFAULT_STYLES, TEXT_PROP_MAP, useTextProps } 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.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","PositionStyleProps","tasty","TEXT_STYLES","forwardRef","useSlotProps","extractStyles","CubeTextProps","TEXT_PROP_MAP","STYLE_LIST","CubeTitleProps","level","slot","TitleElement","qa","as","styles","gridArea","display","color","preset","margin","whiteSpace","textOverflow","ellipsis","overflow","width","Title","CubeTitle","t0","ref","$","_c","nowrap","props","t1","T0","t2","t3","t4","t5","t6","propsWithSlots","headingLevel","tag","const","eventProps","t7","_Title","Object","assign","Danger","DangerTitle","Success","SuccessTitle","displayName","_c"],"sources":["../../../src/components/content/Title.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  PositionStyleProps,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nimport { CubeTextProps, TEXT_PROP_MAP } from './Text';\n\nconst STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];\n\nexport interface CubeTitleProps\n  extends BaseProps, CubeTextProps, ContainerStyleProps, PositionStyleProps {\n  /** The level of the heading **/\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** The slot to read provided props from. Defaults to `title` */\n  slot?: string;\n}\n\nconst TitleElement = tasty({\n  qa: 'Title',\n  as: 'h1', // it should be dynamic\n  styles: {\n    gridArea: 'title',\n    display: 'block',\n    color: '#dark',\n    preset: {\n      '': 'h6',\n      'level=1': 'h1',\n      'level=2': 'h2',\n      'level=3': 'h3',\n      'level=4': 'h4',\n      'level=5': 'h5',\n      'level=6': 'h6',\n    },\n    margin: '0',\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Title = forwardRef(function CubeTitle(\n  { qa, as, nowrap, ellipsis, ...props }: CubeTitleProps,\n  ref,\n) {\n  // `level` is read after the slot merge: `Dialog` makes its title an `h2`\n  // through the slot, and a level taken from the bare props never sees that.\n  const { level, ...propsWithSlots } = useSlotProps(props, 'title');\n\n  const headingLevel: NonNullable<CubeTitleProps['level']> = level || 1;\n  const tag = `h${headingLevel}` as const;\n  const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TitleElement\n      qa={qa || 'Title'}\n      as={as || tag}\n      data-level={headingLevel}\n      mods={{\n        nowrap,\n        ellipsis,\n      }}\n      {...filterBaseProps(propsWithSlots, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst _Title = Object.assign(Title, {\n  Danger: forwardRef(function DangerTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#danger-text\" {...props} />;\n  }),\n  Success: forwardRef(function SuccessTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#success-text\" {...props} />;\n  }),\n});\n\n_Title.displayName = 'Title';\n\nexport { _Title as Title };\n"],"mappings":"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"}
+{"version":3,"file":"Title.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","PositionStyleProps","tasty","TEXT_STYLES","forwardRef","useSlotProps","extractStyles","CubeTextProps","TEXT_PROP_MAP","STYLE_LIST","CubeTitleProps","level","slot","TitleElement","qa","as","styles","gridArea","display","color","preset","margin","whiteSpace","textOverflow","ellipsis","overflow","width","Title","CubeTitle","t0","ref","$","_c","nowrap","props","t1","T0","t2","t3","t4","t5","t6","propsWithSlots","headingLevel","tag","const","eventProps","t7","_Title","Object","assign","Danger","DangerTitle","Success","SuccessTitle","displayName","_c"],"sources":["../../../src/components/content/Title.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  PositionStyleProps,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react/Slots';\nimport { extractStyles } from '../../utils/styles';\n\nimport { CubeTextProps, TEXT_PROP_MAP } from './Text';\n\nconst STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];\n\nexport interface CubeTitleProps\n  extends BaseProps, CubeTextProps, ContainerStyleProps, PositionStyleProps {\n  /** The level of the heading **/\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** The slot to read provided props from. Defaults to `title` */\n  slot?: string;\n}\n\nconst TitleElement = tasty({\n  qa: 'Title',\n  as: 'h1', // it should be dynamic\n  styles: {\n    gridArea: 'title',\n    display: 'block',\n    color: '#dark',\n    preset: {\n      '': 'h6',\n      'level=1': 'h1',\n      'level=2': 'h2',\n      'level=3': 'h3',\n      'level=4': 'h4',\n      'level=5': 'h5',\n      'level=6': 'h6',\n    },\n    margin: '0',\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Title = forwardRef(function CubeTitle(\n  { qa, as, nowrap, ellipsis, ...props }: CubeTitleProps,\n  ref,\n) {\n  // `level` is read after the slot merge: `Dialog` makes its title an `h2`\n  // through the slot, and a level taken from the bare props never sees that.\n  const { level, ...propsWithSlots } = useSlotProps(props, 'title');\n\n  const headingLevel: NonNullable<CubeTitleProps['level']> = level || 1;\n  const tag = `h${headingLevel}` as const;\n  const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TitleElement\n      qa={qa || 'Title'}\n      as={as || tag}\n      data-level={headingLevel}\n      mods={{\n        nowrap,\n        ellipsis,\n      }}\n      {...filterBaseProps(propsWithSlots, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst _Title = Object.assign(Title, {\n  Danger: forwardRef(function DangerTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#danger-text\" {...props} />;\n  }),\n  Success: forwardRef(function SuccessTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#success-text\" {...props} />;\n  }),\n});\n\n_Title.displayName = 'Title';\n\nexport { _Title as Title };\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","names":["useVirtualizer","OUTER_STYLES","forwardRef","useLayoutEffect","useMemo","useRef","useTree","Item","useTreeState","useEvent","useI18n","SIZE_NAME_TO_KEY","SIZES","mergeRefs","extractStyles","TreeElement","TreeScrollContainer","TreeSizer","buildTreeIndex","getTreeNodeText","TreeNode","useCheckboxTree","useLoadData","Key","Node","Selection","ForwardedRef","ReactElement","ReactNode","CubeTreeNodeData","CubeTreeProps","TreeOnExpandInfo","TreeOnSelectInfo","TreeSelectionMode","renderItem","node","key","children","title","collectDisabledKeys","treeData","treeIsDisabled","keys","visit","nodes","isDisabled","push","expandWithParents","parentOf","Map","length","set","Set","parent","get","add","Array","from","findToggledKey","previous","next","added","k","has","resolveSelectionMode","selectionMode","isSelectable","TreeBase","props","ref","HTMLDivElement","isCheckable","selectionModeProp","size","shape","containerPadding","defaultExpandedKeys","expandedKeys","autoExpandParent","defaultCheckedKeys","checkedKeys","defaultSelectedKeys","selectedKeys","height","loadData","onExpand","onCheck","onSelect","itemProps","rowStyles","ariaLabel","qa","menu","treeMenu","contextMenu","treeContextMenu","onAction","treeOnAction","menuTriggerProps","menuProps","id","_activeKey","activeKey","_onRowAction","onRowAction","otherProps","baseStyles","treeRef","scrollRef","treeIndex","nodesByKey","byKey","disabledKeys","effectiveExpandedKeys","effectiveDefaultExpandedKeys","checkbox","index","loadDataController","initialExpandedKeys","previousExpandedRef","handleExpandedChange","nextSet","onExpandedChanged","undefined","current","toggled","String","info","expanded","previousSelectionRef","handleSelectionChange","selection","arr","state","collection","getKeys","getItem","type","selectedNodes","map","filter","n","selected","hasOnSelect","t","treeLabel","ariaProps","onSelectionChange","onExpandedChange","disabledBehavior","const","items","baseState","getChildren","patched","Object","create","Iterable","childNodes","gridProps","visibleNodes","out","visibleNodesRef","rowVirtualizer","count","getScrollElement","getItemKey","estimateSize","gap","overscan","paddingStart","paddingEnd","treeTokens","totalSize","getTotalSize","lastFocusedScrollRef","lastSelectedScrollRef","focusedKey","selectionManager","findIndex","scrollToIndex","align","lastActiveScrollRef","target","mods","mergedScrollRef","tabIndex","getVirtualItems","virtualItem","keyStr","data","checkedSet","halfCheckedSet","loadingKeys","start","measureElement","toggle","_Tree","displayName","Tree"],"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 { useI18n } from '../../../i18n';\nimport { SIZE_NAME_TO_KEY, SIZES } from '../../../tokens/sizes';\nimport { mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TreeElement, TreeScrollContainer, TreeSizer } from './styled';\nimport { buildTreeIndex, getTreeNodeText } 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 { ForwardedRef, ReactElement, ReactNode } 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  return (\n    <Item\n      key={node.key}\n      textValue={getTreeNodeText(node)}\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    id,\n    _activeKey: activeKey,\n    _onRowAction: onRowAction,\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  const { t } = useI18n();\n  const treeLabel = ariaLabel ?? t('tree.ariaLabel', 'Tree');\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': treeLabel,\n      // Row ids derive from it (`<id>-<key>`), which is what lets a control\n      // outside the tree point at a row with `aria-activedescendant`.\n      id,\n      onAction: onRowAction\n        ? (key: Key) => onRowAction(String(key))\n        : undefined,\n    }),\n    [\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      hasOnSelect,\n      handleSelectionChange,\n      effectiveExpandedKeys,\n      effectiveDefaultExpandedKeys,\n      handleExpandedChange,\n      disabledKeys,\n      treeData,\n      treeLabel,\n      id,\n      onRowAction,\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 treeTokens = useMemo(\n    () => ({\n      '$tree-height': height == null ? undefined : `${height}px`,\n      '$tree-padding': `${containerPadding}px`,\n    }),\n    [height, containerPadding],\n  );\n\n  const totalSize = rowVirtualizer.getTotalSize();\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   * Same for the row an outside control points at (`_activeKey`): that\n   * control keeps DOM focus, so `focusedKey` never moves.\n   */\n  const lastActiveScrollRef = useRef<string | null>(null);\n\n  useLayoutEffect(() => {\n    if (activeKey == null) {\n      lastActiveScrollRef.current = null;\n      return;\n    }\n    if (lastActiveScrollRef.current === activeKey) return;\n\n    const index = visibleNodes.findIndex((n) => String(n.key) === activeKey);\n    if (index < 0) return;\n\n    rowVirtualizer.scrollToIndex(index, { align: 'auto' });\n    lastActiveScrollRef.current = activeKey;\n  }, [activeKey, visibleNodes, 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      // Driven from outside (`_activeKey`), the tree is no tab stop: the\n      // control that points at its rows keeps focus.\n      tabIndex={activeKey === undefined ? gridProps.tabIndex : -1}\n      ref={treeRef}\n      qa={qa ?? 'Tree'}\n      mods={mods}\n      styles={baseStyles}\n      tokens={treeTokens}\n    >\n      <TreeScrollContainer ref={mergedScrollRef}>\n        <TreeSizer\n          role=\"presentation\"\n          tokens={{ '$tree-content-height': `${totalSize}px` }}\n        >\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                isActive={\n                  activeKey === undefined ? undefined : activeKey === keyStr\n                }\n                size={size}\n                itemProps={itemProps}\n                rowStyles={rowStyles}\n                virtualOffset={virtualItem.start}\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        </TreeSizer>\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":["useVirtualizer","OUTER_STYLES","forwardRef","useLayoutEffect","useMemo","useRef","useTree","Item","useTreeState","useEvent","useI18n","SIZE_NAME_TO_KEY","SIZES","mergeRefs","extractStyles","TreeElement","TreeScrollContainer","TreeSizer","buildTreeIndex","getTreeNodeText","TreeNode","useCheckboxTree","useLoadData","Key","Node","Selection","ForwardedRef","ReactElement","ReactNode","CubeTreeNodeData","CubeTreeProps","TreeOnExpandInfo","TreeOnSelectInfo","TreeSelectionMode","renderItem","node","key","children","title","collectDisabledKeys","treeData","treeIsDisabled","keys","visit","nodes","isDisabled","push","expandWithParents","parentOf","Map","length","set","Set","parent","get","add","Array","from","findToggledKey","previous","next","added","k","has","resolveSelectionMode","selectionMode","isSelectable","TreeBase","props","ref","HTMLDivElement","isCheckable","selectionModeProp","size","shape","containerPadding","defaultExpandedKeys","expandedKeys","autoExpandParent","defaultCheckedKeys","checkedKeys","defaultSelectedKeys","selectedKeys","height","loadData","onExpand","onCheck","onSelect","itemProps","rowStyles","ariaLabel","qa","menu","treeMenu","contextMenu","treeContextMenu","onAction","treeOnAction","menuTriggerProps","menuProps","id","_activeKey","activeKey","_onRowAction","onRowAction","otherProps","baseStyles","treeRef","scrollRef","treeIndex","nodesByKey","byKey","disabledKeys","effectiveExpandedKeys","effectiveDefaultExpandedKeys","checkbox","index","loadDataController","initialExpandedKeys","previousExpandedRef","handleExpandedChange","nextSet","onExpandedChanged","undefined","current","toggled","String","info","expanded","previousSelectionRef","handleSelectionChange","selection","arr","state","collection","getKeys","getItem","type","selectedNodes","map","filter","n","selected","hasOnSelect","t","treeLabel","ariaProps","onSelectionChange","onExpandedChange","disabledBehavior","const","items","baseState","getChildren","patched","Object","create","Iterable","childNodes","gridProps","visibleNodes","out","visibleNodesRef","rowVirtualizer","count","getScrollElement","getItemKey","estimateSize","gap","overscan","paddingStart","paddingEnd","treeTokens","totalSize","getTotalSize","lastFocusedScrollRef","lastSelectedScrollRef","focusedKey","selectionManager","findIndex","scrollToIndex","align","lastActiveScrollRef","target","mods","mergedScrollRef","tabIndex","getVirtualItems","virtualItem","keyStr","data","checkedSet","halfCheckedSet","loadingKeys","start","measureElement","toggle","_Tree","displayName","Tree"],"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/use-event';\nimport { useI18n } from '../../../i18n/useI18n';\nimport { SIZE_NAME_TO_KEY, SIZES } from '../../../tokens/sizes';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TreeElement, TreeScrollContainer, TreeSizer } from './styled';\nimport { buildTreeIndex, getTreeNodeText } 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 { ForwardedRef, ReactElement, ReactNode } 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  return (\n    <Item\n      key={node.key}\n      textValue={getTreeNodeText(node)}\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    id,\n    _activeKey: activeKey,\n    _onRowAction: onRowAction,\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  const { t } = useI18n();\n  const treeLabel = ariaLabel ?? t('tree.ariaLabel', 'Tree');\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': treeLabel,\n      // Row ids derive from it (`<id>-<key>`), which is what lets a control\n      // outside the tree point at a row with `aria-activedescendant`.\n      id,\n      onAction: onRowAction\n        ? (key: Key) => onRowAction(String(key))\n        : undefined,\n    }),\n    [\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      hasOnSelect,\n      handleSelectionChange,\n      effectiveExpandedKeys,\n      effectiveDefaultExpandedKeys,\n      handleExpandedChange,\n      disabledKeys,\n      treeData,\n      treeLabel,\n      id,\n      onRowAction,\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 treeTokens = useMemo(\n    () => ({\n      '$tree-height': height == null ? undefined : `${height}px`,\n      '$tree-padding': `${containerPadding}px`,\n    }),\n    [height, containerPadding],\n  );\n\n  const totalSize = rowVirtualizer.getTotalSize();\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   * Same for the row an outside control points at (`_activeKey`): that\n   * control keeps DOM focus, so `focusedKey` never moves.\n   */\n  const lastActiveScrollRef = useRef<string | null>(null);\n\n  useLayoutEffect(() => {\n    if (activeKey == null) {\n      lastActiveScrollRef.current = null;\n      return;\n    }\n    if (lastActiveScrollRef.current === activeKey) return;\n\n    const index = visibleNodes.findIndex((n) => String(n.key) === activeKey);\n    if (index < 0) return;\n\n    rowVirtualizer.scrollToIndex(index, { align: 'auto' });\n    lastActiveScrollRef.current = activeKey;\n  }, [activeKey, visibleNodes, 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      // Driven from outside (`_activeKey`), the tree is no tab stop: the\n      // control that points at its rows keeps focus.\n      tabIndex={activeKey === undefined ? gridProps.tabIndex : -1}\n      ref={treeRef}\n      qa={qa ?? 'Tree'}\n      mods={mods}\n      styles={baseStyles}\n      tokens={treeTokens}\n    >\n      <TreeScrollContainer ref={mergedScrollRef}>\n        <TreeSizer\n          role=\"presentation\"\n          tokens={{ '$tree-content-height': `${totalSize}px` }}\n        >\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                isActive={\n                  activeKey === undefined ? undefined : activeKey === keyStr\n                }\n                size={size}\n                itemProps={itemProps}\n                rowStyles={rowStyles}\n                virtualOffset={virtualItem.start}\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        </TreeSizer>\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,18 +1,18 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.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";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
-import { DirectionIcon } from "../../../icons/DirectionIcon.js";
-import { MenuTrigger as _MenuTrigger } from "../../actions/Menu/MenuTrigger.js";
-import { Menu as __Menu } from "../../actions/Menu/Menu.js";
-import { useContextMenu } from "../../actions/use-context-menu.js";
 import { TreeNodeCheckboxWrapper, TreeNodeRow, TreeNodeToggle, TreeNodeTogglePlaceholder, TreeRowItem } from "./styled.js";
 import { getTreeNodeText } from "./tree-index.js";
+import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";
 import { allowOverlayKeysToPropagate } from "../../../utils/react/overlayKeyPropagation.js";
+import { MenuTrigger as _MenuTrigger } from "../../actions/Menu/MenuTrigger.js";
+import { Menu as __Menu } from "../../actions/Menu/Menu.js";
+import { useContextMenu } from "../../actions/use-context-menu.js";
 import { Checkbox as __Checkbox } from "../../fields/Checkbox/Checkbox.js";
 import { Children, memo, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","names":["Children","memo","useMemo","useRef","useState","useHover","useTreeItem","useEvent","useI18n","DirectionIcon","LoadingIcon","MoreIcon","mergeProps","mergeRefs","allowOverlayKeysToPropagate","CubeItemActionProps","ItemAction","CubeMenuProps","Menu","MenuTrigger","useContextMenu","Checkbox","TreeNodeCheckboxWrapper","TreeNodeRow","TreeNodeToggle","TreeNodeTogglePlaceholder","TreeRowItem","getTreeNodeText","Key","Node","Styles","KeyboardEvent","MouseEvent","ReactNode","Ref","TreeState","CubeTreeNodeData","TreeContextMenu","TreeItemProps","TreeNodeState","isMenuEmpty","menu","undefined","toArray","length","TreeNodeProps","node","data","state","isCheckable","isExpanded","isIndeterminate","isChecked","isLoading","isActive","onToggleChecked","key","size","itemProps","rowStyles","virtualOffset","virtualRef","element","HTMLElement","virtualIndex","contextMenu","onAction","action","menuTriggerProps","Partial","menuProps","TreeNodeInner","props","t","treeMenu","treeContextMenu","treeOnAction","rowRef","HTMLDivElement","isLeaf","hasChildNodes","rowProps","gridCellProps","expandButtonProps","isPressed","hasChildItems","isDisabled","disabledKeys","has","isSelected","selectionManager","hoverProps","isHovered","isFocused","focusedKey","isRowCheckable","nodeState","effectiveMenuChildren","hasMenu","effectiveContextMenu","menuExposed","contextMenuOnly","isMenuOpen","setIsMenuOpen","handleMenuAction","actionStr","String","normalizedAction","startsWith","slice","rowContextMenu","placement","children","handleCheckboxChange","handleWrapperClick","e","stopPropagation","isCheckboxDisabled","target","closest","handleKeyDown","preventDefault","shiftKey","open","composedKeyDown","onKeyDown","sharedMods","checked","indeterminate","expanded","loading","leaf","rowMods","disabled","itemMods","focused","hovered","pressed","rowTokens","level","finalRowProps","tabIndex","toggleNode","checkboxNode","resolvedItemProps","prefix","userPrefix","actions","userActions","restUserProps","composedPrefix","menuAction","composedActions","refs","list","push","targetRef","title","rendered","TreeNode","Menu","mergeProps","Checkbox","MenuTrigger"],"sources":["../../../../src/components/content/Tree/TreeNode.tsx"],"sourcesContent":["import { Children, memo, useMemo, useRef, useState } from 'react';\nimport { useHover, useTreeItem } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Checkbox } from '../../fields/Checkbox/Checkbox';\n\nimport {\n  TreeNodeCheckboxWrapper,\n  TreeNodeRow,\n  TreeNodeToggle,\n  TreeNodeTogglePlaceholder,\n  TreeRowItem,\n} from './styled';\nimport { getTreeNodeText } from './tree-index';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';\nimport type { TreeState } from 'react-stately';\nimport type {\n  CubeTreeNodeData,\n  TreeContextMenu,\n  TreeItemProps,\n  TreeNodeState,\n} from './types';\n\n/** Check whether a `menu` ReactNode actually contains anything. */\nfunction isMenuEmpty(menu: ReactNode): boolean {\n  if (menu === null || menu === undefined || menu === false) return true;\n  return Children.toArray(menu).length === 0;\n}\n\nexport interface TreeNodeProps {\n  node: Node<CubeTreeNodeData>;\n  /** The original `CubeTreeNodeData` for this row, looked up by key. */\n  data: CubeTreeNodeData;\n  state: TreeState<CubeTreeNodeData>;\n\n  /** Whether the tree as a whole renders checkboxes. */\n  isCheckable: boolean;\n  /** Whether this row is currently expanded. */\n  isExpanded: boolean;\n  /** Whether the row is in an indeterminate (half-checked) state. */\n  isIndeterminate: boolean;\n  /** Whether the row is fully checked. */\n  isChecked: boolean;\n  /** Whether `loadData` is currently fetching this row's children. */\n  isLoading: boolean;\n  /**\n   * Whether an outside control points at this row (`_activeKey`). When set,\n   * it replaces DOM focus as the source of the `focused` look.\n   */\n  isActive?: boolean;\n\n  /** Toggle this row's checkbox (cascades). */\n  onToggleChecked: (key: string) => void;\n\n  /** Row size passed to the underlying Item. */\n  size?: string;\n\n  /** Per-node Item customization (static object or callback). */\n  itemProps?:\n    | TreeItemProps\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => TreeItemProps);\n\n  /** Styles applied to the visible row (`TreeRowItem`). */\n  rowStyles?: Styles;\n\n  /** The row's offset from the list's top, in pixels, from the virtualizer. */\n  virtualOffset?: number;\n  /** Ref callback from `@tanstack/react-virtual` to measure row height. */\n  virtualRef?: (element: HTMLElement | null) => void;\n  /** Virtual index for `data-index` attribute. */\n  virtualIndex?: number;\n\n  /** Tree-wide menu default (resolved against `data.menu`). */\n  menu?:\n    | ReactNode\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => ReactNode | null);\n  /** Tree-wide `contextMenu` default. */\n  contextMenu?: TreeContextMenu;\n  /** Tree-wide `onAction` callback. */\n  onAction?: (action: string, key: Key) => void;\n  /** Forwarded to every per-row `MenuTrigger`. */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /** Forwarded to every per-row `Menu`. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n}\n\nfunction TreeNodeInner(props: TreeNodeProps) {\n  const { t } = useI18n();\n  const {\n    node,\n    data,\n    state,\n    isCheckable,\n    isExpanded,\n    isIndeterminate,\n    isChecked,\n    isLoading,\n    isActive,\n    onToggleChecked,\n    size,\n    itemProps,\n    rowStyles,\n    virtualOffset,\n    virtualRef,\n    virtualIndex,\n    menu: treeMenu,\n    contextMenu: treeContextMenu,\n    onAction: treeOnAction,\n    menuTriggerProps,\n    menuProps,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  // For lazy rows with no children yet, still render a toggle unless\n  // explicitly marked as leaf.\n  const isLeaf =\n    data.isLeaf === true || (data.isLeaf !== false && !node.hasChildNodes);\n\n  // React Aria counts a row as a parent only with more than one child (it\n  // expects the row's content first). `hasChildItems` makes single-child and\n  // lazy rows expandable: `aria-expanded` and arrow-key expansion.\n  const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem(\n    { node, hasChildItems: !isLeaf },\n    state,\n    rowRef,\n  );\n\n  const isDisabled = state.disabledKeys.has(node.key);\n  const isSelected = state.selectionManager.isSelected(node.key);\n\n  // `useTreeItem` doesn't track hover; we need it for the `hovered` mod.\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  // React Aria's treegrid uses roving tabindex, so no `data-focused`\n  // attribute lands on the row — mirror it as a mod manually.\n  const isFocused =\n    isActive ??\n    (state.selectionManager.isFocused &&\n      state.selectionManager.focusedKey === node.key);\n  const isRowCheckable = isCheckable && data.isCheckable !== false;\n\n  const nodeState: TreeNodeState = {\n    isExpanded,\n    isSelected,\n    isChecked,\n    isIndeterminate,\n    isLeaf,\n  };\n\n  // ---- Menu resolution (per-node override > tree-level) --------------------\n\n  const effectiveMenuChildren: ReactNode =\n    data.menu === null\n      ? null\n      : data.menu !== undefined\n        ? data.menu\n        : typeof treeMenu === 'function'\n          ? treeMenu(data, nodeState)\n          : (treeMenu ?? null);\n  const hasMenu = !isMenuEmpty(effectiveMenuChildren);\n\n  const effectiveContextMenu: TreeContextMenu =\n    data.contextMenu ?? treeContextMenu ?? false;\n  // The menu is exposed only when the consumer opts in via\n  // `contextMenu`. When `contextMenu` is `false` (default) we render\n  // nothing, even if `menu` is provided — this matches the plan and\n  // keeps default rows visually clean.\n  const menuExposed =\n    hasMenu &&\n    (effectiveContextMenu === true || effectiveContextMenu === 'context-only');\n  const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n  // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const handleMenuAction = useEvent((action: Key) => {\n    // Strip the \".$\" prefix that React adds via Children.toArray/map.\n    const actionStr = String(action);\n    const normalizedAction = actionStr.startsWith('.$')\n      ? actionStr.slice(2)\n      : actionStr;\n    data.onAction?.(normalizedAction);\n    treeOnAction?.(normalizedAction, node.key);\n    // Forward to the consumer-supplied `menuProps.onAction` so users\n    // who pass extra `Menu` props through `menuProps` still receive\n    // the action stream alongside the tree-level callback.\n    menuProps?.onAction?.(normalizedAction);\n  });\n\n  const rowContextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n    Menu,\n    { placement: 'bottom start' },\n    {\n      ...menuProps,\n      onAction: handleMenuAction,\n      children: effectiveMenuChildren,\n    },\n  );\n\n  // ---- Checkbox ------------------------------------------------------------\n\n  const handleCheckboxChange = useEvent(() => {\n    onToggleChecked(String(node.key));\n  });\n\n  const handleWrapperClick = useEvent((e: MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    if (isDisabled || data.isCheckboxDisabled) return;\n    // The inner <Checkbox> label toggles on direct click; skip to avoid a double toggle.\n    if ((e.target as HTMLElement).closest('[data-qa=\"CheckboxWrapper\"]'))\n      return;\n    onToggleChecked(String(node.key));\n  });\n\n  // ---- Keyboard ------------------------------------------------------------\n\n  // Composed keydown handler. Runs BEFORE `rowProps.onKeyDown` from\n  // `useTreeItem` so we can short-circuit the default react-aria\n  // behavior for our own shortcuts (Shift+F10 menu open, Space\n  // checkbox toggle). Returns `true` when the event was handled and\n  // react-aria's keydown must NOT run; returns `false` to chain to\n  // react-aria's handler.\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    // Space toggles the checkbox first when checkable. We DON'T claim\n    // the event (return `false`) so react-aria's onKeyDown still runs\n    // afterwards and the focused row also selects — matching the\n    // pre-refactor behavior when handlers were chained via\n    // `mergeProps`. `preventDefault` is kept to suppress page scroll.\n    if (\n      e.key === ' ' &&\n      isRowCheckable &&\n      !isDisabled &&\n      !data.isCheckboxDisabled\n    ) {\n      e.preventDefault();\n      onToggleChecked(String(node.key));\n      return false;\n    }\n\n    // Shift+F10 opens the row menu (standard accessibility shortcut).\n    if (e.key === 'F10' && e.shiftKey && menuExposed) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (contextMenuOnly) {\n        rowContextMenu.open();\n      } else {\n        setIsMenuOpen(true);\n      }\n      return true;\n    }\n\n    return false;\n  });\n\n  // Wrapper that delegates to react-aria's default keydown only when\n  // our handler did not claim the event. Replaces (rather than\n  // chains with) `rowProps.onKeyDown` so the order of handlers is\n  // strictly: our shortcuts → react-aria default.\n  const composedKeyDown = useEvent((e: KeyboardEvent<HTMLDivElement>) => {\n    if (handleKeyDown(e)) return;\n    rowProps.onKeyDown?.(e);\n  });\n\n  // ---- Mods ----------------------------------------------------------------\n\n  const sharedMods = useMemo(\n    () => ({\n      checked: isChecked,\n      indeterminate: isIndeterminate,\n      expanded: isExpanded,\n      loading: isLoading,\n      leaf: isLeaf,\n      'has-checkbox': isRowCheckable,\n      'has-menu': menuExposed,\n    }),\n    [\n      isChecked,\n      isIndeterminate,\n      isExpanded,\n      isLoading,\n      isLeaf,\n      isRowCheckable,\n      menuExposed,\n    ],\n  );\n\n  const rowMods = useMemo(\n    () => ({ ...sharedMods, disabled: isDisabled }),\n    [sharedMods, isDisabled],\n  );\n\n  const itemMods = useMemo(\n    () => ({\n      ...sharedMods,\n      focused: isFocused,\n      hovered: isHovered,\n      pressed: isPressed,\n    }),\n    [sharedMods, isFocused, isHovered, isPressed],\n  );\n\n  const rowTokens = useMemo(\n    () => ({\n      '$tree-level': node.level ?? 0,\n      '$tree-row-offset':\n        virtualOffset == null ? undefined : `${virtualOffset}px`,\n    }),\n    [node.level, virtualOffset],\n  );\n\n  // ---- Compose row props ---------------------------------------------------\n\n  // Merge react-aria + hover props but EXCLUDE `onKeyDown` from the\n  // chain — `composedKeyDown` already wraps `rowProps.onKeyDown` and\n  // must run first so our Shift+F10 / Space-checkbox shortcuts can\n  // short-circuit the default react-aria behavior.\n  const finalRowProps = {\n    // No `aria-checked` here: a `row` doesn't take it (axe aria-allowed-attr).\n    // The row's checkbox carries checked and mixed; the row has `checked` and\n    // `indeterminate` mods.\n    ...mergeProps(rowProps, hoverProps),\n    onKeyDown: composedKeyDown,\n    // Under an outside control (`isActive` set) no row is a tab stop, not\n    // even one a click focused.\n    ...(isActive === undefined ? null : { tabIndex: -1 }),\n  };\n\n  // ---- Toggle (chevron) and checkbox slots --------------------------------\n\n  // Leaf rows get a placeholder so sibling indents align.\n  const toggleNode = isLeaf ? (\n    <TreeNodeTogglePlaceholder aria-hidden data-element=\"Toggle\" />\n  ) : (\n    <TreeNodeToggle {...expandButtonProps} tabIndex={-1} data-element=\"Toggle\">\n      {isLoading ? (\n        <LoadingIcon />\n      ) : (\n        <DirectionIcon to={isExpanded ? 'bottom' : 'right'} />\n      )}\n    </TreeNodeToggle>\n  );\n\n  const checkboxNode = isRowCheckable ? (\n    <TreeNodeCheckboxWrapper\n      data-element=\"Checkbox\"\n      role=\"presentation\"\n      onClick={handleWrapperClick}\n      // Hold the checkbox's keys here, but let Escape and Tab reach the tree and\n      // a surrounding overlay.\n      onKeyDown={allowOverlayKeysToPropagate}\n    >\n      <Checkbox\n        isBare\n        isSelected={isChecked}\n        isIndeterminate={isIndeterminate}\n        isDisabled={isDisabled || data.isCheckboxDisabled}\n        aria-label={getTreeNodeText(data)}\n        // Under an outside control the tree has no tab stops at all, so Tab\n        // moves on from that control instead of into a row.\n        excludeFromTabOrder={isActive !== undefined}\n        onChange={handleCheckboxChange}\n      />\n    </TreeNodeCheckboxWrapper>\n  ) : null;\n\n  // ---- Resolve user-supplied per-node Item props --------------------------\n\n  const resolvedItemProps =\n    typeof itemProps === 'function' ? itemProps(data, nodeState) : itemProps;\n  const {\n    prefix: userPrefix,\n    actions: userActions,\n    ...restUserProps\n  } = resolvedItemProps ?? {};\n\n  const composedPrefix =\n    checkboxNode || userPrefix ? (\n      <>\n        {checkboxNode}\n        {userPrefix}\n      </>\n    ) : null;\n\n  // ---- Built-in overflow `⋮` action ---------------------------------------\n\n  const menuAction =\n    menuExposed && !contextMenuOnly ? (\n      <MenuTrigger isOpen={isMenuOpen} onOpenChange={setIsMenuOpen}>\n        <ItemAction\n          tabIndex={-1}\n          icon={<MoreIcon />}\n          aria-label={t('tree.actions', 'Actions')}\n          {...menuTriggerProps}\n        />\n        <Menu {...menuProps} onAction={handleMenuAction}>\n          {effectiveMenuChildren}\n        </Menu>\n      </MenuTrigger>\n    ) : null;\n\n  // Compose with user-supplied actions (user actions render first).\n  const composedActions =\n    userActions || menuAction ? (\n      <>\n        {userActions}\n        {menuAction}\n      </>\n    ) : undefined;\n\n  // ---- Refs / context-menu wiring -----------------------------------------\n\n  // When the context menu is enabled for this row, attach the hook's\n  // `targetRef` to the row so right-clicks land on the correct anchor.\n  const refs = useMemo(() => {\n    const list: Ref<HTMLDivElement>[] = [rowRef];\n    if (virtualRef) list.push(virtualRef);\n    if (menuExposed) list.push(rowContextMenu.targetRef);\n    return mergeRefs(...list);\n  }, [virtualRef, menuExposed, rowContextMenu.targetRef]);\n\n  return (\n    <TreeNodeRow\n      {...finalRowProps}\n      ref={refs}\n      mods={rowMods}\n      tokens={rowTokens}\n      data-element=\"Row\"\n      data-qa-key={String(node.key)}\n      data-index={virtualIndex}\n    >\n      <TreeRowItem\n        {...gridCellProps}\n        {...restUserProps}\n        size={size}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        mods={itemMods}\n        icon={toggleNode}\n        prefix={composedPrefix}\n        actions={composedActions}\n        styles={rowStyles}\n      >\n        {data.title}\n      </TreeRowItem>\n      {menuExposed && rowContextMenu.rendered}\n    </TreeNodeRow>\n  );\n}\n\nexport const TreeNode = memo(TreeNodeInner);\n"],"mappings":"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"}
+{"version":3,"file":"TreeNode.js","names":["Children","memo","useMemo","useRef","useState","useHover","useTreeItem","useEvent","useI18n","DirectionIcon","LoadingIcon","MoreIcon","mergeProps","allowOverlayKeysToPropagate","mergeRefs","CubeItemActionProps","ItemAction","CubeMenuProps","Menu","MenuTrigger","useContextMenu","Checkbox","TreeNodeCheckboxWrapper","TreeNodeRow","TreeNodeToggle","TreeNodeTogglePlaceholder","TreeRowItem","getTreeNodeText","Key","Node","Styles","KeyboardEvent","MouseEvent","ReactNode","Ref","TreeState","CubeTreeNodeData","TreeContextMenu","TreeItemProps","TreeNodeState","isMenuEmpty","menu","undefined","toArray","length","TreeNodeProps","node","data","state","isCheckable","isExpanded","isIndeterminate","isChecked","isLoading","isActive","onToggleChecked","key","size","itemProps","rowStyles","virtualOffset","virtualRef","element","HTMLElement","virtualIndex","contextMenu","onAction","action","menuTriggerProps","Partial","menuProps","TreeNodeInner","props","t","treeMenu","treeContextMenu","treeOnAction","rowRef","HTMLDivElement","isLeaf","hasChildNodes","rowProps","gridCellProps","expandButtonProps","isPressed","hasChildItems","isDisabled","disabledKeys","has","isSelected","selectionManager","hoverProps","isHovered","isFocused","focusedKey","isRowCheckable","nodeState","effectiveMenuChildren","hasMenu","effectiveContextMenu","menuExposed","contextMenuOnly","isMenuOpen","setIsMenuOpen","handleMenuAction","actionStr","String","normalizedAction","startsWith","slice","rowContextMenu","placement","children","handleCheckboxChange","handleWrapperClick","e","stopPropagation","isCheckboxDisabled","target","closest","handleKeyDown","preventDefault","shiftKey","open","composedKeyDown","onKeyDown","sharedMods","checked","indeterminate","expanded","loading","leaf","rowMods","disabled","itemMods","focused","hovered","pressed","rowTokens","level","finalRowProps","tabIndex","toggleNode","checkboxNode","resolvedItemProps","prefix","userPrefix","actions","userActions","restUserProps","composedPrefix","menuAction","composedActions","refs","list","push","targetRef","title","rendered","TreeNode","Menu","mergeProps","Checkbox","MenuTrigger"],"sources":["../../../../src/components/content/Tree/TreeNode.tsx"],"sourcesContent":["import { Children, memo, useMemo, useRef, useState } from 'react';\nimport { useHover, useTreeItem } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n/useI18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport {\n  CubeItemActionProps,\n  ItemAction,\n} from '../../actions/ItemAction/ItemAction';\nimport { CubeMenuProps, Menu } from '../../actions/Menu/Menu';\nimport { MenuTrigger } from '../../actions/Menu/MenuTrigger';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Checkbox } from '../../fields/Checkbox/Checkbox';\n\nimport {\n  TreeNodeCheckboxWrapper,\n  TreeNodeRow,\n  TreeNodeToggle,\n  TreeNodeTogglePlaceholder,\n  TreeRowItem,\n} from './styled';\nimport { getTreeNodeText } from './tree-index';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';\nimport type { TreeState } from 'react-stately';\nimport type {\n  CubeTreeNodeData,\n  TreeContextMenu,\n  TreeItemProps,\n  TreeNodeState,\n} from './types';\n\n/** Check whether a `menu` ReactNode actually contains anything. */\nfunction isMenuEmpty(menu: ReactNode): boolean {\n  if (menu === null || menu === undefined || menu === false) return true;\n  return Children.toArray(menu).length === 0;\n}\n\nexport interface TreeNodeProps {\n  node: Node<CubeTreeNodeData>;\n  /** The original `CubeTreeNodeData` for this row, looked up by key. */\n  data: CubeTreeNodeData;\n  state: TreeState<CubeTreeNodeData>;\n\n  /** Whether the tree as a whole renders checkboxes. */\n  isCheckable: boolean;\n  /** Whether this row is currently expanded. */\n  isExpanded: boolean;\n  /** Whether the row is in an indeterminate (half-checked) state. */\n  isIndeterminate: boolean;\n  /** Whether the row is fully checked. */\n  isChecked: boolean;\n  /** Whether `loadData` is currently fetching this row's children. */\n  isLoading: boolean;\n  /**\n   * Whether an outside control points at this row (`_activeKey`). When set,\n   * it replaces DOM focus as the source of the `focused` look.\n   */\n  isActive?: boolean;\n\n  /** Toggle this row's checkbox (cascades). */\n  onToggleChecked: (key: string) => void;\n\n  /** Row size passed to the underlying Item. */\n  size?: string;\n\n  /** Per-node Item customization (static object or callback). */\n  itemProps?:\n    | TreeItemProps\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => TreeItemProps);\n\n  /** Styles applied to the visible row (`TreeRowItem`). */\n  rowStyles?: Styles;\n\n  /** The row's offset from the list's top, in pixels, from the virtualizer. */\n  virtualOffset?: number;\n  /** Ref callback from `@tanstack/react-virtual` to measure row height. */\n  virtualRef?: (element: HTMLElement | null) => void;\n  /** Virtual index for `data-index` attribute. */\n  virtualIndex?: number;\n\n  /** Tree-wide menu default (resolved against `data.menu`). */\n  menu?:\n    | ReactNode\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => ReactNode | null);\n  /** Tree-wide `contextMenu` default. */\n  contextMenu?: TreeContextMenu;\n  /** Tree-wide `onAction` callback. */\n  onAction?: (action: string, key: Key) => void;\n  /** Forwarded to every per-row `MenuTrigger`. */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /** Forwarded to every per-row `Menu`. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n}\n\nfunction TreeNodeInner(props: TreeNodeProps) {\n  const { t } = useI18n();\n  const {\n    node,\n    data,\n    state,\n    isCheckable,\n    isExpanded,\n    isIndeterminate,\n    isChecked,\n    isLoading,\n    isActive,\n    onToggleChecked,\n    size,\n    itemProps,\n    rowStyles,\n    virtualOffset,\n    virtualRef,\n    virtualIndex,\n    menu: treeMenu,\n    contextMenu: treeContextMenu,\n    onAction: treeOnAction,\n    menuTriggerProps,\n    menuProps,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  // For lazy rows with no children yet, still render a toggle unless\n  // explicitly marked as leaf.\n  const isLeaf =\n    data.isLeaf === true || (data.isLeaf !== false && !node.hasChildNodes);\n\n  // React Aria counts a row as a parent only with more than one child (it\n  // expects the row's content first). `hasChildItems` makes single-child and\n  // lazy rows expandable: `aria-expanded` and arrow-key expansion.\n  const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem(\n    { node, hasChildItems: !isLeaf },\n    state,\n    rowRef,\n  );\n\n  const isDisabled = state.disabledKeys.has(node.key);\n  const isSelected = state.selectionManager.isSelected(node.key);\n\n  // `useTreeItem` doesn't track hover; we need it for the `hovered` mod.\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  // React Aria's treegrid uses roving tabindex, so no `data-focused`\n  // attribute lands on the row — mirror it as a mod manually.\n  const isFocused =\n    isActive ??\n    (state.selectionManager.isFocused &&\n      state.selectionManager.focusedKey === node.key);\n  const isRowCheckable = isCheckable && data.isCheckable !== false;\n\n  const nodeState: TreeNodeState = {\n    isExpanded,\n    isSelected,\n    isChecked,\n    isIndeterminate,\n    isLeaf,\n  };\n\n  // ---- Menu resolution (per-node override > tree-level) --------------------\n\n  const effectiveMenuChildren: ReactNode =\n    data.menu === null\n      ? null\n      : data.menu !== undefined\n        ? data.menu\n        : typeof treeMenu === 'function'\n          ? treeMenu(data, nodeState)\n          : (treeMenu ?? null);\n  const hasMenu = !isMenuEmpty(effectiveMenuChildren);\n\n  const effectiveContextMenu: TreeContextMenu =\n    data.contextMenu ?? treeContextMenu ?? false;\n  // The menu is exposed only when the consumer opts in via\n  // `contextMenu`. When `contextMenu` is `false` (default) we render\n  // nothing, even if `menu` is provided — this matches the plan and\n  // keeps default rows visually clean.\n  const menuExposed =\n    hasMenu &&\n    (effectiveContextMenu === true || effectiveContextMenu === 'context-only');\n  const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n  // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const handleMenuAction = useEvent((action: Key) => {\n    // Strip the \".$\" prefix that React adds via Children.toArray/map.\n    const actionStr = String(action);\n    const normalizedAction = actionStr.startsWith('.$')\n      ? actionStr.slice(2)\n      : actionStr;\n    data.onAction?.(normalizedAction);\n    treeOnAction?.(normalizedAction, node.key);\n    // Forward to the consumer-supplied `menuProps.onAction` so users\n    // who pass extra `Menu` props through `menuProps` still receive\n    // the action stream alongside the tree-level callback.\n    menuProps?.onAction?.(normalizedAction);\n  });\n\n  const rowContextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n    Menu,\n    { placement: 'bottom start' },\n    {\n      ...menuProps,\n      onAction: handleMenuAction,\n      children: effectiveMenuChildren,\n    },\n  );\n\n  // ---- Checkbox ------------------------------------------------------------\n\n  const handleCheckboxChange = useEvent(() => {\n    onToggleChecked(String(node.key));\n  });\n\n  const handleWrapperClick = useEvent((e: MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    if (isDisabled || data.isCheckboxDisabled) return;\n    // The inner <Checkbox> label toggles on direct click; skip to avoid a double toggle.\n    if ((e.target as HTMLElement).closest('[data-qa=\"CheckboxWrapper\"]'))\n      return;\n    onToggleChecked(String(node.key));\n  });\n\n  // ---- Keyboard ------------------------------------------------------------\n\n  // Composed keydown handler. Runs BEFORE `rowProps.onKeyDown` from\n  // `useTreeItem` so we can short-circuit the default react-aria\n  // behavior for our own shortcuts (Shift+F10 menu open, Space\n  // checkbox toggle). Returns `true` when the event was handled and\n  // react-aria's keydown must NOT run; returns `false` to chain to\n  // react-aria's handler.\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    // Space toggles the checkbox first when checkable. We DON'T claim\n    // the event (return `false`) so react-aria's onKeyDown still runs\n    // afterwards and the focused row also selects — matching the\n    // pre-refactor behavior when handlers were chained via\n    // `mergeProps`. `preventDefault` is kept to suppress page scroll.\n    if (\n      e.key === ' ' &&\n      isRowCheckable &&\n      !isDisabled &&\n      !data.isCheckboxDisabled\n    ) {\n      e.preventDefault();\n      onToggleChecked(String(node.key));\n      return false;\n    }\n\n    // Shift+F10 opens the row menu (standard accessibility shortcut).\n    if (e.key === 'F10' && e.shiftKey && menuExposed) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (contextMenuOnly) {\n        rowContextMenu.open();\n      } else {\n        setIsMenuOpen(true);\n      }\n      return true;\n    }\n\n    return false;\n  });\n\n  // Wrapper that delegates to react-aria's default keydown only when\n  // our handler did not claim the event. Replaces (rather than\n  // chains with) `rowProps.onKeyDown` so the order of handlers is\n  // strictly: our shortcuts → react-aria default.\n  const composedKeyDown = useEvent((e: KeyboardEvent<HTMLDivElement>) => {\n    if (handleKeyDown(e)) return;\n    rowProps.onKeyDown?.(e);\n  });\n\n  // ---- Mods ----------------------------------------------------------------\n\n  const sharedMods = useMemo(\n    () => ({\n      checked: isChecked,\n      indeterminate: isIndeterminate,\n      expanded: isExpanded,\n      loading: isLoading,\n      leaf: isLeaf,\n      'has-checkbox': isRowCheckable,\n      'has-menu': menuExposed,\n    }),\n    [\n      isChecked,\n      isIndeterminate,\n      isExpanded,\n      isLoading,\n      isLeaf,\n      isRowCheckable,\n      menuExposed,\n    ],\n  );\n\n  const rowMods = useMemo(\n    () => ({ ...sharedMods, disabled: isDisabled }),\n    [sharedMods, isDisabled],\n  );\n\n  const itemMods = useMemo(\n    () => ({\n      ...sharedMods,\n      focused: isFocused,\n      hovered: isHovered,\n      pressed: isPressed,\n    }),\n    [sharedMods, isFocused, isHovered, isPressed],\n  );\n\n  const rowTokens = useMemo(\n    () => ({\n      '$tree-level': node.level ?? 0,\n      '$tree-row-offset':\n        virtualOffset == null ? undefined : `${virtualOffset}px`,\n    }),\n    [node.level, virtualOffset],\n  );\n\n  // ---- Compose row props ---------------------------------------------------\n\n  // Merge react-aria + hover props but EXCLUDE `onKeyDown` from the\n  // chain — `composedKeyDown` already wraps `rowProps.onKeyDown` and\n  // must run first so our Shift+F10 / Space-checkbox shortcuts can\n  // short-circuit the default react-aria behavior.\n  const finalRowProps = {\n    // No `aria-checked` here: a `row` doesn't take it (axe aria-allowed-attr).\n    // The row's checkbox carries checked and mixed; the row has `checked` and\n    // `indeterminate` mods.\n    ...mergeProps(rowProps, hoverProps),\n    onKeyDown: composedKeyDown,\n    // Under an outside control (`isActive` set) no row is a tab stop, not\n    // even one a click focused.\n    ...(isActive === undefined ? null : { tabIndex: -1 }),\n  };\n\n  // ---- Toggle (chevron) and checkbox slots --------------------------------\n\n  // Leaf rows get a placeholder so sibling indents align.\n  const toggleNode = isLeaf ? (\n    <TreeNodeTogglePlaceholder aria-hidden data-element=\"Toggle\" />\n  ) : (\n    <TreeNodeToggle {...expandButtonProps} tabIndex={-1} data-element=\"Toggle\">\n      {isLoading ? (\n        <LoadingIcon />\n      ) : (\n        <DirectionIcon to={isExpanded ? 'bottom' : 'right'} />\n      )}\n    </TreeNodeToggle>\n  );\n\n  const checkboxNode = isRowCheckable ? (\n    <TreeNodeCheckboxWrapper\n      data-element=\"Checkbox\"\n      role=\"presentation\"\n      onClick={handleWrapperClick}\n      // Hold the checkbox's keys here, but let Escape and Tab reach the tree and\n      // a surrounding overlay.\n      onKeyDown={allowOverlayKeysToPropagate}\n    >\n      <Checkbox\n        isBare\n        isSelected={isChecked}\n        isIndeterminate={isIndeterminate}\n        isDisabled={isDisabled || data.isCheckboxDisabled}\n        aria-label={getTreeNodeText(data)}\n        // Under an outside control the tree has no tab stops at all, so Tab\n        // moves on from that control instead of into a row.\n        excludeFromTabOrder={isActive !== undefined}\n        onChange={handleCheckboxChange}\n      />\n    </TreeNodeCheckboxWrapper>\n  ) : null;\n\n  // ---- Resolve user-supplied per-node Item props --------------------------\n\n  const resolvedItemProps =\n    typeof itemProps === 'function' ? itemProps(data, nodeState) : itemProps;\n  const {\n    prefix: userPrefix,\n    actions: userActions,\n    ...restUserProps\n  } = resolvedItemProps ?? {};\n\n  const composedPrefix =\n    checkboxNode || userPrefix ? (\n      <>\n        {checkboxNode}\n        {userPrefix}\n      </>\n    ) : null;\n\n  // ---- Built-in overflow `⋮` action ---------------------------------------\n\n  const menuAction =\n    menuExposed && !contextMenuOnly ? (\n      <MenuTrigger isOpen={isMenuOpen} onOpenChange={setIsMenuOpen}>\n        <ItemAction\n          tabIndex={-1}\n          icon={<MoreIcon />}\n          aria-label={t('tree.actions', 'Actions')}\n          {...menuTriggerProps}\n        />\n        <Menu {...menuProps} onAction={handleMenuAction}>\n          {effectiveMenuChildren}\n        </Menu>\n      </MenuTrigger>\n    ) : null;\n\n  // Compose with user-supplied actions (user actions render first).\n  const composedActions =\n    userActions || menuAction ? (\n      <>\n        {userActions}\n        {menuAction}\n      </>\n    ) : undefined;\n\n  // ---- Refs / context-menu wiring -----------------------------------------\n\n  // When the context menu is enabled for this row, attach the hook's\n  // `targetRef` to the row so right-clicks land on the correct anchor.\n  const refs = useMemo(() => {\n    const list: Ref<HTMLDivElement>[] = [rowRef];\n    if (virtualRef) list.push(virtualRef);\n    if (menuExposed) list.push(rowContextMenu.targetRef);\n    return mergeRefs(...list);\n  }, [virtualRef, menuExposed, rowContextMenu.targetRef]);\n\n  return (\n    <TreeNodeRow\n      {...finalRowProps}\n      ref={refs}\n      mods={rowMods}\n      tokens={rowTokens}\n      data-element=\"Row\"\n      data-qa-key={String(node.key)}\n      data-index={virtualIndex}\n    >\n      <TreeRowItem\n        {...gridCellProps}\n        {...restUserProps}\n        size={size}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        mods={itemMods}\n        icon={toggleNode}\n        prefix={composedPrefix}\n        actions={composedActions}\n        styles={rowStyles}\n      >\n        {data.title}\n      </TreeRowItem>\n      {menuExposed && rowContextMenu.rendered}\n    </TreeNodeRow>\n  );\n}\n\nexport const TreeNode = memo(TreeNodeInner);\n"],"mappings":"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"}

package/dist/components/content/Tree/checked-keys.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/components/content/Tree/checked-keys.ts
 /**
 * Pure checkbox cascade for a tree: which keys are fully checked and which

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/components/content/Tree/rowId.ts
 /**
 * The DOM id of the row with `key` in the tree whose id is `treeId`, for the

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["mergeStyles","Styles","tasty","Action","Item","TreeElement","qa","styles","display","flow","width","height","flexGrow","flexShrink","flexBasis","fill","color","transition","outline","padding","radius","border","TreeScrollContainer","overflow","scrollbar","TreeSizer","position","TreeNodeRow","inset","transform","TreeRowItem","type","size","as","cursor","disabled","TreeNodeCheckboxWrapper","placeItems","placeContent","placeSelf","TOGGLE_BASE_STYLES","TreeNodeToggle","TreeNodeTogglePlaceholder","Item"],"sources":["../../../../src/components/content/Tree/styled.ts"],"sourcesContent":["import { mergeStyles, Styles, tasty } from '@tenphi/tasty';\n\nimport { Action } from '../../actions/Action/Action';\nimport { Item } from '../Item';\n\n/**\n * Tree root.\n *\n * Renders as `role=\"treegrid\"` (set on `gridProps` from `useTree`).\n * This element is the outer flex layout container; scrolling is\n * delegated to the inner `TreeScrollContainer` so the virtualized\n * sizer (a flex item here would be squashed by `flex-shrink: 1`) is\n * placed inside a normal block formatting context.\n *\n * Tree-wide modifiers (set on `TreeElement` itself):\n * - `has-height` — paired with the `$tree-height` token\n *   when the consumer passes a numeric `height` prop.\n *\n * It also sets `$tree-padding`, the `containerPadding` that insets the\n * rows (`TreeNodeRow`).\n */\nexport const TreeElement = tasty({\n  qa: 'Tree',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    width: '100%',\n    height: { '': 'min 0', 'has-height': '0 $tree-height $tree-height' },\n    flexGrow: { '': 1, 'has-height': 0 },\n    flexShrink: { '': 1, 'has-height': 0 },\n    flexBasis: { '': 0, 'has-height': 'auto' },\n    fill: '#clear',\n    color: '#dark',\n    transition: 'theme',\n    outline: 0,\n    padding: 0,\n    radius: { '': 0, 'shape=card': '1cr' },\n    border: { '': 0, 'shape=card': true },\n  },\n});\n\n/**\n * Inner scroll viewport. Block-level on purpose — placing the\n * virtualizer's sizer (`TreeSizer`) directly inside the\n * flex `TreeElement` lets `flex-shrink: 1` collapse it, which makes\n * the scroll area visibly grow as `@tanstack/react-virtual`\n * re-measures rows during scroll.\n */\nexport const TreeScrollContainer = tasty({\n  qa: 'TreeScrollContainer',\n  styles: {\n    display: 'block',\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 'auto',\n    width: '0 100% initial',\n    height: 'min 0',\n    overflow: 'auto',\n    scrollbar: 'thin',\n  },\n});\n\n/**\n * The virtualizer's sizer: as tall as every row, measured or estimated\n * (`$tree-content-height`), and the box the rows are placed in.\n */\nexport const TreeSizer = tasty({\n  qa: 'TreeSizer',\n  styles: {\n    position: 'relative',\n    width: '100%',\n    height: '$tree-content-height',\n  },\n});\n\n/**\n * Per-row wrapper carrying `role=\"row\"`, `rowProps` from\n * `useTreeItem`, and the `--tree-level` CSS custom property used by\n * `TreeRowItem` to compute its left padding.\n *\n * It places the row at the virtualizer's offset (`--tree-row-offset`),\n * inset by `--tree-padding`. Otherwise it has no visual styles of its\n * own — the row's appearance lives on the inner `TreeRowItem` (which\n * extends `Item`).\n */\nexport const TreeNodeRow = tasty({\n  qa: 'TreeRow',\n  styles: {\n    display: 'block',\n    outline: 0,\n    position: 'absolute',\n    inset: '0 $tree-padding top dock',\n    transform: 'translateY($tree-row-offset)',\n  },\n});\n\n/**\n * The visible row: an `Item` extension that owns layout (full-width,\n * tree indent) only. Color treatment is delegated to the\n * `default.item` variant (see `DEFAULT_ITEM_STYLES` in\n * `data/item-themes.ts`) so the Tree row matches the canonical Item\n * look out of the box. `hovered` / `focused` / `pressed` mods are\n * propagated from `TreeNode` because react-aria's treegrid uses a\n * roving-tabindex \"virtual focus\" model and never sets those data\n * attributes itself.\n */\nexport const TreeRowItem = tasty(Item, {\n  qa: 'TreeItem',\n  type: 'item',\n  size: 'medium',\n  as: 'div',\n  styles: {\n    /**\n     * `Item` is `inline-grid` by default, which leaves baseline\n     * descender space below the row inside the block-level\n     * `TreeNodeRow` and visually inflates the gap between rows\n     * past the intended hairline. Force block-level grid here.\n     */\n    display: 'grid',\n    width: '100%',\n    /**\n     * Per-level indent. `$tree-indent` is a local token that reads\n     * `--tree-level` (set inline on the parent `TreeNodeRow`) with a\n     * `0` fallback. Using `padding` shorthand (instead of\n     * `paddingInlineStart`) so it overrides `Item`'s default\n     * `padding: 0` reliably — a longhand override on a shorthand\n     * loses to it in the cascade when both are emitted from the same\n     * declaration block.\n     */\n    padding: 'left ($tree-indent * 1.5x)',\n    '$tree-indent': '($tree-level, 0)',\n    cursor: {\n      '': 'pointer',\n      disabled: 'not-allowed',\n    },\n  },\n});\n\n/**\n * Wraps the checkbox sitting in `Item`'s `prefix` slot. `Item`'s\n * built-in Prefix padding collapses to `0` whenever there's an icon\n * (which is always true for tree rows because the toggle/placeholder\n * occupies the icon slot). We re-introduce a small inline gap on\n * both sides so the checkbox isn't flush against the chevron and the\n * title.\n */\nexport const TreeNodeCheckboxWrapper = tasty({\n  qa: 'TreeNodeCheckboxWrapper',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    placeContent: 'center',\n    placeSelf: 'stretch',\n    padding: '0 1x',\n  },\n});\n\nconst TOGGLE_BASE_STYLES: Styles = {\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  width: '3x',\n  height: '3x',\n  radius: true,\n  transition: 'theme',\n};\n\n/**\n * Chevron toggle button placed in `Item`'s `icon` slot. Spreads\n * `expandButtonProps` from `useTreeItem` (an AriaButtonProps) and\n * stops the press from bubbling to the row's selection handler via\n * React Aria's PressResponder.\n */\nexport const TreeNodeToggle = tasty(Action, {\n  qa: 'TreeNodeToggle',\n  styles: mergeStyles(TOGGLE_BASE_STYLES, {\n    color: { '': '#dark-02', ':hover': '#dark' },\n    fill: { '': '#clear', ':hover': '#dark.04' },\n  }),\n});\n\n/**\n * Non-interactive placeholder that occupies the same footprint as\n * `TreeNodeToggle` so leaf rows visually align with siblings that\n * have a chevron.\n */\nexport const TreeNodeTogglePlaceholder = tasty({\n  styles: TOGGLE_BASE_STYLES,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAaK,cAAcH,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,OAAO;EACPC,QAAQ;GAAE,IAAI;GAAS,cAAc;EAA8B;EACnEC,UAAU;GAAE,IAAI;GAAG,cAAc;EAAE;EACnCC,YAAY;GAAE,IAAI;GAAG,cAAc;EAAE;EACrCC,WAAW;GAAE,IAAI;GAAG,cAAc;EAAO;EACzCC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,SAAS;EACTC,SAAS;EACTC,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAM;EACrCC,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAK;CACtC;AACF,CAAC;;;;;;;;AASD,MAAaC,sBAAsBpB,MAAM;CACvCI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTI,UAAU;EACVC,YAAY;EACZC,WAAW;EACXJ,OAAO;EACPC,QAAQ;EACRY,UAAU;EACVC,WAAW;CACb;AACF,CAAC;;;;;AAMD,MAAaC,YAAYvB,MAAM;CAC7BI,IAAI;CACJC,QAAQ;EACNmB,UAAU;EACVhB,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;;;;;;;;;;;AAYD,MAAagB,cAAczB,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTU,SAAS;EACTQ,UAAU;EACVE,OAAO;EACPC,WAAW;CACb;AACF,CAAC;;;;;;;;;;;AAYD,MAAaC,cAAc5B,MAAME,OAAM;CACrCE,IAAI;CACJyB,MAAM;CACNC,MAAM;CACNC,IAAI;CACJ1B,QAAQ;;;;;;;EAONC,SAAS;EACTE,OAAO;;;;;;;;;;EAUPS,SAAS;EACT,gBAAgB;EAChBe,QAAQ;GACN,IAAI;GACJC,UAAU;EACZ;CACF;AACF,CAAC;;;;;;;;;AAUD,MAAaC,0BAA0BlC,MAAM;CAC3CI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACT6B,YAAY;EACZC,cAAc;EACdC,WAAW;EACXpB,SAAS;CACX;AACF,CAAC;AAED,MAAMqB,qBAA6B;CACjChC,SAAS;CACT6B,YAAY;CACZC,cAAc;CACd5B,OAAO;CACPC,QAAQ;CACRS,QAAQ;CACRH,YAAY;AACd;;;;;;;AAQA,MAAawB,iBAAiBvC,MAAMC,QAAQ;CAC1CG,IAAI;CACJC,QAAQP,YAAYwC,oBAAoB;EACtCxB,OAAO;GAAE,IAAI;GAAY,UAAU;EAAQ;EAC3CD,MAAM;GAAE,IAAI;GAAU,UAAU;EAAW;CAC7C,CAAC;AACH,CAAC;;;;;;AAOD,MAAa2B,4BAA4BxC,MAAM,EAC7CK,QAAQiC,mBACV,CAAC"}
+{"version":3,"file":"styled.js","names":["mergeStyles","Styles","tasty","Action","Item","TreeElement","qa","styles","display","flow","width","height","flexGrow","flexShrink","flexBasis","fill","color","transition","outline","padding","radius","border","TreeScrollContainer","overflow","scrollbar","TreeSizer","position","TreeNodeRow","inset","transform","TreeRowItem","type","size","as","cursor","disabled","TreeNodeCheckboxWrapper","placeItems","placeContent","placeSelf","TOGGLE_BASE_STYLES","TreeNodeToggle","TreeNodeTogglePlaceholder","Item"],"sources":["../../../../src/components/content/Tree/styled.ts"],"sourcesContent":["import { mergeStyles, Styles, tasty } from '@tenphi/tasty';\n\nimport { Action } from '../../actions/Action/Action';\nimport { Item } from '../Item/Item';\n\n/**\n * Tree root.\n *\n * Renders as `role=\"treegrid\"` (set on `gridProps` from `useTree`).\n * This element is the outer flex layout container; scrolling is\n * delegated to the inner `TreeScrollContainer` so the virtualized\n * sizer (a flex item here would be squashed by `flex-shrink: 1`) is\n * placed inside a normal block formatting context.\n *\n * Tree-wide modifiers (set on `TreeElement` itself):\n * - `has-height` — paired with the `$tree-height` token\n *   when the consumer passes a numeric `height` prop.\n *\n * It also sets `$tree-padding`, the `containerPadding` that insets the\n * rows (`TreeNodeRow`).\n */\nexport const TreeElement = tasty({\n  qa: 'Tree',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    width: '100%',\n    height: { '': 'min 0', 'has-height': '0 $tree-height $tree-height' },\n    flexGrow: { '': 1, 'has-height': 0 },\n    flexShrink: { '': 1, 'has-height': 0 },\n    flexBasis: { '': 0, 'has-height': 'auto' },\n    fill: '#clear',\n    color: '#dark',\n    transition: 'theme',\n    outline: 0,\n    padding: 0,\n    radius: { '': 0, 'shape=card': '1cr' },\n    border: { '': 0, 'shape=card': true },\n  },\n});\n\n/**\n * Inner scroll viewport. Block-level on purpose — placing the\n * virtualizer's sizer (`TreeSizer`) directly inside the\n * flex `TreeElement` lets `flex-shrink: 1` collapse it, which makes\n * the scroll area visibly grow as `@tanstack/react-virtual`\n * re-measures rows during scroll.\n */\nexport const TreeScrollContainer = tasty({\n  qa: 'TreeScrollContainer',\n  styles: {\n    display: 'block',\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 'auto',\n    width: '0 100% initial',\n    height: 'min 0',\n    overflow: 'auto',\n    scrollbar: 'thin',\n  },\n});\n\n/**\n * The virtualizer's sizer: as tall as every row, measured or estimated\n * (`$tree-content-height`), and the box the rows are placed in.\n */\nexport const TreeSizer = tasty({\n  qa: 'TreeSizer',\n  styles: {\n    position: 'relative',\n    width: '100%',\n    height: '$tree-content-height',\n  },\n});\n\n/**\n * Per-row wrapper carrying `role=\"row\"`, `rowProps` from\n * `useTreeItem`, and the `--tree-level` CSS custom property used by\n * `TreeRowItem` to compute its left padding.\n *\n * It places the row at the virtualizer's offset (`--tree-row-offset`),\n * inset by `--tree-padding`. Otherwise it has no visual styles of its\n * own — the row's appearance lives on the inner `TreeRowItem` (which\n * extends `Item`).\n */\nexport const TreeNodeRow = tasty({\n  qa: 'TreeRow',\n  styles: {\n    display: 'block',\n    outline: 0,\n    position: 'absolute',\n    inset: '0 $tree-padding top dock',\n    transform: 'translateY($tree-row-offset)',\n  },\n});\n\n/**\n * The visible row: an `Item` extension that owns layout (full-width,\n * tree indent) only. Color treatment is delegated to the\n * `default.item` variant (see `DEFAULT_ITEM_STYLES` in\n * `data/item-themes.ts`) so the Tree row matches the canonical Item\n * look out of the box. `hovered` / `focused` / `pressed` mods are\n * propagated from `TreeNode` because react-aria's treegrid uses a\n * roving-tabindex \"virtual focus\" model and never sets those data\n * attributes itself.\n */\nexport const TreeRowItem = tasty(Item, {\n  qa: 'TreeItem',\n  type: 'item',\n  size: 'medium',\n  as: 'div',\n  styles: {\n    /**\n     * `Item` is `inline-grid` by default, which leaves baseline\n     * descender space below the row inside the block-level\n     * `TreeNodeRow` and visually inflates the gap between rows\n     * past the intended hairline. Force block-level grid here.\n     */\n    display: 'grid',\n    width: '100%',\n    /**\n     * Per-level indent. `$tree-indent` is a local token that reads\n     * `--tree-level` (set inline on the parent `TreeNodeRow`) with a\n     * `0` fallback. Using `padding` shorthand (instead of\n     * `paddingInlineStart`) so it overrides `Item`'s default\n     * `padding: 0` reliably — a longhand override on a shorthand\n     * loses to it in the cascade when both are emitted from the same\n     * declaration block.\n     */\n    padding: 'left ($tree-indent * 1.5x)',\n    '$tree-indent': '($tree-level, 0)',\n    cursor: {\n      '': 'pointer',\n      disabled: 'not-allowed',\n    },\n  },\n});\n\n/**\n * Wraps the checkbox sitting in `Item`'s `prefix` slot. `Item`'s\n * built-in Prefix padding collapses to `0` whenever there's an icon\n * (which is always true for tree rows because the toggle/placeholder\n * occupies the icon slot). We re-introduce a small inline gap on\n * both sides so the checkbox isn't flush against the chevron and the\n * title.\n */\nexport const TreeNodeCheckboxWrapper = tasty({\n  qa: 'TreeNodeCheckboxWrapper',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    placeContent: 'center',\n    placeSelf: 'stretch',\n    padding: '0 1x',\n  },\n});\n\nconst TOGGLE_BASE_STYLES: Styles = {\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  width: '3x',\n  height: '3x',\n  radius: true,\n  transition: 'theme',\n};\n\n/**\n * Chevron toggle button placed in `Item`'s `icon` slot. Spreads\n * `expandButtonProps` from `useTreeItem` (an AriaButtonProps) and\n * stops the press from bubbling to the row's selection handler via\n * React Aria's PressResponder.\n */\nexport const TreeNodeToggle = tasty(Action, {\n  qa: 'TreeNodeToggle',\n  styles: mergeStyles(TOGGLE_BASE_STYLES, {\n    color: { '': '#dark-02', ':hover': '#dark' },\n    fill: { '': '#clear', ':hover': '#dark.04' },\n  }),\n});\n\n/**\n * Non-interactive placeholder that occupies the same footprint as\n * `TreeNodeToggle` so leaf rows visually align with siblings that\n * have a chevron.\n */\nexport const TreeNodeTogglePlaceholder = tasty({\n  styles: TOGGLE_BASE_STYLES,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAaK,cAAcH,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,OAAO;EACPC,QAAQ;GAAE,IAAI;GAAS,cAAc;EAA8B;EACnEC,UAAU;GAAE,IAAI;GAAG,cAAc;EAAE;EACnCC,YAAY;GAAE,IAAI;GAAG,cAAc;EAAE;EACrCC,WAAW;GAAE,IAAI;GAAG,cAAc;EAAO;EACzCC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,SAAS;EACTC,SAAS;EACTC,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAM;EACrCC,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAK;CACtC;AACF,CAAC;;;;;;;;AASD,MAAaC,sBAAsBpB,MAAM;CACvCI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTI,UAAU;EACVC,YAAY;EACZC,WAAW;EACXJ,OAAO;EACPC,QAAQ;EACRY,UAAU;EACVC,WAAW;CACb;AACF,CAAC;;;;;AAMD,MAAaC,YAAYvB,MAAM;CAC7BI,IAAI;CACJC,QAAQ;EACNmB,UAAU;EACVhB,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;;;;;;;;;;;AAYD,MAAagB,cAAczB,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTU,SAAS;EACTQ,UAAU;EACVE,OAAO;EACPC,WAAW;CACb;AACF,CAAC;;;;;;;;;;;AAYD,MAAaC,cAAc5B,MAAME,OAAM;CACrCE,IAAI;CACJyB,MAAM;CACNC,MAAM;CACNC,IAAI;CACJ1B,QAAQ;;;;;;;EAONC,SAAS;EACTE,OAAO;;;;;;;;;;EAUPS,SAAS;EACT,gBAAgB;EAChBe,QAAQ;GACN,IAAI;GACJC,UAAU;EACZ;CACF;AACF,CAAC;;;;;;;;;AAUD,MAAaC,0BAA0BlC,MAAM;CAC3CI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACT6B,YAAY;EACZC,cAAc;EACdC,WAAW;EACXpB,SAAS;CACX;AACF,CAAC;AAED,MAAMqB,qBAA6B;CACjChC,SAAS;CACT6B,YAAY;CACZC,cAAc;CACd5B,OAAO;CACPC,QAAQ;CACRS,QAAQ;CACRH,YAAY;AACd;;;;;;;AAQA,MAAawB,iBAAiBvC,MAAMC,QAAQ;CAC1CG,IAAI;CACJC,QAAQP,YAAYwC,oBAAoB;EACtCxB,OAAO;GAAE,IAAI;GAAY,UAAU;EAAQ;EAC3CD,MAAM;GAAE,IAAI;GAAU,UAAU;EAAW;CAC7C,CAAC;AACH,CAAC;;;;;;AAOD,MAAa2B,4BAA4BxC,MAAM,EAC7CK,QAAQiC,mBACV,CAAC"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 /**
 * A node's plain-text label: its `textValue`, else its `title` when that

package/dist/components/content/Tree/types.d.ts

@@ -1,7 +1,7 @@
 
 import { CubeItemActionProps } from "../../actions/ItemAction/ItemAction.js";
-import "../../actions/ItemAction/index.js";
 import { CubeMenuProps } from "../../actions/Menu/Menu.js";
+import "../../actions/ItemAction/index.js";
 import "../../actions/Menu/index.js";
 import { CubeItemBaseProps as CubeItemProps } from "../Item/Item.js";
 import { SizeName } from "../../../tokens/sizes.js";

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

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