@burtson-labs/ui 0.13.1 → 0.14.1

package/dist/primitives/vendor/radix/react-menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","names":["PopperPrimitive.Root","PopperPrimitive.Anchor","PortalPrimitive","RovingFocusGroup.Root","PopperPrimitive.Content","RovingFocusGroup.Item"],"sources":["../../../../../src/primitives/vendor/radix/react-menu/menu.tsx"],"sourcesContent":["// Vendored from Radix Primitives (c) 2022 WorkOS, MIT. See vendor/LICENSE.radix.\n// Local modification: package imports resolve to the pinned local source.\nimport * as React from 'react';\nimport { composeEventHandlers } from '../primitive';\nimport { createCollection } from '../react-collection';\nimport { useComposedRefs } from '../react-compose-refs';\nimport { createContextScope } from '../react-context';\nimport { useDirection } from '../react-direction';\nimport { DismissableLayer } from '../react-dismissable-layer';\nimport { useFocusGuards } from '../react-focus-guards';\nimport { FocusScope } from '../react-focus-scope';\nimport { useId } from '../react-id';\nimport * as PopperPrimitive from '../react-popper';\nimport { createPopperScope } from '../react-popper';\nimport { Portal as PortalPrimitive } from '../react-portal';\nimport { Presence } from '../react-presence';\nimport { Primitive, dispatchDiscreteCustomEvent } from '../react-primitive';\nimport * as RovingFocusGroup from '../react-roving-focus';\nimport { createRovingFocusGroupScope } from '../react-roving-focus';\nimport { createSlot } from '../react-slot';\nimport { useCallbackRef } from '../react-use-callback-ref';\nimport { hideOthers } from 'aria-hidden';\nimport { RemoveScroll } from 'react-remove-scroll';\n\nimport type { Scope } from '../react-context';\n\ntype Direction = 'ltr' | 'rtl';\n\nconst SELECTION_KEYS = ['Enter', ' '];\nconst FIRST_KEYS = ['ArrowDown', 'PageUp', 'Home'];\nconst LAST_KEYS = ['ArrowUp', 'PageDown', 'End'];\nconst FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];\nconst SUB_OPEN_KEYS: Record<Direction, string[]> = {\n  ltr: [...SELECTION_KEYS, 'ArrowRight'],\n  rtl: [...SELECTION_KEYS, 'ArrowLeft'],\n};\nconst SUB_CLOSE_KEYS: Record<Direction, string[]> = {\n  ltr: ['ArrowLeft'],\n  rtl: ['ArrowRight'],\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Menu\n * -----------------------------------------------------------------------------------------------*/\n\nconst MENU_NAME = 'Menu';\n\ntype ItemData = { disabled: boolean; textValue: string };\nconst [Collection, useCollection, createCollectionScope] = createCollection<\n  MenuItemElement,\n  ItemData\n>(MENU_NAME);\n\ntype ScopedProps<P> = P & { __scopeMenu?: Scope };\nconst [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, [\n  createCollectionScope,\n  createPopperScope,\n  createRovingFocusGroupScope,\n]);\nconst usePopperScope = createPopperScope();\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\n\ntype MenuContextValue = {\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  content: MenuContentElement | null;\n  onContentChange(content: MenuContentElement | null): void;\n};\n\nconst [MenuProvider, useMenuContext] = createMenuContext<MenuContextValue>(MENU_NAME);\n\ntype MenuRootContextValue = {\n  onClose(): void;\n  isUsingKeyboardRef: React.RefObject<boolean>;\n  dir: Direction;\n  modal: boolean;\n};\n\nconst [MenuRootProvider, useMenuRootContext] = createMenuContext<MenuRootContextValue>(MENU_NAME);\n\ninterface MenuProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?(open: boolean): void;\n  dir?: Direction;\n  modal?: boolean;\n}\n\nconst Menu: React.FC<MenuProps> = (props: ScopedProps<MenuProps>) => {\n  const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;\n  const popperScope = usePopperScope(__scopeMenu);\n  const [content, setContent] = React.useState<MenuContentElement | null>(null);\n  const isUsingKeyboardRef = React.useRef(false);\n  const handleOpenChange = useCallbackRef(onOpenChange);\n  const direction = useDirection(dir);\n\n  React.useEffect(() => {\n    // Capture phase ensures we set the boolean before any side effects execute\n    // in response to the key or pointer event as they might depend on this value.\n    const handleKeyDown = () => {\n      isUsingKeyboardRef.current = true;\n      document.addEventListener('pointerdown', handlePointer, { capture: true, once: true });\n      document.addEventListener('pointermove', handlePointer, { capture: true, once: true });\n    };\n    const handlePointer = () => (isUsingKeyboardRef.current = false);\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, { capture: true });\n      document.removeEventListener('pointerdown', handlePointer, { capture: true });\n      document.removeEventListener('pointermove', handlePointer, { capture: true });\n    };\n  }, []);\n\n  // Close the menu (and any open submenus) when the window loses focus, e.g. when\n  // switching to another browser tab or application. Without this, submenus would\n  // remain open when the page is re-focused, leaving the menu in an inconsistent state.\n  // See: https://github.com/radix-ui/primitives/issues/3257\n  React.useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const handleBlur = () => handleOpenChange(false);\n    window.addEventListener('blur', handleBlur);\n    return () => window.removeEventListener('blur', handleBlur);\n  }, [open, handleOpenChange]);\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <MenuProvider\n        scope={__scopeMenu}\n        open={open}\n        onOpenChange={handleOpenChange}\n        content={content}\n        onContentChange={setContent}\n      >\n        <MenuRootProvider\n          scope={__scopeMenu}\n          onClose={React.useCallback(() => handleOpenChange(false), [handleOpenChange])}\n          isUsingKeyboardRef={isUsingKeyboardRef}\n          dir={direction}\n          modal={modal}\n        >\n          {children}\n        </MenuRootProvider>\n      </MenuProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * MenuAnchor\n * -----------------------------------------------------------------------------------------------*/\n\ntype MenuAnchorElement = React.ComponentRef<typeof PopperPrimitive.Anchor>;\ntype PopperAnchorProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;\ninterface MenuAnchorProps extends PopperAnchorProps {}\n\nconst MenuAnchor = /* @__PURE__ */ React.forwardRef<MenuAnchorElement, MenuAnchorProps>(\n  function MenuAnchor(props: ScopedProps<MenuAnchorProps>, forwardedRef) {\n    const { __scopeMenu, ...anchorProps } = props;\n    const popperScope = usePopperScope(__scopeMenu);\n    return <PopperPrimitive.Anchor {...popperScope} {...anchorProps} ref={forwardedRef} />;\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'MenuPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createMenuContext<PortalContextValue>(PORTAL_NAME, {\n  forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface MenuPortalProps {\n  children?: React.ReactNode;\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: PortalProps['container'];\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst MenuPortal: React.FC<MenuPortalProps> = (props: ScopedProps<MenuPortalProps>) => {\n  const { __scopeMenu, forceMount, children, container } = props;\n  const context = useMenuContext(PORTAL_NAME, __scopeMenu);\n  return (\n    <PortalProvider scope={__scopeMenu} forceMount={forceMount}>\n      <Presence present={forceMount || context.open}>\n        <PortalPrimitive asChild container={container}>\n          {children}\n        </PortalPrimitive>\n      </Presence>\n    </PortalProvider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * MenuContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'MenuContent';\n\ntype MenuContentContextValue = {\n  onItemEnter(event: React.PointerEvent): void;\n  onItemLeave(event: React.PointerEvent): void;\n  onTriggerLeave(event: React.PointerEvent): void;\n  searchRef: React.RefObject<string>;\n  pointerGraceTimerRef: React.MutableRefObject<number>;\n  onPointerGraceIntentChange(intent: GraceIntent | null): void;\n};\nconst [MenuContentProvider, useMenuContentContext] =\n  createMenuContext<MenuContentContextValue>(CONTENT_NAME);\n\ntype MenuContentElement = MenuRootContentTypeElement;\n/**\n * We purposefully don't union MenuRootContent and MenuSubContent props here because\n * they have conflicting prop types. We agreed that we would allow MenuSubContent to\n * accept props that it would just ignore.\n */\ninterface MenuContentProps extends MenuRootContentTypeProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst MenuContent = /* @__PURE__ */ React.forwardRef<MenuContentElement, MenuContentProps>(\n  function MenuContent(props: ScopedProps<MenuContentProps>, forwardedRef) {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeMenu);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);\n    const rootContext = useMenuRootContext(CONTENT_NAME, props.__scopeMenu);\n\n    return (\n      <Collection.Provider scope={props.__scopeMenu}>\n        <Presence present={forceMount || context.open}>\n          <Collection.Slot scope={props.__scopeMenu}>\n            {rootContext.modal ? (\n              <MenuRootContentModal {...contentProps} ref={forwardedRef} />\n            ) : (\n              <MenuRootContentNonModal {...contentProps} ref={forwardedRef} />\n            )}\n          </Collection.Slot>\n        </Presence>\n      </Collection.Provider>\n    );\n  },\n);\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype MenuRootContentTypeElement = MenuContentImplElement;\ninterface MenuRootContentTypeProps extends Omit<\n  MenuContentImplProps,\n  keyof MenuContentImplPrivateProps\n> {}\n\nconst MenuRootContentModal = /* @__PURE__ */ React.forwardRef<\n  MenuRootContentTypeElement,\n  MenuRootContentTypeProps\n>(\n  // blank line to reduce diff noise\n  function MenuRootContentModal(props: ScopedProps<MenuRootContentTypeProps>, forwardedRef) {\n    const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);\n    const ref = React.useRef<MenuRootContentTypeElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n\n    // Hide everything from ARIA except the `MenuContent`\n    React.useEffect(() => {\n      const content = ref.current;\n      if (content) return hideOthers(content);\n    }, []);\n\n    return (\n      <MenuContentImpl\n        {...props}\n        ref={composedRefs}\n        // we make sure we're not trapping once it's been closed\n        // (closed !== unmounted when animating out)\n        trapFocus={context.open}\n        // make sure to only disable pointer events when open\n        // this avoids blocking interactions while animating out\n        disableOutsidePointerEvents={context.open}\n        disableOutsideScroll\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault(),\n          { checkForDefaultPrevented: false },\n        )}\n        onDismiss={() => context.onOpenChange(false)}\n      />\n    );\n  },\n);\n\nconst MenuRootContentNonModal = /* @__PURE__ */ React.forwardRef<\n  MenuRootContentTypeElement,\n  MenuRootContentTypeProps\n>(function MenuRootContentNonModal(props: ScopedProps<MenuRootContentTypeProps>, forwardedRef) {\n  const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);\n  return (\n    <MenuContentImpl\n      {...props}\n      ref={forwardedRef}\n      trapFocus={false}\n      disableOutsidePointerEvents={false}\n      disableOutsideScroll={false}\n      onDismiss={() => context.onOpenChange(false)}\n    />\n  );\n});\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype MenuContentImplElement = React.ComponentRef<typeof PopperPrimitive.Content>;\ntype FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;\ntype DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype PopperContentProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ntype MenuContentImplPrivateProps = {\n  onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];\n  onDismiss?: DismissableLayerProps['onDismiss'];\n  disableOutsidePointerEvents?: DismissableLayerProps['disableOutsidePointerEvents'];\n\n  /**\n   * Whether scrolling outside the `MenuContent` should be prevented\n   * (default: `false`)\n   */\n  disableOutsideScroll?: boolean;\n\n  /**\n   * Whether focus should be trapped within the `MenuContent`\n   * (default: false)\n   */\n  trapFocus?: FocusScopeProps['trapped'];\n};\ninterface MenuContentImplProps\n  extends MenuContentImplPrivateProps, Omit<PopperContentProps, 'dir' | 'onPlaced'> {\n  /**\n   * Event handler called when auto-focusing on close.\n   * Can be prevented.\n   */\n  onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];\n\n  /**\n   * Whether keyboard navigation should loop around\n   * @defaultValue false\n   */\n  loop?: RovingFocusGroupProps['loop'];\n\n  onEntryFocus?: RovingFocusGroupProps['onEntryFocus'];\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n  onFocusOutside?: DismissableLayerProps['onFocusOutside'];\n  onInteractOutside?: DismissableLayerProps['onInteractOutside'];\n}\n\nconst Slot = createSlot('MenuContent.ScrollLock');\n\nconst MenuContentImpl = /* @__PURE__ */ React.forwardRef<\n  MenuContentImplElement,\n  MenuContentImplProps\n>(\n  // blank line to reduce diff noise\n  function MenuContentImpl(props: ScopedProps<MenuContentImplProps>, forwardedRef) {\n    const {\n      __scopeMenu,\n      loop = false,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEntryFocus,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      disableOutsideScroll,\n      ...contentProps\n    } = props;\n    const context = useMenuContext(CONTENT_NAME, __scopeMenu);\n    const rootContext = useMenuRootContext(CONTENT_NAME, __scopeMenu);\n    const popperScope = usePopperScope(__scopeMenu);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);\n    const getItems = useCollection(__scopeMenu);\n    const [currentItemId, setCurrentItemId] = React.useState<string | null>(null);\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);\n    const timerRef = React.useRef(0);\n    const searchRef = React.useRef('');\n    const pointerGraceTimerRef = React.useRef(0);\n    const pointerGraceIntentRef = React.useRef<GraceIntent | null>(null);\n    const pointerDirRef = React.useRef<Side>('right');\n    const lastPointerXRef = React.useRef(0);\n\n    const ScrollLockWrapper = disableOutsideScroll ? RemoveScroll : React.Fragment;\n    const scrollLockWrapperProps = disableOutsideScroll\n      ? { as: Slot, allowPinchZoom: true }\n      : undefined;\n\n    const handleTypeaheadSearch = (key: string) => {\n      const search = searchRef.current + key;\n      const items = getItems().filter((item) => !item.disabled);\n      const currentItem = document.activeElement;\n      const currentMatch = items.find((item) => item.ref.current === currentItem)?.textValue;\n      const values = items.map((item) => item.textValue);\n      const nextMatch = getNextMatch(values, search, currentMatch);\n      const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;\n\n      // Reset `searchRef` 1 second after it was last updated\n      (function updateSearch(value: string) {\n        searchRef.current = value;\n        window.clearTimeout(timerRef.current);\n        if (value !== '') timerRef.current = window.setTimeout(() => updateSearch(''), 1000);\n      })(search);\n\n      if (newItem) {\n        /**\n         * Imperative focus during keydown is risky so we prevent React's batching updates\n         * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332\n         */\n        setTimeout(() => (newItem as HTMLElement).focus());\n      }\n    };\n\n    React.useEffect(() => {\n      return () => window.clearTimeout(timerRef.current);\n    }, []);\n\n    // Make sure the whole tree has focus guards as our `MenuContent` may be\n    // the last element in the DOM (because of the `Portal`)\n    useFocusGuards();\n\n    const isPointerMovingToSubmenu = React.useCallback((event: React.PointerEvent) => {\n      const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;\n      return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);\n    }, []);\n\n    return (\n      <MenuContentProvider\n        scope={__scopeMenu}\n        searchRef={searchRef}\n        onItemEnter={React.useCallback(\n          (event) => {\n            if (isPointerMovingToSubmenu(event)) event.preventDefault();\n          },\n          [isPointerMovingToSubmenu],\n        )}\n        onItemLeave={React.useCallback(\n          (event) => {\n            if (isPointerMovingToSubmenu(event)) return;\n            contentRef.current?.focus();\n            setCurrentItemId(null);\n          },\n          [isPointerMovingToSubmenu],\n        )}\n        onTriggerLeave={React.useCallback(\n          (event) => {\n            if (isPointerMovingToSubmenu(event)) event.preventDefault();\n          },\n          [isPointerMovingToSubmenu],\n        )}\n        pointerGraceTimerRef={pointerGraceTimerRef}\n        onPointerGraceIntentChange={React.useCallback((intent) => {\n          pointerGraceIntentRef.current = intent;\n        }, [])}\n      >\n        <ScrollLockWrapper {...scrollLockWrapperProps}>\n          <FocusScope\n            asChild\n            trapped={trapFocus}\n            onMountAutoFocus={composeEventHandlers(onOpenAutoFocus, (event) => {\n              // when opening, explicitly focus the content area only and leave\n              // `onEntryFocus` in  control of focusing first item\n              event.preventDefault();\n              contentRef.current?.focus({ preventScroll: true });\n            })}\n            onUnmountAutoFocus={onCloseAutoFocus}\n          >\n            <DismissableLayer\n              asChild\n              disableOutsidePointerEvents={disableOutsidePointerEvents}\n              onEscapeKeyDown={onEscapeKeyDown}\n              onPointerDownOutside={onPointerDownOutside}\n              onFocusOutside={onFocusOutside}\n              onInteractOutside={onInteractOutside}\n              onDismiss={onDismiss}\n            >\n              <RovingFocusGroup.Root\n                asChild\n                {...rovingFocusGroupScope}\n                dir={rootContext.dir}\n                orientation=\"vertical\"\n                loop={loop}\n                currentTabStopId={currentItemId}\n                onCurrentTabStopIdChange={setCurrentItemId}\n                onEntryFocus={composeEventHandlers(onEntryFocus, (event) => {\n                  // only focus first item when using keyboard\n                  if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();\n                })}\n                preventScrollOnEntryFocus\n              >\n                <PopperPrimitive.Content\n                  role=\"menu\"\n                  aria-orientation=\"vertical\"\n                  data-state={getOpenState(context.open)}\n                  data-radix-menu-content=\"\"\n                  dir={rootContext.dir}\n                  {...popperScope}\n                  {...contentProps}\n                  ref={composedRefs}\n                  style={{ outline: 'none', ...contentProps.style }}\n                  onKeyDown={composeEventHandlers(contentProps.onKeyDown, (event) => {\n                    // submenu key events bubble through portals. We only care about keys in this menu.\n                    const target = event.target as HTMLElement;\n                    const isKeyDownInside =\n                      target.closest('[data-radix-menu-content]') === event.currentTarget;\n                    const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;\n                    const isCharacterKey = event.key.length === 1;\n                    if (isKeyDownInside) {\n                      // menus should not be navigated using tab key so we prevent it\n                      if (event.key === 'Tab') event.preventDefault();\n                      if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key);\n                    }\n                    // focus first/last item based on key pressed\n                    const content = contentRef.current;\n                    if (event.target !== content) return;\n                    if (!FIRST_LAST_KEYS.includes(event.key)) return;\n                    event.preventDefault();\n                    const items = getItems().filter((item) => !item.disabled);\n                    const candidateNodes = items.map((item) => item.ref.current!);\n                    if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();\n                    focusFirst(candidateNodes);\n                  })}\n                  onBlur={composeEventHandlers(props.onBlur, (event) => {\n                    // clear search buffer when leaving the menu\n                    if (!event.currentTarget.contains(event.target)) {\n                      window.clearTimeout(timerRef.current);\n                      searchRef.current = '';\n                    }\n                  })}\n                  onPointerMove={composeEventHandlers(\n                    props.onPointerMove,\n                    whenMouse((event) => {\n                      const target = event.target as HTMLElement;\n                      const pointerXHasChanged = lastPointerXRef.current !== event.clientX;\n\n                      // We don't use `event.movementX` for this check because Safari will\n                      // always return `0` on a pointer event.\n                      if (event.currentTarget.contains(target) && pointerXHasChanged) {\n                        const newDir = event.clientX > lastPointerXRef.current ? 'right' : 'left';\n                        pointerDirRef.current = newDir;\n                        lastPointerXRef.current = event.clientX;\n                      }\n                    }),\n                  )}\n                />\n              </RovingFocusGroup.Root>\n            </DismissableLayer>\n          </FocusScope>\n        </ScrollLockWrapper>\n      </MenuContentProvider>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuGroup\n * -----------------------------------------------------------------------------------------------*/\n\ntype MenuGroupElement = React.ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface MenuGroupProps extends PrimitiveDivProps {}\n\nconst MenuGroup = /* @__PURE__ */ React.forwardRef<MenuGroupElement, MenuGroupProps>(\n  function MenuGroup(props: ScopedProps<MenuGroupProps>, forwardedRef) {\n    const { __scopeMenu, ...groupProps } = props;\n    return <Primitive.div role=\"group\" {...groupProps} ref={forwardedRef} />;\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuLabel\n * -----------------------------------------------------------------------------------------------*/\n\ntype MenuLabelElement = React.ComponentRef<typeof Primitive.div>;\ninterface MenuLabelProps extends PrimitiveDivProps {}\n\nconst MenuLabel = /* @__PURE__ */ React.forwardRef<MenuLabelElement, MenuLabelProps>(\n  function MenuLabel(props: ScopedProps<MenuLabelProps>, forwardedRef) {\n    const { __scopeMenu, ...labelProps } = props;\n    return <Primitive.div {...labelProps} ref={forwardedRef} />;\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'MenuItem';\nconst ITEM_SELECT = 'menu.itemSelect';\n\ntype MenuItemElement = MenuItemImplElement;\ninterface MenuItemProps extends Omit<MenuItemImplProps, 'onSelect'> {\n  onSelect?: (event: Event) => void;\n}\n\nconst MenuItem = /* @__PURE__ */ React.forwardRef<MenuItemElement, MenuItemProps>(\n  // blank line to reduce diff noise\n  function MenuItem(props: ScopedProps<MenuItemProps>, forwardedRef) {\n    const { disabled = false, onSelect, ...itemProps } = props;\n    const ref = React.useRef<HTMLDivElement>(null);\n    const rootContext = useMenuRootContext(ITEM_NAME, props.__scopeMenu);\n    const contentContext = useMenuContentContext(ITEM_NAME, props.__scopeMenu);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const isPointerDownRef = React.useRef(false);\n\n    const handleSelect = () => {\n      const menuItem = ref.current;\n      if (!disabled && menuItem) {\n        const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });\n        menuItem.addEventListener(ITEM_SELECT, (event) => onSelect?.(event), { once: true });\n        dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);\n        if (itemSelectEvent.defaultPrevented) {\n          isPointerDownRef.current = false;\n        } else {\n          rootContext.onClose();\n        }\n      }\n    };\n\n    return (\n      <MenuItemImpl\n        {...itemProps}\n        ref={composedRefs}\n        disabled={disabled}\n        onClick={composeEventHandlers(props.onClick, handleSelect)}\n        onPointerDown={(event) => {\n          props.onPointerDown?.(event);\n          isPointerDownRef.current = true;\n        }}\n        onPointerUp={composeEventHandlers(props.onPointerUp, (event) => {\n          // Pointer down can move to a different menu item which should activate it on pointer up.\n          // We dispatch a click for selection to allow composition with click based triggers and to\n          // prevent Firefox from getting stuck in text selection mode when the menu closes.\n          if (!isPointerDownRef.current) event.currentTarget?.click();\n        })}\n        onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n          // Only react to keys originating from the item itself. Focusable\n          // descendants (eg. an `input` inside a `Dialog` rendered within the\n          // item) bubble their key events here through React's event system\n          // even when portaled out of the item's DOM subtree, which would\n          // otherwise let the item swallow selection keys.\n          // See: https://github.com/radix-ui/primitives/issues/3232\n          if (disabled || event.target !== event.currentTarget) {\n            return;\n          }\n\n          const isTypingAhead = contentContext.searchRef.current !== '';\n          if (isTypingAhead && event.key === ' ') {\n            return;\n          }\n\n          if (SELECTION_KEYS.includes(event.key)) {\n            event.currentTarget.click();\n            /**\n             * We prevent default browser behaviour for selection keys as they should trigger\n             * a selection only:\n             * - prevents space from scrolling the page.\n             * - if keydown causes focus to move, prevents keydown from firing on the new target.\n             */\n            event.preventDefault();\n          }\n        })}\n      />\n    );\n  },\n);\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype MenuItemImplElement = React.ComponentRef<typeof Primitive.div>;\ninterface MenuItemImplProps extends PrimitiveDivProps {\n  disabled?: boolean;\n  textValue?: string;\n}\n\nconst MenuItemImpl = /* @__PURE__ */ React.forwardRef<MenuItemImplElement, MenuItemImplProps>(\n  function MenuItemImpl(props: ScopedProps<MenuItemImplProps>, forwardedRef) {\n    const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;\n    const contentContext = useMenuContentContext(ITEM_NAME, __scopeMenu);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);\n    const ref = React.useRef<HTMLDivElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    // get the item's `.textContent` as default strategy for typeahead `textValue`\n    const [textContent, setTextContent] = React.useState('');\n    React.useEffect(() => {\n      const menuItem = ref.current;\n      if (menuItem) {\n        setTextContent((menuItem.textContent ?? '').trim());\n      }\n    }, [itemProps.children]);\n\n    return (\n      <Collection.ItemSlot\n        scope={__scopeMenu}\n        disabled={disabled}\n        textValue={textValue ?? textContent}\n      >\n        <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!disabled}>\n          <Primitive.div\n            role=\"menuitem\"\n            data-highlighted={isFocused ? '' : undefined}\n            aria-disabled={disabled || undefined}\n            data-disabled={disabled ? '' : undefined}\n            {...itemProps}\n            ref={composedRefs}\n            /**\n             * We focus items on `pointerMove` to achieve the following:\n             *\n             * - Mouse over an item (it focuses)\n             * - Leave mouse where it is and use keyboard to focus a different item\n             * - Wiggle mouse without it leaving previously focused item\n             * - Previously focused item should re-focus\n             *\n             * If we used `mouseOver`/`mouseEnter` it would not re-focus when the mouse\n             * wiggles. This is to match native menu implementation.\n             */\n            onPointerMove={composeEventHandlers(\n              props.onPointerMove,\n              whenMouse((event) => {\n                if (disabled) {\n                  contentContext.onItemLeave(event);\n                } else {\n                  contentContext.onItemEnter(event);\n                  if (!event.defaultPrevented) {\n                    const item = event.currentTarget;\n                    item.focus({ preventScroll: true });\n                  }\n                }\n              }),\n            )}\n            onPointerLeave={composeEventHandlers(\n              props.onPointerLeave,\n              whenMouse((event) => contentContext.onItemLeave(event)),\n            )}\n            onFocus={composeEventHandlers(props.onFocus, () => setIsFocused(true))}\n            onBlur={composeEventHandlers(props.onBlur, () => setIsFocused(false))}\n          />\n        </RovingFocusGroup.Item>\n      </Collection.ItemSlot>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuCheckboxItem\n * -----------------------------------------------------------------------------------------------*/\n\ntype MenuCheckboxItemElement = MenuItemElement;\n\ntype CheckedState = boolean | 'indeterminate';\n\ninterface MenuCheckboxItemProps extends MenuItemProps {\n  checked?: CheckedState;\n  // `onCheckedChange` can never be called with `\"indeterminate\"` from the inside\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nconst MenuCheckboxItem = /* @__PURE__ */ React.forwardRef<\n  MenuCheckboxItemElement,\n  MenuCheckboxItemProps\n>(\n  // blank line to reduce diff noise\n  function MenuCheckboxItem(props: ScopedProps<MenuCheckboxItemProps>, forwardedRef) {\n    const { checked = false, onCheckedChange, ...checkboxItemProps } = props;\n    return (\n      <ItemIndicatorProvider scope={props.__scopeMenu} checked={checked}>\n        <MenuItem\n          role=\"menuitemcheckbox\"\n          aria-checked={isIndeterminate(checked) ? 'mixed' : checked}\n          {...checkboxItemProps}\n          ref={forwardedRef}\n          data-state={getCheckedState(checked)}\n          onSelect={composeEventHandlers(\n            checkboxItemProps.onSelect,\n            () => onCheckedChange?.(isIndeterminate(checked) ? true : !checked),\n            { checkForDefaultPrevented: false },\n          )}\n        />\n      </ItemIndicatorProvider>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuRadioGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst RADIO_GROUP_NAME = 'MenuRadioGroup';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createMenuContext<MenuRadioGroupProps>(\n  RADIO_GROUP_NAME,\n  { value: undefined, onValueChange: () => {} },\n);\n\ntype MenuRadioGroupElement = React.ComponentRef<typeof MenuGroup>;\ninterface MenuRadioGroupProps extends MenuGroupProps {\n  value?: string;\n  onValueChange?: (value: string) => void;\n}\n\nconst MenuRadioGroup = /* @__PURE__ */ React.forwardRef<MenuRadioGroupElement, MenuRadioGroupProps>(\n  function MenuRadioGroup(props: ScopedProps<MenuRadioGroupProps>, forwardedRef) {\n    const { value, onValueChange, ...groupProps } = props;\n    const handleValueChange = useCallbackRef(onValueChange);\n    return (\n      <RadioGroupProvider scope={props.__scopeMenu} value={value} onValueChange={handleValueChange}>\n        <MenuGroup {...groupProps} ref={forwardedRef} />\n      </RadioGroupProvider>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuRadioItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst RADIO_ITEM_NAME = 'MenuRadioItem';\n\ntype MenuRadioItemElement = React.ComponentRef<typeof MenuItem>;\ninterface MenuRadioItemProps extends MenuItemProps {\n  value: string;\n}\n\nconst MenuRadioItem = /* @__PURE__ */ React.forwardRef<MenuRadioItemElement, MenuRadioItemProps>(\n  function MenuRadioItem(props: ScopedProps<MenuRadioItemProps>, forwardedRef) {\n    const { value, ...radioItemProps } = props;\n    const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);\n    const checked = value === context.value;\n    return (\n      <ItemIndicatorProvider scope={props.__scopeMenu} checked={checked}>\n        <MenuItem\n          role=\"menuitemradio\"\n          aria-checked={checked}\n          {...radioItemProps}\n          ref={forwardedRef}\n          data-state={getCheckedState(checked)}\n          onSelect={composeEventHandlers(\n            radioItemProps.onSelect,\n            () => context.onValueChange?.(value),\n            { checkForDefaultPrevented: false },\n          )}\n        />\n      </ItemIndicatorProvider>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuItemIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_INDICATOR_NAME = 'MenuItemIndicator';\n\ntype CheckboxContextValue = { checked: CheckedState };\n\nconst [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext<CheckboxContextValue>(\n  ITEM_INDICATOR_NAME,\n  { checked: false },\n);\n\ntype MenuItemIndicatorElement = React.ComponentRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface MenuItemIndicatorProps extends PrimitiveSpanProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst MenuItemIndicator = /* @__PURE__ */ React.forwardRef<\n  MenuItemIndicatorElement,\n  MenuItemIndicatorProps\n>(\n  // blank line to reduce diff noise\n  function MenuItemIndicator(props: ScopedProps<MenuItemIndicatorProps>, forwardedRef) {\n    const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;\n    const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);\n    return (\n      <Presence\n        present={\n          forceMount ||\n          isIndeterminate(indicatorContext.checked) ||\n          indicatorContext.checked === true\n        }\n      >\n        <Primitive.span\n          {...itemIndicatorProps}\n          ref={forwardedRef}\n          data-state={getCheckedState(indicatorContext.checked)}\n        />\n      </Presence>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuSeparator\n * -----------------------------------------------------------------------------------------------*/\n\ntype MenuSeparatorElement = React.ComponentRef<typeof Primitive.div>;\ninterface MenuSeparatorProps extends PrimitiveDivProps {}\n\nconst MenuSeparator = /* @__PURE__ */ React.forwardRef<MenuSeparatorElement, MenuSeparatorProps>(\n  function MenuSeparator(props: ScopedProps<MenuSeparatorProps>, forwardedRef) {\n    const { __scopeMenu, ...separatorProps } = props;\n    return (\n      <Primitive.div\n        role=\"separator\"\n        aria-orientation=\"horizontal\"\n        {...separatorProps}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuArrow\n * -----------------------------------------------------------------------------------------------*/\n\ntype MenuArrowElement = React.ComponentRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface MenuArrowProps extends PopperArrowProps {}\n\nconst MenuArrow = /* @__PURE__ */ React.forwardRef<MenuArrowElement, MenuArrowProps>(\n  function MenuArrow(props: ScopedProps<MenuArrowProps>, forwardedRef) {\n    const { __scopeMenu, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopeMenu);\n    return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuSub\n * -----------------------------------------------------------------------------------------------*/\n\nconst SUB_NAME = 'MenuSub';\n\ntype MenuSubContextValue = {\n  contentId: string;\n  triggerId: string;\n  trigger: MenuSubTriggerElement | null;\n  onTriggerChange(trigger: MenuSubTriggerElement | null): void;\n};\n\nconst [MenuSubProvider, useMenuSubContext] = createMenuContext<MenuSubContextValue>(SUB_NAME);\n\ninterface MenuSubProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?(open: boolean): void;\n}\n\nconst MenuSub: React.FC<MenuSubProps> = (props: ScopedProps<MenuSubProps>) => {\n  const { __scopeMenu, children, open = false, onOpenChange } = props;\n  const parentMenuContext = useMenuContext(SUB_NAME, __scopeMenu);\n  const popperScope = usePopperScope(__scopeMenu);\n  const [trigger, setTrigger] = React.useState<MenuSubTriggerElement | null>(null);\n  const [content, setContent] = React.useState<MenuContentElement | null>(null);\n  const handleOpenChange = useCallbackRef(onOpenChange);\n\n  // Prevent the parent menu from reopening with open submenus.\n  React.useEffect(() => {\n    if (parentMenuContext.open === false) handleOpenChange(false);\n    return () => handleOpenChange(false);\n  }, [parentMenuContext.open, handleOpenChange]);\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <MenuProvider\n        scope={__scopeMenu}\n        open={open}\n        onOpenChange={handleOpenChange}\n        content={content}\n        onContentChange={setContent}\n      >\n        <MenuSubProvider\n          scope={__scopeMenu}\n          contentId={useId()}\n          triggerId={useId()}\n          trigger={trigger}\n          onTriggerChange={setTrigger}\n        >\n          {children}\n        </MenuSubProvider>\n      </MenuProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * MenuSubTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst SUB_TRIGGER_NAME = 'MenuSubTrigger';\n\ntype MenuSubTriggerElement = MenuItemImplElement;\ninterface MenuSubTriggerProps extends MenuItemImplProps {}\n\nconst MenuSubTrigger = /* @__PURE__ */ React.forwardRef<MenuSubTriggerElement, MenuSubTriggerProps>(\n  function MenuSubTrigger(props: ScopedProps<MenuSubTriggerProps>, forwardedRef) {\n    const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);\n    const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);\n    const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);\n    const contentContext = useMenuContentContext(SUB_TRIGGER_NAME, props.__scopeMenu);\n    const openTimerRef = React.useRef<number | null>(null);\n    const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;\n    const scope = { __scopeMenu: props.__scopeMenu };\n\n    const clearOpenTimer = React.useCallback(() => {\n      if (openTimerRef.current) window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }, []);\n\n    React.useEffect(() => clearOpenTimer, [clearOpenTimer]);\n\n    React.useEffect(() => {\n      const pointerGraceTimer = pointerGraceTimerRef.current;\n      return () => {\n        window.clearTimeout(pointerGraceTimer);\n        onPointerGraceIntentChange(null);\n      };\n    }, [pointerGraceTimerRef, onPointerGraceIntentChange]);\n\n    const composedRefs = useComposedRefs(forwardedRef, subContext.onTriggerChange);\n\n    return (\n      <MenuAnchor asChild {...scope}>\n        <MenuItemImpl\n          id={subContext.triggerId}\n          aria-haspopup=\"menu\"\n          aria-expanded={context.open}\n          aria-controls={context.open ? subContext.contentId : undefined}\n          data-state={getOpenState(context.open)}\n          {...props}\n          ref={composedRefs}\n          // This is redundant for mouse users but we cannot determine pointer type from\n          // click event and we cannot use pointerup event (see git history for reasons why)\n          onClick={(event) => {\n            props.onClick?.(event);\n            if (props.disabled || event.defaultPrevented) return;\n            /**\n             * We manually focus because iOS Safari doesn't always focus on click (e.g. buttons)\n             * and we rely heavily on `onFocusOutside` for submenus to close when switching\n             * between separate submenus.\n             */\n            event.currentTarget.focus();\n            if (!context.open) context.onOpenChange(true);\n          }}\n          onPointerMove={composeEventHandlers(\n            props.onPointerMove,\n            whenMouse((event) => {\n              contentContext.onItemEnter(event);\n              if (event.defaultPrevented) return;\n              if (!props.disabled && !context.open && !openTimerRef.current) {\n                contentContext.onPointerGraceIntentChange(null);\n                openTimerRef.current = window.setTimeout(() => {\n                  context.onOpenChange(true);\n                  clearOpenTimer();\n                }, 100);\n              }\n            }),\n          )}\n          onPointerLeave={composeEventHandlers(\n            props.onPointerLeave,\n            whenMouse((event) => {\n              clearOpenTimer();\n\n              const contentRect = context.content?.getBoundingClientRect();\n              if (contentRect) {\n                // TODO: make sure to update this when we change positioning logic\n                const side = context.content?.dataset.side as Side;\n                const rightSide = side === 'right';\n                const bleed = rightSide ? -5 : +5;\n                const contentNearEdge = contentRect[rightSide ? 'left' : 'right'];\n                const contentFarEdge = contentRect[rightSide ? 'right' : 'left'];\n\n                contentContext.onPointerGraceIntentChange({\n                  area: [\n                    // Apply a bleed on clientX to ensure that our exit point is\n                    // consistently within polygon bounds\n                    { x: event.clientX + bleed, y: event.clientY },\n                    { x: contentNearEdge, y: contentRect.top },\n                    { x: contentFarEdge, y: contentRect.top },\n                    { x: contentFarEdge, y: contentRect.bottom },\n                    { x: contentNearEdge, y: contentRect.bottom },\n                  ],\n                  side,\n                });\n\n                window.clearTimeout(pointerGraceTimerRef.current);\n                pointerGraceTimerRef.current = window.setTimeout(\n                  () => contentContext.onPointerGraceIntentChange(null),\n                  300,\n                );\n              } else {\n                contentContext.onTriggerLeave(event);\n                if (event.defaultPrevented) return;\n\n                // There's 100ms where the user may leave an item before the submenu was opened.\n                contentContext.onPointerGraceIntentChange(null);\n              }\n            }),\n          )}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            // Only react to keys originating from the trigger itself. Focusable descendants\n            // (eg. content rendered within the trigger) bubble their key events here through\n            // React's event system even when portaled, which would otherwise let the trigger\n            // swallow them. See: https://github.com/radix-ui/primitives/issues/3232\n            if (props.disabled || event.target !== event.currentTarget) {\n              return;\n            }\n\n            const isTypingAhead = contentContext.searchRef.current !== '';\n            if (isTypingAhead && event.key === ' ') {\n              return;\n            }\n\n            if (SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {\n              context.onOpenChange(true);\n              // The trigger may hold focus if opened via pointer interaction\n              // so we ensure content is given focus again when switching to keyboard.\n              context.content?.focus();\n              // prevent window from scrolling\n              event.preventDefault();\n            }\n          })}\n        />\n      </MenuAnchor>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * MenuSubContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst SUB_CONTENT_NAME = 'MenuSubContent';\n\ntype AlignSubContent = Exclude<(typeof PopperPrimitive.ALIGN_OPTIONS)[number], 'center'>;\n\ntype MenuSubContentElement = MenuContentImplElement;\ninterface MenuSubContentProps extends Omit<\n  MenuContentImplProps,\n  keyof MenuContentImplPrivateProps | 'onCloseAutoFocus' | 'onEntryFocus' | 'side' | 'align'\n> {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n\n  /**\n   * Controls the direction the subcontent appears from its anchor menu item\n   * Default: start\n   */\n  align?: AlignSubContent;\n}\n\nconst MenuSubContent = /* @__PURE__ */ React.forwardRef<MenuSubContentElement, MenuSubContentProps>(\n  function MenuSubContent(props: ScopedProps<MenuSubContentProps>, forwardedRef) {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeMenu);\n    const { forceMount = portalContext.forceMount, align = 'start', ...subContentProps } = props;\n    const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);\n    const rootContext = useMenuRootContext(CONTENT_NAME, props.__scopeMenu);\n    const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);\n    const ref = React.useRef<MenuSubContentElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    return (\n      <Collection.Provider scope={props.__scopeMenu}>\n        <Presence present={forceMount || context.open}>\n          <Collection.Slot scope={props.__scopeMenu}>\n            <MenuContentImpl\n              id={subContext.contentId}\n              aria-labelledby={subContext.triggerId}\n              {...subContentProps}\n              ref={composedRefs}\n              align={align}\n              side={rootContext.dir === 'rtl' ? 'left' : 'right'}\n              disableOutsidePointerEvents={false}\n              disableOutsideScroll={false}\n              trapFocus={false}\n              onOpenAutoFocus={(event) => {\n                // when opening a submenu, focus content for keyboard users only\n                if (rootContext.isUsingKeyboardRef.current) ref.current?.focus();\n                event.preventDefault();\n              }}\n              // The menu might close because of focusing another menu item in the parent menu. We\n              // don't want it to refocus the trigger in that case so we handle trigger focus ourselves.\n              onCloseAutoFocus={(event) => event.preventDefault()}\n              onFocusOutside={composeEventHandlers(props.onFocusOutside, (event) => {\n                // We prevent closing when the trigger is focused to avoid triggering a re-open animation\n                // on pointer interaction.\n                if (event.target !== subContext.trigger) context.onOpenChange(false);\n              })}\n              onEscapeKeyDown={composeEventHandlers(props.onEscapeKeyDown, (event) => {\n                rootContext.onClose();\n                // ensure pressing escape in submenu doesn't escape full screen mode\n                event.preventDefault();\n              })}\n              onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n                // Submenu key events bubble through portals. We only care about keys in this menu.\n                const isKeyDownInside = event.currentTarget.contains(event.target as HTMLElement);\n                const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);\n                if (isKeyDownInside && isCloseKey) {\n                  context.onOpenChange(false);\n                  // We focus manually because we prevented it in `onCloseAutoFocus`\n                  subContext.trigger?.focus();\n                  // prevent window from scrolling\n                  event.preventDefault();\n                }\n              })}\n            />\n          </Collection.Slot>\n        </Presence>\n      </Collection.Provider>\n    );\n  },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getOpenState(open: boolean) {\n  return open ? 'open' : 'closed';\n}\n\nfunction isIndeterminate(checked?: CheckedState): checked is 'indeterminate' {\n  return checked === 'indeterminate';\n}\n\nfunction getCheckedState(checked: CheckedState) {\n  return isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n}\n\nfunction focusFirst(candidates: HTMLElement[]) {\n  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;\n  for (const candidate of candidates) {\n    // if focus is already where we want to go, we don't want to keep going through the candidates\n    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;\n    candidate.focus();\n    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;\n  }\n}\n\n/**\n * Wraps an array around itself at a given start index\n * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`\n */\nfunction wrapArray<T>(array: T[], startIndex: number) {\n  return array.map<T>((_, index) => array[(startIndex + index) % array.length]!);\n}\n\n/**\n * This is the \"meat\" of the typeahead matching logic. It takes in all the values,\n * the search and the current match, and returns the next match (or `undefined`).\n *\n * We normalize the search because if a user has repeatedly pressed a character,\n * we want the exact same behavior as if we only had that one character\n * (ie. cycle through options starting with that character)\n *\n * We also reorder the values by wrapping the array around the current match.\n * This is so we always look forward from the current match, and picking the first\n * match will always be the correct one.\n *\n * Finally, if the normalized search is exactly one character, we exclude the\n * current match from the values because otherwise it would be the first to match always\n * and focus would never move. This is as opposed to the regular case, where we\n * don't want focus to move if the current match still matches.\n */\nfunction getNextMatch(values: string[], search: string, currentMatch?: string) {\n  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);\n  const normalizedSearch = isRepeated ? search[0]! : search;\n  const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;\n  let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));\n  const excludeCurrentMatch = normalizedSearch.length === 1;\n  if (excludeCurrentMatch) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);\n  const nextMatch = wrappedValues.find((value) =>\n    value.toLowerCase().startsWith(normalizedSearch.toLowerCase()),\n  );\n  return nextMatch !== currentMatch ? nextMatch : undefined;\n}\n\ntype Point = { x: number; y: number };\ntype Polygon = Point[];\ntype Side = 'left' | 'right';\ntype GraceIntent = { area: Polygon; side: Side };\n\n// Determine if a point is inside of a polygon.\n// Based on https://github.com/substack/point-in-polygon\nfunction isPointInPolygon(point: Point, polygon: Polygon) {\n  const { x, y } = point;\n  let inside = false;\n  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {\n    const ii = polygon[i]!;\n    const jj = polygon[j]!;\n    const xi = ii.x;\n    const yi = ii.y;\n    const xj = jj.x;\n    const yj = jj.y;\n\n    // oxfmt-ignore\n    const intersect = ((yi > y) !== (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);\n    if (intersect) inside = !inside;\n  }\n\n  return inside;\n}\n\nfunction isPointerInGraceArea(event: React.PointerEvent, area?: Polygon) {\n  if (!area) return false;\n  const cursorPos = { x: event.clientX, y: event.clientY };\n  return isPointInPolygon(cursorPos, area);\n}\n\nfunction whenMouse<E>(handler: React.PointerEventHandler<E>): React.PointerEventHandler<E> {\n  return (event) => (event.pointerType === 'mouse' ? handler(event) : undefined);\n}\n\nconst Root = Menu;\nconst Anchor = MenuAnchor;\nconst Portal = MenuPortal;\nconst Content = MenuContent;\nconst Group = MenuGroup;\nconst Label = MenuLabel;\nconst Item = MenuItem;\nconst CheckboxItem = MenuCheckboxItem;\nconst RadioGroup = MenuRadioGroup;\nconst RadioItem = MenuRadioItem;\nconst ItemIndicator = MenuItemIndicator;\nconst Separator = MenuSeparator;\nconst Arrow = MenuArrow;\nconst Sub = MenuSub;\nconst SubTrigger = MenuSubTrigger;\nconst SubContent = MenuSubContent;\n\nexport {\n  createMenuScope,\n  //\n  Menu,\n  MenuAnchor,\n  MenuPortal,\n  MenuContent,\n  MenuGroup,\n  MenuLabel,\n  MenuItem,\n  MenuCheckboxItem,\n  MenuRadioGroup,\n  MenuRadioItem,\n  MenuItemIndicator,\n  MenuSeparator,\n  MenuArrow,\n  MenuSub,\n  MenuSubTrigger,\n  MenuSubContent,\n  //\n  Root,\n  Anchor,\n  Portal,\n  Content,\n  Group,\n  Label,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  ItemIndicator,\n  Separator,\n  Arrow,\n  Sub,\n  SubTrigger,\n  SubContent,\n};\nexport type {\n  MenuProps,\n  MenuAnchorProps,\n  MenuPortalProps,\n  MenuContentProps,\n  MenuGroupProps,\n  MenuLabelProps,\n  MenuItemProps,\n  MenuCheckboxItemProps,\n  MenuRadioGroupProps,\n  MenuRadioItemProps,\n  MenuItemIndicatorProps,\n  MenuSeparatorProps,\n  MenuArrowProps,\n  MenuSubProps,\n  MenuSubTriggerProps,\n  MenuSubContentProps,\n};\n"],"mappings":"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"}

package/dist/primitives/vendor/radix/react-menubar/index.d.ts

@@ -0,0 +1,2 @@
+export { createMenubarScope, Menubar, MenubarMenu, MenubarTrigger, MenubarPortal, MenubarContent, MenubarGroup, MenubarLabel, MenubarItem, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarItemIndicator, MenubarSeparator, MenubarArrow, MenubarSub, MenubarSubTrigger, MenubarSubContent, Root, Menu, Trigger, Portal, Content, Group, Label, Item, CheckboxItem, RadioGroup, RadioItem, ItemIndicator, Separator, Arrow, Sub, SubTrigger, SubContent, } from './menubar';
+export type { MenubarProps, MenubarMenuProps, MenubarTriggerProps, MenubarPortalProps, MenubarContentProps, MenubarGroupProps, MenubarLabelProps, MenubarItemProps, MenubarCheckboxItemProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarItemIndicatorProps, MenubarSeparatorProps, MenubarArrowProps, MenubarSubProps, MenubarSubTriggerProps, MenubarSubContentProps, } from './menubar';

package/dist/primitives/vendor/radix/react-menubar/menubar.d.ts

@@ -0,0 +1,106 @@
+import * as React from 'react';
+import * as MenuPrimitive from '../react-menu';
+import * as RovingFocusGroup from '../react-roving-focus';
+import { Primitive } from '../react-primitive';
+import type { Scope } from '../react-context';
+type ScopedProps<P> = P & {
+    __scopeMenubar?: Scope;
+};
+declare const createMenubarScope: import("../react-context").CreateScope;
+type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;
+type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface MenubarProps extends PrimitiveDivProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    loop?: RovingFocusGroupProps['loop'];
+    dir?: RovingFocusGroupProps['dir'];
+}
+declare const Menubar: React.ForwardRefExoticComponent<MenubarProps & React.RefAttributes<HTMLDivElement>>;
+interface MenubarMenuProps {
+    value?: string;
+    children?: React.ReactNode;
+}
+declare const MenubarMenu: (props: ScopedProps<MenubarMenuProps>) => React.JSX.Element;
+type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface MenubarTriggerProps extends PrimitiveButtonProps {
+}
+declare const MenubarTrigger: React.ForwardRefExoticComponent<MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type MenuPortalProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
+interface MenubarPortalProps extends MenuPortalProps {
+}
+declare const MenubarPortal: React.FC<MenubarPortalProps>;
+type MenuContentProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Content>;
+interface MenubarContentProps extends Omit<MenuContentProps, 'onEntryFocus'> {
+}
+declare const MenubarContent: React.ForwardRefExoticComponent<MenubarContentProps & React.RefAttributes<HTMLDivElement>>;
+type MenuGroupProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Group>;
+interface MenubarGroupProps extends MenuGroupProps {
+}
+declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
+type MenuLabelProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Label>;
+interface MenubarLabelProps extends MenuLabelProps {
+}
+declare const MenubarLabel: React.ForwardRefExoticComponent<MenubarLabelProps & React.RefAttributes<HTMLDivElement>>;
+type MenuItemProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;
+interface MenubarItemProps extends MenuItemProps {
+}
+declare const MenubarItem: React.ForwardRefExoticComponent<MenubarItemProps & React.RefAttributes<HTMLDivElement>>;
+type MenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>;
+interface MenubarCheckboxItemProps extends MenuCheckboxItemProps {
+}
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+type MenuRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>;
+interface MenubarRadioGroupProps extends MenuRadioGroupProps {
+}
+declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+type MenuRadioItemProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>;
+interface MenubarRadioItemProps extends MenuRadioItemProps {
+}
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>>;
+type MenuItemIndicatorProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.ItemIndicator>;
+interface MenubarItemIndicatorProps extends MenuItemIndicatorProps {
+}
+declare const MenubarItemIndicator: React.ForwardRefExoticComponent<MenubarItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+type MenuSeparatorProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>;
+interface MenubarSeparatorProps extends MenuSeparatorProps {
+}
+declare const MenubarSeparator: React.ForwardRefExoticComponent<MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+type MenuArrowProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Arrow>;
+interface MenubarArrowProps extends MenuArrowProps {
+}
+declare const MenubarArrow: React.ForwardRefExoticComponent<MenubarArrowProps & React.RefAttributes<SVGSVGElement>>;
+interface MenubarSubProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+}
+declare const MenubarSub: React.FC<MenubarSubProps>;
+type MenuSubTriggerProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.SubTrigger>;
+interface MenubarSubTriggerProps extends MenuSubTriggerProps {
+}
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+type MenuSubContentProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.SubContent>;
+interface MenubarSubContentProps extends MenuSubContentProps {
+}
+declare const MenubarSubContent: React.ForwardRefExoticComponent<MenubarSubContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Root: React.ForwardRefExoticComponent<MenubarProps & React.RefAttributes<HTMLDivElement>>;
+declare const Menu: (props: ScopedProps<MenubarMenuProps>) => React.JSX.Element;
+declare const Trigger: React.ForwardRefExoticComponent<MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Portal: React.FC<MenubarPortalProps>;
+declare const Content: React.ForwardRefExoticComponent<MenubarContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Group: React.ForwardRefExoticComponent<MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Label: React.ForwardRefExoticComponent<MenubarLabelProps & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<MenubarItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const CheckboxItem: React.ForwardRefExoticComponent<MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroup: React.ForwardRefExoticComponent<MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const RadioItem: React.ForwardRefExoticComponent<MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const ItemIndicator: React.ForwardRefExoticComponent<MenubarItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Separator: React.ForwardRefExoticComponent<MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const Arrow: React.ForwardRefExoticComponent<MenubarArrowProps & React.RefAttributes<SVGSVGElement>>;
+declare const Sub: React.FC<MenubarSubProps>;
+declare const SubTrigger: React.ForwardRefExoticComponent<MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+declare const SubContent: React.ForwardRefExoticComponent<MenubarSubContentProps & React.RefAttributes<HTMLDivElement>>;
+export { createMenubarScope, Menubar, MenubarMenu, MenubarTrigger, MenubarPortal, MenubarContent, MenubarGroup, MenubarLabel, MenubarItem, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarItemIndicator, MenubarSeparator, MenubarArrow, MenubarSub, MenubarSubTrigger, MenubarSubContent, Root, Menu, Trigger, Portal, Content, Group, Label, Item, CheckboxItem, RadioGroup, RadioItem, ItemIndicator, Separator, Arrow, Sub, SubTrigger, SubContent, };
+export type { MenubarProps, MenubarMenuProps, MenubarTriggerProps, MenubarPortalProps, MenubarContentProps, MenubarGroupProps, MenubarLabelProps, MenubarItemProps, MenubarCheckboxItemProps, MenubarRadioGroupProps, MenubarRadioItemProps, MenubarItemIndicatorProps, MenubarSeparatorProps, MenubarArrowProps, MenubarSubProps, MenubarSubTriggerProps, MenubarSubContentProps, };