@servicetitan/anvil2 1.27.2 → 1.29.0

package/dist/Menu-D8SDm9s9.js

@@ -1,706 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { forwardRef, useContext, useId, useRef, useState, createContext, useCallback, useLayoutEffect, useEffect, useMemo } from 'react';
-import { useTrackingId } from './useTrackingId.js';
-import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
-import { c as cx } from './index-tZvMCc77.js';
-import { e as DialogContext } from './Dialog-Kh2tcVWz-DqcNnouf.js';
-import { B as Button } from './Button-Ce--YZ9L-Csh0Zzuf.js';
-import { S as SvgArrowDropDown } from './arrow_drop_down-ChAdBDux.js';
-import { I as Icon } from './Icon-DbHA5GV1-DwO2aGkj.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { c as computePosition, o as offset, f as flip, s as shift, l as limitShift, d as size, a as autoUpdate } from './floating-ui.react-dom-D912oS4K.js';
-
-import './Menu.css';const SvgArrowDropUp = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.71 12.29 11.3 9.7a.996.996 0 0 1 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71z" }));
-
-const SvgNavigateNext = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9.31 6.71a.996.996 0 0 0 0 1.41L13.19 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.72 6.7c-.38-.38-1.02-.38-1.41.01z" }));
-
-const item = "_item_hid8p_3";
-const content = "_content_hid8p_16";
-const scroller = "_scroller_hid8p_46";
-const disabled = "_disabled_hid8p_124";
-const styles = {
-	item: item,
-	content: content,
-	scroller: scroller,
-	"arrow-down": "_arrow-down_hid8p_62",
-	"arrow-up": "_arrow-up_hid8p_63",
-	"arrow-icon": "_arrow-icon_hid8p_75",
-	"no-padding": "_no-padding_hid8p_117",
-	disabled: disabled
-};
-
-const MenuItem$1 = forwardRef(
-  ({
-    label,
-    disabled,
-    icon,
-    className,
-    onClick,
-    onMouseEnter,
-    id: idProp,
-    ...props
-  }, ref) => {
-    const menuContext = useContext(MenuContext);
-    const uid = useId();
-    const buttonRef = useRef(null);
-    const combinedRef = useMergeRefs([buttonRef, ref]);
-    const [tabIndex, setTabIndex] = useState(-1);
-    const itemCx = cx([styles["item"]], className);
-    const onClickHandler = (e) => {
-      if (disabled) {
-        e.preventDefault();
-        e.stopPropagation();
-        return;
-      }
-      onClick?.(e);
-      menuContext?.closeRootMenu();
-    };
-    const onMouseEnterHandler = (e) => {
-      onMouseEnter?.(e);
-      buttonRef.current?.focus();
-    };
-    const onFocusHandler = () => {
-      setTabIndex(0);
-    };
-    const onBlurHandler = () => {
-      setTabIndex(-1);
-    };
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ...props,
-        ref: combinedRef,
-        type: "button",
-        role: "menuitem",
-        "data-anv": "menu-item",
-        id: idProp ?? `menuitem-${uid.replace(/:/g, "")}`,
-        className: itemCx,
-        tabIndex,
-        "aria-disabled": disabled,
-        onClick: onClickHandler,
-        onMouseEnter: onMouseEnterHandler,
-        onFocus: onFocusHandler,
-        onBlur: onBlurHandler,
-        children: [
-          icon ? /* @__PURE__ */ jsx(Icon, { inherit: true, "aria-hidden": true, svg: icon }) : null,
-          label
-        ]
-      }
-    );
-  }
-);
-MenuItem$1.displayName = "MenuItem";
-
-const MenuNested = (props) => {
-  const { children, open, defaultOpen = false, label, className, icon } = props;
-  const uid = useId();
-  const [tabIndex, setTabIndex] = useState(-1);
-  const [openState, setOpenState] = useState(open ?? defaultOpen);
-  const [scrollTop, setScrollTop] = useState(0);
-  const [menuHeight, setMenuHeight] = useState(null);
-  const [arrowStart, setArrowStart] = useState(false);
-  const [arrowEnd, setArrowEnd] = useState(false);
-  const invokerRef = useRef(null);
-  const menuRef = useRef(null);
-  const childrenRef = useRef(null);
-  const containerRef = useRef(null);
-  const [focusItems, setFocusItems] = useState();
-  const menuContext = useContext(MenuContext);
-  const fallbackArr = useCallback(() => {
-    return menuContext?.disableAutoHeight ? ["right-start"] : ["right-start", "right-end", "left-start", "left-end"];
-  }, [menuContext?.disableAutoHeight]);
-  const updatePosition = useCallback(() => {
-    if (!invokerRef.current || !menuRef.current) return;
-    computePosition(invokerRef.current, menuRef.current, {
-      placement: "right-start",
-      middleware: [
-        offset({
-          mainAxis: 0,
-          alignmentAxis: -4
-        }),
-        flip({
-          fallbackStrategy: "bestFit",
-          fallbackPlacements: fallbackArr()
-        }),
-        shift({
-          mainAxis: !menuContext?.disableAutoHeight,
-          crossAxis: false,
-          limiter: limitShift({
-            mainAxis: !menuContext?.disableAutoHeight
-          })
-        }),
-        size({
-          padding: 8,
-          apply({ availableWidth, availableHeight, elements }) {
-            if (menuContext?.disableAutoHeight) return;
-            setMenuHeight(availableHeight);
-            Object.assign(elements.floating.style, {
-              maxWidth: `${availableWidth - 16}px`,
-              maxHeight: `${availableHeight - 16}px`
-            });
-          }
-        })
-      ]
-    }).then(({ x, y }) => {
-      if (!menuRef.current) return;
-      Object.assign(menuRef.current.style, {
-        left: `${x}px`,
-        top: `${y + 8}px`
-      });
-    });
-  }, [fallbackArr, menuContext?.disableAutoHeight]);
-  const menuReference = useRef(null);
-  useLayoutEffect(() => {
-    if (!openState) {
-      setMenuHeight(null);
-      setScrollTop(0);
-      return;
-    }
-    if (!menuRef.current) return;
-    menuReference.current = menuRef.current;
-    const observer = new ResizeObserver((entries) => {
-      /* istanbul ignore next -- @preserve */
-      setTimeout(() => {
-        if (!childrenRef.current || !menuReference.current) return;
-        setMenuHeight(menuReference.current.clientHeight);
-        const isOverflow = childrenRef.current.scrollHeight > menuReference.current.clientHeight;
-        if (!isOverflow) return;
-        const showTop = childrenRef.current.scrollTop > 0;
-        const showBottom = childrenRef.current.scrollHeight - menuReference.current.clientHeight - scrollTop - 16 > 0;
-        setArrowStart(showTop);
-        setArrowEnd(showBottom);
-      }, 100);
-    });
-    if (menuReference.current) {
-      observer.observe(menuReference.current);
-    }
-    return () => {
-      if (menuReference.current) {
-        observer.unobserve(menuReference.current);
-      }
-      observer.disconnect();
-    };
-  }, [openState, scrollTop]);
-  useLayoutEffect(() => {
-    if (!menuRef.current || !invokerRef.current) return;
-    const cleanup = autoUpdate(invokerRef.current, menuRef.current, () => {
-      updatePosition();
-    });
-    return () => {
-      cleanup();
-    };
-  }, [updatePosition]);
-  const popoverHoverTriggered = useRef();
-  const openMenu = useCallback(async () => {
-    popoverHoverTriggered.current = true;
-    await new Promise((resolve) => setTimeout(resolve, 100));
-    if (!popoverHoverTriggered.current || !menuRef.current || !childrenRef.current)
-      return;
-    menuRef.current.showPopover();
-    setOpenState(true);
-    const focusables = Array.from(
-      childrenRef.current.querySelectorAll(
-        `#scroller-${uid.replace(/:/g, "")} > button, #scroller-${uid.replace(/:/g, "")} > div[data-nested="true"] > button, #scroller-${uid.replace(/:/g, "")} > a[href]`
-      )
-    );
-    setFocusItems(focusables);
-  }, [uid]);
-  const closeMenu = useCallback(async (fn) => {
-    popoverHoverTriggered.current = false;
-    await new Promise((resolve) => setTimeout(resolve, 100));
-    if (popoverHoverTriggered.current || !menuRef.current) return;
-    fn?.();
-    menuRef.current.hidePopover();
-    setOpenState(false);
-  }, []);
-  const isControlled = typeof open !== "undefined";
-  const initialRender = useRef(true);
-  useEffect(() => {
-    if (!isControlled) return;
-    if (initialRender.current === true) {
-      open && menuRef.current && openMenu();
-      initialRender.current = false;
-      return;
-    }
-    setOpenState(open);
-    open ? openMenu() : closeMenu();
-  }, [closeMenu, isControlled, open, openMenu]);
-  useEffect(() => {
-    if (!containerRef.current) return;
-    const nestedContainer = containerRef.current;
-    nestedContainer.addEventListener("focusin", (e) => {
-      openMenu();
-    });
-    nestedContainer.addEventListener("focusout", () => closeMenu());
-    return () => {
-      nestedContainer.removeEventListener("focusin", () => openMenu());
-      nestedContainer.removeEventListener("focusout", () => closeMenu());
-    };
-  }, [closeMenu, openMenu]);
-  const onKeyDownHandler = (e) => {
-    if (!openState || !childrenRef.current) return;
-    const currentActiveIndex = focusItems?.findIndex(
-      (item) => item.id === document.activeElement?.id
-    );
-    const firstItem = focusItems?.[0];
-    const lastItem = focusItems?.[focusItems.length - 1];
-    if (e.code === "Escape") {
-      menuContext?.closeRootMenu();
-    }
-    if (e.code === "ArrowLeft") {
-      e.stopPropagation();
-      e.preventDefault();
-      invokerRef.current?.focus();
-      closeMenu();
-    }
-    if (e.code === "ArrowDown") {
-      e.stopPropagation();
-      if (currentActiveIndex === (focusItems?.length ?? 0) - 1) {
-        firstItem.focus();
-        return;
-      }
-      const nextItem = focusItems?.[(currentActiveIndex ?? 0) + 1];
-      nextItem.focus();
-      return;
-    }
-    if (e.code === "ArrowUp") {
-      e.stopPropagation();
-      e.preventDefault();
-      if (currentActiveIndex === 0) {
-        lastItem.focus();
-        return;
-      }
-      const prevItem = focusItems?.[(currentActiveIndex ?? 0) - 1];
-      prevItem.focus();
-      return;
-    }
-  };
-  const onFocusHandler = () => {
-    setTabIndex(0);
-  };
-  const onBlurHandler = () => {
-    setTabIndex(-1);
-  };
-  const MenuButtonOnKeyDownHandler = (e) => {
-    if (e.code === "ArrowRight") {
-      e.stopPropagation();
-      e.preventDefault();
-      openMenu();
-      const firstItem = menuRef.current?.querySelectorAll(
-        `#scroller-${uid.replace(/:/g, "")} > button, #scroller-${uid.replace(/:/g, "")} > a[href]`
-      )[0];
-      firstItem.focus();
-    }
-  };
-  const MenuButtonOnClick = () => {
-    if (isControlled) return;
-    openMenu();
-  };
-  const itemCx = cx([styles["item"]], className);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, "data-nested": "true", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        role: "menuitem",
-        "data-anv": "menu-item",
-        "data-state": openState ? "open" : "close",
-        ref: invokerRef,
-        id: `menuitem-${uid.replace(/:/g, "")}`,
-        "aria-expanded": openState,
-        onMouseEnter: (e) => {
-          e.currentTarget.focus();
-        },
-        onKeyDown: MenuButtonOnKeyDownHandler,
-        onFocus: onFocusHandler,
-        onBlur: onBlurHandler,
-        onClick: MenuButtonOnClick,
-        "aria-haspopup": true,
-        "aria-controls": `menu-${uid.replace(/:/g, "")}`,
-        className: itemCx,
-        tabIndex,
-        children: [
-          icon ? /* @__PURE__ */ jsx(Icon, { inherit: true, "aria-hidden": true, svg: icon }) : null,
-          label,
-          /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
-          /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, svg: SvgNavigateNext })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        popover: "auto",
-        id: `menu-${uid.replace(/:/g, "")}`,
-        "data-anv": "menu-content",
-        className: styles.content,
-        ref: menuRef,
-        role: "presentation",
-        onKeyDown: onKeyDownHandler,
-        children: [
-          arrowStart && /* @__PURE__ */ jsx("div", { className: styles["arrow-up"], "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { svg: SvgArrowDropUp, size: "xlarge", className: styles["arrow-icon"] }) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: styles.scroller,
-              tabIndex: -1,
-              ref: childrenRef,
-              style: {
-                position: "relative",
-                maxHeight: menuHeight ?? "inherit"
-              },
-              onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
-              role: "menu",
-              id: `scroller-${uid.replace(/:/g, "")}`,
-              children
-            }
-          ),
-          arrowEnd && /* @__PURE__ */ jsx("div", { className: styles["arrow-down"], "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { svg: SvgArrowDropDown, size: "xlarge", className: styles["arrow-icon"] }) })
-        ]
-      }
-    )
-  ] });
-};
-
-const MenuContext = createContext(null);
-const MenuElement$1 = (props) => {
-  const {
-    children,
-    placement = "bottom-start",
-    open,
-    defaultOpen = false,
-    disableAutoHeight,
-    label,
-    onOutsidePress,
-    trigger,
-    ...rest
-  } = props;
-  const uid = useId();
-  const [openState, setOpenState] = useState(open ?? defaultOpen);
-  const [scrollTop, setScrollTop] = useState(0);
-  const [menuHeight, setMenuHeight] = useState(null);
-  const [arrowStart, setArrowStart] = useState(false);
-  const [arrowEnd, setArrowEnd] = useState(false);
-  const invokerRef = useRef(null);
-  const menuRef = useRef(null);
-  const childrenRef = useRef(null);
-  const [focusItems, setFocusItems] = useState();
-  const dialogContext = useContext(DialogContext);
-  const menuContext = useContext(MenuContext);
-  const fallbackArr = useCallback(() => {
-    if (placement.startsWith("top")) {
-      return disableAutoHeight ? placement : ["top-start", "top-end", "bottom-start", "bottom-end"];
-    }
-    return disableAutoHeight ? placement : ["bottom-start", "bottom-end", "top-start", "top-end"];
-  }, [disableAutoHeight, placement]);
-  const updatePosition = useCallback(() => {
-    if (!invokerRef.current || !menuRef.current) return;
-    computePosition(invokerRef.current, menuRef.current, {
-      placement,
-      middleware: [
-        offset({
-          mainAxis: 5,
-          alignmentAxis: 0
-        }),
-        flip({
-          fallbackStrategy: "bestFit",
-          fallbackPlacements: fallbackArr()
-        }),
-        shift({
-          mainAxis: !menuContext?.disableAutoHeight,
-          crossAxis: false,
-          limiter: limitShift({
-            mainAxis: !menuContext?.disableAutoHeight
-          })
-        }),
-        size({
-          padding: 8,
-          apply({ availableWidth, availableHeight, elements }) {
-            if (disableAutoHeight ?? menuContext?.disableAutoHeight) return;
-            setMenuHeight(availableHeight);
-            Object.assign(elements.floating.style, {
-              maxWidth: `${availableWidth - 16}px`,
-              maxHeight: `${availableHeight - 16}px`
-            });
-          }
-        })
-      ]
-    }).then(({ x, y }) => {
-      if (!menuRef.current) return;
-      Object.assign(menuRef.current.style, {
-        left: `${x}px`,
-        top: `${y}px`
-      });
-    });
-  }, [
-    placement,
-    fallbackArr,
-    menuContext?.disableAutoHeight,
-    disableAutoHeight
-  ]);
-  const menuReference = useRef(null);
-  useLayoutEffect(() => {
-    if (!openState) {
-      setMenuHeight(null);
-      setScrollTop(0);
-      return;
-    }
-    if (!menuRef.current) return;
-    menuReference.current = menuRef.current;
-    /* istanbul ignore next -- @preserve */
-    const observer = new ResizeObserver((entries) => {
-      if (!childrenRef.current || !menuReference.current) return;
-      setMenuHeight(menuReference.current.clientHeight);
-      const isOverflow = childrenRef.current.scrollHeight > menuReference.current.clientHeight;
-      if (!isOverflow) return;
-      const showTop = childrenRef.current.scrollTop > 0;
-      const showBottom = childrenRef.current.scrollHeight - menuReference.current.clientHeight - scrollTop - 16 > 0;
-      setArrowStart(showTop);
-      setArrowEnd(showBottom);
-    });
-    observer.observe(menuReference.current);
-    return () => {
-      if (menuReference.current) {
-        observer.unobserve(menuReference.current);
-      }
-      observer.disconnect();
-    };
-  }, [openState, scrollTop]);
-  useLayoutEffect(() => {
-    if (!menuRef.current || !invokerRef.current) return;
-    const cleanup = autoUpdate(invokerRef.current, menuRef.current, () => {
-      updatePosition();
-    });
-    return () => {
-      cleanup();
-    };
-  }, [updatePosition]);
-  const openMenu = useCallback(async () => {
-    if (!menuRef.current || !childrenRef.current) return;
-    menuRef.current.showPopover();
-    const focusables = Array.from(
-      childrenRef.current.querySelectorAll(
-        `#scroller-${uid.replace(/:/g, "")} > button, #scroller-${uid.replace(/:/g, "")} > div[data-nested="true"] > button, #scroller-${uid.replace(/:/g, "")} > a[href]`
-      )
-    );
-    setOpenState(true);
-    setFocusItems(focusables);
-    dialogContext?.setHasOpenPopover?.(true);
-  }, [dialogContext, uid]);
-  const closeMenu = useCallback(
-    async (fn) => {
-      if (!menuRef.current || !openState) return;
-      fn?.();
-      setOpenState(false);
-      menuRef.current.hidePopover();
-      dialogContext?.setHasOpenPopover?.(false);
-      invokerRef.current?.focus();
-    },
-    [openState, dialogContext]
-  );
-  const isControlled = typeof open !== "undefined";
-  const initialRender = useRef(true);
-  useEffect(() => {
-    if (!isControlled) return;
-    if (initialRender.current === true) {
-      open && menuRef.current && openMenu();
-      initialRender.current = false;
-      return;
-    }
-    if (open) {
-      openMenu();
-    } else {
-      closeMenu();
-    }
-  }, [closeMenu, isControlled, open, openMenu, dialogContext]);
-  useEffect(() => {
-    if (typeof document === "undefined") return;
-    let isClosable = false;
-    const onMouseDownHandler = (e) => {
-      if (!invokerRef.current || !menuRef.current) return;
-      const isInvoker = e.composedPath().includes(invokerRef.current);
-      const isPopover = e.composedPath().includes(menuRef.current);
-      if (!isInvoker && !isPopover && openState) {
-        onOutsidePress?.(e);
-        isClosable = true;
-      }
-    };
-    const onMouseUpHandler = (e) => {
-      if (!invokerRef.current || !menuRef.current) return;
-      const isInvoker = e.composedPath().includes(invokerRef.current);
-      const isPopover = e.composedPath().includes(menuRef.current);
-      if (!isInvoker && !isPopover && openState) {
-        if (isControlled || !isClosable || !openState) return;
-        closeMenu();
-      }
-    };
-    document.addEventListener("mousedown", onMouseDownHandler);
-    document.addEventListener("mouseup", onMouseUpHandler);
-    return () => {
-      document.removeEventListener("mousedown", onMouseDownHandler);
-      document.removeEventListener("mouseup", onMouseUpHandler);
-    };
-  }, [isControlled, openState, onOutsidePress, closeMenu]);
-  const closeRootMenu = useCallback(() => {
-    closeMenu();
-  }, [closeMenu]);
-  const onKeyDownHandler = (e) => {
-    if (!openState || !childrenRef.current || menuContext) return;
-    if (e.code === "Escape") {
-      e.stopPropagation();
-      e.preventDefault();
-      closeMenu();
-    }
-    const currentActiveIndex = focusItems?.findIndex(
-      (item) => item.id === document.activeElement?.id
-    );
-    const firstItem = focusItems?.[0];
-    const lastItem = focusItems?.[focusItems.length - 1];
-    if (e.code === "ArrowDown") {
-      e.stopPropagation();
-      e.preventDefault();
-      if (currentActiveIndex === (focusItems?.length ?? 0) - 1) {
-        firstItem.focus();
-        return;
-      }
-      const nextItem = focusItems?.[(currentActiveIndex ?? 0) + 1];
-      nextItem.focus();
-      return;
-    }
-    if (e.code === "ArrowUp") {
-      e.stopPropagation();
-      e.preventDefault();
-      if (currentActiveIndex === 0) {
-        lastItem.focus();
-        return;
-      }
-      const prevItem = focusItems?.[(currentActiveIndex ?? 0) - 1];
-      prevItem.focus();
-      return;
-    }
-  };
-  const value = useMemo(() => {
-    return {
-      disableAutoHeight,
-      closeRootMenu
-    };
-  }, [disableAutoHeight, closeRootMenu]);
-  const MenuButtonOnKeyDownHandler = (e) => {
-    if (e.code === "ArrowDown") {
-      focusItems?.[0].focus();
-      e.stopPropagation();
-      e.preventDefault();
-    }
-  };
-  const MenuButtonOnClick = () => {
-    if (isControlled) return;
-    if (openState) {
-      closeMenu();
-      return;
-    }
-    openMenu();
-  };
-  if (menuContext) {
-    return /* @__PURE__ */ jsx(MenuContext.Provider, { value, children: /* @__PURE__ */ jsx(
-      MenuNested,
-      {
-        open,
-        defaultOpen,
-        className: props.className,
-        icon: props.icon,
-        label,
-        children
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs(MenuContext.Provider, { value, children: [
-    trigger ? trigger({
-      ref: invokerRef,
-      onClick: () => MenuButtonOnClick(),
-      "aria-haspopup": true,
-      "aria-controls": `menu-${uid.replace(/:/g, "")}`,
-      "aria-expanded": openState,
-      "data-state": openState ? "open" : "close"
-    }) : /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref: invokerRef,
-        onClick: MenuButtonOnClick,
-        onKeyDown: MenuButtonOnKeyDownHandler,
-        "aria-haspopup": true,
-        "aria-controls": `menu-${uid.replace(/:/g, "")}`,
-        "data-state": openState ? "open" : "close",
-        "aria-expanded": openState,
-        ...rest,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        popover: "manual",
-        id: `menu-${uid.replace(/:/g, "")}`,
-        "data-anv": "menu-content",
-        className: styles.content,
-        onKeyDown: onKeyDownHandler,
-        ref: menuRef,
-        role: "presentation",
-        children: [
-          arrowStart && /* @__PURE__ */ jsx("div", { className: styles["arrow-up"], "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { svg: SvgArrowDropUp, size: "xlarge", className: styles["arrow-icon"] }) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: styles.scroller,
-              tabIndex: -1,
-              ref: childrenRef,
-              style: {
-                position: "relative",
-                maxHeight: menuHeight ?? "inherit"
-              },
-              onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
-              role: "menu",
-              id: `scroller-${uid.replace(/:/g, "")}`,
-              children
-            }
-          ),
-          arrowEnd && /* @__PURE__ */ jsx("div", { className: styles["arrow-down"], "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { svg: SvgArrowDropDown, size: "xlarge", className: styles["arrow-icon"] }) })
-        ]
-      }
-    )
-  ] });
-};
-const Menu$1 = Object.assign(MenuElement$1, {
-  Item: MenuItem$1
-});
-
-const MenuElement = (props) => {
-  const data = {
-    value: props.value,
-    ariaLabel: props["aria-label"]
-  };
-  const trackingId = useTrackingId({
-    name: "Menu",
-    data,
-    hasOverride: !!props["data-tracking-id"]
-  });
-  return /* @__PURE__ */ jsx(Menu$1, { "data-tracking-id": trackingId, ...props });
-};
-const MenuItem = forwardRef(
-  (props, ref) => {
-    const data = {
-      label: childrenToString(props.label)
-    };
-    const trackingId = useTrackingId({
-      name: "MenuItem",
-      data,
-      hasOverride: !!props["data-tracking-id"]
-    });
-    return /* @__PURE__ */ jsx(MenuItem$1, { ref, "data-tracking-id": trackingId, ...props });
-  }
-);
-const Menu = Object.assign(MenuElement, {
-  Item: MenuItem
-});
-
-export { Menu as M, MenuItem as a };
-//# sourceMappingURL=Menu-D8SDm9s9.js.map