@servicetitan/anvil2 1.4.0 → 1.4.2

package/Overflow-mCmpVO6E-D9h2HKLa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overflow-mCmpVO6E-D9h2HKLa.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow-mCmpVO6E.js"],"sourcesContent":["import { j as o } from \"./jsx-runtime-DmTjM30f.js\";\nimport { forwardRef as W, useState as C, useRef as q, useEffect as A } from \"react\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as L } from \"./useLayoutPropsUtil-CGf5lNlK.js\";\nimport O from \"classnames\";\nimport { F as P } from \"./Flex-D-uYVS9I.js\";\nimport './Overflow.css';const B = \"_overflow_4bvd0_2\", D = \"_expanded_4bvd0_2\", G = \"_content_4bvd0_55\", J = \"_horizontal_4bvd0_99\", K = \"_truncate_4bvd0_102\", t = {\n  overflow: B,\n  expanded: D,\n  \"shadow-top\": \"_shadow-top_4bvd0_2\",\n  \"shadow-right\": \"_shadow-right_4bvd0_6\",\n  \"shadow-bottom\": \"_shadow-bottom_4bvd0_10\",\n  \"shadow-left\": \"_shadow-left_4bvd0_14\",\n  \"overflow-text\": \"_overflow-text_4bvd0_21\",\n  \"expand-button\": \"_expand-button_4bvd0_34\",\n  content: G,\n  horizontal: J,\n  truncate: K\n}, F = W(\n  (f, x) => {\n    const { rows: v = 1, ...N } = f, { layoutStyles: w, componentProps: E } = L(N), [n, u] = C(!1), { className: g, style: H, children: e, ...h } = E, p = {\n      ...H,\n      ...w,\n      \"--overflow-text-row\": n ? \"initial\" : v\n    };\n    if (\"expandable\" in f && f.expandable === !0) {\n      const {\n        expandable: b,\n        expandText: j,\n        collapseText: a,\n        onExpand: c,\n        onCollapse: i,\n        ..._\n      } = h, y = j ?? \"Show more...\", S = a ?? \"Show less...\", s = (d) => {\n        if (u((m) => !m), n) {\n          i == null || i(d);\n          return;\n        }\n        c == null || c(d);\n      }, r = O(\n        [t[\"overflow-text\"]],\n        [t.expandable],\n        {\n          [t.expanded]: n\n        }\n      );\n      return /* @__PURE__ */ o.jsxs(\n        \"div\",\n        {\n          ref: x,\n          className: r,\n          style: p,\n          \"data-anv\": \"overflow-text\",\n          ..._,\n          children: [\n            /* @__PURE__ */ o.jsx(\"div\", { className: t.content, children: e }),\n            /* @__PURE__ */ o.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: s,\n                \"aria-hidden\": !0,\n                children: n ? S : y\n              }\n            )\n          ]\n        }\n      );\n    }\n    const l = O([t[\"overflow-text\"]]);\n    return /* @__PURE__ */ o.jsx(\n      \"div\",\n      {\n        ref: x,\n        className: l,\n        style: p,\n        \"data-anv\": \"overflow-text\",\n        ...h,\n        children: /* @__PURE__ */ o.jsx(\"div\", { className: t.content, children: e })\n      }\n    );\n  }\n);\nF.displayName = \"OverflowText\";\nconst I = W(\n  (f, x) => {\n    const { layoutStyles: v, componentProps: N } = L(f), {\n      children: w,\n      className: E,\n      direction: n = \"column\",\n      style: u,\n      height: g,\n      width: H,\n      truncate: e,\n      gap: h,\n      ...p\n    } = N, l = q(null), [b, j] = C(!1), [a, c] = C({\n      left: !1,\n      right: !1,\n      top: !1,\n      bottom: !1\n    });\n    A(() => {\n      if (!l.current) return;\n      if (n === \"row\") {\n        const r = l.current.offsetWidth < l.current.scrollWidth;\n        c((d) => ({\n          ...d,\n          right: r\n        }));\n        return;\n      }\n      const s = l.current.offsetHeight < l.current.scrollHeight;\n      c((r) => ({\n        ...r,\n        bottom: s\n      }));\n    }, [n]);\n    const i = () => {\n      if (!l.current) return;\n      const s = l.current;\n      if (n === \"row\") {\n        const m = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n        c({\n          left: m,\n          right: T,\n          top: !1,\n          bottom: !1\n        });\n        return;\n      }\n      const r = s.scrollTop > 0, d = s.scrollTop < s.scrollHeight - s.offsetHeight;\n      c({\n        top: r,\n        bottom: d,\n        left: !1,\n        right: !1\n      });\n    }, _ = O([t.overflow], {\n      [t.vertical]: n === \"column\",\n      [t.horizontal]: n === \"row\",\n      [t.truncate]: !!e,\n      [t.expanded]: b\n    });\n    if (e) {\n      const s = {\n        ...u,\n        ...v\n      }, r = {\n        height: g ?? void 0\n      }, d = typeof e == \"object\" ? e.expandText : \"Show more...\", m = typeof e == \"object\" ? e.collapseText : \"Show less...\", T = (R) => {\n        var k, z;\n        if (j((U) => !U), setTimeout(() => {\n          i();\n        }, 100), typeof e == \"object\") {\n          if (b) {\n            (k = e.onCollapse) == null || k.call(e, R);\n            return;\n          }\n          (z = e.onExpand) == null || z.call(e, R);\n        }\n      };\n      return /* @__PURE__ */ o.jsxs(\n        \"div\",\n        {\n          ref: x,\n          style: s,\n          className: _,\n          \"data-anv\": \"overflow\",\n          ...p,\n          children: [\n            a.top && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n            a.left && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n            /* @__PURE__ */ o.jsx(\n              P,\n              {\n                className: t.content,\n                onScroll: i,\n                style: r,\n                ref: l,\n                direction: n,\n                gap: h,\n                tabIndex: 0,\n                children: w\n              }\n            ),\n            a.bottom && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n            a.right && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n            /* @__PURE__ */ o.jsx(\n              \"button\",\n              {\n                className: t[\"expand-button\"],\n                onClick: T,\n                children: b ? m : d\n              }\n            )\n          ]\n        }\n      );\n    }\n    const y = {\n      ...u,\n      ...v\n    }, S = {\n      height: g ?? void 0\n    };\n    return /* @__PURE__ */ o.jsxs(\n      \"div\",\n      {\n        ref: x,\n        style: y,\n        className: _,\n        \"data-anv\": \"overflow\",\n        ...p,\n        children: [\n          a.left ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n          a.top ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n          /* @__PURE__ */ o.jsx(\n            P,\n            {\n              className: t.content,\n              onScroll: i,\n              ref: l,\n              style: S,\n              direction: n,\n              gap: h,\n              tabIndex: 0,\n              children: w\n            }\n          ),\n          a.bottom ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n          a.right ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n        ]\n      }\n    );\n  }\n);\nI.displayName = \"Overflow\";\nconst tt = Object.assign(I, {\n  Text: F\n});\nexport {\n  tt as O,\n  F as a\n};\n//# sourceMappingURL=Overflow-mCmpVO6E.js.map\n"],"names":["B","D","G","J","F","W","f","x","v","w","L","n","u","C","H","h","p","b","j","a","c","i","_","y","S","d","m","r","O","o","l","I","q","A","T","R","k","z","U","P","tt"],"mappings":"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","x_google_ignoreList":[0]}

package/Overflow.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./jsx-runtime-494437bb.cjs"),i=require("./Overflow-b4d706e8.cjs"),c=require("react"),d=require("./useTrackingId.cjs"),s=require("./childrenToString-0cd30a27.cjs"),u=c.forwardRef((e,t)=>{const r={children:s.n(e.children),height:e.height,truncate:e.truncate},n=d.useTrackingId({name:"Overflow",data:r,hasOverride:!!e["data-tracking-id"]});return a.jsxRuntimeExports.jsx(i.et,{ref:t,"data-tracking-id":n,...e})}),l=c.forwardRef((e,t)=>{const r={children:e.children,rows:e.rows,expandable:e.expandable,expandText:e.expandText,collapseText:e.collapseText},n=d.useTrackingId({name:"OverflowText",data:r,hasOverride:!!e["data-tracking-id"]});return a.jsxRuntimeExports.jsx(i.I,{ref:t,"data-tracking-id":n,...e})}),o=Object.assign(u,{Text:l});exports.Overflow=o;exports.OverflowText=l;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Overflow-8l_m52ru.cjs");exports.Overflow=e.Overflow;exports.OverflowText=e.OverflowText;exports.default=e.Overflow;
 //# sourceMappingURL=Overflow.cjs.map

package/Overflow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.cjs","sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import {\n  OverflowProps as CoreOverflowProps,\n  Overflow as CoreOverflow,\n  OverflowText as CoreOverflowText,\n  OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type OverflowProps = CoreOverflowProps & DataTrackingId;\nexport type OverflowTextProps = CoreOverflowTextProps & DataTrackingId;\n\nconst OverflowElement = forwardRef(\n  (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      height: props.height,\n      truncate: props.truncate,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Overflow\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreOverflow ref={ref} data-tracking-id={trackingId} {...props} />;\n  }\n);\nexport const OverflowText = forwardRef(\n  (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: props.children,\n      rows: props.rows,\n      expandable: props.expandable,\n      expandText: props.expandText,\n      collapseText: props.collapseText,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"OverflowText\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreOverflowText ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n"],"names":["OverflowElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreOverflow","OverflowText","CoreOverflowText","Overflow"],"mappings":"gSAcMA,EAAkBC,EAAA,WACtB,CAACC,EAAsBC,IAA6B,CAClD,MAAMC,EAAO,CACX,SAAUC,EAAAA,EAAiBH,EAAM,QAAQ,EACzC,OAAQA,EAAM,OACd,SAAUA,EAAM,QAAA,EAGZI,EAAaC,EAAAA,cAAc,CAC/B,KAAM,WACN,KAAAH,EACA,YAAa,CAAC,CAACF,EAAM,kBAAkB,CAAA,CACxC,EACD,+BAAQM,EAAa,GAAA,CAAA,IAAAL,EAAU,mBAAkBG,EAAa,GAAGJ,CAAO,CAAA,CAC1E,CACF,EACaO,EAAeR,EAAA,WAC1B,CAACC,EAA0BC,IAA6B,CACtD,MAAMC,EAAO,CACX,SAAUF,EAAM,SAChB,KAAMA,EAAM,KACZ,WAAYA,EAAM,WAClB,WAAYA,EAAM,WAClB,aAAcA,EAAM,YAAA,EAGhBI,EAAaC,EAAAA,cAAc,CAC/B,KAAM,eACN,KAAAH,EACA,YAAa,CAAC,CAACF,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGQ,EAAiB,EAAA,CAAA,IAAAP,EAAU,mBAAkBG,EAAa,GAAGJ,CAAO,CAAA,CAEzE,CACF,EAEaS,EAAW,OAAO,OAAOX,EAAiB,CACrD,KAAMS,CACR,CAAC"}
+{"version":3,"file":"Overflow.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Overflow.js

@@ -1,42 +1,7 @@
-import { j as r } from "./jsx-runtime-82a9ddf6.js";
-import { e as c, I as o } from "./Overflow-a2f48366.js";
-import { forwardRef as i } from "react";
-import { useTrackingId as d } from "./useTrackingId.js";
-import { n as l } from "./childrenToString-416df522.js";
-const x = i(
-  (e, t) => {
-    const a = {
-      children: l(e.children),
-      height: e.height,
-      truncate: e.truncate
-    }, n = d({
-      name: "Overflow",
-      data: a,
-      hasOverride: !!e["data-tracking-id"]
-    });
-    return /* @__PURE__ */ r.jsx(c, { ref: t, "data-tracking-id": n, ...e });
-  }
-), m = i(
-  (e, t) => {
-    const a = {
-      children: e.children,
-      rows: e.rows,
-      expandable: e.expandable,
-      expandText: e.expandText,
-      collapseText: e.collapseText
-    }, n = d({
-      name: "OverflowText",
-      data: a,
-      hasOverride: !!e["data-tracking-id"]
-    });
-    return /* @__PURE__ */ r.jsx(o, { ref: t, "data-tracking-id": n, ...e });
-  }
-), O = Object.assign(x, {
-  Text: m
-});
+import { O as f, a as o, O as r } from "./Overflow-6bSiZmRH.js";
 export {
-  O as Overflow,
-  m as OverflowText,
-  O as default
+  f as Overflow,
+  o as OverflowText,
+  r as default
 };
 //# sourceMappingURL=Overflow.js.map

package/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.js","sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import {\n  OverflowProps as CoreOverflowProps,\n  Overflow as CoreOverflow,\n  OverflowText as CoreOverflowText,\n  OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type OverflowProps = CoreOverflowProps & DataTrackingId;\nexport type OverflowTextProps = CoreOverflowTextProps & DataTrackingId;\n\nconst OverflowElement = forwardRef(\n  (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      height: props.height,\n      truncate: props.truncate,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Overflow\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreOverflow ref={ref} data-tracking-id={trackingId} {...props} />;\n  }\n);\nexport const OverflowText = forwardRef(\n  (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: props.children,\n      rows: props.rows,\n      expandable: props.expandable,\n      expandText: props.expandText,\n      collapseText: props.collapseText,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"OverflowText\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return (\n      <CoreOverflowText ref={ref} data-tracking-id={trackingId} {...props} />\n    );\n  }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n"],"names":["OverflowElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreOverflow","OverflowText","CoreOverflowText","Overflow"],"mappings":";;;;;AAcA,MAAMA,IAAkBC;AAAA,EACtB,CAACC,GAAsBC,MAA6B;AAClD,UAAMC,IAAO;AAAA,MACX,UAAUC,EAAiBH,EAAM,QAAQ;AAAA,MACzC,QAAQA,EAAM;AAAA,MACd,UAAUA,EAAM;AAAA,IAAA,GAGZI,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACF,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCAAQM,GAAa,EAAA,KAAAL,GAAU,oBAAkBG,GAAa,GAAGJ,EAAO,CAAA;AAAA,EAC1E;AACF,GACaO,IAAeR;AAAA,EAC1B,CAACC,GAA0BC,MAA6B;AACtD,UAAMC,IAAO;AAAA,MACX,UAAUF,EAAM;AAAA,MAChB,MAAMA,EAAM;AAAA,MACZ,YAAYA,EAAM;AAAA,MAClB,YAAYA,EAAM;AAAA,MAClB,cAAcA,EAAM;AAAA,IAAA,GAGhBI,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACF,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGQ,GAAiB,EAAA,KAAAP,GAAU,oBAAkBG,GAAa,GAAGJ,EAAO,CAAA;AAAA,EAEzE;AACF,GAEaS,IAAW,OAAO,OAAOX,GAAiB;AAAA,EACrD,MAAMS;AACR,CAAC;"}
+{"version":3,"file":"Overflow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/Page-BHVbtL63.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./Page.css');const e=require("./jsx-runtime-Cek9Ww4S.cjs"),o=require("react"),w=require("./index-BYW82IHE.cjs"),b=require("./Button-DYLXgQSy.cjs"),B=require("./useSize.cjs"),v=require("./Tooltip-DV9FC-5a.cjs"),E=require("./primitive-CGGVJgVV.cjs"),T=require("./useTrackingId.cjs"),P=require("./HammerProvider-CWIhk1CR-C9q7tn1p.cjs");require("./LocalizationProvider-DUpcgOpg-BcV208mm.cjs");require("./PortalProvider-CvQRdwLj-BtjPnkrU.cjs");require("./ThemeProvider-ToVvRp6m-CoLPmFrb.cjs");const R=require("./Dialog-CG-wbEyw.cjs"),_=require("./Popover-DFhBDbdL.cjs"),k=require("./Flex-BTesi1i4.cjs"),O=require("./Icon-BsM86ff0.cjs");function L(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:()=>s[r]})}}return a.default=s,Object.freeze(a)}const z=L(o),I="_page_1h4jw_7",W="_container_1h4jw_16",G="_content_1h4jw_32",H="_sidebar_1h4jw_41",D="_panel_1h4jw_124",V="_open_1h4jw_163",F="_small_1h4jw_163",J="_medium_1h4jw_166",A="_large_1h4jw_169",K="_collapsed_1h4jw_175",Y="_noPadding_1h4jw_253",n={page:I,container:W,content:G,"content-inner":"_content-inner_1h4jw_36",sidebar:H,"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:V,small:F,medium:J,large:A,collapsed:K,noPadding:Y,"sidebar-adaptive-trigger":"_sidebar-adaptive-trigger_1h4jw_109"};function Q(...s){return z.useCallback(a=>{for(let r=0;r<s.length;r++){const t=s[r];typeof t=="function"?t(a):t&&typeof t=="object"&&(t.current=a)}},s)}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=o.forwardRef((s,a)=>{const{children:r,...t}=s;return e.jsxRuntimeExports.jsx("div",{className:n.page,ref:a,...t,children:e.jsxRuntimeExports.jsx("div",{className:n.container,children:r})})}),N=o.createContext(null),S=o.forwardRef((s,a)=>{var f;const{children:r,className:t,currentPageTitle:g,localStorageKey:l="sidebar-collapsed",...p}=s,m={localStorageKey:l},{breakpoint:i}=o.useContext(P.M),d=T.useTrackingId({name:"PageSidebarButton",data:m,hasOverride:!!s["data-tracking-id"]}),[c,x]=o.useState(()=>{const u=localStorage.getItem(l);return u?JSON.parse(u):!1}),j=w.G([n.sidebar],t,{[n.collapsed]:c}),h=()=>{x(u=>(localStorage.setItem(l,JSON.stringify(!u)),!u))},M=+(((f=E.BreakpointMd)==null?void 0:f.value.replace("px",""))??0);return((i==null?void 0:i.innerWidth)??0)<M?e.jsxRuntimeExports.jsxs(_.Popover,{fillAvailableHeight:!0,matchReferenceWidth:!0,noPadding:!0,disableCaret:!0,children:[e.jsxRuntimeExports.jsx(_.Popover.Trigger,{children:u=>(typeof document<"u"&&(u["data-state"]==="open"?document.body.style.overflow="hidden":document.body.style.overflow="auto"),e.jsxRuntimeExports.jsx("div",{className:n["sidebar-adaptive-trigger-container"],children:e.jsxRuntimeExports.jsxs(b.Button,{className:n["sidebar-adaptive-trigger"],icon:Z,appearance:"ghost",...u,children:[g||"Menu",e.jsxRuntimeExports.jsx(O.Icon,{flexGrow:"1",justifyContent:"end",svg:u["data-state"]==="open"?ee:$})]})}))}),e.jsxRuntimeExports.jsx(_.Popover.Content,{className:n["sidebar-adaptive-container"],children:e.jsxRuntimeExports.jsx(k.Flex,{direction:"column",className:n["sidebar-adaptive"],ref:a,children:r})})]}):e.jsxRuntimeExports.jsx(N.Provider,{value:{collapsed:c},children:e.jsxRuntimeExports.jsxs("div",{className:j,ref:a,...p,children:[e.jsxRuntimeExports.jsx("div",{className:n["sidebar-inner"],"aria-hidden":c,children:e.jsxRuntimeExports.jsx("div",{children:r})}),e.jsxRuntimeExports.jsx("div",{className:n["toggle-button-wrapper"],children:e.jsxRuntimeExports.jsxs(v.Tooltip,{placement:"right",children:[e.jsxRuntimeExports.jsx(v.Tooltip.Trigger,{className:n["toggle-button-tooltip"],children:e.jsxRuntimeExports.jsx(b.Button,{size:"small",onClick:h,className:n["toggle-button"],"aria-label":c?"Open Sidebar":"Close Sidebar","data-tracking-id":d,icon:c?U:X})}),e.jsxRuntimeExports.jsx(v.Tooltip.Content,{children:c?"Open Sidebar":"Close Sidebar"})]})})]})})}),y=o.forwardRef((s,a)=>{const{children:r,className:t,...g}=s,l=o.useContext(N),p=w.G([n["sidebar-header"]],t);return e.jsxRuntimeExports.jsx("div",{className:p,ref:a,...g,children:e.jsxRuntimeExports.jsx("div",{className:n["header-content"],"aria-hidden":l==null?void 0:l.collapsed,children:r})})}),C=o.forwardRef((s,a)=>{const{children:r,className:t,...g}=s,l=w.G([n.content],t),p=o.useRef(null),m=o.useRef(null),i=B.useSize(p),d=o.useRef(!0);o.useEffect(()=>{if(typeof window>"u"||!d.current)return;function x(){var h;const j=window.scrollY;(h=m.current)==null||h.scrollTo(0,j??0)}return window.addEventListener("scroll",x,{passive:!0}),()=>{window.removeEventListener("scroll",x)}},[]);function c(x){typeof window>"u"||d.current||window.scrollTo(0,x.target.scrollTop)}return e.jsxRuntimeExports.jsxs("main",{className:l,ref:Q(p,a),...g,children:[e.jsxRuntimeExports.jsx("div",{className:n["content-inner"],children:r}),e.jsxRuntimeExports.jsx("div",{className:n["virtual-scroll-container"],ref:m,style:{left:i&&(i==null?void 0:i.left)+(i==null?void 0:i.width)},onScrollCapture:c,onMouseEnter:()=>{d.current=!1},onMouseLeave:()=>{d.current=!0},children:e.jsxRuntimeExports.jsx("div",{style:{width:1,height:i?i.height+i.y*2:0}})})]})}),q=o.forwardRef((s,a)=>{var h;const{children:r,open:t,size:g="medium",noPadding:l,style:p,className:m,...i}=s,d=w.G([n.panel],[n[g]],m,{[n.open]:typeof t>"u"?!0:t,[n.persistent]:typeof t>"u",[n.noPadding]:l}),{breakpoint:c}=o.useContext(P.M),x=+(((h=E.BreakpointMd)==null?void 0:h.value.replace("px",""))??0),j=(c==null?void 0:c.innerWidth)??0;return typeof t<"u"&&j<x?e.jsxRuntimeExports.jsx(R.Dialog,{open:t,children:e.jsxRuntimeExports.jsx(R.Dialog.Content,{children:e.jsxRuntimeExports.jsx("div",{className:d,"aria-hidden":!t,"aria-disabled":!t,ref:a,...i,children:r})})}):e.jsxRuntimeExports.jsx("div",{className:d,"aria-hidden":!t,"aria-disabled":!t,ref:a,...i,children:e.jsxRuntimeExports.jsx("div",{className:n["panel-inner"],tabIndex:typeof t<"u"&&t?0:-1,style:p,children:e.jsxRuntimeExports.jsx("div",{children:r})})})}),ne=Object.assign(te,{Sidebar:S,SidebarHeader:y,Content:C,Panel:q});exports.Page=ne;exports.PageContent=C;exports.PagePanel=q;exports.PageSidebar=S;exports.PageSidebarHeader=y;
+//# sourceMappingURL=Page-BHVbtL63.cjs.map

package/Page-BHVbtL63.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page-BHVbtL63.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,%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":"g4DAEA,SAASA,KAAgBC,EAAM,CAC7B,OAAOC,EAAM,YAAYC,GAAW,CAClC,QAASC,EAAI,EAAGA,EAAIH,EAAK,OAAQG,IAAK,CACpC,MAAMC,EAAMJ,EAAKG,CAAC,EACd,OAAOC,GAAQ,WAAYA,EAAIF,CAAO,EAAWE,GAAO,OAAOA,GAAQ,WAAUA,EAAI,QAAUF,EACpG,CACF,EACDF,CAAI,CACN,CCVA,MAAeK,EAAA,4UCAAC,EAAA,0UCAAC,EAAA,8ZCAAC,EAAA,gVCAAC,GAAA,gVCmCTC,GAAcC,EAAA,WAAW,CAACC,EAAkBR,IAA6B,CAC7E,KAAM,CAAE,SAAAS,EAAU,GAAGC,CAAA,EAASF,EAE9B,+BACG,MAAI,CAAA,UAAWG,EAAO,KAAS,IAAAX,EAAW,GAAGU,EAC5C,SAAAE,wBAAC,OAAI,UAAWD,EAAO,UAAe,SAAAF,EAAS,CACjD,CAAA,CAEJ,CAAC,EAKKI,EAAqBC,EAAAA,cAA8C,IAAI,EAOhEC,EAAcR,EAAA,WACzB,CAACC,EAAyBR,IAA6B,OAC/C,KAAA,CACJ,SAAAS,EACA,UAAAO,EACA,iBAAAC,EACA,gBAAAC,EAAkB,oBAClB,GAAGR,CACD,EAAAF,EAEEW,EAAO,CACX,gBAAAD,CAAA,EAGI,CAAE,WAAAE,CAAA,EACNC,EAAA,WAAsCC,EAAoB,CAAA,EAEtDC,EAAaC,EAAAA,cAAc,CAC/B,KAAM,oBACN,KAAAL,EACA,YAAa,CAAC,CAACX,EAAM,kBAAkB,CAAA,CACxC,EAEK,CAACiB,EAAWC,CAAY,EAAIC,WAAkB,IAAM,CAElD,MAAAC,EAAe,aAAa,QAAQV,CAAe,EACzD,OAAOU,EAAe,KAAK,MAAMA,CAAY,EAAI,EAAA,CAClD,EACKC,EAAaC,EAAAA,EAAG,CAACnB,EAAO,OAAU,EAAGK,EAAW,CACpD,CAACL,EAAO,SAAY,EAAGc,CAAA,CACxB,EACKM,EAAsB,IAAM,CAChCL,EAAcM,IACZ,aAAa,QAAQd,EAAiB,KAAK,UAAU,CAACc,CAAI,CAAC,EACpD,CAACA,EACT,CAAA,EAGGC,EAAkB,IACtBC,EAAAA,EAAAA,eAAAA,YAAAA,EAA8B,MAAM,QAAQ,KAAM,MAAO,GAI3D,QAFmBd,GAAA,YAAAA,EAAY,aAAc,GAE5Ba,EAEbE,yBAACC,EAAAA,SAAQ,oBAAmB,GAAC,oBAAmB,GAAC,UAAS,GAAC,aAAY,GACrE,SAAA,CAAAxB,EAAAA,kBAAAA,IAACwB,EAAAA,QAAQ,QAAR,CACE,SAAC5B,IACI,OAAO,SAAa,MACtBA,EAAM,YAAY,IAAM,OACnB,SAAS,KAAK,MAAM,SAAW,SAC/B,SAAS,KAAK,MAAM,SAAW,QAGnCI,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWD,EAAO,oCAAoC,EACzD,SAAAwB,EAAA,kBAAA,KAACE,EAAA,OAAA,CACC,UAAW1B,EAAO,0BAA0B,EAC5C,KAAMR,EACN,WAAW,QACV,GAAGK,EAEH,SAAA,CAACS,GAAmB,OACrBL,EAAA,kBAAA,IAAC0B,EAAA,KAAA,CACC,SAAS,IACT,eAAe,MACf,IACE9B,EAAM,YAAY,IAAM,OAASH,GAAYD,CAAA,CAEjD,CAAA,CAAA,CAEJ,CAAA,CAAA,GAGN,0BACCgC,EAAAA,QAAQ,QAAR,CAAgB,UAAWzB,EAAO,4BAA4B,EAC7D,SAAAC,EAAA,kBAAA,IAAC2B,EAAA,KAAA,CACC,UAAU,SACV,UAAW5B,EAAO,kBAAkB,EACpC,IAAAX,EAEC,SAAAS,CAAA,CAAA,EAEL,CACF,CAAA,CAAA,EAKDG,EAAAA,kBAAAA,IAAAC,EAAmB,SAAnB,CAA4B,MAAO,CAAE,UAAAY,GACpC,SAAAU,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAWN,EAAY,IAAA7B,EAAW,GAAGU,EACxC,SAAA,CAACE,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWD,EAAO,eAAe,EAAG,cAAac,EACpD,SAAAb,EAAAA,kBAAAA,IAAC,MAAK,CAAA,SAAAH,CAAA,CAAS,CACjB,CAAA,EACAG,EAAAA,kBAAAA,IAAC,OAAI,UAAWD,EAAO,uBAAuB,EAC5C,SAAAwB,EAAAA,kBAAAA,KAACK,EAAAA,QAAQ,CAAA,UAAU,QACjB,SAAA,CAAA5B,wBAAC4B,EAAAA,QAAQ,QAAR,CAAgB,UAAW7B,EAAO,uBAAuB,EACxD,SAAAC,EAAA,kBAAA,IAACyB,EAAA,OAAA,CACC,KAAK,QACL,QAASN,EACT,UAAWpB,EAAO,eAAe,EACjC,aAAYc,EAAY,eAAiB,gBACzC,mBAAkBF,EAClB,KAAME,EAAYxB,EAAUC,CAAA,CAAA,EAEhC,0BACCsC,EAAQ,QAAA,QAAR,CACE,SAAAf,EAAY,eAAiB,gBAChC,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAEJ,CACF,EAIagB,EAAoBlC,EAAA,WAC/B,CAACC,EAA+BR,IAA6B,CAC3D,KAAM,CAAE,SAAAS,EAAU,UAAAO,EAAW,GAAGN,GAASF,EACnCkC,EAAUrB,aAAWR,CAAkB,EACvCgB,EAAaC,EAAAA,EAAG,CAACnB,EAAO,gBAAgB,CAAC,EAAGK,CAAS,EAE3D,+BACG,MAAI,CAAA,UAAWa,EAAY,IAAA7B,EAAW,GAAGU,EACxC,SAAAE,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAO,gBAAgB,EAClC,cAAa+B,GAAA,YAAAA,EAAS,UAErB,SAAAjC,CAAA,CAEL,CAAA,CAAA,CAEJ,CACF,EAIakC,EAAcpC,EAAA,WACzB,CAACC,EAAyBR,IAA8B,CACtD,KAAM,CAAE,SAAAS,EAAU,UAAAO,EAAW,GAAGN,GAASF,EACnCqB,EAAaC,EAAAA,EAAG,CAACnB,EAAO,OAAU,EAAGK,CAAS,EAC9C4B,EAAUC,SAAwB,IAAI,EACtCC,EAAmBD,SAAuB,IAAI,EAC9CE,EAAOC,UAAQJ,CAAO,EACtBK,EAAUJ,SAAO,EAAI,EAE3BK,EAAAA,UAAU,IAAM,CAEV,GADA,OAAO,OAAW,KAClB,CAACD,EAAQ,QAAS,OACtB,SAASE,GAAiB,OACxB,MAAMC,EAAW,OAAO,SAExBC,EAAAP,EAAiB,UAAjB,MAAAO,EAA0B,SAAS,EAAGD,GAAY,EACpD,CACA,cAAO,iBAAiB,SAAUD,EAAgB,CAAE,QAAS,GAAM,EAE5D,IAAM,CACJ,OAAA,oBAAoB,SAAUA,CAAc,CAAA,CAEvD,EAAG,CAAE,CAAA,EAEL,SAASG,EAAWC,EAAyB,CACvC,OAAO,OAAW,KAClBN,EAAQ,SACZ,OAAO,SAAS,EAAIM,EAAE,OAA0B,SAAS,CAC3D,CAGE,OAAApB,yBAAC,OAAK,CAAA,UAAWN,EAAY,IAAKlC,EAAaiD,EAAS5C,CAAG,EAAI,GAAGU,EAChE,SAAA,CAAAE,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWD,EAAO,eAAe,EAAI,SAAAF,EAAS,EACnDG,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAO,0BAA0B,EAC5C,IAAKmC,EACL,MAAO,CAAE,KAAMC,IAAQA,GAAA,YAAAA,EAAM,OAAOA,GAAA,YAAAA,EAAM,MAAM,EAChD,gBAAiBO,EACjB,aAAc,IAAM,CAClBL,EAAQ,QAAU,EACpB,EACA,aAAc,IAAM,CAClBA,EAAQ,QAAU,EACpB,EAEA,SAAArC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAO,CAAE,MAAO,EAAG,OAAQmC,EAAOA,EAAK,OAASA,EAAK,EAAI,EAAI,CAAE,CAAA,CACjE,CAAA,CACF,CACF,CAAA,CAAA,CAEJ,CACF,EAQaS,EAAYjD,EAAA,WACvB,CAACC,EAAuBR,IAA6B,OAC7C,KAAA,CACJ,SAAAS,EACA,KAAAgD,EACA,KAAAV,EAAO,SACP,UAAAW,EACA,MAAAC,EACA,UAAA3C,EACA,GAAGN,CACD,EAAAF,EACEqB,EAAaC,EAAAA,EAAG,CAACnB,EAAO,KAAQ,EAAG,CAACA,EAAOoC,CAAI,CAAC,EAAG/B,EAAW,CAClE,CAACL,EAAO,IAAO,EAAG,OAAO8C,EAAS,IAAc,GAAOA,EACvD,CAAC9C,EAAO,UAAa,EAAG,OAAO8C,EAAS,IACxC,CAAC9C,EAAO,SAAY,EAAG+C,CAAA,CACxB,EAEK,CAAE,WAAAtC,CAAA,EACNC,EAAA,WAAsCC,EAAoB,CAAA,EAEtDW,EAAkB,IACtBC,EAAAA,EAAAA,eAAAA,YAAAA,EAA8B,MAAM,QAAQ,KAAM,MAAO,GAErD0B,GAAaxC,GAAA,YAAAA,EAAY,aAAc,EAE7C,OAAI,OAAOqC,EAAS,KAAeG,EAAa3B,0BAE3C4B,SAAO,CAAA,KAAAJ,EACN,SAAC7C,EAAA,kBAAA,IAAAiD,SAAO,QAAP,CACC,SAAAjD,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWiB,EACX,cAAa,CAAC4B,EACd,gBAAe,CAACA,EAChB,IAAAzD,EACC,GAAGU,EAEH,SAAAD,CAAA,CAAA,CAEL,CAAA,CACF,CAAA,EAIFG,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWiB,EACX,cAAa,CAAC4B,EACd,gBAAe,CAACA,EAChB,IAAAzD,EACC,GAAGU,EAEJ,SAAAE,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAO,aAAa,EAC/B,SAAU,OAAO8C,EAAS,KAAeA,EAAO,EAAI,GACpD,MAAAE,EAEA,SAAA/C,EAAA,kBAAA,IAAC,OAAK,SAAAH,CAAS,CAAA,CAAA,CACjB,CAAA,CAAA,CAGN,CACF,EAEaqD,GAAO,OAAO,OAAOxD,GAAa,CAC7C,QAASS,EACT,cAAe0B,EACf,QAASE,EACT,MAAOa,CACT,CAAC","x_google_ignoreList":[0,1,2,3,4,5]}

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-628a2685.cjs");require("./LocalizationProvider.cjs");require("./PortalProvider.cjs");require("./index-16923f36-13f8775f.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)}}