@cube-dev/ui-kit 0.0.0-canary-619b8e3 → 0.0.0-canary-7bfcbc3

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

@@ -1 +1 @@
-{"version":3,"file":"use-table-columns.js","names":["useMemo","CubeResolvedColumn","CubeTableColumn","CubeTableColumnLayout","DEFAULT_MIN_WIDTH","freezeColumnWidths","layout","T","base","Record","columns","reduce","widths","column","isStructural","width","key","Math","round","readPath","row","path","undefined","includes","current","part","split","ValueColumn","Pick","getColumnValue","rowIndex","getValue","getColumnText","value","format","type","String","Date","toISOString","clamp","min","max","Number","POSITIVE_INFINITY","UseTableColumnsOptions","containerWidth","columnWidths","leadingColumns","trailingColumns","useTableColumns","t0","$","_c","isOverflowing","out","pinnedEndWidth","pinnedStartWidth","t1","visible","filter","_temp","ordered","_temp2","_temp3","_temp4","structuralKeys","Set","map","_temp5","specs","column_0","has","explicit","minWidth","fixed","maxWidth","flex","resolved","Map","fixedTotal","_temp6","flexSpecs","_temp7","minTotal","_temp8","spec","set","remaining","pool","length","totalFlex","_temp9","nextPool","consumed","spec_0","ideal","clamped","push","totalLeft","_temp0","spec_1","spec_2","spec_3","index","ariaColIndex","get","align","pinOffset","isPinEdge","column_1","pin","i","column_2","lastPinnedStart","_temp1","at","firstPinnedEnd","find","_temp10","every","_temp11","_temp12","totalWidth","t2","sum_3","c_5","sum","c","c_6","c_4","c_3","sum_2","s_3","s","sum_1","s_2","sum_0","s_1","s_0","c_2","c_1","c_0","isHidden"],"sources":["../../../../src/components/data/TableBase/use-table-columns.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type {\n  CubeResolvedColumn,\n  CubeTableColumn,\n  CubeTableColumnLayout,\n} from './types';\n\n/** @default when a column declares neither `width` nor `minWidth`. */\nexport const DEFAULT_MIN_WIDTH = 150;\n\n/**\n * Every column's current width, so a resize can change exactly one of them.\n *\n * A column with no explicit width is `flex: 1` and shares the leftover (see the\n * spec builder below). Making only the DRAGGED column fixed leaves every other\n * one in the flex pool, re-splitting a leftover that just changed — so one\n * divider moved all of them, including columns to the LEFT of the handle, which\n * cannot be what dragging a right edge means. Measured before this existed:\n * dragging column B by +8px took 3px off A, C and D each.\n *\n * Freezing first means a drag changes one width. Columns after it are pushed\n * along, which is what being after it means, and the table grows or shrinks\n * rather than the neighbours absorbing the difference.\n *\n * Structural columns are skipped — they are sized by the table, not the user.\n */\nexport function freezeColumnWidths<T>(\n  layout: CubeTableColumnLayout<T> | null,\n  base: Record<string, number>,\n): Record<string, number> {\n  return (layout?.columns ?? []).reduce<Record<string, number>>(\n    (widths, column) => {\n      if (!column.isStructural && column.width != null) {\n        widths[column.key] = Math.round(column.width);\n      }\n\n      return widths;\n    },\n    { ...base },\n  );\n}\n\n/**\n * Reads `key` as a data path. A plain key is a single property lookup; dots\n * walk nested objects (`'owner.name'`). Anything richer belongs in `getValue`.\n */\nexport function readPath(row: any, path: string): unknown {\n  if (row == null) return undefined;\n  if (!path.includes('.')) return row[path];\n\n  let current: any = row;\n\n  for (const part of path.split('.')) {\n    if (current == null) return undefined;\n    current = current[part];\n  }\n\n  return current;\n}\n\n/** Only the value-pipeline members, so both raw and resolved columns fit. */\ntype ValueColumn<T> = Pick<CubeTableColumn<T>, 'key' | 'getValue' | 'format'>;\n\nexport function getColumnValue<T>(\n  column: ValueColumn<T>,\n  row: T,\n  rowIndex: number,\n): unknown {\n  return column.getValue\n    ? column.getValue(row, rowIndex)\n    : readPath(row, column.key);\n}\n\n/**\n * Display text for a cell — what client sort, client search and TSV copy all\n * operate on. Deliberately NOT the rendered output: `render` may return\n * arbitrary React, and stringifying that is how cloud's filter ended up\n * matching `\"[object Object]\"` against the query `\"object\"`.\n *\n * Returns `null` when the column cannot produce text, so callers can skip it\n * rather than coerce a non-primitive.\n */\nexport function getColumnText<T>(\n  column: ValueColumn<T>,\n  row: T,\n  rowIndex: number,\n): string | null {\n  const value = getColumnValue(column, row, rowIndex);\n\n  if (column.format) return column.format(value, row, rowIndex);\n  if (value == null) return '';\n\n  const type = typeof value;\n\n  if (type === 'string') return value as string;\n  if (type === 'number' || type === 'boolean' || type === 'bigint') {\n    return String(value);\n  }\n  if (value instanceof Date) return value.toISOString();\n\n  return null;\n}\n\nfunction clamp(value: number, min: number, max: number | null): number {\n  return Math.min(Math.max(value, min), max ?? Number.POSITIVE_INFINITY);\n}\n\nexport interface UseTableColumnsOptions<T> {\n  columns: CubeTableColumn<T>[];\n  /** Content-box width of the scroller, or `null` before the first measure. */\n  containerWidth: number | null;\n  /** User-resized widths, keyed by column key. Wins over `column.width`. */\n  columnWidths?: Record<string, number>;\n  /** Extra leading columns owned by the table (selection, drag handle). */\n  leadingColumns?: CubeTableColumn<T>[];\n  /** Extra trailing columns owned by the table (row menu). */\n  trailingColumns?: CubeTableColumn<T>[];\n}\n\n/**\n * Normalizes the public column list into resolved leaves: visual order, ARIA\n * indices, pixel widths, and sticky offsets for pinned columns.\n *\n * Width resolution mirrors ag-grid's `fitGridWidth`: fixed columns take their\n * width, the remainder is split across flex columns by weight, and each result\n * is clamped to `[minWidth, maxWidth]`. Clamping perturbs the sum, so the\n * residual is redistributed across the still-unclamped columns until it\n * settles. When even the minimums do not fit, every column takes its minimum\n * and the table scrolls horizontally.\n */\nexport function useTableColumns<T>({\n  columns,\n  containerWidth,\n  columnWidths,\n  leadingColumns,\n  trailingColumns,\n}: UseTableColumnsOptions<T>): CubeTableColumnLayout<T> {\n  return useMemo(() => {\n    const visible = [\n      ...(leadingColumns ?? []),\n      ...columns,\n      ...(trailingColumns ?? []),\n    ].filter((column) => !column.isHidden);\n\n    // Pinned columns lead and trail regardless of their position in the source\n    // array, so `aria-colindex` and DOM order agree and nothing needs CSS\n    // `order:` to be reshuffled.\n    const ordered = [\n      ...visible.filter((c) => c.pin === 'start'),\n      ...visible.filter((c) => !c.pin),\n      ...visible.filter((c) => c.pin === 'end'),\n    ];\n\n    const structuralKeys = new Set(\n      [...(leadingColumns ?? []), ...(trailingColumns ?? [])].map((c) => c.key),\n    );\n\n    const specs = ordered.map((column) => {\n      const isStructural = structuralKeys.has(column.key);\n      const explicit = columnWidths?.[column.key] ?? column.width;\n      const minWidth =\n        column.minWidth ??\n        (explicit != null ? explicit : isStructural ? 0 : DEFAULT_MIN_WIDTH);\n\n      return {\n        column,\n        isStructural,\n        fixed: explicit ?? null,\n        minWidth,\n        maxWidth: column.maxWidth ?? null,\n        flex: explicit != null ? null : column.flex ?? 1,\n      };\n    });\n\n    const resolved = new Map<string, number>();\n    let isOverflowing = false;\n\n    if (containerWidth != null && containerWidth > 0) {\n      const fixedTotal = specs.reduce((sum, s) => sum + (s.fixed ?? 0), 0);\n      const flexSpecs = specs.filter((s) => s.fixed == null);\n      const minTotal = specs.reduce(\n        (sum, s) => sum + (s.fixed ?? s.minWidth),\n        0,\n      );\n\n      if (minTotal > containerWidth) {\n        isOverflowing = true;\n        for (const spec of specs) {\n          resolved.set(spec.column.key, spec.fixed ?? spec.minWidth);\n        }\n      } else {\n        let remaining = containerWidth - fixedTotal;\n        let pool = flexSpecs;\n\n        // Each pass assigns proportional widths, freezes whatever hit a bound,\n        // and re-splits the leftover among the rest.\n        while (pool.length > 0) {\n          const totalFlex = pool.reduce((sum, s) => sum + (s.flex ?? 1), 0);\n          const nextPool: typeof pool = [];\n          let consumed = 0;\n\n          for (const spec of pool) {\n            const ideal = (remaining * (spec.flex ?? 1)) / (totalFlex || 1);\n            const clamped = clamp(ideal, spec.minWidth, spec.maxWidth);\n\n            if (clamped !== ideal) {\n              resolved.set(spec.column.key, clamped);\n              consumed += clamped;\n            } else {\n              nextPool.push(spec);\n            }\n          }\n\n          if (nextPool.length === pool.length) {\n            // Nothing was clamped this pass — the proportional split stands.\n            const totalLeft = nextPool.reduce(\n              (sum, s) => sum + (s.flex ?? 1),\n              0,\n            );\n            for (const spec of nextPool) {\n              resolved.set(\n                spec.column.key,\n                (remaining * (spec.flex ?? 1)) / (totalLeft || 1),\n              );\n            }\n            break;\n          }\n\n          remaining -= consumed;\n          pool = nextPool;\n        }\n\n        for (const spec of specs) {\n          if (spec.fixed != null) resolved.set(spec.column.key, spec.fixed);\n        }\n      }\n    }\n\n    let pinnedStartWidth = 0;\n    let pinnedEndWidth = 0;\n\n    const out: CubeResolvedColumn<T>[] = specs.map((spec, index) => ({\n      ...spec.column,\n      index,\n      ariaColIndex: index + 1,\n      width: resolved.get(spec.column.key) ?? null,\n      minWidth: spec.minWidth,\n      maxWidth: spec.maxWidth,\n      flex: spec.flex,\n      align: spec.column.align ?? 'start',\n      pinOffset: null,\n      isPinEdge: false,\n      isStructural: spec.isStructural,\n    }));\n\n    // Sticky offsets accumulate inwards from each edge.\n    for (const column of out) {\n      if (column.pin !== 'start') continue;\n      column.pinOffset = pinnedStartWidth;\n      pinnedStartWidth += column.width ?? column.minWidth;\n    }\n\n    for (let i = out.length - 1; i >= 0; i--) {\n      const column = out[i];\n      if (column.pin !== 'end') continue;\n      column.pinOffset = pinnedEndWidth;\n      pinnedEndWidth += column.width ?? column.minWidth;\n    }\n\n    const lastPinnedStart = out.filter((c) => c.pin === 'start').at(-1);\n    const firstPinnedEnd = out.find((c) => c.pin === 'end');\n\n    if (lastPinnedStart) lastPinnedStart.isPinEdge = true;\n    if (firstPinnedEnd) firstPinnedEnd.isPinEdge = true;\n\n    const totalWidth = out.every((c) => c.width != null)\n      ? out.reduce((sum, c) => sum + (c.width ?? 0), 0)\n      : null;\n\n    return {\n      columns: out,\n      pinnedStartWidth,\n      pinnedEndWidth,\n      totalWidth,\n      isOverflowing,\n    };\n  }, [columns, containerWidth, columnWidths, leadingColumns, trailingColumns]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-table-columns.js","names":["useMemo","CubeResolvedColumn","CubeTableColumn","CubeTableColumnLayout","DEFAULT_MIN_WIDTH","freezeColumnWidths","layout","T","base","Record","columns","reduce","widths","column","isStructural","width","key","Math","round","readPath","row","path","undefined","includes","current","part","split","ValueColumn","Pick","getColumnValue","rowIndex","getValue","getColumnText","value","format","type","String","Date","toISOString","clamp","min","max","Number","POSITIVE_INFINITY","UseTableColumnsOptions","containerWidth","columnWidths","leadingColumns","trailingColumns","ColumnSpec","fixed","minWidth","maxWidth","flex","orderColumns","visible","filter","isHidden","c","pin","toColumnSpec","explicit","sumFlex","specs","sum","s","distributeFlexWidths","flexSpecs","available","resolved","Map","remaining","pool","length","totalFlex","nextPool","consumed","spec","ideal","clamped","set","push","totalLeft","resolveWidths","isOverflowing","isMeasured","minTotal","fixedTotal","applyPinOffsets","pinnedStartWidth","pinnedEndWidth","pinOffset","i","lastPinnedStart","at","firstPinnedEnd","find","isPinEdge","resolveColumnLayout","leading","trailing","structuralKeys","Set","map","has","out","index","ariaColIndex","get","align","totalWidth","every","useTableColumns","t0","$","_c","t1"],"sources":["../../../../src/components/data/TableBase/use-table-columns.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type {\n  CubeResolvedColumn,\n  CubeTableColumn,\n  CubeTableColumnLayout,\n} from './types';\n\n/** @default when a column declares neither `width` nor `minWidth`. */\nexport const DEFAULT_MIN_WIDTH = 150;\n\n/**\n * Every column's current width, so a resize can change exactly one of them.\n *\n * A column with no explicit width is `flex: 1` and shares the leftover (see the\n * spec builder below). Making only the DRAGGED column fixed leaves every other\n * one in the flex pool, re-splitting a leftover that just changed — so one\n * divider moved all of them, including columns to the LEFT of the handle, which\n * cannot be what dragging a right edge means. Measured before this existed:\n * dragging column B by +8px took 3px off A, C and D each.\n *\n * Freezing first means a drag changes one width. Columns after it are pushed\n * along, which is what being after it means, and the table grows or shrinks\n * rather than the neighbours absorbing the difference.\n *\n * Structural columns are skipped — they are sized by the table, not the user.\n */\nexport function freezeColumnWidths<T>(\n  layout: CubeTableColumnLayout<T> | null,\n  base: Record<string, number>,\n): Record<string, number> {\n  return (layout?.columns ?? []).reduce<Record<string, number>>(\n    (widths, column) => {\n      if (!column.isStructural && column.width != null) {\n        widths[column.key] = Math.round(column.width);\n      }\n\n      return widths;\n    },\n    { ...base },\n  );\n}\n\n/**\n * Reads `key` as a data path. A plain key is a single property lookup; dots\n * walk nested objects (`'owner.name'`). Anything richer belongs in `getValue`.\n */\nexport function readPath(row: any, path: string): unknown {\n  if (row == null) return undefined;\n  if (!path.includes('.')) return row[path];\n\n  let current: any = row;\n\n  for (const part of path.split('.')) {\n    if (current == null) return undefined;\n    current = current[part];\n  }\n\n  return current;\n}\n\n/** Only the value-pipeline members, so both raw and resolved columns fit. */\ntype ValueColumn<T> = Pick<CubeTableColumn<T>, 'key' | 'getValue' | 'format'>;\n\nexport function getColumnValue<T>(\n  column: ValueColumn<T>,\n  row: T,\n  rowIndex: number,\n): unknown {\n  return column.getValue\n    ? column.getValue(row, rowIndex)\n    : readPath(row, column.key);\n}\n\n/**\n * Display text for a cell — what client sort, client search and TSV copy all\n * operate on. Deliberately NOT the rendered output: `render` may return\n * arbitrary React, and stringifying that is how cloud's filter ended up\n * matching `\"[object Object]\"` against the query `\"object\"`.\n *\n * Returns `null` when the column cannot produce text, so callers can skip it\n * rather than coerce a non-primitive.\n */\nexport function getColumnText<T>(\n  column: ValueColumn<T>,\n  row: T,\n  rowIndex: number,\n): string | null {\n  const value = getColumnValue(column, row, rowIndex);\n\n  if (column.format) return column.format(value, row, rowIndex);\n  if (value == null) return '';\n\n  const type = typeof value;\n\n  if (type === 'string') return value as string;\n  if (type === 'number' || type === 'boolean' || type === 'bigint') {\n    return String(value);\n  }\n  if (value instanceof Date) return value.toISOString();\n\n  return null;\n}\n\nfunction clamp(value: number, min: number, max: number | null): number {\n  return Math.min(Math.max(value, min), max ?? Number.POSITIVE_INFINITY);\n}\n\nexport interface UseTableColumnsOptions<T> {\n  columns: CubeTableColumn<T>[];\n  /** Content-box width of the scroller, or `null` before the first measure. */\n  containerWidth: number | null;\n  /** User-resized widths, keyed by column key. Wins over `column.width`. */\n  columnWidths?: Record<string, number>;\n  /** Extra leading columns owned by the table (selection, drag handle). */\n  leadingColumns?: CubeTableColumn<T>[];\n  /** Extra trailing columns owned by the table (row menu). */\n  trailingColumns?: CubeTableColumn<T>[];\n}\n\n/** A column's sizing inputs, before the container is split between columns. */\ninterface ColumnSpec<T> {\n  column: CubeTableColumn<T>;\n  isStructural: boolean;\n  fixed: number | null;\n  minWidth: number;\n  maxWidth: number | null;\n  flex: number | null;\n}\n\n/**\n * The visible columns in visual order. Pinned columns lead and trail\n * regardless of their position in the source array, so `aria-colindex` and DOM\n * order agree and nothing needs CSS `order:` to be reshuffled.\n */\nfunction orderColumns<T>(columns: CubeTableColumn<T>[]): CubeTableColumn<T>[] {\n  const visible = columns.filter((column) => !column.isHidden);\n\n  return [\n    ...visible.filter((c) => c.pin === 'start'),\n    ...visible.filter((c) => !c.pin),\n    ...visible.filter((c) => c.pin === 'end'),\n  ];\n}\n\nfunction toColumnSpec<T>(\n  column: CubeTableColumn<T>,\n  isStructural: boolean,\n  columnWidths: Record<string, number> | undefined,\n): ColumnSpec<T> {\n  const explicit = columnWidths?.[column.key] ?? column.width;\n  const minWidth =\n    column.minWidth ??\n    (explicit != null ? explicit : isStructural ? 0 : DEFAULT_MIN_WIDTH);\n\n  return {\n    column,\n    isStructural,\n    fixed: explicit ?? null,\n    minWidth,\n    maxWidth: column.maxWidth ?? null,\n    flex: explicit != null ? null : column.flex ?? 1,\n  };\n}\n\nfunction sumFlex<T>(specs: ColumnSpec<T>[]): number {\n  return specs.reduce((sum, s) => sum + (s.flex ?? 1), 0);\n}\n\n/**\n * Splits `available` pixels across the flex columns by weight. Each pass\n * assigns proportional widths, freezes whatever hit a bound, and re-splits the\n * leftover among the rest.\n */\nfunction distributeFlexWidths<T>(\n  flexSpecs: ColumnSpec<T>[],\n  available: number,\n  resolved: Map<string, number>,\n): void {\n  let remaining = available;\n  let pool = flexSpecs;\n\n  while (pool.length > 0) {\n    const totalFlex = sumFlex(pool);\n    const nextPool: typeof pool = [];\n    let consumed = 0;\n\n    for (const spec of pool) {\n      const ideal = (remaining * (spec.flex ?? 1)) / (totalFlex || 1);\n      const clamped = clamp(ideal, spec.minWidth, spec.maxWidth);\n\n      if (clamped !== ideal) {\n        resolved.set(spec.column.key, clamped);\n        consumed += clamped;\n      } else {\n        nextPool.push(spec);\n      }\n    }\n\n    if (nextPool.length === pool.length) {\n      // Nothing was clamped this pass — the proportional split stands.\n      const totalLeft = sumFlex(nextPool);\n      for (const spec of nextPool) {\n        resolved.set(\n          spec.column.key,\n          (remaining * (spec.flex ?? 1)) / (totalLeft || 1),\n        );\n      }\n      break;\n    }\n\n    remaining -= consumed;\n    pool = nextPool;\n  }\n}\n\n/**\n * Each column's pixel width, keyed by column key; none before the container is\n * measured. When even the minimums do not fit, every column takes its minimum\n * and the table overflows.\n */\nfunction resolveWidths<T>(\n  specs: ColumnSpec<T>[],\n  containerWidth: number | null,\n): { resolved: Map<string, number>; isOverflowing: boolean } {\n  const resolved = new Map<string, number>();\n  const isMeasured = containerWidth != null && containerWidth > 0;\n\n  if (!isMeasured) return { resolved, isOverflowing: false };\n\n  const minTotal = specs.reduce((sum, s) => sum + (s.fixed ?? s.minWidth), 0);\n\n  if (minTotal > containerWidth) {\n    for (const spec of specs) {\n      resolved.set(spec.column.key, spec.fixed ?? spec.minWidth);\n    }\n\n    return { resolved, isOverflowing: true };\n  }\n\n  const fixedTotal = specs.reduce((sum, s) => sum + (s.fixed ?? 0), 0);\n\n  distributeFlexWidths(\n    specs.filter((s) => s.fixed == null),\n    containerWidth - fixedTotal,\n    resolved,\n  );\n\n  for (const spec of specs) {\n    if (spec.fixed != null) resolved.set(spec.column.key, spec.fixed);\n  }\n\n  return { resolved, isOverflowing: false };\n}\n\n/**\n * Sets each pinned column's sticky offset, which accumulates inwards from its\n * edge, and marks the innermost pinned column on each side. Returns the width\n * pinned to each side.\n */\nfunction applyPinOffsets<T>(columns: CubeResolvedColumn<T>[]): {\n  pinnedStartWidth: number;\n  pinnedEndWidth: number;\n} {\n  let pinnedStartWidth = 0;\n  let pinnedEndWidth = 0;\n\n  for (const column of columns) {\n    if (column.pin !== 'start') continue;\n    column.pinOffset = pinnedStartWidth;\n    pinnedStartWidth += column.width ?? column.minWidth;\n  }\n\n  for (let i = columns.length - 1; i >= 0; i--) {\n    const column = columns[i];\n    if (column.pin !== 'end') continue;\n    column.pinOffset = pinnedEndWidth;\n    pinnedEndWidth += column.width ?? column.minWidth;\n  }\n\n  const lastPinnedStart = columns.filter((c) => c.pin === 'start').at(-1);\n  const firstPinnedEnd = columns.find((c) => c.pin === 'end');\n\n  if (lastPinnedStart) lastPinnedStart.isPinEdge = true;\n  if (firstPinnedEnd) firstPinnedEnd.isPinEdge = true;\n\n  return { pinnedStartWidth, pinnedEndWidth };\n}\n\nfunction resolveColumnLayout<T>({\n  columns,\n  containerWidth,\n  columnWidths,\n  leadingColumns,\n  trailingColumns,\n}: UseTableColumnsOptions<T>): CubeTableColumnLayout<T> {\n  const leading = leadingColumns ?? [];\n  const trailing = trailingColumns ?? [];\n  const structuralKeys = new Set([...leading, ...trailing].map((c) => c.key));\n  const specs = orderColumns([...leading, ...columns, ...trailing]).map(\n    (column) =>\n      toColumnSpec(column, structuralKeys.has(column.key), columnWidths),\n  );\n  const { resolved, isOverflowing } = resolveWidths(specs, containerWidth);\n\n  const out: CubeResolvedColumn<T>[] = specs.map((spec, index) => ({\n    ...spec.column,\n    index,\n    ariaColIndex: index + 1,\n    width: resolved.get(spec.column.key) ?? null,\n    minWidth: spec.minWidth,\n    maxWidth: spec.maxWidth,\n    flex: spec.flex,\n    align: spec.column.align ?? 'start',\n    pinOffset: null,\n    isPinEdge: false,\n    isStructural: spec.isStructural,\n  }));\n\n  const { pinnedStartWidth, pinnedEndWidth } = applyPinOffsets(out);\n\n  const totalWidth = out.every((c) => c.width != null)\n    ? out.reduce((sum, c) => sum + (c.width ?? 0), 0)\n    : null;\n\n  return {\n    columns: out,\n    pinnedStartWidth,\n    pinnedEndWidth,\n    totalWidth,\n    isOverflowing,\n  };\n}\n\n/**\n * Normalizes the public column list into resolved leaves: visual order, ARIA\n * indices, pixel widths, and sticky offsets for pinned columns.\n *\n * Width resolution mirrors ag-grid's `fitGridWidth`: fixed columns take their\n * width, the remainder is split across flex columns by weight, and each result\n * is clamped to `[minWidth, maxWidth]`. Clamping perturbs the sum, so the\n * residual is redistributed across the still-unclamped columns until it\n * settles. When even the minimums do not fit, every column takes its minimum\n * and the table scrolls horizontally.\n */\nexport function useTableColumns<T>({\n  columns,\n  containerWidth,\n  columnWidths,\n  leadingColumns,\n  trailingColumns,\n}: UseTableColumnsOptions<T>): CubeTableColumnLayout<T> {\n  return useMemo(\n    () =>\n      resolveColumnLayout({\n        columns,\n        containerWidth,\n        columnWidths,\n        leadingColumns,\n        trailingColumns,\n      }),\n    [columns, containerWidth, columnWidths, leadingColumns, trailingColumns],\n  );\n}\n"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { refreshAutoTooltipsWithin } from "../../content/use-auto-tooltip.js";
 import { c } from "react/compiler-runtime";
 import { useEffect } from "react";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-619b8e3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -141,105 +141,157 @@ function _temp() {
 	return true;
 }
 function useComboBoxKeyboard(t0) {
-	const $ = c(17);
+	const $ = c(42);
 	const { isPopoverOpen, listStateRef, hasResults, allowsCustomValue, effectiveInputValue, isClearable, onSelectionChange, onClearValue, onOpenPopover, onClosePopover, inputRef, setIsFilterActive, onVirtualFocus, onKeyDown } = t0;
 	let t1;
-	if ($[0] !== allowsCustomValue || $[1] !== effectiveInputValue || $[2] !== hasResults || $[3] !== inputRef || $[4] !== isClearable || $[5] !== isPopoverOpen || $[6] !== listStateRef || $[7] !== onClearValue || $[8] !== onClosePopover || $[9] !== onKeyDown || $[10] !== onOpenPopover || $[11] !== onSelectionChange || $[12] !== onVirtualFocus || $[13] !== setIsFilterActive) {
-		t1 = { onKeyDown: (e) => {
-			onKeyDown?.(e);
-			if (e.isDefaultPrevented()) return;
-			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-				e.preventDefault();
-				if (!isPopoverOpen) {
-					if (!hasResults) setIsFilterActive(false);
-					onOpenPopover();
-					return;
-				}
-				const listState = listStateRef.current;
-				if (!listState) return;
-				const nextKey = getNextVisibleKey(listState, e.key === "ArrowDown" ? 1 : -1);
-				if (nextKey != null) {
-					markKeyboardFocus(listState);
-					listState.selectionManager.setFocusedKey(nextKey);
-					onVirtualFocus(nextKey);
-				}
-			} else if (e.key === "Enter") {
-				if (isPopoverOpen) {
-					const listState_0 = listStateRef.current;
-					if (listState_0) {
-						const keyToSelect = listState_0.selectionManager.focusedKey;
-						if (keyToSelect != null) {
-							e.preventDefault();
-							listState_0.selectionManager.select(keyToSelect, e);
-							onClosePopover();
-							inputRef.current?.focus();
-							return;
-						}
-					}
-				}
-				if (!hasResults) {
-					if (allowsCustomValue) {
-						const value = effectiveInputValue.trim();
-						onSelectionChange(value ?? null);
-						if (isPopoverOpen || !value) e.preventDefault();
-					} else {
-						e.preventDefault();
-						onSelectionChange(null);
-					}
-					return;
-				}
-				if ((effectiveInputValue || "").trim() === "") {
-					e.preventDefault();
-					onSelectionChange(null);
-					return;
-				}
-			} else if (e.key === "Escape") {
-				if (isPopoverOpen) {
-					e.preventDefault();
-					onClosePopover();
-					inputRef.current?.focus();
-				} else if (effectiveInputValue && isClearable) {
-					e.preventDefault();
-					onClearValue();
-				}
-			} else if (e.key === "Home" || e.key === "End") {
-				if (isPopoverOpen) {
-					e.preventDefault();
-					const listState_1 = listStateRef.current;
-					if (!listState_1) return;
-					const targetKey = getEdgeVisibleKey(listState_1, e.key === "Home" ? "first" : "last");
-					if (targetKey != null) {
-						markKeyboardFocus(listState_1);
-						listState_1.selectionManager.setFocusedKey(targetKey);
-						onVirtualFocus(targetKey);
-					}
-				}
+	if ($[0] !== onVirtualFocus) {
+		t1 = (listState, key) => {
+			if (key == null) return;
+			markKeyboardFocus(listState);
+			listState.selectionManager.setFocusedKey(key);
+			onVirtualFocus(key);
+		};
+		$[0] = onVirtualFocus;
+		$[1] = t1;
+	} else t1 = $[1];
+	const focusOption = t1;
+	let t2;
+	if ($[2] !== focusOption || $[3] !== hasResults || $[4] !== isPopoverOpen || $[5] !== listStateRef || $[6] !== onOpenPopover || $[7] !== setIsFilterActive) {
+		t2 = (e) => {
+			e.preventDefault();
+			if (!isPopoverOpen) {
+				if (!hasResults) setIsFilterActive(false);
+				onOpenPopover();
+				return;
+			}
+			const listState_0 = listStateRef.current;
+			if (listState_0) focusOption(listState_0, getNextVisibleKey(listState_0, e.key === "ArrowDown" ? 1 : -1));
+		};
+		$[2] = focusOption;
+		$[3] = hasResults;
+		$[4] = isPopoverOpen;
+		$[5] = listStateRef;
+		$[6] = onOpenPopover;
+		$[7] = setIsFilterActive;
+		$[8] = t2;
+	} else t2 = $[8];
+	const handleArrowKey = t2;
+	let t3;
+	if ($[9] !== allowsCustomValue || $[10] !== effectiveInputValue || $[11] !== isPopoverOpen || $[12] !== onSelectionChange) {
+		t3 = (e_0) => {
+			if (!allowsCustomValue) {
+				e_0.preventDefault();
+				onSelectionChange(null);
+				return;
+			}
+			const value = effectiveInputValue.trim();
+			onSelectionChange(value ?? null);
+			if (isPopoverOpen || !value) e_0.preventDefault();
+		};
+		$[9] = allowsCustomValue;
+		$[10] = effectiveInputValue;
+		$[11] = isPopoverOpen;
+		$[12] = onSelectionChange;
+		$[13] = t3;
+	} else t3 = $[13];
+	const commitWithoutResults = t3;
+	let t4;
+	if ($[14] !== commitWithoutResults || $[15] !== effectiveInputValue || $[16] !== hasResults || $[17] !== inputRef || $[18] !== isPopoverOpen || $[19] !== listStateRef || $[20] !== onClosePopover || $[21] !== onSelectionChange) {
+		t4 = (e_1) => {
+			const listState_1 = isPopoverOpen ? listStateRef.current : null;
+			const focusedKey = listState_1?.selectionManager.focusedKey;
+			if (focusedKey != null) {
+				e_1.preventDefault();
+				listState_1.selectionManager.select(focusedKey, e_1);
+				onClosePopover();
+				inputRef.current?.focus();
+			} else if (!hasResults) commitWithoutResults(e_1);
+			else if ((effectiveInputValue || "").trim() === "") {
+				e_1.preventDefault();
+				onSelectionChange(null);
+			}
+		};
+		$[14] = commitWithoutResults;
+		$[15] = effectiveInputValue;
+		$[16] = hasResults;
+		$[17] = inputRef;
+		$[18] = isPopoverOpen;
+		$[19] = listStateRef;
+		$[20] = onClosePopover;
+		$[21] = onSelectionChange;
+		$[22] = t4;
+	} else t4 = $[22];
+	const handleEnterKey = t4;
+	let t5;
+	if ($[23] !== effectiveInputValue || $[24] !== inputRef || $[25] !== isClearable || $[26] !== isPopoverOpen || $[27] !== onClearValue || $[28] !== onClosePopover) {
+		t5 = (e_2) => {
+			if (isPopoverOpen) {
+				e_2.preventDefault();
+				onClosePopover();
+				inputRef.current?.focus();
+			} else if (effectiveInputValue && isClearable) {
+				e_2.preventDefault();
+				onClearValue();
+			}
+		};
+		$[23] = effectiveInputValue;
+		$[24] = inputRef;
+		$[25] = isClearable;
+		$[26] = isPopoverOpen;
+		$[27] = onClearValue;
+		$[28] = onClosePopover;
+		$[29] = t5;
+	} else t5 = $[29];
+	const handleEscapeKey = t5;
+	let t6;
+	if ($[30] !== focusOption || $[31] !== isPopoverOpen || $[32] !== listStateRef) {
+		t6 = (e_3) => {
+			if (!isPopoverOpen) return;
+			e_3.preventDefault();
+			const listState_2 = listStateRef.current;
+			if (listState_2) focusOption(listState_2, getEdgeVisibleKey(listState_2, e_3.key === "Home" ? "first" : "last"));
+		};
+		$[30] = focusOption;
+		$[31] = isPopoverOpen;
+		$[32] = listStateRef;
+		$[33] = t6;
+	} else t6 = $[33];
+	const handleEdgeKey = t6;
+	let t7;
+	if ($[34] !== handleArrowKey || $[35] !== handleEdgeKey || $[36] !== handleEnterKey || $[37] !== handleEscapeKey || $[38] !== onKeyDown) {
+		t7 = { onKeyDown: (e_4) => {
+			onKeyDown?.(e_4);
+			if (e_4.isDefaultPrevented()) return;
+			bb97: switch (e_4.key) {
+				case "ArrowDown":
+				case "ArrowUp":
+					handleArrowKey(e_4);
+					break bb97;
+				case "Enter":
+					handleEnterKey(e_4);
+					break bb97;
+				case "Escape":
+					handleEscapeKey(e_4);
+					break bb97;
+				case "Home":
+				case "End": handleEdgeKey(e_4);
 			}
 		} };
-		$[0] = allowsCustomValue;
-		$[1] = effectiveInputValue;
-		$[2] = hasResults;
-		$[3] = inputRef;
-		$[4] = isClearable;
-		$[5] = isPopoverOpen;
-		$[6] = listStateRef;
-		$[7] = onClearValue;
-		$[8] = onClosePopover;
-		$[9] = onKeyDown;
-		$[10] = onOpenPopover;
-		$[11] = onSelectionChange;
-		$[12] = onVirtualFocus;
-		$[13] = setIsFilterActive;
-		$[14] = t1;
-	} else t1 = $[14];
-	const { keyboardProps } = useKeyboard(t1);
-	let t2;
-	if ($[15] !== keyboardProps) {
-		t2 = { keyboardProps };
-		$[15] = keyboardProps;
-		$[16] = t2;
-	} else t2 = $[16];
-	return t2;
+		$[34] = handleArrowKey;
+		$[35] = handleEdgeKey;
+		$[36] = handleEnterKey;
+		$[37] = handleEscapeKey;
+		$[38] = onKeyDown;
+		$[39] = t7;
+	} else t7 = $[39];
+	const { keyboardProps } = useKeyboard(t7);
+	let t8;
+	if ($[40] !== keyboardProps) {
+		t8 = { keyboardProps };
+		$[40] = keyboardProps;
+		$[41] = t8;
+	} else t8 = $[41];
+	return t8;
 }
 const ComboBoxInput = forwardRef(function ComboBoxInput(t0, ref) {
 	const $ = c(22);
@@ -434,60 +486,42 @@ const ComboBox = forwardRef(function ComboBox(props, ref) {
 		filterFn,
 		localCollectionState.collection
 	]);
+	const setSelectedKey = (key_1) => {
+		if (!isControlledKey) setInternalSelectedKey(key_1);
+	};
+	const setInputText = (value_0) => {
+		if (!isControlledInput) setInternalInputValue(value_0);
+		onInputChange?.(value_0);
+	};
+	const clearSelectionAndInput = () => {
+		externalOnSelectionChange?.(null);
+		setSelectedKey(null);
+		setInputText("");
+	};
+	const restoreSelectedLabel = () => {
+		setInputText(effectiveSelectedKey != null ? getItemLabel(effectiveSelectedKey) : "");
+	};
+	const settleCustomValueOnBlur = () => {
+		if (shouldCommitOnBlur && effectiveInputValue && effectiveSelectedKey == null) {
+			externalOnSelectionChange?.(effectiveInputValue);
+			setSelectedKey(effectiveInputValue);
+		} else if (!String(effectiveInputValue).trim()) clearSelectionAndInput();
+		else restoreSelectedLabel();
+	};
+	const settleOptionOnBlur = () => {
+		const { isInputValid, singleMatchKey } = checkInputValidity();
+		if (isInputValid && singleMatchKey != null && singleMatchKey !== effectiveSelectedKey) {
+			const label_0 = getItemLabel(singleMatchKey);
+			setSelectedKey(singleMatchKey);
+			setInputText(label_0);
+			externalOnSelectionChange?.(singleMatchKey);
+		} else if (!isInputValid && (clearOnBlur || !effectiveInputValue.trim())) clearSelectionAndInput();
+		else restoreSelectedLabel();
+	};
 	const handleCompositeBlur = useEvent(() => {
 		setIsPopoverOpen(false);
-		if (allowsCustomValue) {
-			if (shouldCommitOnBlur && effectiveInputValue && effectiveSelectedKey == null) {
-				externalOnSelectionChange?.(effectiveInputValue);
-				if (!isControlledKey) setInternalSelectedKey(effectiveInputValue);
-				onBlur?.();
-				setIsFilterActive(false);
-				return;
-			}
-			if (!String(effectiveInputValue).trim()) {
-				externalOnSelectionChange?.(null);
-				if (!isControlledKey) setInternalSelectedKey(null);
-				if (!isControlledInput) setInternalInputValue("");
-				onInputChange?.("");
-				onBlur?.();
-				setIsFilterActive(false);
-				return;
-			}
-		}
-		if (!allowsCustomValue) {
-			const { isInputValid, singleMatchKey } = checkInputValidity();
-			if (isInputValid && singleMatchKey != null && singleMatchKey !== effectiveSelectedKey) {
-				const label_0 = getItemLabel(singleMatchKey);
-				if (!isControlledKey) setInternalSelectedKey(singleMatchKey);
-				if (!isControlledInput) setInternalInputValue(label_0);
-				onInputChange?.(label_0);
-				externalOnSelectionChange?.(singleMatchKey);
-				onBlur?.();
-				setIsFilterActive(false);
-				return;
-			}
-			if (!isInputValid) {
-				const trimmedInput = effectiveInputValue.trim();
-				if (clearOnBlur || !trimmedInput) {
-					externalOnSelectionChange?.(null);
-					if (!isControlledKey) setInternalSelectedKey(null);
-					if (!isControlledInput) setInternalInputValue("");
-					onInputChange?.("");
-					onBlur?.();
-					setIsFilterActive(false);
-					return;
-				}
-				const nextValue = effectiveSelectedKey != null ? getItemLabel(effectiveSelectedKey) : "";
-				if (!isControlledInput) setInternalInputValue(nextValue);
-				onInputChange?.(nextValue);
-				onBlur?.();
-				setIsFilterActive(false);
-				return;
-			}
-		}
-		const nextValue_0 = effectiveSelectedKey != null ? getItemLabel(effectiveSelectedKey) : "";
-		if (!isControlledInput) setInternalInputValue(nextValue_0);
-		onInputChange?.(nextValue_0);
+		if (allowsCustomValue) settleCustomValueOnBlur();
+		else settleOptionOnBlur();
 		onBlur?.();
 		setIsFilterActive(false);
 	});
@@ -505,15 +539,15 @@ const ComboBox = forwardRef(function ComboBox(props, ref) {
 	const listStateRef = useRef(null);
 	const focusInitAttemptsRef = useRef(0);
 	const [activeOptionKey, setActiveOptionKey] = useState(null);
-	const getItemLabel = useCallback((key_1) => {
-		return (localCollectionState?.collection?.getItem(key_1))?.textValue || String(key_1);
+	const getItemLabel = useCallback((key_2) => {
+		return (localCollectionState?.collection?.getItem(key_2))?.textValue || String(key_2);
 	}, [localCollectionState?.collection]);
 	const handleSelectionChange = useEvent((selection) => {
-		const key_2 = Array.isArray(selection) ? selection[0] : selection;
-		if (!isControlledKey) setInternalSelectedKey(key_2 ?? null);
-		if (key_2 != null) {
+		const key_3 = Array.isArray(selection) ? selection[0] : selection;
+		if (!isControlledKey) setInternalSelectedKey(key_3 ?? null);
+		if (key_3 != null) {
 			setIsFilterActive(false);
-			const label_1 = getItemLabel(key_2);
+			const label_1 = getItemLabel(key_3);
 			if (!isControlledInput) setInternalInputValue(label_1);
 			onInputChange?.(label_1);
 		} else {
@@ -521,7 +555,7 @@ const ComboBox = forwardRef(function ComboBox(props, ref) {
 			onInputChange?.("");
 			setIsFilterActive(false);
 		}
-		externalOnSelectionChange?.(key_2);
+		externalOnSelectionChange?.(key_3);
 		setIsPopoverOpen(false);
 		setTimeout(() => {
 			inputRef.current?.focus();
@@ -530,16 +564,16 @@ const ComboBox = forwardRef(function ComboBox(props, ref) {
 	const lastSyncedSelectedKey = useRef(void 0);
 	const selectionClearedByTyping = useRef(false);
 	const handleInputChange = useEvent((e) => {
-		const value_0 = e.target.value;
-		if (!isControlledInput) setInternalInputValue(value_0);
-		onInputChange?.(value_0);
-		setIsFilterActive(value_0.trim().length > 0);
+		const value_1 = e.target.value;
+		if (!isControlledInput) setInternalInputValue(value_1);
+		onInputChange?.(value_1);
+		setIsFilterActive(value_1.trim().length > 0);
 		if (allowsCustomValue && effectiveSelectedKey != null) {
 			selectionClearedByTyping.current = true;
 			if (!isControlledKey) setInternalSelectedKey(null);
 			externalOnSelectionChange?.(null);
 		}
-		if (popoverTrigger !== "manual" && value_0 && !isPopoverOpen) setIsPopoverOpen(true);
+		if (popoverTrigger !== "manual" && value_1 && !isPopoverOpen) setIsPopoverOpen(true);
 	});
 	const [hasInitialized, setHasInitialized] = useState(false);
 	useEffect(() => {