@cube-dev/ui-kit 0.197.0 → 0.198.1

package/dist/components/overlays/Tooltip/TooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","Children","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useEffectEvent","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","useLayoutEffect","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","CubeTooltipProps","Tooltip","TooltipPositionOptions","Pick","Parameters","onClose","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","Box","DOMRect","overlaps","a","b","bottom","top","right","left","isInView","trigger","Element","scrolled","EventTarget","rect","getBoundingClientRect","viewport","window","innerHeight","innerWidth","PositionedTooltip","tooltip","contextValue","t1","options","overlayProps","arrowProps","placement","updatePosition","t2","targetRef","current","event","target","Node","contains","HTMLInputElement","HTMLTextAreaElement","onScroll","t3","isOpen","listener","event_0","addEventListener","removeEventListener","t4","t5","t6","t7","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","P","isEmptyTooltip","type","toArray","children","every","child","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","crossOffset","offset","isMaterial","isLight","activeWrap","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","disableFocusableProvider","TooltipTrigger","externalRef","triggerAction","shouldCloseOnPress","undefined","rawChildrenArray","Array","isArray","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","state","isTooltipDisabled","rawTriggerProps","tooltipProps","onFocus","close","positionOptions","shouldFlip","tooltipContextValue","tooltipContent","phase","transitionRef","Symbol","for","onClick","e","currentTarget","parentNode","click","t8","triggerContent"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  Children,\n  ContextType,\n  createContext,\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useContext,\n  useEffectEvent,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport {\n  DisplayTransition,\n  DisplayTransitionProps,\n} from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\n\ntype TooltipPositionOptions = Pick<\n  Parameters<typeof useOverlayPosition>[0],\n  | 'placement'\n  | 'targetRef'\n  | 'overlayRef'\n  | 'offset'\n  | 'crossOffset'\n  | 'isOpen'\n  | 'shouldFlip'\n> & {\n  onClose: () => void;\n};\n\n// DisplayTransition preserves its last shown render prop during exit. Position\n// subscriptions must still see the current target, configuration and open state.\nconst TooltipPositionContext = createContext<TooltipPositionOptions>(null!);\n\nfunction TooltipTransition(\n  props: Pick<DisplayTransitionProps, 'children' | 'isShown'>,\n) {\n  const [hasShown, setHasShown] = useState(props.isShown);\n\n  // Once opened, retain the transition owner through closing and reopening.\n  // A never-opened tooltip has no animation resources to maintain.\n  if (props.isShown && !hasShown) setHasShown(true);\n  if (!hasShown && !props.isShown) return null;\n\n  return <DisplayTransition {...props} />;\n}\n\ntype Box = Pick<DOMRect, 'top' | 'right' | 'bottom' | 'left'>;\n\nfunction overlaps(a: Box, b: Box) {\n  return (\n    a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right\n  );\n}\n\n/**\n * Whether the trigger is still visible after `scrolled` scrolled: it overlaps\n * the viewport and, when an element scrolled, that element's box.\n */\nfunction isInView(trigger: Element, scrolled: EventTarget | null) {\n  const rect = trigger.getBoundingClientRect();\n  const viewport = {\n    top: 0,\n    left: 0,\n    bottom: window.innerHeight,\n    right: window.innerWidth,\n  };\n\n  return (\n    overlaps(rect, viewport) &&\n    (!(scrolled instanceof Element) ||\n      overlaps(rect, scrolled.getBoundingClientRect()))\n  );\n}\n\nfunction PositionedTooltip({\n  tooltip,\n  contextValue,\n}: {\n  tooltip: ReactElement;\n  contextValue: ContextType<typeof TooltipContext>;\n}) {\n  const { onClose, ...options } = useContext(TooltipPositionContext);\n  const { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition(options);\n\n  // A scroll of the page or of an element that contains the trigger moves the\n  // trigger. The tooltip follows it while it stays in view, and closes once it\n  // is scrolled out. Closing on any scroll, as a popover does, would close the\n  // tooltip a keyboard user just opened: focus scrolls a trigger into view —\n  // the browser at once, a list a frame later — and the scroll is reported\n  // after the tooltip opened.\n  const onScroll = useEffectEvent((event: Event) => {\n    const trigger = options.targetRef.current;\n    const { target } = event;\n\n    if (\n      !trigger ||\n      (target instanceof Node && !target.contains(trigger)) ||\n      // A text field scrolls its own text to keep the caret in view.\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement\n    ) {\n      return;\n    }\n\n    if (isInView(trigger, target)) {\n      updatePosition();\n    } else {\n      onClose();\n    }\n  });\n\n  // Subscribed at commit, with the positioning, so a scroll reported on the\n  // next frame is never missed.\n  useLayoutEffect(() => {\n    if (!options.isOpen) return;\n\n    const listener = (event: Event) => onScroll(event);\n\n    window.addEventListener('scroll', listener, true);\n\n    return () => window.removeEventListener('scroll', listener, true);\n  }, [options.isOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        ...contextValue,\n        placement: placement || options.placement || 'top',\n        overlayProps,\n        arrowProps,\n        updatePosition,\n      }}\n    >\n      {tooltip}\n    </TooltipContext.Provider>\n  );\n}\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement<P = unknown>(value: unknown): value is ReactElement<P> {\n  return isValidElement(value);\n}\n\n/**\n * Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with\n * `title={null}`, and opening it anyway drew an empty bubble and described the\n * trigger by it. Only a `Tooltip` is inspected: another component may render\n * content of its own.\n */\nfunction isEmptyTooltip(tooltip: ReactElement<CubeTooltipProps>): boolean {\n  return (\n    tooltip.type === Tooltip &&\n    Children.toArray(tooltip.props.children).every((child) => child === '')\n  );\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 250\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    shouldCloseOnPress,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement<CubeTooltipProps>(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props });\n\n  // A tooltip with nothing to show is a disabled one.\n  const isTooltipDisabled = isDisabled || isEmptyTooltip(tooltip);\n\n  let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      // Without it a disabled tooltip still opened — invisibly, since nothing\n      // renders it — and while open React Aria's document-level listener eats\n      // every `Escape`, so a Dialog under the pointer would not close.\n      isDisabled: isTooltipDisabled,\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      defaultOpen,\n      shouldCloseOnPress,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  // A tooltip answers a user arriving at the trigger. Focus handed back by a\n  // component — a popup returning it to the trigger it came from — is not that\n  // arrival, but the DOM event is identical and the modality is still\n  // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n  // the user's next `Escape` from its own document-level listener, which is\n  // how a Dialog ended up needing two presses to close (CUB-4839).\n  //\n  // Dropping the focus handler rather than closing after the fact: React Aria\n  // decides to show inside it, so this never starts and nothing flashes.\n  //\n  // Covers both restore paths — ours and a `FocusScope`'s — see\n  // `programmaticFocus`.\n  const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n    if (isFocusRestoration()) return;\n\n    rawTriggerProps.onFocus?.(event);\n  });\n\n  const triggerProps = {\n    ...rawTriggerProps,\n    onFocus,\n    // A controlled `isOpen` still opens a disabled tooltip's state, and nothing\n    // is rendered to describe the trigger by.\n    'aria-describedby': isTooltipDisabled\n      ? undefined\n      : rawTriggerProps['aria-describedby'],\n  };\n\n  const positionOptions: TooltipPositionOptions = {\n    placement: props.placement || 'top',\n    targetRef: tooltipTriggerRef,\n    overlayRef,\n    offset,\n    crossOffset,\n    isOpen: state.isOpen,\n    // Documented on `Tooltip`, which renders inside the positioned layer, so\n    // it is read from the element here.\n    shouldFlip: tooltip.props.shouldFlip,\n    // Called once a scroll carries the trigger out of view.\n    onClose: () => state.close(true),\n  };\n\n  const tooltipContextValue = {\n    state,\n    ref: overlayRef,\n    isMaterial,\n    isLight,\n    ...tooltipProps,\n  };\n\n  // Closed triggers retain their interaction state, but positioning resources\n  // belong to the overlay's visible/closing lifetime rather than every label.\n  const tooltipContent = (\n    <TooltipPositionContext.Provider value={positionOptions}>\n      <TooltipTransition isShown={state.isOpen && !isTooltipDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <Portal>\n            <PositionedTooltip\n              tooltip={tooltip}\n              contextValue={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            />\n          </Portal>\n        )}\n      </TooltipTransition>\n    </TooltipPositionContext.Provider>\n  );\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        {tooltipContent}\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      {tooltipContent}\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","Children","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useEffectEvent","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","useLayoutEffect","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","CubeTooltipProps","Tooltip","TooltipPositionOptions","Pick","Parameters","onClose","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","Box","DOMRect","overlaps","a","b","bottom","top","right","left","isInView","trigger","Element","scrolled","EventTarget","rect","getBoundingClientRect","viewport","window","innerHeight","innerWidth","PositionedTooltip","tooltip","contextValue","t1","options","overlayProps","arrowProps","placement","updatePosition","t2","targetRef","current","event","target","Node","contains","HTMLInputElement","HTMLTextAreaElement","onScroll","t3","isOpen","listener","event_0","addEventListener","removeEventListener","t4","t5","t6","t7","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","P","isEmptyTooltip","type","toArray","children","every","child","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","crossOffset","offset","isMaterial","isLight","activeWrap","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","disableFocusableProvider","TooltipTrigger","externalRef","triggerAction","shouldCloseOnPress","undefined","rawChildrenArray","Array","isArray","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","state","isTooltipDisabled","rawTriggerProps","tooltipProps","onFocus","close","positionOptions","shouldFlip","tooltipContextValue","tooltipContent","phase","transitionRef","Symbol","for","onClick","e","currentTarget","parentNode","click","t8","triggerContent","_c","Tooltip","ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  Children,\n  ContextType,\n  createContext,\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useContext,\n  useEffectEvent,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport {\n  DisplayTransition,\n  DisplayTransitionProps,\n} from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\n\ntype TooltipPositionOptions = Pick<\n  Parameters<typeof useOverlayPosition>[0],\n  | 'placement'\n  | 'targetRef'\n  | 'overlayRef'\n  | 'offset'\n  | 'crossOffset'\n  | 'isOpen'\n  | 'shouldFlip'\n> & {\n  onClose: () => void;\n};\n\n// DisplayTransition preserves its last shown render prop during exit. Position\n// subscriptions must still see the current target, configuration and open state.\nconst TooltipPositionContext = createContext<TooltipPositionOptions>(null!);\n\nfunction TooltipTransition(\n  props: Pick<DisplayTransitionProps, 'children' | 'isShown'>,\n) {\n  const [hasShown, setHasShown] = useState(props.isShown);\n\n  // Once opened, retain the transition owner through closing and reopening.\n  // A never-opened tooltip has no animation resources to maintain.\n  if (props.isShown && !hasShown) setHasShown(true);\n  if (!hasShown && !props.isShown) return null;\n\n  return <DisplayTransition {...props} />;\n}\n\ntype Box = Pick<DOMRect, 'top' | 'right' | 'bottom' | 'left'>;\n\nfunction overlaps(a: Box, b: Box) {\n  return (\n    a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right\n  );\n}\n\n/**\n * Whether the trigger is still visible after `scrolled` scrolled: it overlaps\n * the viewport and, when an element scrolled, that element's box.\n */\nfunction isInView(trigger: Element, scrolled: EventTarget | null) {\n  const rect = trigger.getBoundingClientRect();\n  const viewport = {\n    top: 0,\n    left: 0,\n    bottom: window.innerHeight,\n    right: window.innerWidth,\n  };\n\n  return (\n    overlaps(rect, viewport) &&\n    (!(scrolled instanceof Element) ||\n      overlaps(rect, scrolled.getBoundingClientRect()))\n  );\n}\n\nfunction PositionedTooltip({\n  tooltip,\n  contextValue,\n}: {\n  tooltip: ReactElement;\n  contextValue: ContextType<typeof TooltipContext>;\n}) {\n  const { onClose, ...options } = useContext(TooltipPositionContext);\n  const { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition(options);\n\n  // A scroll of the page or of an element that contains the trigger moves the\n  // trigger. The tooltip follows it while it stays in view, and closes once it\n  // is scrolled out. Closing on any scroll, as a popover does, would close the\n  // tooltip a keyboard user just opened: focus scrolls a trigger into view —\n  // the browser at once, a list a frame later — and the scroll is reported\n  // after the tooltip opened.\n  const onScroll = useEffectEvent((event: Event) => {\n    const trigger = options.targetRef.current;\n    const { target } = event;\n\n    if (\n      !trigger ||\n      (target instanceof Node && !target.contains(trigger)) ||\n      // A text field scrolls its own text to keep the caret in view.\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement\n    ) {\n      return;\n    }\n\n    if (isInView(trigger, target)) {\n      updatePosition();\n    } else {\n      onClose();\n    }\n  });\n\n  // Subscribed at commit, with the positioning, so a scroll reported on the\n  // next frame is never missed.\n  useLayoutEffect(() => {\n    if (!options.isOpen) return;\n\n    const listener = (event: Event) => onScroll(event);\n\n    window.addEventListener('scroll', listener, true);\n\n    return () => window.removeEventListener('scroll', listener, true);\n  }, [options.isOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        ...contextValue,\n        placement: placement || options.placement || 'top',\n        overlayProps,\n        arrowProps,\n        updatePosition,\n      }}\n    >\n      {tooltip}\n    </TooltipContext.Provider>\n  );\n}\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement<P = unknown>(value: unknown): value is ReactElement<P> {\n  return isValidElement(value);\n}\n\n/**\n * Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with\n * `title={null}`, and opening it anyway drew an empty bubble and described the\n * trigger by it. Only a `Tooltip` is inspected: another component may render\n * content of its own.\n */\nfunction isEmptyTooltip(tooltip: ReactElement<CubeTooltipProps>): boolean {\n  return (\n    tooltip.type === Tooltip &&\n    Children.toArray(tooltip.props.children).every((child) => child === '')\n  );\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 250\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    shouldCloseOnPress,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement<CubeTooltipProps>(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props });\n\n  // A tooltip with nothing to show is a disabled one.\n  const isTooltipDisabled = isDisabled || isEmptyTooltip(tooltip);\n\n  let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      // Without it a disabled tooltip still opened — invisibly, since nothing\n      // renders it — and while open React Aria's document-level listener eats\n      // every `Escape`, so a Dialog under the pointer would not close.\n      isDisabled: isTooltipDisabled,\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      defaultOpen,\n      shouldCloseOnPress,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  // A tooltip answers a user arriving at the trigger. Focus handed back by a\n  // component — a popup returning it to the trigger it came from — is not that\n  // arrival, but the DOM event is identical and the modality is still\n  // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n  // the user's next `Escape` from its own document-level listener, which is\n  // how a Dialog ended up needing two presses to close (CUB-4839).\n  //\n  // Dropping the focus handler rather than closing after the fact: React Aria\n  // decides to show inside it, so this never starts and nothing flashes.\n  //\n  // Covers both restore paths — ours and a `FocusScope`'s — see\n  // `programmaticFocus`.\n  const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n    if (isFocusRestoration()) return;\n\n    rawTriggerProps.onFocus?.(event);\n  });\n\n  const triggerProps = {\n    ...rawTriggerProps,\n    onFocus,\n    // A controlled `isOpen` still opens a disabled tooltip's state, and nothing\n    // is rendered to describe the trigger by.\n    'aria-describedby': isTooltipDisabled\n      ? undefined\n      : rawTriggerProps['aria-describedby'],\n  };\n\n  const positionOptions: TooltipPositionOptions = {\n    placement: props.placement || 'top',\n    targetRef: tooltipTriggerRef,\n    overlayRef,\n    offset,\n    crossOffset,\n    isOpen: state.isOpen,\n    // Documented on `Tooltip`, which renders inside the positioned layer, so\n    // it is read from the element here.\n    shouldFlip: tooltip.props.shouldFlip,\n    // Called once a scroll carries the trigger out of view.\n    onClose: () => state.close(true),\n  };\n\n  const tooltipContextValue = {\n    state,\n    ref: overlayRef,\n    isMaterial,\n    isLight,\n    ...tooltipProps,\n  };\n\n  // Closed triggers retain their interaction state, but positioning resources\n  // belong to the overlay's visible/closing lifetime rather than every label.\n  const tooltipContent = (\n    <TooltipPositionContext.Provider value={positionOptions}>\n      <TooltipTransition isShown={state.isOpen && !isTooltipDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <Portal>\n            <PositionedTooltip\n              tooltip={tooltip}\n              contextValue={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            />\n          </Portal>\n        )}\n      </TooltipTransition>\n    </TooltipPositionContext.Provider>\n  );\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        {tooltipContent}\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      {tooltipContent}\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Tooltip/context.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import React from "react";
-
 //#region src/components/overlays/Tooltip/context.ts
 const TooltipContext = React.createContext({});
-
 //#endregion
 export { TooltipContext };
+
 //# sourceMappingURL=context.js.map

package/dist/components/overlays/Tooltip/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["React","HTMLAttributes","RefCallback","RefObject","Placement","TooltipTriggerState","PlacementAxis","Props","Phase","TooltipContextProps","state","ref","HTMLDivElement","transitionRef","placement","arrowProps","HTMLElement","overlayProps","isMaterial","isLight","phase","isShown","updatePosition","TooltipContext","createContext"],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { Placement } from 'react-aria';\nimport { TooltipTriggerState } from 'react-stately';\n\nimport { PlacementAxis } from '../../../shared';\n\nimport type { Props } from '../../../props';\n\ntype Phase = 'enter' | 'entered' | 'exit' | 'unmounted';\n\ninterface TooltipContextProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement | null>;\n  transitionRef?: RefCallback<HTMLDivElement>;\n  placement?: Placement | PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  overlayProps?: Props;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  phase?: Phase;\n  isShown?: boolean;\n  updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":";;;;AAwBA,MAAauB,iBAAiBvB,MAAMwB,cAAmC,EAAE,CAAC"}
+{"version":3,"file":"context.js","names":["React","HTMLAttributes","RefCallback","RefObject","Placement","TooltipTriggerState","PlacementAxis","Props","Phase","TooltipContextProps","state","ref","HTMLDivElement","transitionRef","placement","arrowProps","HTMLElement","overlayProps","isMaterial","isLight","phase","isShown","updatePosition","TooltipContext","createContext"],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { Placement } from 'react-aria';\nimport { TooltipTriggerState } from 'react-stately';\n\nimport { PlacementAxis } from '../../../shared';\n\nimport type { Props } from '../../../props';\n\ntype Phase = 'enter' | 'entered' | 'exit' | 'unmounted';\n\ninterface TooltipContextProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement | null>;\n  transitionRef?: RefCallback<HTMLDivElement>;\n  placement?: Placement | PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  overlayProps?: Props;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  phase?: Phase;\n  isShown?: boolean;\n  updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":";;;AAwBA,MAAauB,iBAAiBvB,MAAMwB,cAAmC,CAAC,CAAC"}

package/dist/components/overlays/Tooltip/split-trigger-props.d.ts

@@ -1,6 +1,5 @@
 
 import { HTMLAttributes } from "react";
-
 //#region src/components/overlays/Tooltip/split-trigger-props.d.ts
 /**
  * The tooltip trigger props that only work on the element that takes focus.
@@ -10,7 +9,7 @@ import { HTMLAttributes } from "react";
  * wrapper instead of the control a screen reader announces.
  */
 declare const FOCUS_TRIGGER_PROPS: readonly ["onFocus", "onBlur", "onKeyDown", "onKeyUp", "aria-describedby"];
-type TooltipFocusProps = Pick<HTMLAttributes<HTMLElement>, (typeof FOCUS_TRIGGER_PROPS)[number]>;
+export type TooltipFocusProps = Pick<HTMLAttributes<HTMLElement>, (typeof FOCUS_TRIGGER_PROPS)[number]>;
 //#endregion
-export { TooltipFocusProps };
+export {};
 //# sourceMappingURL=split-trigger-props.d.ts.map

package/dist/components/overlays/Tooltip/split-trigger-props.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
-
 //#region src/components/overlays/Tooltip/split-trigger-props.ts
 /**
 * The tooltip trigger props that only work on the element that takes focus.
@@ -49,7 +48,7 @@ function mergeTooltipFocusProps(props, tooltipProps) {
 		"aria-describedby": [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(" ") || void 0
 	};
 }
-
 //#endregion
 export { mergeTooltipFocusProps, splitTooltipTriggerProps };
+
 //# sourceMappingURL=split-trigger-props.js.map

package/dist/components/overlays/Tooltip/split-trigger-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-trigger-props.js","names":["mergeProps","HTMLAttributes","FOCUS_TRIGGER_PROPS","const","TooltipFocusProps","Pick","HTMLElement","splitTooltipTriggerProps","triggerProps","pointerProps","focusProps","key","Record","mergeTooltipFocusProps","props","P","tooltipProps","tooltipDescribedBy","handlers","ownDescribedBy","filter","Boolean","join","undefined"],"sources":["../../../../src/components/overlays/Tooltip/split-trigger-props.ts"],"sourcesContent":["import { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { HTMLAttributes } from 'react';\n\n/**\n * The tooltip trigger props that only work on the element that takes focus.\n * React Aria's `useFocus` ignores focus that bubbles up from a child, so on a\n * wrapper around a native input — a radio's or a checkbox's `<label>` — the\n * tooltip never opened from the keyboard, and `aria-describedby` described the\n * wrapper instead of the control a screen reader announces.\n */\nconst FOCUS_TRIGGER_PROPS = [\n  'onFocus',\n  'onBlur',\n  'onKeyDown',\n  'onKeyUp',\n  'aria-describedby',\n] as const;\n\nexport type TooltipFocusProps = Pick<\n  HTMLAttributes<HTMLElement>,\n  (typeof FOCUS_TRIGGER_PROPS)[number]\n>;\n\n/**\n * Splits a tooltip's trigger props between the element it is positioned\n * against and hovered on (`pointerProps`) and the focusable element inside it\n * (`focusProps`).\n */\nexport function splitTooltipTriggerProps(\n  triggerProps: HTMLAttributes<HTMLElement> = {},\n) {\n  const pointerProps: HTMLAttributes<HTMLElement> = { ...triggerProps };\n  const focusProps: TooltipFocusProps = {};\n\n  for (const key of FOCUS_TRIGGER_PROPS) {\n    if (key in pointerProps) {\n      (focusProps as Record<string, unknown>)[key] = pointerProps[key];\n      delete pointerProps[key];\n    }\n  }\n\n  return { pointerProps, focusProps };\n}\n\n/**\n * Adds a tooltip's trigger props — all of them, or the focus-side part from\n * `splitTooltipTriggerProps` — to an element's own: handlers are chained, and\n * the tooltip joins any description the element already has rather than\n * replacing it, the caller's id first. `mergeProps` alone lets the tooltip's id\n * win. `tabIndex` is never touched — a radio group's roving tab index owns it.\n */\nexport function mergeTooltipFocusProps<P extends object>(\n  props: P,\n  tooltipProps?: TooltipFocusProps | HTMLAttributes<HTMLElement>,\n): P {\n  if (!tooltipProps) return props;\n\n  const { 'aria-describedby': tooltipDescribedBy, ...handlers } = tooltipProps;\n  const ownDescribedBy = (props as { 'aria-describedby'?: string })[\n    'aria-describedby'\n  ];\n\n  return {\n    ...mergeProps(props, handlers),\n    'aria-describedby':\n      [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(' ') ||\n      undefined,\n  } as P;\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAME,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACD;;;;;;AAYD,SAAgBK,yBACdC,eAA4C,EAAE,EAC9C;CACA,MAAMC,eAA4C,EAAE,GAAGD,cAAc;CACrE,MAAME,aAAgC,EAAE;AAExC,MAAK,MAAMC,OAAOT,oBAChB,KAAIS,OAAOF,cAAc;AACvB,EAACC,WAAuCC,OAAOF,aAAaE;AAC5D,SAAOF,aAAaE;;AAIxB,QAAO;EAAEF;EAAcC;EAAY;;;;;;;;;AAUrC,SAAgBG,uBACdC,OACAE,cACG;AACH,KAAI,CAACA,aAAc,QAAOF;CAE1B,MAAM,EAAE,oBAAoBG,oBAAoB,GAAGC,aAAaF;CAChE,MAAMG,iBAAkBL,MACtB;AAGF,QAAO;EACL,GAAGd,WAAWc,OAAOI,SAAS;EAC9B,oBACE,CAACC,gBAAgBF,mBAAmB,CAACG,OAAOC,QAAQ,CAACC,KAAK,IAAI,IAC9DC;EACH"}
+{"version":3,"file":"split-trigger-props.js","names":["mergeProps","HTMLAttributes","FOCUS_TRIGGER_PROPS","const","TooltipFocusProps","Pick","HTMLElement","splitTooltipTriggerProps","triggerProps","pointerProps","focusProps","key","Record","mergeTooltipFocusProps","props","P","tooltipProps","tooltipDescribedBy","handlers","ownDescribedBy","filter","Boolean","join","undefined"],"sources":["../../../../src/components/overlays/Tooltip/split-trigger-props.ts"],"sourcesContent":["import { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { HTMLAttributes } from 'react';\n\n/**\n * The tooltip trigger props that only work on the element that takes focus.\n * React Aria's `useFocus` ignores focus that bubbles up from a child, so on a\n * wrapper around a native input — a radio's or a checkbox's `<label>` — the\n * tooltip never opened from the keyboard, and `aria-describedby` described the\n * wrapper instead of the control a screen reader announces.\n */\nconst FOCUS_TRIGGER_PROPS = [\n  'onFocus',\n  'onBlur',\n  'onKeyDown',\n  'onKeyUp',\n  'aria-describedby',\n] as const;\n\nexport type TooltipFocusProps = Pick<\n  HTMLAttributes<HTMLElement>,\n  (typeof FOCUS_TRIGGER_PROPS)[number]\n>;\n\n/**\n * Splits a tooltip's trigger props between the element it is positioned\n * against and hovered on (`pointerProps`) and the focusable element inside it\n * (`focusProps`).\n */\nexport function splitTooltipTriggerProps(\n  triggerProps: HTMLAttributes<HTMLElement> = {},\n) {\n  const pointerProps: HTMLAttributes<HTMLElement> = { ...triggerProps };\n  const focusProps: TooltipFocusProps = {};\n\n  for (const key of FOCUS_TRIGGER_PROPS) {\n    if (key in pointerProps) {\n      (focusProps as Record<string, unknown>)[key] = pointerProps[key];\n      delete pointerProps[key];\n    }\n  }\n\n  return { pointerProps, focusProps };\n}\n\n/**\n * Adds a tooltip's trigger props — all of them, or the focus-side part from\n * `splitTooltipTriggerProps` — to an element's own: handlers are chained, and\n * the tooltip joins any description the element already has rather than\n * replacing it, the caller's id first. `mergeProps` alone lets the tooltip's id\n * win. `tabIndex` is never touched — a radio group's roving tab index owns it.\n */\nexport function mergeTooltipFocusProps<P extends object>(\n  props: P,\n  tooltipProps?: TooltipFocusProps | HTMLAttributes<HTMLElement>,\n): P {\n  if (!tooltipProps) return props;\n\n  const { 'aria-describedby': tooltipDescribedBy, ...handlers } = tooltipProps;\n  const ownDescribedBy = (props as { 'aria-describedby'?: string })[\n    'aria-describedby'\n  ];\n\n  return {\n    ...mergeProps(props, handlers),\n    'aria-describedby':\n      [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(' ') ||\n      undefined,\n  } as P;\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAME,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;AAAkB;;;;;;AAapB,SAAgBK,yBACdC,eAA4C,CAAC,GAC7C;CACA,MAAMC,eAA4C,EAAE,GAAGD,aAAa;CACpE,MAAME,aAAgC,CAAC;CAEvC,KAAK,MAAMC,OAAOT,qBAChB,IAAIS,OAAOF,cAAc;EACvB,WAAwCE,OAAOF,aAAaE;EAC5D,OAAOF,aAAaE;CACtB;CAGF,OAAO;EAAEF;EAAcC;CAAW;AACpC;;;;;;;;AASA,SAAgBG,uBACdC,OACAE,cACG;CACH,IAAI,CAACA,cAAc,OAAOF;CAE1B,MAAM,EAAE,oBAAoBG,oBAAoB,GAAGC,aAAaF;CAChE,MAAMG,iBAAkBL,MACtB;CAGF,OAAO;EACL,GAAGd,WAAWc,OAAOI,QAAQ;EAC7B,oBACE,CAACC,gBAAgBF,kBAAkB,CAAC,CAACG,OAAOC,OAAO,CAAC,CAACC,KAAK,GAAG,KAC7DC,KAAAA;CACJ;AACF"}

package/dist/components/portal/Portal.d.ts

@@ -1,7 +1,5 @@
 
 import { PortalProps } from "./types.js";
-import * as react from "react";
-
 //#region src/components/portal/Portal.d.ts
 /**
  * This component renders its children outside the current DOM hierarchy.
@@ -26,7 +24,6 @@ import * as react from "react";
  *  </div>
  * ```
  */
-declare function Portal(props: PortalProps): react.JSX.Element;
+export declare function Portal(props: PortalProps): import("react").JSX.Element;
 //#endregion
-export { Portal };
 //# sourceMappingURL=Portal.d.ts.map

package/dist/components/portal/Portal.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { c } from "react/compiler-runtime";
 import { TastyBatchProvider } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-
 //#region src/components/portal/Portal.tsx
 /**
 * This component renders its children outside the current DOM hierarchy.
@@ -50,7 +49,7 @@ function Portal(props) {
 	} else t1 = $[4];
 	return t1;
 }
-
 //#endregion
 export { Portal };
+
 //# sourceMappingURL=Portal.js.map

package/dist/components/portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["TastyBatchProvider","createPortal","PortalProps","usePortal","Portal","props","$","_c","children","mountRoot","isDisabled","t0","content","t1"],"sources":["../../../src/components/portal/Portal.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport { createPortal } from 'react-dom';\n\nimport { PortalProps } from './types';\nimport { usePortal } from './usePortal';\n\n/**\n * This component renders its children outside the current DOM hierarchy.\n *\n * React [doesn't support](https://github.com/facebook/react/issues/13097) portal API in SSR, so, if you want to\n * render a Portal in SSR, use prop `disabled`.\n *\n * By default, Portal's children render under the `<Root />` component.\n *\n * ***Important***: Since React doesn't support portals on SSR, `<Portal />` children renders in the next tick.\n * If you need to make some computations, use the `onMount` callback\n *\n * @see https://reactjs.org/docs/portals.html\n *\n * @example ```jsx\n *  <div>\n *    Portal will be rendered outside me!\n *\n *    <Portal>\n *      <div>some content will be shown outside the parent container</div>\n *    </Portal>\n *  </div>\n * ```\n */\nexport function Portal(props: PortalProps) {\n  const { children, mountRoot, isDisabled } = usePortal(props);\n\n  // A portal mounts a fresh subtree in a commit that did not re-render `<Root>`,\n  // so its window cannot cover this one — open one here, flushing in\n  // `useInsertionEffect` before any positioning effect reads the DOM.\n  //\n  // In the kit this path is tooltips: `TooltipTrigger` is the only component\n  // that renders `<Portal>`. Popovers, modals and trays portal through\n  // `<Overlay>`'s own `createPortal`, which opens its own window.\n  const content = <TastyBatchProvider>{children}</TastyBatchProvider>;\n\n  if (isDisabled) return content;\n  // Render inline until mountRoot is available (fixes timing issues in tests and SSR)\n  if (!mountRoot) return content;\n  return createPortal(content, mountRoot);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAOI,OAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,UAAAC,WAAAC,eAA4CP,UAAUE,MAAM;CAAC,IAAAM;AAAA,KAAAL,EAAA,OAAAE,UAAA;AAS7CG,OAAA,oBAAC,sBAAoBH,WAA8B;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAnE,MAAAM,UAAgBD;AAEhB,KAAID,WAAU,QAASE;AAEvB,KAAI,CAACH,UAAS,QAASG;CAAQ,IAAAC;AAAA,KAAAP,EAAA,OAAAM,WAAAN,EAAA,OAAAG,WAAA;AACxBI,OAAAZ,aAAaW,SAASH,UAAU;AAAAH,IAAA,KAAAM;AAAAN,IAAA,KAAAG;AAAAH,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAAhCO"}
+{"version":3,"file":"Portal.js","names":["TastyBatchProvider","createPortal","PortalProps","usePortal","Portal","props","$","_c","children","mountRoot","isDisabled","t0","content","t1","_c"],"sources":["../../../src/components/portal/Portal.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport { createPortal } from 'react-dom';\n\nimport { PortalProps } from './types';\nimport { usePortal } from './usePortal';\n\n/**\n * This component renders its children outside the current DOM hierarchy.\n *\n * React [doesn't support](https://github.com/facebook/react/issues/13097) portal API in SSR, so, if you want to\n * render a Portal in SSR, use prop `disabled`.\n *\n * By default, Portal's children render under the `<Root />` component.\n *\n * ***Important***: Since React doesn't support portals on SSR, `<Portal />` children renders in the next tick.\n * If you need to make some computations, use the `onMount` callback\n *\n * @see https://reactjs.org/docs/portals.html\n *\n * @example ```jsx\n *  <div>\n *    Portal will be rendered outside me!\n *\n *    <Portal>\n *      <div>some content will be shown outside the parent container</div>\n *    </Portal>\n *  </div>\n * ```\n */\nexport function Portal(props: PortalProps) {\n  const { children, mountRoot, isDisabled } = usePortal(props);\n\n  // A portal mounts a fresh subtree in a commit that did not re-render `<Root>`,\n  // so its window cannot cover this one — open one here, flushing in\n  // `useInsertionEffect` before any positioning effect reads the DOM.\n  //\n  // In the kit this path is tooltips, Select's and ListBoxPopover's lists,\n  // the notifications layer and AlertDialogZone. Popovers, modals and trays\n  // portal through `<Overlay>`'s own `createPortal`, which opens its own window.\n  const content = <TastyBatchProvider>{children}</TastyBatchProvider>;\n\n  if (isDisabled) return content;\n  // Render inline until mountRoot is available (fixes timing issues in tests and SSR)\n  if (!mountRoot) return content;\n  return createPortal(content, mountRoot);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAOI,OAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACL,MAAA,EAAAC,UAAAC,WAAAC,eAA4CP,UAAUE,KAAK;CAAE,IAAAM;CAAA,IAAAL,EAAA,OAAAE,UAAA;EAS7CG,KAAA,oBAAC,oBAAD,EAAqBH,SAAF,CAAA;EAAgCF,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAnE,MAAAM,UAAgBD;CAEhB,IAAID,YAAU,OAASE;CAEvB,IAAI,CAACH,WAAS,OAASG;CAAQ,IAAAC;CAAA,IAAAP,EAAA,OAAAM,WAAAN,EAAA,OAAAG,WAAA;EACxBI,KAAAZ,aAAaW,SAASH,SAAS;EAACH,EAAA,KAAAM;EAAAN,EAAA,KAAAG;EAAAH,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAAhCO;AAAgC"}

package/dist/components/portal/PortalProvider.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
-
 //#region src/components/portal/PortalProvider.ts
 const PortalContext = createContext(null);
 /**
@@ -24,7 +23,7 @@ function usePortalContext() {
 * @internal Don't even try to use it
 */
 const PortalProvider = PortalContext.Provider;
-
 //#endregion
 export { PortalProvider, usePortalContext };
+
 //# sourceMappingURL=PortalProvider.js.map

package/dist/components/portal/PortalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.js","names":["createContext","RefObject","useContext","PortalContext","HTMLElement","usePortalContext","$","_c","root","t0","PortalProvider","Provider"],"sources":["../../../src/components/portal/PortalProvider.ts"],"sourcesContent":["import { createContext, RefObject, useContext } from 'react';\n\nconst PortalContext = createContext<RefObject<HTMLElement | null> | null>(null);\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport function usePortalContext(): {\n  root: RefObject<HTMLElement | null> | null;\n} {\n  const root = useContext(PortalContext);\n\n  return { root };\n}\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport const PortalProvider = PortalContext.Provider;\n"],"mappings":";;;;;AAEA,MAAMG,gBAAgBH,cAAoD,KAAK;;;;;AAM/E,SAAOK,mBAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAGL,MAAAC,OAAaN,WAAWC,cAAc;CAAC,IAAAM;AAAA,KAAAH,EAAA,OAAAE,MAAA;AAEhCC,OAAA,EAAAD,MAAQ;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAARG;;;;;;AAOT,MAAaC,iBAAiBP,cAAcQ"}
+{"version":3,"file":"PortalProvider.js","names":["createContext","RefObject","useContext","PortalContext","HTMLElement","usePortalContext","$","_c","root","t0","PortalProvider","Provider","_c"],"sources":["../../../src/components/portal/PortalProvider.ts"],"sourcesContent":["import { createContext, RefObject, useContext } from 'react';\n\nconst PortalContext = createContext<RefObject<HTMLElement | null> | null>(null);\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport function usePortalContext(): {\n  root: RefObject<HTMLElement | null> | null;\n} {\n  const root = useContext(PortalContext);\n\n  return { root };\n}\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport const PortalProvider = PortalContext.Provider;\n"],"mappings":";;;;AAEA,MAAMG,gBAAgBH,cAAoD,IAAI;;;;;AAM9E,SAAOK,mBAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAGL,MAAAC,OAAaN,WAAWC,aAAa;CAAE,IAAAM;CAAA,IAAAH,EAAA,OAAAE,MAAA;EAEhCC,KAAA,EAAAD,KAAO;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAARG;AAAQ;;;;;AAOjB,MAAaC,iBAAiBP,cAAcQ"}

package/dist/components/portal/index.d.ts

@@ -1,4 +1,5 @@
 
 import "./PortalProvider.js";
 import { PortalProps } from "./types.js";
-import { Portal } from "./Portal.js";
+import { Portal } from "./Portal.js";
+export { Portal, type PortalProps };

package/dist/components/portal/types.d.ts

@@ -1,8 +1,7 @@
 
 import { MutableRefObject, ReactNode, RefObject } from "react";
-
 //#region src/components/portal/types.d.ts
-interface PortalProps {
+export interface PortalProps {
   /**
    * Ref, where `<Portal />` should render its children
    * By default it renders under `<Root />`
@@ -23,5 +22,4 @@ interface PortalProps {
   children?: ReactNode;
 }
 //#endregion
-export { PortalProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/portal/usePortal.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useState } from "react";
 import invariant from "tiny-invariant";
-
 //#region src/components/portal/usePortal.ts
 /**
 * @internal Do not use it
@@ -81,7 +80,7 @@ function usePortal(props) {
 	} else t7 = $[17];
 	return t7;
 }
-
 //#endregion
 export { usePortal };
+
 //# sourceMappingURL=usePortal.js.map

package/dist/components/portal/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","names":["useEffect","useEffectEvent","useState","invariant","usePortalContext","PortalProps","usePortal","props","$","_c","children","isDisabled","t0","root","t1","onMount","undefined","t2","notifyMount","portalContext","mountRoot","setMountRoot","t3","t4","contextRoot","explicitRoot","currentRoot","current","currentContextRoot","t5","t6","t7"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const notifyMount = useEffectEvent(() => onMount?.());\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      // Keep the ref in this closure so Compiler tracks identity, not a node assigned during commit.\n      const explicitRoot = root;\n      const currentRoot = explicitRoot?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      notifyMount();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;;AASA,SAAOM,UAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,UAAAC,YAAAC,IAAAC,MAAAC,IAAAC,YAA+DR;CAA7C,MAAAI,aAAAC,OAAAI,SAAA,QAAAJ;CAAoB,MAAAC,OAAAC,OAAAE,SAAA,OAAAF;CAAW,IAAAG;AAAA,KAAAT,EAAA,OAAAO,SAAA;AAEdE,aAAMF,WAAW;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAApD,MAAAU,cAAoBjB,eAAegB,GAAkB;CACrD,MAAAE,gBAAsBf,kBAAkB;CACxC,MAAA,CAAAgB,WAAAC,gBAAkCnB,SAA6B,KAAK;CAAC,IAAAoB;CAAA,IAAAC;AAAA,KAAAf,EAAA,OAAAG,cAAAH,EAAA,OAAAW,cAAAN,QAAAL,EAAA,OAAAK,MAAA;AAE3DS,aAAA;AACR,OAAI,CAACX,YAAU;IACb,MAAAa,cAAoBL,cAAaN;IAGjC,MAAAa,cADqBb,MACWc,WAAZ;IACpB,MAAAC,qBAA2BJ,aAAWG,WAAX;AAE3BxB,cACE,EAAEqB,gBAAgB,QAAQE,gBAAgB,OAC1C,2IACD;AAEDL,iBAAaK,eAAAE,mBAAkC;;;AAEhDL,OAAA;GAACV;GAAMM,cAAaN;GAAOF;GAAW;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAW,cAAAN;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAc;AAAAd,IAAA,KAAAe;QAAA;AAAAD,OAAAd,EAAA;AAAAe,OAAAf,EAAA;;AAfzCR,WAAUsB,IAePC,GAAuC;CAAA,IAAAM;AAAA,KAAArB,EAAA,OAAAG,cAAAH,EAAA,OAAAY,aAAAZ,EAAA,OAAAU,aAAA;AAEhCW,aAAA;AACR,OAAIlB,cAAAS,UACFF,cAAa;;AAEhBV,IAAA,KAAAG;AAAAH,IAAA,KAAAY;AAAAZ,IAAA,KAAAU;AAAAV,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;AAAEU,OAAA,CAACnB,YAAYS,UAAU;AAAAZ,IAAA,MAAAG;AAAAH,IAAA,MAAAY;AAAAZ,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAJ1BR,WAAU6B,IAIPC,GAAwB;CAAA,IAAAC;AAAA,KAAAvB,EAAA,QAAAE,YAAAF,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;AAEpBW,OAAA;GAAApB;GAAAD;GAAAU;GAIN;AAAAZ,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAY;AAAAZ,IAAA,MAAAuB;OAAAA,MAAAvB,EAAA;AAAA,QAJMuB"}
+{"version":3,"file":"usePortal.js","names":["useEffect","useEffectEvent","useState","invariant","usePortalContext","PortalProps","usePortal","props","$","_c","children","isDisabled","t0","root","t1","onMount","undefined","t2","notifyMount","portalContext","mountRoot","setMountRoot","t3","t4","contextRoot","explicitRoot","currentRoot","current","currentContextRoot","t5","t6","t7","_c","explicitRoot"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const notifyMount = useEffectEvent(() => onMount?.());\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      // Keep the ref in this closure so Compiler tracks identity, not a node assigned during commit.\n      const explicitRoot = root;\n      const currentRoot = explicitRoot?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      notifyMount();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;AASA,SAAOM,UAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,UAAAC,YAAAC,IAAAC,MAAAC,IAAAC,YAA+DR;CAA7C,MAAAI,aAAAC,OAAAI,KAAAA,IAAA,QAAAJ;CAAoB,MAAAC,OAAAC,OAAAE,KAAAA,IAAA,OAAAF;CAAW,IAAAG;CAAA,IAAAT,EAAA,OAAAO,SAAA;EAEdE,WAAMF,UAAU;EAACP,EAAA,KAAAO;EAAAP,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAApD,MAAAU,cAAoBjB,eAAegB,EAAiB;CACpD,MAAAE,gBAAsBf,iBAAiB;CACvC,MAAA,CAAAgB,WAAAC,gBAAkCnB,SAA6B,IAAI;CAAE,IAAAoB;CAAA,IAAAC;CAAA,IAAAf,EAAA,OAAAG,cAAAH,EAAA,OAAAW,cAAAN,QAAAL,EAAA,OAAAK,MAAA;EAE3DS,WAAA;GACR,IAAI,CAACX,YAAU;IACb,MAAAa,cAAoBL,cAAaN;IAGjC,MAAAa,cAAoBD,MAAYE,WAAZ;IACpB,MAAAC,qBAA2BJ,aAAWG,WAAX;IAE3BxB,UACE,EAAEqB,gBAAgB,QAAQE,gBAAgB,OAC1C,0IACF;IAEAL,aAAaK,eAAAE,kBAAiC;GAAC;EAChD;EACAL,KAAA;GAACV;GAAMM,cAAaN;GAAOF;EAAU;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAW,cAAAN;EAAAL,EAAA,KAAAK;EAAAL,EAAA,KAAAc;EAAAd,EAAA,KAAAe;CAAA,OAAA;EAAAD,KAAAd,EAAA;EAAAe,KAAAf,EAAA;CAAA;CAfzCR,UAAUsB,IAePC,EAAsC;CAAC,IAAAM;CAAA,IAAArB,EAAA,OAAAG,cAAAH,EAAA,OAAAY,aAAAZ,EAAA,OAAAU,aAAA;EAEhCW,WAAA;GACR,IAAIlB,cAAAS,WACFF,YAAY;EACb;EACFV,EAAA,KAAAG;EAAAH,EAAA,KAAAY;EAAAZ,EAAA,KAAAU;EAAAV,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;EAAEU,KAAA,CAACnB,YAAYS,SAAS;EAACZ,EAAA,MAAAG;EAAAH,EAAA,MAAAY;EAAAZ,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAJ1BR,UAAU6B,IAIPC,EAAuB;CAAC,IAAAC;CAAA,IAAAvB,EAAA,QAAAE,YAAAF,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;EAEpBW,KAAA;GAAApB;GAAAD;GAAAU;EAIP;EAACZ,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAY;EAAAZ,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,OAJMuB;AAIN"}

package/dist/components/shared/DraggableCollection.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DragPreview, ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";
 import { useDraggableCollectionState, useDroppableCollectionState } from "react-stately";
-
 //#region src/components/shared/DraggableCollection.tsx
 const getAllowedDropOperations = () => ["move"];
 /**
@@ -48,18 +47,20 @@ function DraggableCollection(t0) {
 			const movableIndex = orderedKeys.indexOf(movableKey);
 			const targetIndex = orderedKeys.indexOf(String(targetKey));
 			if (movableIndex === -1 || targetIndex === -1) return;
-			onReorder(movableIndex !== targetIndex ? orderedKeys.reduce((arr, key, i) => {
+			const newKeys = movableIndex !== targetIndex ? orderedKeys.reduce((arr, key, i) => {
 				if (i === movableIndex) return arr;
-				if (i === targetIndex) if (dropPosition === "before") {
-					arr.push(movableKey);
-					arr.push(key);
-				} else {
-					arr.push(key);
-					arr.push(movableKey);
-				}
-				else arr.push(key);
+				if (i === targetIndex) {
+					if (dropPosition === "before") {
+						arr.push(movableKey);
+						arr.push(key);
+					} else {
+						arr.push(key);
+						arr.push(movableKey);
+					}
+				} else arr.push(key);
 				return arr;
-			}, []) : orderedKeys);
+			}, []) : orderedKeys;
+			onReorder(newKeys);
 		};
 		$[0] = onReorder;
 		$[1] = orderedKeys;
@@ -71,8 +72,7 @@ function DraggableCollection(t0) {
 		t2 = (keys) => {
 			dragKeysRef.current = [...keys];
 			return [...keys].map((key_0) => {
-				const item = state.collection.getItem(key_0);
-				return { "text/plain": item?.textValue || String(key_0) };
+				return { "text/plain": state.collection.getItem(key_0)?.textValue || String(key_0) };
 			});
 		};
 		$[3] = state.collection;
@@ -309,7 +309,7 @@ function DraggableCollection(t0) {
 function _temp() {
 	return false;
 }
-
 //#endregion
 export { DraggableCollection, createMockDragState };
+
 //# sourceMappingURL=DraggableCollection.js.map

package/dist/components/shared/DraggableCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableCollection.js","names":["KeyboardEvent","ReactNode","RefObject","useCallback","useEffect","useEffectEvent","useMemo","useRef","DragItem","DragPreview","DragPreviewRenderer","DroppableCollectionReorderEvent","ListDropTargetDelegate","ListKeyboardDelegate","mergeProps","useDraggableCollection","useDroppableCollection","DraggableCollectionState","DroppableCollectionState","MultipleSelectionManager","useDraggableCollectionState","useDroppableCollectionState","useEvent","Collection","DropOperation","Key","Node","getAllowedDropOperations","createMockDragState","collection","selectionManager","isDragging","getKeysForDrag","Set","getItems","draggedKey","draggingKeys","isDisabled","startDrag","moveDrag","endDrag","DraggableCollectionProps","state","disabledKeys","listRef","HTMLElement","orderedKeys","orientation","onReorder","newOrder","onItemDrop","targetKey","draggedKeys","shouldAcceptItemDrop","renderPreview","keys","children","dragState","dropState","collectionProps","Record","DraggableCollection","t0","$","_c","t1","e","target","movableKeys","dropPosition","key","movableKey","movableIndex","indexOf","targetIndex","String","newKeys","reduce","arr","i","push","handleReorder","t2","dragKeysRef","current","map","key_0","item","getItem","textValue","t3","Proxy","get","target_0","prop","_temp","value","Reflect","bind","dragSelectionManager","previewRef","t4","undefined","t5","preview","t6","t7","e_0","keys_0","dropOperation","handleItemDrop","t8","Symbol","for","t9","t10","t11","target_1","t12","t13","ref","keyboardDelegate","t14","dropTargetDelegate","t15","t16","t17","isDragActive","size","t18","type","x","y","isInternal","cancelNativeDrag","t19","handleEscape","e_1","document","addEventListener","removeEventListener","t20","t21","e_2","altKey","target_2","HTMLInputElement","HTMLTextAreaElement","isContentEditable","moveKeys","backward","forward","direction","preventDefault","stopPropagation","focusedKey","idx","targetIdx","length","newKeys_0","t22","t23","handleKeyDownCapture","onKeyDownCapture","t24"],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  DragItem,\n  DragPreview,\n  DragPreviewRenderer,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  MultipleSelectionManager,\n  useDraggableCollectionState,\n  useDroppableCollectionState,\n} from 'react-stately';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\n\nimport type { Collection, DropOperation, Key, Node } from '@react-types/shared';\n\nconst getAllowedDropOperations = (): DropOperation[] => ['move'];\n\n/**\n * Creates a no-op mock of DraggableCollectionState.\n * Used to satisfy useDraggableItem when drag is disabled (Rules of Hooks).\n */\nexport function createMockDragState(\n  collection: Collection<Node<any>>,\n  selectionManager: MultipleSelectionManager,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    getItems: () => [],\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    isDisabled: false,\n    startDrag: () => {},\n    moveDrag: () => {},\n    endDrag: () => {},\n  };\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: MultipleSelectionManager;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Dropping *onto* an item rather than between items — a row that is a folder,\n   * a tab that is a group. Mutually exclusive with reordering in practice: a\n   * collection that accepts item drops usually has a meaningful order already.\n   */\n  onItemDrop?: (targetKey: Key, draggedKeys: Key[]) => void;\n  /** Which items may receive a drop. Without it, none may. */\n  shouldAcceptItemDrop?: (targetKey: Key) => boolean;\n  /**\n   * The image dragged under the cursor. Receives the keys being dragged rather\n   * than React Aria's serialized `DragItem`s, because a caller that wants to\n   * render an icon needs the record, not its `text/plain` form.\n   *\n   * Without one the browser drags a screenshot of the source element, which for\n   * a full-width table row is a page-wide slab.\n   */\n  renderPreview?: (keys: Key[]) => ReactNode;\n  /** Render function receiving drag/drop states and merged collection+keyboard props */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Generic wrapper that enables drag-and-drop reordering for a collection.\n *\n * Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).\n * Encapsulates all drag/drop hook calls so they are only invoked when\n * reordering is actually enabled.\n */\nexport function DraggableCollection({\n  state,\n  listRef,\n  orderedKeys,\n  orientation,\n  onReorder,\n  onItemDrop,\n  shouldAcceptItemDrop,\n  renderPreview,\n  children,\n}: DraggableCollectionProps) {\n  const handleReorder = useEvent((e: DroppableCollectionReorderEvent) => {\n    if (!onReorder) return;\n\n    const { target, keys: movableKeys } = e;\n    const { dropPosition, key: targetKey } = target;\n    const movableKey = [...movableKeys][0] as string;\n\n    const movableIndex = orderedKeys.indexOf(movableKey);\n    const targetIndex = orderedKeys.indexOf(String(targetKey));\n\n    if (movableIndex === -1 || targetIndex === -1) return;\n\n    const newKeys =\n      movableIndex !== targetIndex\n        ? orderedKeys.reduce((arr, key, i) => {\n            if (i === movableIndex) {\n              return arr;\n            }\n\n            if (i === targetIndex) {\n              if (dropPosition === 'before') {\n                arr.push(movableKey);\n                arr.push(key);\n              } else {\n                arr.push(key);\n                arr.push(movableKey);\n              }\n            } else {\n              arr.push(key);\n            }\n\n            return arr;\n          }, [] as string[])\n        : orderedKeys;\n\n    onReorder(newKeys);\n  });\n\n  const getItems = useCallback(\n    (keys: Set<Key>): DragItem[] => {\n      dragKeysRef.current = [...keys];\n\n      return [...keys].map((key) => {\n        const item = state.collection.getItem(key);\n        return {\n          'text/plain': item?.textValue || String(key),\n        };\n      });\n    },\n    [state.collection],\n  );\n\n  // Proxy selectionManager to hide selection from react-aria's drag logic.\n  // Without this, react-aria drags ALL selected items when any selected item\n  // is grabbed (hardcoded in useDraggableCollectionState → internal getKeys).\n  // The proxy intercepts `selectedKeys` and `isSelected` so every item looks\n  // unselected for drag, while all other methods (isDisabled, setFocusedKey, …)\n  // delegate to the real manager. `bind(target)` preserves `this` for methods\n  // that live on the prototype chain.\n  const dragSelectionManager = useMemo(\n    () =>\n      new Proxy(state.selectionManager, {\n        get(target, prop) {\n          if (prop === 'selectedKeys') return new Set<Key>();\n          if (prop === 'isSelected') return () => false;\n          const value = Reflect.get(target, prop);\n          return typeof value === 'function' ? value.bind(target) : value;\n        },\n      }),\n    [state.selectionManager],\n  );\n\n  const previewRef = useRef<DragPreviewRenderer>(null);\n\n  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n    preview: renderPreview ? previewRef : undefined,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const handleItemDrop = useEvent((e: any) => {\n    if (!onItemDrop) return;\n\n    const keys = [...(e.dropOperation === 'cancel' ? [] : dragKeysRef.current)];\n\n    onItemDrop(e.target.key, keys);\n  });\n\n  // The keys being dragged, captured at drag start: by the time the drop lands\n  // React Aria has already cleared them from the drag state.\n  const dragKeysRef = useRef<Key[]>([]);\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: onReorder ? handleReorder : undefined,\n    onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    // `'on'` is only offered for items that accept it; everything else falls\n    // back to reordering, or to nothing.\n    shouldAcceptItemDrop: shouldAcceptItemDrop\n      ? (target: any) => shouldAcceptItemDrop(target.key)\n      : undefined,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collection: state.collection,\n        disabledKeys: state.disabledKeys,\n        ref: listRef,\n        orientation,\n      }),\n    [state.collection, state.disabledKeys, listRef, orientation],\n  );\n\n  const dropTargetDelegate = useMemo(\n    () =>\n      new ListDropTargetDelegate(state.collection, listRef, {\n        orientation,\n      }),\n    [state.collection, listRef, orientation],\n  );\n\n  const { collectionProps } = useDroppableCollection(\n    {\n      keyboardDelegate,\n      dropTargetDelegate,\n      onReorder: onReorder ? handleReorder : undefined,\n      onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Force-cancel drag on Escape. Native HTML5 drag cancels visually, but some\n  // browsers (Safari) don't fire `dragend` synchronously, leaving react-aria's\n  // `isDragging` stale until a second keypress.\n  const isDragActive = dragState.draggingKeys.size > 0;\n  const cancelNativeDrag = useEffectEvent(() => {\n    dragState.endDrag({\n      type: 'dragend',\n      keys: new Set(dragKeysRef.current),\n      x: 0,\n      y: 0,\n      dropOperation: 'cancel',\n      isInternal: false,\n    });\n  });\n\n  useEffect(() => {\n    if (!isDragActive) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        cancelNativeDrag();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, true);\n\n    return () => document.removeEventListener('keydown', handleEscape, true);\n  }, [isDragActive]);\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  // Skip when the event originates from a text input — Alt+Arrow is\n  // word-by-word cursor navigation on macOS.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\n\n    const target = e.target as HTMLElement;\n\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const moveKeys =\n      orientation === 'vertical'\n        ? { backward: 'ArrowUp', forward: 'ArrowDown' }\n        : { backward: 'ArrowLeft', forward: 'ArrowRight' };\n\n    const direction =\n      e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;\n\n    if (direction === 0) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const focusedKey = String(state.selectionManager.focusedKey);\n    const idx = orderedKeys.indexOf(focusedKey);\n\n    if (idx === -1) return;\n\n    const targetIdx = idx + direction;\n\n    if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;\n\n    const newKeys = [...orderedKeys];\n    [newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];\n    onReorder(newKeys);\n  });\n\n  return (\n    <>\n      {children(dragState, dropState, {\n        ...mergeProps(collectionProps, {\n          onKeyDownCapture: handleKeyDownCapture,\n        }),\n      })}\n      {renderPreview ? (\n        // Rendered off-screen by React Aria and snapshotted at drag start. The\n        // keys come from the ref rather than the `DragItem`s the render\n        // function is handed, which only carry `text/plain`.\n        <DragPreview ref={previewRef}>\n          {() => {\n            const preview = renderPreview(dragKeysRef.current);\n            return preview ? <>{preview}</> : null;\n          }}\n        </DragPreview>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DraggableCollection.js","names":["KeyboardEvent","ReactNode","RefObject","useCallback","useEffect","useEffectEvent","useMemo","useRef","DragItem","DragPreview","DragPreviewRenderer","DroppableCollectionReorderEvent","ListDropTargetDelegate","ListKeyboardDelegate","mergeProps","useDraggableCollection","useDroppableCollection","DraggableCollectionState","DroppableCollectionState","MultipleSelectionManager","useDraggableCollectionState","useDroppableCollectionState","useEvent","Collection","DropOperation","Key","Node","getAllowedDropOperations","createMockDragState","collection","selectionManager","isDragging","getKeysForDrag","Set","getItems","draggedKey","draggingKeys","isDisabled","startDrag","moveDrag","endDrag","DraggableCollectionProps","state","disabledKeys","listRef","HTMLElement","orderedKeys","orientation","onReorder","newOrder","onItemDrop","targetKey","draggedKeys","shouldAcceptItemDrop","renderPreview","keys","children","dragState","dropState","collectionProps","Record","DraggableCollection","t0","$","_c","t1","e","target","movableKeys","dropPosition","key","movableKey","movableIndex","indexOf","targetIndex","String","newKeys","reduce","arr","i","push","handleReorder","t2","dragKeysRef","current","map","key_0","item","getItem","textValue","t3","Proxy","get","target_0","prop","_temp","value","Reflect","bind","dragSelectionManager","previewRef","t4","undefined","t5","preview","t6","t7","e_0","keys_0","dropOperation","handleItemDrop","t8","Symbol","for","t9","t10","t11","target_1","t12","t13","ref","keyboardDelegate","t14","dropTargetDelegate","t15","t16","t17","isDragActive","size","t18","type","x","y","isInternal","cancelNativeDrag","t19","handleEscape","e_1","document","addEventListener","removeEventListener","t20","t21","e_2","altKey","target_2","HTMLInputElement","HTMLTextAreaElement","isContentEditable","moveKeys","backward","forward","direction","preventDefault","stopPropagation","focusedKey","idx","targetIdx","length","newKeys_0","t22","t23","handleKeyDownCapture","onKeyDownCapture","t24","_c"],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  DragItem,\n  DragPreview,\n  DragPreviewRenderer,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  MultipleSelectionManager,\n  useDraggableCollectionState,\n  useDroppableCollectionState,\n} from 'react-stately';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\n\nimport type { Collection, DropOperation, Key, Node } from '@react-types/shared';\n\nconst getAllowedDropOperations = (): DropOperation[] => ['move'];\n\n/**\n * Creates a no-op mock of DraggableCollectionState.\n * Used to satisfy useDraggableItem when drag is disabled (Rules of Hooks).\n */\nexport function createMockDragState(\n  collection: Collection<Node<any>>,\n  selectionManager: MultipleSelectionManager,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    getItems: () => [],\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    isDisabled: false,\n    startDrag: () => {},\n    moveDrag: () => {},\n    endDrag: () => {},\n  };\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: MultipleSelectionManager;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Dropping *onto* an item rather than between items — a row that is a folder,\n   * a tab that is a group. Mutually exclusive with reordering in practice: a\n   * collection that accepts item drops usually has a meaningful order already.\n   */\n  onItemDrop?: (targetKey: Key, draggedKeys: Key[]) => void;\n  /** Which items may receive a drop. Without it, none may. */\n  shouldAcceptItemDrop?: (targetKey: Key) => boolean;\n  /**\n   * The image dragged under the cursor. Receives the keys being dragged rather\n   * than React Aria's serialized `DragItem`s, because a caller that wants to\n   * render an icon needs the record, not its `text/plain` form.\n   *\n   * Without one the browser drags a screenshot of the source element, which for\n   * a full-width table row is a page-wide slab.\n   */\n  renderPreview?: (keys: Key[]) => ReactNode;\n  /** Render function receiving drag/drop states and merged collection+keyboard props */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Generic wrapper that enables drag-and-drop reordering for a collection.\n *\n * Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).\n * Encapsulates all drag/drop hook calls so they are only invoked when\n * reordering is actually enabled.\n */\nexport function DraggableCollection({\n  state,\n  listRef,\n  orderedKeys,\n  orientation,\n  onReorder,\n  onItemDrop,\n  shouldAcceptItemDrop,\n  renderPreview,\n  children,\n}: DraggableCollectionProps) {\n  const handleReorder = useEvent((e: DroppableCollectionReorderEvent) => {\n    if (!onReorder) return;\n\n    const { target, keys: movableKeys } = e;\n    const { dropPosition, key: targetKey } = target;\n    const movableKey = [...movableKeys][0] as string;\n\n    const movableIndex = orderedKeys.indexOf(movableKey);\n    const targetIndex = orderedKeys.indexOf(String(targetKey));\n\n    if (movableIndex === -1 || targetIndex === -1) return;\n\n    const newKeys =\n      movableIndex !== targetIndex\n        ? orderedKeys.reduce((arr, key, i) => {\n            if (i === movableIndex) {\n              return arr;\n            }\n\n            if (i === targetIndex) {\n              if (dropPosition === 'before') {\n                arr.push(movableKey);\n                arr.push(key);\n              } else {\n                arr.push(key);\n                arr.push(movableKey);\n              }\n            } else {\n              arr.push(key);\n            }\n\n            return arr;\n          }, [] as string[])\n        : orderedKeys;\n\n    onReorder(newKeys);\n  });\n\n  const getItems = useCallback(\n    (keys: Set<Key>): DragItem[] => {\n      dragKeysRef.current = [...keys];\n\n      return [...keys].map((key) => {\n        const item = state.collection.getItem(key);\n        return {\n          'text/plain': item?.textValue || String(key),\n        };\n      });\n    },\n    [state.collection],\n  );\n\n  // Proxy selectionManager to hide selection from react-aria's drag logic.\n  // Without this, react-aria drags ALL selected items when any selected item\n  // is grabbed (hardcoded in useDraggableCollectionState → internal getKeys).\n  // The proxy intercepts `selectedKeys` and `isSelected` so every item looks\n  // unselected for drag, while all other methods (isDisabled, setFocusedKey, …)\n  // delegate to the real manager. `bind(target)` preserves `this` for methods\n  // that live on the prototype chain.\n  const dragSelectionManager = useMemo(\n    () =>\n      new Proxy(state.selectionManager, {\n        get(target, prop) {\n          if (prop === 'selectedKeys') return new Set<Key>();\n          if (prop === 'isSelected') return () => false;\n          const value = Reflect.get(target, prop);\n          return typeof value === 'function' ? value.bind(target) : value;\n        },\n      }),\n    [state.selectionManager],\n  );\n\n  const previewRef = useRef<DragPreviewRenderer>(null);\n\n  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n    preview: renderPreview ? previewRef : undefined,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const handleItemDrop = useEvent((e: any) => {\n    if (!onItemDrop) return;\n\n    const keys = [...(e.dropOperation === 'cancel' ? [] : dragKeysRef.current)];\n\n    onItemDrop(e.target.key, keys);\n  });\n\n  // The keys being dragged, captured at drag start: by the time the drop lands\n  // React Aria has already cleared them from the drag state.\n  const dragKeysRef = useRef<Key[]>([]);\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: onReorder ? handleReorder : undefined,\n    onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    // `'on'` is only offered for items that accept it; everything else falls\n    // back to reordering, or to nothing.\n    shouldAcceptItemDrop: shouldAcceptItemDrop\n      ? (target: any) => shouldAcceptItemDrop(target.key)\n      : undefined,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collection: state.collection,\n        disabledKeys: state.disabledKeys,\n        ref: listRef,\n        orientation,\n      }),\n    [state.collection, state.disabledKeys, listRef, orientation],\n  );\n\n  const dropTargetDelegate = useMemo(\n    () =>\n      new ListDropTargetDelegate(state.collection, listRef, {\n        orientation,\n      }),\n    [state.collection, listRef, orientation],\n  );\n\n  const { collectionProps } = useDroppableCollection(\n    {\n      keyboardDelegate,\n      dropTargetDelegate,\n      onReorder: onReorder ? handleReorder : undefined,\n      onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Force-cancel drag on Escape. Native HTML5 drag cancels visually, but some\n  // browsers (Safari) don't fire `dragend` synchronously, leaving react-aria's\n  // `isDragging` stale until a second keypress.\n  const isDragActive = dragState.draggingKeys.size > 0;\n  const cancelNativeDrag = useEffectEvent(() => {\n    dragState.endDrag({\n      type: 'dragend',\n      keys: new Set(dragKeysRef.current),\n      x: 0,\n      y: 0,\n      dropOperation: 'cancel',\n      isInternal: false,\n    });\n  });\n\n  useEffect(() => {\n    if (!isDragActive) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        cancelNativeDrag();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, true);\n\n    return () => document.removeEventListener('keydown', handleEscape, true);\n  }, [isDragActive]);\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  // Skip when the event originates from a text input — Alt+Arrow is\n  // word-by-word cursor navigation on macOS.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\n\n    const target = e.target as HTMLElement;\n\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const moveKeys =\n      orientation === 'vertical'\n        ? { backward: 'ArrowUp', forward: 'ArrowDown' }\n        : { backward: 'ArrowLeft', forward: 'ArrowRight' };\n\n    const direction =\n      e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;\n\n    if (direction === 0) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const focusedKey = String(state.selectionManager.focusedKey);\n    const idx = orderedKeys.indexOf(focusedKey);\n\n    if (idx === -1) return;\n\n    const targetIdx = idx + direction;\n\n    if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;\n\n    const newKeys = [...orderedKeys];\n    [newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];\n    onReorder(newKeys);\n  });\n\n  return (\n    <>\n      {children(dragState, dropState, {\n        ...mergeProps(collectionProps, {\n          onKeyDownCapture: handleKeyDownCapture,\n        }),\n      })}\n      {renderPreview ? (\n        // Rendered off-screen by React Aria and snapshotted at drag start. The\n        // keys come from the ref rather than the `DragItem`s the render\n        // function is handed, which only carry `text/plain`.\n        <DragPreview ref={previewRef}>\n          {() => {\n            const preview = renderPreview(dragKeysRef.current);\n            return preview ? <>{preview}</> : null;\n          }}\n        </DragPreview>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/shared/InvalidIcon.js

@@ -1,13 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/shared/InvalidIcon.tsx
 const InvalidIcon = /* @__PURE__ */ jsx(WarningIcon, {
 	"data-element": "ValidationIcon",
 	color: "#danger"
 });
-
 //#endregion
 export { InvalidIcon };
+
 //# sourceMappingURL=InvalidIcon.js.map

package/dist/components/shared/InvalidIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidIcon.js","names":["WarningIcon","InvalidIcon"],"sources":["../../../src/components/shared/InvalidIcon.tsx"],"sourcesContent":["import { WarningIcon } from '../../icons/WarningIcon';\n\nexport const InvalidIcon = (\n  <WarningIcon data-element=\"ValidationIcon\" color=\"#danger\" />\n);\n"],"mappings":";;;;;AAEA,MAAaC,cACX,oBAAC;CAAY,gBAAa;CAAiB,OAAM;EAClD"}
+{"version":3,"file":"InvalidIcon.js","names":["WarningIcon","InvalidIcon"],"sources":["../../../src/components/shared/InvalidIcon.tsx"],"sourcesContent":["import { WarningIcon } from '../../icons/WarningIcon';\n\nexport const InvalidIcon = (\n  <WarningIcon data-element=\"ValidationIcon\" color=\"#danger\" />\n);\n"],"mappings":";;;;AAEA,MAAaC,cACX,oBAAC,aAAD;CAAa,gBAAa;CAAiB,OAAM;AAAS,CAAA"}

package/dist/components/shared/ValidIcon.js

@@ -1,13 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/shared/ValidIcon.tsx
 const ValidIcon = /* @__PURE__ */ jsx(CheckIcon, {
 	"data-element": "ValidationIcon",
 	color: "#success"
 });
-
 //#endregion
 export { ValidIcon };
+
 //# sourceMappingURL=ValidIcon.js.map

package/dist/components/shared/ValidIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidIcon.js","names":["CheckIcon","ValidIcon"],"sources":["../../../src/components/shared/ValidIcon.tsx"],"sourcesContent":["import { CheckIcon } from '../../icons/CheckIcon';\n\nexport const ValidIcon = (\n  <CheckIcon data-element=\"ValidationIcon\" color=\"#success\" />\n);\n"],"mappings":";;;;;AAEA,MAAaC,YACX,oBAAC;CAAU,gBAAa;CAAiB,OAAM;EAChD"}
+{"version":3,"file":"ValidIcon.js","names":["CheckIcon","ValidIcon"],"sources":["../../../src/components/shared/ValidIcon.tsx"],"sourcesContent":["import { CheckIcon } from '../../icons/CheckIcon';\n\nexport const ValidIcon = (\n  <CheckIcon data-element=\"ValidationIcon\" color=\"#success\" />\n);\n"],"mappings":";;;;AAEA,MAAaC,YACX,oBAAC,WAAD;CAAW,gBAAa;CAAiB,OAAM;AAAU,CAAA"}

package/dist/components/status/LoadingAnimation/LoadingAnimation.d.ts

@@ -1,15 +1,9 @@
 
 import { CubeBlockProps } from "../../Block.js";
-import * as react from "react";
-
 //#region src/components/status/LoadingAnimation/LoadingAnimation.d.ts
-interface CubeLoadingAnimationProps extends CubeBlockProps {
+export interface CubeLoadingAnimationProps extends CubeBlockProps {
   size?: 'small' | 'medium' | 'large' | number;
 }
-declare function LoadingAnimation({
-  size,
-  ...props
-}: CubeLoadingAnimationProps): react.JSX.Element;
+export declare function LoadingAnimation({ size, ...props }: CubeLoadingAnimationProps): import("react").JSX.Element;
 //#endregion
-export { CubeLoadingAnimationProps, LoadingAnimation };
 //# sourceMappingURL=LoadingAnimation.d.ts.map