@simplybusiness/mobius 10.4.2 → 10.4.3

package/dist/esm/chunk-CAL44W47.js

@@ -0,0 +1,23 @@
+// src/components/Popover/Arrow.tsx
+import { jsx } from "react/jsx-runtime";
+var Arrow = ({ ref, width = 20, className, style }) => {
+  const height = width / 2;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ref,
+      className,
+      "aria-hidden": "true",
+      width,
+      height,
+      viewBox: `0 0 ${width} ${height}`,
+      style,
+      children: /* @__PURE__ */ jsx("path", { d: `M0,0 H${width} L${width / 2},${height} Z` })
+    }
+  );
+};
+
+export {
+  Arrow
+};
+//# sourceMappingURL=chunk-CAL44W47.js.map

package/dist/esm/chunk-CAL44W47.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Popover/Arrow.tsx"],
+  "sourcesContent": ["import type { CSSProperties, Ref } from \"react\";\n\ninterface ArrowProps {\n  ref?: Ref<SVGSVGElement>;\n  width?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const Arrow = ({ ref, width = 20, className, style }: ArrowProps) => {\n  const height = width / 2;\n  return (\n    <svg\n      ref={ref}\n      className={className}\n      aria-hidden=\"true\"\n      width={width}\n      height={height}\n      viewBox={`0 0 ${width} ${height}`}\n      style={style}\n    >\n      <path d={`M0,0 H${width} L${width / 2},${height} Z`} />\n    </svg>\n  );\n};\n"],
+  "mappings": ";AAqBM;AAZC,IAAM,QAAQ,CAAC,EAAE,KAAK,QAAQ,IAAI,WAAW,MAAM,MAAkB;AAC1E,QAAM,SAAS,QAAQ;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAC/B;AAAA,MAEA,8BAAC,UAAK,GAAG,SAAS,KAAK,KAAK,QAAQ,CAAC,IAAI,MAAM,MAAM;AAAA;AAAA,EACvD;AAEJ;",
+  "names": []
+}

package/dist/esm/{chunk-PEEQNAIN.js → chunk-DMYDWKKA.js}

@@ -1,12 +1,12 @@
+import {
+  Content
+} from "./chunk-55NPJOV3.js";
 import {
   Header
 } from "./chunk-MPB5F6QL.js";
 import {
   Modal
 } from "./chunk-JJUTS5ET.js";
-import {
-  Content
-} from "./chunk-55NPJOV3.js";
 
 // src/components/Modal/index.tsx
 var Modal2 = Object.assign(Modal, {
@@ -18,4 +18,4 @@ Modal2.displayName = "Modal";
 export {
   Modal2 as Modal
 };
-//# sourceMappingURL=chunk-PEEQNAIN.js.map
+//# sourceMappingURL=chunk-DMYDWKKA.js.map

package/dist/esm/chunk-K3ECDAUR.js

@@ -0,0 +1,33 @@
+// src/components/Popover/useAutoUpdate.ts
+import { useEffect } from "react";
+var useAutoUpdate = ({
+  referenceRef,
+  floatingRef,
+  onUpdate,
+  enabled
+}) => {
+  useEffect(() => {
+    if (!enabled) return;
+    const reference = referenceRef.current;
+    const floating = floatingRef.current;
+    const scrollOpts = {
+      capture: true,
+      passive: true
+    };
+    window.addEventListener("scroll", onUpdate, scrollOpts);
+    window.addEventListener("resize", onUpdate, { passive: true });
+    const observer = typeof ResizeObserver === "function" ? new ResizeObserver(onUpdate) : null;
+    if (observer && reference) observer.observe(reference);
+    if (observer && floating) observer.observe(floating);
+    return () => {
+      window.removeEventListener("scroll", onUpdate, scrollOpts);
+      window.removeEventListener("resize", onUpdate);
+      observer?.disconnect();
+    };
+  }, [enabled, onUpdate, referenceRef, floatingRef]);
+};
+
+export {
+  useAutoUpdate
+};
+//# sourceMappingURL=chunk-K3ECDAUR.js.map

package/dist/esm/chunk-K3ECDAUR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Popover/useAutoUpdate.ts"],
+  "sourcesContent": ["import type { RefObject } from \"react\";\nimport { useEffect } from \"react\";\n\ninterface UseAutoUpdateArgs {\n  referenceRef: RefObject<HTMLElement | null>;\n  floatingRef: RefObject<HTMLDivElement | null>;\n  onUpdate: () => void;\n  enabled: boolean;\n}\n\nexport const useAutoUpdate = ({\n  referenceRef,\n  floatingRef,\n  onUpdate,\n  enabled,\n}: UseAutoUpdateArgs): void => {\n  useEffect(() => {\n    if (!enabled) return;\n\n    const reference = referenceRef.current;\n    const floating = floatingRef.current;\n\n    const scrollOpts: AddEventListenerOptions = {\n      capture: true,\n      passive: true,\n    };\n    window.addEventListener(\"scroll\", onUpdate, scrollOpts);\n    window.addEventListener(\"resize\", onUpdate, { passive: true });\n\n    const observer =\n      typeof ResizeObserver === \"function\"\n        ? new ResizeObserver(onUpdate)\n        : null;\n    if (observer && reference) observer.observe(reference);\n    if (observer && floating) observer.observe(floating);\n\n    return () => {\n      window.removeEventListener(\"scroll\", onUpdate, scrollOpts);\n      window.removeEventListener(\"resize\", onUpdate);\n      observer?.disconnect();\n    };\n  }, [enabled, onUpdate, referenceRef, floatingRef]);\n};\n"],
+  "mappings": ";AACA,SAAS,iBAAiB;AASnB,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+B;AAC7B,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAEd,UAAM,YAAY,aAAa;AAC/B,UAAM,WAAW,YAAY;AAE7B,UAAM,aAAsC;AAAA,MAC1C,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AACA,WAAO,iBAAiB,UAAU,UAAU,UAAU;AACtD,WAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,KAAK,CAAC;AAE7D,UAAM,WACJ,OAAO,mBAAmB,aACtB,IAAI,eAAe,QAAQ,IAC3B;AACN,QAAI,YAAY,UAAW,UAAS,QAAQ,SAAS;AACrD,QAAI,YAAY,SAAU,UAAS,QAAQ,QAAQ;AAEnD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,UAAU,UAAU;AACzD,aAAO,oBAAoB,UAAU,QAAQ;AAC7C,gBAAU,WAAW;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,cAAc,WAAW,CAAC;AACnD;",
+  "names": []
+}

package/dist/esm/{chunk-GJBH37DH.js → chunk-KFHPI67N.js}

@@ -1,12 +1,12 @@
+import {
+  Header
+} from "./chunk-UZV5PZ7R.js";
 import {
   Content
 } from "./chunk-WHRUNWJI.js";
 import {
   Drawer
 } from "./chunk-VYQRTISC.js";
-import {
-  Header
-} from "./chunk-UZV5PZ7R.js";
 
 // src/components/Drawer/index.tsx
 var Drawer2 = Object.assign(Drawer, {
@@ -18,4 +18,4 @@ Drawer2.displayName = "Drawer";
 export {
   Drawer2 as Drawer
 };
-//# sourceMappingURL=chunk-GJBH37DH.js.map
+//# sourceMappingURL=chunk-KFHPI67N.js.map

package/dist/esm/{chunk-F5ELD54X.js → chunk-LGZWQZLS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-66ARYOY7.js";
 import {
   Combobox
-} from "./chunk-OAG5T7NC.js";
+} from "./chunk-NEFRXIFY.js";
 import {
   Icon
 } from "./chunk-TKIP5Q5H.js";
@@ -93,4 +93,4 @@ AddressLookup.displayName = "AddressLookup";
 export {
   AddressLookup
 };
-//# sourceMappingURL=chunk-F5ELD54X.js.map
+//# sourceMappingURL=chunk-LGZWQZLS.js.map

package/dist/esm/{chunk-OAG5T7NC.js → chunk-NEFRXIFY.js}

@@ -1,12 +1,12 @@
-import {
-  Listbox
-} from "./chunk-PQSPISME.js";
 import {
   useComboboxHighlight
 } from "./chunk-XZUQV54A.js";
 import {
   useComboboxOptions
 } from "./chunk-GU5OMKTM.js";
+import {
+  Listbox
+} from "./chunk-PQSPISME.js";
 import {
   getOptionLabel,
   getOptionValue,
@@ -352,4 +352,4 @@ var Combobox = ComboboxInner;
 export {
   Combobox
 };
-//# sourceMappingURL=chunk-OAG5T7NC.js.map
+//# sourceMappingURL=chunk-NEFRXIFY.js.map

package/dist/esm/chunk-VZ3IWSK6.js

@@ -0,0 +1,158 @@
+import {
+  Button
+} from "./chunk-FD3JTY5L.js";
+import {
+  useAutoUpdate
+} from "./chunk-K3ECDAUR.js";
+import {
+  useFloatingPosition
+} from "./chunk-26KZYRE6.js";
+import {
+  useOutsidePress
+} from "./chunk-WYJP7HVL.js";
+import {
+  Arrow
+} from "./chunk-CAL44W47.js";
+import {
+  Icon
+} from "./chunk-TKIP5Q5H.js";
+
+// src/components/Popover/Popover.tsx
+import { cross } from "@simplybusiness/icons";
+import classNames from "classnames/dedupe";
+import { cloneElement, useCallback, useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { useWindowEvent } from "@simplybusiness/mobius-hooks";
+import "@simplybusiness/mobius/src/components/Popover/Popover.css";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var OFFSET_FROM_CONTENT_DEFAULT = 10;
+var ARROW_WIDTH = 20;
+var Popover = (props) => {
+  const { trigger, children, onOpen, onClose, className } = props;
+  const referenceRef = useRef(null);
+  const floatingRef = useRef(null);
+  const arrowRef = useRef(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [portalTarget, setPortalTarget] = useState(null);
+  const isInsideDialog = portalTarget !== null && portalTarget.tagName === "DIALOG";
+  const { initialFloatingStyles, initialArrowStyles, update } = useFloatingPosition({
+    referenceRef,
+    floatingRef,
+    arrowRef,
+    isOpen,
+    offsetPx: OFFSET_FROM_CONTENT_DEFAULT,
+    arrowWidth: ARROW_WIDTH,
+    useFixedStrategy: isInsideDialog
+  });
+  useAutoUpdate({
+    referenceRef,
+    floatingRef,
+    onUpdate: update,
+    enabled: isOpen
+  });
+  useOutsidePress({
+    referenceRef,
+    floatingRef,
+    enabled: isOpen,
+    onOutsidePress: () => {
+      onClose?.();
+      setIsOpen(false);
+    }
+  });
+  const containerClasses = classNames(
+    "mobius",
+    "mobius-popover__container",
+    className
+  );
+  useEffect(() => {
+    const el = floatingRef.current;
+    if (!el) return;
+    const preventLabelActivation = (e) => {
+      const target = e.target;
+      if (!target.closest("a[href], input, select, textarea")) {
+        e.preventDefault();
+      }
+    };
+    el.addEventListener("click", preventLabelActivation);
+    return () => el.removeEventListener("click", preventLabelActivation);
+  }, [isOpen]);
+  const toggleVisibility = () => {
+    if (isOpen) {
+      setIsOpen(false);
+      onClose?.();
+      return;
+    }
+    const dialog = referenceRef.current?.closest("dialog");
+    setPortalTarget(dialog ?? document.body);
+    setIsOpen(true);
+    onOpen?.();
+  };
+  const setReferenceRef = useCallback((node) => {
+    referenceRef.current = node;
+  }, []);
+  const triggerComponent = cloneElement(trigger, {
+    ref: setReferenceRef,
+    className: classNames(
+      trigger.props.className,
+      "mobius-popover__toggle"
+    ),
+    onClick: toggleVisibility
+  });
+  useWindowEvent("keydown", (e) => {
+    if (e.key === "Escape" && isOpen) {
+      setIsOpen(false);
+      onClose?.();
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  });
+  const floatingElement = isOpen ? /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: containerClasses,
+      ref: floatingRef,
+      style: initialFloatingStyles,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mobius-popover", children: [
+          /* @__PURE__ */ jsx("header", { className: "mobius-popover__header", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              className: "mobius-popover__close-button",
+              onClick: toggleVisibility,
+              "aria-label": "Close",
+              variant: "ghost",
+              children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: cross,
+                  size: "md",
+                  className: "mobius-popover__close-icon"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "mobius-popover__body", children })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Arrow,
+          {
+            ref: arrowRef,
+            style: initialArrowStyles,
+            className: "mobius-popover__arrow-icon",
+            width: ARROW_WIDTH
+          }
+        )
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    triggerComponent,
+    floatingElement && portalTarget ? createPortal(floatingElement, portalTarget) : null
+  ] });
+};
+
+export {
+  Popover
+};
+//# sourceMappingURL=chunk-VZ3IWSK6.js.map

package/dist/esm/chunk-VZ3IWSK6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Popover/Popover.tsx"],
+  "sourcesContent": ["import { cross } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport type { ReactElement, ReactNode, RefAttributes } from \"react\";\nimport { cloneElement, useCallback, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useWindowEvent } from \"@simplybusiness/mobius-hooks\";\nimport type { DOMProps } from \"../../types\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { Arrow } from \"./Arrow\";\nimport { useAutoUpdate } from \"./useAutoUpdate\";\nimport { useFloatingPosition } from \"./useFloatingPosition\";\nimport { useOutsidePress } from \"./useOutsidePress\";\nimport \"./Popover.css\";\n\nexport type PopoverElementType = HTMLDivElement;\n\nexport interface PopoverProps\n  extends DOMProps, RefAttributes<PopoverElementType> {\n  children?: ReactNode;\n  trigger: ReactElement;\n  /** Callback that fires each time the accordion is opened */\n  onOpen?: () => void;\n  /** Callback that fires each time the accordion is closed */\n  onClose?: () => void;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nconst OFFSET_FROM_CONTENT_DEFAULT = 10;\nconst ARROW_WIDTH = 20;\n\nexport const Popover = (props: PopoverProps) => {\n  const { trigger, children, onOpen, onClose, className } = props;\n  const referenceRef = useRef<HTMLElement | null>(null);\n  const floatingRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [portalTarget, setPortalTarget] = useState<HTMLElement | null>(null);\n\n  const isInsideDialog =\n    portalTarget !== null && portalTarget.tagName === \"DIALOG\";\n\n  const { initialFloatingStyles, initialArrowStyles, update } =\n    useFloatingPosition({\n      referenceRef,\n      floatingRef,\n      arrowRef,\n      isOpen,\n      offsetPx: OFFSET_FROM_CONTENT_DEFAULT,\n      arrowWidth: ARROW_WIDTH,\n      useFixedStrategy: isInsideDialog,\n    });\n\n  useAutoUpdate({\n    referenceRef,\n    floatingRef,\n    onUpdate: update,\n    enabled: isOpen,\n  });\n\n  useOutsidePress({\n    referenceRef,\n    floatingRef,\n    enabled: isOpen,\n    onOutsidePress: () => {\n      onClose?.();\n      setIsOpen(false);\n    },\n  });\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius-popover__container\",\n    className,\n  );\n\n  // Native listener to prevent clicks inside the popover from activating\n  // interactive ancestors. Must be native because React's onClick fires\n  // too late via delegation.\n  useEffect(() => {\n    const el = floatingRef.current;\n    if (!el) return;\n\n    const preventLabelActivation = (e: Event) => {\n      const target = e.target as HTMLElement;\n      // Allow default behavior for interactive elements (links, inputs, etc.)\n      // so they remain functional inside the popover.\n      if (!target.closest(\"a[href], input, select, textarea\")) {\n        e.preventDefault();\n      }\n    };\n    el.addEventListener(\"click\", preventLabelActivation);\n    return () => el.removeEventListener(\"click\", preventLabelActivation);\n  }, [isOpen]);\n\n  const toggleVisibility = () => {\n    if (isOpen) {\n      setIsOpen(false);\n      onClose?.();\n      return;\n    }\n\n    // Portal into the nearest open <dialog> ancestor so the popover renders\n    // in the same top-layer as the dialog. document.body falls outside that\n    // top-layer and paints beneath the modal backdrop.\n    const dialog = referenceRef.current?.closest(\"dialog\");\n    setPortalTarget(dialog ?? document.body);\n    setIsOpen(true);\n    onOpen?.();\n  };\n\n  const setReferenceRef = useCallback((node: HTMLElement | null) => {\n    referenceRef.current = node;\n  }, []);\n\n  const triggerComponent = cloneElement(trigger, {\n    ref: setReferenceRef,\n    className: classNames(\n      (trigger.props as { className?: string }).className,\n      \"mobius-popover__toggle\",\n    ),\n    onClick: toggleVisibility,\n  } as Record<string, unknown>);\n\n  useWindowEvent(\"keydown\", e => {\n    if (e.key === \"Escape\" && isOpen) {\n      setIsOpen(false);\n      onClose?.();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  });\n\n  const floatingElement = isOpen ? (\n    <div\n      className={containerClasses}\n      ref={floatingRef}\n      style={initialFloatingStyles}\n    >\n      <div className=\"mobius-popover\">\n        <header className=\"mobius-popover__header\">\n          <Button\n            type=\"button\"\n            className=\"mobius-popover__close-button\"\n            onClick={toggleVisibility}\n            aria-label=\"Close\"\n            variant=\"ghost\"\n          >\n            <Icon\n              icon={cross}\n              size=\"md\"\n              className=\"mobius-popover__close-icon\"\n            />\n          </Button>\n        </header>\n        <div className=\"mobius-popover__body\">{children}</div>\n      </div>\n      <Arrow\n        ref={arrowRef}\n        style={initialArrowStyles}\n        className=\"mobius-popover__arrow-icon\"\n        width={ARROW_WIDTH}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <>\n      {triggerComponent}\n      {floatingElement && portalTarget\n        ? createPortal(floatingElement, portalTarget)\n        : null}\n    </>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa;AACtB,OAAO,gBAAgB;AAEvB,SAAS,cAAc,aAAa,WAAW,QAAQ,gBAAgB;AACvE,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAQ/B,OAAO;AA+HD,SA4BF,UAnBQ,KATN;AA/GN,IAAM,8BAA8B;AACpC,IAAM,cAAc;AAEb,IAAM,UAAU,CAAC,UAAwB;AAC9C,QAAM,EAAE,SAAS,UAAU,QAAQ,SAAS,UAAU,IAAI;AAC1D,QAAM,eAAe,OAA2B,IAAI;AACpD,QAAM,cAAc,OAA8B,IAAI;AACtD,QAAM,WAAW,OAA6B,IAAI;AAClD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6B,IAAI;AAEzE,QAAM,iBACJ,iBAAiB,QAAQ,aAAa,YAAY;AAEpD,QAAM,EAAE,uBAAuB,oBAAoB,OAAO,IACxD,oBAAoB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB,CAAC;AAEH,gBAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,EACX,CAAC;AAED,kBAAgB;AAAA,IACd;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,gBAAgB,MAAM;AACpB,gBAAU;AACV,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAKA,YAAU,MAAM;AACd,UAAM,KAAK,YAAY;AACvB,QAAI,CAAC,GAAI;AAET,UAAM,yBAAyB,CAAC,MAAa;AAC3C,YAAM,SAAS,EAAE;AAGjB,UAAI,CAAC,OAAO,QAAQ,kCAAkC,GAAG;AACvD,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AACA,OAAG,iBAAiB,SAAS,sBAAsB;AACnD,WAAO,MAAM,GAAG,oBAAoB,SAAS,sBAAsB;AAAA,EACrE,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,mBAAmB,MAAM;AAC7B,QAAI,QAAQ;AACV,gBAAU,KAAK;AACf,gBAAU;AACV;AAAA,IACF;AAKA,UAAM,SAAS,aAAa,SAAS,QAAQ,QAAQ;AACrD,oBAAgB,UAAU,SAAS,IAAI;AACvC,cAAU,IAAI;AACd,aAAS;AAAA,EACX;AAEA,QAAM,kBAAkB,YAAY,CAAC,SAA6B;AAChE,iBAAa,UAAU;AAAA,EACzB,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,aAAa,SAAS;AAAA,IAC7C,KAAK;AAAA,IACL,WAAW;AAAA,MACR,QAAQ,MAAiC;AAAA,MAC1C;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX,CAA4B;AAE5B,iBAAe,WAAW,OAAK;AAC7B,QAAI,EAAE,QAAQ,YAAY,QAAQ;AAChC,gBAAU,KAAK;AACf,gBAAU;AACV,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,SACtB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,KAAK;AAAA,MACL,OAAO;AAAA,MAEP;AAAA,6BAAC,SAAI,WAAU,kBACb;AAAA,8BAAC,YAAO,WAAU,0BAChB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cACT,cAAW;AAAA,cACX,SAAQ;AAAA,cAER;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM;AAAA,kBACN,MAAK;AAAA,kBACL,WAAU;AAAA;AAAA,cACZ;AAAA;AAAA,UACF,GACF;AAAA,UACA,oBAAC,SAAI,WAAU,wBAAwB,UAAS;AAAA,WAClD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,OAAO;AAAA,YACP,WAAU;AAAA,YACV,OAAO;AAAA;AAAA,QACT;AAAA;AAAA;AAAA,EACF,IACE;AAEJ,SACE,iCACG;AAAA;AAAA,IACA,mBAAmB,eAChB,aAAa,iBAAiB,YAAY,IAC1C;AAAA,KACN;AAEJ;",
+  "names": []
+}

package/dist/esm/chunk-WYJP7HVL.js

@@ -0,0 +1,26 @@
+// src/components/Popover/useOutsidePress.ts
+import { useEffect } from "react";
+var useOutsidePress = ({
+  referenceRef,
+  floatingRef,
+  enabled,
+  onOutsidePress
+}) => {
+  useEffect(() => {
+    if (!enabled) return;
+    const handler = (event) => {
+      const target = event.target;
+      if (!target) return;
+      if (referenceRef.current?.contains(target)) return;
+      if (floatingRef.current?.contains(target)) return;
+      onOutsidePress(event);
+    };
+    document.addEventListener("pointerdown", handler);
+    return () => document.removeEventListener("pointerdown", handler);
+  }, [enabled, onOutsidePress, referenceRef, floatingRef]);
+};
+
+export {
+  useOutsidePress
+};
+//# sourceMappingURL=chunk-WYJP7HVL.js.map

package/dist/esm/chunk-WYJP7HVL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Popover/useOutsidePress.ts"],
+  "sourcesContent": ["import type { RefObject } from \"react\";\nimport { useEffect } from \"react\";\n\ninterface UseOutsidePressArgs {\n  referenceRef: RefObject<HTMLElement | null>;\n  floatingRef: RefObject<HTMLDivElement | null>;\n  enabled: boolean;\n  onOutsidePress: (event: PointerEvent) => void;\n}\n\nexport const useOutsidePress = ({\n  referenceRef,\n  floatingRef,\n  enabled,\n  onOutsidePress,\n}: UseOutsidePressArgs): void => {\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handler = (event: PointerEvent) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n      if (referenceRef.current?.contains(target)) return;\n      if (floatingRef.current?.contains(target)) return;\n      onOutsidePress(event);\n    };\n\n    document.addEventListener(\"pointerdown\", handler);\n    return () => document.removeEventListener(\"pointerdown\", handler);\n  }, [enabled, onOutsidePress, referenceRef, floatingRef]);\n};\n"],
+  "mappings": ";AACA,SAAS,iBAAiB;AASnB,IAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAC/B,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAEd,UAAM,UAAU,CAAC,UAAwB;AACvC,YAAM,SAAS,MAAM;AACrB,UAAI,CAAC,OAAQ;AACb,UAAI,aAAa,SAAS,SAAS,MAAM,EAAG;AAC5C,UAAI,YAAY,SAAS,SAAS,MAAM,EAAG;AAC3C,qBAAe,KAAK;AAAA,IACtB;AAEA,aAAS,iBAAiB,eAAe,OAAO;AAChD,WAAO,MAAM,SAAS,oBAAoB,eAAe,OAAO;AAAA,EAClE,GAAG,CAAC,SAAS,gBAAgB,cAAc,WAAW,CAAC;AACzD;",
+  "names": []
+}

package/dist/esm/components/AddressLookup/AddressLookup.js

@@ -1,14 +1,14 @@
 import {
   AddressLookup
-} from "../../chunk-F5ELD54X.js";
+} from "../../chunk-LGZWQZLS.js";
 import "../../chunk-66ARYOY7.js";
 import "../../chunk-SZEFLEDA.js";
 import "../../chunk-Q4QTBY7C.js";
-import "../../chunk-OAG5T7NC.js";
-import "../../chunk-PQSPISME.js";
-import "../../chunk-WNWHIFKH.js";
+import "../../chunk-NEFRXIFY.js";
 import "../../chunk-XZUQV54A.js";
 import "../../chunk-GU5OMKTM.js";
+import "../../chunk-PQSPISME.js";
+import "../../chunk-WNWHIFKH.js";
 import "../../chunk-2JLZNSLY.js";
 import "../../chunk-CUOVI2HT.js";
 import "../../chunk-IQKS662C.js";

package/dist/esm/components/AddressLookup/index.js

@@ -1,20 +1,20 @@
 import "../../chunk-WNRO77YH.js";
+import "../../chunk-52GWES2P.js";
 import {
   AddressLookup
-} from "../../chunk-F5ELD54X.js";
+} from "../../chunk-LGZWQZLS.js";
+import "../../chunk-66ARYOY7.js";
 import {
   LoqateAddressLookupService
 } from "../../chunk-VVL4B2KD.js";
 import "../../chunk-EDSRI6SV.js";
-import "../../chunk-52GWES2P.js";
-import "../../chunk-66ARYOY7.js";
 import "../../chunk-SZEFLEDA.js";
 import "../../chunk-Q4QTBY7C.js";
-import "../../chunk-OAG5T7NC.js";
-import "../../chunk-PQSPISME.js";
-import "../../chunk-WNWHIFKH.js";
+import "../../chunk-NEFRXIFY.js";
 import "../../chunk-XZUQV54A.js";
 import "../../chunk-GU5OMKTM.js";
+import "../../chunk-PQSPISME.js";
+import "../../chunk-WNWHIFKH.js";
 import "../../chunk-2JLZNSLY.js";
 import "../../chunk-CUOVI2HT.js";
 import "../../chunk-IQKS662C.js";

package/dist/esm/components/Breadcrumbs/index.js

@@ -1,11 +1,11 @@
 import "../../chunk-LX5HBXZN.js";
-import {
-  Breadcrumbs
-} from "../../chunk-JFDDW3IV.js";
 import {
   BreadcrumbItem
 } from "../../chunk-HP2NRM7T.js";
 import "../../chunk-HWGFFTOM.js";
+import {
+  Breadcrumbs
+} from "../../chunk-JFDDW3IV.js";
 import "../../chunk-TJCUKTFX.js";
 import "../../chunk-FIAL4HTE.js";
 import "../../chunk-QGGILW3D.js";

package/dist/esm/components/Checkbox/index.js

@@ -1,11 +1,11 @@
 import "../../chunk-6O77SOOB.js";
+import "../../chunk-IFGPGF5W.js";
 import {
   CheckboxGroup
 } from "../../chunk-576SEJGC.js";
 import {
   Checkbox
 } from "../../chunk-2VEO5SSY.js";
-import "../../chunk-IFGPGF5W.js";
 import "../../chunk-3PRSHEVX.js";
 import "../../chunk-MZJT3USG.js";
 import "../../chunk-NPOXFILT.js";

package/dist/esm/components/Combobox/Combobox.js

@@ -1,10 +1,10 @@
 import {
   Combobox
-} from "../../chunk-OAG5T7NC.js";
-import "../../chunk-PQSPISME.js";
-import "../../chunk-WNWHIFKH.js";
+} from "../../chunk-NEFRXIFY.js";
 import "../../chunk-XZUQV54A.js";
 import "../../chunk-GU5OMKTM.js";
+import "../../chunk-PQSPISME.js";
+import "../../chunk-WNWHIFKH.js";
 import "../../chunk-2JLZNSLY.js";
 import "../../chunk-CUOVI2HT.js";
 import "../../chunk-IQKS662C.js";

package/dist/esm/components/Combobox/index.js

@@ -2,11 +2,11 @@ import "../../chunk-SZEFLEDA.js";
 import "../../chunk-Q4QTBY7C.js";
 import {
   Combobox
-} from "../../chunk-OAG5T7NC.js";
-import "../../chunk-PQSPISME.js";
-import "../../chunk-WNWHIFKH.js";
+} from "../../chunk-NEFRXIFY.js";
 import "../../chunk-XZUQV54A.js";
 import "../../chunk-GU5OMKTM.js";
+import "../../chunk-PQSPISME.js";
+import "../../chunk-WNWHIFKH.js";
 import {
   buildOptionTestId
 } from "../../chunk-2JLZNSLY.js";

package/dist/esm/components/Drawer/index.js

@@ -1,12 +1,12 @@
 import {
   Drawer
-} from "../../chunk-GJBH37DH.js";
-import "../../chunk-WHRUNWJI.js";
-import "../../chunk-VYQRTISC.js";
+} from "../../chunk-KFHPI67N.js";
 import "../../chunk-UZV5PZ7R.js";
 import {
   useDrawer
 } from "../../chunk-GZFZXQRU.js";
+import "../../chunk-WHRUNWJI.js";
+import "../../chunk-VYQRTISC.js";
 import "../../chunk-26JGSX7J.js";
 import "../../chunk-F6UWB5K2.js";
 import "../../chunk-FD3JTY5L.js";

package/dist/esm/components/Modal/index.js

@@ -1,13 +1,13 @@
 import {
   Modal
-} from "../../chunk-PEEQNAIN.js";
+} from "../../chunk-DMYDWKKA.js";
+import "../../chunk-55NPJOV3.js";
 import "../../chunk-MPB5F6QL.js";
-import "../../chunk-JJUTS5ET.js";
 import {
   useModal
 } from "../../chunk-Q5MIALGZ.js";
+import "../../chunk-JJUTS5ET.js";
 import "../../chunk-TBKQA5ZF.js";
-import "../../chunk-55NPJOV3.js";
 import "../../chunk-F6UWB5K2.js";
 import "../../chunk-FD3JTY5L.js";
 import "../../chunk-STMV644L.js";

package/dist/esm/components/Popover/Arrow.js

@@ -0,0 +1,8 @@
+import {
+  Arrow
+} from "../../chunk-CAL44W47.js";
+import "../../chunk-VHAA22YE.js";
+export {
+  Arrow
+};
+//# sourceMappingURL=Arrow.js.map

package/dist/esm/components/Popover/Arrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/components/Popover/Popover.js

@@ -1,10 +1,14 @@
 import {
   Popover
-} from "../../chunk-O5YEU5TG.js";
+} from "../../chunk-VZ3IWSK6.js";
 import "../../chunk-F6UWB5K2.js";
 import "../../chunk-FD3JTY5L.js";
 import "../../chunk-STMV644L.js";
 import "../../chunk-GBENSQUV.js";
+import "../../chunk-K3ECDAUR.js";
+import "../../chunk-26KZYRE6.js";
+import "../../chunk-WYJP7HVL.js";
+import "../../chunk-CAL44W47.js";
 import "../../chunk-R43NQOOV.js";
 import "../../chunk-7IRHPNBO.js";
 import "../../chunk-TKIP5Q5H.js";

package/dist/esm/components/Popover/index.js

@@ -1,11 +1,15 @@
 import "../../chunk-ZZBOR5WE.js";
 import {
   Popover
-} from "../../chunk-O5YEU5TG.js";
+} from "../../chunk-VZ3IWSK6.js";
 import "../../chunk-F6UWB5K2.js";
 import "../../chunk-FD3JTY5L.js";
 import "../../chunk-STMV644L.js";
 import "../../chunk-GBENSQUV.js";
+import "../../chunk-K3ECDAUR.js";
+import "../../chunk-26KZYRE6.js";
+import "../../chunk-WYJP7HVL.js";
+import "../../chunk-CAL44W47.js";
 import "../../chunk-R43NQOOV.js";
 import "../../chunk-7IRHPNBO.js";
 import "../../chunk-TKIP5Q5H.js";

package/dist/esm/components/Popover/useAutoUpdate.js

@@ -0,0 +1,8 @@
+import {
+  useAutoUpdate
+} from "../../chunk-K3ECDAUR.js";
+import "../../chunk-VHAA22YE.js";
+export {
+  useAutoUpdate
+};
+//# sourceMappingURL=useAutoUpdate.js.map

package/dist/esm/components/Popover/useAutoUpdate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/components/Popover/useFloatingPosition.js

@@ -0,0 +1,8 @@
+import {
+  useFloatingPosition
+} from "../../chunk-26KZYRE6.js";
+import "../../chunk-VHAA22YE.js";
+export {
+  useFloatingPosition
+};
+//# sourceMappingURL=useFloatingPosition.js.map

package/dist/esm/components/Popover/useFloatingPosition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/components/Popover/useOutsidePress.js

@@ -0,0 +1,8 @@
+import {
+  useOutsidePress
+} from "../../chunk-WYJP7HVL.js";
+import "../../chunk-VHAA22YE.js";
+export {
+  useOutsidePress
+};
+//# sourceMappingURL=useOutsidePress.js.map

package/dist/esm/components/Popover/useOutsidePress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}