@servicetitan/anvil2 1.2.3 → 1.2.4

package/Page.cjs

@@ -1,2 +1,2 @@
-var ae=require("./index2.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-494437bb.cjs"),o=require("react"),v=require("./index-67d20edb.cjs"),R=require("./Button.cjs"),B=require("./useSize.cjs"),j=require("./Tooltip.cjs"),k=require("./primitive-898a5f6f.cjs"),L=require("./useTrackingId.cjs"),S=require("./index-f6c22572.cjs");require("./LocalizationProvider.cjs");require("./index-d46fa8de-08092573.cjs");const E=require("./Dialog.cjs"),b=require("./Popover.cjs"),T=require("./Flex.cjs"),z=require("./Icon.cjs");function W(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const d=W(o),H="_page_3p54k_7",I="_container_3p54k_16",A="_content_3p54k_32",D="_sidebar_3p54k_41",K="_panel_3p54k_124",J="_collapsed_3p54k_160",F="_open_3p54k_160",G="_small_3p54k_160",U="_medium_3p54k_163",V="_large_3p54k_166",Y="_noPadding_3p54k_256",s={page:H,container:I,content:A,"content-inner":"_content-inner_3p54k_36",sidebar:D,"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:K,"panel-inner":"_panel-inner_3p54k_131","virtual-scroll-container":"_virtual-scroll-container_3p54k_142",collapsed:J,open:F,small:G,medium:U,large:V,noPadding:Y,"sidebar-adaptive-trigger":"_sidebar-adaptive-trigger_3p54k_109"};function Q(...e){return d.useCallback(r=>{for(let a=0;a<e.length;a++){const n=e[a];typeof n=="function"?n(r):n&&typeof n=="object"&&(n.current=r)}},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,r)=>{const{children:a,...n}=e;return t.jsxRuntimeExports.jsx("div",{className:s.page,ref:r,...n,children:t.jsxRuntimeExports.jsx("div",{className:s.container,children:a})})}),N=o.createContext(null),P=o.forwardRef((e,r)=>{var w;const{children:a,className:n,currentPageTitle:p,localStorageKey:l="sidebar-collapsed",...g}=e,x={localStorageKey:l},{breakpoint:i}=o.useContext(S.M),m=L.useTrackingId({name:"PageSidebarButton",data:x,hasOverride:!!e["data-tracking-id"]}),[c,h]=o.useState(()=>{const u=localStorage.getItem(l);return u?JSON.parse(u):!1}),f=v.cx([s.sidebar],n,{[s.collapsed]:c}),_=()=>{h(u=>(localStorage.setItem(l,JSON.stringify(!u)),!u))},O=+(((w=k.BreakpointMd)==null?void 0:w.value.replace("px",""))??0);return((i==null?void 0:i.innerWidth)??0)<O?t.jsxRuntimeExports.jsxs(b.default,{fillAvailableHeight:!0,matchReferenceWidth:!0,noPadding:!0,disableCaret:!0,children:[t.jsxRuntimeExports.jsx(b.default.Trigger,{children:u=>(typeof document<"u"&&(u["data-state"]==="open"?document.body.style.overflow="hidden":document.body.style.overflow="auto"),t.jsxRuntimeExports.jsx("div",{className:s["sidebar-adaptive-trigger-container"],children:t.jsxRuntimeExports.jsxs(R.default,{className:s["sidebar-adaptive-trigger"],icon:$,appearance:"ghost",...u,children:[p||"Menu",t.jsxRuntimeExports.jsx(z.default,{flexGrow:"1",justifyContent:"end",svg:u["data-state"]==="open"?te:ee})]})}))}),t.jsxRuntimeExports.jsx(b.default.Content,{className:s["sidebar-adaptive-container"],children:t.jsxRuntimeExports.jsx(T.default,{direction:"column",className:s["sidebar-adaptive"],ref:r,children:a})})]}):t.jsxRuntimeExports.jsx(N.Provider,{value:{collapsed:c},children:t.jsxRuntimeExports.jsxs("div",{className:f,ref:r,...g,children:[t.jsxRuntimeExports.jsx("div",{className:s["sidebar-inner"],"aria-hidden":c,children:t.jsxRuntimeExports.jsx("div",{children:a})}),t.jsxRuntimeExports.jsx("div",{className:s["toggle-button-wrapper"],children:t.jsxRuntimeExports.jsxs(j.default,{placement:"right",children:[t.jsxRuntimeExports.jsx(j.default.Trigger,{className:s["toggle-button-tooltip"],children:t.jsxRuntimeExports.jsx(R.default,{size:"small",onClick:_,className:s["toggle-button"],"aria-label":c?"Open Sidebar":"Close Sidebar","data-tracking-id":m,icon:c?X:Z})}),t.jsxRuntimeExports.jsx(j.default.Content,{children:c?"Open Sidebar":"Close Sidebar"})]})})]})})}),y=o.forwardRef((e,r)=>{const{children:a,className:n,...p}=e,l=o.useContext(N),g=v.cx([s["sidebar-header"]],n);return t.jsxRuntimeExports.jsx("div",{className:g,ref:r,...p,children:t.jsxRuntimeExports.jsx("div",{className:s["header-content"],"aria-hidden":l==null?void 0:l.collapsed,children:a})})}),C=o.forwardRef((e,r)=>{const{children:a,className:n,...p}=e,l=v.cx([s.content],n),g=o.useRef(null),x=o.useRef(null),i=B.useSize(g);return o.useEffect(()=>{function m(){var h;const c=window.scrollY;(h=x.current)==null||h.scrollTo(0,c??0)}return window.addEventListener("scroll",m,{passive:!0}),()=>{window.removeEventListener("scroll",m)}},[]),t.jsxRuntimeExports.jsxs("main",{className:l,ref:Q(g,r),...p,children:[t.jsxRuntimeExports.jsx("div",{className:s["content-inner"],children:a}),t.jsxRuntimeExports.jsx("div",{className:s["virtual-scroll-container"],ref:x,style:{left:i&&(i==null?void 0:i.left)+(i==null?void 0:i.width)},children:t.jsxRuntimeExports.jsx("div",{style:{width:1,height:i?i.height+i.y*2:0}})})]})}),q=o.forwardRef((e,r)=>{var _;const{children:a,open:n,size:p="medium",noPadding:l,style:g,className:x,...i}=e,m=v.cx([s.panel],[s[p]],x,{[s.open]:typeof n>"u"?!0:n,[s.persistent]:typeof n>"u",[s.noPadding]:l}),{breakpoint:c}=o.useContext(S.M),h=+(((_=k.BreakpointMd)==null?void 0:_.value.replace("px",""))??0),f=(c==null?void 0:c.innerWidth)??0;return typeof n<"u"&&f<h?t.jsxRuntimeExports.jsx(E.default,{open:n,children:t.jsxRuntimeExports.jsx(E.default.Content,{children:t.jsxRuntimeExports.jsx("div",{className:m,"aria-hidden":!n,"aria-disabled":!n,ref:r,...i,children:a})})}):t.jsxRuntimeExports.jsx("div",{className:m,"aria-hidden":!n,"aria-disabled":!n,ref:r,...i,children:t.jsxRuntimeExports.jsx("div",{className:s["panel-inner"],tabIndex:typeof n<"u"&&n?0:-1,style:g,children:t.jsxRuntimeExports.jsx("div",{children:a})})})}),M=Object.assign(ne,{Sidebar:P,SidebarHeader:y,Content:C,Panel:q});exports.Page=M;exports.PageContent=C;exports.PagePanel=q;exports.PageSidebar=P;exports.PageSidebarHeader=y;exports.default=M;
+var se=require("./index2.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-494437bb.cjs"),o=require("react"),_=require("./index-67d20edb.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-f6c22572.cjs");require("./LocalizationProvider.cjs");require("./index-d46fa8de-08092573.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",A="_content_3p54k_32",D="_sidebar_3p54k_41",K="_panel_3p54k_124",J="_collapsed_3p54k_160",F="_open_3p54k_160",G="_small_3p54k_160",U="_medium_3p54k_163",V="_large_3p54k_166",Y="_noPadding_3p54k_256",r={page:H,container:I,content:A,"content-inner":"_content-inner_3p54k_36",sidebar:D,"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:K,"panel-inner":"_panel-inner_3p54k_131","virtual-scroll-container":"_virtual-scroll-container_3p54k_142",collapsed:J,open:F,small:G,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:l="sidebar-collapsed",...m}=e,f={localStorageKey:l},{breakpoint:i}=o.useContext(S.M),u=T.useTrackingId({name:"PageSidebarButton",data:f,hasOverride:!!e["data-tracking-id"]}),[c,x]=o.useState(()=>{const p=localStorage.getItem(l);return p?JSON.parse(p):!1}),v=_.cx([r.sidebar],n,{[r.collapsed]:c}),h=()=>{x(p=>(localStorage.setItem(l,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:c},children:t.jsxRuntimeExports.jsxs("div",{className:v,ref:a,...m,children:[t.jsxRuntimeExports.jsx("div",{className:r["sidebar-inner"],"aria-hidden":c,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":c?"Open Sidebar":"Close Sidebar","data-tracking-id":u,icon:c?X:Z})}),t.jsxRuntimeExports.jsx(j.default.Content,{children:c?"Open Sidebar":"Close Sidebar"})]})})]})})}),y=o.forwardRef((e,a)=>{const{children:s,className:n,...g}=e,l=o.useContext(N),m=_.cx([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":l==null?void 0:l.collapsed,children:s})})}),C=o.forwardRef((e,a)=>{const{children:s,className:n,...g}=e,l=_.cx([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 c(x){typeof window>"u"||u.current||window.scrollTo(0,x.target.scrollTop)}return t.jsxRuntimeExports.jsxs("main",{className:l,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:c,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:l,style:m,className:f,...i}=e,u=_.cx([r.panel],[r[g]],f,{[r.open]:typeof n>"u"?!0:n,[r.persistent]:typeof n>"u",[r.noPadding]:l}),{breakpoint:c}=o.useContext(S.M),x=+(((h=k.BreakpointMd)==null?void 0:h.value.replace("px",""))??0),v=(c==null?void 0:c.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;
 //# 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  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n  AnvilProviderContext,\n  AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <div className={styles[\"page\"]} ref={ref} {...rest}>\n      <div className={styles[\"container\"]}>{children}</div>\n    </div>\n  );\n});\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  localStorageKey?: string;\n  [\"data-tracking-id\"]?: string;\n  currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      currentPageTitle,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const trackingId = useTrackingId({\n      name: \"PageSidebarButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (innerWidth < breakpointWidth) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n          <Popover.Trigger>\n            {(props) => {\n              if (typeof document !== \"undefined\") {\n                props[\"data-state\"] === \"open\"\n                  ? (document.body.style.overflow = \"hidden\")\n                  : (document.body.style.overflow = \"auto\");\n              }\n              return (\n                <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n                  <Button\n                    className={styles[\"sidebar-adaptive-trigger\"]}\n                    icon={SegmentSVG}\n                    appearance=\"ghost\"\n                    {...props}\n                  >\n                    {!currentPageTitle ? \"Menu\" : currentPageTitle}\n                    <Icon\n                      flexGrow=\"1\"\n                      justifyContent=\"end\"\n                      svg={\n                        props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n                      }\n                    />\n                  </Button>\n                </div>\n              );\n            }}\n          </Popover.Trigger>\n          <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n            <Flex\n              direction=\"column\"\n              className={styles[\"sidebar-adaptive\"]}\n              ref={ref}\n            >\n              {children}\n            </Flex>\n          </Popover.Content>\n        </Popover>\n      );\n    }\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  data-tracking-id={trackingId}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const size = useSize(mainRef);\n\n    useEffect(() => {\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    return (\n      <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{ left: size && size?.left + size?.width }}\n        >\n          <div\n            style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n          />\n        </div>\n      </main>\n    );\n  }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n      [styles[\"persistent\"]]: typeof open === \"undefined\",\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n      return (\n        <Dialog open={open}>\n          <Dialog.Content>\n            <div\n              className={classNames}\n              aria-hidden={!open}\n              aria-disabled={!open}\n              ref={ref}\n              {...rest}\n            >\n              {children}\n            </div>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <div\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport const Page = Object.assign(PageElement, {\n  Sidebar: PageSidebar,\n  SidebarHeader: PageSidebarHeader,\n  Content: PageContent,\n  Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React__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","updatePosition","newValue","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
+{"version":3,"file":"Page.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]}

package/Page.js

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

package/Page.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/anvil2",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "scripts": {
     "dev": "storybook dev -p 6006",
     "build": "npm run check-types && npm run build:css-utils && npm run build:vite && npm run build:icon-indexes",