@charcoal-ui/react-sandbox 1.0.0 → 1.0.1-alpha.2

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,useReducer as i,useRef as l,useCallback as a,useContext as c,isValidElement as s,Children as d,useEffect as u,useImperativeHandle as m}from"react";import p,{css as h,useTheme as f,createGlobalStyle as g,keyframes as x}from"styled-components";import{useComponentAbstraction as b}from"@charcoal-ui/react";export{ComponentAbstraction,useComponentAbstraction}from"@charcoal-ui/react";import{maxWidth as v,disabledSelector as $,applyEffect as w}from"@charcoal-ui/utils";import y from"@charcoal-ui/styled";import{columnSystem as k,COLUMN_UNIT as E,GUTTER_UNIT as C}from"@charcoal-ui/foundation";import z from"react-dom";import{animated as L,useSpring as R}from"react-spring";import O from"warning";import{transparentize as M}from"polished";function S(){return S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(this,arguments)}function B(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}let T,H,j,A,I,N,P,W,Z,_=e=>e;const G=["onClick","children","active","hover","reactive"],F=e.forwardRef(function({onClick:t,children:n,active:r=!1,hover:o,reactive:i=!1},l){/*#__PURE__*/return e.createElement(X,{active:r,reactive:i,hover:o,onClick:r&&!i?void 0:t,ref:l},n)}),D=e.forwardRef(function({onClick:t,children:n,active:r=!1,hover:o,reactive:i=!1,width:l,height:a},c){/*#__PURE__*/return e.createElement(K,{active:r,reactive:i,hover:o,onClick:r&&!i?void 0:t,ref:c,buttonWidth:l,buttonHeight:a},n)}),U=e.forwardRef(function(t,n){let{onClick:r,children:o,active:i=!1,hover:l,reactive:a=!1}=t,c=B(t,G);const{Link:s}=b();return i&&!a?/*#__PURE__*/e.createElement(q,{active:!0,hover:l,ref:n},o):/*#__PURE__*/e.createElement(s,S({},c,{onClick:r}),/*#__PURE__*/e.createElement(q,{active:i,reactive:a,hover:l,ref:n},o))}),V=h(T||(T=_`
+import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,useReducer as i,useRef as l,useCallback as a,useContext as c,isValidElement as s,Children as d,useEffect as u,useImperativeHandle as m}from"react";import p,{css as h,useTheme as f,createGlobalStyle as g,keyframes as x}from"styled-components";import{useComponentAbstraction as b}from"@charcoal-ui/react";export{ComponentAbstraction,useComponentAbstraction}from"@charcoal-ui/react";import{maxWidth as v,disabledSelector as $,applyEffect as w}from"@charcoal-ui/utils";import y from"@charcoal-ui/styled";import{columnSystem as k,COLUMN_UNIT as E,GUTTER_UNIT as C}from"@charcoal-ui/foundation";import z from"react-dom";import{animated as L,useSpring as R}from"react-spring";import O from"warning";import{transparentize as M}from"polished";function S(){return S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(this,arguments)}function B(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}let T,H,j,A,N,I,P,W,Z,G=e=>e;const F=["onClick","children","active","hover","reactive"],D=e.forwardRef(function({onClick:t,children:n,active:r=!1,hover:o,reactive:i=!1},l){/*#__PURE__*/return e.createElement(X,{active:r,reactive:i,hover:o,onClick:r&&!i?void 0:t,ref:l},n)}),U=e.forwardRef(function({onClick:t,children:n,active:r=!1,hover:o,reactive:i=!1,width:l,height:a},c){/*#__PURE__*/return e.createElement(K,{active:r,reactive:i,hover:o,onClick:r&&!i?void 0:t,ref:c,buttonWidth:l,buttonHeight:a},n)}),_=e.forwardRef(function(t,n){let{onClick:r,children:o,active:i=!1,hover:l,reactive:a=!1}=t,c=B(t,F);const{Link:s}=b();return i&&!a?/*#__PURE__*/e.createElement(q,{active:!0,hover:l,ref:n},o):/*#__PURE__*/e.createElement(s,S({},c,{onClick:r}),/*#__PURE__*/e.createElement(q,{active:i,reactive:a,hover:l,ref:n},o))}),V=h(T||(T=G`
   display: block;
   outline: none;
   border: none;
@@ -26,28 +26,28 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   @media ${0} {
     padding: 5px 16px;
   }
-`),({theme:e})=>e.color.text3,({theme:e})=>e.color.text2,({hover:e=!1})=>e&&h(H||(H=_`
+`),({theme:e})=>e.color.text3,({theme:e})=>e.color.text2,({hover:e=!1})=>e&&h(H||(H=G`
       color: ${0};
-    `),({theme:e})=>e.color.text2),({active:e=!1})=>e&&h(j||(j=_`
+    `),({theme:e})=>e.color.text2),({active:e=!1})=>e&&h(j||(j=G`
       background-color: ${0};
       color: ${0};
-    `),({theme:e})=>e.color.surface3,({theme:e})=>e.color.text2),({active:e=!1,reactive:t=!1})=>e&&!t&&h(A||(A=_`
+    `),({theme:e})=>e.color.surface3,({theme:e})=>e.color.text2),({active:e=!1,reactive:t=!1})=>e&&!t&&h(A||(A=G`
       cursor: default;
-    `)),({theme:e})=>v(e.breakpoint.screen1)),J=h(I||(I=_`
+    `)),({theme:e})=>v(e.breakpoint.screen1)),J=h(N||(N=G`
   padding: 0;
 
   @media ${0} {
     padding: 0;
   }
-`),({theme:e})=>v(e.breakpoint.screen1)),X=p.button(N||(N=_`
+`),({theme:e})=>v(e.breakpoint.screen1)),X=p.button(I||(I=G`
   ${0}
-`),V),q=p.span(P||(P=_`
+`),V),q=p.span(P||(P=G`
   ${0}
-`),V),K=p(X)(W||(W=_`
+`),V),K=p(X)(W||(W=G`
   ${0};
   ${0}
   ${0}
-`),J,e=>void 0!==e.buttonWidth&&`width: ${e.buttonWidth}px;`,e=>void 0!==e.buttonHeight&&`height: ${e.buttonHeight}px;`),Y=p.div(Z||(Z=_`
+`),J,e=>void 0!==e.buttonWidth&&`width: ${e.buttonWidth}px;`,e=>void 0!==e.buttonHeight&&`height: ${e.buttonHeight}px;`),Y=p.div(Z||(Z=G`
   display: flex;
 `)),Q=y(p);let ee;function te({size:t=24,viewBoxSize:n,currentColor:r,path:o,transform:i,fillRule:l,clipRule:a}){/*#__PURE__*/return e.createElement(ne,{viewBox:`0 0 ${n} ${n}`,size:t,currentColor:r},/*#__PURE__*/e.createElement(re,{path:o,transform:i,fillRule:l,clipRule:a}))}const ne=p.svg(ee||(ee=(e=>e)`
   stroke: none;
@@ -81,7 +81,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
 `),e=>e.theme.color.text4),fe=p.p(de||(de=ue`
   ${0}
   margin: 0;
-`),Q(e=>[e.font.text2,e.typography(14)])),ge=72,xe=k(2,E,C)+C,be=k(12,E,C);function ve(){return $e(v(f().breakpoint.screen1))}function $e(e){const i=t(()=>__TEST__?{matches:!1,addListener:()=>{},removeListener:()=>{}}:matchMedia(e),[e]),[l,a]=n(i.matches);i.matches!==l&&a(i.matches);const c=e=>{try{z.flushSync(()=>{a(e.matches)})}catch(t){a(e.matches)}};return r(()=>(i.addListener(c),a(i.matches),()=>{i.removeListener(c)}),[i]),o(`${e}: ${l.toString()}`),l}function we(e){return null!==e?e.getBoundingClientRect():void 0}function ye(e,t=[]){const[l,a]=i((e,t)=>void 0===e||void 0===t?t:e.height===t.height&&e.width===t.width?e:t,void 0),[c,s]=n(null);return r(()=>{if(null===c)return;const e=new ResizeObserver(()=>{const e=we(c);a(e)});return e.observe(c),()=>{e.unobserve(c),a(void 0)}},[c]),r(()=>{e.current!==c&&s(e.current)}),r(()=>{t.length>0&&a(we(e.current))},t),o(l),l}let ke,Ee,Ce,ze,Le,Re,Oe,Me,Se,Be,Te,He,je,Ae,Ie,Ne=e=>e;const Pe=e.createContext({wide:!1,center:!1,withLeft:!1});function We({menu:t,children:n,header:r,center:o=!1,wide:i,isHeaderTopMenu:l=!1}){const a={center:o,wide:!!o||null!=i&&i,withLeft:null!=t&&!l};/*#__PURE__*/return e.createElement(Ge,null,/*#__PURE__*/e.createElement(Pe.Provider,{value:a},a.withLeft&&/*#__PURE__*/e.createElement(Fe,null,t),/*#__PURE__*/e.createElement(De,{center:o},null!=r&&/*#__PURE__*/e.createElement(Ue,null,r),l&&/*#__PURE__*/e.createElement(Ze,null,t),/*#__PURE__*/e.createElement(Ve,null,n))),/*#__PURE__*/e.createElement(_e,null))}const Ze=p.div(ke||(ke=Ne`
+`),Q(e=>[e.font.text2,e.typography(14)])),ge=72,xe=k(2,E,C)+C,be=k(12,E,C);function ve(){return $e(v(f().breakpoint.screen1))}function $e(e){const i=t(()=>__TEST__?{matches:!1,addListener:()=>{},removeListener:()=>{}}:matchMedia(e),[e]),[l,a]=n(i.matches);i.matches!==l&&a(i.matches);const c=e=>{try{z.flushSync(()=>{a(e.matches)})}catch(t){a(e.matches)}};return r(()=>(i.addListener(c),a(i.matches),()=>{i.removeListener(c)}),[i]),o(`${e}: ${l.toString()}`),l}function we(e){return null!==e?e.getBoundingClientRect():void 0}function ye(e,t=[]){const[l,a]=i((e,t)=>void 0===e||void 0===t?t:e.height===t.height&&e.width===t.width?e:t,void 0),[c,s]=n(null);return r(()=>{if(null===c)return;const e=new ResizeObserver(()=>{const e=we(c);a(e)});return e.observe(c),()=>{e.unobserve(c),a(void 0)}},[c]),r(()=>{e.current!==c&&s(e.current)}),r(()=>{t.length>0&&a(we(e.current))},t),o(l),l}let ke,Ee,Ce,ze,Le,Re,Oe,Me,Se,Be,Te,He,je,Ae,Ne,Ie=e=>e;const Pe=e.createContext({wide:!1,center:!1,withLeft:!1});function We({menu:t,children:n,header:r,center:o=!1,wide:i,isHeaderTopMenu:l=!1}){const a={center:o,wide:!!o||null!=i&&i,withLeft:null!=t&&!l};/*#__PURE__*/return e.createElement(Fe,null,/*#__PURE__*/e.createElement(Pe.Provider,{value:a},a.withLeft&&/*#__PURE__*/e.createElement(De,null,t),/*#__PURE__*/e.createElement(Ue,{center:o},null!=r&&/*#__PURE__*/e.createElement(_e,null,r),l&&/*#__PURE__*/e.createElement(Ze,null,t),/*#__PURE__*/e.createElement(Ve,null,n))),/*#__PURE__*/e.createElement(Ge,null))}const Ze=p.div(ke||(ke=Ie`
   margin-bottom: 40px;
   overflow-x: auto;
   word-break: keep-all;
@@ -92,7 +92,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
     padding-bottom: 16px;
     background-color: ${0};
   }
-`),({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.surface2),_e=g(Ee||(Ee=Ne`
+`),({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.surface2),Ge=g(Ee||(Ee=Ie`
   :root {
     background-color: ${0};
 
@@ -100,14 +100,14 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
       background-color: ${0};
     }
   }
-`),({theme:e})=>e.color.background2,({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.background1),Ge=p.div(Ce||(Ce=Ne`
+`),({theme:e})=>e.color.background2,({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.background1),Fe=p.div(Ce||(Ce=Ie`
   display: flex;
   background-color: ${0};
 
   @media ${0} {
     background-color: ${0};
   }
-`),({theme:e})=>e.color.background2,({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.background1),Fe=p.div(ze||(ze=Ne`
+`),({theme:e})=>e.color.background2,({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.background1),De=p.div(ze||(ze=Ie`
   min-width: ${0}px;
   padding: 40px 0 40px ${0}px;
   box-sizing: border-box;
@@ -115,7 +115,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   @media ${0} {
     display: none;
   }
-`),xe,C,({theme:e})=>e.breakpoint.screen3),De=p.div(Le||(Le=Ne`
+`),xe,C,({theme:e})=>e.breakpoint.screen3),Ue=p.div(Le||(Le=Ie`
   flex-grow: 1;
   /* https://www.w3.org/TR/css-flexbox-1/#min-size-auto */
   min-width: 0;
@@ -128,7 +128,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   @media ${0} {
     padding: 0;
   }
-`),e=>e.center?k(6,E,C):be,72,({theme:e})=>v(e.breakpoint.screen1)),Ue=p.div(Re||(Re=Ne`
+`),e=>e.center?k(6,E,C):be,72,({theme:e})=>v(e.breakpoint.screen1)),_e=p.div(Re||(Re=Ie`
   font-weight: bold;
   margin-bottom: 12px;
   font-size: 20px;
@@ -144,7 +144,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
     justify-content: center;
     background-color: ${0};
   }
-`),({theme:e})=>e.color.text2,({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.surface2),Ve=p.div(Oe||(Oe=Ne`
+`),({theme:e})=>e.color.text2,({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.surface2),Ve=p.div(Oe||(Oe=Ie`
   display: grid;
   gap: ${0}px;
   grid-template-columns: 1fr;
@@ -156,7 +156,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
     background-color: ${0};
     padding-bottom: 60px;
   }
-`),C,({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.background1),Je=e.forwardRef(function({span:t,children:n},r){const{withLeft:o}=c(Pe);/*#__PURE__*/return e.createElement(Xe,{span:t,withLeft:o,ref:r},n)}),Xe=p.div(Me||(Me=Ne`
+`),C,({theme:e})=>v(e.breakpoint.screen1),({theme:e})=>e.color.background1),Je=e.forwardRef(function({span:t,children:n},r){const{withLeft:o}=c(Pe);/*#__PURE__*/return e.createElement(Xe,{span:t,withLeft:o,ref:r},n)}),Xe=p.div(Me||(Me=Ie`
   grid-column-start: auto;
   grid-column-end: span ${0};
   border-radius: 24px;
@@ -175,11 +175,11 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
     border-radius: 0;
     padding-bottom: 40px;
   }
-`),e=>e.span,({theme:e})=>e.color.text2,({theme:e})=>e.color.background1,e=>e.withLeft?e.theme.breakpoint.screen4:e.theme.breakpoint.screen3,e=>e.span>2&&h(Se||(Se=Ne`
+`),e=>e.span,({theme:e})=>e.color.text2,({theme:e})=>e.color.background1,e=>e.withLeft?e.theme.breakpoint.screen4:e.theme.breakpoint.screen3,e=>e.span>2&&h(Se||(Se=Ie`
         grid-column-end: span 2;
-      `)),({theme:e})=>v(e.breakpoint.screen1),e=>e.span>1&&h(Be||(Be=Ne`
+      `)),({theme:e})=>v(e.breakpoint.screen1),e=>e.span>1&&h(Be||(Be=Ie`
         grid-column-end: span 1;
-      `)));function qe({children:t}){const{wide:n,center:r}=c(Pe);/*#__PURE__*/return e.createElement(Ke,{wide:n,center:r},t)}const Ke=p.div(Te||(Te=Ne`
+      `)));function qe({children:t}){const{wide:n,center:r}=c(Pe);/*#__PURE__*/return e.createElement(Ke,{wide:n,center:r},t)}const Ke=p.div(Te||(Te=Ie`
   padding: 0 ${0}px;
   height: ${0}px;
   display: grid;
@@ -200,12 +200,12 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
     border-radius: unset;
     ${0}
   }
-`),e=>e.wide?40:24,e=>e.wide?64:48,({theme:e})=>e.color.surface2,({theme:e})=>e.color.text2,e=>e.center&&h(He||(He=Ne`
+`),e=>e.wide?40:24,e=>e.wide?64:48,({theme:e})=>e.color.surface2,({theme:e})=>e.color.text2,e=>e.center&&h(He||(He=Ie`
       justify-content: center;
-    `)),({theme:e})=>v(e.breakpoint.screen1),e=>e.wide&&h(je||(je=Ne`
+    `)),({theme:e})=>v(e.breakpoint.screen1),e=>e.wide&&h(je||(je=Ie`
         height: 48px;
         margin-top: 0;
-      `))),Ye={wide:{x:40,y:40},default:{x:24,y:24},column1:{x:16,y:16},narrow:{x:24,yTop:12,yBottom:20},narrowColumn1:{x:16,yTop:4,yBottom:0}};function Qe({children:t,horizontal:n=!1,narrow:r=!1}){const{wide:o}=c(Pe);/*#__PURE__*/return e.createElement(et,{wide:o,horizontal:n,narrow:r},t)}const et=p.div(Ae||(Ae=Ne`
+      `))),Ye={wide:{x:40,y:40},default:{x:24,y:24},column1:{x:16,y:16},narrow:{x:24,yTop:12,yBottom:20},narrowColumn1:{x:16,yTop:4,yBottom:0}};function Qe({children:t,horizontal:n=!1,narrow:r=!1}){const{wide:o}=c(Pe);/*#__PURE__*/return e.createElement(et,{wide:o,horizontal:n,narrow:r},t)}const et=p.div(Ae||(Ae=Ie`
   padding: ${0};
 
   @media ${0} {
@@ -214,7 +214,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
 
   width: 100%;
   box-sizing: border-box;
-`),e=>e.narrow?`${Ye.narrow.yTop}px ${e.horizontal?0:Ye.narrow.x}px ${Ye.narrow.yBottom}px`:e.wide?`${e.horizontal?0:Ye.wide.y}px ${Ye.wide.x}px`:`${e.horizontal?0:Ye.default.y}px ${Ye.default.x}px`,({theme:e})=>v(e.breakpoint.screen1),e=>e.narrow?`${Ye.narrowColumn1.yTop}px ${e.horizontal?0:Ye.narrowColumn1.x}px ${Ye.narrowColumn1.yBottom}px`:`${Ye.column1.y}px ${Ye.column1.x}px 0`);function tt(){const{wide:e}=c(Pe);return ve()?Ye.column1:e?Ye.wide:Ye.default}function nt({children:t,cancelTop:n}){const{wide:r}=c(Pe);/*#__PURE__*/return e.createElement(rt,{wide:r,cancelTop:n},t)}const rt=p.div(Ie||(Ie=Ne`
+`),e=>e.narrow?`${Ye.narrow.yTop}px ${e.horizontal?0:Ye.narrow.x}px ${Ye.narrow.yBottom}px`:e.wide?`${e.horizontal?0:Ye.wide.y}px ${Ye.wide.x}px`:`${e.horizontal?0:Ye.default.y}px ${Ye.default.x}px`,({theme:e})=>v(e.breakpoint.screen1),e=>e.narrow?`${Ye.narrowColumn1.yTop}px ${e.horizontal?0:Ye.narrowColumn1.x}px ${Ye.narrowColumn1.yBottom}px`:`${Ye.column1.y}px ${Ye.column1.x}px 0`);function tt(){const{wide:e}=c(Pe);return ve()?Ye.column1:e?Ye.wide:Ye.default}function nt({children:t,cancelTop:n}){const{wide:r}=c(Pe);/*#__PURE__*/return e.createElement(rt,{wide:r,cancelTop:n},t)}const rt=p.div(Ne||(Ne=Ie`
   margin: 0 -${0}px;
   margin-top: -${0}px;
 
@@ -278,15 +278,15 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   font-size: 10px;
 `),e=>e.theme.color.text3);function Bt(t){let{link:n,onClick:r,disabled:o=!1,primary:i,secondary:l,gtmClass:a,noHover:c,children:s}=t,d=B(t,mt);const{Link:u}=b(),m={disabled:o,primary:i,secondary:l,gtmClass:a,noHover:c,children:s};return o?/*#__PURE__*/e.createElement("span",{onClick:r},/*#__PURE__*/e.createElement(Lt,m)):/*#__PURE__*/e.createElement(Tt,S({as:u,to:n,onClick:r},d),/*#__PURE__*/e.createElement(Lt,S({onClick:()=>{}},m)))}const Tt=p.a($t||($t=Ct`
   display: block;
-`));function Ht(t){let{icon:n,primary:r}=t,o=B(t,pt);/*#__PURE__*/return e.createElement(Bt,S({primary:/*#__PURE__*/e.createElement(At,null,/*#__PURE__*/e.createElement(It,null,n),r)},o))}function jt(t){let{icon:n,primary:r}=t,o=B(t,ht);/*#__PURE__*/return e.createElement(Lt,S({primary:/*#__PURE__*/e.createElement(At,null,/*#__PURE__*/e.createElement(It,null,n),r)},o))}const At=p.div(wt||(wt=Ct`
+`));function Ht(t){let{icon:n,primary:r}=t,o=B(t,pt);/*#__PURE__*/return e.createElement(Bt,S({primary:/*#__PURE__*/e.createElement(At,null,/*#__PURE__*/e.createElement(Nt,null,n),r)},o))}function jt(t){let{icon:n,primary:r}=t,o=B(t,ht);/*#__PURE__*/return e.createElement(Lt,S({primary:/*#__PURE__*/e.createElement(At,null,/*#__PURE__*/e.createElement(Nt,null,n),r)},o))}const At=p.div(wt||(wt=Ct`
   display: grid;
   gap: 8px;
   grid-auto-flow: column;
   align-items: center;
-`)),It=p.div(yt||(yt=Ct`
+`)),Nt=p.div(yt||(yt=Ct`
   color: ${0};
   display: flex;
-`),({theme:e})=>e.color.text3),Nt=p.div(kt||(kt=Ct`
+`),({theme:e})=>e.color.text3),It=p.div(kt||(kt=Ct`
   height: 24px;
 `)),Pt=p.div(Et||(Et=Ct`
   padding: 0 16px;
@@ -295,11 +295,11 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   color: ${0};
   margin-top: -2px;
   margin-bottom: 6px;
-`),({theme:e})=>e.color.text3);let Wt,Zt,_t=e=>e;function Gt({links:t,active:n}){const{Link:r}=b();/*#__PURE__*/return e.createElement(Dt,null,t.map((t,o)=>/*#__PURE__*/e.createElement(r,{to:t.to,key:o},/*#__PURE__*/e.createElement(Ut,{"aria-current":t.id===n||void 0},t.text))))}function Ft({links:t}){/*#__PURE__*/return e.createElement(e.Fragment,null,t.map((t,n)=>/*#__PURE__*/e.createElement(Bt,{link:t.to,key:n,primary:t.text})))}const Dt=p.div(Wt||(Wt=_t`
+`),({theme:e})=>e.color.text3);let Wt,Zt,Gt=e=>e;function Ft({links:t,active:n}){const{Link:r}=b();/*#__PURE__*/return e.createElement(Ut,null,t.map((t,o)=>/*#__PURE__*/e.createElement(r,{to:t.to,key:o},/*#__PURE__*/e.createElement(_t,{"aria-current":t.id===n||void 0},t.text))))}function Dt({links:t}){/*#__PURE__*/return e.createElement(e.Fragment,null,t.map((t,n)=>/*#__PURE__*/e.createElement(Bt,{link:t.to,key:n,primary:t.text})))}const Ut=p.div(Wt||(Wt=Gt`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-`)),Ut=p.div(Zt||(Zt=_t`
+`)),_t=p.div(Zt||(Zt=Gt`
   display: flex;
   align-items: center;
   color: ${0};
@@ -452,7 +452,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   transform: translateY(-50%);
 
   ${0}
-`),Sn);var In;const Nn=navigator.userAgent.includes("Edge/");function Pn(e){throw new Error(0===arguments.length?"unreachable":`unreachable (${JSON.stringify(e)})`)}var Wn;function Zn({direction:t}){const n=function(e){switch(e){case Wn.Up:return"rotate(270 12 12)";case Wn.Down:return"rotate(90 12 12)";case Wn.Left:return"rotate(180 12 12)";case Wn.Right:return;default:return Pn(e)}}(t);/*#__PURE__*/return e.createElement(te,{viewBoxSize:24,size:24,currentColor:!0,path:"M8.08579 16.5858C7.30474 17.3668 7.30474 18.6332 8.08579 19.4142C8.86684 20.1953 10.1332 20.1953 10.9142 19.4142L18.3284 12L10.9142 4.58579C10.1332 3.80474 8.86684 3.80474 8.08579 4.58579C7.30474 5.36684 7.30474 6.63317 8.08579 7.41421L12.6716 12L8.08579 16.5858Z",transform:n})}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}(Wn||(Wn={}));let _n,Gn,Fn,Dn,Un,Vn=e=>e;var Jn;function Xn({direction:t,show:n,offset:r=0,padding:o=0,bottomOffset:i=0,gradient:l=!1,onClick:a}){const c=t===Jn.Left?{left:l?r-72:r,paddingLeft:Math.max(o,0),paddingBottom:i}:{right:l?r-72:r,paddingRight:Math.max(o,0),paddingBottom:i};/*#__PURE__*/return e.createElement(Kn,{type:"button",onClick:a,hide:!n,style:c,css:Yn},/*#__PURE__*/e.createElement(qn,null,/*#__PURE__*/e.createElement(Zn,{direction:t===Jn.Right?Wn.Right:t===Jn.Left?Wn.Left:Pn()})))}!function(e){e.Right="right",e.Left="left"}(Jn||(Jn={}));const qn=p.div(_n||(_n=Vn`
+`),Sn);var Nn;const In=navigator.userAgent.includes("Edge/");function Pn(e){throw new Error(0===arguments.length?"unreachable":`unreachable (${JSON.stringify(e)})`)}var Wn;function Zn({direction:t}){const n=function(e){switch(e){case Wn.Up:return"rotate(270 12 12)";case Wn.Down:return"rotate(90 12 12)";case Wn.Left:return"rotate(180 12 12)";case Wn.Right:return;default:return Pn(e)}}(t);/*#__PURE__*/return e.createElement(te,{viewBoxSize:24,size:24,currentColor:!0,path:"M8.08579 16.5858C7.30474 17.3668 7.30474 18.6332 8.08579 19.4142C8.86684 20.1953 10.1332 20.1953 10.9142 19.4142L18.3284 12L10.9142 4.58579C10.1332 3.80474 8.86684 3.80474 8.08579 4.58579C7.30474 5.36684 7.30474 6.63317 8.08579 7.41421L12.6716 12L8.08579 16.5858Z",transform:n})}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}(Wn||(Wn={}));let Gn,Fn,Dn,Un,_n,Vn=e=>e;var Jn;function Xn({direction:t,show:n,offset:r=0,padding:o=0,bottomOffset:i=0,gradient:l=!1,onClick:a}){const c=t===Jn.Left?{left:l?r-72:r,paddingLeft:Math.max(o,0),paddingBottom:i}:{right:l?r-72:r,paddingRight:Math.max(o,0),paddingBottom:i};/*#__PURE__*/return e.createElement(Kn,{type:"button",onClick:a,hide:!n,style:c,css:Yn},/*#__PURE__*/e.createElement(qn,null,/*#__PURE__*/e.createElement(Zn,{direction:t===Jn.Right?Wn.Right:t===Jn.Left?Wn.Left:Pn()})))}!function(e){e.Right="right",e.Left="left"}(Jn||(Jn={}));const qn=p.div(Gn||(Gn=Vn`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -462,7 +462,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   background-color: ${0};
   transition: 0.4s visibility, 0.4s opacity, 0.2s background-color, 0.2s color;
   color: ${0};
-`),40,40,({theme:e})=>e.color.surface4,({theme:e})=>e.color.text5),Kn=p.button(Gn||(Gn=Vn`
+`),40,40,({theme:e})=>e.color.surface4,({theme:e})=>e.color.text5),Kn=p.button(Fn||(Fn=Vn`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -490,11 +490,11 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   }
 
   ${0}
-`),qn,({theme:e})=>w(e.color.surface4,e.effect.hover),({theme:e})=>w(e.color.text5,e.effect.hover),qn,({theme:e})=>w(e.color.surface4,e.effect.press),({theme:e})=>w(e.color.text5,e.effect.press),e=>e.hide&&h(Fn||(Fn=Vn`
+`),qn,({theme:e})=>w(e.color.surface4,e.effect.hover),({theme:e})=>w(e.color.text5,e.effect.hover),qn,({theme:e})=>w(e.color.surface4,e.effect.press),({theme:e})=>w(e.color.text5,e.effect.press),e=>e.hide&&h(Dn||(Dn=Vn`
       visibility: hidden;
       opacity: 0;
       pointer-events: none;
-    `)));p(qn)(Dn||(Dn=Vn`
+    `)));p(qn)(Un||(Un=Vn`
   cursor: pointer;
 
   &:hover {
@@ -506,11 +506,11 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
     background-color: ${0};
     color: ${0};
   }
-`),({theme:e})=>w(e.color.surface4,e.effect.hover),({theme:e})=>w(e.color.text5,e.effect.hover),({theme:e})=>w(e.color.surface4,e.effect.press),({theme:e})=>w(e.color.text5,e.effect.press));const Yn=h(Un||(Un=Vn`
+`),({theme:e})=>w(e.color.surface4,e.effect.hover),({theme:e})=>w(e.color.text5,e.effect.hover),({theme:e})=>w(e.color.surface4,e.effect.press),({theme:e})=>w(e.color.text5,e.effect.press));const Yn=h(_n||(_n=Vn`
   @media (hover: none) and (pointer: coarse) {
     display: none;
   }
-`));let Qn,er,tr,nr,rr,or,ir,lr,ar,cr,sr=e=>e;const dr=["buttonOffset","buttonPadding","bottomOffset","defaultScroll","onScroll","onResize","children","centerItems","onScrollStateChange"];function ur(t){let{buttonOffset:o=0,buttonPadding:i=16,bottomOffset:c=0,defaultScroll:{align:s="left",offset:d=0}={},onScroll:m,onResize:p,children:h,centerItems:f,onScrollStateChange:g}=t,x=B(t,dr);const[b,v]=function(e){const[t,r]=n(0),o=l();return[t,a((e,t=!1)=>{t?r(e):void 0===o.current&&(o.current=requestAnimationFrame(()=>{r(e),void 0!==o.current&&(o.current=void 0)}))},[])]}(),$=l(!1),[w,y]=n(0),[k,E]=n(!1),[C,z]=n(!1),[L,O]=R(()=>({scroll:0})),M=l(null),S=l(null),T=a(()=>{if(null===M.current)return;const{clientWidth:e}=M.current,t=Math.min(b+.75*e,w);v(t,!0),O({scroll:t,from:{scroll:b},reset:!$.current}),$.current=!0},[$,w,b,O,v]),H=a(()=>{if(null===M.current)return;const{clientWidth:e}=M.current,t=Math.max(b-.75*e,0);v(t,!0),O({scroll:t,from:{scroll:b},reset:!$.current}),$.current=!0},[$,b,O,v]);u(()=>{const e=b>0,t=b<w&&w>0;e===k&&t===C||(E(e),z(t),null==g||g(e||t))},[k,w,g,C,b]);const j=a(()=>{null!==M.current&&($.current&&(L.scroll.stop(),$.current=!1),v(M.current.scrollLeft))},[$,v,L]),A=a(()=>{if(null===M.current)return;const{clientWidth:e,scrollWidth:t}=M.current;y(t-e),p&&p(e)},[p]),I=l(new ResizeObserver(A)),N=l(new ResizeObserver(A));r(()=>{const e=M.current,t=S.current;if(null===e||null===t)return;e.addEventListener("wheel",j,function(){if(void 0!==In)return In;In=!1;try{const t=Object.defineProperty({},"passive",{get:()=>In=!0});window.addEventListener("test",e,t),window.removeEventListener("test",e)}catch(e){}return In;function e(){}}()&&{passive:!0});const n=I.current;n.observe(e);const r=N.current;return r.observe(t),()=>{e.removeEventListener("wheel",j),n.disconnect(),r.disconnect()}},[A,j]),r(()=>{if("left"!==s||0!==d){const e=M.current;if(null!==e){const t=Math.max(0,Math.min("left"===s&&d>0?d:"center"===s?w/2+d:"right"===s&&d<=w?w-d/2:0,w));e.scrollLeft=t,v(t,!0)}}},[M.current]);const P=a(()=>{null!==M.current&&m&&m(M.current.scrollLeft)},[m]);if(!Nn&&!0===x.hasGradient){var W;const t=null!=(W=x.fadeInGradient)&&W,n=!t;/*#__PURE__*/return e.createElement(hr,null,/*#__PURE__*/e.createElement(gr,{fadeInGradient:t},/*#__PURE__*/e.createElement(xr,null,/*#__PURE__*/e.createElement(br,{show:n||b>0},/*#__PURE__*/e.createElement(fr,{ref:M,scrollLeft:L.scroll,onScroll:P},/*#__PURE__*/e.createElement(mr,{ref:S,centerItems:f},h))))),/*#__PURE__*/e.createElement(pr,null,/*#__PURE__*/e.createElement(Xn,{direction:Jn.Left,show:k,offset:o,bottomOffset:c,padding:i,gradient:n,onClick:H}),/*#__PURE__*/e.createElement(Xn,{direction:Jn.Right,show:C,offset:o,bottomOffset:c,padding:i,gradient:!0,onClick:T})))}/*#__PURE__*/return e.createElement(hr,null,/*#__PURE__*/e.createElement(fr,{ref:M,scrollLeft:L.scroll,onScroll:P},/*#__PURE__*/e.createElement(mr,{ref:S,centerItems:f},h)),/*#__PURE__*/e.createElement(pr,null,/*#__PURE__*/e.createElement(Xn,{direction:Jn.Left,show:k,offset:o,bottomOffset:c,padding:i,onClick:H}),/*#__PURE__*/e.createElement(Xn,{direction:Jn.Right,show:C,offset:o,bottomOffset:c,padding:i,onClick:T})))}const mr=p.ul(Qn||(Qn=sr`
+`));let Qn,er,tr,nr,rr,or,ir,lr,ar,cr,sr=e=>e;const dr=["buttonOffset","buttonPadding","bottomOffset","defaultScroll","onScroll","onResize","children","centerItems","onScrollStateChange"];function ur(t){let{buttonOffset:o=0,buttonPadding:i=16,bottomOffset:c=0,defaultScroll:{align:s="left",offset:d=0}={},onScroll:m,onResize:p,children:h,centerItems:f,onScrollStateChange:g}=t,x=B(t,dr);const[b,v]=function(e){const[t,r]=n(0),o=l();return[t,a((e,t=!1)=>{t?r(e):void 0===o.current&&(o.current=requestAnimationFrame(()=>{r(e),void 0!==o.current&&(o.current=void 0)}))},[])]}(),$=l(!1),[w,y]=n(0),[k,E]=n(!1),[C,z]=n(!1),[L,O]=R(()=>({scroll:0})),M=l(null),S=l(null),T=a(()=>{if(null===M.current)return;const{clientWidth:e}=M.current,t=Math.min(b+.75*e,w);v(t,!0),O({scroll:t,from:{scroll:b},reset:!$.current}),$.current=!0},[$,w,b,O,v]),H=a(()=>{if(null===M.current)return;const{clientWidth:e}=M.current,t=Math.max(b-.75*e,0);v(t,!0),O({scroll:t,from:{scroll:b},reset:!$.current}),$.current=!0},[$,b,O,v]);u(()=>{const e=b>0,t=b<w&&w>0;e===k&&t===C||(E(e),z(t),null==g||g(e||t))},[k,w,g,C,b]);const j=a(()=>{null!==M.current&&($.current&&(L.scroll.stop(),$.current=!1),v(M.current.scrollLeft))},[$,v,L]),A=a(()=>{if(null===M.current)return;const{clientWidth:e,scrollWidth:t}=M.current;y(t-e),p&&p(e)},[p]),N=l(new ResizeObserver(A)),I=l(new ResizeObserver(A));r(()=>{const e=M.current,t=S.current;if(null===e||null===t)return;e.addEventListener("wheel",j,function(){if(void 0!==Nn)return Nn;Nn=!1;try{const t=Object.defineProperty({},"passive",{get:()=>Nn=!0});window.addEventListener("test",e,t),window.removeEventListener("test",e)}catch(e){}return Nn;function e(){}}()&&{passive:!0});const n=N.current;n.observe(e);const r=I.current;return r.observe(t),()=>{e.removeEventListener("wheel",j),n.disconnect(),r.disconnect()}},[A,j]),r(()=>{if("left"!==s||0!==d){const e=M.current;if(null!==e){const t=Math.max(0,Math.min("left"===s&&d>0?d:"center"===s?w/2+d:"right"===s&&d<=w?w-d/2:0,w));e.scrollLeft=t,v(t,!0)}}},[M.current]);const P=a(()=>{null!==M.current&&m&&m(M.current.scrollLeft)},[m]);if(!In&&!0===x.hasGradient){var W;const t=null!=(W=x.fadeInGradient)&&W,n=!t;/*#__PURE__*/return e.createElement(hr,null,/*#__PURE__*/e.createElement(gr,{fadeInGradient:t},/*#__PURE__*/e.createElement(xr,null,/*#__PURE__*/e.createElement(br,{show:n||b>0},/*#__PURE__*/e.createElement(fr,{ref:M,scrollLeft:L.scroll,onScroll:P},/*#__PURE__*/e.createElement(mr,{ref:S,centerItems:f},h))))),/*#__PURE__*/e.createElement(pr,null,/*#__PURE__*/e.createElement(Xn,{direction:Jn.Left,show:k,offset:o,bottomOffset:c,padding:i,gradient:n,onClick:H}),/*#__PURE__*/e.createElement(Xn,{direction:Jn.Right,show:C,offset:o,bottomOffset:c,padding:i,gradient:!0,onClick:T})))}/*#__PURE__*/return e.createElement(hr,null,/*#__PURE__*/e.createElement(fr,{ref:M,scrollLeft:L.scroll,onScroll:P},/*#__PURE__*/e.createElement(mr,{ref:S,centerItems:f},h)),/*#__PURE__*/e.createElement(pr,null,/*#__PURE__*/e.createElement(Xn,{direction:Jn.Left,show:k,offset:o,bottomOffset:c,padding:i,onClick:H}),/*#__PURE__*/e.createElement(Xn,{direction:Jn.Right,show:C,offset:o,bottomOffset:c,padding:i,onClick:T})))}const mr=p.ul(Qn||(Qn=sr`
   vertical-align: top;
   overflow: hidden;
   list-style: none;
@@ -585,7 +585,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   stroke-linejoin: round;
   stroke-linecap: round;
   stroke: currentColor;
-`));let Lr,Rr,Or,Mr,Sr=e=>e;function Br(e,n,r=7){__DEV__&&(O((0|e)===e,`\`page\` must be interger (${e})`),O((0|n)===n,`\`pageCount\` must be interger (${n})`));const i=t(()=>{const t=Math.min(n,Math.max(e+Math.floor(r/2),r));if(t<=r)return Array.from({length:1+t-1},(e,t)=>1+t);{const e=t-(r-1)+2;return[1,"...",...Array.from({length:1+t-e},(t,n)=>e+n)]}},[e,n,r]);return o(i),i}var Tr=e.memo(function({page:t,pageCount:n,onChange:r}){const o=Br(t,n),i=a(e=>()=>{r(e)},[r]),l=t<n,c=t>1;/*#__PURE__*/return e.createElement(jr,null,/*#__PURE__*/e.createElement(Ar,{type:"button",hidden:!c,disabled:!c,onClick:i(Math.max(1,t-1)),noBackground:!0},/*#__PURE__*/e.createElement(Er,{size:16,direction:kr.Left})),o.map(n=>"..."===n?/*#__PURE__*/e.createElement(Ir,{key:n},/*#__PURE__*/e.createElement($r,{size:20})):/*#__PURE__*/e.createElement(Ar,n===t?{key:n,type:"button","aria-current":!0}:{key:n,type:"button",onClick:i(n)},/*#__PURE__*/e.createElement(Nr,null,n))),/*#__PURE__*/e.createElement(Ar,{type:"button",hidden:!l,disabled:!l,onClick:i(Math.min(n,t+1)),noBackground:!0},/*#__PURE__*/e.createElement(Er,{size:16,direction:kr.Right})))});function Hr({page:t,pageCount:n,makeUrl:r}){const{Link:o}=b(),i=Br(t,n),l=t<n,a=t>1;/*#__PURE__*/return e.createElement(jr,null,/*#__PURE__*/e.createElement(o,{to:r(Math.max(1,t-1))},/*#__PURE__*/e.createElement(Ar,{hidden:!a,"aria-disabled":!a,noBackground:!0},/*#__PURE__*/e.createElement(Er,{size:16,direction:kr.Left}))),i.map(n=>"..."===n?/*#__PURE__*/e.createElement(Ir,{key:n},/*#__PURE__*/e.createElement($r,{size:20,subLink:!0})):n===t?/*#__PURE__*/e.createElement(Ar,{key:n,type:"button","aria-current":!0},/*#__PURE__*/e.createElement(Nr,null,n)):/*#__PURE__*/e.createElement(o,{key:n,to:r(n)},/*#__PURE__*/e.createElement(Ar,{type:"button"},/*#__PURE__*/e.createElement(Nr,null,n)))),/*#__PURE__*/e.createElement(o,{to:r(Math.min(n,t+1))},/*#__PURE__*/e.createElement(Ar,{hidden:!l,"aria-disabled":!l,noBackground:!0},/*#__PURE__*/e.createElement(Er,{size:16,direction:kr.Right}))))}const jr=p.nav(Lr||(Lr=Sr`
+`));let Lr,Rr,Or,Mr,Sr=e=>e;function Br(e,n,r=7){"production"!==process.env.NODE_ENV&&(O((0|e)===e,`\`page\` must be interger (${e})`),O((0|n)===n,`\`pageCount\` must be interger (${n})`));const i=t(()=>{const t=Math.min(n,Math.max(e+Math.floor(r/2),r));if(t<=r)return Array.from({length:1+t-1},(e,t)=>1+t);{const e=t-(r-1)+2;return[1,"...",...Array.from({length:1+t-e},(t,n)=>e+n)]}},[e,n,r]);return o(i),i}var Tr=e.memo(function({page:t,pageCount:n,onChange:r}){const o=Br(t,n),i=a(e=>()=>{r(e)},[r]),l=t<n,c=t>1;/*#__PURE__*/return e.createElement(jr,null,/*#__PURE__*/e.createElement(Ar,{type:"button",hidden:!c,disabled:!c,onClick:i(Math.max(1,t-1)),noBackground:!0},/*#__PURE__*/e.createElement(Er,{size:16,direction:kr.Left})),o.map(n=>"..."===n?/*#__PURE__*/e.createElement(Nr,{key:n},/*#__PURE__*/e.createElement($r,{size:20})):/*#__PURE__*/e.createElement(Ar,n===t?{key:n,type:"button","aria-current":!0}:{key:n,type:"button",onClick:i(n)},/*#__PURE__*/e.createElement(Ir,null,n))),/*#__PURE__*/e.createElement(Ar,{type:"button",hidden:!l,disabled:!l,onClick:i(Math.min(n,t+1)),noBackground:!0},/*#__PURE__*/e.createElement(Er,{size:16,direction:kr.Right})))});function Hr({page:t,pageCount:n,makeUrl:r}){const{Link:o}=b(),i=Br(t,n),l=t<n,a=t>1;/*#__PURE__*/return e.createElement(jr,null,/*#__PURE__*/e.createElement(o,{to:r(Math.max(1,t-1))},/*#__PURE__*/e.createElement(Ar,{hidden:!a,"aria-disabled":!a,noBackground:!0},/*#__PURE__*/e.createElement(Er,{size:16,direction:kr.Left}))),i.map(n=>"..."===n?/*#__PURE__*/e.createElement(Nr,{key:n},/*#__PURE__*/e.createElement($r,{size:20,subLink:!0})):n===t?/*#__PURE__*/e.createElement(Ar,{key:n,type:"button","aria-current":!0},/*#__PURE__*/e.createElement(Ir,null,n)):/*#__PURE__*/e.createElement(o,{key:n,to:r(n)},/*#__PURE__*/e.createElement(Ar,{type:"button"},/*#__PURE__*/e.createElement(Ir,null,n)))),/*#__PURE__*/e.createElement(o,{to:r(Math.min(n,t+1))},/*#__PURE__*/e.createElement(Ar,{hidden:!l,"aria-disabled":!l,noBackground:!0},/*#__PURE__*/e.createElement(Er,{size:16,direction:kr.Right}))))}const jr=p.nav(Lr||(Lr=Sr`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -647,12 +647,12 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
       &:hover {
         background: transparent;
       }
-    `))),Ir=p(Ar).attrs({type:"button",disabled:!0})(Mr||(Mr=Sr`
+    `))),Nr=p(Ar).attrs({type:"button",disabled:!0})(Mr||(Mr=Sr`
   && {
     color: ${0};
     background: none;
   }
-`),({theme:e})=>e.color.text3),Nr="span";let Pr,Wr,Zr,_r=e=>e;function Gr({size:t=48,padding:n=16,transparent:r=!1}){/*#__PURE__*/return e.createElement(Fr,{size:t,padding:n,transparent:r},/*#__PURE__*/e.createElement(Vr,null))}const Fr=p.div.attrs({role:"progressbar"})(Pr||(Pr=_r`
+`),({theme:e})=>e.color.text3),Ir="span";let Pr,Wr,Zr,Gr=e=>e;function Fr({size:t=48,padding:n=16,transparent:r=!1}){/*#__PURE__*/return e.createElement(Dr,{size:t,padding:n,transparent:r},/*#__PURE__*/e.createElement(Vr,null))}const Dr=p.div.attrs({role:"progressbar"})(Pr||(Pr=Gr`
   margin: auto;
   padding: ${0}px;
   border-radius: 8px;
@@ -661,7 +661,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   height: ${0}px;
   background-color: ${0};
   color: ${0};
-`),e=>e.padding,e=>e.size,e=>e.size,e=>e.size,({theme:e,transparent:t})=>t?"transparent":M(.32,e.color.background1),({theme:e})=>e.color.text4),Dr=x(Wr||(Wr=_r`
+`),e=>e.padding,e=>e.size,e=>e.size,e=>e.size,({theme:e,transparent:t})=>t?"transparent":M(.32,e.color.background1),({theme:e})=>e.color.text4),Ur=x(Wr||(Wr=Gr`
   from {
     transform: scale(0);
     opacity: 1;
@@ -671,7 +671,7 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
     transform: scale(1);
     opacity: 0;
   }
-`)),Ur=p.div.attrs({role:"presentation"})(Zr||(Zr=_r`
+`)),_r=p.div.attrs({role:"presentation"})(Zr||(Zr=Gr`
   width: 1em;
   height: 1em;
   border-radius: 1em;
@@ -682,5 +682,5 @@ import e,{useMemo as t,useState as n,useLayoutEffect as r,useDebugValue as o,use
   &[data-reset-animation] {
     animation: none;
   }
-`),Dr,e=>e.once?1:"infinite"),Vr=e.forwardRef(function({once:t=!1},n){const r=l(null);return m(n,()=>({restart:()=>{r.current&&(r.current.dataset.resetAnimation="true",delete r.current.dataset.resetAnimation)}})),/*#__PURE__*/e.createElement(Ur,{ref:r,once:t})});export{nt as CancelLayoutItemBodyPadding,ur as Carousel,Y as Filter,F as FilterButton,D as FilterIconButton,U as FilterLink,me as HintText,Ye as LAYOUT_ITEM_BODY_PADDING,We as Layout,Je as LayoutItem,Qe as LayoutItemBody,qe as LayoutItemHeader,Gt as LeftMenu,Ft as LeftMenuContent,Hr as LinkPager,ge as MAIN_COLUMN_HORIZONTAL_MIN_MARGIN,Lt as MenuListItem,zt as MenuListItemContext,jt as MenuListItemWithIcon,Pt as MenuListLabel,Bt as MenuListLinkItem,Ht as MenuListLinkItemWithIcon,Nt as MenuListSpacer,Tr as Pager,xe as RESPONSIVE_LEFT_WIDTH,be as RESPONSIVE_MAIN_MAX_WIDTH,Gr as Spinner,Vr as SpinnerIcon,rt as StyledCancelLayoutItemBodyPadding,et as StyledLayoutItemBody,ln as SwitchCheckbox,ut as TextEllipsis,Ln as WithIcon,ye as useElementSize,tt as useLayoutItemBodyPadding,$e as useMedia,ve as useMediaScreen1};
+`),Ur,e=>e.once?1:"infinite"),Vr=e.forwardRef(function({once:t=!1},n){const r=l(null);return m(n,()=>({restart:()=>{r.current&&(r.current.dataset.resetAnimation="true",delete r.current.dataset.resetAnimation)}})),/*#__PURE__*/e.createElement(_r,{ref:r,once:t})});export{nt as CancelLayoutItemBodyPadding,ur as Carousel,Y as Filter,D as FilterButton,U as FilterIconButton,_ as FilterLink,me as HintText,Ye as LAYOUT_ITEM_BODY_PADDING,We as Layout,Je as LayoutItem,Qe as LayoutItemBody,qe as LayoutItemHeader,Ft as LeftMenu,Dt as LeftMenuContent,Hr as LinkPager,ge as MAIN_COLUMN_HORIZONTAL_MIN_MARGIN,Lt as MenuListItem,zt as MenuListItemContext,jt as MenuListItemWithIcon,Pt as MenuListLabel,Bt as MenuListLinkItem,Ht as MenuListLinkItemWithIcon,It as MenuListSpacer,Tr as Pager,xe as RESPONSIVE_LEFT_WIDTH,be as RESPONSIVE_MAIN_MAX_WIDTH,Fr as Spinner,Vr as SpinnerIcon,rt as StyledCancelLayoutItemBodyPadding,et as StyledLayoutItemBody,ln as SwitchCheckbox,ut as TextEllipsis,Ln as WithIcon,ye as useElementSize,tt as useLayoutItemBodyPadding,$e as useMedia,ve as useMediaScreen1};
 //# sourceMappingURL=index.modern.js.map