@cube-dev/ui-kit 0.0.0-canary-bada6bd → 0.0.0-canary-09a7efe

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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/highlightText.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";
@@ -67,12 +67,12 @@ function useAutoTooltip(t0) {
 	if ($[2] !== isAutoTooltipEnabled) {
 		t5 = () => {
 			if (isAutoTooltipEnabled) {
-				scheduleLabelOverflowCheck();
+				checkLabelOverflow();
 				return;
 			}
 			setIsLabelOverflowed(false);
 		};
-		t6 = [isAutoTooltipEnabled, scheduleLabelOverflowCheck];
+		t6 = [isAutoTooltipEnabled, checkLabelOverflow];
 		$[2] = isAutoTooltipEnabled;
 		$[3] = t5;
 		$[4] = t6;

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

@@ -1 +1 @@
-{"version":3,"file":"use-auto-tooltip.js","names":["HTMLAttributes","ReactNode","Ref","RefObject","useCallback","useEffect","useMemo","useRef","useState","OverlayProps","CubeTooltipProviderProps","TooltipProvider","Props","AutoTooltipValue","Omit","auto","UseAutoTooltipOptions","tooltip","children","labelProps","isDynamicLabel","labelRef","HTMLElement","assignRef","ref","element","current","useAutoTooltip","t0","$","_c","t1","labelRefOption","undefined","t2","bb0","title","autoValue","isAutoTooltipEnabled","externalLabelRef","isLabelOverflowed","setIsLabelOverflowed","elementRef","resizeObserverRef","measurePendingRef","t3","Symbol","for","label","scrollWidth","clientWidth","checkLabelOverflow","t4","queueMicrotask","scheduleLabelOverflowCheck","t5","t6","t7","disconnect","obs","ResizeObserver","observe","handleLabelElementRef","t8","t9","t10","props","finalLabelProps","t11","bb1","t12","hasAutoContent","t13","isDisabled","tooltipProps","t14","resolvedTooltip","isTooltipActive","renderElement","defaultTooltipPlacement","triggerProps","renderWithTooltip","hasTooltip"],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport {\n  CubeTooltipProviderProps,\n  TooltipProvider,\n} from '../overlays/Tooltip/TooltipProvider';\n\nimport type { Props } from '../../props';\n\nexport type AutoTooltipValue =\n  | string\n  | boolean\n  | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n\nexport interface UseAutoTooltipOptions {\n  tooltip: AutoTooltipValue | undefined;\n  children: ReactNode;\n  labelProps?: Props;\n  isDynamicLabel?: boolean;\n  /**\n   * The caller's own ref to the label element. The hook owns the label's ref\n   * (it measures the node), so a caller that also needs the node hands its ref\n   * over here rather than attaching a second one.\n   */\n  labelRef?: Ref<HTMLElement>;\n}\n\nfunction assignRef(ref: unknown, element: HTMLElement | null) {\n  if (typeof ref === 'function') {\n    ref(element);\n  } else if (ref) {\n    (ref as { current: HTMLElement | null }).current = element;\n  }\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n  labelRef: labelRefOption,\n}: UseAutoTooltipOptions) {\n  // Determine if auto tooltip is enabled\n  // Auto tooltip only works when children is a string (overflow detection needs text)\n  const isAutoTooltipEnabled = useMemo(() => {\n    if (typeof children !== 'string') return false;\n\n    // Boolean true enables auto overflow detection\n    if (tooltip === true) return true;\n    if (typeof tooltip === 'object') {\n      // If title is provided and auto is explicitly true, enable auto overflow detection\n      if (tooltip.title) {\n        return tooltip.auto === true;\n      }\n\n      // If no title is provided, default to auto=true unless explicitly disabled\n      const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;\n      return !!autoValue;\n    }\n    return false;\n  }, [tooltip, children]);\n\n  // Track label overflow for auto tooltip (only when enabled)\n  const externalLabelRef = (labelProps as any)?.ref;\n  const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const measurePendingRef = useRef(false);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n\n    if (!label) return;\n\n    setIsLabelOverflowed(label.scrollWidth > label.clientWidth);\n  }, []);\n\n  /**\n   * Measure once the current task has finished, not inside it.\n   *\n   * A microtask runs after React's whole commit — every mutation, layout effect\n   * and ref attachment — and before paint. Every label on the page therefore\n   * reads after all of them have written, so the reads collapse into one style\n   * and layout flush instead of forcing one each, mid-commit. Reading straight\n   * from the callback ref is what cost 122ms of `get scrollWidth` in one Cloud\n   * profile, more than the entire style engine.\n   *\n   * A microtask rather than the observer's first delivery: observer callbacks\n   * are part of the rendering steps, so a runner that is not producing frames —\n   * a background tab, or a headless browser running many stories at once — can\n   * delay them past the point something asks whether the tooltip is active.\n   * Microtasks do not depend on a frame.\n   */\n  const scheduleLabelOverflowCheck = useCallback(() => {\n    if (measurePendingRef.current) return;\n\n    measurePendingRef.current = true;\n\n    queueMicrotask(() => {\n      measurePendingRef.current = false;\n      checkLabelOverflow();\n    });\n  }, [checkLabelOverflow]);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      // Scheduled, not measured here. React 19 flushes a sync commit's passive\n      // effects before the commit returns, so a verdict set from this effect\n      // leaves that commit with an update pending — a nested update. A list\n      // that commits each row on its own (ag-grid-react wraps every new row in\n      // `flushSync`) then gains one per row, and the 51st throws \"Maximum update\n      // depth exceeded\". The microtask lands after the commit and still before\n      // paint; it is shared with the callback ref, so this adds no second read.\n      scheduleLabelOverflowCheck();\n\n      return;\n    }\n\n    // Clearing here rather than in the callback ref, which cannot be trusted\n    // to do it. Flipping `isAutoTooltipEnabled` changes the ref's identity, so\n    // React detaches with the PREVIOUS callback — the one that still believes\n    // auto tooltips are on, and therefore keeps the last verdict — and only\n    // attaches the new one if the label still exists. When `children` stops\n    // being a string the label unmounts, so the new callback never runs and a\n    // stale `true` would keep an auto tooltip mounted over content that is no\n    // longer text. That is the default `Button` path, where `tooltip` is `true`.\n    setIsLabelOverflowed(false);\n  }, [isAutoTooltipEnabled, scheduleLabelOverflowCheck]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes\n  const handleLabelElementRef = useCallback(\n    (element: HTMLElement | null) => {\n      // Notify the external refs\n      assignRef(externalLabelRef, element);\n      assignRef(labelRefOption, element);\n\n      // Disconnect previous observer\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n\n      elementRef.current = element;\n\n      if (!isAutoTooltipEnabled) {\n        setIsLabelOverflowed(false);\n\n        return;\n      }\n\n      // No node to measure. Leave the previous verdict alone rather than\n      // clearing it: turning the verdict on mounts `TooltipProvider`, which\n      // remounts the label underneath it, so React detaches the old node and\n      // attaches a new one within that commit. Clearing here would unmount the\n      // provider, remount the label, measure it, mount the provider again — a\n      // loop that never settles.\n      if (!element) return;\n\n      // Do NOT measure synchronously here — see `scheduleLabelOverflowCheck`.\n      // This covers the node the ref just handed us, including the fresh one\n      // React creates when `TooltipProvider` mounts and remounts the label.\n      scheduleLabelOverflowCheck();\n\n      // The observer covers every later size change.\n      const obs = new ResizeObserver(() => {\n        checkLabelOverflow();\n      });\n\n      resizeObserverRef.current = obs;\n\n      obs.observe(element);\n    },\n    [\n      externalLabelRef,\n      labelRefOption,\n      isAutoTooltipEnabled,\n      checkLabelOverflow,\n      scheduleLabelOverflowCheck,\n    ],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n      elementRef.current = null;\n    };\n  }, []);\n\n  const finalLabelProps = useMemo(() => {\n    const props = {\n      ...(labelProps || {}),\n    };\n\n    delete props.ref;\n\n    return props;\n  }, [labelProps]);\n\n  /**\n   * The `TooltipProvider` props this tooltip resolves to, or `null` when no\n   * tooltip is rendered at all. Resolved once so that both the rendering below\n   * and `isTooltipActive` speak about the same tooltip.\n   */\n  const resolvedTooltip = useMemo<Omit<\n    CubeTooltipProviderProps,\n    'children'\n  > | null>(() => {\n    if (!tooltip) return null;\n\n    // String tooltip - simple case\n    if (typeof tooltip === 'string') {\n      return { title: tooltip };\n    }\n\n    const hasAutoContent =\n      !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);\n\n    // Boolean tooltip - auto tooltip on overflow\n    if (tooltip === true) {\n      if (!hasAutoContent) return null;\n\n      return {\n        title: children,\n        isDisabled: !isLabelOverflowed && isDynamicLabel,\n      };\n    }\n\n    // Object tooltip - advanced configuration\n    const { auto, ...tooltipProps } = tooltip;\n\n    // If title is provided and auto is not explicitly true, always show the tooltip\n    if (tooltipProps.title && auto !== true) {\n      return tooltipProps;\n    }\n\n    // If title is provided with auto=true, OR no title but auto behavior enabled\n    if (!hasAutoContent) return null;\n\n    return {\n      title: tooltipProps.title ?? children,\n      isDisabled:\n        !isLabelOverflowed &&\n        isDynamicLabel &&\n        tooltipProps.isDisabled !== true,\n      ...tooltipProps,\n    };\n  }, [tooltip, children, labelProps, isLabelOverflowed, isDynamicLabel]);\n\n  /** Whether a tooltip is rendered and able to open. */\n  const isTooltipActive =\n    !!resolvedTooltip && resolvedTooltip.isDisabled !== true;\n\n  const renderWithTooltip = (\n    renderElement: (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => ReactNode,\n    defaultTooltipPlacement: OverlayProps['placement'],\n  ) => {\n    if (!resolvedTooltip) return renderElement();\n\n    return (\n      <TooltipProvider placement={defaultTooltipPlacement} {...resolvedTooltip}>\n        {(triggerProps, ref) => renderElement(triggerProps, ref)}\n      </TooltipProvider>\n    );\n  };\n\n  return {\n    labelRef: handleLabelElementRef,\n    labelProps: finalLabelProps,\n    isLabelOverflowed,\n    isAutoTooltipEnabled,\n    hasTooltip: !!tooltip,\n    isTooltipActive,\n    renderWithTooltip,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-auto-tooltip.js","names":["HTMLAttributes","ReactNode","Ref","RefObject","useCallback","useEffect","useMemo","useRef","useState","OverlayProps","CubeTooltipProviderProps","TooltipProvider","Props","AutoTooltipValue","Omit","auto","UseAutoTooltipOptions","tooltip","children","labelProps","isDynamicLabel","labelRef","HTMLElement","assignRef","ref","element","current","useAutoTooltip","t0","$","_c","t1","labelRefOption","undefined","t2","bb0","title","autoValue","isAutoTooltipEnabled","externalLabelRef","isLabelOverflowed","setIsLabelOverflowed","elementRef","resizeObserverRef","measurePendingRef","t3","Symbol","for","label","scrollWidth","clientWidth","checkLabelOverflow","t4","queueMicrotask","scheduleLabelOverflowCheck","t5","t6","t7","disconnect","obs","ResizeObserver","observe","handleLabelElementRef","t8","t9","t10","props","finalLabelProps","t11","bb1","t12","hasAutoContent","t13","isDisabled","tooltipProps","t14","resolvedTooltip","isTooltipActive","renderElement","defaultTooltipPlacement","triggerProps","renderWithTooltip","hasTooltip"],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport {\n  CubeTooltipProviderProps,\n  TooltipProvider,\n} from '../overlays/Tooltip/TooltipProvider';\n\nimport type { Props } from '../../props';\n\nexport type AutoTooltipValue =\n  | string\n  | boolean\n  | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n\nexport interface UseAutoTooltipOptions {\n  tooltip: AutoTooltipValue | undefined;\n  children: ReactNode;\n  labelProps?: Props;\n  isDynamicLabel?: boolean;\n  /**\n   * The caller's own ref to the label element. The hook owns the label's ref\n   * (it measures the node), so a caller that also needs the node hands its ref\n   * over here rather than attaching a second one.\n   */\n  labelRef?: Ref<HTMLElement>;\n}\n\nfunction assignRef(ref: unknown, element: HTMLElement | null) {\n  if (typeof ref === 'function') {\n    ref(element);\n  } else if (ref) {\n    (ref as { current: HTMLElement | null }).current = element;\n  }\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n  labelRef: labelRefOption,\n}: UseAutoTooltipOptions) {\n  // Determine if auto tooltip is enabled\n  // Auto tooltip only works when children is a string (overflow detection needs text)\n  const isAutoTooltipEnabled = useMemo(() => {\n    if (typeof children !== 'string') return false;\n\n    // Boolean true enables auto overflow detection\n    if (tooltip === true) return true;\n    if (typeof tooltip === 'object') {\n      // If title is provided and auto is explicitly true, enable auto overflow detection\n      if (tooltip.title) {\n        return tooltip.auto === true;\n      }\n\n      // If no title is provided, default to auto=true unless explicitly disabled\n      const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;\n      return !!autoValue;\n    }\n    return false;\n  }, [tooltip, children]);\n\n  // Track label overflow for auto tooltip (only when enabled)\n  const externalLabelRef = (labelProps as any)?.ref;\n  const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const measurePendingRef = useRef(false);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n\n    if (!label) return;\n\n    setIsLabelOverflowed(label.scrollWidth > label.clientWidth);\n  }, []);\n\n  /**\n   * Measure once the current task has finished, not inside it.\n   *\n   * A microtask runs after React's whole commit — every mutation, layout effect\n   * and ref attachment — and before paint. Every label on the page therefore\n   * reads after all of them have written, so the reads collapse into one style\n   * and layout flush instead of forcing one each, mid-commit. Reading straight\n   * from the callback ref is what cost 122ms of `get scrollWidth` in one Cloud\n   * profile, more than the entire style engine.\n   *\n   * A microtask rather than the observer's first delivery: observer callbacks\n   * are part of the rendering steps, so a runner that is not producing frames —\n   * a background tab, or a headless browser running many stories at once — can\n   * delay them past the point something asks whether the tooltip is active.\n   * Microtasks do not depend on a frame.\n   */\n  const scheduleLabelOverflowCheck = useCallback(() => {\n    if (measurePendingRef.current) return;\n\n    measurePendingRef.current = true;\n\n    queueMicrotask(() => {\n      measurePendingRef.current = false;\n      checkLabelOverflow();\n    });\n  }, [checkLabelOverflow]);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      checkLabelOverflow();\n\n      return;\n    }\n\n    // Clearing here rather than in the callback ref, which cannot be trusted\n    // to do it. Flipping `isAutoTooltipEnabled` changes the ref's identity, so\n    // React detaches with the PREVIOUS callback — the one that still believes\n    // auto tooltips are on, and therefore keeps the last verdict — and only\n    // attaches the new one if the label still exists. When `children` stops\n    // being a string the label unmounts, so the new callback never runs and a\n    // stale `true` would keep an auto tooltip mounted over content that is no\n    // longer text. That is the default `Button` path, where `tooltip` is `true`.\n    setIsLabelOverflowed(false);\n  }, [isAutoTooltipEnabled, checkLabelOverflow]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes\n  const handleLabelElementRef = useCallback(\n    (element: HTMLElement | null) => {\n      // Notify the external refs\n      assignRef(externalLabelRef, element);\n      assignRef(labelRefOption, element);\n\n      // Disconnect previous observer\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n\n      elementRef.current = element;\n\n      if (!isAutoTooltipEnabled) {\n        setIsLabelOverflowed(false);\n\n        return;\n      }\n\n      // No node to measure. Leave the previous verdict alone rather than\n      // clearing it: turning the verdict on mounts `TooltipProvider`, which\n      // remounts the label underneath it, so React detaches the old node and\n      // attaches a new one within that commit. Clearing here would unmount the\n      // provider, remount the label, measure it, mount the provider again — a\n      // loop that never settles.\n      if (!element) return;\n\n      // Do NOT measure synchronously here — see `scheduleLabelOverflowCheck`.\n      // This covers the node the ref just handed us, including the fresh one\n      // React creates when `TooltipProvider` mounts and remounts the label.\n      scheduleLabelOverflowCheck();\n\n      // The observer covers every later size change.\n      const obs = new ResizeObserver(() => {\n        checkLabelOverflow();\n      });\n\n      resizeObserverRef.current = obs;\n\n      obs.observe(element);\n    },\n    [\n      externalLabelRef,\n      labelRefOption,\n      isAutoTooltipEnabled,\n      checkLabelOverflow,\n      scheduleLabelOverflowCheck,\n    ],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n      elementRef.current = null;\n    };\n  }, []);\n\n  const finalLabelProps = useMemo(() => {\n    const props = {\n      ...(labelProps || {}),\n    };\n\n    delete props.ref;\n\n    return props;\n  }, [labelProps]);\n\n  /**\n   * The `TooltipProvider` props this tooltip resolves to, or `null` when no\n   * tooltip is rendered at all. Resolved once so that both the rendering below\n   * and `isTooltipActive` speak about the same tooltip.\n   */\n  const resolvedTooltip = useMemo<Omit<\n    CubeTooltipProviderProps,\n    'children'\n  > | null>(() => {\n    if (!tooltip) return null;\n\n    // String tooltip - simple case\n    if (typeof tooltip === 'string') {\n      return { title: tooltip };\n    }\n\n    const hasAutoContent =\n      !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);\n\n    // Boolean tooltip - auto tooltip on overflow\n    if (tooltip === true) {\n      if (!hasAutoContent) return null;\n\n      return {\n        title: children,\n        isDisabled: !isLabelOverflowed && isDynamicLabel,\n      };\n    }\n\n    // Object tooltip - advanced configuration\n    const { auto, ...tooltipProps } = tooltip;\n\n    // If title is provided and auto is not explicitly true, always show the tooltip\n    if (tooltipProps.title && auto !== true) {\n      return tooltipProps;\n    }\n\n    // If title is provided with auto=true, OR no title but auto behavior enabled\n    if (!hasAutoContent) return null;\n\n    return {\n      title: tooltipProps.title ?? children,\n      isDisabled:\n        !isLabelOverflowed &&\n        isDynamicLabel &&\n        tooltipProps.isDisabled !== true,\n      ...tooltipProps,\n    };\n  }, [tooltip, children, labelProps, isLabelOverflowed, isDynamicLabel]);\n\n  /** Whether a tooltip is rendered and able to open. */\n  const isTooltipActive =\n    !!resolvedTooltip && resolvedTooltip.isDisabled !== true;\n\n  const renderWithTooltip = (\n    renderElement: (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => ReactNode,\n    defaultTooltipPlacement: OverlayProps['placement'],\n  ) => {\n    if (!resolvedTooltip) return renderElement();\n\n    return (\n      <TooltipProvider placement={defaultTooltipPlacement} {...resolvedTooltip}>\n        {(triggerProps, ref) => renderElement(triggerProps, ref)}\n      </TooltipProvider>\n    );\n  };\n\n  return {\n    labelRef: handleLabelElementRef,\n    labelProps: finalLabelProps,\n    isLabelOverflowed,\n    isAutoTooltipEnabled,\n    hasTooltip: !!tooltip,\n    isTooltipActive,\n    renderWithTooltip,\n  };\n}\n"],"mappings":"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"}

package/dist/components/data/DataTable/DataTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/data/ItemTable/ItemTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/data/ItemTable/ItemTableBulkBar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/ItemTable/ItemTableDragPreview.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react-compiler-runtime";

package/dist/components/data/ItemTable/ItemTableFooter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { _Pagination } from "../../navigation/Pagination/Pagination.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/data/ItemTable/ItemTableToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/index.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";

package/dist/components/data/TableBase/ColumnResizer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";

package/dist/components/data/TableBase/RowCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 //#region src/components/data/TableBase/RowCollection.ts
 /**
 * A `Collection<Node<T>>` over a plain row array.

package/dist/components/data/TableBase/TableHeaderCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/components/data/TableBase/TableRow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";

package/dist/components/data/TableBase/TableView.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

package/dist/components/data/TableBase/column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";

package/dist/components/data/TableBase/column-tint.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";
 

package/dist/components/data/TableBase/row-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 
 //#region src/components/data/TableBase/row-menu.ts

package/dist/components/data/TableBase/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 //#region src/components/data/TableBase/table-tree.ts
 /** Build identity and parent/child indexes without modifying consumer rows. */
 function buildTableTree(rows, getChildren, getKey) {

package/dist/components/data/TableBase/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 //#region src/components/data/TableBase/types.ts
 /**
 * `asc | desc` rather than React Aria's `ascending | descending`: we do not use

package/dist/components/data/TableBase/use-column-order.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

package/dist/components/data/TableBase/use-container-width.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-row-move-animation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useRef } from "react";
 

package/dist/components/data/TableBase/use-scrollability.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 
 //#region src/components/data/TableBase/use-table-columns.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.js";
 import { getColumnText } from "./use-table-columns.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { compareByColumn } 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-tree-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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-bada6bd | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a7efe | 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";
@@ -15,6 +15,7 @@ import { getValidationMods } from "../../form/validation/resolve-validation-prop
 import { getValidationIcon } from "../../form/validation/ValidationIndicator.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
+import { getListBoxOptionId } from "../ListBox/optionId.js";
 import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES } from "../TextInput/TextInputBase.js";
 import { ListBoxPopover } from "../ListBoxPopover/ListBoxPopover.js";
 import { useCompositeFocus } from "../ListBoxPopover/useCompositeFocus.js";
@@ -140,10 +141,10 @@ function _temp() {
 	return true;
 }
 function useComboBoxKeyboard(t0) {
-	const $ = c(16);
-	const { isPopoverOpen, listStateRef, hasResults, allowsCustomValue, effectiveInputValue, isClearable, onSelectionChange, onClearValue, onOpenPopover, onClosePopover, inputRef, setIsFilterActive, onKeyDown } = t0;
+	const $ = c(17);
+	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] !== setIsFilterActive) {
+	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.key === "ArrowDown" || e.key === "ArrowUp") {
@@ -159,6 +160,7 @@ function useComboBoxKeyboard(t0) {
 				if (nextKey != null) {
 					markKeyboardFocus(listState);
 					listState.selectionManager.setFocusedKey(nextKey);
+					onVirtualFocus(nextKey);
 				}
 			} else if (e.key === "Enter") {
 				if (isPopoverOpen) {
@@ -208,6 +210,7 @@ function useComboBoxKeyboard(t0) {
 					if (targetKey != null) {
 						markKeyboardFocus(listState_1);
 						listState_1.selectionManager.setFocusedKey(targetKey);
+						onVirtualFocus(targetKey);
 					}
 				}
 			}
@@ -224,46 +227,80 @@ function useComboBoxKeyboard(t0) {
 		$[9] = onKeyDown;
 		$[10] = onOpenPopover;
 		$[11] = onSelectionChange;
-		$[12] = setIsFilterActive;
-		$[13] = t1;
-	} else t1 = $[13];
+		$[12] = onVirtualFocus;
+		$[13] = setIsFilterActive;
+		$[14] = t1;
+	} else t1 = $[14];
 	const { keyboardProps } = useKeyboard(t1);
 	let t2;
-	if ($[14] !== keyboardProps) {
+	if ($[15] !== keyboardProps) {
 		t2 = { keyboardProps };
-		$[14] = keyboardProps;
-		$[15] = t2;
-	} else t2 = $[15];
+		$[15] = keyboardProps;
+		$[16] = t2;
+	} else t2 = $[16];
 	return t2;
 }
-const ComboBoxInput = forwardRef(function ComboBoxInput({ qa, inputRef, id, value, placeholder, isDisabled, isReadOnly, isRequired, autoFocus, autoComplete, size, mods, inputStyles, keyboardProps, focusProps, onChange, onFocus, isPopoverOpen, hasResults, comboBoxId, listStateRef }, ref) {
-	return /* @__PURE__ */ jsx(InputElement, {
-		ref: useCombinedRefs(ref, inputRef),
-		qa,
-		id,
-		type: "text",
-		value,
-		placeholder,
-		isDisabled,
-		readOnly: isReadOnly,
-		autoFocus,
-		autoComplete,
-		"data-autofocus": autoFocus ? "" : void 0,
-		onChange,
-		onFocus,
-		onBlur: focusProps.onBlur,
-		...keyboardProps,
-		styles: inputStyles,
-		mods,
-		"data-size": size,
-		"data-input-type": "combobox",
-		role: "combobox",
-		"aria-required": isRequired || void 0,
-		"aria-expanded": isPopoverOpen && hasResults,
-		"aria-haspopup": "listbox",
-		"aria-controls": isPopoverOpen && hasResults ? `ComboBoxListBox-${comboBoxId}` : void 0,
-		"aria-activedescendant": isPopoverOpen && hasResults && listStateRef.current?.selectionManager.focusedKey != null ? `ListBoxItem-${listStateRef.current?.selectionManager.focusedKey}` : void 0
-	});
+const ComboBoxInput = forwardRef(function ComboBoxInput(t0, ref) {
+	const $ = c(22);
+	const { qa, inputRef, id, value, placeholder, isDisabled, isReadOnly, isRequired, autoFocus, autoComplete, size, mods, inputStyles, keyboardProps, focusProps, onChange, onFocus, isPopoverOpen, hasResults, comboBoxId, activeDescendant } = t0;
+	const combinedRef = useCombinedRefs(ref, inputRef);
+	const t1 = autoFocus ? "" : void 0;
+	const t2 = isRequired || void 0;
+	const t3 = isPopoverOpen && hasResults;
+	const t4 = isPopoverOpen && hasResults ? `ComboBoxListBox-${comboBoxId}` : void 0;
+	let t5;
+	if ($[0] !== activeDescendant || $[1] !== autoComplete || $[2] !== autoFocus || $[3] !== combinedRef || $[4] !== focusProps.onBlur || $[5] !== id || $[6] !== inputStyles || $[7] !== isDisabled || $[8] !== isReadOnly || $[9] !== keyboardProps || $[10] !== mods || $[11] !== onChange || $[12] !== onFocus || $[13] !== placeholder || $[14] !== qa || $[15] !== size || $[16] !== t1 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4 || $[20] !== value) {
+		t5 = /* @__PURE__ */ jsx(InputElement, {
+			ref: combinedRef,
+			qa,
+			id,
+			type: "text",
+			value,
+			placeholder,
+			isDisabled,
+			readOnly: isReadOnly,
+			autoFocus,
+			autoComplete,
+			"data-autofocus": t1,
+			onChange,
+			onFocus,
+			onBlur: focusProps.onBlur,
+			...keyboardProps,
+			styles: inputStyles,
+			mods,
+			"data-size": size,
+			"data-input-type": "combobox",
+			role: "combobox",
+			"aria-required": t2,
+			"aria-expanded": t3,
+			"aria-haspopup": "listbox",
+			"aria-controls": t4,
+			"aria-activedescendant": activeDescendant
+		});
+		$[0] = activeDescendant;
+		$[1] = autoComplete;
+		$[2] = autoFocus;
+		$[3] = combinedRef;
+		$[4] = focusProps.onBlur;
+		$[5] = id;
+		$[6] = inputStyles;
+		$[7] = isDisabled;
+		$[8] = isReadOnly;
+		$[9] = keyboardProps;
+		$[10] = mods;
+		$[11] = onChange;
+		$[12] = onFocus;
+		$[13] = placeholder;
+		$[14] = qa;
+		$[15] = size;
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = value;
+		$[21] = t5;
+	} else t5 = $[21];
+	return t5;
 });
 const ComboBox = forwardRef(function ComboBox(props, ref) {
 	props = useFieldProps(props, { valuePropsMapper: ({ value, onChange }) => {
@@ -465,6 +502,7 @@ 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);
 	}, [localCollectionState?.collection]);
@@ -582,6 +620,7 @@ const ComboBox = forwardRef(function ComboBox(props, ref) {
 		onClosePopover: () => setIsPopoverOpen(false),
 		inputRef,
 		setIsFilterActive,
+		onVirtualFocus: setActiveOptionKey,
 		onKeyDown
 	});
 	if (icon) {
@@ -637,13 +676,21 @@ const ComboBox = forwardRef(function ComboBox(props, ref) {
 		let needsRefocus = false;
 		if (currentFocusedKey == null) needsRefocus = true;
 		else if (!(collection.getItem(currentFocusedKey) != null)) needsRefocus = true;
-		if (needsRefocus) {
+		if (!needsRefocus) setActiveOptionKey(currentFocusedKey);
+		else {
 			let keyToFocus = null;
 			if (effectiveSelectedKey != null && collection.getItem(effectiveSelectedKey) != null) keyToFocus = effectiveSelectedKey;
 			else keyToFocus = collectFirstKey();
-			if (keyToFocus != null) selectionManager.setFocusedKey(keyToFocus);
+			if (keyToFocus != null) {
+				selectionManager.setFocusedKey(keyToFocus);
+				setActiveOptionKey(keyToFocus);
+			}
 		}
-	}, [shouldShowPopover, effectiveSelectedKey]);
+	}, [
+		shouldShowPopover,
+		effectiveSelectedKey,
+		setActiveOptionKey
+	]);
 	useLayoutEffect$1(() => {
 		if (!shouldShowPopover) return;
 		focusInitAttemptsRef.current = 0;
@@ -689,7 +736,7 @@ const ComboBox = forwardRef(function ComboBox(props, ref) {
 				isPopoverOpen,
 				hasResults,
 				comboBoxId,
-				listStateRef,
+				activeDescendant: shouldShowPopover && activeOptionKey != null ? getListBoxOptionId(`ComboBoxListBox-${comboBoxId}`, activeOptionKey) : void 0,
 				onChange: handleInputChange,
 				onFocus: handleInputFocus
 			}),