@servicetitan/anvil2 1.4.1 → 1.4.2

package/Page-DyiLrgtg.js

@@ -0,0 +1,242 @@
+import { j as e } from "./jsx-runtime-B6kdoens.js";
+import * as L from "react";
+import { forwardRef as v, createContext as R, useContext as x, useState as T, useRef as f, useEffect as k } from "react";
+import { G as _ } from "./index-B9BgsxnA.js";
+import { B as S } from "./Button-L7SXWFDV.js";
+import { useSize as O } from "./useSize.js";
+import { T as j } from "./Tooltip-NbfopVjX.js";
+import { B as P } from "./primitive-DD5BdZ26.js";
+import { useTrackingId as W } from "./useTrackingId.js";
+import { M as C } from "./HammerProvider-CWIhk1CR-D4ToJaAz.js";
+import "./LocalizationProvider-DUpcgOpg-BluDwbxk.js";
+import "./PortalProvider-CvQRdwLj-DYU1MLeY.js";
+import "./ThemeProvider-ToVvRp6m-qC73SSSn.js";
+import { D as y } from "./Dialog-Cry6xVIB.js";
+import { P as b } from "./Popover-Bvpvj5WS.js";
+import { F as z } from "./Flex-DhbcOtER.js";
+import { I } from "./Icon-BgtpOVhD.js";
+import './Page.css';const E = "_page_1h4jw_7", H = "_container_1h4jw_16", G = "_content_1h4jw_32", V = "_sidebar_1h4jw_41", D = "_panel_1h4jw_124", F = "_open_1h4jw_163", J = "_small_1h4jw_163", A = "_medium_1h4jw_166", K = "_large_1h4jw_169", Y = "_collapsed_1h4jw_175", q = "_noPadding_1h4jw_253", n = {
+  page: E,
+  container: H,
+  content: G,
+  "content-inner": "_content-inner_1h4jw_36",
+  sidebar: V,
+  "sidebar-inner": "_sidebar-inner_1h4jw_50",
+  "toggle-button-wrapper": "_toggle-button-wrapper_1h4jw_77",
+  "toggle-button-tooltip": "_toggle-button-tooltip_1h4jw_85",
+  "toggle-button": "_toggle-button_1h4jw_77",
+  "sidebar-header": "_sidebar-header_1h4jw_103",
+  "sidebar-adaptive-trigger-container": "_sidebar-adaptive-trigger-container_1h4jw_109",
+  "sidebar-adaptive-container": "_sidebar-adaptive-container_1h4jw_118",
+  "sidebar-adaptive": "_sidebar-adaptive_1h4jw_109",
+  panel: D,
+  "panel-inner": "_panel-inner_1h4jw_131",
+  "virtual-scroll-container": "_virtual-scroll-container_1h4jw_142",
+  open: F,
+  small: J,
+  medium: A,
+  large: K,
+  collapsed: Y,
+  noPadding: q,
+  "sidebar-adaptive-trigger": "_sidebar-adaptive-trigger_1h4jw_109"
+};
+function Q(...r) {
+  return L.useCallback(
+    (i) => {
+      for (let s = 0; s < r.length; s++) {
+        const t = r[s];
+        typeof t == "function" ? t(i) : t && typeof t == "object" && (t.current = i);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    r
+  );
+}
+const U = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9.29%206.71a.996.996%200%200%200%200%201.41L13.17%2012l-3.88%203.88a.996.996%200%201%200%201.41%201.41l4.59-4.59a.996.996%200%200%200%200-1.41L10.7%206.7c-.38-.38-1.02-.38-1.41.01z'/%3e%3c/svg%3e", X = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M14.71%206.71a.996.996%200%200%200-1.41%200L8.71%2011.3a.996.996%200%200%200%200%201.41l4.59%204.59a.996.996%200%201%200%201.41-1.41L10.83%2012l3.88-3.88c.39-.39.38-1.03%200-1.41z'/%3e%3c/svg%3e", Z = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M10%2018h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zM3%207c0%20.55.45%201%201%201h16c.55%200%201-.45%201-1s-.45-1-1-1H4c-.55%200-1%20.45-1%201zm7%206h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201z'/%3e%3c/svg%3e", $ = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%209.29%2012%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'/%3e%3c/svg%3e", ee = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%2014.71%2012%2010.83l3.88%203.88a.996.996%200%201%200%201.41-1.41L12.7%208.71a.996.996%200%200%200-1.41%200L6.7%2013.3a.996.996%200%200%200%200%201.41c.39.38%201.03.39%201.42%200z'/%3e%3c/svg%3e", te = v((r, i) => {
+  const { children: s, ...t } = r;
+  return /* @__PURE__ */ e.jsx("div", { className: n.page, ref: i, ...t, children: /* @__PURE__ */ e.jsx("div", { className: n.container, children: s }) });
+}), B = R(null), ne = v(
+  (r, i) => {
+    var N;
+    const {
+      children: s,
+      className: t,
+      currentPageTitle: g,
+      localStorageKey: c = "sidebar-collapsed",
+      ...h
+    } = r, u = {
+      localStorageKey: c
+    }, { breakpoint: a } = x(C), d = W({
+      name: "PageSidebarButton",
+      data: u,
+      hasOverride: !!r["data-tracking-id"]
+    }), [o, m] = T(() => {
+      const l = localStorage.getItem(c);
+      return l ? JSON.parse(l) : !1;
+    }), w = _([n.sidebar], t, {
+      [n.collapsed]: o
+    }), p = () => {
+      m((l) => (localStorage.setItem(c, JSON.stringify(!l)), !l));
+    }, M = +(((N = P) == null ? void 0 : N.value.replace("px", "")) ?? 0);
+    return ((a == null ? void 0 : a.innerWidth) ?? 0) < M ? /* @__PURE__ */ e.jsxs(b, { fillAvailableHeight: !0, matchReferenceWidth: !0, noPadding: !0, disableCaret: !0, children: [
+      /* @__PURE__ */ e.jsx(b.Trigger, { children: (l) => (typeof document < "u" && (l["data-state"] === "open" ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto"), /* @__PURE__ */ e.jsx("div", { className: n["sidebar-adaptive-trigger-container"], children: /* @__PURE__ */ e.jsxs(
+        S,
+        {
+          className: n["sidebar-adaptive-trigger"],
+          icon: Z,
+          appearance: "ghost",
+          ...l,
+          children: [
+            g || "Menu",
+            /* @__PURE__ */ e.jsx(
+              I,
+              {
+                flexGrow: "1",
+                justifyContent: "end",
+                svg: l["data-state"] === "open" ? ee : $
+              }
+            )
+          ]
+        }
+      ) })) }),
+      /* @__PURE__ */ e.jsx(b.Content, { className: n["sidebar-adaptive-container"], children: /* @__PURE__ */ e.jsx(
+        z,
+        {
+          direction: "column",
+          className: n["sidebar-adaptive"],
+          ref: i,
+          children: s
+        }
+      ) })
+    ] }) : /* @__PURE__ */ e.jsx(B.Provider, { value: { collapsed: o }, children: /* @__PURE__ */ e.jsxs("div", { className: w, ref: i, ...h, children: [
+      /* @__PURE__ */ e.jsx("div", { className: n["sidebar-inner"], "aria-hidden": o, children: /* @__PURE__ */ e.jsx("div", { children: s }) }),
+      /* @__PURE__ */ e.jsx("div", { className: n["toggle-button-wrapper"], children: /* @__PURE__ */ e.jsxs(j, { placement: "right", children: [
+        /* @__PURE__ */ e.jsx(j.Trigger, { className: n["toggle-button-tooltip"], children: /* @__PURE__ */ e.jsx(
+          S,
+          {
+            size: "small",
+            onClick: p,
+            className: n["toggle-button"],
+            "aria-label": o ? "Open Sidebar" : "Close Sidebar",
+            "data-tracking-id": d,
+            icon: o ? U : X
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(j.Content, { children: o ? "Open Sidebar" : "Close Sidebar" })
+      ] }) })
+    ] }) });
+  }
+), ae = v(
+  (r, i) => {
+    const { children: s, className: t, ...g } = r, c = x(B), h = _([n["sidebar-header"]], t);
+    return /* @__PURE__ */ e.jsx("div", { className: h, ref: i, ...g, children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: n["header-content"],
+        "aria-hidden": c == null ? void 0 : c.collapsed,
+        children: s
+      }
+    ) });
+  }
+), se = v(
+  (r, i) => {
+    const { children: s, className: t, ...g } = r, c = _([n.content], t), h = f(null), u = f(null), a = O(h), d = f(!0);
+    k(() => {
+      if (typeof window > "u" || !d.current) return;
+      function m() {
+        var p;
+        const w = window.scrollY;
+        (p = u.current) == null || p.scrollTo(0, w ?? 0);
+      }
+      return window.addEventListener("scroll", m, { passive: !0 }), () => {
+        window.removeEventListener("scroll", m);
+      };
+    }, []);
+    function o(m) {
+      typeof window > "u" || d.current || window.scrollTo(0, m.target.scrollTop);
+    }
+    return /* @__PURE__ */ e.jsxs("main", { className: c, ref: Q(h, i), ...g, children: [
+      /* @__PURE__ */ e.jsx("div", { className: n["content-inner"], children: s }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: n["virtual-scroll-container"],
+          ref: u,
+          style: { left: a && (a == null ? void 0 : a.left) + (a == null ? void 0 : a.width) },
+          onScrollCapture: o,
+          onMouseEnter: () => {
+            d.current = !1;
+          },
+          onMouseLeave: () => {
+            d.current = !0;
+          },
+          children: /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              style: { width: 1, height: a ? a.height + a.y * 2 : 0 }
+            }
+          )
+        }
+      )
+    ] });
+  }
+), re = v(
+  (r, i) => {
+    var p;
+    const {
+      children: s,
+      open: t,
+      size: g = "medium",
+      noPadding: c,
+      style: h,
+      className: u,
+      ...a
+    } = r, d = _([n.panel], [n[g]], u, {
+      [n.open]: typeof t > "u" ? !0 : t,
+      [n.persistent]: typeof t > "u",
+      [n.noPadding]: c
+    }), { breakpoint: o } = x(C), m = +(((p = P) == null ? void 0 : p.value.replace("px", "")) ?? 0), w = (o == null ? void 0 : o.innerWidth) ?? 0;
+    return typeof t < "u" && w < m ? /* @__PURE__ */ e.jsx(y, { open: t, children: /* @__PURE__ */ e.jsx(y.Content, { children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: d,
+        "aria-hidden": !t,
+        "aria-disabled": !t,
+        ref: i,
+        ...a,
+        children: s
+      }
+    ) }) }) : /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: d,
+        "aria-hidden": !t,
+        "aria-disabled": !t,
+        ref: i,
+        ...a,
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: n["panel-inner"],
+            tabIndex: typeof t < "u" && t ? 0 : -1,
+            style: h,
+            children: /* @__PURE__ */ e.jsx("div", { children: s })
+          }
+        )
+      }
+    );
+  }
+), Ne = Object.assign(te, {
+  Sidebar: ne,
+  SidebarHeader: ae,
+  Content: se,
+  Panel: re
+});
+export {
+  Ne as P,
+  ne as a,
+  ae as b,
+  se as c,
+  re as d
+};
+//# sourceMappingURL=Page-DyiLrgtg.js.map

package/Page-DyiLrgtg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page-DyiLrgtg.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,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9.29%206.71a.996.996%200%200%200%200%201.41L13.17%2012l-3.88%203.88a.996.996%200%201%200%201.41%201.41l4.59-4.59a.996.996%200%200%200%200-1.41L10.7%206.7c-.38-.38-1.02-.38-1.41.01z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M14.71%206.71a.996.996%200%200%200-1.41%200L8.71%2011.3a.996.996%200%200%200%200%201.41l4.59%204.59a.996.996%200%201%200%201.41-1.41L10.83%2012l3.88-3.88c.39-.39.38-1.03%200-1.41z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M10%2018h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201zM3%207c0%20.55.45%201%201%201h16c.55%200%201-.45%201-1s-.45-1-1-1H4c-.55%200-1%20.45-1%201zm7%206h10c.55%200%201-.45%201-1s-.45-1-1-1H10c-.55%200-1%20.45-1%201s.45%201%201%201z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%209.29%2012%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.12%2014.71%2012%2010.83l3.88%203.88a.996.996%200%201%200%201.41-1.41L12.7%208.71a.996.996%200%200%200-1.41%200L6.7%2013.3a.996.996%200%200%200%200%201.41c.39.38%201.03.39%201.42%200z'/%3e%3c/svg%3e\"","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","i","ref","OpenSVG","CloseSVG","SegmentSVG","RespOpen","RespClose","PageElement","forwardRef","props","children","rest","styles","jsx","PageSideBarContext","createContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","useContext","AnvilProviderContext","trackingId","useTrackingId","collapsed","setCollapsed","useState","sidebarState","classNames","cx","onToggleButtonClick","prev","breakpointWidth","core.primitive?.BreakpointMd","jsxs","Popover","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","useRef","virtualScrollRef","size","useSize","blocker","useEffect","updatePosition","newValue","_a","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/Page.cjs

@@ -1,2 +1,2 @@
-var se=require("./index13.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-494437bb.cjs"),o=require("react"),_=require("./index-ef2e9d11.cjs"),R=require("./Button.cjs"),O=require("./useSize.cjs"),j=require("./Tooltip.cjs"),k=require("./primitive-898a5f6f.cjs"),T=require("./useTrackingId.cjs"),S=require("./index-63a9d04d.cjs");require("./LocalizationProvider.cjs");require("./PortalProvider.cjs");require("./ThemeProvider-ToVvRp6m-1c1f8387.cjs");const E=require("./Dialog.cjs"),b=require("./Popover.cjs"),L=require("./Flex.cjs"),z=require("./Icon.cjs");function W(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(a,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return a.default=e,Object.freeze(a)}const d=W(o),H="_page_3p54k_7",I="_container_3p54k_16",G="_content_3p54k_32",A="_sidebar_3p54k_41",D="_panel_3p54k_124",K="_collapsed_3p54k_160",J="_open_3p54k_160",F="_small_3p54k_160",U="_medium_3p54k_163",V="_large_3p54k_166",Y="_noPadding_3p54k_256",r={page:H,container:I,content:G,"content-inner":"_content-inner_3p54k_36",sidebar:A,"sidebar-inner":"_sidebar-inner_3p54k_50","toggle-button-wrapper":"_toggle-button-wrapper_3p54k_77","toggle-button-tooltip":"_toggle-button-tooltip_3p54k_85","toggle-button":"_toggle-button_3p54k_77","sidebar-header":"_sidebar-header_3p54k_103","sidebar-adaptive-trigger-container":"_sidebar-adaptive-trigger-container_3p54k_109","sidebar-adaptive-container":"_sidebar-adaptive-container_3p54k_118","sidebar-adaptive":"_sidebar-adaptive_3p54k_109",panel:D,"panel-inner":"_panel-inner_3p54k_131","virtual-scroll-container":"_virtual-scroll-container_3p54k_142",collapsed:K,open:J,small:F,medium:U,large:V,noPadding:Y,"sidebar-adaptive-trigger":"_sidebar-adaptive-trigger_3p54k_109"};function Q(...e){return d.useCallback(a=>{for(let s=0;s<e.length;s++){const n=e[s];typeof n=="function"?n(a):n&&typeof n=="object"&&(n.current=a)}},e)}const X=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.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"})),Z=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.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"})),$=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.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"})),ee=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.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"})),te=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.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"})),ne=o.forwardRef((e,a)=>{const{children:s,...n}=e;return t.jsxRuntimeExports.jsx("div",{className:r.page,ref:a,...n,children:t.jsxRuntimeExports.jsx("div",{className:r.container,children:s})})}),N=o.createContext(null),P=o.forwardRef((e,a)=>{var w;const{children:s,className:n,currentPageTitle:g,localStorageKey:c="sidebar-collapsed",...m}=e,f={localStorageKey:c},{breakpoint:i}=o.useContext(S.M),u=T.useTrackingId({name:"PageSidebarButton",data:f,hasOverride:!!e["data-tracking-id"]}),[l,x]=o.useState(()=>{const p=localStorage.getItem(c);return p?JSON.parse(p):!1}),v=_.G([r.sidebar],n,{[r.collapsed]:l}),h=()=>{x(p=>(localStorage.setItem(c,JSON.stringify(!p)),!p))},B=+(((w=k.BreakpointMd)==null?void 0:w.value.replace("px",""))??0);return((i==null?void 0:i.innerWidth)??0)<B?t.jsxRuntimeExports.jsxs(b.default,{fillAvailableHeight:!0,matchReferenceWidth:!0,noPadding:!0,disableCaret:!0,children:[t.jsxRuntimeExports.jsx(b.default.Trigger,{children:p=>(typeof document<"u"&&(p["data-state"]==="open"?document.body.style.overflow="hidden":document.body.style.overflow="auto"),t.jsxRuntimeExports.jsx("div",{className:r["sidebar-adaptive-trigger-container"],children:t.jsxRuntimeExports.jsxs(R.default,{className:r["sidebar-adaptive-trigger"],icon:$,appearance:"ghost",...p,children:[g||"Menu",t.jsxRuntimeExports.jsx(z.default,{flexGrow:"1",justifyContent:"end",svg:p["data-state"]==="open"?te:ee})]})}))}),t.jsxRuntimeExports.jsx(b.default.Content,{className:r["sidebar-adaptive-container"],children:t.jsxRuntimeExports.jsx(L.default,{direction:"column",className:r["sidebar-adaptive"],ref:a,children:s})})]}):t.jsxRuntimeExports.jsx(N.Provider,{value:{collapsed:l},children:t.jsxRuntimeExports.jsxs("div",{className:v,ref:a,...m,children:[t.jsxRuntimeExports.jsx("div",{className:r["sidebar-inner"],"aria-hidden":l,children:t.jsxRuntimeExports.jsx("div",{children:s})}),t.jsxRuntimeExports.jsx("div",{className:r["toggle-button-wrapper"],children:t.jsxRuntimeExports.jsxs(j.default,{placement:"right",children:[t.jsxRuntimeExports.jsx(j.default.Trigger,{className:r["toggle-button-tooltip"],children:t.jsxRuntimeExports.jsx(R.default,{size:"small",onClick:h,className:r["toggle-button"],"aria-label":l?"Open Sidebar":"Close Sidebar","data-tracking-id":u,icon:l?X:Z})}),t.jsxRuntimeExports.jsx(j.default.Content,{children:l?"Open Sidebar":"Close Sidebar"})]})})]})})}),y=o.forwardRef((e,a)=>{const{children:s,className:n,...g}=e,c=o.useContext(N),m=_.G([r["sidebar-header"]],n);return t.jsxRuntimeExports.jsx("div",{className:m,ref:a,...g,children:t.jsxRuntimeExports.jsx("div",{className:r["header-content"],"aria-hidden":c==null?void 0:c.collapsed,children:s})})}),C=o.forwardRef((e,a)=>{const{children:s,className:n,...g}=e,c=_.G([r.content],n),m=o.useRef(null),f=o.useRef(null),i=O.useSize(m),u=o.useRef(!0);o.useEffect(()=>{if(typeof window>"u"||!u.current)return;function x(){var h;const v=window.scrollY;(h=f.current)==null||h.scrollTo(0,v??0)}return window.addEventListener("scroll",x,{passive:!0}),()=>{window.removeEventListener("scroll",x)}},[]);function l(x){typeof window>"u"||u.current||window.scrollTo(0,x.target.scrollTop)}return t.jsxRuntimeExports.jsxs("main",{className:c,ref:Q(m,a),...g,children:[t.jsxRuntimeExports.jsx("div",{className:r["content-inner"],children:s}),t.jsxRuntimeExports.jsx("div",{className:r["virtual-scroll-container"],ref:f,style:{left:i&&(i==null?void 0:i.left)+(i==null?void 0:i.width)},onScrollCapture:l,onMouseEnter:()=>{u.current=!1},onMouseLeave:()=>{u.current=!0},children:t.jsxRuntimeExports.jsx("div",{style:{width:1,height:i?i.height+i.y*2:0}})})]})}),M=o.forwardRef((e,a)=>{var h;const{children:s,open:n,size:g="medium",noPadding:c,style:m,className:f,...i}=e,u=_.G([r.panel],[r[g]],f,{[r.open]:typeof n>"u"?!0:n,[r.persistent]:typeof n>"u",[r.noPadding]:c}),{breakpoint:l}=o.useContext(S.M),x=+(((h=k.BreakpointMd)==null?void 0:h.value.replace("px",""))??0),v=(l==null?void 0:l.innerWidth)??0;return typeof n<"u"&&v<x?t.jsxRuntimeExports.jsx(E.default,{open:n,children:t.jsxRuntimeExports.jsx(E.default.Content,{children:t.jsxRuntimeExports.jsx("div",{className:u,"aria-hidden":!n,"aria-disabled":!n,ref:a,...i,children:s})})}):t.jsxRuntimeExports.jsx("div",{className:u,"aria-hidden":!n,"aria-disabled":!n,ref:a,...i,children:t.jsxRuntimeExports.jsx("div",{className:r["panel-inner"],tabIndex:typeof n<"u"&&n?0:-1,style:m,children:t.jsxRuntimeExports.jsx("div",{children:s})})})}),q=Object.assign(ne,{Sidebar:P,SidebarHeader:y,Content:C,Panel:M});exports.Page=q;exports.PageContent=C;exports.PagePanel=M;exports.PageSidebar=P;exports.PageSidebarHeader=y;exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Page-BHVbtL63.cjs");exports.Page=e.Page;exports.PageContent=e.PageContent;exports.PagePanel=e.PagePanel;exports.PageSidebar=e.PageSidebar;exports.PageSidebarHeader=e.PageSidebarHeader;exports.default=e.Page;
 //# sourceMappingURL=Page.cjs.map

package/Page.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.cjs","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__namespace","element","i","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","AnvilProvider","trackingId","useTrackingId","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","breakpointWidth","_a","primitive","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","blocker","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]}
+{"version":3,"file":"Page.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Page.css

@@ -0,0 +1 @@
+html::-webkit-scrollbar{display:none}@layer reset,base,state,application;@layer base{._page_1h4jw_7{margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;container:page/inline-size}._page_1h4jw_7 ._container_1h4jw_16{display:flex;flex-direction:column;column-gap:0px;row-gap:0px;margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;color:var(--foreground-color, #141414);background-color:var(--background-color, #ffffff);overflow-x:clip;transition:.3s cubic-bezier(.4,0,.6,1)}._content_1h4jw_32{container:content/inline-size;display:flex}._content_1h4jw_32 ._content-inner_1h4jw_36{padding-block:1.5rem;padding-inline:1rem;flex-basis:100%}._sidebar_1h4jw_41{display:flex;flex-direction:row;align-items:flex-start;padding:.5rem;container:sidebar/inline-size;z-index:2;background-color:var(--background-color, #ffffff)}._sidebar_1h4jw_41 ._sidebar-inner_1h4jw_50{position:sticky;top:var(--offset, 0px);width:100%;height:calc(100dvh - var(--offset, 0px));box-sizing:border-box;background-color:inherit;transition-property:opacity,display;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.6,1);transition-behavior:allow-discrete;overflow-x:clip}._sidebar_1h4jw_41 ._sidebar-inner_1h4jw_50>div{background-color:inherit;flex-direction:column;display:flex;box-sizing:border-box;min-width:16rem;padding:1.5rem .5rem;height:100%;overflow-y:auto;position:absolute;top:0;bottom:0;right:0}._sidebar_1h4jw_41 ._toggle-button-wrapper_1h4jw_77{position:absolute;width:0px;overflow:visible;padding:0;right:0;height:100%}._sidebar_1h4jw_41 ._toggle-button-wrapper_1h4jw_77 ._toggle-button-tooltip_1h4jw_85{position:sticky;top:calc(1.5rem + var(--offset, 0px));margin-left:-1rem;display:block;width:fit-content}._sidebar_1h4jw_41 ._toggle-button-wrapper_1h4jw_77 ._toggle-button_1h4jw_77{padding:.5rem;min-width:2rem;width:2rem;height:2rem;border-radius:100%;border-color:var(--border-color-subdued, #dfe0e1)}._sidebar_1h4jw_41 ._toggle-button-wrapper_1h4jw_77 ._toggle-button_1h4jw_77:before{border-radius:inherit}._sidebar-header_1h4jw_103{display:flex;align-items:center;justify-content:space-between;padding:1rem}._sidebar-adaptive-trigger-container_1h4jw_109{padding:.5rem;background-color:var(--background-color, #ffffff);width:auto;position:sticky;top:var(--offset, 0px);z-index:1;box-shadow:var(--shadow-color, rgba(20, 20, 20, .0784313725)) 0 .125rem .5rem}._sidebar-adaptive-container_1h4jw_118{overflow:auto}._sidebar-adaptive-container_1h4jw_118 ._sidebar-adaptive_1h4jw_109{padding:.5rem}._panel_1h4jw_124{grid-area:1/3/2/4;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-color, #ffffff)}._panel_1h4jw_124 ._panel-inner_1h4jw_131{padding:1rem;outline:none;width:100%;box-sizing:border-box;background-color:inherit;transition-property:opacity,display;transition-duration:1s;transition-timing-function:cubic-bezier(.4,0,.6,1);transition-behavior:allow-discrete}._virtual-scroll-container_1h4jw_142{display:none;position:sticky;top:var(--offset, 0px);bottom:0;right:0;overflow-y:auto;overflow-x:clip;height:calc(100dvh - var(--offset, 0px));padding-left:1.25rem}}@layer state{@container page (min-width: 768px){._page_1h4jw_7 ._container_1h4jw_16{display:grid;--first-col: 16rem;--second-col: 1fr;--third-col: 0px;grid-template-columns:var(--first-col) var(--second-col) var(--third-col)}._page_1h4jw_7 ._container_1h4jw_16:has(._panel_1h4jw_124._open_1h4jw_163._small_1h4jw_163){--third-col: 16rem}._page_1h4jw_7 ._container_1h4jw_16:has(._panel_1h4jw_124._open_1h4jw_163._medium_1h4jw_166){--third-col: 24rem}._page_1h4jw_7 ._container_1h4jw_16:has(._panel_1h4jw_124._open_1h4jw_163._large_1h4jw_169){--third-col: 30rem}._page_1h4jw_7 ._container_1h4jw_16:has(._panel_1h4jw_124._open_1h4jw_163._large_1h4jw_169) ._panel_1h4jw_124 ._panel-inner_1h4jw_131{min-width:var(--third-col)}._page_1h4jw_7 ._container_1h4jw_16:has(._sidebar_1h4jw_41._collapsed_1h4jw_175){--first-col: 1.5rem}._page_1h4jw_7 ._container_1h4jw_16:not(:has(._sidebar_1h4jw_41)){--first-col: 0px}._page_1h4jw_7 ._content_1h4jw_32{grid-area:1/2/2/3}._page_1h4jw_7 ._content_1h4jw_32 ._virtual-scroll-container_1h4jw_142{display:block}._page_1h4jw_7 ._sidebar_1h4jw_41{grid-area:1/1/2/2;padding:0;background-color:var(--background-color, #ffffff);border-inline-end:.0625rem solid var(--border-color-subdued, #dfe0e1);box-shadow:var(--shadow-color, rgba(20, 20, 20, .0784313725)) 0 .125rem .5rem}._page_1h4jw_7 ._sidebar_1h4jw_41 ._sidebar-header_1h4jw_103{background-color:var(--background-color, #ffffff);position:sticky;padding-block-start:1.5rem;padding-block-end:1.5rem;padding-inline-start:1rem;padding-inline-end:1rem;top:-1.5rem;margin-block-start:-1.5rem;margin-block-end:.25rem;z-index:1}._page_1h4jw_7 ._sidebar_1h4jw_41 ._sidebar-inner_1h4jw_50>div{scrollbar-gutter:stable}}._sidebar_1h4jw_41._collapsed_1h4jw_175 ._sidebar-inner_1h4jw_50{opacity:0;display:none}@container content (min-width: 768px){._content_1h4jw_32 ._content-inner_1h4jw_36{padding-inline:2rem}}@container content (min-width: 1024px){._content_1h4jw_32 ._content-inner_1h4jw_36{padding-inline:2.5rem}}@container content (min-width: 1280px){._content_1h4jw_32 ._content-inner_1h4jw_36{padding-inline:3rem}}@container page (min-width: 768px){._panel_1h4jw_124{flex-direction:row;border-inline-start:.0625rem solid var(--border-color-subdued, #dfe0e1)}._panel_1h4jw_124 ._panel-inner_1h4jw_131{position:sticky;top:0;height:calc(100dvh - var(--offset, 0px));overflow-y:auto;padding:1.5rem 1.5rem 1.5rem 1rem;scrollbar-gutter:stable}._panel_1h4jw_124._small_1h4jw_163 ._panel-inner_1h4jw_131{min-width:16rem}._panel_1h4jw_124._medium_1h4jw_166 ._panel-inner_1h4jw_131{min-width:24rem}._panel_1h4jw_124._large_1h4jw_169 ._panel-inner_1h4jw_131{min-width:30rem}}._panel_1h4jw_124._noPadding_1h4jw_253 ._panel-inner_1h4jw_131{padding:0}._panel_1h4jw_124:not(._open_1h4jw_163) ._panel-inner_1h4jw_131{overflow:clip;display:none;opacity:0}@starting-style{._sidebar_1h4jw_41._collapsed_1h4jw_175 ._sidebar-inner_1h4jw_50{opacity:0;display:none}._panel_1h4jw_124:not(._open_1h4jw_163) ._panel-inner_1h4jw_131{opacity:0;display:none}}}@layer application{._sidebar-adaptive-trigger_1h4jw_109{color:var(--foreground-color, #141414);background-color:var(--background-color-stronger, #eeeeee);justify-content:start;width:100%}._toggle-button-wrapper_1h4jw_77 ._toggle-button_1h4jw_77{padding:.5rem;min-width:2rem;width:2rem;height:2rem;border-radius:100%;border-color:var(--border-color-subdued, #dfe0e1)}}

package/Page.js

@@ -1,245 +1,10 @@
-import "./index13.css";
-import { j as e } from "./jsx-runtime-82a9ddf6.js";
-import * as c from "react";
-import { forwardRef as f, createContext as M, useContext as k, useState as L, useRef as w, useEffect as R } from "react";
-import { G as b } from "./index-c6e22bb9.js";
-import S from "./Button.js";
-import { useSize as T } from "./useSize.js";
-import x from "./Tooltip.js";
-import { B as P } from "./primitive-90e4e69c.js";
-import { useTrackingId as W } from "./useTrackingId.js";
-import { M as C } from "./index-e38aed53.js";
-import "./LocalizationProvider.js";
-import "./PortalProvider.js";
-import "./ThemeProvider-ToVvRp6m-1fe3baac.js";
-import y from "./Dialog.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", G = "_collapsed_3p54k_160", J = "_open_3p54k_160", F = "_small_3p54k_160", U = "_medium_3p54k_163", V = "_large_3p54k_166", Y = "_noPadding_3p54k_256", a = {
-  page: I,
-  container: O,
-  content: A,
-  "content-inner": "_content-inner_3p54k_36",
-  sidebar: K,
-  "sidebar-inner": "_sidebar-inner_3p54k_50",
-  "toggle-button-wrapper": "_toggle-button-wrapper_3p54k_77",
-  "toggle-button-tooltip": "_toggle-button-tooltip_3p54k_85",
-  "toggle-button": "_toggle-button_3p54k_77",
-  "sidebar-header": "_sidebar-header_3p54k_103",
-  "sidebar-adaptive-trigger-container": "_sidebar-adaptive-trigger-container_3p54k_109",
-  "sidebar-adaptive-container": "_sidebar-adaptive-container_3p54k_118",
-  "sidebar-adaptive": "_sidebar-adaptive_3p54k_109",
-  panel: D,
-  "panel-inner": "_panel-inner_3p54k_131",
-  "virtual-scroll-container": "_virtual-scroll-container_3p54k_142",
-  collapsed: G,
-  open: J,
-  small: F,
-  medium: U,
-  large: V,
-  noPadding: Y,
-  "sidebar-adaptive-trigger": "_sidebar-adaptive-trigger_3p54k_109"
-};
-function q(...n) {
-  return c.useCallback(
-    (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 = 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: i,
-      className: t,
-      currentPageTitle: m,
-      localStorageKey: l = "sidebar-collapsed",
-      ...g
-    } = n, _ = {
-      localStorageKey: l
-    }, { breakpoint: r } = k(C), d = W({
-      name: "PageSidebarButton",
-      data: _,
-      hasOverride: !!n["data-tracking-id"]
-    }), [o, u] = L(() => {
-      const p = localStorage.getItem(l);
-      return p ? JSON.parse(p) : !1;
-    }), v = b([a.sidebar], t, {
-      [a.collapsed]: o
-    }), 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",
-          ...p,
-          children: [
-            m || "Menu",
-            /* @__PURE__ */ e.jsx(
-              H,
-              {
-                flexGrow: "1",
-                justifyContent: "end",
-                svg: p["data-state"] === "open" ? ee : $
-              }
-            )
-          ]
-        }
-      ) })) }),
-      /* @__PURE__ */ e.jsx(j.Content, { className: a["sidebar-adaptive-container"], children: /* @__PURE__ */ e.jsx(
-        z,
-        {
-          direction: "column",
-          className: a["sidebar-adaptive"],
-          ref: s,
-          children: i
-        }
-      ) })
-    ] }) : /* @__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: h,
-            className: a["toggle-button"],
-            "aria-label": o ? "Open Sidebar" : "Close Sidebar",
-            "data-tracking-id": d,
-            icon: o ? Q : X
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(x.Content, { children: o ? "Open Sidebar" : "Close Sidebar" })
-      ] }) })
-    ] }) });
-  }
-), 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: i
-      }
-    ) });
-  }
-), 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", u, { passive: !0 }), () => {
-        window.removeEventListener("scroll", u);
-      };
-    }, []);
-    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: _,
-          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",
-            {
-              style: { width: 1, height: r ? r.height + r.y * 2 : 0 }
-            }
-          )
-        }
-      )
-    ] });
-  }
-), ie = f(
-  (n, s) => {
-    var h;
-    const {
-      children: i,
-      open: t,
-      size: m = "medium",
-      noPadding: l,
-      style: g,
-      className: _,
-      ...r
-    } = n, d = b([a.panel], [a[m]], _, {
-      [a.open]: typeof t > "u" ? !0 : t,
-      [a.persistent]: typeof t > "u",
-      [a.noPadding]: l
-    }), { 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: d,
-        "aria-hidden": !t,
-        "aria-disabled": !t,
-        ref: s,
-        ...r,
-        children: i
-      }
-    ) }) }) : /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: d,
-        "aria-hidden": !t,
-        "aria-disabled": !t,
-        ref: s,
-        ...r,
-        children: /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: a["panel-inner"],
-            tabIndex: typeof t < "u" && t ? 0 : -1,
-            style: g,
-            children: /* @__PURE__ */ e.jsx("div", { children: i })
-          }
-        )
-      }
-    );
-  }
-), Ne = Object.assign(te, {
-  Sidebar: ne,
-  SidebarHeader: ae,
-  Content: re,
-  Panel: ie
-});
+import { P, c as s, d, a as g, b as r, P as t } from "./Page-DyiLrgtg.js";
 export {
-  Ne as Page,
-  re as PageContent,
-  ie as PagePanel,
-  ne as PageSidebar,
-  ae as PageSidebarHeader,
-  Ne as default
+  P as Page,
+  s as PageContent,
+  d as PagePanel,
+  g as PageSidebar,
+  r as PageSidebarHeader,
+  t as default
 };
 //# sourceMappingURL=Page.js.map