@servicetitan/anvil2 1.2.2 → 1.2.4

package/Page.js

@@ -1,19 +1,19 @@
 import "./index2.css";
 import { j as e } from "./jsx-runtime-82a9ddf6.js";
 import * as c from "react";
-import { forwardRef as _, createContext as L, useContext as j, useState as M, useRef as N, useEffect as R } from "react";
+import { forwardRef as f, createContext as M, useContext as k, useState as L, useRef as w, useEffect as R } from "react";
 import { c as b } from "./index-e0f6271a.js";
 import S from "./Button.js";
-import { useSize as W } from "./useSize.js";
+import { useSize as T } from "./useSize.js";
 import x from "./Tooltip.js";
 import { B as P } from "./primitive-90e4e69c.js";
-import { useTrackingId as z } from "./useTrackingId.js";
-import { M as C } from "./index-5654965e.js";
+import { useTrackingId as W } from "./useTrackingId.js";
+import { M as C } from "./index-439b5871.js";
 import "./LocalizationProvider.js";
-import "./index-d46fa8de-997b6b08.js";
+import "./index-d46fa8de-8695742b.js";
 import y from "./Dialog.js";
-import w from "./Popover.js";
-import T from "./Flex.js";
+import j from "./Popover.js";
+import z from "./Flex.js";
 import H from "./Icon.js";
 const I = "_page_3p54k_7", O = "_container_3p54k_16", A = "_content_3p54k_32", K = "_sidebar_3p54k_41", D = "_panel_3p54k_124", J = "_collapsed_3p54k_160", F = "_open_3p54k_160", G = "_small_3p54k_160", U = "_medium_3p54k_163", V = "_large_3p54k_166", Y = "_noPadding_3p54k_256", a = {
   page: I,
@@ -42,83 +42,83 @@ const I = "_page_3p54k_7", O = "_container_3p54k_16", A = "_content_3p54k_32", K
 };
 function q(...n) {
   return c.useCallback(
-    (i) => {
-      for (let s = 0; s < n.length; s++) {
-        const t = n[s];
-        typeof t == "function" ? t(i) : t && typeof t == "object" && (t.current = i);
+    (s) => {
+      for (let i = 0; i < n.length; i++) {
+        const t = n[i];
+        typeof t == "function" ? t(s) : t && typeof t == "object" && (t.current = s);
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     n
   );
 }
-const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 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.7 6.7c-.38-.38-1.02-.38-1.41.01z" })), X = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" })), Z = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z" })), $ = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z" })), ee = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z" })), te = _((n, i) => {
-  const { children: s, ...t } = n;
-  return /* @__PURE__ */ e.jsx("div", { className: a.page, ref: i, ...t, children: /* @__PURE__ */ e.jsx("div", { className: a.container, children: s }) });
-}), E = L(null), ne = _(
-  (n, i) => {
-    var k;
+const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 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.7 6.7c-.38-.38-1.02-.38-1.41.01z" })), X = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" })), Z = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z" })), $ = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z" })), ee = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ c.createElement("path", { d: "M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z" })), te = f((n, s) => {
+  const { children: i, ...t } = n;
+  return /* @__PURE__ */ e.jsx("div", { className: a.page, ref: s, ...t, children: /* @__PURE__ */ e.jsx("div", { className: a.container, children: i }) });
+}), E = M(null), ne = f(
+  (n, s) => {
+    var N;
     const {
-      children: s,
+      children: i,
       className: t,
-      currentPageTitle: p,
+      currentPageTitle: m,
       localStorageKey: l = "sidebar-collapsed",
-      ...m
-    } = n, h = {
+      ...g
+    } = n, _ = {
       localStorageKey: l
-    }, { breakpoint: r } = j(C), g = z({
+    }, { breakpoint: r } = k(C), d = W({
       name: "PageSidebarButton",
-      data: h,
+      data: _,
       hasOverride: !!n["data-tracking-id"]
-    }), [o, u] = M(() => {
-      const d = localStorage.getItem(l);
-      return d ? JSON.parse(d) : !1;
-    }), f = b([a.sidebar], t, {
+    }), [o, u] = L(() => {
+      const p = localStorage.getItem(l);
+      return p ? JSON.parse(p) : !1;
+    }), v = b([a.sidebar], t, {
       [a.collapsed]: o
-    }), v = () => {
-      u((d) => (localStorage.setItem(l, JSON.stringify(!d)), !d));
-    }, B = +(((k = P) == null ? void 0 : k.value.replace("px", "")) ?? 0);
-    return ((r == null ? void 0 : r.innerWidth) ?? 0) < B ? /* @__PURE__ */ e.jsxs(w, { fillAvailableHeight: !0, matchReferenceWidth: !0, noPadding: !0, disableCaret: !0, children: [
-      /* @__PURE__ */ e.jsx(w.Trigger, { children: (d) => (typeof document < "u" && (d["data-state"] === "open" ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto"), /* @__PURE__ */ e.jsx("div", { className: a["sidebar-adaptive-trigger-container"], children: /* @__PURE__ */ e.jsxs(
+    }), h = () => {
+      u((p) => (localStorage.setItem(l, JSON.stringify(!p)), !p));
+    }, B = +(((N = P) == null ? void 0 : N.value.replace("px", "")) ?? 0);
+    return ((r == null ? void 0 : r.innerWidth) ?? 0) < B ? /* @__PURE__ */ e.jsxs(j, { fillAvailableHeight: !0, matchReferenceWidth: !0, noPadding: !0, disableCaret: !0, children: [
+      /* @__PURE__ */ e.jsx(j.Trigger, { children: (p) => (typeof document < "u" && (p["data-state"] === "open" ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto"), /* @__PURE__ */ e.jsx("div", { className: a["sidebar-adaptive-trigger-container"], children: /* @__PURE__ */ e.jsxs(
         S,
         {
           className: a["sidebar-adaptive-trigger"],
           icon: Z,
           appearance: "ghost",
-          ...d,
+          ...p,
           children: [
-            p || "Menu",
+            m || "Menu",
             /* @__PURE__ */ e.jsx(
               H,
               {
                 flexGrow: "1",
                 justifyContent: "end",
-                svg: d["data-state"] === "open" ? ee : $
+                svg: p["data-state"] === "open" ? ee : $
               }
             )
           ]
         }
       ) })) }),
-      /* @__PURE__ */ e.jsx(w.Content, { className: a["sidebar-adaptive-container"], children: /* @__PURE__ */ e.jsx(
-        T,
+      /* @__PURE__ */ e.jsx(j.Content, { className: a["sidebar-adaptive-container"], children: /* @__PURE__ */ e.jsx(
+        z,
         {
           direction: "column",
           className: a["sidebar-adaptive"],
-          ref: i,
-          children: s
+          ref: s,
+          children: i
         }
       ) })
-    ] }) : /* @__PURE__ */ e.jsx(E.Provider, { value: { collapsed: o }, children: /* @__PURE__ */ e.jsxs("div", { className: f, ref: i, ...m, children: [
-      /* @__PURE__ */ e.jsx("div", { className: a["sidebar-inner"], "aria-hidden": o, children: /* @__PURE__ */ e.jsx("div", { children: s }) }),
+    ] }) : /* @__PURE__ */ e.jsx(E.Provider, { value: { collapsed: o }, children: /* @__PURE__ */ e.jsxs("div", { className: v, ref: s, ...g, children: [
+      /* @__PURE__ */ e.jsx("div", { className: a["sidebar-inner"], "aria-hidden": o, children: /* @__PURE__ */ e.jsx("div", { children: i }) }),
       /* @__PURE__ */ e.jsx("div", { className: a["toggle-button-wrapper"], children: /* @__PURE__ */ e.jsxs(x, { placement: "right", children: [
         /* @__PURE__ */ e.jsx(x.Trigger, { className: a["toggle-button-tooltip"], children: /* @__PURE__ */ e.jsx(
           S,
           {
             size: "small",
-            onClick: v,
+            onClick: h,
             className: a["toggle-button"],
             "aria-label": o ? "Open Sidebar" : "Close Sidebar",
-            "data-tracking-id": g,
+            "data-tracking-id": d,
             icon: o ? Q : X
           }
         ) }),
@@ -126,38 +126,51 @@ const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
       ] }) })
     ] }) });
   }
-), ae = _(
-  (n, i) => {
-    const { children: s, className: t, ...p } = n, l = j(E), m = b([a["sidebar-header"]], t);
-    return /* @__PURE__ */ e.jsx("div", { className: m, ref: i, ...p, children: /* @__PURE__ */ e.jsx(
+), ae = f(
+  (n, s) => {
+    const { children: i, className: t, ...m } = n, l = k(E), g = b([a["sidebar-header"]], t);
+    return /* @__PURE__ */ e.jsx("div", { className: g, ref: s, ...m, children: /* @__PURE__ */ e.jsx(
       "div",
       {
         className: a["header-content"],
         "aria-hidden": l == null ? void 0 : l.collapsed,
-        children: s
+        children: i
       }
     ) });
   }
-), re = _(
-  (n, i) => {
-    const { children: s, className: t, ...p } = n, l = b([a.content], t), m = N(null), h = N(null), r = W(m);
-    return R(() => {
-      function g() {
-        var u;
-        const o = window.scrollY;
-        (u = h.current) == null || u.scrollTo(0, o ?? 0);
+), re = f(
+  (n, s) => {
+    const { children: i, className: t, ...m } = n, l = b([a.content], t), g = w(null), _ = w(null), r = T(g), d = w(!0);
+    R(() => {
+      if (typeof window > "u" || !d.current)
+        return;
+      function u() {
+        var h;
+        const v = window.scrollY;
+        (h = _.current) == null || h.scrollTo(0, v ?? 0);
       }
-      return window.addEventListener("scroll", g, { passive: !0 }), () => {
-        window.removeEventListener("scroll", g);
+      return window.addEventListener("scroll", u, { passive: !0 }), () => {
+        window.removeEventListener("scroll", u);
       };
-    }, []), /* @__PURE__ */ e.jsxs("main", { className: l, ref: q(m, i), ...p, children: [
-      /* @__PURE__ */ e.jsx("div", { className: a["content-inner"], children: s }),
+    }, []);
+    function o(u) {
+      typeof window > "u" || d.current || window.scrollTo(0, u.target.scrollTop);
+    }
+    return /* @__PURE__ */ e.jsxs("main", { className: l, ref: q(g, s), ...m, children: [
+      /* @__PURE__ */ e.jsx("div", { className: a["content-inner"], children: i }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
           className: a["virtual-scroll-container"],
-          ref: h,
+          ref: _,
           style: { left: r && (r == null ? void 0 : r.left) + (r == null ? void 0 : r.width) },
+          onScrollCapture: o,
+          onMouseEnter: () => {
+            d.current = !1;
+          },
+          onMouseLeave: () => {
+            d.current = !0;
+          },
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
@@ -168,47 +181,47 @@ const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
       )
     ] });
   }
-), se = _(
-  (n, i) => {
-    var v;
+), ie = f(
+  (n, s) => {
+    var h;
     const {
-      children: s,
+      children: i,
       open: t,
-      size: p = "medium",
+      size: m = "medium",
       noPadding: l,
-      style: m,
-      className: h,
+      style: g,
+      className: _,
       ...r
-    } = n, g = b([a.panel], [a[p]], h, {
+    } = n, d = b([a.panel], [a[m]], _, {
       [a.open]: typeof t > "u" ? !0 : t,
       [a.persistent]: typeof t > "u",
       [a.noPadding]: l
-    }), { breakpoint: o } = j(C), u = +(((v = P) == null ? void 0 : v.value.replace("px", "")) ?? 0), f = (o == null ? void 0 : o.innerWidth) ?? 0;
-    return typeof t < "u" && f < u ? /* @__PURE__ */ e.jsx(y, { open: t, children: /* @__PURE__ */ e.jsx(y.Content, { children: /* @__PURE__ */ e.jsx(
+    }), { breakpoint: o } = k(C), u = +(((h = P) == null ? void 0 : h.value.replace("px", "")) ?? 0), v = (o == null ? void 0 : o.innerWidth) ?? 0;
+    return typeof t < "u" && v < u ? /* @__PURE__ */ e.jsx(y, { open: t, children: /* @__PURE__ */ e.jsx(y.Content, { children: /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: g,
+        className: d,
         "aria-hidden": !t,
         "aria-disabled": !t,
-        ref: i,
+        ref: s,
         ...r,
-        children: s
+        children: i
       }
     ) }) }) : /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: g,
+        className: d,
         "aria-hidden": !t,
         "aria-disabled": !t,
-        ref: i,
+        ref: s,
         ...r,
         children: /* @__PURE__ */ e.jsx(
           "div",
           {
             className: a["panel-inner"],
             tabIndex: typeof t < "u" && t ? 0 : -1,
-            style: m,
-            children: /* @__PURE__ */ e.jsx("div", { children: s })
+            style: g,
+            children: /* @__PURE__ */ e.jsx("div", { children: i })
           }
         )
       }
@@ -218,12 +231,12 @@ const Q = (n) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.
   Sidebar: ne,
   SidebarHeader: ae,
   Content: re,
-  Panel: se
+  Panel: ie
 });
 export {
   ke as Page,
   re as PageContent,
-  se as PagePanel,
+  ie as PagePanel,
   ne as PageSidebar,
   ae as PageSidebarHeader,
   ke as default

package/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n  return React.useCallback(element => {\n    for (let i = 0; i < refs.length; i++) {\n      const ref = refs[i];\n      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n    }\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n  ComponentPropsWithoutRef,\n  Ref,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n  AnvilProviderContext,\n  AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div className={styles[\"page\"]} ref={ref} {...rest}>\n      <div className={styles[\"container\"]}>{children}</div>\n    </div>\n  );\n});\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  localStorageKey?: string;\n  [\"data-tracking-id\"]?: string;\n  currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      currentPageTitle,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const trackingId = useTrackingId({\n      name: \"PageSidebarButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (innerWidth < breakpointWidth) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n          <Popover.Trigger>\n            {(props) => {\n              if (typeof document !== \"undefined\") {\n                props[\"data-state\"] === \"open\"\n                  ? (document.body.style.overflow = \"hidden\")\n                  : (document.body.style.overflow = \"auto\");\n              }\n              return (\n                <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n                  <Button\n                    className={styles[\"sidebar-adaptive-trigger\"]}\n                    icon={SegmentSVG}\n                    appearance=\"ghost\"\n                    {...props}\n                  >\n                    {!currentPageTitle ? \"Menu\" : currentPageTitle}\n                    <Icon\n                      flexGrow=\"1\"\n                      justifyContent=\"end\"\n                      svg={\n                        props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n                      }\n                    />\n                  </Button>\n                </div>\n              );\n            }}\n          </Popover.Trigger>\n          <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n            <Flex\n              direction=\"column\"\n              className={styles[\"sidebar-adaptive\"]}\n              ref={ref}\n            >\n              {children}\n            </Flex>\n          </Popover.Content>\n        </Popover>\n      );\n    }\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  data-tracking-id={trackingId}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const size = useSize(mainRef);\n\n    useEffect(() => {\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    return (\n      <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{ left: size && size?.left + size?.width }}\n        >\n          <div\n            style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n          />\n        </div>\n      </main>\n    );\n  }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n      [styles[\"persistent\"]]: typeof open === \"undefined\",\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n      return (\n        <Dialog open={open}>\n          <Dialog.Content>\n            <div\n              className={classNames}\n              aria-hidden={!open}\n              aria-disabled={!open}\n              ref={ref}\n              {...rest}\n            >\n              {children}\n            </div>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <div\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport const Page = Object.assign(PageElement, {\n  Sidebar: PageSidebar,\n  SidebarHeader: PageSidebarHeader,\n  Content: PageContent,\n  Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React","element","i","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","forwardRef","children","rest","jsxRuntimeExports","styles","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","M","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","_a","BreakpointMd","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","useEffect","updatePosition","newValue","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
+{"version":3,"file":"Page.js","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n  return React.useCallback(element => {\n    for (let i = 0; i < refs.length; i++) {\n      const ref = refs[i];\n      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n    }\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n  ComponentPropsWithoutRef,\n  Ref,\n  UIEvent,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n  AnvilProviderContext,\n  AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div className={styles[\"page\"]} ref={ref} {...rest}>\n      <div className={styles[\"container\"]}>{children}</div>\n    </div>\n  );\n});\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  localStorageKey?: string;\n  [\"data-tracking-id\"]?: string;\n  currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      currentPageTitle,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const trackingId = useTrackingId({\n      name: \"PageSidebarButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (innerWidth < breakpointWidth) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n          <Popover.Trigger>\n            {(props) => {\n              if (typeof document !== \"undefined\") {\n                props[\"data-state\"] === \"open\"\n                  ? (document.body.style.overflow = \"hidden\")\n                  : (document.body.style.overflow = \"auto\");\n              }\n              return (\n                <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n                  <Button\n                    className={styles[\"sidebar-adaptive-trigger\"]}\n                    icon={SegmentSVG}\n                    appearance=\"ghost\"\n                    {...props}\n                  >\n                    {!currentPageTitle ? \"Menu\" : currentPageTitle}\n                    <Icon\n                      flexGrow=\"1\"\n                      justifyContent=\"end\"\n                      svg={\n                        props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n                      }\n                    />\n                  </Button>\n                </div>\n              );\n            }}\n          </Popover.Trigger>\n          <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n            <Flex\n              direction=\"column\"\n              className={styles[\"sidebar-adaptive\"]}\n              ref={ref}\n            >\n              {children}\n            </Flex>\n          </Popover.Content>\n        </Popover>\n      );\n    }\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  data-tracking-id={trackingId}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const size = useSize(mainRef);\n    const blocker = useRef(true);\n\n    useEffect(() => {\n      if (typeof window === \"undefined\") return;\n      if (!blocker.current) return;\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    function scrollBody(e: UIEvent<HTMLElement>) {\n      if (typeof window === \"undefined\") return;\n      if (blocker.current) return;\n      window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\n    }\n\n    return (\n      <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{ left: size && size?.left + size?.width }}\n          onScrollCapture={scrollBody}\n          onMouseEnter={() => {\n            blocker.current = false;\n          }}\n          onMouseLeave={() => {\n            blocker.current = true;\n          }}\n        >\n          <div\n            style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n          />\n        </div>\n      </main>\n    );\n  }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n      [styles[\"persistent\"]]: typeof open === \"undefined\",\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n      return (\n        <Dialog open={open}>\n          <Dialog.Content>\n            <div\n              className={classNames}\n              aria-hidden={!open}\n              aria-disabled={!open}\n              ref={ref}\n              {...rest}\n            >\n              {children}\n            </div>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <div\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport const Page = Object.assign(PageElement, {\n  Sidebar: PageSidebar,\n  SidebarHeader: PageSidebarHeader,\n  Content: PageContent,\n  Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React","element","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","forwardRef","children","rest","jsxRuntimeExports","styles","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","M","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","_a","BreakpointMd","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","blocker","useEffect","updatePosition","newValue","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/Popover.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./jsx-runtime-494437bb.cjs"),o=require("./index-51c8d206.cjs"),n=require("react"),a=require("./useTrackingId.cjs"),c=require("./ui-react-7f005f46.cjs"),x=n.forwardRef(e=>r.jsxRuntimeExports.jsx(o.ze,{...e})),u=e=>r.jsxRuntimeExports.jsx(o.ve,{...e}),d=n.forwardRef((e,t)=>r.jsxRuntimeExports.jsx(o.he,{ref:t,...e})),g=n.forwardRef((e,t)=>{const i={children:c.n(e.children)},s=a.useTrackingId({name:"PopoverClose",data:i,hasOverride:!!e["data-tracking-id"]});return r.jsxRuntimeExports.jsx(o.je,{ref:t,"data-tracking-id":s,...e})}),v=n.forwardRef((e,t)=>{const i={children:c.n(e.children),appearance:e.appearance,icon:e.icon,size:e.size,type:e.type},s=a.useTrackingId({name:"PopoverButton",data:i,hasOverride:!!e["data-tracking-id"]});return r.jsxRuntimeExports.jsx(o.Re,{ref:t,"data-tracking-id":s,...e})}),l=Object.assign(x,{Trigger:u,Content:d,Close:g,Button:v});exports.Popover=l;exports.PopoverButton=v;exports.PopoverClose=g;exports.PopoverContent=d;exports.PopoverTrigger=u;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./jsx-runtime-494437bb.cjs"),t=require("./index-dfb6272f.cjs"),u=require("react"),s=require("./useTrackingId.cjs");require("./Alert-6336e146.cjs");require("./Announcement-fff87b68.cjs");require("./index-da56edbc-53f59f54.cjs");require("./Badge-0073b5a1.cjs");require("./Button-268ba8a9.cjs");require("./Calendar-706f41ff.cjs");require("./Card-92ebca1f.cjs");require("./Checkbox-edf070c3.cjs");require("./Chip-b52e1bd7.cjs");require("./Divider-86c1f4ea.cjs");require("./Drawer-6c2a6e0c.cjs");require("./Flex-4b128a0e.cjs");require("./Grid-8226f7a1.cjs");require("./Icon-ae9b951b.cjs");require("./ProgressBar-29d21945.cjs");require("./Listbox-306a8d62.cjs");require("./ListView-14d80585.cjs");const a=require("./index-098ca719-8e068129.cjs");require("./Radio-abd4d3fd.cjs");require("./SideNav-6de704fd.cjs");require("./SrOnly-ecf7240b.cjs");require("./jsx-runtime-944c88e2-2b81c205.cjs");require("./index-67d20edb.cjs");require("./Stepper-e776cc28.cjs");require("./Switch-285b3272.cjs");require("./Tab-ad70a0a5.cjs");require("./Text-ed02cc62.cjs");require("./Toast-834c85cd.cjs");require("./index-a53df036.cjs");require("./useLayoutPropsUtil-e307abc7-3826ee09.cjs");require("./index-d46fa8de-08092573.cjs");require("./index-f6c22572.cjs");require("./LocalizationProvider.cjs");const v=u.forwardRef(e=>i.jsxRuntimeExports.jsx(t.qe,{...e})),c=e=>i.jsxRuntimeExports.jsx(t.Pe,{...e}),q=u.forwardRef((e,r)=>i.jsxRuntimeExports.jsx(t.he,{ref:r,...e})),d=u.forwardRef((e,r)=>{const o={children:a.C(e.children)},n=s.useTrackingId({name:"PopoverClose",data:o,hasOverride:!!e["data-tracking-id"]});return i.jsxRuntimeExports.jsx(t.ye,{ref:r,"data-tracking-id":n,...e})}),g=u.forwardRef((e,r)=>{const o={children:a.C(e.children),appearance:e.appearance,icon:e.icon,size:e.size,type:e.type},n=s.useTrackingId({name:"PopoverButton",data:o,hasOverride:!!e["data-tracking-id"]});return i.jsxRuntimeExports.jsx(t.je,{ref:r,"data-tracking-id":n,...e})}),l=Object.assign(v,{Trigger:c,Content:q,Close:d,Button:g});exports.Popover=l;exports.PopoverButton=g;exports.PopoverClose=d;exports.PopoverContent=q;exports.PopoverTrigger=c;exports.default=l;
 //# sourceMappingURL=Popover.cjs.map

package/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  PopoverProps as CorePopoverProps,\n  Popover as CorePopover,\n  PopoverTrigger as CorePopoverTrigger,\n  PopoverTriggerProps as CorePopoverTriggerProps,\n  PopoverContent as CorePopoverContent,\n  PopoverContentProps as CorePopoverContentProps,\n  PopoverClose as CorePopoverClose,\n  PopoverCloseProps as CorePopoverCloseProps,\n  PopoverButton as CorePopoverButton,\n  PopoverButtonProps as CorePopoverButtonProps,\n  PopoverContextType as CorePopoverContextType,\n} from \"@servicetitan/hammer-react/dist/Popover\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\nexport type PopoverContextType = CorePopoverContextType;\n\nconst PopoverElement = forwardRef((props: PopoverProps) => {\n  return <CorePopover {...props} />;\n});\n\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  return <CorePopoverTrigger {...props} />;\n};\n\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  }\n);\n\nexport const PopoverClose = forwardRef(\n  (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverClose\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const PopoverButton = forwardRef(\n  (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      icon: props.icon,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Button: PopoverButton,\n});\n"],"names":["PopoverElement","forwardRef","props","jsx","CorePopover","PopoverTrigger","CorePopoverTrigger","PopoverContent","ref","CorePopoverContent","PopoverClose","data","childrenToString","trackingId","useTrackingId","CorePopoverClose","PopoverButton","CorePopoverButton","Popover"],"mappings":"qRAyBMA,EAAiBC,EAAAA,WAAYC,GAC1BC,EAAA,kBAAA,IAACC,EAAa,GAAA,CAAA,GAAGF,CAAO,CAAA,CAChC,EAEYG,EAAkBH,GACtBC,EAAA,kBAAA,IAACG,EAAoB,GAAA,CAAA,GAAGJ,CAAO,CAAA,EAG3BK,EAAiBN,EAAA,WAC5B,CAACC,EAA4BM,IACnBL,EAAAA,kBAAAA,IAAAM,EAAAA,GAAA,CAAmB,IAAAD,EAAW,GAAGN,CAAO,CAAA,CAEpD,EAEaQ,EAAeT,EAAA,WAC1B,CAACC,EAA0BM,IAAgC,CACzD,MAAMG,EAAO,CACX,SAAUC,EAAAA,EAAiBV,EAAM,QAAQ,CAAA,EAGrCW,EAAaC,EAAAA,cAAc,CAC/B,KAAM,eACN,KAAAH,EACA,YAAa,CAAC,CAACT,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGa,EAAiB,GAAA,CAAA,IAAAP,EAAU,mBAAkBK,EAAa,GAAGX,CAAO,CAAA,CAEzE,CACF,EAEac,EAAgBf,EAAA,WAC3B,CAACC,EAA2BM,IAAgC,CAC1D,MAAMG,EAAO,CACX,SAAUC,EAAAA,EAAiBV,EAAM,QAAQ,EACzC,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,KAAMA,EAAM,KACZ,KAAMA,EAAM,IAAA,EAGRW,EAAaC,EAAAA,cAAc,CAC/B,KAAM,gBACN,KAAAH,EACA,YAAa,CAAC,CAACT,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGe,EAAkB,GAAA,CAAA,IAAAT,EAAU,mBAAkBK,EAAa,GAAGX,CAAO,CAAA,CAE1E,CACF,EAIagB,EAAU,OAAO,OAAOlB,EAAgB,CACnD,QAASK,EACT,QAASE,EACT,MAAOG,EACP,OAAQM,CACV,CAAC"}
+{"version":3,"file":"Popover.cjs","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  PopoverProps as CorePopoverProps,\n  Popover as CorePopover,\n  PopoverTrigger as CorePopoverTrigger,\n  PopoverTriggerProps as CorePopoverTriggerProps,\n  PopoverContent as CorePopoverContent,\n  PopoverContentProps as CorePopoverContentProps,\n  PopoverClose as CorePopoverClose,\n  PopoverCloseProps as CorePopoverCloseProps,\n  PopoverButton as CorePopoverButton,\n  PopoverButtonProps as CorePopoverButtonProps,\n  PopoverContextType as CorePopoverContextType,\n} from \"@servicetitan/hammer-react/dist/Popover\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type PopoverProps = CorePopoverProps;\nexport type PopoverTriggerProps = CorePopoverTriggerProps & DataTrackingId;\nexport type PopoverContentProps = CorePopoverContentProps;\nexport type PopoverCloseProps = CorePopoverCloseProps & DataTrackingId;\nexport type PopoverButtonProps = CorePopoverButtonProps & DataTrackingId;\nexport type PopoverContextType = CorePopoverContextType;\n\nconst PopoverElement = forwardRef((props: PopoverProps) => {\n  return <CorePopover {...props} />;\n});\n\nexport const PopoverTrigger = (props: PopoverTriggerProps) => {\n  return <CorePopoverTrigger {...props} />;\n};\n\nexport const PopoverContent = forwardRef(\n  (props: PopoverContentProps, ref: Ref<HTMLDivElement>) => {\n    return <CorePopoverContent ref={ref} {...props} />;\n  }\n);\n\nexport const PopoverClose = forwardRef(\n  (props: PopoverCloseProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverClose\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverClose ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const PopoverButton = forwardRef(\n  (props: PopoverButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      appearance: props.appearance,\n      icon: props.icon,\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"PopoverButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CorePopoverButton ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\n// export const usePopoverContext = useCorePopoverContext;\n\nexport const Popover = Object.assign(PopoverElement, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Button: PopoverButton,\n});\n"],"names":["PopoverElement","forwardRef","props","jsx","CorePopover","PopoverTrigger","CorePopoverTrigger","PopoverContent","ref","CorePopoverContent","PopoverClose","data","childrenToString","trackingId","useTrackingId","CorePopoverClose","PopoverButton","CorePopoverButton","Popover"],"mappings":"w3CAyBA,MAAMA,EAAiBC,EAAAA,WAAYC,GAC1BC,EAAA,kBAAA,IAACC,EAAa,GAAA,CAAA,GAAGF,CAAO,CAAA,CAChC,EAEYG,EAAkBH,GACtBC,EAAA,kBAAA,IAACG,EAAoB,GAAA,CAAA,GAAGJ,CAAO,CAAA,EAG3BK,EAAiBN,EAAA,WAC5B,CAACC,EAA4BM,IACnBL,EAAAA,kBAAAA,IAAAM,EAAAA,GAAA,CAAmB,IAAAD,EAAW,GAAGN,CAAO,CAAA,CAEpD,EAEaQ,EAAeT,EAAA,WAC1B,CAACC,EAA0BM,IAAgC,CACzD,MAAMG,EAAO,CACX,SAAUC,EAAAA,EAAiBV,EAAM,QAAQ,CAAA,EAGrCW,EAAaC,EAAAA,cAAc,CAC/B,KAAM,eACN,KAAAH,EACA,YAAa,CAAC,CAACT,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGa,EAAiB,GAAA,CAAA,IAAAP,EAAU,mBAAkBK,EAAa,GAAGX,CAAO,CAAA,CAEzE,CACF,EAEac,EAAgBf,EAAA,WAC3B,CAACC,EAA2BM,IAAgC,CAC1D,MAAMG,EAAO,CACX,SAAUC,EAAAA,EAAiBV,EAAM,QAAQ,EACzC,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,KAAMA,EAAM,KACZ,KAAMA,EAAM,IAAA,EAGRW,EAAaC,EAAAA,cAAc,CAC/B,KAAM,gBACN,KAAAH,EACA,YAAa,CAAC,CAACT,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGe,EAAkB,GAAA,CAAA,IAAAT,EAAU,mBAAkBK,EAAa,GAAGX,CAAO,CAAA,CAE1E,CACF,EAIagB,EAAU,OAAO,OAAOlB,EAAgB,CACnD,QAASK,EACT,QAASE,EACT,MAAOG,EACP,OAAQM,CACV,CAAC"}

package/Popover.d.ts

@@ -1,18 +1,39 @@
 import { ForwardRefExoticComponent } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Placement } from '@floating-ui/utils';
 import { PopoverButtonProps as PopoverButtonProps_2 } from '@servicetitan/hammer-react/dist/Popover';
 import { PopoverCloseProps as PopoverCloseProps_2 } from '@servicetitan/hammer-react/dist/Popover';
 import { PopoverContentProps as PopoverContentProps_2 } from '@servicetitan/hammer-react/dist/Popover';
 import { PopoverContextType as PopoverContextType_2 } from '@servicetitan/hammer-react/dist/Popover';
 import { PopoverProps as PopoverProps_2 } from '@servicetitan/hammer-react/dist/Popover';
 import { PopoverTriggerProps as PopoverTriggerProps_2 } from '@servicetitan/hammer-react/dist/Popover';
+import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
 declare type DataTrackingId = {
     ["data-tracking-id"]?: string;
 };
 
-declare const Popover: ForwardRefExoticComponent<Omit<PopoverProps_2, "ref"> & RefAttributes<unknown>> & {
+declare const Popover: ForwardRefExoticComponent<{
+    disableCloseOnEscape?: boolean;
+    disableCloseOnClickOutside?: boolean;
+} & {
+    children?: ReactNode;
+    modal?: boolean;
+    openOnHover?: boolean;
+    fillAvailableHeight?: boolean;
+    matchReferenceWidth?: boolean;
+    fixedWidth?: boolean;
+    placement?: Placement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    disableCaret?: boolean;
+    noPadding?: boolean;
+    disableAutoUpdate?: boolean;
+    disableFocusLock?: boolean;
+} & RefAttributes<unknown>> & {
     Trigger: (props: PopoverTriggerProps) => JSX_2.Element;
     Content: ForwardRefExoticComponent<PopoverContentProps_2 & RefAttributes<HTMLDivElement>>;
     Close: ForwardRefExoticComponent<PopoverCloseProps & RefAttributes<HTMLButtonElement>>;

package/Popover.js

@@ -1,48 +1,80 @@
-import { j as r } from "./jsx-runtime-82a9ddf6.js";
-import { z as s, h as d, j as m, a as g, v } from "./index-a6d2f789.js";
-import { forwardRef as n } from "react";
-import { useTrackingId as i } from "./useTrackingId.js";
-import { n as c } from "./ui-react-7152d718.js";
-const u = n((e) => /* @__PURE__ */ r.jsx(s, { ...e })), j = (e) => /* @__PURE__ */ r.jsx(v, { ...e }), l = n(
-  (e, t) => /* @__PURE__ */ r.jsx(d, { ref: t, ...e })
-), f = n(
-  (e, t) => {
-    const o = {
-      children: c(e.children)
-    }, a = i({
+import { j as o } from "./jsx-runtime-82a9ddf6.js";
+import { b as p, h as c, y as s, j as d, P as g } from "./index-8ee9499c.js";
+import { forwardRef as i } from "react";
+import { useTrackingId as n } from "./useTrackingId.js";
+import "./Alert-6faa0b05.js";
+import "./Announcement-d04009ea.js";
+import "./index-da56edbc-372336bd.js";
+import "./Badge-f761458c.js";
+import "./Button-d05507c5.js";
+import "./Calendar-073dc10d.js";
+import "./Card-33f3ad0a.js";
+import "./Checkbox-d503c3b6.js";
+import "./Chip-a8eb2656.js";
+import "./Divider-edca965e.js";
+import "./Drawer-f68286e8.js";
+import "./Flex-f6e67921.js";
+import "./Grid-992de375.js";
+import "./Icon-fa8f3dc8.js";
+import "./ProgressBar-5f350a3f.js";
+import "./Listbox-cdf02568.js";
+import "./ListView-1f75e2de.js";
+import { C as a } from "./index-098ca719-3c14c40c.js";
+import "./Radio-4189b000.js";
+import "./SideNav-e92d850f.js";
+import "./SrOnly-0c13a721.js";
+import "./jsx-runtime-944c88e2-e73fa629.js";
+import "./index-e0f6271a.js";
+import "./Stepper-fa554908.js";
+import "./Switch-b0a37fc1.js";
+import "./Tab-1934a4ca.js";
+import "./Text-4c30916c.js";
+import "./Toast-f15e9d36.js";
+import "./index-06c0bdf0.js";
+import "./useLayoutPropsUtil-e307abc7-cbe2fb6d.js";
+import "./index-d46fa8de-8695742b.js";
+import "./index-439b5871.js";
+import "./LocalizationProvider.js";
+const u = i((t) => /* @__PURE__ */ o.jsx(p, { ...t })), j = (t) => /* @__PURE__ */ o.jsx(g, { ...t }), v = i(
+  (t, r) => /* @__PURE__ */ o.jsx(c, { ref: r, ...t })
+), P = i(
+  (t, r) => {
+    const e = {
+      children: a(t.children)
+    }, m = n({
       name: "PopoverClose",
-      data: o,
-      hasOverride: !!e["data-tracking-id"]
+      data: e,
+      hasOverride: !!t["data-tracking-id"]
     });
-    return /* @__PURE__ */ r.jsx(m, { ref: t, "data-tracking-id": a, ...e });
+    return /* @__PURE__ */ o.jsx(s, { ref: r, "data-tracking-id": m, ...t });
   }
-), h = n(
-  (e, t) => {
-    const o = {
-      children: c(e.children),
-      appearance: e.appearance,
-      icon: e.icon,
-      size: e.size,
-      type: e.type
-    }, a = i({
+), l = i(
+  (t, r) => {
+    const e = {
+      children: a(t.children),
+      appearance: t.appearance,
+      icon: t.icon,
+      size: t.size,
+      type: t.type
+    }, m = n({
       name: "PopoverButton",
-      data: o,
-      hasOverride: !!e["data-tracking-id"]
+      data: e,
+      hasOverride: !!t["data-tracking-id"]
     });
-    return /* @__PURE__ */ r.jsx(g, { ref: t, "data-tracking-id": a, ...e });
+    return /* @__PURE__ */ o.jsx(d, { ref: r, "data-tracking-id": m, ...t });
   }
-), z = Object.assign(u, {
+), rt = Object.assign(u, {
   Trigger: j,
-  Content: l,
-  Close: f,
-  Button: h
+  Content: v,
+  Close: P,
+  Button: l
 });
 export {
-  z as Popover,
-  h as PopoverButton,
-  f as PopoverClose,
-  l as PopoverContent,
+  rt as Popover,
+  l as PopoverButton,
+  P as PopoverClose,
+  v as PopoverContent,
   j as PopoverTrigger,
-  z as default
+  rt as default
 };
 //# sourceMappingURL=Popover.js.map