@launchpad-ui/menu 0.6.5 → 0.6.6-alpha.0

package/dist/index.es.js

@@ -1,452 +0,0 @@
-import './style.css';
-import { cx } from "classix";
-import { forwardRef, useCallback, useMemo, Children, cloneElement, useRef, useId, useState, useEffect } from "react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useSeparator } from "@react-aria/separator";
-import { Tooltip } from "@launchpad-ui/tooltip";
-import { Slot } from "@radix-ui/react-slot";
-import { FocusRing, useFocusManager } from "@react-aria/focus";
-import { Link } from "react-router-dom";
-import { TextField } from "@launchpad-ui/form";
-import { useVirtual } from "react-virtual";
-const Menu$1 = "";
-const MenuBase = forwardRef(({
-  children,
-  size,
-  isVirtual,
-  ...props
-}, ref) => {
-  const classes = cx("Menu", isVirtual && "Menu--isVirtual", size && `MenuSize--${size}`);
-  return /* @__PURE__ */ jsx("div", {
-    ...props,
-    role: "menu",
-    className: classes,
-    ref,
-    children
-  });
-});
-MenuBase.displayName = "MenuBase";
-const MenuDivider = ({
-  elementType = "div",
-  orientation,
-  innerRef,
-  "data-test-id": testId = "menu-divider"
-}) => {
-  const {
-    separatorProps
-  } = useSeparator({
-    orientation,
-    elementType
-  });
-  return /* @__PURE__ */ jsx("div", {
-    ...separatorProps,
-    "data-test-id": testId,
-    ref: innerRef,
-    className: "Menu-divider"
-  });
-};
-const defaultElement = "button";
-const MenuItem = ({
-  ...props
-}) => {
-  const {
-    component,
-    children,
-    isHighlighted,
-    icon: Icon,
-    nested,
-    groupHeader,
-    item,
-    disabled,
-    className,
-    tooltip,
-    role = "menuitem",
-    tooltipPlacement,
-    onKeyDown,
-    tooltipOptions,
-    asChild,
-    "data-test-id": testId = "menu-item",
-    ...rest
-  } = props;
-  const Component = component || (asChild ? Slot : defaultElement);
-  const renderedItem = /* @__PURE__ */ jsx(FocusRing, {
-    focusRingClass: "has-focus",
-    children: /* @__PURE__ */ jsx(Component, {
-      ...rest,
-      disabled,
-      "aria-disabled": disabled ? disabled : void 0,
-      className: cx("Menu-item", className, isHighlighted && "is-highlighted", nested && "Menu-item--nested", groupHeader && "Menu-item--header"),
-      "data-test-id": testId,
-      role,
-      onKeyDown,
-      children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, {
-        children: [Icon && /* @__PURE__ */ jsx("span", {
-          className: "Menu-item-icon",
-          children: /* @__PURE__ */ jsx(Icon, {
-            size: "small"
-          })
-        }), children]
-      })
-    })
-  });
-  if (tooltip) {
-    return /* @__PURE__ */ jsx(Tooltip, {
-      content: tooltip,
-      rootElementStyle: {
-        display: "block"
-      },
-      allowBoundaryElementOverflow: true,
-      placement: tooltipPlacement ? tooltipPlacement : "bottom",
-      ...tooltipOptions || {},
-      children: renderedItem
-    });
-  }
-  return renderedItem;
-};
-const MenuItemLink = ({
-  to,
-  disabled = false,
-  useHistory = true,
-  newTab = false,
-  children,
-  ...props
-}) => {
-  const finalProps = {
-    ...props,
-    disabled,
-    component: useHistory ? Link : "a",
-    [useHistory ? "to" : "href"]: disabled ? "" : to,
-    rel: newTab ? "noopener noreferrer" : void 0,
-    target: newTab ? "_blank" : void 0
-  };
-  return /* @__PURE__ */ jsx(MenuItem, {
-    ...finalProps,
-    children
-  });
-};
-const MenuItemList = forwardRef(({
-  children,
-  ...rest
-}, ref) => /* @__PURE__ */ jsx("div", {
-  ...rest,
-  ref,
-  "data-test-id": "menu-item-list",
-  className: "Menu-item-list",
-  children
-}));
-MenuItemList.displayName = "MenuItemList";
-const MenuSearch = forwardRef((props, ref) => {
-  const {
-    ariaLabel,
-    placeholder,
-    "data-test-id": testId = "menu-search",
-    ...finalProps
-  } = props;
-  return /* @__PURE__ */ jsx("div", {
-    className: "Menu-search",
-    children: /* @__PURE__ */ jsx(TextField, {
-      ...finalProps,
-      ref,
-      className: "Menu-search-input",
-      tiny: true,
-      type: "search",
-      "data-test-id": testId,
-      autoComplete: "off",
-      placeholder,
-      "aria-label": ariaLabel || "Search"
-    })
-  });
-});
-MenuSearch.displayName = "MenuSearch";
-const createItemId = (index, id) => `${id}-item-${index}`;
-const getNodeForIndex = (index, menuId) => index === null ? index : document.getElementById(createItemId(index, menuId));
-const handleKeyboardInteractions = (event, keyHandlers) => {
-  var _a;
-  const ops = {
-    ArrowUp: keyHandlers.handleUp,
-    ArrowDown: keyHandlers.handleDown,
-    Enter: keyHandlers.handleEnter
-  };
-  if (ops[event.key]) {
-    event.preventDefault();
-    (_a = ops[event.key]) == null ? void 0 : _a.call(globalThis, event);
-  }
-};
-const chainEventHandlers = (...handlers) => (event) => {
-  handlers.forEach((h) => typeof h === "function" && h(event));
-};
-const Menu = (props) => {
-  const {
-    children,
-    menuItemClassName,
-    onSelect,
-    enableVirtualization,
-    itemHeight,
-    size,
-    overscan = 1,
-    "data-test-id": testId = "menu"
-  } = props;
-  const focusManager = useFocusManager();
-  const handleArrowDown = useCallback(() => {
-    focusManager.focusNext({
-      wrap: true
-    });
-  }, [focusManager]);
-  const handleArrowUp = useCallback(() => {
-    focusManager.focusPrevious({
-      wrap: true
-    });
-  }, [focusManager]);
-  const reduceItems = useMemo(() => {
-    const childrenProps = Children.toArray(children);
-    if (enableVirtualization) {
-      let searchElem = null;
-      let elements = [];
-      childrenProps.forEach((child) => {
-        switch (child.type) {
-          case MenuSearch:
-            searchElem = child;
-            break;
-          case MenuItem:
-          case MenuItemLink:
-          case MenuDivider:
-            elements = elements.concat(child);
-            break;
-        }
-      });
-      return {
-        items: elements,
-        searchElement: searchElem
-      };
-    }
-    return childrenProps.reduce(({
-      items,
-      searchElement
-    }, child) => {
-      var _a;
-      switch (child.type) {
-        case MenuSearch:
-          return {
-            items,
-            searchElement: cloneElement(child, {
-              onKeyDown: (e) => handleKeyboardInteractions(e, {
-                handleDown: handleArrowDown,
-                handleUp: handleArrowUp
-              })
-            })
-          };
-        case MenuItem:
-        case MenuItemLink:
-          return {
-            items: items.concat(child.props.disabled ? cloneElement(child, {
-              onClick: () => void 0,
-              onKeyDown: () => void 0,
-              tabIndex: -1,
-              disabled: true
-            }) : cloneElement(child, {
-              className: cx(child.props.className, menuItemClassName),
-              item: (_a = child.props.item) != null ? _a : items.length,
-              onClick: chainEventHandlers(child.props.onClick, () => {
-                var _a2;
-                onSelect == null ? void 0 : onSelect((_a2 = child.props.item) != null ? _a2 : items.length);
-              }),
-              onKeyDown: (e) => handleKeyboardInteractions(e, {
-                handleDown: handleArrowDown,
-                handleUp: handleArrowUp
-              })
-            })),
-            searchElement
-          };
-        case MenuDivider:
-          return {
-            items: items.concat(child),
-            searchElement
-          };
-        default:
-          return {
-            items,
-            searchElement
-          };
-      }
-    }, {
-      items: [],
-      searchElement: null
-    });
-  }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);
-  if (enableVirtualization) {
-    return /* @__PURE__ */ jsx(MenuBase, {
-      "data-test-id": testId,
-      isVirtual: true,
-      size,
-      children: /* @__PURE__ */ jsx(ItemVirtualizer, {
-        items: Children.toArray(reduceItems.items),
-        searchElement: reduceItems.searchElement,
-        overscan,
-        menuItemClassName,
-        onSelect,
-        itemHeight,
-        focusManager
-      })
-    });
-  }
-  return /* @__PURE__ */ jsxs(MenuBase, {
-    "data-test-id": testId,
-    size,
-    children: [reduceItems.searchElement, /* @__PURE__ */ jsx(MenuItemList, {
-      role: "presentation",
-      children: reduceItems.items
-    })]
-  });
-};
-const ItemVirtualizer = (props) => {
-  const {
-    overscan,
-    searchElement,
-    itemHeight = 33,
-    menuItemClassName,
-    items,
-    focusManager,
-    onSelect
-  } = props;
-  const menuId = useRef(`menu-ctrl-${useId()}`);
-  const focusedItemIndex = useRef(null);
-  const parentRef = useRef(null);
-  const searchRef = useRef();
-  const [nextFocusValue, setNextFocusValue] = useState(null);
-  const hasSearch = !!searchElement;
-  const lastVirtualItemIndex = items ? items.length - 1 : 0;
-  const rowVirtualizer = useVirtual({
-    size: items !== null ? items.length : 0,
-    parentRef,
-    estimateSize: useCallback(() => itemHeight, [itemHeight]),
-    overscan
-  });
-  const focusSearchBar = useCallback(() => {
-    var _a, _b;
-    rowVirtualizer.scrollToIndex(0);
-    (_b = (_a = searchRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-  }, [rowVirtualizer]);
-  const focusMenuItem = useCallback((index) => {
-    rowVirtualizer.scrollToIndex(index);
-    setNextFocusValue(index);
-  }, [rowVirtualizer]);
-  const handleKeyboardFocusInteraction = useCallback((direction) => {
-    if (focusedItemIndex.current === null || focusedItemIndex.current === void 0) {
-      return;
-    }
-    const nextIndex = direction === "next" ? focusedItemIndex.current + 1 : focusedItemIndex.current - 1;
-    const shouldWrap = direction === "next" && focusedItemIndex.current === lastVirtualItemIndex || direction === "previous" && focusedItemIndex.current === 0;
-    if (shouldWrap) {
-      if (hasSearch) {
-        focusSearchBar();
-      } else {
-        focusMenuItem(direction === "next" ? 0 : lastVirtualItemIndex);
-      }
-      return;
-    }
-    switch (direction) {
-      case "next":
-        rowVirtualizer.scrollToIndex(nextIndex);
-        focusManager.focusNext();
-        break;
-      case "previous":
-        rowVirtualizer.scrollToIndex(nextIndex);
-        focusManager.focusPrevious();
-        break;
-    }
-  }, [focusManager, focusMenuItem, focusSearchBar, hasSearch, lastVirtualItemIndex, rowVirtualizer]);
-  const getItemProps = useCallback((itemElem, index) => {
-    const childProps = itemElem.props;
-    switch (itemElem.type) {
-      case MenuItem:
-      case MenuItemLink:
-        return {
-          className: cx(childProps.className, menuItemClassName),
-          onKeyDown: childProps.disabled ? () => void 0 : (e) => handleKeyboardFocusKeydown(e, {
-            handleFocusBackward: handleKeyboardFocusInteraction,
-            handleFocusForward: handleKeyboardFocusInteraction
-          }),
-          onFocus: chainEventHandlers(childProps.onFocus, () => {
-            focusedItemIndex.current = index;
-          }),
-          id: createItemId(index, menuId.current),
-          onBlur: chainEventHandlers(childProps.onBlur, () => {
-            focusedItemIndex.current = null;
-          }),
-          onClick: childProps.disabled ? () => void 0 : chainEventHandlers(childProps.onClick, () => {
-            onSelect == null ? void 0 : onSelect(childProps.item);
-          })
-        };
-      default:
-        return {};
-    }
-  }, [handleKeyboardFocusInteraction, menuItemClassName, onSelect]);
-  useEffect(() => {
-    if (nextFocusValue !== null) {
-      requestAnimationFrame(() => {
-        const element = getNodeForIndex(nextFocusValue, menuId.current);
-        element == null ? void 0 : element.focus();
-      });
-      setNextFocusValue(null);
-    }
-  }, [nextFocusValue]);
-  const handleKeyboardFocusKeydown = (e, callbacks) => {
-    var _a, _b;
-    const keyOps = ["Tab", "ArrowUp", "ArrowDown"];
-    if (keyOps.includes(e.key)) {
-      e.preventDefault();
-      e.stopPropagation();
-      if (e.key === "Tab" && e.shiftKey || e.key === "ArrowUp") {
-        (_a = callbacks.handleFocusBackward) == null ? void 0 : _a.call(callbacks, "previous");
-      } else if (e.key === "ArrowDown" || e.key === "Tab") {
-        (_b = callbacks.handleFocusForward) == null ? void 0 : _b.call(callbacks, "next");
-      }
-    }
-  };
-  const renderSearch = useMemo(() => searchElement ? cloneElement(searchElement, {
-    onKeyDown: (e) => handleKeyboardFocusKeydown(e, {
-      handleFocusBackward: () => focusMenuItem(lastVirtualItemIndex),
-      handleFocusForward: () => focusMenuItem(0)
-    }),
-    ref: searchRef
-  }) : null, [searchElement, lastVirtualItemIndex, focusMenuItem]);
-  const renderItems = useMemo(() => rowVirtualizer.virtualItems.map((virtualRow) => {
-    if (!items) {
-      return null;
-    }
-    const elem = items[virtualRow.index];
-    return /* @__PURE__ */ jsx("div", {
-      ref: elem.type !== MenuItem || elem.type !== MenuItemLink ? virtualRow.measureRef : void 0,
-      role: "presentation",
-      className: cx("VirtualMenu-item"),
-      style: {
-        transform: `translateY(${virtualRow.start}px)`
-      },
-      children: cloneElement(elem, getItemProps(elem, virtualRow.index))
-    }, virtualRow.index);
-  }), [rowVirtualizer.virtualItems, items, getItemProps]);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [renderSearch, /* @__PURE__ */ jsx(MenuItemList, {
-      ref: parentRef,
-      role: "presentation",
-      children: /* @__PURE__ */ jsx("div", {
-        role: "presentation",
-        className: "VirtualMenu-item-list",
-        style: {
-          height: `${rowVirtualizer.totalSize}px`
-        },
-        children: renderItems
-      })
-    })]
-  });
-};
-export {
-  Menu,
-  MenuBase,
-  MenuDivider,
-  MenuItem,
-  MenuItemLink,
-  MenuItemList,
-  MenuSearch
-};
-//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","sources":["../src/MenuBase.tsx","../src/MenuDivider.tsx","../src/MenuItem.tsx","../src/MenuItemList.tsx","../src/MenuSearch.tsx","../src/utils.ts","../src/Menu.tsx"],"sourcesContent":["import type { MenuProps } from './Menu';\nimport type { ComponentPropsWithRef } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuBaseProps = ComponentPropsWithRef<'div'> & {\n  isVirtual?: boolean;\n  size?: MenuProps<string>['size'];\n};\n\nconst MenuBase = forwardRef<HTMLDivElement, MenuBaseProps>(\n  ({ children, size, isVirtual, ...props }, ref) => {\n    const classes = cx('Menu', isVirtual && 'Menu--isVirtual', size && `MenuSize--${size}`);\n\n    return (\n      <div {...props} role=\"menu\" className={classes} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nMenuBase.displayName = 'MenuBase';\n\nexport { MenuBase };\nexport type { MenuBaseProps };\n","import type { SeparatorProps } from '@react-aria/separator';\nimport type { RefObject } from 'react';\n\nimport { useSeparator } from '@react-aria/separator';\n\nimport './styles/Menu.css';\n\ntype MenuDividerProps = SeparatorProps & {\n  innerRef?: RefObject<HTMLDivElement>;\n  'data-test-id'?: string;\n};\n\nconst MenuDivider = ({\n  elementType = 'div',\n  orientation,\n  innerRef,\n  'data-test-id': testId = 'menu-divider',\n}: MenuDividerProps) => {\n  const { separatorProps } = useSeparator({\n    orientation,\n    elementType,\n  });\n\n  return <div {...separatorProps} data-test-id={testId} ref={innerRef} className=\"Menu-divider\" />;\n};\n\nexport { MenuDivider };\nexport type { MenuDividerProps };\n","import type { Icon } from '@launchpad-ui/icons';\nimport type { PopoverPlacement } from '@launchpad-ui/popover';\nimport type { ComponentPropsWithRef, ElementType, PropsWithRef, ReactElement } from 'react';\n\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { Slot } from '@radix-ui/react-slot';\nimport { FocusRing } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport { Link } from 'react-router-dom';\n\nimport './styles/Menu.css';\n\n// Merge two types and get rid of overlapping definitions\ntype Merge<T, U> = Omit<T, keyof U> & U;\n\ntype PropsWithComponent<P, T extends ElementType> = P & { component?: T };\n\ntype PolymorphicPropsWithRef<P, T extends ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements\n    ? PropsWithRef<JSX.IntrinsicElements[T]>\n    : ComponentPropsWithRef<T>,\n  PropsWithComponent<P, T>\n>;\n\ntype MenuItemOwnProps = {\n  isHighlighted?: boolean;\n  icon?: typeof Icon | null;\n  disabled?: boolean;\n  nested?: boolean;\n  groupHeader?: boolean;\n  tooltip?: string | ReactElement;\n  tooltipOptions?: typeof Tooltip;\n  tooltipPlacement?: PopoverPlacement;\n  asChild?: boolean;\n  'data-test-id'?: string;\n};\n\nconst defaultElement = 'button';\n\ntype MenuItemProps<P, T extends ElementType = typeof defaultElement> = PolymorphicPropsWithRef<\n  | (MenuItemOwnProps & {\n      item: P; // Infer the type if it is included\n    })\n  | (MenuItemOwnProps & {\n      item?: undefined;\n    }),\n  T\n>;\n\nconst MenuItem = <P, T extends ElementType = typeof defaultElement>({\n  ...props\n}: MenuItemProps<P, T>) => {\n  const {\n    // TODO: remove component prop once we migrate over to asChild format\n    component,\n    children,\n    isHighlighted,\n    icon: Icon,\n    nested,\n    groupHeader,\n    item,\n    disabled,\n    className,\n    tooltip,\n    role = 'menuitem',\n    tooltipPlacement,\n    onKeyDown,\n    tooltipOptions,\n    asChild,\n    'data-test-id': testId = 'menu-item',\n    ...rest\n  } = props;\n\n  const Component: ElementType = component || (asChild ? Slot : defaultElement);\n\n  const renderedItem = (\n    <FocusRing focusRingClass=\"has-focus\">\n      <Component\n        {...rest}\n        disabled={disabled}\n        aria-disabled={disabled ? disabled : undefined}\n        className={cx(\n          'Menu-item',\n          className,\n          isHighlighted && 'is-highlighted',\n          nested && 'Menu-item--nested',\n          groupHeader && 'Menu-item--header'\n        )}\n        data-test-id={testId}\n        role={role}\n        onKeyDown={onKeyDown}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {Icon && (\n              <span className=\"Menu-item-icon\">\n                <Icon size=\"small\" />\n              </span>\n            )}\n            {children}\n          </>\n        )}\n      </Component>\n    </FocusRing>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip\n        content={tooltip}\n        rootElementStyle={{ display: 'block' }}\n        allowBoundaryElementOverflow\n        placement={tooltipPlacement ? tooltipPlacement : 'bottom'}\n        {...(tooltipOptions || {})}\n      >\n        {renderedItem}\n      </Tooltip>\n    );\n  }\n\n  return renderedItem;\n};\n\ntype MenuItemLinkOwnProps = {\n  disabled?: boolean;\n  useHistory?: boolean;\n  newTab?: boolean;\n};\n\ntype MenuItemLinkProps<P, T extends ElementType = typeof Link> =\n  | Merge<Omit<MenuItemProps<P, T>, 'component' | 'item'>, MenuItemLinkOwnProps> &\n      (\n        | {\n            item?: undefined;\n          }\n        | {\n            item: P;\n          }\n      );\n\n// By default, this is a Link component whenever useHistory is\n// explicitly not false\n// TODO: deprecate this component\nconst MenuItemLink = <P, T extends ElementType = typeof Link>({\n  to,\n  disabled = false,\n  useHistory = true,\n  newTab = false,\n  children,\n  ...props\n}: MenuItemLinkProps<P, T>) => {\n  const finalProps = {\n    ...props,\n    disabled,\n    component: useHistory ? Link : ('a' as const),\n    [useHistory ? 'to' : 'href']: disabled ? '' : to,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n  };\n\n  // Ideally if this item is disabled, it should be a button rather\n  // than a link https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md\n\n  return <MenuItem {...finalProps}>{children}</MenuItem>;\n};\n\nexport { MenuItem, MenuItemLink };\nexport type { MenuItemProps, MenuItemLinkProps };\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuItemListProps = Omit<ComponentPropsWithRef<'div'>, 'className'>;\n\nconst MenuItemList = forwardRef<HTMLDivElement, MenuItemListProps>(({ children, ...rest }, ref) => (\n  <div {...rest} ref={ref} data-test-id=\"menu-item-list\" className=\"Menu-item-list\">\n    {children}\n  </div>\n));\n\nMenuItemList.displayName = 'MenuItemList';\n\nexport { MenuItemList };\nexport type { MenuItemListProps };\n","import type { ChangeEvent } from 'react';\n\nimport { TextField } from '@launchpad-ui/form';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuSearchProps = {\n  ariaLabel?: string;\n  value?: string;\n  placeholder?: string;\n  onChange?(event: ChangeEvent<HTMLInputElement>): void;\n  'data-test-id'?: string;\n};\n\nconst MenuSearch = forwardRef<HTMLInputElement, MenuSearchProps>((props, ref) => {\n  const { ariaLabel, placeholder, 'data-test-id': testId = 'menu-search', ...finalProps } = props;\n\n  return (\n    <div className=\"Menu-search\">\n      <TextField\n        {...finalProps}\n        ref={ref}\n        className=\"Menu-search-input\"\n        tiny\n        type=\"search\"\n        data-test-id={testId}\n        autoComplete=\"off\"\n        placeholder={placeholder}\n        aria-label={ariaLabel || 'Search'}\n      />\n    </div>\n  );\n});\n\nMenuSearch.displayName = 'MenuSearch';\n\nexport { MenuSearch };\nexport type { MenuSearchProps };\n","import type { EventHandler, KeyboardEvent, SyntheticEvent } from 'react';\n\nconst createItemId = (index: number, id: string) => `${id}-item-${index}`;\n\nconst getNodeForIndex = (index: number | null, menuId: string) =>\n  index === null ? index : document.getElementById(createItemId(index, menuId));\n\nconst handleKeyboardInteractions = (\n  event: KeyboardEvent,\n  keyHandlers: Partial<\n    Record<'handleUp' | 'handleDown' | 'handleEnter', (e: KeyboardEvent) => void>\n  >\n) => {\n  const ops = {\n    ArrowUp: keyHandlers.handleUp,\n    ArrowDown: keyHandlers.handleDown,\n    Enter: keyHandlers.handleEnter,\n  } as Record<string, (e: KeyboardEvent) => void | undefined>;\n\n  if (ops[event.key]) {\n    event.preventDefault();\n    ops[event.key]?.call(globalThis, event);\n  }\n};\n\nconst chainEventHandlers =\n  (...handlers: Array<EventHandler<SyntheticEvent> | undefined>) =>\n  (event: SyntheticEvent) => {\n    handlers.forEach((h) => typeof h === 'function' && h(event));\n  };\n\nexport { createItemId, getNodeForIndex, handleKeyboardInteractions, chainEventHandlers };\n","import type { MenuItemProps } from './MenuItem';\nimport type { FocusManager } from '@react-aria/focus';\nimport type { KeyboardEvent, ReactElement, ReactNode } from 'react';\n\nimport { useFocusManager } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport {\n  Children,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport { MenuBase } from './MenuBase';\nimport { MenuDivider } from './MenuDivider';\nimport { MenuItem, MenuItemLink } from './MenuItem';\nimport { MenuItemList } from './MenuItemList';\nimport { MenuSearch } from './MenuSearch';\nimport {\n  chainEventHandlers,\n  createItemId,\n  getNodeForIndex,\n  handleKeyboardInteractions,\n} from './utils';\n\ntype ControlledMenuProps<T> = {\n  children: ReactNode;\n  onSelect?: (item: T) => void;\n  /**\n   * Menus items are rendered using react-virtual for\n   * additional rendering performance.\n   */\n  enableVirtualization?: boolean;\n  /**\n   * Class name to be applied to all MenuItem and MenuItemLink components\n   * in the menu.\n   */\n  menuItemClassName?: string;\n  /**\n   * Sets the width of the menu. This is especially useful when using virtual items\n   * since the width cannot be automatically set by the widest element.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * Sets the number out of elements rendered outside of the view window\n   * when using virtualization\n   */\n  overscan?: number;\n  /**\n   * Sets the height for each menu item when using virtualization.\n   *\n   */\n  itemHeight?: number;\n  'data-test-id'?: string;\n};\n\ntype MenuProps<T extends number | string> = ControlledMenuProps<T>;\n\nconst Menu = <T extends number | string>(props: MenuProps<T>) => {\n  const {\n    children,\n    menuItemClassName,\n    onSelect,\n    enableVirtualization,\n    itemHeight,\n    size,\n    overscan = 1,\n    'data-test-id': testId = 'menu',\n  } = props;\n\n  const focusManager = useFocusManager();\n\n  const handleArrowDown = useCallback(() => {\n    focusManager.focusNext({ wrap: true });\n  }, [focusManager]);\n\n  const handleArrowUp = useCallback(() => {\n    focusManager.focusPrevious({ wrap: true });\n  }, [focusManager]);\n\n  const reduceItems = useMemo(() => {\n    const childrenProps = Children.toArray(children);\n    if (enableVirtualization) {\n      // the virtualized menu has its own handlers and props\n      let searchElem = null;\n      let elements: ReactElement[] = [];\n      (childrenProps as ReactElement[]).forEach((child: ReactElement) => {\n        switch (child.type) {\n          case MenuSearch:\n            searchElem = child;\n            break;\n          case MenuItem:\n          case MenuItemLink:\n          case MenuDivider:\n            elements = elements.concat(child);\n            break;\n          default:\n            break;\n        }\n      });\n      return { items: elements, searchElement: searchElem };\n    }\n\n    return (childrenProps as ReactElement[]).reduce(\n      (\n        { items, searchElement }: { items: ReactElement[]; searchElement: null | ReactElement },\n        child\n      ) => {\n        switch (child.type) {\n          case MenuSearch:\n            return {\n              items,\n              searchElement: cloneElement(child, {\n                onKeyDown: (e: KeyboardEvent) =>\n                  handleKeyboardInteractions(e, {\n                    handleDown: handleArrowDown,\n                    handleUp: handleArrowUp,\n                  }),\n              }),\n            };\n          case MenuItem:\n          case MenuItemLink:\n            return {\n              items: items.concat(\n                child.props.disabled\n                  ? cloneElement(child, {\n                      onClick: () => undefined,\n                      onKeyDown: () => undefined,\n                      tabIndex: -1,\n                      disabled: true,\n                    })\n                  : cloneElement(child, {\n                      className: cx(child.props.className, menuItemClassName),\n                      item: child.props.item ?? items.length,\n                      // set focus on the first menu item if there is no search input, and set in the tab order\n                      onClick: chainEventHandlers(child.props.onClick, () => {\n                        onSelect?.(child.props.item ?? items.length);\n                      }),\n                      onKeyDown: (e: KeyboardEvent) =>\n                        handleKeyboardInteractions(e, {\n                          handleDown: handleArrowDown,\n                          handleUp: handleArrowUp,\n                        }),\n                    })\n              ),\n              searchElement,\n            };\n          case MenuDivider:\n            return { items: items.concat(child), searchElement };\n          default:\n            return { items, searchElement };\n        }\n      },\n      { items: [], searchElement: null }\n    );\n  }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);\n\n  if (enableVirtualization) {\n    return (\n      <MenuBase data-test-id={testId} isVirtual size={size}>\n        <ItemVirtualizer<T>\n          items={Children.toArray(reduceItems.items) as ReactElement[]}\n          searchElement={reduceItems.searchElement}\n          overscan={overscan}\n          menuItemClassName={menuItemClassName}\n          onSelect={onSelect}\n          itemHeight={itemHeight}\n          focusManager={focusManager}\n        />\n      </MenuBase>\n    );\n  }\n\n  return (\n    <MenuBase data-test-id={testId} size={size}>\n      {reduceItems.searchElement}\n      <MenuItemList role=\"presentation\">{reduceItems.items}</MenuItemList>\n    </MenuBase>\n  );\n};\n\ntype ItemVirtualizerProps<T> = Omit<ControlledMenuProps<T>, 'children'> & {\n  items: ReactElement[] | null;\n  searchElement?: ReactElement | null;\n  focusManager: FocusManager;\n};\n\nconst ItemVirtualizer = <T extends number | string>(props: ItemVirtualizerProps<T>) => {\n  const {\n    overscan,\n    searchElement,\n    itemHeight = 33,\n    menuItemClassName,\n    items: items,\n    focusManager,\n    onSelect,\n  } = props;\n\n  const menuId = useRef(`menu-ctrl-${useId()}`);\n\n  const focusedItemIndex = useRef<number | null>(null);\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const searchRef = useRef<HTMLInputElement>();\n\n  const [nextFocusValue, setNextFocusValue] = useState<number | null>(null);\n\n  const hasSearch = !!searchElement;\n\n  const lastVirtualItemIndex = items ? items.length - 1 : 0;\n\n  const rowVirtualizer = useVirtual({\n    size: items !== null ? items.length : 0,\n    parentRef,\n    estimateSize: useCallback(() => itemHeight, [itemHeight]),\n    overscan,\n  });\n\n  const focusSearchBar = useCallback(() => {\n    rowVirtualizer.scrollToIndex(0);\n    searchRef.current?.focus?.();\n  }, [rowVirtualizer]);\n\n  /**\n   * Scrolls to the menu item with the index provided and\n   * then manually focuses it using a side effect in useEffect\n   */\n  const focusMenuItem = useCallback(\n    (index: number) => {\n      rowVirtualizer.scrollToIndex(index);\n      setNextFocusValue(index);\n    },\n    [rowVirtualizer]\n  );\n\n  const handleKeyboardFocusInteraction = useCallback(\n    (direction: 'next' | 'previous') => {\n      if (focusedItemIndex.current === null || focusedItemIndex.current === undefined) {\n        return;\n      }\n      const nextIndex =\n        direction === 'next' ? focusedItemIndex.current + 1 : focusedItemIndex.current - 1;\n      const shouldWrap =\n        (direction === 'next' && focusedItemIndex.current === lastVirtualItemIndex) ||\n        (direction === 'previous' && focusedItemIndex.current === 0);\n      if (shouldWrap) {\n        // we are at the end of the list so we will\n        // scroll back to the beginning of the list\n        if (hasSearch) {\n          focusSearchBar();\n        } else {\n          // if at end, wrap to beginning, else focus last item\n          focusMenuItem(direction === 'next' ? 0 : lastVirtualItemIndex);\n        }\n        return;\n      }\n      switch (direction) {\n        case 'next':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusNext();\n          break;\n        case 'previous':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusPrevious();\n          break;\n        default:\n          break;\n      }\n    },\n    [focusManager, focusMenuItem, focusSearchBar, hasSearch, lastVirtualItemIndex, rowVirtualizer]\n  );\n\n  const getItemProps = useCallback(\n    (itemElem: ReactElement, index: number) => {\n      const childProps = itemElem.props as MenuItemProps<T>;\n      switch (itemElem.type) {\n        case MenuItem:\n        case MenuItemLink:\n          return {\n            className: cx(childProps.className, menuItemClassName),\n            // set focus on the first menu item if there is no search input, and set in the tab order\n            onKeyDown: childProps.disabled\n              ? () => undefined\n              : (e: KeyboardEvent) =>\n                  handleKeyboardFocusKeydown(e, {\n                    handleFocusBackward: handleKeyboardFocusInteraction,\n                    handleFocusForward: handleKeyboardFocusInteraction,\n                  }),\n            onFocus: chainEventHandlers(childProps.onFocus, () => {\n              focusedItemIndex.current = index;\n            }),\n            id: createItemId(index, menuId.current),\n            onBlur: chainEventHandlers(childProps.onBlur, () => {\n              focusedItemIndex.current = null;\n            }),\n            onClick: childProps.disabled\n              ? () => undefined\n              : chainEventHandlers(childProps.onClick, () => {\n                  onSelect?.(childProps.item as T);\n                }),\n          } as MenuItemProps<T>;\n        default:\n          return {};\n      }\n    },\n    [handleKeyboardFocusInteraction, menuItemClassName, onSelect]\n  );\n\n  useEffect(() => {\n    if (nextFocusValue !== null) {\n      requestAnimationFrame(() => {\n        const element = getNodeForIndex(nextFocusValue, menuId.current);\n        element?.focus();\n      });\n      setNextFocusValue(null);\n    }\n  }, [nextFocusValue]);\n\n  /**\n   * Calls handleFocusForward when the user is attempting to focus forward using\n   * tab or arrow keys. Calls handleFocusBackward when the users wants to move backward.\n   */\n  const handleKeyboardFocusKeydown = (\n    e: KeyboardEvent,\n    callbacks: Record<\n      'handleFocusForward' | 'handleFocusBackward',\n      (direction: 'next' | 'previous') => void\n    >\n  ) => {\n    const keyOps = ['Tab', 'ArrowUp', 'ArrowDown'];\n    if (keyOps.includes(e.key)) {\n      e.preventDefault();\n      e.stopPropagation();\n      if ((e.key === 'Tab' && e.shiftKey) || e.key === 'ArrowUp') {\n        callbacks.handleFocusBackward?.('previous');\n      } else if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        callbacks.handleFocusForward?.('next');\n      }\n    }\n  };\n\n  const renderSearch = useMemo(\n    () =>\n      searchElement\n        ? cloneElement(searchElement, {\n            onKeyDown: (e: KeyboardEvent) =>\n              handleKeyboardFocusKeydown(e, {\n                handleFocusBackward: () => focusMenuItem(lastVirtualItemIndex),\n                handleFocusForward: () => focusMenuItem(0),\n              }),\n            ref: searchRef,\n          })\n        : null,\n    [searchElement, lastVirtualItemIndex, focusMenuItem]\n  );\n\n  const renderItems = useMemo(\n    () =>\n      rowVirtualizer.virtualItems.map((virtualRow) => {\n        if (!items) {\n          return null;\n        }\n        const elem = items[virtualRow.index];\n        return (\n          <div\n            key={virtualRow.index}\n            ref={\n              elem.type !== MenuItem || elem.type !== MenuItemLink\n                ? virtualRow.measureRef\n                : undefined\n            }\n            role=\"presentation\"\n            className={cx('VirtualMenu-item')}\n            style={{\n              transform: `translateY(${virtualRow.start}px)`,\n            }}\n          >\n            {cloneElement(elem, getItemProps(elem, virtualRow.index))}\n          </div>\n        );\n      }),\n    [rowVirtualizer.virtualItems, items, getItemProps]\n  );\n\n  return (\n    <>\n      {renderSearch}\n      <MenuItemList ref={parentRef} role=\"presentation\">\n        <div\n          role=\"presentation\"\n          className=\"VirtualMenu-item-list\"\n          style={{\n            height: `${rowVirtualizer.totalSize}px`,\n          }}\n        >\n          {renderItems}\n        </div>\n      </MenuItemList>\n    </>\n  );\n};\n\nexport { Menu, ItemVirtualizer };\nexport type { MenuProps, ItemVirtualizerProps };\n"],"names":["MenuBase","forwardRef","children","size","isVirtual","props","ref","classes","cx","displayName","MenuDivider","elementType","orientation","innerRef","testId","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","className","tooltip","role","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","undefined","_jsxs","_Fragment","_jsx","display","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","type","concat","items","searchElement","reduce","cloneElement","e","handleKeyboardInteractions","handleDown","handleUp","onClick","tabIndex","length","chainEventHandlers","ItemVirtualizer","menuId","useRef","useId","focusedItemIndex","parentRef","searchRef","nextFocusValue","setNextFocusValue","useState","hasSearch","lastVirtualItemIndex","rowVirtualizer","useVirtual","estimateSize","focusSearchBar","scrollToIndex","current","focus","focusMenuItem","index","handleKeyboardFocusInteraction","direction","nextIndex","shouldWrap","getItemProps","itemElem","childProps","handleKeyboardFocusKeydown","handleFocusBackward","handleFocusForward","onFocus","id","createItemId","onBlur","useEffect","requestAnimationFrame","element","getNodeForIndex","callbacks","keyOps","includes","key","preventDefault","stopPropagation","shiftKey","renderSearch","renderItems","virtualItems","map","virtualRow","elem","measureRef","transform","start","height","totalSize"],"mappings":";;;;;;;;;;;AAaMA,MAAAA,WAAWC,WACf,CAAC;AAAA,EAAEC;AAAAA,EAAUC;AAAAA,EAAMC;AAAAA,KAAcC;AAAhC,GAAyCC,QAAQ;AAChD,QAAMC,UAAUC,GAAG,QAAQJ,aAAa,mBAAmBD,QAAS,aAAYA,MAA9D;AAElB;OACWE;AAAAA,IAAO,MAAK;AAAA,IAAO,WAAWE;AAAAA,IAAS;AAAA,IAAhD;AAAA,EAAA,CADF;AAKD,CATwB;AAY3BP,SAASS,cAAc;ACbvB,MAAMC,cAAc,CAAC;AAAA,EACnBC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACA,gBAAgBC,SAAS;AAJN,MAKG;AAChB,QAAA;AAAA,IAAEC;AAAAA,MAAmBC,aAAa;AAAA,IACtCJ;AAAAA,IACAD;AAAAA,EAAAA,CAFqC;AAKvC;OAAgBI;AAAAA,IAAgB,gBAAcD;AAAAA,IAAQ,KAAKD;AAAAA,IAAU,WAAU;AAAA,EAAA,CAA/E;AACD;ACaD,MAAMI,iBAAiB;AAYvB,MAAMC,WAAW,CAAmD;AAAA,KAC/Db;AAD+D,MAEzC;AACnB,QAAA;AAAA,IAEJc;AAAAA,IACAjB;AAAAA,IACAkB;AAAAA,IACAC,MAAMC;AAAAA,IACNC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,gBAAgBnB,SAAS;AAAA,OACtBoB;AAAAA,EACD7B,IAAAA;AAEE8B,QAAAA,YAAyBhB,cAAcc,UAAUG,OAAOnB;AAExDoB,QAAAA,mCACH,WAAD;AAAA,IAAW,gBAAe;AAAA,IAA1B,8BACG,WAAD;AAAA,MAAA,GACMH;AAAAA,MACJ;AAAA,MACA,iBAAeR,WAAWA,WAAWY;AAAAA,MACrC,WAAW9B,GACT,aACAmB,WACAP,iBAAiB,kBACjBG,UAAU,qBACVC,eAAe,mBALJ;AAAA,MAOb,gBAAcV;AAAAA,MACd;AAAA,MACA;AAAA,MAbF,UAeGmB,UACC/B,WAEAqC,qBAAAC,UAAA;AAAA,QAAA,UAAA,CACGlB,QACCmB,oBAAA,QAAA;AAAA,UAAM,WAAU;AAAA,UAAhB,8BACG,MAAD;AAAA,YAAM,MAAK;AAAA,UAAA,CAAX;AAAA,QADF,CAAA,GAIDvC,QANH;AAAA,MAAA,CAAA;AAAA,IAAA,CAlBJ;AAAA,EAAA,CAFJ;AAiCA,MAAI0B,SAAS;AACX,+BACG,SAAD;AAAA,MACE,SAASA;AAAAA,MACT,kBAAkB;AAAA,QAAEc,SAAS;AAAA,MAAX;AAAA,MAClB,8BAHF;AAAA,MAIE,WAAWZ,mBAAmBA,mBAAmB;AAAA,MAJnD,GAKOE,kBAAkB,CALzB;AAAA,MAAA,UAOGK;AAAAA,IAAAA,CARL;AAAA,EAWD;AAEMA,SAAAA;AACR;AAsBD,MAAMM,eAAe,CAAyC;AAAA,EAC5DC;AAAAA,EACAlB,WAAW;AAAA,EACXmB,aAAa;AAAA,EACbC,SAAS;AAAA,EACT5C;AAAAA,KACGG;AANyD,MAO/B;AAC7B,QAAM0C,aAAa;AAAA,IACjB,GAAG1C;AAAAA,IACHqB;AAAAA,IACAP,WAAW0B,aAAaG,OAAQ;AAAA,IAChC,CAACH,aAAa,OAAO,SAASnB,WAAW,KAAKkB;AAAAA,IAC9CK,KAAKH,SAAS,wBAAwBR;AAAAA,IACtCY,QAAQJ,SAAS,WAAWR;AAAAA,EAAAA;AAM9B,6BAAQ,UAAD;AAAA,IAAA,GAAcS;AAAAA,IAAd;AAAA,EAAA,CAAP;AACD;AC9JKI,MAAAA,eAAelD,WAA8C,CAAC;AAAA,EAAEC;AAAAA,KAAagC;AAAf,GAAuB5B,4BACzF,OAAA;AAAA,EAAA,GAAS4B;AAAAA,EAAM;AAAA,EAAU,gBAAa;AAAA,EAAiB,WAAU;AAAA,EAAjE;AAAA,CAAA,CAD6B;AAM/BiB,aAAa1C,cAAc;ACC3B,MAAM2C,aAAanD,WAA8C,CAACI,OAAOC,QAAQ;AACzE,QAAA;AAAA,IAAE+C;AAAAA,IAAWC;AAAAA,IAAa,gBAAgBxC,SAAS;AAAA,OAAkBiC;AAAAA,EAAe1C,IAAAA;AAE1F,6BACE,OAAA;AAAA,IAAK,WAAU;AAAA,IAAf,8BACG,WAAD;AAAA,MAAA,GACM0C;AAAAA,MACJ;AAAA,MACA,WAAU;AAAA,MACV,MAJF;AAAA,MAKE,MAAK;AAAA,MACL,gBAAcjC;AAAAA,MACd,cAAa;AAAA,MACb;AAAA,MACA,cAAYuC,aAAa;AAAA,IAAA,CAT3B;AAAA,EAAA,CAFJ;AAeD,CAlB4B;AAoB7BD,WAAW3C,cAAc;ACjCzB,MAAM,eAAe,CAAC,OAAe,OAAe,GAAG,WAAW;AAElE,MAAM,kBAAkB,CAAC,OAAsB,WAC7C,UAAU,OAAO,QAAQ,SAAS,eAAe,aAAa,OAAO,MAAM,CAAC;AAE9E,MAAM,6BAA6B,CACjC,OACA,gBAGG;;AACH,QAAM,MAAM;AAAA,IACV,SAAS,YAAY;AAAA,IACrB,WAAW,YAAY;AAAA,IACvB,OAAO,YAAY;AAAA,EAAA;AAGjB,MAAA,IAAI,MAAM,MAAM;AAClB,UAAM,eAAe;AACrB,cAAI,MAAM,SAAV,mBAAgB,KAAK,YAAY;AAAA,EACnC;AACF;AAEA,MAAM,qBACJ,IAAI,aACJ,CAAC,UAA0B;AAChB,WAAA,QAAQ,CAAC,MAAM,OAAO,MAAM,cAAc,EAAE,KAAK,CAAC;AAC7D;ACkCI8C,MAAAA,OAAO,CAA4BlD,UAAwB;AACzD,QAAA;AAAA,IACJH;AAAAA,IACAsD;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAxD;AAAAA,IACAyD,WAAW;AAAA,IACX,gBAAgB9C,SAAS;AAAA,EACvBT,IAAAA;AAEJ,QAAMwD,eAAeC;AAEfC,QAAAA,kBAAkBC,YAAY,MAAM;AACxCH,iBAAaI,UAAU;AAAA,MAAEC,MAAM;AAAA,IAAA,CAA/B;AAAA,EAAA,GACC,CAACL,YAAD,CAFgC;AAI7BM,QAAAA,gBAAgBH,YAAY,MAAM;AACtCH,iBAAaO,cAAc;AAAA,MAAEF,MAAM;AAAA,IAAA,CAAnC;AAAA,EAAA,GACC,CAACL,YAAD,CAF8B;AAI3BQ,QAAAA,cAAcC,QAAQ,MAAM;AAC1BC,UAAAA,gBAAgBC,SAASC,QAAQvE,QAAjB;AACtB,QAAIwD,sBAAsB;AAExB,UAAIgB,aAAa;AACjB,UAAIC,WAA2B,CAAA;AAC9BJ,oBAAiCK,QAAQ,CAACC,UAAwB;AACjE,gBAAQA,MAAMC;AAAAA,eACP1B;AACUyB,yBAAAA;AACb;AAAA,eACG3D;AAAAA,eACAyB;AAAAA,eACAjC;AACQiE,uBAAAA,SAASI,OAAOF,KAAhB;AACX;AAAA;AAAA,MAEA,CAXN;AAcO,aAAA;AAAA,QAAEG,OAAOL;AAAAA,QAAUM,eAAeP;AAAAA,MAAAA;AAAAA,IAC1C;AAEOH,WAAAA,cAAiCW,OACvC,CACE;AAAA,MAAEF;AAAAA,MAAOC;AAAAA,OACTJ,UACG;;AACH,cAAQA,MAAMC;AAAAA,aACP1B;AACI,iBAAA;AAAA,YACL4B;AAAAA,YACAC,eAAeE,aAAaN,OAAO;AAAA,cACjC9C,WAAW,CAACqD,MACVC,2BAA2BD,GAAG;AAAA,gBAC5BE,YAAYvB;AAAAA,gBACZwB,UAAUpB;AAAAA,cAAAA,CAFc;AAAA,YAAA,CAFH;AAAA,UAAA;AAAA,aAQ1BjD;AAAAA,aACAyB;AACI,iBAAA;AAAA,YACLqC,OAAOA,MAAMD,OACXF,MAAMxE,MAAMqB,WACRyD,aAAaN,OAAO;AAAA,cAClBW,SAAS,MAAMlD;AAAAA,cACfP,WAAW,MAAMO;AAAAA,cACjBmD,UAAU;AAAA,cACV/D,UAAU;AAAA,YAAA,CAJA,IAMZyD,aAAaN,OAAO;AAAA,cAClBlD,WAAWnB,GAAGqE,MAAMxE,MAAMsB,WAAW6B,iBAAxB;AAAA,cACb/B,OAAMoD,WAAMxE,MAAMoB,SAAZoD,YAAoBG,MAAMU;AAAAA,cAEhCF,SAASG,mBAAmBd,MAAMxE,MAAMmF,SAAS,MAAM;;AACrD/B,sDAAWoB,MAAAA,MAAMxE,MAAMoB,SAAZoD,OAAAA,MAAoBG,MAAMU;AAAAA,cAA7B,CADiB;AAAA,cAG3B3D,WAAW,CAACqD,MACVC,2BAA2BD,GAAG;AAAA,gBAC5BE,YAAYvB;AAAAA,gBACZwB,UAAUpB;AAAAA,cAAAA,CAFc;AAAA,YAAA,CARlB,CARX;AAAA,YAsBPc;AAAAA,UAAAA;AAAAA,aAECvE;AACI,iBAAA;AAAA,YAAEsE,OAAOA,MAAMD,OAAOF,KAAb;AAAA,YAAqBI;AAAAA,UAAAA;AAAAA;AAE9B,iBAAA;AAAA,YAAED;AAAAA,YAAOC;AAAAA,UAAAA;AAAAA;AAAAA,IAAT,GAGb;AAAA,MAAED,OAAO,CAAT;AAAA,MAAaC,eAAe;AAAA,IAAA,CAlDvB;AAAA,EAAA,GAoDN,CAAC/E,UAAUwD,sBAAsBF,mBAAmBO,iBAAiBI,eAAeV,QAApF,CA3EwB;AA6E3B,MAAIC,sBAAsB;AACxB,+BACG,UAAD;AAAA,MAAU,gBAAc5C;AAAAA,MAAQ,WAAhC;AAAA,MAA0C;AAAA,MAA1C,8BACG,iBAAD;AAAA,QACE,OAAO0D,SAASC,QAAQJ,YAAYW,KAA7B;AAAA,QACP,eAAeX,YAAYY;AAAAA,QAC3B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CAPF;AAAA,IAAA,CAFJ;AAAA,EAaD;AAED,8BACG,UAAD;AAAA,IAAU,gBAAcnE;AAAAA,IAAQ;AAAA,IAAhC,UAAA,CACGuD,YAAYY,mCACZ,cAAD;AAAA,MAAc,MAAK;AAAA,MAAnB,UAAmCZ,YAAYW;AAAAA,IAAAA,CAFjD,CAAA;AAAA,EAAA,CADF;AAMD;AAQD,MAAMY,kBAAkB,CAA4BvF,UAAmC;AAC/E,QAAA;AAAA,IACJuD;AAAAA,IACAqB;AAAAA,IACAtB,aAAa;AAAA,IACbH;AAAAA,IACAwB;AAAAA,IACAnB;AAAAA,IACAJ;AAAAA,EACEpD,IAAAA;AAEJ,QAAMwF,SAASC,OAAQ,aAAYC,MAAAA,GAAd;AAEfC,QAAAA,mBAAmBF,OAAsB,IAAhB;AACzBG,QAAAA,YAAYH,OAA8B,IAAxB;AACxB,QAAMI,YAAYJ;AAElB,QAAM,CAACK,gBAAgBC,iBAAjB,IAAsCC,SAAwB,IAAhB;AAE9CC,QAAAA,YAAY,CAAC,CAACrB;AAEpB,QAAMsB,uBAAuBvB,QAAQA,MAAMU,SAAS,IAAI;AAExD,QAAMc,iBAAiBC,WAAW;AAAA,IAChCtG,MAAM6E,UAAU,OAAOA,MAAMU,SAAS;AAAA,IACtCO;AAAAA,IACAS,cAAc1C,YAAY,MAAML,YAAY,CAACA,UAAD,CAAnB;AAAA,IACzBC;AAAAA,EAAAA,CAJ+B;AAO3B+C,QAAAA,iBAAiB3C,YAAY,MAAM;;AACvCwC,mBAAeI,cAAc,CAA7B;AACAV,0BAAUW,YAAVX,mBAAmBY,UAAnBZ;AAAAA,EAAA,GACC,CAACM,cAAD,CAH+B;AAS5BO,QAAAA,gBAAgB/C,YACpB,CAACgD,UAAkB;AACjBR,mBAAeI,cAAcI,KAA7B;AACAZ,sBAAkBY,KAAD;AAAA,EAAA,GAEnB,CAACR,cAAD,CAL+B;AAQ3BS,QAAAA,iCAAiCjD,YACrC,CAACkD,cAAmC;AAClC,QAAIlB,iBAAiBa,YAAY,QAAQb,iBAAiBa,YAAYvE,QAAW;AAC/E;AAAA,IACD;AACD,UAAM6E,YACJD,cAAc,SAASlB,iBAAiBa,UAAU,IAAIb,iBAAiBa,UAAU;AAC7EO,UAAAA,aACHF,cAAc,UAAUlB,iBAAiBa,YAAYN,wBACrDW,cAAc,cAAclB,iBAAiBa,YAAY;AAC5D,QAAIO,YAAY;AAGd,UAAId,WAAW;AACC;MAAA,OACT;AAESY,sBAAAA,cAAc,SAAS,IAAIX,oBAA5B;AAAA,MACd;AACD;AAAA,IACD;AACOW,YAAAA;AAAAA,WACD;AACHV,uBAAeI,cAAcO,SAA7B;AACAtD,qBAAaI,UAAb;AACA;AAAA,WACG;AACHuC,uBAAeI,cAAcO,SAA7B;AACAtD,qBAAaO,cAAb;AACA;AAAA;AAAA,EAEA,GAGN,CAACP,cAAckD,eAAeJ,gBAAgBL,WAAWC,sBAAsBC,cAA/E,CAlCgD;AAqClD,QAAMa,eAAerD,YACnB,CAACsD,UAAwBN,UAAkB;AACzC,UAAMO,aAAaD,SAASjH;AAC5B,YAAQiH,SAASxC;AAAAA,WACV5D;AAAAA,WACAyB;AACI,eAAA;AAAA,UACLhB,WAAWnB,GAAG+G,WAAW5F,WAAW6B,iBAAvB;AAAA,UAEbzB,WAAWwF,WAAW7F,WAClB,MAAMY,SACN,CAAC8C,MACCoC,2BAA2BpC,GAAG;AAAA,YAC5BqC,qBAAqBR;AAAAA,YACrBS,oBAAoBT;AAAAA,UAAAA,CAFI;AAAA,UAIhCU,SAAShC,mBAAmB4B,WAAWI,SAAS,MAAM;AACpD3B,6BAAiBa,UAAUG;AAAAA,UAAAA,CADF;AAAA,UAG3BY,IAAIC,aAAab,OAAOnB,OAAOgB,OAAf;AAAA,UAChBiB,QAAQnC,mBAAmB4B,WAAWO,QAAQ,MAAM;AAClD9B,6BAAiBa,UAAU;AAAA,UAAA,CADH;AAAA,UAG1BrB,SAAS+B,WAAW7F,WAChB,MAAMY,SACNqD,mBAAmB4B,WAAW/B,SAAS,MAAM;AAC3C/B,iDAAW8D,WAAW9F;AAAAA,UAAtB,CADgB;AAAA,QAAA;AAAA;AAKxB,eAAO;;EAGb,GAAA,CAACwF,gCAAgCzD,mBAAmBC,QAApD,CAjC8B;AAoChCsE,YAAU,MAAM;AACd,QAAI5B,mBAAmB,MAAM;AAC3B6B,4BAAsB,MAAM;AAC1B,cAAMC,UAAUC,gBAAgB/B,gBAAgBN,OAAOgB,OAAxB;AAC/BoB,2CAASnB;AAAAA,MAAT,CAFmB;AAIrBV,wBAAkB,IAAD;AAAA,IAClB;AAAA,EAAA,GACA,CAACD,cAAD,CARM;AAcHqB,QAAAA,6BAA6B,CACjCpC,GACA+C,cAIG;;AACH,UAAMC,SAAS,CAAC,OAAO,WAAW,WAAnB;AACf,QAAIA,OAAOC,SAASjD,EAAEkD,GAAlB,GAAwB;AAC1BlD,QAAEmD,eAAF;AACAnD,QAAEoD,gBAAF;AACA,UAAKpD,EAAEkD,QAAQ,SAASlD,EAAEqD,YAAarD,EAAEkD,QAAQ,WAAW;AAC1DH,wBAAUV,wBAAVU,mCAAgC;AAAA,MAAhC,WACS/C,EAAEkD,QAAQ,eAAelD,EAAEkD,QAAQ,OAAO;AACnDH,wBAAUT,uBAAVS,mCAA+B;AAAA,MAChC;AAAA,IACF;AAAA,EAAA;AAGH,QAAMO,eAAepE,QACnB,MACEW,gBACIE,aAAaF,eAAe;AAAA,IAC1BlD,WAAW,CAACqD,MACVoC,2BAA2BpC,GAAG;AAAA,MAC5BqC,qBAAqB,MAAMV,cAAcR,oBAAD;AAAA,MACxCmB,oBAAoB,MAAMX,cAAc,CAAD;AAAA,IAAA,CAFf;AAAA,IAI5BzG,KAAK4F;AAAAA,EAAAA,CANK,IAQZ,MACN,CAACjB,eAAesB,sBAAsBQ,aAAtC,CAZ0B;AAe5B,QAAM4B,cAAcrE,QAClB,MACEkC,eAAeoC,aAAaC,IAAKC,CAAe,eAAA;AAC9C,QAAI,CAAC9D,OAAO;AACH,aAAA;AAAA,IACR;AACK+D,UAAAA,OAAO/D,MAAM8D,WAAW9B;AAC9B,+BACE,OAAA;AAAA,MAEE,KACE+B,KAAKjE,SAAS5D,YAAY6H,KAAKjE,SAASnC,eACpCmG,WAAWE,aACX1G;AAAAA,MAEN,MAAK;AAAA,MACL,WAAW9B,GAAG,kBAAD;AAAA,MACb,OAAO;AAAA,QACLyI,WAAY,cAAaH,WAAWI;AAAAA,MAD/B;AAAA,MATT,UAaG/D,aAAa4D,MAAM1B,aAAa0B,MAAMD,WAAW9B,KAAlB,CAAnB;AAAA,IAAA,GAZR8B,WAAW9B,KADlB;AAAA,EAAA,CANJ,GAuBF,CAACR,eAAeoC,cAAc5D,OAAOqC,YAArC,CAzByB;AA4B3B,8BACE7E,UAAA;AAAA,IAAA,UACGkG,CAAAA,cACDjG,oBAAC,cAAD;AAAA,MAAc,KAAKwD;AAAAA,MAAW,MAAK;AAAA,MAAnC,8BACE,OAAA;AAAA,QACE,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACLkD,QAAS,GAAE3C,eAAe4C;AAAAA,QADrB;AAAA,QAHT,UAOGT;AAAAA,MAAAA,CAPH;AAAA,IAAA,CAHJ,CAAA;AAAA,EAAA,CADF;AAgBD;"}