@cube-dev/ui-kit 0.207.0 → 0.209.0

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

@@ -1 +1 @@
-{"version":3,"file":"use-checkbox-tree.js","names":["useState","useEvent","deriveCheckedSets","toggleCheckedKey","Key","TreeIndex","CubeTreeNodeData","TreeOnCheckInfo","UseCheckboxTreeOptions","treeData","index","isCheckable","defaultCheckedKeys","checkedKeys","checked","halfChecked","onCheck","info","CheckboxTree","checkedSet","Set","halfCheckedSet","toggle","key","normalizeControlledChecked","controlled","Array","isArray","resolveCheckedSets","sourceChecked","ownHalfChecked","Pick","useCheckboxTree","opts","$","_c","isControlled","wantsObjectShape","t0","uncontrolledChecked","setUncontrolledChecked","t1","node","byKey","get","next","finalChecked","finalHalf","checkedArr","from","halfArr","checkedNodes","map","k","filter","_temp","has","halfCheckedKeys","t2","n","_c"],"sources":["../../../../src/components/content/Tree/use-checkbox-tree.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport { deriveCheckedSets, toggleCheckedKey } from './checked-keys';\n\nimport type { Key } from '@react-types/shared';\nimport type { TreeIndex } from './tree-index';\nimport type { CubeTreeNodeData, TreeOnCheckInfo } from './types';\n\nexport interface UseCheckboxTreeOptions {\n  treeData: CubeTreeNodeData[];\n  /**\n   * Pre-built tree index, shared with `Tree.tsx` so that `treeData`\n   * is walked exactly once per change rather than once per consumer.\n   */\n  index: TreeIndex;\n  isCheckable: boolean;\n  defaultCheckedKeys?: string[];\n  /** Either an array (AntD's default) or `{ checked, halfChecked }`. */\n  checkedKeys?: string[] | { checked: string[]; halfChecked?: string[] };\n  onCheck?: (\n    checked: Key[] | { checked: Key[]; halfChecked: Key[] },\n    info: TreeOnCheckInfo,\n  ) => void;\n}\n\nexport interface CheckboxTree {\n  /** Set of keys that are fully checked. */\n  checkedSet: Set<string>;\n  /** Set of keys that are in the indeterminate (half-checked) state. */\n  halfCheckedSet: Set<string>;\n  /** Toggle a key, propagating to descendants and updating ancestors. */\n  toggle: (key: string) => void;\n}\n\nfunction normalizeControlledChecked(\n  controlled: UseCheckboxTreeOptions['checkedKeys'],\n): { checked: Set<string>; halfChecked: Set<string> } | null {\n  if (controlled == null) return null;\n  if (Array.isArray(controlled)) {\n    return {\n      checked: new Set(controlled),\n      halfChecked: new Set(),\n    };\n  }\n  return {\n    checked: new Set(controlled.checked ?? []),\n    halfChecked: new Set(controlled.halfChecked ?? []),\n  };\n}\n\n/** Resolve the rendered sets from the source-of-truth `checked` set. */\nfunction resolveCheckedSets({\n  isCheckable,\n  sourceChecked,\n  ownHalfChecked,\n  treeData,\n  index,\n}: {\n  isCheckable: boolean;\n  sourceChecked: Set<string>;\n  /**\n   * If the consumer passed the object shape (`{ checked, halfChecked }`),\n   * they own the half-checked set and we use it as-is. With the array\n   * shape we still need to derive `halfChecked` ourselves — the consumer\n   * only provides `checked`, so parents should still light up\n   * indeterminate when only some descendants are checked.\n   */\n  ownHalfChecked: Set<string> | null;\n  treeData: CubeTreeNodeData[];\n  index: TreeIndex;\n}): Pick<CheckboxTree, 'checkedSet' | 'halfCheckedSet'> {\n  if (!isCheckable) {\n    return {\n      checkedSet: new Set<string>(),\n      halfCheckedSet: new Set<string>(),\n    };\n  }\n\n  if (ownHalfChecked) {\n    return {\n      checkedSet: new Set(sourceChecked),\n      halfCheckedSet: new Set(ownHalfChecked),\n    };\n  }\n\n  const { checked, halfChecked } = deriveCheckedSets(\n    treeData,\n    index,\n    sourceChecked,\n  );\n\n  return { checkedSet: checked, halfCheckedSet: halfChecked };\n}\n\n/**\n * Local hook implementing AntD-style cascading checkbox state.\n *\n * - `checked` and `halfChecked` are always derived together from a single\n *   `checked` set (the source of truth) so callers don't need to track\n *   indeterminate keys themselves.\n * - When the consumer passes `checkedKeys` as `{ checked, halfChecked }`,\n *   we keep the wire shape on the way out — same as AntD.\n * - Toggling a node propagates *down* through its subtree, past locked\n *   nodes to the eligible ones below them, and ancestors are then\n *   recomputed *up* by the derive.\n */\nexport function useCheckboxTree(opts: UseCheckboxTreeOptions): CheckboxTree {\n  const {\n    treeData,\n    index,\n    isCheckable,\n    defaultCheckedKeys,\n    checkedKeys,\n    onCheck,\n  } = opts;\n\n  /** Normalize the controlled `checkedKeys` prop into `Set` instances. */\n  const controlled = normalizeControlledChecked(checkedKeys);\n  const isControlled = controlled != null;\n  const wantsObjectShape = checkedKeys != null && !Array.isArray(checkedKeys);\n\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<Set<string>>(\n    () => new Set(defaultCheckedKeys ?? []),\n  );\n\n  const sourceChecked = isControlled\n    ? controlled!.checked\n    : uncontrolledChecked;\n\n  const { checkedSet, halfCheckedSet } = resolveCheckedSets({\n    isCheckable,\n    sourceChecked,\n    ownHalfChecked:\n      isControlled && wantsObjectShape ? controlled!.halfChecked : null,\n    treeData,\n    index,\n  });\n\n  const toggle = useEvent((key: string) => {\n    const node = index.byKey.get(key);\n    const next = toggleCheckedKey(index, checkedSet, key);\n    if (!node || !next) return;\n\n    const { checked: finalChecked, halfChecked: finalHalf } = deriveCheckedSets(\n      treeData,\n      index,\n      next,\n    );\n\n    // Store the derived set, as a controlled consumer stores `onCheck`'s\n    // keys, so a parent a check completed still covers children that load\n    // later.\n    if (!isControlled) {\n      setUncontrolledChecked(finalChecked);\n    }\n\n    if (onCheck) {\n      const checkedArr = Array.from(finalChecked);\n      const halfArr = Array.from(finalHalf);\n      const checkedNodes: CubeTreeNodeData[] = checkedArr\n        .map((k) => index.byKey.get(k))\n        .filter((n): n is CubeTreeNodeData => !!n);\n\n      const info: TreeOnCheckInfo = {\n        checked: next.has(key),\n        node,\n        checkedNodes,\n        halfCheckedKeys: halfArr,\n      };\n\n      if (wantsObjectShape) {\n        onCheck({ checked: checkedArr, halfChecked: halfArr }, info);\n      } else {\n        onCheck(checkedArr, info);\n      }\n    }\n  });\n\n  return { checkedSet, halfCheckedSet, toggle };\n}\n"],"mappings":";;;;;;AAoCA,SAASwB,2BACPC,YAC2D;CAC3D,IAAIA,cAAc,MAAM,OAAO;CAC/B,IAAIC,MAAMC,QAAQF,UAAU,GAC1B,OAAO;EACLX,SAAS,IAAIM,IAAIK,UAAU;EAC3BV,6BAAa,IAAIK,IAAI;CACvB;CAEF,OAAO;EACLN,SAAS,IAAIM,IAAIK,WAAWX,WAAW,CAAA,CAAE;EACzCC,aAAa,IAAIK,IAAIK,WAAWV,eAAe,CAAA,CAAE;CACnD;AACF;;AAGA,SAASa,mBAAmB,EAC1BjB,aACAkB,eACAC,gBACArB,UACAC,SAcsD;CACtD,IAAI,CAACC,aACH,OAAO;EACLQ,4BAAY,IAAIC,IAAY;EAC5BC,gCAAgB,IAAID,IAAY;CAClC;CAGF,IAAIU,gBACF,OAAO;EACLX,YAAY,IAAIC,IAAIS,aAAa;EACjCR,gBAAgB,IAAID,IAAIU,cAAc;CACxC;CAGF,MAAM,EAAEhB,SAASC,gBAAgBb,kBAC/BO,UACAC,OACAmB,aACF;CAEA,OAAO;EAAEV,YAAYL;EAASO,gBAAgBN;CAAY;AAC5D;;;;;;;;;;;;;AAcA,SAAOiB,gBAAAC,MAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAA1B,UAAAC,OAAAC,aAAAC,oBAAAC,aAAAG,YAOIiB;CAGJ,MAAAR,aAAmBD,2BAA2BX,WAAW;CACzD,MAAAuB,eAAqBX,cAAc;CACnC,MAAAY,mBAAyBxB,eAAe,QAAf,CAAwBa,MAAKC,QAASd,WAAW;CAAE,IAAAyB;CAAA,IAAAJ,EAAA,OAAAtB,oBAAA;EAG1E0B,WAAM,IAAIlB,IAAIR,sBAAA,CAAA,CAAwB;EAACsB,EAAA,KAAAtB;EAAAsB,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CADzC,MAAA,CAAAK,qBAAAC,0BAAsDxC,SACpDsC,EACF;CAMA,MAAA,EAAAnB,YAAAE,mBAAuCO,mBAAmB;EAAAjB;EAAAkB,eAJpCO,eAClBX,WAAUX,UADQyB;EAIoCT,gBAItDM,gBAAAC,mBAAmCZ,WAAUV,cAA7C;EAAiEN;EAAAC;CAGrE,CAAC;CAAE,IAAA+B;CAAA,IAAAP,EAAA,OAAAf,cAAAe,EAAA,OAAAxB,SAAAwB,EAAA,OAAAE,gBAAAF,EAAA,OAAAlB,WAAAkB,EAAA,OAAAM,0BAAAN,EAAA,OAAAzB,YAAAyB,EAAA,OAAAG,kBAAA;EAEqBI,MAAAlB,QAAA;GACtB,MAAAmB,OAAahC,MAAKiC,MAAMC,IAAKrB,GAAG;GAChC,MAAAsB,OAAa1C,iBAAiBO,OAAOS,YAAYI,GAAG;GACpD,IAAI,CAACmB,QAAD,CAAUG,MAAI;GAElB,MAAA,EAAA/B,SAAAgC,cAAA/B,aAAAgC,cAA0D7C,kBACxDO,UACAC,OACAmC,IACF;GAKA,IAAI,CAACT,cACHI,uBAAuBM,YAAY;GAGrC,IAAI9B,SAAO;IACT,MAAAgC,aAAmBtB,MAAKuB,KAAMH,YAAY;IAC1C,MAAAI,UAAgBxB,MAAKuB,KAAMF,SAAS;IACpC,MAAAI,eAAyCH,WAAUI,KAC5CC,MAAO3C,MAAKiC,MAAMC,IAAKS,CAAC,CAAC,CAAC,CAAAC,OACvBC,KAAiC;IAE3C,MAAAtC,OAA8B;KAAAH,SACnB+B,KAAIW,IAAKjC,GAAG;KAACmB;KAAAS;KAAAM,iBAGLP;IACnB;IAEA,IAAIb,kBACFrB,QAAQ;KAAAF,SAAWkC;KAAUjC,aAAemC;IAAQ,GAAGjC,IAAI;SAE3DD,QAAQgC,YAAY/B,IAAI;GACzB;EACF;EACFiB,EAAA,KAAAf;EAAAe,EAAA,KAAAxB;EAAAwB,EAAA,KAAAE;EAAAF,EAAA,KAAAlB;EAAAkB,EAAA,KAAAM;EAAAN,EAAA,KAAAzB;EAAAyB,EAAA,KAAAG;EAAAH,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAtCD,MAAAZ,SAAerB,SAASwC,EAsCvB;CAAE,IAAAiB;CAAA,IAAAxB,EAAA,QAAAf,cAAAe,EAAA,QAAAb,kBAAAa,EAAA,QAAAZ,QAAA;EAEIoC,KAAA;GAAAvC;GAAAE;GAAAC;EAAqC;EAACY,EAAA,MAAAf;EAAAe,EAAA,MAAAb;EAAAa,EAAA,MAAAZ;EAAAY,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,OAAtCwB;AAAsC;AAxExC,SAAAH,MAAAI,GAAA;CAAA,OAuDuC,CAAC,CAACA;AAAC"}
+{"version":3,"file":"use-checkbox-tree.js","names":["useState","useEvent","deriveCheckedSets","toggleCheckedKey","Key","TreeIndex","CubeTreeNodeData","TreeOnCheckInfo","UseCheckboxTreeOptions","treeData","index","isCheckable","defaultCheckedKeys","checkedKeys","checked","halfChecked","onCheck","info","CheckboxTree","checkedSet","Set","halfCheckedSet","toggle","key","normalizeControlledChecked","controlled","Array","isArray","resolveCheckedSets","sourceChecked","ownHalfChecked","Pick","useCheckboxTree","opts","$","_c","isControlled","wantsObjectShape","t0","uncontrolledChecked","setUncontrolledChecked","t1","node","byKey","get","next","finalChecked","finalHalf","checkedArr","from","halfArr","checkedNodes","map","k","filter","_temp","has","halfCheckedKeys","t2","n","_c"],"sources":["../../../../src/components/content/Tree/use-checkbox-tree.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\n\nimport { deriveCheckedSets, toggleCheckedKey } from './checked-keys';\n\nimport type { Key } from '@react-types/shared';\nimport type { TreeIndex } from './tree-index';\nimport type { CubeTreeNodeData, TreeOnCheckInfo } from './types';\n\nexport interface UseCheckboxTreeOptions {\n  treeData: CubeTreeNodeData[];\n  /**\n   * Pre-built tree index, shared with `Tree.tsx` so that `treeData`\n   * is walked exactly once per change rather than once per consumer.\n   */\n  index: TreeIndex;\n  isCheckable: boolean;\n  defaultCheckedKeys?: string[];\n  /** Either an array (AntD's default) or `{ checked, halfChecked }`. */\n  checkedKeys?: string[] | { checked: string[]; halfChecked?: string[] };\n  onCheck?: (\n    checked: Key[] | { checked: Key[]; halfChecked: Key[] },\n    info: TreeOnCheckInfo,\n  ) => void;\n}\n\nexport interface CheckboxTree {\n  /** Set of keys that are fully checked. */\n  checkedSet: Set<string>;\n  /** Set of keys that are in the indeterminate (half-checked) state. */\n  halfCheckedSet: Set<string>;\n  /** Toggle a key, propagating to descendants and updating ancestors. */\n  toggle: (key: string) => void;\n}\n\nfunction normalizeControlledChecked(\n  controlled: UseCheckboxTreeOptions['checkedKeys'],\n): { checked: Set<string>; halfChecked: Set<string> } | null {\n  if (controlled == null) return null;\n  if (Array.isArray(controlled)) {\n    return {\n      checked: new Set(controlled),\n      halfChecked: new Set(),\n    };\n  }\n  return {\n    checked: new Set(controlled.checked ?? []),\n    halfChecked: new Set(controlled.halfChecked ?? []),\n  };\n}\n\n/** Resolve the rendered sets from the source-of-truth `checked` set. */\nfunction resolveCheckedSets({\n  isCheckable,\n  sourceChecked,\n  ownHalfChecked,\n  treeData,\n  index,\n}: {\n  isCheckable: boolean;\n  sourceChecked: Set<string>;\n  /**\n   * If the consumer passed the object shape (`{ checked, halfChecked }`),\n   * they own the half-checked set and we use it as-is. With the array\n   * shape we still need to derive `halfChecked` ourselves — the consumer\n   * only provides `checked`, so parents should still light up\n   * indeterminate when only some descendants are checked.\n   */\n  ownHalfChecked: Set<string> | null;\n  treeData: CubeTreeNodeData[];\n  index: TreeIndex;\n}): Pick<CheckboxTree, 'checkedSet' | 'halfCheckedSet'> {\n  if (!isCheckable) {\n    return {\n      checkedSet: new Set<string>(),\n      halfCheckedSet: new Set<string>(),\n    };\n  }\n\n  if (ownHalfChecked) {\n    return {\n      checkedSet: new Set(sourceChecked),\n      halfCheckedSet: new Set(ownHalfChecked),\n    };\n  }\n\n  const { checked, halfChecked } = deriveCheckedSets(\n    treeData,\n    index,\n    sourceChecked,\n  );\n\n  return { checkedSet: checked, halfCheckedSet: halfChecked };\n}\n\n/**\n * Local hook implementing AntD-style cascading checkbox state.\n *\n * - `checked` and `halfChecked` are always derived together from a single\n *   `checked` set (the source of truth) so callers don't need to track\n *   indeterminate keys themselves.\n * - When the consumer passes `checkedKeys` as `{ checked, halfChecked }`,\n *   we keep the wire shape on the way out — same as AntD.\n * - Toggling a node propagates *down* through its subtree, past locked\n *   nodes to the eligible ones below them, and ancestors are then\n *   recomputed *up* by the derive.\n */\nexport function useCheckboxTree(opts: UseCheckboxTreeOptions): CheckboxTree {\n  const {\n    treeData,\n    index,\n    isCheckable,\n    defaultCheckedKeys,\n    checkedKeys,\n    onCheck,\n  } = opts;\n\n  /** Normalize the controlled `checkedKeys` prop into `Set` instances. */\n  const controlled = normalizeControlledChecked(checkedKeys);\n  const isControlled = controlled != null;\n  const wantsObjectShape = checkedKeys != null && !Array.isArray(checkedKeys);\n\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<Set<string>>(\n    () => new Set(defaultCheckedKeys ?? []),\n  );\n\n  const sourceChecked = isControlled\n    ? controlled!.checked\n    : uncontrolledChecked;\n\n  const { checkedSet, halfCheckedSet } = resolveCheckedSets({\n    isCheckable,\n    sourceChecked,\n    ownHalfChecked:\n      isControlled && wantsObjectShape ? controlled!.halfChecked : null,\n    treeData,\n    index,\n  });\n\n  const toggle = useEvent((key: string) => {\n    const node = index.byKey.get(key);\n    const next = toggleCheckedKey(index, checkedSet, key);\n    if (!node || !next) return;\n\n    const { checked: finalChecked, halfChecked: finalHalf } = deriveCheckedSets(\n      treeData,\n      index,\n      next,\n    );\n\n    // Store the derived set, as a controlled consumer stores `onCheck`'s\n    // keys, so a parent a check completed still covers children that load\n    // later.\n    if (!isControlled) {\n      setUncontrolledChecked(finalChecked);\n    }\n\n    if (onCheck) {\n      const checkedArr = Array.from(finalChecked);\n      const halfArr = Array.from(finalHalf);\n      const checkedNodes: CubeTreeNodeData[] = checkedArr\n        .map((k) => index.byKey.get(k))\n        .filter((n): n is CubeTreeNodeData => !!n);\n\n      const info: TreeOnCheckInfo = {\n        checked: next.has(key),\n        node,\n        checkedNodes,\n        halfCheckedKeys: halfArr,\n      };\n\n      if (wantsObjectShape) {\n        onCheck({ checked: checkedArr, halfChecked: halfArr }, info);\n      } else {\n        onCheck(checkedArr, info);\n      }\n    }\n  });\n\n  return { checkedSet, halfCheckedSet, toggle };\n}\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-load-data.js","names":["useRef","useState","useEvent","isDevEnvOrTest","Key","CubeTreeNodeData","TreeLoadDataNode","UseLoadDataOptions","nodesByKey","Map","loadData","node","Promise","initialExpandedKeys","Iterable","LoadDataController","loadingKeys","Set","onExpandedChanged","expandedKeys","useLoadData","opts","$","_c","setLoadingKeys","_temp","t0","previousExpandedRef","t1","Symbol","for","inFlightRef","t2","next","k","add","String","prev","current","newlyExpanded","k_0","has","push","length","toLoad","key","get","isLeaf","children","updated","k_1","key_0","loadNode","resolve","catch","err","console","error","finally","delete","current_0","updated_0","t3","_c"],"sources":["../../../../src/components/content/Tree/use-load-data.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { isDevEnvOrTest } from '../../../utils/is-dev-env';\n\nimport type { Key } from '@react-types/shared';\nimport type { CubeTreeNodeData, TreeLoadDataNode } from './types';\n\nexport interface UseLoadDataOptions {\n  /**\n   * Map of `key -> node` built from the consumer's `treeData`. Used to\n   * find the node being expanded when `loadData` fires.\n   */\n  nodesByKey: Map<string, CubeTreeNodeData>;\n  loadData?: (node: TreeLoadDataNode) => Promise<void>;\n  /**\n   * Keys that are expanded at mount time (controlled or default).\n   * Seeds `previousExpandedRef` so the first `onExpandedChanged` call\n   * doesn't misidentify them as user-triggered expansions.\n   */\n  initialExpandedKeys?: Iterable<string>;\n}\n\nexport interface LoadDataController {\n  /** Set of keys that are currently waiting on `loadData`. */\n  loadingKeys: Set<string>;\n  /**\n   * Called by `Tree.tsx` whenever the underlying React Stately state's\n   * `expandedKeys` change. We diff against the previous set, and for\n   * each newly-expanded key we trigger `loadData` if appropriate.\n   */\n  onExpandedChanged: (expandedKeys: Iterable<Key>) => void;\n}\n\n/**\n * Tracks which rows are currently fetching their children via `loadData`\n * and exposes a setter for the Tree to call after every expand change.\n *\n * `loadData` is fired exactly once per key per \"first expand\" event:\n *\n * - Skipped if there is no `loadData` callback.\n * - Skipped for leaf nodes (`isLeaf === true`).\n * - Skipped if the node already has `children` (already loaded).\n * - Skipped if a previous fetch for the same key is still in flight.\n *\n * The promise's resolution is awaited only to clear the `loading` mod;\n * the consumer is expected to commit the new children to the controlled\n * `treeData` themselves (matching AntD's pattern).\n */\nexport function useLoadData(opts: UseLoadDataOptions): LoadDataController {\n  const { nodesByKey, loadData, initialExpandedKeys } = opts;\n  const [loadingKeys, setLoadingKeys] = useState<Set<string>>(() => new Set());\n  const previousExpandedRef = useRef<Set<string>>(new Set(initialExpandedKeys));\n  const inFlightRef = useRef<Set<string>>(new Set());\n\n  const onExpandedChanged = useEvent((expandedKeys: Iterable<Key>) => {\n    const next = new Set<string>();\n    for (const k of expandedKeys) next.add(String(k));\n\n    const prev = previousExpandedRef.current;\n    const newlyExpanded: string[] = [];\n    for (const k of next) {\n      if (!prev.has(k)) newlyExpanded.push(k);\n    }\n    previousExpandedRef.current = next;\n\n    if (!loadData || newlyExpanded.length === 0) return;\n\n    const toLoad: string[] = [];\n    for (const key of newlyExpanded) {\n      const node = nodesByKey.get(key);\n      if (!node) continue;\n      if (node.isLeaf) continue;\n      if (node.children && node.children.length > 0) continue;\n      if (inFlightRef.current.has(key)) continue;\n      inFlightRef.current.add(key);\n      toLoad.push(key);\n    }\n\n    if (toLoad.length === 0) return;\n\n    setLoadingKeys((current) => {\n      const updated = new Set(current);\n      for (const k of toLoad) updated.add(k);\n      return updated;\n    });\n\n    for (const key of toLoad) {\n      const loadNode = nodesByKey.get(key);\n      Promise.resolve(loadData({ key, children: loadNode?.children }))\n        .catch((err) => {\n          if (isDevEnvOrTest()) {\n            console.error(`[Tree] loadData failed for key \"${key}\":`, err);\n          }\n        })\n        .finally(() => {\n          inFlightRef.current.delete(key);\n          setLoadingKeys((current) => {\n            if (!current.has(key)) return current;\n            const updated = new Set(current);\n            updated.delete(key);\n            return updated;\n          });\n        });\n    }\n  });\n\n  return { loadingKeys, onExpandedChanged };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-load-data.js","names":["useRef","useState","useEvent","isDevEnvOrTest","Key","CubeTreeNodeData","TreeLoadDataNode","UseLoadDataOptions","nodesByKey","Map","loadData","node","Promise","initialExpandedKeys","Iterable","LoadDataController","loadingKeys","Set","onExpandedChanged","expandedKeys","useLoadData","opts","$","_c","setLoadingKeys","_temp","t0","previousExpandedRef","t1","Symbol","for","inFlightRef","t2","next","k","add","String","prev","current","newlyExpanded","k_0","has","push","length","toLoad","key","get","isLeaf","children","updated","k_1","key_0","loadNode","resolve","catch","err","console","error","finally","delete","current_0","updated_0","t3","_c"],"sources":["../../../../src/components/content/Tree/use-load-data.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { isDevEnvOrTest } from '../../../utils/is-dev-env';\n\nimport type { Key } from '@react-types/shared';\nimport type { CubeTreeNodeData, TreeLoadDataNode } from './types';\n\nexport interface UseLoadDataOptions {\n  /**\n   * Map of `key -> node` built from the consumer's `treeData`. Used to\n   * find the node being expanded when `loadData` fires.\n   */\n  nodesByKey: Map<string, CubeTreeNodeData>;\n  loadData?: (node: TreeLoadDataNode) => Promise<void>;\n  /**\n   * Keys that are expanded at mount time (controlled or default).\n   * Seeds `previousExpandedRef` so the first `onExpandedChanged` call\n   * doesn't misidentify them as user-triggered expansions.\n   */\n  initialExpandedKeys?: Iterable<string>;\n}\n\nexport interface LoadDataController {\n  /** Set of keys that are currently waiting on `loadData`. */\n  loadingKeys: Set<string>;\n  /**\n   * Called by `Tree.tsx` whenever the underlying React Stately state's\n   * `expandedKeys` change. We diff against the previous set, and for\n   * each newly-expanded key we trigger `loadData` if appropriate.\n   */\n  onExpandedChanged: (expandedKeys: Iterable<Key>) => void;\n}\n\n/**\n * Tracks which rows are currently fetching their children via `loadData`\n * and exposes a setter for the Tree to call after every expand change.\n *\n * `loadData` is fired exactly once per key per \"first expand\" event:\n *\n * - Skipped if there is no `loadData` callback.\n * - Skipped for leaf nodes (`isLeaf === true`).\n * - Skipped if the node already has `children` (already loaded).\n * - Skipped if a previous fetch for the same key is still in flight.\n *\n * The promise's resolution is awaited only to clear the `loading` mod;\n * the consumer is expected to commit the new children to the controlled\n * `treeData` themselves (matching AntD's pattern).\n */\nexport function useLoadData(opts: UseLoadDataOptions): LoadDataController {\n  const { nodesByKey, loadData, initialExpandedKeys } = opts;\n  const [loadingKeys, setLoadingKeys] = useState<Set<string>>(() => new Set());\n  const previousExpandedRef = useRef<Set<string>>(new Set(initialExpandedKeys));\n  const inFlightRef = useRef<Set<string>>(new Set());\n\n  const onExpandedChanged = useEvent((expandedKeys: Iterable<Key>) => {\n    const next = new Set<string>();\n    for (const k of expandedKeys) next.add(String(k));\n\n    const prev = previousExpandedRef.current;\n    const newlyExpanded: string[] = [];\n    for (const k of next) {\n      if (!prev.has(k)) newlyExpanded.push(k);\n    }\n    previousExpandedRef.current = next;\n\n    if (!loadData || newlyExpanded.length === 0) return;\n\n    const toLoad: string[] = [];\n    for (const key of newlyExpanded) {\n      const node = nodesByKey.get(key);\n      if (!node) continue;\n      if (node.isLeaf) continue;\n      if (node.children && node.children.length > 0) continue;\n      if (inFlightRef.current.has(key)) continue;\n      inFlightRef.current.add(key);\n      toLoad.push(key);\n    }\n\n    if (toLoad.length === 0) return;\n\n    setLoadingKeys((current) => {\n      const updated = new Set(current);\n      for (const k of toLoad) updated.add(k);\n      return updated;\n    });\n\n    for (const key of toLoad) {\n      const loadNode = nodesByKey.get(key);\n      Promise.resolve(loadData({ key, children: loadNode?.children }))\n        .catch((err) => {\n          if (isDevEnvOrTest()) {\n            console.error(`[Tree] loadData failed for key \"${key}\":`, err);\n          }\n        })\n        .finally(() => {\n          inFlightRef.current.delete(key);\n          setLoadingKeys((current) => {\n            if (!current.has(key)) return current;\n            const updated = new Set(current);\n            updated.delete(key);\n            return updated;\n          });\n        });\n    }\n  });\n\n  return { loadingKeys, onExpandedChanged };\n}\n"],"mappings":"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"}

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { Text as _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/content/highlightText.tsx

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

@@ -1,14 +1,116 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
-import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
+import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
+import { useTooltipTriggerBinding } from "../overlays/Tooltip/TooltipTrigger.js";
+import { createProviderTooltip } from "../overlays/Tooltip/TooltipProvider.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useIsSSR } from "react-aria";
 import { flushSync } from "react-dom";
 //#region src/components/content/use-auto-tooltip.tsx
 function assignRef(ref, element) {
 	if (typeof ref === "function") ref(element);
 	else if (ref) ref.current = element;
 }
+/**
+* The handlers React Aria's `useTooltipTrigger` puts on the trigger. The
+* element renders before the tooltip beside it has computed its own, so it
+* gets a forwarder for each while a tooltip is mounted. Hover comes from
+* `useHover`, which uses pointer events where the browser has them and mouse
+* and touch events elsewhere; only those names are forwarded, so a forwarder
+* never replaces a handler of the element's own that React Aria leaves alone.
+*/
+const FOCUS_TRIGGER_HANDLERS = [
+	"onFocus",
+	"onBlur",
+	"onKeyDown",
+	"onKeyUp",
+	"onPointerDown"
+];
+const POINTER_HOVER_HANDLERS = ["onPointerEnter", "onPointerLeave"];
+const MOUSE_HOVER_HANDLERS = [
+	"onMouseEnter",
+	"onMouseLeave",
+	"onTouchStart"
+];
+function getTriggerHandlerNames() {
+	return [...FOCUS_TRIGGER_HANDLERS, ...typeof PointerEvent === "undefined" ? MOUSE_HOVER_HANDLERS : POINTER_HOVER_HANDLERS];
+}
+/**
+* The tooltip of an element rendered by `renderWithTooltip`, mounted beside the
+* element only while a tooltip exists. It owns the tooltip's state and hands
+* the element its trigger handlers through `handlersRef`, so an element that
+* never has a tooltip runs none of it, and the element keeps its node when the
+* tooltip comes and goes.
+*/
+function AutoTooltipLayer(t0) {
+	const $ = c(19);
+	const { options, tooltip, placement, handlersRef, onDescribedByChange } = t0;
+	const isSSR = useIsSSR();
+	const { triggerProps, renderTooltip } = useTooltipTriggerBinding(options, tooltip);
+	const describedBy = triggerProps["aria-describedby"];
+	let t1;
+	if ($[0] !== handlersRef || $[1] !== triggerProps) {
+		t1 = () => {
+			handlersRef.current = triggerProps;
+		};
+		$[0] = handlersRef;
+		$[1] = triggerProps;
+		$[2] = t1;
+	} else t1 = $[2];
+	useLayoutEffect$1(t1);
+	let t2;
+	if ($[3] !== onDescribedByChange) {
+		t2 = (id) => {
+			onDescribedByChange(id);
+		};
+		$[3] = onDescribedByChange;
+		$[4] = t2;
+	} else t2 = $[4];
+	const publishDescribedBy = useEffectEvent(t2);
+	let t3;
+	if ($[5] !== describedBy || $[6] !== publishDescribedBy) {
+		t3 = () => {
+			publishDescribedBy(describedBy);
+		};
+		$[5] = describedBy;
+		$[6] = publishDescribedBy;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== describedBy) {
+		t4 = [describedBy];
+		$[8] = describedBy;
+		$[9] = t4;
+	} else t4 = $[9];
+	useLayoutEffect$1(t3, t4);
+	let t5;
+	if ($[10] !== handlersRef || $[11] !== publishDescribedBy) {
+		t5 = () => () => {
+			handlersRef.current = null;
+			publishDescribedBy(void 0);
+		};
+		$[10] = handlersRef;
+		$[11] = publishDescribedBy;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== handlersRef) {
+		t6 = [handlersRef];
+		$[13] = handlersRef;
+		$[14] = t6;
+	} else t6 = $[14];
+	useLayoutEffect$1(t5, t6);
+	let t7;
+	if ($[15] !== isSSR || $[16] !== placement || $[17] !== renderTooltip) {
+		t7 = isSSR ? null : renderTooltip(placement);
+		$[15] = isSSR;
+		$[16] = placement;
+		$[17] = renderTooltip;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
+}
 /** Overflow checks queued for the end of the current task, from every label. */
 const pendingOverflowChecks = /* @__PURE__ */ new Set();
 const overflowChecksByNode = /* @__PURE__ */ new WeakMap();
@@ -21,11 +123,10 @@ function refreshAutoTooltipsWithin(element) {
 * one synchronous render.
 *
 * All reads happen before React touches the DOM again, so they share one
-* layout. `flushSync` applies the verdicts, and the `TooltipProvider` remounts
-* they cause, before paint and before any other task, so code that looks the
-* label up after this task gets the node the verdict leaves in place, not one
-* about to be replaced. Outside a React commit this is an ordinary sync
-* render, not a nested update.
+* layout. `flushSync` applies the verdicts before paint and before any other
+* task, so code that asks whether the tooltip is active after this task gets
+* the answer the measurement gave. Outside a React commit this is an ordinary
+* sync render, not a nested update.
 */
 function runOverflowChecks() {
 	const checks = Array.from(pendingOverflowChecks);
@@ -98,26 +199,19 @@ function getAutoTitle(children, description, truncation) {
 * The `TooltipProvider` props a tooltip resolves to, or `null` when no tooltip
 * is rendered at all.
 */
-function resolveTooltip({ tooltip, children, description, labelProps, isDynamicLabel, truncation }) {
+function resolveTooltip({ tooltip, children, description, labelProps, truncation }) {
 	if (!tooltip) return null;
 	if (typeof tooltip === "string") return { title: tooltip };
 	const isOverflowed = truncation !== "none";
 	const autoTitle = getAutoTitle(children, description, truncation);
-	const hasAutoContent = !!(autoTitle || labelProps) && (isOverflowed || isDynamicLabel);
-	if (tooltip === true) {
-		if (!hasAutoContent) return null;
-		return {
-			title: autoTitle,
-			isDisabled: !isOverflowed && isDynamicLabel
-		};
-	}
+	const hasAutoContent = !!(autoTitle || labelProps) && isOverflowed;
+	if (tooltip === true) return hasAutoContent ? { title: autoTitle } : null;
 	const { auto, ...tooltipProps } = tooltip;
 	if (tooltipProps.title && auto !== true) return tooltipProps;
 	if (!hasAutoContent) return null;
 	return {
 		...tooltipProps,
-		title: tooltipProps.title ?? autoTitle,
-		isDisabled: tooltipProps.isDisabled ?? (!isOverflowed && isDynamicLabel)
+		title: tooltipProps.title ?? autoTitle
 	};
 }
 /** Whether a measured node's text is cut off. */
@@ -148,68 +242,67 @@ function observeMeasuredNodes(measured, onResize) {
 	if (description) measured.observer.observe(description);
 }
 function useAutoTooltip(t0) {
-	const $ = c(55);
-	const { tooltip, children, description, labelProps, isDynamicLabel: t1, labelRef: labelRefOption, descriptionRef: descriptionRefOption } = t0;
-	const isDynamicLabel = t1 === void 0 ? false : t1;
-	let t2;
+	const $ = c(56);
+	const { tooltip, children, description, labelProps, labelRef: labelRefOption, descriptionRef: descriptionRefOption } = t0;
+	let t1;
 	if ($[0] !== tooltip) {
-		t2 = allowsAutoTooltip(tooltip);
+		t1 = allowsAutoTooltip(tooltip);
 		$[0] = tooltip;
-		$[1] = t2;
-	} else t2 = $[1];
-	const allowsAuto = t2;
+		$[1] = t1;
+	} else t1 = $[1];
+	const allowsAuto = t1;
 	const ownTitle = getOwnAutoTitle(tooltip);
 	const isLabelMeasured = allowsAuto && isMeasured(children, ownTitle);
 	const isDescriptionMeasured = allowsAuto && isMeasured(description, ownTitle);
 	const isAutoTooltipEnabled = isLabelMeasured || isDescriptionMeasured;
 	const externalLabelRef = labelProps?.ref;
 	const [truncation, setTruncation] = useState("none");
-	let t3;
+	let t2;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = {
+		t2 = {
 			label: null,
 			description: null,
 			observer: null
 		};
-		$[2] = t3;
-	} else t3 = $[2];
-	const measuredRef = useRef(t3);
+		$[2] = t2;
+	} else t2 = $[2];
+	const measuredRef = useRef(t2);
 	const verdictRef = useRef("none");
-	let t4;
+	let t3;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = (value) => {
+		t3 = (value) => {
 			if (verdictRef.current === value) return;
 			verdictRef.current = value;
 			setTruncation(value);
 		};
-		$[3] = t4;
-	} else t4 = $[3];
-	const setVerdict = t4;
-	let t5;
+		$[3] = t3;
+	} else t3 = $[3];
+	const setVerdict = t3;
+	let t4;
 	if ($[4] !== setVerdict) {
-		t5 = () => {
+		t4 = () => {
 			const { label, description: description_0 } = measuredRef.current;
 			if (!label && !description_0) return;
 			setVerdict(measureTruncation(label, description_0));
 		};
 		$[4] = setVerdict;
-		$[5] = t5;
-	} else t5 = $[5];
-	const checkOverflow = t5;
-	let t6;
+		$[5] = t4;
+	} else t4 = $[5];
+	const checkOverflow = t4;
+	let t5;
 	if ($[6] !== checkOverflow) {
-		t6 = () => {
+		t5 = () => {
 			queueOverflowCheck(checkOverflow);
 		};
 		$[6] = checkOverflow;
-		$[7] = t6;
-	} else t6 = $[7];
-	const scheduleOverflowCheck = t6;
+		$[7] = t5;
+	} else t5 = $[7];
+	const scheduleOverflowCheck = t5;
 	const measuredLabel = isLabelMeasured ? getMeasureKey(children, ownTitle) : void 0;
 	const measuredDescription = isDescriptionMeasured ? getMeasureKey(description, ownTitle) : void 0;
-	let t7;
+	let t6;
 	if ($[8] !== isAutoTooltipEnabled || $[9] !== scheduleOverflowCheck || $[10] !== setVerdict) {
-		t7 = () => {
+		t6 = () => {
 			if (isAutoTooltipEnabled) {
 				scheduleOverflowCheck();
 				return;
@@ -219,11 +312,11 @@ function useAutoTooltip(t0) {
 		$[8] = isAutoTooltipEnabled;
 		$[9] = scheduleOverflowCheck;
 		$[10] = setVerdict;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
 	if ($[12] !== isAutoTooltipEnabled || $[13] !== isDescriptionMeasured || $[14] !== isLabelMeasured || $[15] !== measuredDescription || $[16] !== measuredLabel || $[17] !== scheduleOverflowCheck || $[18] !== setVerdict) {
-		t8 = [
+		t7 = [
 			isAutoTooltipEnabled,
 			isLabelMeasured,
 			isDescriptionMeasured,
@@ -239,12 +332,12 @@ function useAutoTooltip(t0) {
 		$[16] = measuredLabel;
 		$[17] = scheduleOverflowCheck;
 		$[18] = setVerdict;
-		$[19] = t8;
-	} else t8 = $[19];
-	useEffect(t7, t8);
-	let t9;
+		$[19] = t7;
+	} else t7 = $[19];
+	useEffect(t6, t7);
+	let t8;
 	if ($[20] !== checkOverflow || $[21] !== scheduleOverflowCheck) {
-		t9 = (part, element) => {
+		t8 = (part, element) => {
 			const measured = measuredRef.current;
 			const previous = measured[part];
 			measured[part] = element;
@@ -264,12 +357,12 @@ function useAutoTooltip(t0) {
 		};
 		$[20] = checkOverflow;
 		$[21] = scheduleOverflowCheck;
-		$[22] = t9;
-	} else t9 = $[22];
-	const attachMeasuredNode = t9;
-	let t10;
+		$[22] = t8;
+	} else t8 = $[22];
+	const attachMeasuredNode = t8;
+	let t9;
 	if ($[23] !== attachMeasuredNode || $[24] !== externalLabelRef || $[25] !== isLabelMeasured || $[26] !== labelRefOption) {
-		t10 = (element_0) => {
+		t9 = (element_0) => {
 			assignRef(externalLabelRef, element_0);
 			assignRef(labelRefOption, element_0);
 			attachMeasuredNode("label", isLabelMeasured ? element_0 : null);
@@ -278,72 +371,101 @@ function useAutoTooltip(t0) {
 		$[24] = externalLabelRef;
 		$[25] = isLabelMeasured;
 		$[26] = labelRefOption;
-		$[27] = t10;
-	} else t10 = $[27];
-	const handleLabelElementRef = t10;
-	let t11;
+		$[27] = t9;
+	} else t9 = $[27];
+	const handleLabelElementRef = t9;
+	let t10;
 	if ($[28] !== attachMeasuredNode || $[29] !== descriptionRefOption || $[30] !== isDescriptionMeasured) {
-		t11 = (element_1) => {
+		t10 = (element_1) => {
 			assignRef(descriptionRefOption, element_1);
 			attachMeasuredNode("description", isDescriptionMeasured ? element_1 : null);
 		};
 		$[28] = attachMeasuredNode;
 		$[29] = descriptionRefOption;
 		$[30] = isDescriptionMeasured;
-		$[31] = t11;
-	} else t11 = $[31];
-	const handleDescriptionElementRef = t11;
-	let t12;
+		$[31] = t10;
+	} else t10 = $[31];
+	const handleDescriptionElementRef = t10;
+	let t11;
 	if ($[32] !== labelProps) {
-		t12 = labelProps || {};
+		t11 = labelProps || {};
 		$[32] = labelProps;
-		$[33] = t12;
-	} else t12 = $[33];
+		$[33] = t11;
+	} else t11 = $[33];
 	let finalLabelProps;
-	if ($[34] !== t12) {
-		const { ref: _labelPropsRef, ...t13 } = t12;
-		finalLabelProps = t13;
-		$[34] = t12;
+	if ($[34] !== t11) {
+		const { ref: _labelPropsRef, ...t12 } = t11;
+		finalLabelProps = t12;
+		$[34] = t11;
 		$[35] = finalLabelProps;
 	} else finalLabelProps = $[35];
-	let t13;
-	if ($[36] !== children || $[37] !== description || $[38] !== isDynamicLabel || $[39] !== labelProps || $[40] !== tooltip || $[41] !== truncation) {
-		t13 = resolveTooltip({
+	let t12;
+	if ($[36] !== children || $[37] !== description || $[38] !== labelProps || $[39] !== tooltip || $[40] !== truncation) {
+		t12 = resolveTooltip({
 			tooltip,
 			children,
 			description,
 			labelProps,
-			isDynamicLabel,
 			truncation
 		});
 		$[36] = children;
 		$[37] = description;
-		$[38] = isDynamicLabel;
-		$[39] = labelProps;
-		$[40] = tooltip;
-		$[41] = truncation;
+		$[38] = labelProps;
+		$[39] = tooltip;
+		$[40] = truncation;
+		$[41] = t12;
+	} else t12 = $[41];
+	const resolvedTooltip = t12;
+	const isTooltipActive = !!resolvedTooltip && resolvedTooltip.isDisabled !== true;
+	const triggerRef = useRef(null);
+	const handlersRef = useRef(null);
+	const describedByRef = useRef(void 0);
+	const [describedBy, setDescribedBy] = useState();
+	let t13;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = (id) => {
+			if (describedByRef.current === id) return;
+			describedByRef.current = id;
+			setDescribedBy(id);
+		};
 		$[42] = t13;
 	} else t13 = $[42];
-	const resolvedTooltip = t13;
-	const isTooltipActive = !!resolvedTooltip && resolvedTooltip.isDisabled !== true;
+	const updateDescribedBy = t13;
 	let t14;
-	if ($[43] !== resolvedTooltip) {
+	if ($[43] !== describedBy || $[44] !== resolvedTooltip) {
 		t14 = (renderElement, defaultTooltipPlacement) => {
-			if (!resolvedTooltip) return renderElement();
-			return /* @__PURE__ */ jsx(TooltipProvider, {
-				placement: defaultTooltipPlacement,
-				...resolvedTooltip,
-				children: (triggerProps, ref) => renderElement(triggerProps, ref)
-			});
+			if (!resolvedTooltip) return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderElement(), null] });
+			const { title, tooltipStyles, width, qa, placement, isDisabled, targetRef, ...triggerOptions } = resolvedTooltip;
+			const anchorRef = targetRef ?? triggerRef;
+			const forwardedProps = { "aria-describedby": describedBy };
+			for (const name of getTriggerHandlerNames()) forwardedProps[name] = (event) => handlersRef.current?.[name]?.(event);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderElement(forwardedProps, anchorRef), /* @__PURE__ */ jsx(AutoTooltipLayer, {
+				options: {
+					...triggerOptions,
+					isDisabled,
+					targetRef: anchorRef
+				},
+				tooltip: createProviderTooltip({
+					title,
+					tooltipStyles,
+					width,
+					qa,
+					isDisabled
+				}),
+				placement: placement ?? defaultTooltipPlacement,
+				handlersRef,
+				onDescribedByChange: updateDescribedBy
+			})] });
 		};
-		$[43] = resolvedTooltip;
-		$[44] = t14;
-	} else t14 = $[44];
+		$[43] = describedBy;
+		$[44] = resolvedTooltip;
+		$[45] = t14;
+	} else t14 = $[45];
 	const renderWithTooltip = t14;
 	const t15 = truncation !== "none";
 	const t16 = !!tooltip;
 	let t17;
-	if ($[45] !== finalLabelProps || $[46] !== handleDescriptionElementRef || $[47] !== handleLabelElementRef || $[48] !== isAutoTooltipEnabled || $[49] !== isTooltipActive || $[50] !== renderWithTooltip || $[51] !== scheduleOverflowCheck || $[52] !== t15 || $[53] !== t16) {
+	if ($[46] !== finalLabelProps || $[47] !== handleDescriptionElementRef || $[48] !== handleLabelElementRef || $[49] !== isAutoTooltipEnabled || $[50] !== isTooltipActive || $[51] !== renderWithTooltip || $[52] !== scheduleOverflowCheck || $[53] !== t15 || $[54] !== t16) {
 		t17 = {
 			labelRef: handleLabelElementRef,
 			descriptionRef: handleDescriptionElementRef,
@@ -355,17 +477,17 @@ function useAutoTooltip(t0) {
 			renderWithTooltip,
 			scheduleOverflowCheck
 		};
-		$[45] = finalLabelProps;
-		$[46] = handleDescriptionElementRef;
-		$[47] = handleLabelElementRef;
-		$[48] = isAutoTooltipEnabled;
-		$[49] = isTooltipActive;
-		$[50] = renderWithTooltip;
-		$[51] = scheduleOverflowCheck;
-		$[52] = t15;
-		$[53] = t16;
-		$[54] = t17;
-	} else t17 = $[54];
+		$[46] = finalLabelProps;
+		$[47] = handleDescriptionElementRef;
+		$[48] = handleLabelElementRef;
+		$[49] = isAutoTooltipEnabled;
+		$[50] = isTooltipActive;
+		$[51] = renderWithTooltip;
+		$[52] = scheduleOverflowCheck;
+		$[53] = t15;
+		$[54] = t16;
+		$[55] = t17;
+	} else t17 = $[55];
 	return t17;
 }
 //#endregion