@eightshift/ui-components 0.0.1

package/dist/popover-Dx3vKXUX.js

@@ -0,0 +1,1061 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { l as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, e as $bdb11010cef70236$export$f680877a34711e37, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, n as $ff5963eb1fccf552$export$e08e3b67e392101e, o as $b5e257d569688ac6$export$535bd6ca7f90a273, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, a as $64fa3d84918910a7$export$29f1550f4b0d4415, q as $64fa3d84918910a7$export$45fda7c47f93fd48, t as $64fa3d84918910a7$export$94b6d0abf7d33e8c, r as $64fa3d84918910a7$export$6d3443f2c48bfc20, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, s as $64fa3d84918910a7$export$c62b8e45d58ddad9 } from "./utils-BsiH7-5Y.js";
+import { d as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-CrNYmadY.js";
+import { b as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./tooltip-CkCndvTI.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-DG2RfOUr.js";
+import React__default, { useRef, useContext, useEffect, useMemo, createContext, useState, forwardRef } from "react";
+import { $ as $62d8ded9296f3872$export$cfa2225e87938781, a as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-ByKBPHmX.js";
+import { c as $9bf71ea28793e738$export$1258395f99bf9cbf, $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-1u9yyfIN.js";
+import { l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, g as $431fbd86ca7dc216$export$b204af158042fbac, d as $9ab94262bd0047c7$export$420e68273165f4ec, j as $c87311424ea30a05$export$fedb369cb70207f1, h as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-C3K8zAKj.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Dg62M_3P.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-Prmz0h0A.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BYRI1Lfo.js";
+import { e as $ae1eeba8b9eafd08$export$5165eccb35aaadb5 } from "./usePress-BQgVor4T.js";
+import { $ as $dbSRa$reactdom } from "./index-Bfb9bWcb.js";
+import { classnames } from "./utilities/classnames.js";
+import { _ as __ } from "./default-i18n-BhE-OUmt.js";
+import { B as Button } from "./button-BkkdyHfJ.js";
+const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ React__default.forwardRef(({ children, ...props }, ref) => {
+  let isRegistered = useRef(false);
+  let prevContext = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
+  ref = $df56164dff5785e2$export$4338b53315abf666(ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref));
+  let context = $3ef42575df84b30b$export$9d1611c77c2fe928(prevContext || {}, {
+    ...props,
+    ref,
+    register() {
+      isRegistered.current = true;
+      if (prevContext)
+        prevContext.register();
+    }
+  });
+  $e7801be82b4b2a53$export$4debdb1a3f0fa79e(prevContext, ref);
+  useEffect(() => {
+    if (!isRegistered.current) {
+      console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component.");
+      isRegistered.current = true;
+    }
+  }, []);
+  return /* @__PURE__ */ React__default.createElement($ae1eeba8b9eafd08$export$5165eccb35aaadb5.Provider, {
+    value: context
+  }, children);
+});
+function $f1ab8c75478c6f73$export$cf75428e0b9ed1ea({ children }) {
+  let context = useMemo(() => ({
+    register: () => {
+    }
+  }), []);
+  return /* @__PURE__ */ React__default.createElement($ae1eeba8b9eafd08$export$5165eccb35aaadb5.Provider, {
+    value: context
+  }, children);
+}
+function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
+  let { ref, onInteractOutside, isDisabled, onInteractOutsideStart } = props;
+  let stateRef = useRef({
+    isPointerDown: false,
+    ignoreEmulatedMouseEvents: false
+  });
+  let onPointerDown = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) {
+      if (onInteractOutsideStart)
+        onInteractOutsideStart(e);
+      stateRef.current.isPointerDown = true;
+    }
+  });
+  let triggerInteractOutside = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (onInteractOutside)
+      onInteractOutside(e);
+  });
+  useEffect(() => {
+    let state = stateRef.current;
+    if (isDisabled)
+      return;
+    const element = ref.current;
+    const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element);
+    if (typeof PointerEvent !== "undefined") {
+      let onPointerUp = (e) => {
+        if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
+          triggerInteractOutside(e);
+        state.isPointerDown = false;
+      };
+      documentObject.addEventListener("pointerdown", onPointerDown, true);
+      documentObject.addEventListener("pointerup", onPointerUp, true);
+      return () => {
+        documentObject.removeEventListener("pointerdown", onPointerDown, true);
+        documentObject.removeEventListener("pointerup", onPointerUp, true);
+      };
+    } else {
+      let onMouseUp = (e) => {
+        if (state.ignoreEmulatedMouseEvents)
+          state.ignoreEmulatedMouseEvents = false;
+        else if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
+          triggerInteractOutside(e);
+        state.isPointerDown = false;
+      };
+      let onTouchEnd = (e) => {
+        state.ignoreEmulatedMouseEvents = true;
+        if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
+          triggerInteractOutside(e);
+        state.isPointerDown = false;
+      };
+      documentObject.addEventListener("mousedown", onPointerDown, true);
+      documentObject.addEventListener("mouseup", onMouseUp, true);
+      documentObject.addEventListener("touchstart", onPointerDown, true);
+      documentObject.addEventListener("touchend", onTouchEnd, true);
+      return () => {
+        documentObject.removeEventListener("mousedown", onPointerDown, true);
+        documentObject.removeEventListener("mouseup", onMouseUp, true);
+        documentObject.removeEventListener("touchstart", onPointerDown, true);
+        documentObject.removeEventListener("touchend", onTouchEnd, true);
+      };
+    }
+  }, [
+    ref,
+    isDisabled,
+    onPointerDown,
+    triggerInteractOutside
+  ]);
+}
+function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
+  if (event.button > 0)
+    return false;
+  if (event.target) {
+    const ownerDocument = event.target.ownerDocument;
+    if (!ownerDocument || !ownerDocument.documentElement.contains(event.target))
+      return false;
+    if (event.target.closest("[data-react-aria-top-layer]"))
+      return false;
+  }
+  return ref.current && !ref.current.contains(event.target);
+}
+const $a11501f3d1d39e6c$var$visibleOverlays = [];
+function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
+  let { onClose, shouldCloseOnBlur, isOpen, isDismissable = false, isKeyboardDismissDisabled = false, shouldCloseOnInteractOutside } = props;
+  useEffect(() => {
+    if (isOpen)
+      $a11501f3d1d39e6c$var$visibleOverlays.push(ref);
+    return () => {
+      let index = $a11501f3d1d39e6c$var$visibleOverlays.indexOf(ref);
+      if (index >= 0)
+        $a11501f3d1d39e6c$var$visibleOverlays.splice(index, 1);
+    };
+  }, [
+    isOpen,
+    ref
+  ]);
+  let onHide = () => {
+    if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref && onClose)
+      onClose();
+  };
+  let onInteractOutsideStart = (e) => {
+    if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) {
+      if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    }
+  };
+  let onInteractOutside = (e) => {
+    if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) {
+      if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+      onHide();
+    }
+  };
+  let onKeyDown = (e) => {
+    if (e.key === "Escape" && !isKeyboardDismissDisabled && !e.nativeEvent.isComposing) {
+      e.stopPropagation();
+      e.preventDefault();
+      onHide();
+    }
+  };
+  $e0b6e0b68ec7f50f$export$872b660ac5a1ff98({
+    ref,
+    onInteractOutside: isDismissable && isOpen ? onInteractOutside : null,
+    onInteractOutsideStart
+  });
+  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
+    isDisabled: !shouldCloseOnBlur,
+    onBlurWithin: (e) => {
+      if (!e.relatedTarget || $9bf71ea28793e738$export$1258395f99bf9cbf(e.relatedTarget))
+        return;
+      if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget))
+        onClose();
+    }
+  });
+  let onPointerDownUnderlay = (e) => {
+    if (e.target === e.currentTarget)
+      e.preventDefault();
+  };
+  return {
+    overlayProps: {
+      onKeyDown,
+      ...focusWithinProps
+    },
+    underlayProps: {
+      onPointerDown: onPointerDownUnderlay
+    }
+  };
+}
+function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
+  let { type } = props;
+  let { isOpen } = state;
+  useEffect(() => {
+    if (ref && ref.current)
+      $dd149f63282afbbf$export$f6211563215e3b37.set(ref.current, state.close);
+  });
+  let ariaHasPopup = void 0;
+  if (type === "menu")
+    ariaHasPopup = true;
+  else if (type === "listbox")
+    ariaHasPopup = "listbox";
+  let overlayId = $bdb11010cef70236$export$f680877a34711e37();
+  return {
+    triggerProps: {
+      "aria-haspopup": ariaHasPopup,
+      "aria-expanded": isOpen,
+      "aria-controls": isOpen ? overlayId : null,
+      onPress: state.toggle
+    },
+    overlayProps: {
+      id: overlayId
+    }
+  };
+}
+const $49c51c25361d4cd2$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
+const $49c51c25361d4cd2$var$nonTextInputTypes = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+let $49c51c25361d4cd2$var$preventScrollCount = 0;
+let $49c51c25361d4cd2$var$restore;
+function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = {}) {
+  let { isDisabled } = options;
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isDisabled)
+      return;
+    $49c51c25361d4cd2$var$preventScrollCount++;
+    if ($49c51c25361d4cd2$var$preventScrollCount === 1) {
+      if ($c87311424ea30a05$export$fedb369cb70207f1())
+        $49c51c25361d4cd2$var$restore = $49c51c25361d4cd2$var$preventScrollMobileSafari();
+      else
+        $49c51c25361d4cd2$var$restore = $49c51c25361d4cd2$var$preventScrollStandard();
+    }
+    return () => {
+      $49c51c25361d4cd2$var$preventScrollCount--;
+      if ($49c51c25361d4cd2$var$preventScrollCount === 0)
+        $49c51c25361d4cd2$var$restore();
+    };
+  }, [
+    isDisabled
+  ]);
+}
+function $49c51c25361d4cd2$var$preventScrollStandard() {
+  return $ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, "overflow", "hidden"));
+}
+function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
+  let scrollable;
+  let restoreScrollableStyles;
+  let onTouchStart = (e) => {
+    scrollable = $62d8ded9296f3872$export$cfa2225e87938781(e.target, true);
+    if (scrollable === document.documentElement && scrollable === document.body)
+      return;
+    if (scrollable instanceof HTMLElement && window.getComputedStyle(scrollable).overscrollBehavior === "auto")
+      restoreScrollableStyles = $49c51c25361d4cd2$var$setStyle(scrollable, "overscrollBehavior", "contain");
+  };
+  let onTouchMove = (e) => {
+    if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
+      e.preventDefault();
+      return;
+    }
+    if (scrollable.scrollHeight === scrollable.clientHeight && scrollable.scrollWidth === scrollable.clientWidth)
+      e.preventDefault();
+  };
+  let onTouchEnd = (e) => {
+    let target = e.target;
+    if ($49c51c25361d4cd2$var$willOpenKeyboard(target) && target !== document.activeElement) {
+      e.preventDefault();
+      setupStyles();
+      target.style.transform = "translateY(-2000px)";
+      target.focus();
+      requestAnimationFrame(() => {
+        target.style.transform = "";
+      });
+    }
+    if (restoreScrollableStyles)
+      restoreScrollableStyles();
+  };
+  let onFocus = (e) => {
+    let target = e.target;
+    if ($49c51c25361d4cd2$var$willOpenKeyboard(target)) {
+      setupStyles();
+      target.style.transform = "translateY(-2000px)";
+      requestAnimationFrame(() => {
+        target.style.transform = "";
+        if ($49c51c25361d4cd2$var$visualViewport) {
+          if ($49c51c25361d4cd2$var$visualViewport.height < window.innerHeight)
+            requestAnimationFrame(() => {
+              $49c51c25361d4cd2$var$scrollIntoView(target);
+            });
+          else
+            $49c51c25361d4cd2$var$visualViewport.addEventListener("resize", () => $49c51c25361d4cd2$var$scrollIntoView(target), {
+              once: true
+            });
+        }
+      });
+    }
+  };
+  let restoreStyles = null;
+  let setupStyles = () => {
+    if (restoreStyles)
+      return;
+    let onWindowScroll = () => {
+      window.scrollTo(0, 0);
+    };
+    let scrollX = window.pageXOffset;
+    let scrollY = window.pageYOffset;
+    restoreStyles = $ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(window, "scroll", onWindowScroll), $49c51c25361d4cd2$var$setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, "overflow", "hidden"), $49c51c25361d4cd2$var$setStyle(document.body, "marginTop", `-${scrollY}px`), () => {
+      window.scrollTo(scrollX, scrollY);
+    });
+    window.scrollTo(0, 0);
+  };
+  let removeEvents = $ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(document, "touchstart", onTouchStart, {
+    passive: false,
+    capture: true
+  }), $49c51c25361d4cd2$var$addEvent(document, "touchmove", onTouchMove, {
+    passive: false,
+    capture: true
+  }), $49c51c25361d4cd2$var$addEvent(document, "touchend", onTouchEnd, {
+    passive: false,
+    capture: true
+  }), $49c51c25361d4cd2$var$addEvent(document, "focus", onFocus, true));
+  return () => {
+    restoreScrollableStyles === null || restoreScrollableStyles === void 0 ? void 0 : restoreScrollableStyles();
+    restoreStyles === null || restoreStyles === void 0 ? void 0 : restoreStyles();
+    removeEvents();
+  };
+}
+function $49c51c25361d4cd2$var$setStyle(element, style, value) {
+  let cur = element.style[style];
+  element.style[style] = value;
+  return () => {
+    element.style[style] = cur;
+  };
+}
+function $49c51c25361d4cd2$var$addEvent(target, event, handler, options) {
+  target.addEventListener(event, handler, options);
+  return () => {
+    target.removeEventListener(event, handler, options);
+  };
+}
+function $49c51c25361d4cd2$var$scrollIntoView(target) {
+  let root = document.scrollingElement || document.documentElement;
+  while (target && target !== root) {
+    let scrollable = $62d8ded9296f3872$export$cfa2225e87938781(target);
+    if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== target) {
+      let scrollableTop = scrollable.getBoundingClientRect().top;
+      let targetTop = target.getBoundingClientRect().top;
+      if (targetTop > scrollableTop + target.clientHeight)
+        scrollable.scrollTop += targetTop - scrollableTop;
+    }
+    target = scrollable.parentElement;
+  }
+}
+function $49c51c25361d4cd2$var$willOpenKeyboard(target) {
+  return target instanceof HTMLInputElement && !$49c51c25361d4cd2$var$nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
+}
+var $773d5888b972f1cf$exports = {};
+$773d5888b972f1cf$exports = {
+  "dismiss": `تجاهل`
+};
+var $d11f19852b941573$exports = {};
+$d11f19852b941573$exports = {
+  "dismiss": `Отхвърляне`
+};
+var $b983974c2ee1efb3$exports = {};
+$b983974c2ee1efb3$exports = {
+  "dismiss": `Odstranit`
+};
+var $5809cc9d4e92de73$exports = {};
+$5809cc9d4e92de73$exports = {
+  "dismiss": `Luk`
+};
+var $c68c2e4fc74398d1$exports = {};
+$c68c2e4fc74398d1$exports = {
+  "dismiss": `Schließen`
+};
+var $0898b4c153db2b77$exports = {};
+$0898b4c153db2b77$exports = {
+  "dismiss": `Απόρριψη`
+};
+var $6d74810286a15183$exports = {};
+$6d74810286a15183$exports = {
+  "dismiss": `Dismiss`
+};
+var $309d73dc65f78055$exports = {};
+$309d73dc65f78055$exports = {
+  "dismiss": `Descartar`
+};
+var $44ad94f7205cf593$exports = {};
+$44ad94f7205cf593$exports = {
+  "dismiss": `Lõpeta`
+};
+var $7c28f5687f0779a9$exports = {};
+$7c28f5687f0779a9$exports = {
+  "dismiss": `Hylkää`
+};
+var $e6d75df4b68bd73a$exports = {};
+$e6d75df4b68bd73a$exports = {
+  "dismiss": `Rejeter`
+};
+var $87505c9dab186d0f$exports = {};
+$87505c9dab186d0f$exports = {
+  "dismiss": `התעלם`
+};
+var $553439c3ffb3e492$exports = {};
+$553439c3ffb3e492$exports = {
+  "dismiss": `Odbaci`
+};
+var $74cf411061b983a2$exports = {};
+$74cf411061b983a2$exports = {
+  "dismiss": `Elutasítás`
+};
+var $e933f298574dc435$exports = {};
+$e933f298574dc435$exports = {
+  "dismiss": `Ignora`
+};
+var $ac91fc9fe02f71f6$exports = {};
+$ac91fc9fe02f71f6$exports = {
+  "dismiss": `閉じる`
+};
+var $52b96f86422025af$exports = {};
+$52b96f86422025af$exports = {
+  "dismiss": `무시`
+};
+var $c0d724c3e51dafa6$exports = {};
+$c0d724c3e51dafa6$exports = {
+  "dismiss": `Atmesti`
+};
+var $c92899672a3fe72e$exports = {};
+$c92899672a3fe72e$exports = {
+  "dismiss": `Nerādīt`
+};
+var $9f576b39d8e7a9d6$exports = {};
+$9f576b39d8e7a9d6$exports = {
+  "dismiss": `Lukk`
+};
+var $9d025808aeec81a7$exports = {};
+$9d025808aeec81a7$exports = {
+  "dismiss": `Negeren`
+};
+var $fce709921e2c0fa6$exports = {};
+$fce709921e2c0fa6$exports = {
+  "dismiss": `Zignoruj`
+};
+var $2599cf0c4ab37f59$exports = {};
+$2599cf0c4ab37f59$exports = {
+  "dismiss": `Descartar`
+};
+var $3c220ae7ef8a35fd$exports = {};
+$3c220ae7ef8a35fd$exports = {
+  "dismiss": `Dispensar`
+};
+var $93562b5094072f54$exports = {};
+$93562b5094072f54$exports = {
+  "dismiss": `Revocare`
+};
+var $cd9e2abd0d06c7b4$exports = {};
+$cd9e2abd0d06c7b4$exports = {
+  "dismiss": `Пропустить`
+};
+var $45375701f409adf1$exports = {};
+$45375701f409adf1$exports = {
+  "dismiss": `Zrušiť`
+};
+var $27fab53a576de9dd$exports = {};
+$27fab53a576de9dd$exports = {
+  "dismiss": `Opusti`
+};
+var $4438748d9952e7c7$exports = {};
+$4438748d9952e7c7$exports = {
+  "dismiss": `Odbaci`
+};
+var $0936d7347ef4da4c$exports = {};
+$0936d7347ef4da4c$exports = {
+  "dismiss": `Avvisa`
+};
+var $29700c92185d38f8$exports = {};
+$29700c92185d38f8$exports = {
+  "dismiss": `Kapat`
+};
+var $662ccaf2be4c25b3$exports = {};
+$662ccaf2be4c25b3$exports = {
+  "dismiss": `Скасувати`
+};
+var $d80a27deda7cdb3c$exports = {};
+$d80a27deda7cdb3c$exports = {
+  "dismiss": `取消`
+};
+var $2b2734393847c884$exports = {};
+$2b2734393847c884$exports = {
+  "dismiss": `關閉`
+};
+var $a2f21f5f14f60553$exports = {};
+$a2f21f5f14f60553$exports = {
+  "ar-AE": $773d5888b972f1cf$exports,
+  "bg-BG": $d11f19852b941573$exports,
+  "cs-CZ": $b983974c2ee1efb3$exports,
+  "da-DK": $5809cc9d4e92de73$exports,
+  "de-DE": $c68c2e4fc74398d1$exports,
+  "el-GR": $0898b4c153db2b77$exports,
+  "en-US": $6d74810286a15183$exports,
+  "es-ES": $309d73dc65f78055$exports,
+  "et-EE": $44ad94f7205cf593$exports,
+  "fi-FI": $7c28f5687f0779a9$exports,
+  "fr-FR": $e6d75df4b68bd73a$exports,
+  "he-IL": $87505c9dab186d0f$exports,
+  "hr-HR": $553439c3ffb3e492$exports,
+  "hu-HU": $74cf411061b983a2$exports,
+  "it-IT": $e933f298574dc435$exports,
+  "ja-JP": $ac91fc9fe02f71f6$exports,
+  "ko-KR": $52b96f86422025af$exports,
+  "lt-LT": $c0d724c3e51dafa6$exports,
+  "lv-LV": $c92899672a3fe72e$exports,
+  "nb-NO": $9f576b39d8e7a9d6$exports,
+  "nl-NL": $9d025808aeec81a7$exports,
+  "pl-PL": $fce709921e2c0fa6$exports,
+  "pt-BR": $2599cf0c4ab37f59$exports,
+  "pt-PT": $3c220ae7ef8a35fd$exports,
+  "ro-RO": $93562b5094072f54$exports,
+  "ru-RU": $cd9e2abd0d06c7b4$exports,
+  "sk-SK": $45375701f409adf1$exports,
+  "sl-SI": $27fab53a576de9dd$exports,
+  "sr-SP": $4438748d9952e7c7$exports,
+  "sv-SE": $0936d7347ef4da4c$exports,
+  "tr-TR": $29700c92185d38f8$exports,
+  "uk-UA": $662ccaf2be4c25b3$exports,
+  "zh-CN": $d80a27deda7cdb3c$exports,
+  "zh-TW": $2b2734393847c884$exports
+};
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
+  let { onDismiss, ...otherProps } = props;
+  let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($a2f21f5f14f60553$exports), "@react-aria/overlays");
+  let labels = $313b98861ee5dd6c$export$d6875122194c7b44(otherProps, stringFormatter.format("dismiss"));
+  let onClick = () => {
+    if (onDismiss)
+      onDismiss();
+  };
+  return /* @__PURE__ */ React__default.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, null, /* @__PURE__ */ React__default.createElement("button", {
+    ...labels,
+    tabIndex: -1,
+    onClick,
+    style: {
+      width: 1,
+      height: 1
+    }
+  }));
+}
+function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
+  let { triggerRef, popoverRef, isNonModal, isKeyboardDismissDisabled, shouldCloseOnInteractOutside, ...otherProps } = props;
+  let { overlayProps, underlayProps } = $a11501f3d1d39e6c$export$ea8f71083e90600f({
+    isOpen: state.isOpen,
+    onClose: state.close,
+    shouldCloseOnBlur: true,
+    isDismissable: !isNonModal,
+    isKeyboardDismissDisabled,
+    shouldCloseOnInteractOutside
+  }, popoverRef);
+  let { overlayProps: positionProps, arrowProps, placement } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
+    ...otherProps,
+    targetRef: triggerRef,
+    overlayRef: popoverRef,
+    isOpen: state.isOpen,
+    onClose: isNonModal ? state.close : null
+  });
+  $49c51c25361d4cd2$export$ee0f7cc6afcd1c18({
+    isDisabled: isNonModal || !state.isOpen
+  });
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (state.isOpen && !isNonModal && popoverRef.current)
+      return $5e3802645cc19319$export$1c3ebcada18427bf([
+        popoverRef.current
+      ]);
+  }, [
+    isNonModal,
+    state.isOpen,
+    popoverRef
+  ]);
+  return {
+    popoverProps: $3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, positionProps),
+    arrowProps,
+    underlayProps,
+    placement
+  };
+}
+const $96b38030c423d352$export$60d741e20e0aa309 = /* @__PURE__ */ createContext({});
+function $96b38030c423d352$export$574e9b0fb070c3b0() {
+  var _useContext;
+  return (_useContext = useContext($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !== void 0 ? _useContext : {};
+}
+const $337b884510726a0d$export$a2200b96afd16271 = /* @__PURE__ */ React__default.createContext(null);
+function $337b884510726a0d$export$c6fdb837b070b4ff(props) {
+  let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
+  let { portalContainer = isSSR ? null : document.body, isExiting } = props;
+  let [contain, setContain] = useState(false);
+  let contextValue = useMemo(() => ({
+    contain,
+    setContain
+  }), [
+    contain,
+    setContain
+  ]);
+  let { getContainer } = $96b38030c423d352$export$574e9b0fb070c3b0();
+  if (!props.portalContainer && getContainer)
+    portalContainer = getContainer();
+  if (!portalContainer)
+    return null;
+  let contents = props.children;
+  if (!props.disableFocusManagement)
+    contents = /* @__PURE__ */ React__default.createElement($9bf71ea28793e738$export$20e40289641fbbb6, {
+      restoreFocus: true,
+      contain: contain && !isExiting
+    }, contents);
+  contents = /* @__PURE__ */ React__default.createElement($337b884510726a0d$export$a2200b96afd16271.Provider, {
+    value: contextValue
+  }, /* @__PURE__ */ React__default.createElement($f1ab8c75478c6f73$export$cf75428e0b9ed1ea, null, contents));
+  return /* @__PURE__ */ $dbSRa$reactdom.createPortal(contents, portalContainer);
+}
+function $337b884510726a0d$export$14c98a7594375490() {
+  let ctx = useContext($337b884510726a0d$export$a2200b96afd16271);
+  let setContain = ctx === null || ctx === void 0 ? void 0 : ctx.setContain;
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    setContain === null || setContain === void 0 ? void 0 : setContain(true);
+  }, [
+    setContain
+  ]);
+}
+function $40df3f8667284809$export$d55e7ee900f34e93(props, ref) {
+  let { role = "dialog" } = props;
+  let titleId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
+  titleId = props["aria-label"] ? void 0 : titleId;
+  let isRefocusing = useRef(false);
+  useEffect(() => {
+    if (ref.current && !ref.current.contains(document.activeElement)) {
+      $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+      let timeout = setTimeout(() => {
+        if (document.activeElement === ref.current) {
+          isRefocusing.current = true;
+          if (ref.current) {
+            ref.current.blur();
+            $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+          }
+          isRefocusing.current = false;
+        }
+      }, 500);
+      return () => {
+        clearTimeout(timeout);
+      };
+    }
+  }, [
+    ref
+  ]);
+  $337b884510726a0d$export$14c98a7594375490();
+  return {
+    dialogProps: {
+      ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+        labelable: true
+      }),
+      role,
+      tabIndex: -1,
+      "aria-labelledby": props["aria-labelledby"] || titleId,
+      // Prevent blur events from reaching useOverlay, which may cause
+      // popovers to close. Since focus is contained within the dialog,
+      // we don't want this to occur due to the above useEffect.
+      onBlur: (e) => {
+        if (isRefocusing.current)
+          e.stopPropagation();
+      }
+    },
+    titleProps: {
+      id: titleId
+    }
+  };
+}
+const $07b14b47974efb58$export$9b9a0cd73afb7ca4 = /* @__PURE__ */ createContext(null);
+function $07b14b47974efb58$var$Popover(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $07b14b47974efb58$export$9b9a0cd73afb7ca4);
+  let contextState = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
+  let localState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+  let isExiting = $64fa3d84918910a7$export$45fda7c47f93fd48(ref, state.isOpen) || props.isExiting || false;
+  let isHidden = useContext($64fa3d84918910a7$export$94b6d0abf7d33e8c);
+  if (isHidden) {
+    let children = props.children;
+    if (typeof children === "function")
+      children = children({
+        trigger: props.trigger || null,
+        placement: "bottom",
+        isEntering: false,
+        isExiting: false,
+        defaultChildren: null
+      });
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
+  }
+  if (state && !state.isOpen && !isExiting)
+    return null;
+  return /* @__PURE__ */ React__default.createElement($07b14b47974efb58$var$PopoverInner, {
+    ...props,
+    triggerRef: props.triggerRef,
+    state,
+    popoverRef: ref,
+    isExiting
+  });
+}
+const $07b14b47974efb58$export$5b6b19405a83ff9d = /* @__PURE__ */ forwardRef($07b14b47974efb58$var$Popover);
+function $07b14b47974efb58$var$PopoverInner({ state, isExiting, UNSTABLE_portalContainer, ...props }) {
+  let arrowRef = useRef(null);
+  let [arrowWidth, setArrowWidth] = useState(0);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (arrowRef.current && state.isOpen)
+      setArrowWidth(arrowRef.current.getBoundingClientRect().width);
+  }, [
+    state.isOpen,
+    arrowRef
+  ]);
+  var _props_offset;
+  let { popoverProps, underlayProps, arrowProps, placement } = $f2f8a6077418541e$export$542a6fd13ac93354({
+    ...props,
+    offset: (_props_offset = props.offset) !== null && _props_offset !== void 0 ? _props_offset : 8,
+    arrowSize: arrowWidth
+  }, state);
+  let ref = props.popoverRef;
+  let isEntering = $64fa3d84918910a7$export$6d3443f2c48bfc20(ref, !!placement) || props.isEntering || false;
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    defaultClassName: "react-aria-Popover",
+    values: {
+      trigger: props.trigger || null,
+      placement,
+      isEntering,
+      isExiting
+    }
+  });
+  let style = {
+    ...popoverProps.style,
+    ...renderProps.style
+  };
+  return /* @__PURE__ */ React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, {
+    isExiting,
+    portalContainer: UNSTABLE_portalContainer
+  }, !props.isNonModal && state.isOpen && /* @__PURE__ */ React__default.createElement("div", {
+    "data-testid": "underlay",
+    ...underlayProps,
+    style: {
+      position: "fixed",
+      inset: 0
+    }
+  }), /* @__PURE__ */ React__default.createElement("div", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props), popoverProps),
+    ...renderProps,
+    ref,
+    slot: props.slot || void 0,
+    style,
+    "data-trigger": props.trigger,
+    "data-placement": placement,
+    "data-entering": isEntering || void 0,
+    "data-exiting": isExiting || void 0
+  }, !props.isNonModal && /* @__PURE__ */ React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+    onDismiss: state.close
+  }), /* @__PURE__ */ React__default.createElement($44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider, {
+    value: {
+      ...arrowProps,
+      placement,
+      ref: arrowRef
+    }
+  }, renderProps.children), /* @__PURE__ */ React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+    onDismiss: state.close
+  })));
+}
+const $de32f1b87079253c$export$8b93a07348a7730c = /* @__PURE__ */ createContext(null);
+const $de32f1b87079253c$export$d2f961adcb0afbe = /* @__PURE__ */ createContext(null);
+function $de32f1b87079253c$export$2e1e1122cf0cba88(props) {
+  let state = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let buttonRef = useRef(null);
+  let { triggerProps, overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({
+    type: "dialog"
+  }, state, buttonRef);
+  triggerProps.id = $bdb11010cef70236$export$f680877a34711e37();
+  overlayProps["aria-labelledby"] = triggerProps.id;
+  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $de32f1b87079253c$export$d2f961adcb0afbe,
+        state
+      ],
+      [
+        $de32f1b87079253c$export$8b93a07348a7730c,
+        overlayProps
+      ],
+      [
+        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
+        {
+          trigger: "DialogTrigger",
+          triggerRef: buttonRef
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ React__default.createElement($f1ab8c75478c6f73$export$3351871ee4b288b8, {
+    ...triggerProps,
+    ref: buttonRef,
+    isPressed: state.isOpen
+  }, props.children));
+}
+function $de32f1b87079253c$var$Dialog(props, ref) {
+  let originalAriaLabelledby = props["aria-labelledby"];
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $de32f1b87079253c$export$8b93a07348a7730c);
+  let { dialogProps, titleProps } = $40df3f8667284809$export$d55e7ee900f34e93({
+    ...props,
+    // Only pass aria-labelledby from props, not context.
+    // Context is used as a fallback below.
+    "aria-labelledby": originalAriaLabelledby
+  }, ref);
+  let state = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
+  let children = props.children;
+  if (typeof children === "function")
+    children = children({
+      close: (state === null || state === void 0 ? void 0 : state.close) || (() => {
+      })
+    });
+  if (!dialogProps["aria-label"] && !dialogProps["aria-labelledby"]) {
+    if (props["aria-labelledby"])
+      dialogProps["aria-labelledby"] = props["aria-labelledby"];
+    else
+      console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.');
+  }
+  var _props_className;
+  return /* @__PURE__ */ React__default.createElement("section", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
+    ...dialogProps,
+    ref,
+    slot: props.slot || void 0,
+    style: props.style,
+    className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Dialog"
+  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $4e85f108e88277b8$export$d688439359537581,
+        {
+          slots: {
+            [$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
+            title: {
+              ...titleProps,
+              level: 2
+            }
+          }
+        }
+      ]
+    ]
+  }, children));
+}
+const $de32f1b87079253c$export$3ddf2d174ce01153 = /* @__PURE__ */ forwardRef($de32f1b87079253c$var$Dialog);
+/**
+ * A popover component.
+ *
+ * Two modes of operation are supported:
+ * - **controlled mode**: pass `isOpen` and `onOpenChange` to control when the popover is open.
+ * - **uncontrolled mode**: pass `openByDefault` to set the initial popover state. The show/hide state will be managed internally, based on the interaction with the trigger button.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {React.Ref} props.triggerRef - Ref of the trigger button. In uncontrolled mode, this element will be used to open the popover. In controlled mode, the popover will be anchored to this element.
+ * @param {boolean} [props.openByDefault=false] - (**Controlled mode**) If `true`, the popover is open by default.
+ * @param {boolean} props.isOpen - (**Uncontrolled mode**) If `true`, the popover is open.
+ * @param {Function} props.onOpenChange - (**Uncontrolled mode**) Function to run when the popover is opened or closed. `(isOpen: boolean) => void`.
+ * @param {PopoverPlacement} props.placement - The placement of the popover.
+ * @param {string} [props.className] - Classes to pass to the popover contents.
+ * @param {string} [props.wrapperClassName] - Classes to pass to the popover wrapper.
+ * @param {Object} props.style - Styles to pass to the popover.
+ * @param {number} props.offset - Offset from the trigger element, on the same axis as the placement of the popover (e.g. if `placement` is `left`, this controls the horizontal spacing from the element).
+ * @param {number} props.crossOffset - Offset from the trigger element, on the opposite axis as the placement of the popover (e.g. if `placement` is `left`, this controls the vertical spacing from the element).
+ * @param {number} props.containerPadding - Space that should be left between the popover and the edge of the container (the default container is browser window).
+ * @param {boolean} props.shouldFlip - If `true`, the popover should flip when there is not enough space.
+ * @param {Function} [props.shouldCloseOnInteractOutside=() => true] - Allows ignoring close events for certain elements. `(element: HTMLElement) => boolean`.
+ *
+ * @returns {JSX.Element} The Popover component.
+ *
+ * @typedef {'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom'} PopoverPlacement
+ *
+ * @example
+ * // Uncontrolled mode.
+ * const ref = useRef(null);
+ *
+ * <Button forwardedRef={ref}>Open popover</Button>
+ *
+ * <Popover
+ * 	triggerRef={triggerRef}
+ * 	openByDefault={true}
+ * >
+ * 	...
+ * </Popover>
+ *
+ * @example
+ * // Controlled mode.
+ * const [open, setOpen] = useState(false);
+ *
+ * <Button onPress={() => setOpen(true)}>Open popover</Button>
+ *
+ * <Popover
+ * 	onOpenChange={setOpen}
+ * 	isOpen={open}
+ * 	triggerRef={triggerRef}
+ * >
+ * 	...
+ * 	<Button onPress={() => setOpen(false)}>Close popover</Button>
+ * </Popover>
+ *
+ * @preserve
+ */
+const Popover = (props) => {
+  const {
+    children,
+    triggerRef,
+    openByDefault,
+    isOpen,
+    onOpenChange,
+    placement,
+    className,
+    wrapperClassName,
+    style,
+    offset,
+    crossOffset,
+    containerPadding,
+    shouldFlip,
+    shouldCloseOnInteractOutside = () => true,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx(
+    $07b14b47974efb58$export$5b6b19405a83ff9d,
+    {
+      shouldFlip,
+      shouldCloseOnInteractOutside,
+      triggerRef,
+      isOpen,
+      onOpenChange,
+      defaultOpen: openByDefault,
+      placement,
+      offset,
+      crossOffset,
+      containerPadding,
+      className: ({ isEntering, isExiting }) => classnames(
+        "es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-outline-none",
+        isEntering && "es-uic-outline es-uic-animate-in es-uic-fade-in-0 es-uic-slide-in-from-top-2 es-uic-fill-mode-forwards",
+        isExiting && "es-uic-outline es-uic-animate-out es-uic-fade-out-0 es-uic-slide-out-to-top-2 es-uic-fill-mode-forwards",
+        wrapperClassName
+      ),
+      style,
+      children: /* @__PURE__ */ jsx(
+        $de32f1b87079253c$export$3ddf2d174ce01153,
+        {
+          className: classnames("es-uic-p-1 es-uic-text-sm es-uic-outline-none", className),
+          ...other,
+          children
+        }
+      )
+    }
+  );
+};
+/**
+ * A simple version of the Popover component that includes a trigger button.
+ * The control of the popover is handled internally. A custom trigger can be provided.
+ *
+ * If you need more control over the trigger, use the Popover component directly.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {JSX.Element} props.trigger - Allows using a custom trigger element.
+ * @param {JSX.Element} [props.triggerButtonIcon] - The icon for the built-in trigger button.
+ * @param {string} props.triggerButtonLabel - The label for the built-in trigger button.
+ * @param {Object} props.triggerButtonProps - Props to pass to the built-in trigger button.
+ * @param {Function} props.onOpenChange - Function to run when the popover is opened or closed. `(isOpen: boolean) => void`.
+ * @param {boolean} props.openByDefault - If `true`, the popover is open by default.
+ * @param {PopoverPlacement} props.placement - The placement of the popover.
+ * @param {string} props.className - Classes to pass to the popover.
+ * @param {Object} props.style - Styles to pass to the popover.
+ * @param {number} props.offset - Offset from the trigger element, on the same axis as the placement of the popover (e.g. if `placement` is `left`, this controls the horizontal spacing from the element).
+ * @param {number} props.crossOffset - Offset from the trigger element, on the opposite axis as the placement of the popover (e.g. if `placement` is `left`, this controls the vertical spacing from the element).
+ * @param {number} props.containerPadding - Space that should be left between the popover and the edge of the container (the default container is browser window).
+ *
+ * @returns {JSX.Element} The TriggeredPopover component.
+ *
+ * @typedef {'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom'} PopoverPlacement
+ *
+ * @example
+ * <TriggeredPopover>
+ * 		...
+ * </TriggeredPopover>
+ *
+ * @preserve
+ */
+const TriggeredPopover = (props) => {
+  const {
+    trigger,
+    triggerButtonIcon,
+    triggerButtonLabel = !triggerButtonIcon && __("Open", "eightshift-ui-components"),
+    triggerButtonProps,
+    children,
+    onOpenChange,
+    openByDefault,
+    placement,
+    style,
+    className,
+    offset,
+    crossOffset,
+    containerPadding,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, { onOpenChange, children: [
+    trigger,
+    !trigger && /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: triggerButtonIcon,
+        ...triggerButtonProps,
+        children: triggerButtonLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        placement,
+        openByDefault,
+        offset,
+        crossOffset,
+        containerPadding,
+        className,
+        style,
+        ...rest,
+        children
+      }
+    )
+  ] });
+};
+export {
+  $628037886ba31236$export$f9d5c8beee7d008d as $,
+  Popover as P,
+  TriggeredPopover as T,
+  $de32f1b87079253c$export$d2f961adcb0afbe as a,
+  $07b14b47974efb58$export$9b9a0cd73afb7ca4 as b,
+  $f1ab8c75478c6f73$export$3351871ee4b288b8 as c,
+  $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 as d
+};