@charcoal-ui/react-sandbox 1.1.0-alpha.2 → 2.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.modern.js +1 -1
  4. package/dist/index.modern.js.map +1 -1
  5. package/dist/index.module.js +1 -1
  6. package/dist/index.module.js.map +1 -1
  7. package/package.json +6 -6
  8. package/src/styled.ts +1 -1
package/dist/index.module.js CHANGED
@@ -1,2 +1,2 @@
1
- import n,{useMemo as e,useState as t,useLayoutEffect as r,useDebugValue as o,useReducer as i,useRef as a,useCallback as c,useContext as l,isValidElement as u,Children as d,useEffect as s,useImperativeHandle as f}from"react";import m,{css as p,useTheme as h,createGlobalStyle as v,keyframes as g}from"styled-components";import{useComponentAbstraction as x}from"@charcoal-ui/react";export{ComponentAbstraction,useComponentAbstraction}from"@charcoal-ui/react";import{maxWidth as b,disabledSelector as w,applyEffect as y}from"@charcoal-ui/utils";import k from"@charcoal-ui/styled";import{columnSystem as E,COLUMN_UNIT as C,GUTTER_UNIT as z}from"@charcoal-ui/foundation";import L from"react-dom";import{animated as R,useSpring as O}from"react-spring";import M from"warning";import{transparentize as S}from"polished";function B(){return B=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},B.apply(this,arguments)}function T(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)e.indexOf(t=i[r])>=0||(o[t]=n[t]);return o}function H(n,e){return e||(e=n.slice(0)),n.raw=e,n}var j,A,N,I,P,W,Z,G,F,D,U=["onClick","children","active","hover","reactive"],_=n.forwardRef(function(e,t){var r=e.active,o=void 0!==r&&r,i=e.reactive,a=void 0!==i&&i;/*#__PURE__*/return n.createElement(K,{active:o,reactive:a,hover:e.hover,onClick:o&&!a?void 0:e.onClick,ref:t},e.children)}),V=n.forwardRef(function(e,t){var r=e.active,o=void 0!==r&&r,i=e.reactive,a=void 0!==i&&i;/*#__PURE__*/return n.createElement(Q,{active:o,reactive:a,hover:e.hover,onClick:o&&!a?void 0:e.onClick,ref:t,buttonWidth:e.width,buttonHeight:e.height},e.children)}),J=n.forwardRef(function(e,t){var r=e.onClick,o=e.children,i=e.active,a=void 0!==i&&i,c=e.hover,l=e.reactive,u=void 0!==l&&l,d=T(e,U),s=x().Link;return a&&!u?/*#__PURE__*/n.createElement(Y,{active:!0,hover:c,ref:t},o):/*#__PURE__*/n.createElement(s,B({},d,{onClick:r}),/*#__PURE__*/n.createElement(Y,{active:a,reactive:u,hover:c,ref:t},o))}),X=p(j||(j=H(["\n display: block;\n outline: none;\n border: none;\n padding: 9px 24px;\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n border-radius: /* absurd radius, but ensures rounded corners */ 2000px;\n transition: color 0.2s;\n color: ",";\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n\n &:hover {\n color: ",";\n }\n\n ","\n\n ","\n\n ","\n\n @media "," {\n padding: 5px 16px;\n }\n"])),function(n){return n.theme.color.text3},function(n){return n.theme.color.text2},function(n){var e=n.hover;return void 0!==e&&e&&p(A||(A=H(["\n color: ",";\n "])),function(n){return n.theme.color.text2})},function(n){var e=n.active;return void 0!==e&&e&&p(N||(N=H(["\n background-color: ",";\n color: ",";\n "])),function(n){return n.theme.color.surface3},function(n){return n.theme.color.text2})},function(n){var e=n.active,t=n.reactive;return void 0!==e&&e&&!(void 0!==t&&t)&&p(I||(I=H(["\n cursor: default;\n "])))},function(n){return b(n.theme.breakpoint.screen1)}),q=p(P||(P=H(["\n padding: 0;\n\n @media "," {\n padding: 0;\n }\n"])),function(n){return b(n.theme.breakpoint.screen1)}),K=m.button(W||(W=H(["\n ","\n"])),X),Y=m.span(Z||(Z=H(["\n ","\n"])),X),Q=m(K)(G||(G=H(["\n ",";\n ","\n ","\n"])),q,function(n){return void 0!==n.buttonWidth&&"width: "+n.buttonWidth+"px;"},function(n){return void 0!==n.buttonHeight&&"height: "+n.buttonHeight+"px;"}),$=m.div(F||(F=H(["\n display: flex;\n"]))),nn=k(m);function en(e){var t=e.size,r=e.viewBoxSize;/*#__PURE__*/return n.createElement(rn,{viewBox:"0 0 "+r+" "+r,size:void 0===t?24:t,currentColor:e.currentColor},/*#__PURE__*/n.createElement(on,{path:e.path,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}))}var tn,rn=m.svg(D||(D=H(["\n stroke: none;\n fill: ",";\n width: ","px;\n height: ","px;\n line-height: 0;\n font-size: 0;\n vertical-align: middle;\n"])),function(n){var e=n.currentColor;return void 0!==e&&e?"currentColor":n.theme.color.text2},function(n){return n.size},function(n){return n.size}),on=function(e){var t=e.path;return"string"==typeof t?/*#__PURE__*/n.createElement("path",{d:t,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}):/*#__PURE__*/n.createElement(n.Fragment,null,t)};function an(){/*#__PURE__*/return n.createElement(en,{viewBoxSize:16,size:16,currentColor:!0,path:/*#__PURE__*/n.createElement(n.Fragment,null,/*#__PURE__*/n.createElement("path",{d:"M8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16Z"}),/*#__PURE__*/n.createElement(sn,{d:"M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM8 6.25C8.69036 6.25 9.25 5.69036 9.25 5C9.25 4.30964 8.69036 3.75 8 3.75C7.30964 3.75 6.75 4.30964 6.75 5C6.75 5.69036 7.30964 6.25 8 6.25ZM7 7.75V11.25C7 11.8023 7.44772 12.25 8 12.25C8.55228 12.25 9 11.8023 9 11.25V7.75C9 7.19772 8.55228 6.75 8 6.75C7.44772 6.75 7 7.19772 7 7.75Z"}))})}var cn,ln,un,dn,sn=m.path(tn||(tn=H(["\n fill: ",";\n fill-rule: evenodd;\n"])),function(n){return n.theme.color.surface1});function fn(e){var t=e.children;/*#__PURE__*/return n.createElement(On,{className:e.className,context:e.context},/*#__PURE__*/n.createElement(Mn,null,/*#__PURE__*/n.createElement(an,null)),/*#__PURE__*/n.createElement(Sn,null,t))}var mn,pn,hn,vn,gn,xn,bn,wn,yn,kn,En,Cn,zn,Ln,Rn,On=m.div.attrs(function(n){return B({},n,function(n){switch(n){case"page":return{default:{horizontal:40,vertical:24},screen1:{horizontal:16,vertical:16}};case"section":return{default:{horizontal:16,vertical:16},screen1:{horizontal:16,vertical:16}}}}(n.context))})(cn||(cn=H(["\n ","\n\n @media "," {\n ","\n }\n\n display: flex;\n align-items: flex-start;\n ","\n"])),function(n){return nn(function(e){return[e.bg.surface3,e.borderRadius(8),e.padding.vertical(n.default.vertical),e.padding.horizontal(n.default.horizontal)]})},function(n){return b(n.theme.breakpoint.screen1)},function(n){return nn(function(e){return[e.padding.vertical(n.screen1.vertical),e.padding.horizontal(n.screen1.horizontal)]})},function(n){return"page"===n.context&&p(ln||(ln=H(["\n justify-content: center;\n "])))}),Mn=m.div(un||(un=H(["\n display: flex;\n align-items: center;\n color: ",";\n height: 22px;\n margin: -4px 4px -4px 0;\n"])),function(n){return n.theme.color.text4}),Sn=m.p(dn||(dn=H(["\n ","\n margin: 0;\n"])),nn(function(n){return[n.font.text2,n.typography(14)]})),Bn=72,Tn=E(2,C,z)+z,Hn=E(12,C,z);function jn(){return An(b(h().breakpoint.screen1))}function An(n){var i=e(function(){return __TEST__?{matches:!1,addListener:function(){},removeListener:function(){}}:matchMedia(n)},[n]),a=t(i.matches),c=a[0],l=a[1];i.matches!==c&&l(i.matches);var u=function(n){try{L.flushSync(function(){l(n.matches)})}catch(e){l(n.matches)}};return r(function(){return i.addListener(u),l(i.matches),function(){i.removeListener(u)}},[i]),o(n+": "+c.toString()),c}function Nn(n){return null!==n?n.getBoundingClientRect():void 0}function In(n,e){void 0===e&&(e=[]);var a=i(function(n,e){return void 0===n||void 0===e?e:n.height===e.height&&n.width===e.width?n:e},void 0),c=a[0],l=a[1],u=t(null),d=u[0],s=u[1];return r(function(){if(null!==d){var n=new ResizeObserver(function(){var n=Nn(d);l(n)});return n.observe(d),function(){n.unobserve(d),l(void 0)}}},[d]),r(function(){n.current!==d&&s(n.current)}),r(function(){e.length>0&&l(Nn(n.current))},e),o(c),c}var Pn=n.createContext({wide:!1,center:!1,withLeft:!1});function Wn(e){var t=e.menu,r=e.children,o=e.header,i=e.center,a=void 0!==i&&i,c=e.wide,l=e.isHeaderTopMenu,u=void 0!==l&&l,d={center:a,wide:!!a||null!=c&&c,withLeft:null!=t&&!u};/*#__PURE__*/return n.createElement(Fn,null,/*#__PURE__*/n.createElement(Pn.Provider,{value:d},d.withLeft&&/*#__PURE__*/n.createElement(Dn,null,t),/*#__PURE__*/n.createElement(Un,{center:a},null!=o&&/*#__PURE__*/n.createElement(_n,null,o),u&&/*#__PURE__*/n.createElement(Zn,null,t),/*#__PURE__*/n.createElement(Vn,null,r))),/*#__PURE__*/n.createElement(Gn,null))}var Zn=m.div(mn||(mn=H(["\n margin-bottom: 40px;\n overflow-x: auto;\n word-break: keep-all;\n\n @media "," {\n margin-bottom: 0;\n padding-left: 16px;\n padding-bottom: 16px;\n background-color: ",";\n }\n"])),function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.surface2}),Gn=v(pn||(pn=H(["\n :root {\n background-color: ",";\n\n @media "," {\n background-color: ",";\n }\n }\n"])),function(n){return n.theme.color.background2},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.background1}),Fn=m.div(hn||(hn=H(["\n display: flex;\n background-color: ",";\n\n @media "," {\n background-color: ",";\n }\n"])),function(n){return n.theme.color.background2},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.background1}),Dn=m.div(vn||(vn=H(["\n min-width: ","px;\n padding: 40px 0 40px ","px;\n box-sizing: border-box;\n\n @media "," {\n display: none;\n }\n"])),Tn,z,function(n){return n.theme.breakpoint.screen3}),Un=m.div(gn||(gn=H(["\n flex-grow: 1;\n /* https://www.w3.org/TR/css-flexbox-1/#min-size-auto */\n min-width: 0;\n max-width: ","px;\n padding: 40px ","px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n\n @media "," {\n padding: 0;\n }\n"])),function(n){return n.center?E(6,C,z):Hn},72,function(n){return b(n.theme.breakpoint.screen1)}),_n=m.div(xn||(xn=H(["\n font-weight: bold;\n margin-bottom: 12px;\n font-size: 20px;\n line-height: 28px;\n color: ",";\n\n @media "," {\n margin-bottom: 0;\n padding: 12px;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n justify-content: center;\n background-color: ",";\n }\n"])),function(n){return n.theme.color.text2},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.surface2}),Vn=m.div(bn||(bn=H(["\n display: grid;\n gap: ","px;\n grid-template-columns: 1fr;\n grid-auto-columns: 1fr;\n grid-auto-rows: auto;\n\n @media "," {\n gap: 0;\n background-color: ",";\n padding-bottom: 60px;\n }\n"])),z,function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.background1}),Jn=n.forwardRef(function(e,t){var r=e.span,o=e.children,i=l(Pn);/*#__PURE__*/return n.createElement(Xn,{span:r,withLeft:i.withLeft,ref:t},o)}),Xn=m.div(wn||(wn=H(["\n grid-column-start: auto;\n grid-column-end: span ",";\n border-radius: 24px;\n color: ",";\n background-color: ",";\n /* https://www.w3.org/TR/css-grid-1/#min-size-auto */\n min-width: 0;\n\n @media "," {\n ","\n }\n\n @media "," {\n ","\n\n border-radius: 0;\n padding-bottom: 40px;\n }\n"])),function(n){return n.span},function(n){return n.theme.color.text2},function(n){return n.theme.color.background1},function(n){return n.withLeft?n.theme.breakpoint.screen4:n.theme.breakpoint.screen3},function(n){return n.span>2&&p(yn||(yn=H(["\n grid-column-end: span 2;\n "])))},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.span>1&&p(kn||(kn=H(["\n grid-column-end: span 1;\n "])))});function qn(e){var t=e.children,r=l(Pn);/*#__PURE__*/return n.createElement(Kn,{wide:r.wide,center:r.center},t)}var Kn=m.div(En||(En=H(["\n padding: 0 ","px;\n height: ","px;\n display: grid;\n align-items: center;\n font-size: 16px;\n line-height: 24px;\n font-weight: bold;\n background-color: ",";\n color: ",";\n border-radius: 24px 24px 0 0;\n ","\n\n @media "," {\n margin-top: 4px;\n padding: 0 16px;\n background: none;\n overflow-x: auto;\n border-radius: unset;\n ","\n }\n"])),function(n){return n.wide?40:24},function(n){return n.wide?64:48},function(n){return n.theme.color.surface2},function(n){return n.theme.color.text2},function(n){return n.center&&p(Cn||(Cn=H(["\n justify-content: center;\n "])))},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.wide&&p(zn||(zn=H(["\n height: 48px;\n margin-top: 0;\n "])))}),Yn={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 Qn(e){var t=e.children,r=e.horizontal,o=void 0!==r&&r,i=e.narrow,a=void 0!==i&&i,c=l(Pn);/*#__PURE__*/return n.createElement($n,{wide:c.wide,horizontal:o,narrow:a},t)}var $n=m.div(Ln||(Ln=H(["\n padding: ",";\n\n @media "," {\n padding: ",";\n }\n\n width: 100%;\n box-sizing: border-box;\n"])),function(n){return n.narrow?Yn.narrow.yTop+"px "+(n.horizontal?0:Yn.narrow.x)+"px "+Yn.narrow.yBottom+"px":n.wide?(n.horizontal?0:Yn.wide.y)+"px "+Yn.wide.x+"px":(n.horizontal?0:Yn.default.y)+"px "+Yn.default.x+"px"},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.narrow?Yn.narrowColumn1.yTop+"px "+(n.horizontal?0:Yn.narrowColumn1.x)+"px "+Yn.narrowColumn1.yBottom+"px":Yn.column1.y+"px "+Yn.column1.x+"px 0"});function ne(){var n=l(Pn).wide;return jn()?Yn.column1:n?Yn.wide:Yn.default}function ee(e){var t=e.children,r=e.cancelTop,o=l(Pn);/*#__PURE__*/return n.createElement(he,{wide:o.wide,cancelTop:r},t)}var te,re,oe,ie,ae,ce,le,ue,de,se,fe,me,pe,he=m.div(Rn||(Rn=H(["\n margin: 0 -","px;\n margin-top: -","px;\n\n @media "," {\n margin: 0 -","px;\n margin-top: -","px;\n }\n"])),function(n){return n.wide?Yn.wide.x:Yn.default.x},function(n){var e=n.cancelTop;return void 0!==e&&e?n.wide?Yn.wide.y:Yn.default.y:0},function(n){return b(n.theme.breakpoint.screen1)},Yn.column1.x,function(n){var e=n.cancelTop;return void 0!==e&&e?Yn.column1.x:0}),ve=function(n){return u(n)&&Boolean(n.props.children)},ge=function(n){return null==n||"boolean"==typeof n||"{}"===JSON.stringify(n)?"":n.toString()},xe=function n(e){return Array.isArray(e)||u(e)?d.toArray(e).reduce(function(e,t){var r;return r=u(t)&&ve(t)?n(t.props.children):u(t)&&!ve(t)?"":ge(t),e.concat(r)},""):ge(e)},be=m.div.attrs(function(n){var e=n.title,t=void 0===e?xe(n.children):e;return{title:""!==t?t:void 0}})(te||(te=H(["\n overflow: hidden;\n line-height: ","px;\n /* For english */\n overflow-wrap: break-word;\n\n ","\n"])),function(n){return n.lineHeight},function(n){var e=n.lineLimit,t=void 0===e?1:e,r=n.lineHeight;return 1===t?p(re||(re=H(["\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))):p(oe||(oe=H(["\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ",";\n /* Fallback for -webkit-line-clamp */\n max-height: ","px;\n "])),t,r*t)}),we=["link","onClick","disabled","primary","secondary","gtmClass","noHover","children"],ye=["icon","primary"],ke=["icon","primary"],Ee=n.createContext({padding:24});function Ce(e){var t=e.primary,r=e.secondary,o=e.onClick,i=e.disabled,a=void 0!==i&&i,c=e.noHover,u=void 0!==c&&c,d=e.gtmClass,s=e.children,f=l(Ee);/*#__PURE__*/return n.createElement(ze,{hasSubLabel:void 0!==r,onClick:function(n){return!a&&o&&o(n)},sidePadding:f.padding,noHover:u,noClick:void 0===o,"aria-disabled":a,role:void 0!==o?"button":void 0,className:void 0!==d?"gtm-"+d:void 0},/*#__PURE__*/n.createElement(Le,null,/*#__PURE__*/n.createElement(Re,null,/*#__PURE__*/n.createElement(be,{lineHeight:22,lineLimit:1},t)),void 0!==r&&/*#__PURE__*/n.createElement(Oe,null,/*#__PURE__*/n.createElement(be,{lineHeight:22,lineLimit:1},r))),s)}var ze=m.div(ie||(ie=H(["\n display: flex;\n height: ","px;\n align-items: center;\n justify-content: space-between;\n padding: 0 ","px;\n user-select: none;\n cursor: ",";\n transition: 0.2s background-color;\n\n &:hover {\n ","\n }\n\n ","\n\n "," {\n cursor: default;\n pointer-events: none;\n\n &:hover {\n background-color: unset;\n }\n }\n"])),function(n){return n.hasSubLabel?56:40},function(n){return n.sidePadding},function(n){return n.noClick?"default":"pointer"},function(n){return!n.noHover&&p(ae||(ae=H(["\n background-color: ",";\n "])),function(n){return n.theme.color.surface3})},nn(function(n){return n.disabled}),w),Le=m.div(ce||(ce=H(["\n display: flex;\n flex-direction: column;\n"]))),Re=m.div(le||(le=H(["\n color: ",";\n line-height: 22px;\n font-size: 14px;\n display: grid;\n"])),function(n){return n.theme.color.text2}),Oe=m.div(ue||(ue=H(["\n color: ",";\n line-height: 18px;\n font-size: 10px;\n"])),function(n){return n.theme.color.text3});function Me(e){var t=e.link,r=e.onClick,o=e.disabled,i=void 0!==o&&o,a=e.primary,c=e.secondary,l=e.gtmClass,u=e.noHover,d=e.children,s=T(e,we),f=x().Link,m={disabled:i,primary:a,secondary:c,gtmClass:l,noHover:u,children:d};return i?/*#__PURE__*/n.createElement("span",{onClick:r},/*#__PURE__*/n.createElement(Ce,m)):/*#__PURE__*/n.createElement(Se,B({as:f,to:t,onClick:r},s),/*#__PURE__*/n.createElement(Ce,B({onClick:function(){}},m)))}var Se=m.a(de||(de=H(["\n display: block;\n"])));function Be(e){var t=e.icon,r=e.primary,o=T(e,ye);/*#__PURE__*/return n.createElement(Me,B({primary:/*#__PURE__*/n.createElement(Ae,null,/*#__PURE__*/n.createElement(Ne,null,t),r)},o))}function Te(e){var t=e.icon,r=e.primary,o=T(e,ke);/*#__PURE__*/return n.createElement(Ce,B({primary:/*#__PURE__*/n.createElement(Ae,null,/*#__PURE__*/n.createElement(Ne,null,t),r)},o))}var He,je,Ae=m.div(se||(se=H(["\n display: grid;\n gap: 8px;\n grid-auto-flow: column;\n align-items: center;\n"]))),Ne=m.div(fe||(fe=H(["\n color: ",";\n display: flex;\n"])),function(n){return n.theme.color.text3}),Ie=m.div(me||(me=H(["\n height: 24px;\n"]))),Pe=m.div(pe||(pe=H(["\n padding: 0 16px;\n font-size: 12px;\n line-height: 16px;\n color: ",";\n margin-top: -2px;\n margin-bottom: 6px;\n"])),function(n){return n.theme.color.text3});function We(e){var t=e.links,r=e.active,o=x().Link;/*#__PURE__*/return n.createElement(dt,null,t.map(function(e,t){/*#__PURE__*/return n.createElement(o,{to:e.to,key:t},/*#__PURE__*/n.createElement(st,{"aria-current":e.id===r||void 0},e.text))}))}function Ze(e){/*#__PURE__*/return n.createElement(n.Fragment,null,e.links.map(function(e,t){/*#__PURE__*/return n.createElement(Me,{link:e.to,key:t,primary:e.text})}))}var Ge,Fe,De,Ue,_e,Ve,Je,Xe,qe,Ke,Ye,Qe,$e,nt,et,tt,rt,ot,it,at,ct,lt,ut,dt=m.div(He||(He=H(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),st=m.div(je||(je=H(["\n display: flex;\n align-items: center;\n color: ",";\n border-radius: 24px;\n font-weight: bold;\n font-size: 14px;\n line-height: 22px;\n padding: 0 16px;\n height: 40px;\n transition: 0.2s color;\n &:hover {\n transition: 0.2s color;\n color: ",";\n }\n &[aria-current] {\n color: ",";\n background-color: ",";\n }\n"])),function(n){return n.theme.color.text3},function(n){return n.theme.color.text2},function(n){return n.theme.color.text2},function(n){return n.theme.color.surface3}),ft=["gtmClass","flex","rowReverse","children","disabled"],mt=n.forwardRef(function(e,t){var r=e.gtmClass,o=e.flex,i=void 0!==o&&o,a=e.rowReverse,c=void 0!==a&&a,l=e.children,u=e.disabled,d=T(e,ft);/*#__PURE__*/return n.createElement(ht,{className:void 0!==r?"gtm-"+r:"",flex:i,rowReverse:c,"aria-disabled":u},/*#__PURE__*/n.createElement(vt,null,/*#__PURE__*/n.createElement(bt,B({},d,{disabled:u,ref:t})),/*#__PURE__*/n.createElement(gt,null,/*#__PURE__*/n.createElement(xt,null))),null!=l&&/*#__PURE__*/n.createElement(pt,{rowReverse:c},l))}),pt=m.span(Ge||(Ge=H(["\n ","\n"])),function(n){return p(n.rowReverse?Fe||(Fe=H(["\n margin-right: 8px;\n "])):De||(De=H(["\n margin-left: 8px;\n "])))}),ht=m.label(Ue||(Ue=H(["\n display: inline-flex;\n align-items: center;\n ","\n ","\n cursor: pointer;\n outline: 0;\n\n &[aria-disabled='true'] {\n cursor: auto;\n }\n"])),function(n){return n.flex&&p(_e||(_e=H(["\n display: flex;\n justify-content: space-between;\n "])))},function(n){var e=n.rowReverse;return p(Ve||(Ve=H(["\n flex-direction: ",";\n "])),e?"row-reverse":"row")}),vt=m.span(Je||(Je=H(["\n display: inline-flex;\n position: relative;\n z-index: 0;\n"]))),gt=m.div(Xe||(Xe=H(["\n position: relative;\n box-sizing: border-box;\n width: 28px;\n height: 16px;\n border-radius: 16px;\n border: 2px solid transparent;\n background: ",";\n transition: box-shadow 0.2s, background-color 0.2s;\n"])),function(n){return n.theme.color.text4}),xt=m.div(qe||(qe=H(["\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 12px;\n height: 12px;\n background-color: ",";\n border-radius: 50%;\n transform: translateX(0);\n transition: transform 0.2s;\n"])),function(n){return n.theme.color.text5}),bt=m.input.attrs({type:"checkbox"})(Ke||(Ke=H(["\n position: absolute;\n /* NOTE: this is contained by the GraphicCheckboxOuter */\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n /* just to control the clickable area if used standalone */\n border-radius: 16px;\n opacity: 0;\n appearance: none;\n outline: none;\n cursor: pointer;\n\n &:checked {\n ~ "," {\n background-color: ",";\n\n "," {\n transform: translateX(12px);\n }\n }\n }\n\n &:disabled {\n cursor: auto;\n\n ~ "," {\n opacity: ",";\n }\n }\n\n &:not(:disabled):focus {\n ~ "," {\n box-shadow: 0 0 0 4px\n ",";\n }\n }\n"])),gt,function(n){return n.theme.color.brand},xt,gt,function(n){return n.theme.elementEffect.disabled.opacity},gt,function(n){var e=n.theme;return y(e.color.brand,e.elementEffect.disabled)}),wt=n.memo(function(e){var t=e.children,r=e.icon,o=e.show,i=void 0===o||o,a=e.prefix,c=void 0!==a&&a,l=e.width,u=e.fit,d=e.fixed,s=void 0!==d&&d,f=void 0!==u&&u?void 0===l?/*#__PURE__*/n.createElement(Et,{show:i,pre:c},r):/*#__PURE__*/n.createElement(Nt,{width:l,show:i,pre:c},/*#__PURE__*/n.createElement(It,null,r)):/*#__PURE__*/n.createElement(jt,{show:i,pre:c},/*#__PURE__*/n.createElement(At,null,r));/*#__PURE__*/return n.createElement(yt,null,c&&f,/*#__PURE__*/n.createElement(kt,{fixed:s},t),!c&&f)}),yt=m.div(Ye||(Ye=H(["\n display: flex;\n align-items: center;\n"]))),kt=m.div(Qe||(Qe=H(["\n ","\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),function(n){return!n.fixed&&p($e||($e=H(["\n min-width: 0;\n overflow: hidden;\n "])))});function Et(e){var t,r,o=e.children,i=e.show,c=e.pre,l=a(null),u=null!=(t=null==(r=In(l,[null]))?void 0:r.width)?t:0;/*#__PURE__*/return n.createElement(Nt,{width:u,show:i,pre:c},/*#__PURE__*/n.createElement(It,{ref:l},o))}var Ct,zt,Lt,Rt,Ot,Mt,St,Bt,Tt=p(nt||(nt=H(["\n > svg {\n display: block;\n }\n"]))),Ht=p(et||(et=H(["\n ",";\n ","\n"])),function(n){return"collapse"===n.show?p(tt||(tt=H(["\n display: none;\n "]))):p(rt||(rt=H(["\n visibility: ",";\n "])),n.show?"visible":"hidden")},function(n){return p(n.pre?ot||(ot=H(["\n margin-right: 4px;\n "])):it||(it=H(["\n margin-left: 4px;\n "])))}),jt=m.div(at||(at=H(["\n display: flex;\n align-items: center;\n\n ","\n"])),Ht),At=m.div(ct||(ct=H(["\n display: inline-flex;\n\n ","\n"])),Tt),Nt=m.div(lt||(lt=H(["\n display: flex;\n position: relative;\n /* Iconをline-heightに関与させない */\n height: 0;\n /* 横方向の領域は確保する */\n width: ","px;\n\n ","\n"])),function(n){return n.width},Ht),It=m.div(ut||(ut=H(["\n display: inline-flex;\n position: absolute;\n transform: translateY(-50%);\n\n ","\n"])),Tt);function Pt(n){throw new Error(0===arguments.length?"unreachable":"unreachable ("+JSON.stringify(n)+")")}function Wt(e){var t=function(n){switch(n){case zt.Up:return"rotate(270 12 12)";case zt.Down:return"rotate(90 12 12)";case zt.Left:return"rotate(180 12 12)";case zt.Right:return;default:return Pt(n)}}(e.direction);/*#__PURE__*/return n.createElement(en,{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:t})}function Zt(e){var t=e.direction,r=e.show,o=e.offset,i=void 0===o?0:o,a=e.padding,c=void 0===a?0:a,l=e.bottomOffset,u=void 0===l?0:l,d=e.gradient,s=void 0!==d&&d,f=e.onClick,m=t===Bt.Left?{left:s?i-72:i,paddingLeft:Math.max(c,0),paddingBottom:u}:{right:s?i-72:i,paddingRight:Math.max(c,0),paddingBottom:u};/*#__PURE__*/return n.createElement(Ft,{type:"button",onClick:f,hide:!r,style:m,css:$t},/*#__PURE__*/n.createElement(Gt,null,/*#__PURE__*/n.createElement(Wt,{direction:t===Bt.Right?zt.Right:t===Bt.Left?zt.Left:Pt()})))}!function(n){n.Up="up",n.Down="down",n.Left="left",n.Right="right"}(zt||(zt={})),function(n){n.Right="right",n.Left="left"}(Bt||(Bt={}));var Gt=m.div(Lt||(Lt=H(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: ","px;\n height: ","px;\n border-radius: 50%;\n background-color: ",";\n transition: 0.4s visibility, 0.4s opacity, 0.2s background-color, 0.2s color;\n color: ",";\n"])),40,40,function(n){return n.theme.color.surface4},function(n){return n.theme.color.text5}),Ft=m.button(Rt||(Rt=H(["\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n padding: 0;\n min-width: 40px;\n border: none;\n outline: 0;\n background: transparent;\n cursor: pointer;\n transition: 0.4s visibility, 0.4s opacity;\n /* つらい */\n /* このコンポーネントはCarouselでしか使われてないのでそっちでコンテキストで切る */\n z-index: 1;\n\n &:hover "," {\n background-color: ",";\n color: ",";\n }\n\n &:active "," {\n background-color: ",";\n color: ",";\n }\n\n ","\n"])),Gt,function(n){var e=n.theme;return y(e.color.surface4,e.effect.hover)},function(n){var e=n.theme;return y(e.color.text5,e.effect.hover)},Gt,function(n){var e=n.theme;return y(e.color.surface4,e.effect.press)},function(n){var e=n.theme;return y(e.color.text5,e.effect.press)},function(n){return n.hide&&p(Ot||(Ot=H(["\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n "])))});m(Gt)(Mt||(Mt=H(["\n cursor: pointer;\n\n &:hover {\n background-color: ",";\n color: ",";\n }\n\n &:active {\n background-color: ",";\n color: ",";\n }\n"])),function(n){var e=n.theme;return y(e.color.surface4,e.effect.hover)},function(n){var e=n.theme;return y(e.color.text5,e.effect.hover)},function(n){var e=n.theme;return y(e.color.surface4,e.effect.press)},function(n){var e=n.theme;return y(e.color.text5,e.effect.press)});var Dt,Ut,_t,Vt,Jt,Xt,qt,Kt,Yt,Qt,$t=p(St||(St=H(["\n @media (hover: none) and (pointer: coarse) {\n display: none;\n }\n"]))),nr=["buttonOffset","buttonPadding","bottomOffset","defaultScroll","onScroll","onResize","children","centerItems","onScrollStateChange","scrollAmountCoef"];function er(e){var o=e.buttonOffset,i=void 0===o?0:o,l=e.buttonPadding,u=void 0===l?16:l,d=e.bottomOffset,f=void 0===d?0:d,m=e.defaultScroll,p=(m=void 0===m?{}:m).align,h=void 0===p?"left":p,v=m.offset,g=void 0===v?0:v,x=e.onScroll,b=e.onResize,w=e.children,y=e.centerItems,k=e.onScrollStateChange,E=e.scrollAmountCoef,C=void 0===E?.75:E,z=T(e,nr),L=function(n){var e=t(0),r=e[0],o=e[1],i=a();return[r,c(function(n,e){void 0===e&&(e=!1),e?o(n):void 0===i.current&&(i.current=requestAnimationFrame(function(){o(n),void 0!==i.current&&(i.current=void 0)}))},[])]}(),R=L[0],M=L[1],S=a(!1),B=t(0),H=B[0],j=B[1],A=t(!1),N=A[0],I=A[1],P=t(!1),W=P[0],Z=P[1],G=O(function(){return{scroll:0}}),F=G[0],D=G[1],U=a(null),_=a(null),V=a(null),J=c(function(){if(null!==_.current){var n=Math.min(R+_.current.clientWidth*C,H);M(n,!0),D({scroll:n,from:{scroll:R},reset:!S.current}),S.current=!0}},[S,H,R,D,C,M]),X=c(function(){if(null!==_.current){var n=Math.max(R-_.current.clientWidth*C,0);M(n,!0),D({scroll:n,from:{scroll:R},reset:!S.current}),S.current=!0}},[S,R,D,C,M]);s(function(){var n=R>0,e=R<H&&H>0;n===N&&e===W||(I(n),Z(e),null==k||k(n||e))},[N,H,k,W,R]);var q=c(function(){null!==U.current&&(S.current&&(F.scroll.stop(),S.current=!1),M(U.current.scrollLeft))},[S,M,F]),K=c(function(){if(null!==U.current){var n=U.current,e=n.clientWidth;j(n.scrollWidth-e),b&&b(e)}},[b]),Y=a(new ResizeObserver(K)),Q=a(new ResizeObserver(K));r(function(){var n=U.current,e=V.current;if(null!==n&&null!==e){n.addEventListener("wheel",q,function(){if(void 0!==Ct)return Ct;Ct=!1;try{var n=Object.defineProperty({},"passive",{get:function(){return Ct=!0}});window.addEventListener("test",e,n),window.removeEventListener("test",e)}catch(n){}return Ct;function e(){}}()&&{passive:!0});var t=Y.current;t.observe(n);var r=Q.current;return r.observe(e),function(){n.removeEventListener("wheel",q),t.disconnect(),r.disconnect()}}},[K,q]),r(function(){if("left"!==h||0!==g){var n=U.current;if(null!==n){var e=Math.max(0,Math.min("left"===h&&g>0?g:"center"===h?H/2+g:"right"===h&&g<=H?H-g/2:0,H));n.scrollLeft=e,M(e,!0)}}},[U.current]);var $=c(function(){null!==U.current&&x&&x(U.current.scrollLeft)},[x]),nn=t(!1),en=nn[0],tn=nn[1];if(r(function(){navigator.userAgent.includes("Edge/")&&tn(!0)},[]),!en&&!0===z.hasGradient){var rn,on=null!=(rn=z.fadeInGradient)&&rn,an=!on;/*#__PURE__*/return n.createElement(ir,{ref:_},/*#__PURE__*/n.createElement(cr,{fadeInGradient:on},/*#__PURE__*/n.createElement(lr,null,/*#__PURE__*/n.createElement(ur,{show:an||R>0},/*#__PURE__*/n.createElement(ar,{ref:U,scrollLeft:F.scroll,onScroll:$},/*#__PURE__*/n.createElement(rr,{ref:V,centerItems:y},w))))),/*#__PURE__*/n.createElement(or,null,/*#__PURE__*/n.createElement(Zt,{direction:Bt.Left,show:N,offset:i,bottomOffset:f,padding:u,gradient:an,onClick:X}),/*#__PURE__*/n.createElement(Zt,{direction:Bt.Right,show:W,offset:i,bottomOffset:f,padding:u,gradient:!0,onClick:J})))}/*#__PURE__*/return n.createElement(ir,{ref:_},/*#__PURE__*/n.createElement(ar,{ref:U,scrollLeft:F.scroll,onScroll:$},/*#__PURE__*/n.createElement(rr,{ref:V,centerItems:y},w)),/*#__PURE__*/n.createElement(or,null,/*#__PURE__*/n.createElement(Zt,{direction:Bt.Left,show:N,offset:i,bottomOffset:f,padding:u,onClick:X}),/*#__PURE__*/n.createElement(Zt,{direction:Bt.Right,show:W,offset:i,bottomOffset:f,padding:u,onClick:J})))}var tr,rr=m.ul(Dt||(Dt=H(["\n vertical-align: top;\n overflow: hidden;\n list-style: none;\n padding: 0;\n\n /* 最小幅を100%にして親要素にぴったりくっつけることで子要素で要素を均等に割り付けるなどを出来るようにしてある */\n min-width: 100%;\n box-sizing: border-box;\n\n ","\n"])),function(n){var e=n.centerItems;return p(void 0!==e&&e?Ut||(Ut=H(["\n display: flex;\n width: max-content;\n margin: 0 auto;\n "])):_t||(_t=H(["\n display: inline-flex;\n margin: 0;\n "])))}),or=m.div(Vt||(Vt=H(["\n opacity: 0;\n transition: 0.4s opacity;\n"]))),ir=m.div(Jt||(Jt=H(["\n &:hover "," {\n opacity: 1;\n }\n\n /* CarouselButtonの中にz-index:1があるのでここでコンテキストを切る */\n position: relative;\n z-index: 0;\n"])),or),ar=m(R.div)(Xt||(Xt=H(["\n overflow-x: auto;\n padding: 0;\n margin: 0;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n"]))),cr=m.div(qt||(qt=H(["\n /* NOTE: LeftGradientがはみ出るためhidden */\n overflow: hidden;\n ","\n\n margin-right: ","px;\n /* stylelint-disable-next-line no-duplicate-selectors */\n "," {\n padding-right: ","px;\n }\n"])),function(n){return!n.fadeInGradient&&p(Kt||(Kt=H(["\n margin-left: ","px;\n "," {\n padding-left: ","px;\n }\n "])),-72,rr,72)},-72,rr,72),lr=m.div(Yt||(Yt=H(["\n mask-image: linear-gradient(\n to right,\n #000 calc(100% - ","px),\n transparent\n );\n"])),72),ur=m.div(Qt||(Qt=H(["\n /* NOTE: mask-position が left → negative px の時、right → abs(negative px) の位置に表示されるため */\n margin-right: ","px;\n padding-right: ","px;\n /* NOTE: mask-position に transition をつけたいが vender prefixes 対策で all につける */\n transition: 0.2s all ease-in;\n mask: linear-gradient(to right, transparent, #000 ","px)\n ","px 0;\n"])),-72,72,72,function(n){return n.show?0:-72});function dr(e){var t=e.size;/*#__PURE__*/return n.createElement(mr,{viewBox:"0 0 20 6",width:t,height:t},/*#__PURE__*/n.createElement("path",{fillRule:"evenodd",d:"M5,14.5 C3.61928813,14.5 2.5,13.3807119 2.5,12 C2.5,10.6192881 3.61928813,9.5 5,9.5\n C6.38071187,9.5 7.5,10.6192881 7.5,12 C7.5,13.3807119 6.38071187,14.5 5,14.5 Z M12,14.5\n C10.6192881,14.5 9.5,13.3807119 9.5,12 C9.5,10.6192881 10.6192881,9.5 12,9.5\n C13.3807119,9.5 14.5,10.6192881 14.5,12 C14.5,13.3807119 13.3807119,14.5 12,14.5 Z M19,14.5\n C17.6192881,14.5 16.5,13.3807119 16.5,12 C16.5,10.6192881 17.6192881,9.5 19,9.5\n C20.3807119,9.5 21.5,10.6192881 21.5,12 C21.5,13.3807119 20.3807119,14.5 19,14.5 Z",transform:"translate(-2 -9)"}))}dr.defaultProps={size:16};var sr,fr,mr=m.svg(tr||(tr=H(["\n fill: currentColor;\n"])));function pr(e){var t=e.size;/*#__PURE__*/return n.createElement("svg",{viewBox:"0 0 10 8",width:t,height:t},/*#__PURE__*/n.createElement(wr,{strokeWidth:"2",points:"1,2 5,6 9,2",transform:hr(e.direction)}))}function hr(n){switch(n){case fr.Up:return"rotate(180 5 4)";case fr.Down:return;case fr.Left:return"rotate(90 5 4)";case fr.Right:return"rotate(-90 5 4)";default:return Pt(n)}}!function(n){n.Up="up",n.Down="down",n.Left="left",n.Right="right"}(fr||(fr={})),pr.defaultProps={size:16,white:!1,lightGray:!1};var vr,gr,xr,br,wr=m.polyline(sr||(sr=H(["\n fill: none;\n stroke-linejoin: round;\n stroke-linecap: round;\n stroke: currentColor;\n"])));function yr(n,t,r){void 0===r&&(r=7),"production"!==process.env.NODE_ENV&&(M((0|n)===n,"`page` must be interger ("+n+")"),M((0|t)===t,"`pageCount` must be interger ("+t+")"));var i=e(function(){var e=1,o=Math.min(t,Math.max(n+Math.floor(r/2),r));if(o<=r)return Array.from({length:1+o-e},function(n,t){return e+t});var i=o-(r-1)+2;return[e,"..."].concat(Array.from({length:1+o-i},function(n,e){return i+e}))},[n,t,r]);return o(i),i}var kr=n.memo(function(e){var t=e.page,r=e.pageCount,o=e.onChange,i=yr(t,r),a=c(function(n){return function(){o(n)}},[o]),l=t<r,u=t>1;/*#__PURE__*/return n.createElement(Rr,null,/*#__PURE__*/n.createElement(Or,{type:"button",hidden:!u,disabled:!u,onClick:a(Math.max(1,t-1)),noBackground:!0},/*#__PURE__*/n.createElement(pr,{size:16,direction:fr.Left})),i.map(function(e){return"..."===e?/*#__PURE__*/n.createElement(Mr,{key:e},/*#__PURE__*/n.createElement(dr,{size:20})):/*#__PURE__*/n.createElement(Or,e===t?{key:e,type:"button","aria-current":!0}:{key:e,type:"button",onClick:a(e)},/*#__PURE__*/n.createElement(Sr,null,e))}),/*#__PURE__*/n.createElement(Or,{type:"button",hidden:!l,disabled:!l,onClick:a(Math.min(r,t+1)),noBackground:!0},/*#__PURE__*/n.createElement(pr,{size:16,direction:fr.Right})))});function Er(e){var t=e.page,r=e.pageCount,o=e.makeUrl,i=x().Link,a=yr(t,r),c=t<r,l=t>1;/*#__PURE__*/return n.createElement(Rr,null,/*#__PURE__*/n.createElement(i,{to:o(Math.max(1,t-1))},/*#__PURE__*/n.createElement(Or,{hidden:!l,"aria-disabled":!l,noBackground:!0},/*#__PURE__*/n.createElement(pr,{size:16,direction:fr.Left}))),a.map(function(e){return"..."===e?/*#__PURE__*/n.createElement(Mr,{key:e},/*#__PURE__*/n.createElement(dr,{size:20,subLink:!0})):e===t?/*#__PURE__*/n.createElement(Or,{key:e,type:"button","aria-current":!0},/*#__PURE__*/n.createElement(Sr,null,e)):/*#__PURE__*/n.createElement(i,{key:e,to:o(e)},/*#__PURE__*/n.createElement(Or,{type:"button"},/*#__PURE__*/n.createElement(Sr,null,e)))}),/*#__PURE__*/n.createElement(i,{to:o(Math.min(r,t+1))},/*#__PURE__*/n.createElement(Or,{hidden:!c,"aria-disabled":!c,noBackground:!0},/*#__PURE__*/n.createElement(pr,{size:16,direction:fr.Right}))))}var Cr,zr,Lr,Rr=m.nav(vr||(vr=H(["\n display: flex;\n justify-content: center;\n align-items: center;\n"]))),Or=m.button(gr||(gr=H(["\n font-size: 1rem;\n line-height: calc(1em + 8px);\n text-decoration: none;\n border: none;\n outline: none;\n touch-action: manipulation;\n user-select: none;\n transition: box-shadow 0.2s ease 0s, color 0.2s ease 0s,\n background 0.2s ease 0s, opacity 0.2s ease 0s;\n\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: content-box;\n min-width: 24px;\n min-height: 24px;\n padding: 8px;\n cursor: pointer;\n font-weight: bold;\n /* HACK:\n * Safari doesn't correctly repaint the elements when they're reordered in response to interaction.\n * This forces it to repaint them. This doesn't work if put on the parents either, has to be here.\n */\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-transform: translateZ(0);\n\n &[hidden] {\n visibility: hidden;\n display: block;\n }\n\n border-radius: 48px;\n\n background: transparent;\n color: ",";\n\n &:hover {\n background: ",";\n color: ",";\n }\n\n &[aria-current] {\n background-color: ",";\n color: ",";\n }\n\n &[aria-current]:hover {\n background-color: ",";\n color: ",";\n }\n\n ","\n"])),function(n){return n.theme.color.text3},function(n){return n.theme.color.surface3},function(n){return n.theme.color.text2},function(n){return n.theme.color.surface6},function(n){return n.theme.color.text5},function(n){return n.theme.color.surface6},function(n){return n.theme.color.text5},function(n){var e=n.noBackground;return void 0!==e&&e&&p(xr||(xr=H(["\n /* stylelint-disable-next-line no-duplicate-selectors */\n &:hover {\n background: transparent;\n }\n "])))}),Mr=m(Or).attrs({type:"button",disabled:!0})(br||(br=H(["\n && {\n color: ",";\n background: none;\n }\n"])),function(n){return n.theme.color.text3}),Sr="span";function Br(e){var t=e.size,r=e.padding,o=e.transparent;/*#__PURE__*/return n.createElement(Tr,{size:void 0===t?48:t,padding:void 0===r?16:r,transparent:void 0!==o&&o},/*#__PURE__*/n.createElement(Ar,null))}var Tr=m.div.attrs({role:"progressbar"})(Cr||(Cr=H(["\n margin: auto;\n padding: ","px;\n border-radius: 8px;\n font-size: ","px;\n width: ","px;\n height: ","px;\n background-color: ",";\n color: ",";\n"])),function(n){return n.padding},function(n){return n.size},function(n){return n.size},function(n){return n.size},function(n){return n.transparent?"transparent":S(.32,n.theme.color.background1)},function(n){return n.theme.color.text4}),Hr=g(zr||(zr=H(["\n from {\n transform: scale(0);\n opacity: 1;\n }\n\n to {\n transform: scale(1);\n opacity: 0;\n }\n"]))),jr=m.div.attrs({role:"presentation"})(Lr||(Lr=H(["\n width: 1em;\n height: 1em;\n border-radius: 1em;\n background-color: currentColor;\n animation: "," 1s both ease-out;\n animation-iteration-count: ",";\n\n &[data-reset-animation] {\n animation: none;\n }\n"])),Hr,function(n){return n.once?1:"infinite"}),Ar=n.forwardRef(function(e,t){var r=e.once,o=void 0!==r&&r,i=a(null);return f(t,function(){return{restart:function(){i.current&&(i.current.dataset.resetAnimation="true",delete i.current.dataset.resetAnimation)}}}),/*#__PURE__*/n.createElement(jr,{ref:i,once:o})});export{ee as CancelLayoutItemBodyPadding,er as Carousel,$ as Filter,_ as FilterButton,V as FilterIconButton,J as FilterLink,fn as HintText,Yn as LAYOUT_ITEM_BODY_PADDING,Wn as Layout,Jn as LayoutItem,Qn as LayoutItemBody,qn as LayoutItemHeader,We as LeftMenu,Ze as LeftMenuContent,Er as LinkPager,Bn as MAIN_COLUMN_HORIZONTAL_MIN_MARGIN,Ce as MenuListItem,Ee as MenuListItemContext,Te as MenuListItemWithIcon,Pe as MenuListLabel,Me as MenuListLinkItem,Be as MenuListLinkItemWithIcon,Ie as MenuListSpacer,kr as Pager,Tn as RESPONSIVE_LEFT_WIDTH,Hn as RESPONSIVE_MAIN_MAX_WIDTH,Br as Spinner,Ar as SpinnerIcon,he as StyledCancelLayoutItemBodyPadding,$n as StyledLayoutItemBody,mt as SwitchCheckbox,be as TextEllipsis,wt as WithIcon,In as useElementSize,ne as useLayoutItemBodyPadding,An as useMedia,jn as useMediaScreen1};
1
+ import n,{useMemo as e,useState as t,useLayoutEffect as r,useDebugValue as o,useReducer as i,useRef as a,useCallback as c,useContext as l,isValidElement as u,Children as d,useEffect as s,useImperativeHandle as f}from"react";import m,{css as p,useTheme as h,createGlobalStyle as v,keyframes as g}from"styled-components";import{useComponentAbstraction as x}from"@charcoal-ui/react";export{ComponentAbstraction,useComponentAbstraction}from"@charcoal-ui/react";import{maxWidth as b,disabledSelector as w,applyEffect as y}from"@charcoal-ui/utils";import{createTheme as k}from"@charcoal-ui/styled";import{columnSystem as E,COLUMN_UNIT as C,GUTTER_UNIT as z}from"@charcoal-ui/foundation";import L from"react-dom";import{animated as R,useSpring as O}from"react-spring";import M from"warning";import{transparentize as S}from"polished";function B(){return B=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},B.apply(this,arguments)}function T(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)e.indexOf(t=i[r])>=0||(o[t]=n[t]);return o}function H(n,e){return e||(e=n.slice(0)),n.raw=e,n}var j,A,N,I,P,W,Z,G,F,D,U=["onClick","children","active","hover","reactive"],_=n.forwardRef(function(e,t){var r=e.active,o=void 0!==r&&r,i=e.reactive,a=void 0!==i&&i;/*#__PURE__*/return n.createElement(K,{active:o,reactive:a,hover:e.hover,onClick:o&&!a?void 0:e.onClick,ref:t},e.children)}),V=n.forwardRef(function(e,t){var r=e.active,o=void 0!==r&&r,i=e.reactive,a=void 0!==i&&i;/*#__PURE__*/return n.createElement(Q,{active:o,reactive:a,hover:e.hover,onClick:o&&!a?void 0:e.onClick,ref:t,buttonWidth:e.width,buttonHeight:e.height},e.children)}),J=n.forwardRef(function(e,t){var r=e.onClick,o=e.children,i=e.active,a=void 0!==i&&i,c=e.hover,l=e.reactive,u=void 0!==l&&l,d=T(e,U),s=x().Link;return a&&!u?/*#__PURE__*/n.createElement(Y,{active:!0,hover:c,ref:t},o):/*#__PURE__*/n.createElement(s,B({},d,{onClick:r}),/*#__PURE__*/n.createElement(Y,{active:a,reactive:u,hover:c,ref:t},o))}),X=p(j||(j=H(["\n display: block;\n outline: none;\n border: none;\n padding: 9px 24px;\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n border-radius: /* absurd radius, but ensures rounded corners */ 2000px;\n transition: color 0.2s;\n color: ",";\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n\n &:hover {\n color: ",";\n }\n\n ","\n\n ","\n\n ","\n\n @media "," {\n padding: 5px 16px;\n }\n"])),function(n){return n.theme.color.text3},function(n){return n.theme.color.text2},function(n){var e=n.hover;return void 0!==e&&e&&p(A||(A=H(["\n color: ",";\n "])),function(n){return n.theme.color.text2})},function(n){var e=n.active;return void 0!==e&&e&&p(N||(N=H(["\n background-color: ",";\n color: ",";\n "])),function(n){return n.theme.color.surface3},function(n){return n.theme.color.text2})},function(n){var e=n.active,t=n.reactive;return void 0!==e&&e&&!(void 0!==t&&t)&&p(I||(I=H(["\n cursor: default;\n "])))},function(n){return b(n.theme.breakpoint.screen1)}),q=p(P||(P=H(["\n padding: 0;\n\n @media "," {\n padding: 0;\n }\n"])),function(n){return b(n.theme.breakpoint.screen1)}),K=m.button(W||(W=H(["\n ","\n"])),X),Y=m.span(Z||(Z=H(["\n ","\n"])),X),Q=m(K)(G||(G=H(["\n ",";\n ","\n ","\n"])),q,function(n){return void 0!==n.buttonWidth&&"width: "+n.buttonWidth+"px;"},function(n){return void 0!==n.buttonHeight&&"height: "+n.buttonHeight+"px;"}),$=m.div(F||(F=H(["\n display: flex;\n"]))),nn=k(m);function en(e){var t=e.size,r=e.viewBoxSize;/*#__PURE__*/return n.createElement(rn,{viewBox:"0 0 "+r+" "+r,size:void 0===t?24:t,currentColor:e.currentColor},/*#__PURE__*/n.createElement(on,{path:e.path,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}))}var tn,rn=m.svg(D||(D=H(["\n stroke: none;\n fill: ",";\n width: ","px;\n height: ","px;\n line-height: 0;\n font-size: 0;\n vertical-align: middle;\n"])),function(n){var e=n.currentColor;return void 0!==e&&e?"currentColor":n.theme.color.text2},function(n){return n.size},function(n){return n.size}),on=function(e){var t=e.path;return"string"==typeof t?/*#__PURE__*/n.createElement("path",{d:t,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}):/*#__PURE__*/n.createElement(n.Fragment,null,t)};function an(){/*#__PURE__*/return n.createElement(en,{viewBoxSize:16,size:16,currentColor:!0,path:/*#__PURE__*/n.createElement(n.Fragment,null,/*#__PURE__*/n.createElement("path",{d:"M8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16Z"}),/*#__PURE__*/n.createElement(sn,{d:"M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM8 6.25C8.69036 6.25 9.25 5.69036 9.25 5C9.25 4.30964 8.69036 3.75 8 3.75C7.30964 3.75 6.75 4.30964 6.75 5C6.75 5.69036 7.30964 6.25 8 6.25ZM7 7.75V11.25C7 11.8023 7.44772 12.25 8 12.25C8.55228 12.25 9 11.8023 9 11.25V7.75C9 7.19772 8.55228 6.75 8 6.75C7.44772 6.75 7 7.19772 7 7.75Z"}))})}var cn,ln,un,dn,sn=m.path(tn||(tn=H(["\n fill: ",";\n fill-rule: evenodd;\n"])),function(n){return n.theme.color.surface1});function fn(e){var t=e.children;/*#__PURE__*/return n.createElement(On,{className:e.className,context:e.context},/*#__PURE__*/n.createElement(Mn,null,/*#__PURE__*/n.createElement(an,null)),/*#__PURE__*/n.createElement(Sn,null,t))}var mn,pn,hn,vn,gn,xn,bn,wn,yn,kn,En,Cn,zn,Ln,Rn,On=m.div.attrs(function(n){return B({},n,function(n){switch(n){case"page":return{default:{horizontal:40,vertical:24},screen1:{horizontal:16,vertical:16}};case"section":return{default:{horizontal:16,vertical:16},screen1:{horizontal:16,vertical:16}}}}(n.context))})(cn||(cn=H(["\n ","\n\n @media "," {\n ","\n }\n\n display: flex;\n align-items: flex-start;\n ","\n"])),function(n){return nn(function(e){return[e.bg.surface3,e.borderRadius(8),e.padding.vertical(n.default.vertical),e.padding.horizontal(n.default.horizontal)]})},function(n){return b(n.theme.breakpoint.screen1)},function(n){return nn(function(e){return[e.padding.vertical(n.screen1.vertical),e.padding.horizontal(n.screen1.horizontal)]})},function(n){return"page"===n.context&&p(ln||(ln=H(["\n justify-content: center;\n "])))}),Mn=m.div(un||(un=H(["\n display: flex;\n align-items: center;\n color: ",";\n height: 22px;\n margin: -4px 4px -4px 0;\n"])),function(n){return n.theme.color.text4}),Sn=m.p(dn||(dn=H(["\n ","\n margin: 0;\n"])),nn(function(n){return[n.font.text2,n.typography(14)]})),Bn=72,Tn=E(2,C,z)+z,Hn=E(12,C,z);function jn(){return An(b(h().breakpoint.screen1))}function An(n){var i=e(function(){return __TEST__?{matches:!1,addListener:function(){},removeListener:function(){}}:matchMedia(n)},[n]),a=t(i.matches),c=a[0],l=a[1];i.matches!==c&&l(i.matches);var u=function(n){try{L.flushSync(function(){l(n.matches)})}catch(e){l(n.matches)}};return r(function(){return i.addListener(u),l(i.matches),function(){i.removeListener(u)}},[i]),o(n+": "+c.toString()),c}function Nn(n){return null!==n?n.getBoundingClientRect():void 0}function In(n,e){void 0===e&&(e=[]);var a=i(function(n,e){return void 0===n||void 0===e?e:n.height===e.height&&n.width===e.width?n:e},void 0),c=a[0],l=a[1],u=t(null),d=u[0],s=u[1];return r(function(){if(null!==d){var n=new ResizeObserver(function(){var n=Nn(d);l(n)});return n.observe(d),function(){n.unobserve(d),l(void 0)}}},[d]),r(function(){n.current!==d&&s(n.current)}),r(function(){e.length>0&&l(Nn(n.current))},e),o(c),c}var Pn=n.createContext({wide:!1,center:!1,withLeft:!1});function Wn(e){var t=e.menu,r=e.children,o=e.header,i=e.center,a=void 0!==i&&i,c=e.wide,l=e.isHeaderTopMenu,u=void 0!==l&&l,d={center:a,wide:!!a||null!=c&&c,withLeft:null!=t&&!u};/*#__PURE__*/return n.createElement(Fn,null,/*#__PURE__*/n.createElement(Pn.Provider,{value:d},d.withLeft&&/*#__PURE__*/n.createElement(Dn,null,t),/*#__PURE__*/n.createElement(Un,{center:a},null!=o&&/*#__PURE__*/n.createElement(_n,null,o),u&&/*#__PURE__*/n.createElement(Zn,null,t),/*#__PURE__*/n.createElement(Vn,null,r))),/*#__PURE__*/n.createElement(Gn,null))}var Zn=m.div(mn||(mn=H(["\n margin-bottom: 40px;\n overflow-x: auto;\n word-break: keep-all;\n\n @media "," {\n margin-bottom: 0;\n padding-left: 16px;\n padding-bottom: 16px;\n background-color: ",";\n }\n"])),function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.surface2}),Gn=v(pn||(pn=H(["\n :root {\n background-color: ",";\n\n @media "," {\n background-color: ",";\n }\n }\n"])),function(n){return n.theme.color.background2},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.background1}),Fn=m.div(hn||(hn=H(["\n display: flex;\n background-color: ",";\n\n @media "," {\n background-color: ",";\n }\n"])),function(n){return n.theme.color.background2},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.background1}),Dn=m.div(vn||(vn=H(["\n min-width: ","px;\n padding: 40px 0 40px ","px;\n box-sizing: border-box;\n\n @media "," {\n display: none;\n }\n"])),Tn,z,function(n){return n.theme.breakpoint.screen3}),Un=m.div(gn||(gn=H(["\n flex-grow: 1;\n /* https://www.w3.org/TR/css-flexbox-1/#min-size-auto */\n min-width: 0;\n max-width: ","px;\n padding: 40px ","px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n\n @media "," {\n padding: 0;\n }\n"])),function(n){return n.center?E(6,C,z):Hn},72,function(n){return b(n.theme.breakpoint.screen1)}),_n=m.div(xn||(xn=H(["\n font-weight: bold;\n margin-bottom: 12px;\n font-size: 20px;\n line-height: 28px;\n color: ",";\n\n @media "," {\n margin-bottom: 0;\n padding: 12px;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n justify-content: center;\n background-color: ",";\n }\n"])),function(n){return n.theme.color.text2},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.surface2}),Vn=m.div(bn||(bn=H(["\n display: grid;\n gap: ","px;\n grid-template-columns: 1fr;\n grid-auto-columns: 1fr;\n grid-auto-rows: auto;\n\n @media "," {\n gap: 0;\n background-color: ",";\n padding-bottom: 60px;\n }\n"])),z,function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.theme.color.background1}),Jn=n.forwardRef(function(e,t){var r=e.span,o=e.children,i=l(Pn);/*#__PURE__*/return n.createElement(Xn,{span:r,withLeft:i.withLeft,ref:t},o)}),Xn=m.div(wn||(wn=H(["\n grid-column-start: auto;\n grid-column-end: span ",";\n border-radius: 24px;\n color: ",";\n background-color: ",";\n /* https://www.w3.org/TR/css-grid-1/#min-size-auto */\n min-width: 0;\n\n @media "," {\n ","\n }\n\n @media "," {\n ","\n\n border-radius: 0;\n padding-bottom: 40px;\n }\n"])),function(n){return n.span},function(n){return n.theme.color.text2},function(n){return n.theme.color.background1},function(n){return n.withLeft?n.theme.breakpoint.screen4:n.theme.breakpoint.screen3},function(n){return n.span>2&&p(yn||(yn=H(["\n grid-column-end: span 2;\n "])))},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.span>1&&p(kn||(kn=H(["\n grid-column-end: span 1;\n "])))});function qn(e){var t=e.children,r=l(Pn);/*#__PURE__*/return n.createElement(Kn,{wide:r.wide,center:r.center},t)}var Kn=m.div(En||(En=H(["\n padding: 0 ","px;\n height: ","px;\n display: grid;\n align-items: center;\n font-size: 16px;\n line-height: 24px;\n font-weight: bold;\n background-color: ",";\n color: ",";\n border-radius: 24px 24px 0 0;\n ","\n\n @media "," {\n margin-top: 4px;\n padding: 0 16px;\n background: none;\n overflow-x: auto;\n border-radius: unset;\n ","\n }\n"])),function(n){return n.wide?40:24},function(n){return n.wide?64:48},function(n){return n.theme.color.surface2},function(n){return n.theme.color.text2},function(n){return n.center&&p(Cn||(Cn=H(["\n justify-content: center;\n "])))},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.wide&&p(zn||(zn=H(["\n height: 48px;\n margin-top: 0;\n "])))}),Yn={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 Qn(e){var t=e.children,r=e.horizontal,o=void 0!==r&&r,i=e.narrow,a=void 0!==i&&i,c=l(Pn);/*#__PURE__*/return n.createElement($n,{wide:c.wide,horizontal:o,narrow:a},t)}var $n=m.div(Ln||(Ln=H(["\n padding: ",";\n\n @media "," {\n padding: ",";\n }\n\n width: 100%;\n box-sizing: border-box;\n"])),function(n){return n.narrow?Yn.narrow.yTop+"px "+(n.horizontal?0:Yn.narrow.x)+"px "+Yn.narrow.yBottom+"px":n.wide?(n.horizontal?0:Yn.wide.y)+"px "+Yn.wide.x+"px":(n.horizontal?0:Yn.default.y)+"px "+Yn.default.x+"px"},function(n){return b(n.theme.breakpoint.screen1)},function(n){return n.narrow?Yn.narrowColumn1.yTop+"px "+(n.horizontal?0:Yn.narrowColumn1.x)+"px "+Yn.narrowColumn1.yBottom+"px":Yn.column1.y+"px "+Yn.column1.x+"px 0"});function ne(){var n=l(Pn).wide;return jn()?Yn.column1:n?Yn.wide:Yn.default}function ee(e){var t=e.children,r=e.cancelTop,o=l(Pn);/*#__PURE__*/return n.createElement(he,{wide:o.wide,cancelTop:r},t)}var te,re,oe,ie,ae,ce,le,ue,de,se,fe,me,pe,he=m.div(Rn||(Rn=H(["\n margin: 0 -","px;\n margin-top: -","px;\n\n @media "," {\n margin: 0 -","px;\n margin-top: -","px;\n }\n"])),function(n){return n.wide?Yn.wide.x:Yn.default.x},function(n){var e=n.cancelTop;return void 0!==e&&e?n.wide?Yn.wide.y:Yn.default.y:0},function(n){return b(n.theme.breakpoint.screen1)},Yn.column1.x,function(n){var e=n.cancelTop;return void 0!==e&&e?Yn.column1.x:0}),ve=function(n){return u(n)&&Boolean(n.props.children)},ge=function(n){return null==n||"boolean"==typeof n||"{}"===JSON.stringify(n)?"":n.toString()},xe=function n(e){return Array.isArray(e)||u(e)?d.toArray(e).reduce(function(e,t){var r;return r=u(t)&&ve(t)?n(t.props.children):u(t)&&!ve(t)?"":ge(t),e.concat(r)},""):ge(e)},be=m.div.attrs(function(n){var e=n.title,t=void 0===e?xe(n.children):e;return{title:""!==t?t:void 0}})(te||(te=H(["\n overflow: hidden;\n line-height: ","px;\n /* For english */\n overflow-wrap: break-word;\n\n ","\n"])),function(n){return n.lineHeight},function(n){var e=n.lineLimit,t=void 0===e?1:e,r=n.lineHeight;return 1===t?p(re||(re=H(["\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))):p(oe||(oe=H(["\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ",";\n /* Fallback for -webkit-line-clamp */\n max-height: ","px;\n "])),t,r*t)}),we=["link","onClick","disabled","primary","secondary","gtmClass","noHover","children"],ye=["icon","primary"],ke=["icon","primary"],Ee=n.createContext({padding:24});function Ce(e){var t=e.primary,r=e.secondary,o=e.onClick,i=e.disabled,a=void 0!==i&&i,c=e.noHover,u=void 0!==c&&c,d=e.gtmClass,s=e.children,f=l(Ee);/*#__PURE__*/return n.createElement(ze,{hasSubLabel:void 0!==r,onClick:function(n){return!a&&o&&o(n)},sidePadding:f.padding,noHover:u,noClick:void 0===o,"aria-disabled":a,role:void 0!==o?"button":void 0,className:void 0!==d?"gtm-"+d:void 0},/*#__PURE__*/n.createElement(Le,null,/*#__PURE__*/n.createElement(Re,null,/*#__PURE__*/n.createElement(be,{lineHeight:22,lineLimit:1},t)),void 0!==r&&/*#__PURE__*/n.createElement(Oe,null,/*#__PURE__*/n.createElement(be,{lineHeight:22,lineLimit:1},r))),s)}var ze=m.div(ie||(ie=H(["\n display: flex;\n height: ","px;\n align-items: center;\n justify-content: space-between;\n padding: 0 ","px;\n user-select: none;\n cursor: ",";\n transition: 0.2s background-color;\n\n &:hover {\n ","\n }\n\n ","\n\n "," {\n cursor: default;\n pointer-events: none;\n\n &:hover {\n background-color: unset;\n }\n }\n"])),function(n){return n.hasSubLabel?56:40},function(n){return n.sidePadding},function(n){return n.noClick?"default":"pointer"},function(n){return!n.noHover&&p(ae||(ae=H(["\n background-color: ",";\n "])),function(n){return n.theme.color.surface3})},nn(function(n){return n.disabled}),w),Le=m.div(ce||(ce=H(["\n display: flex;\n flex-direction: column;\n"]))),Re=m.div(le||(le=H(["\n color: ",";\n line-height: 22px;\n font-size: 14px;\n display: grid;\n"])),function(n){return n.theme.color.text2}),Oe=m.div(ue||(ue=H(["\n color: ",";\n line-height: 18px;\n font-size: 10px;\n"])),function(n){return n.theme.color.text3});function Me(e){var t=e.link,r=e.onClick,o=e.disabled,i=void 0!==o&&o,a=e.primary,c=e.secondary,l=e.gtmClass,u=e.noHover,d=e.children,s=T(e,we),f=x().Link,m={disabled:i,primary:a,secondary:c,gtmClass:l,noHover:u,children:d};return i?/*#__PURE__*/n.createElement("span",{onClick:r},/*#__PURE__*/n.createElement(Ce,m)):/*#__PURE__*/n.createElement(Se,B({as:f,to:t,onClick:r},s),/*#__PURE__*/n.createElement(Ce,B({onClick:function(){}},m)))}var Se=m.a(de||(de=H(["\n display: block;\n"])));function Be(e){var t=e.icon,r=e.primary,o=T(e,ye);/*#__PURE__*/return n.createElement(Me,B({primary:/*#__PURE__*/n.createElement(Ae,null,/*#__PURE__*/n.createElement(Ne,null,t),r)},o))}function Te(e){var t=e.icon,r=e.primary,o=T(e,ke);/*#__PURE__*/return n.createElement(Ce,B({primary:/*#__PURE__*/n.createElement(Ae,null,/*#__PURE__*/n.createElement(Ne,null,t),r)},o))}var He,je,Ae=m.div(se||(se=H(["\n display: grid;\n gap: 8px;\n grid-auto-flow: column;\n align-items: center;\n"]))),Ne=m.div(fe||(fe=H(["\n color: ",";\n display: flex;\n"])),function(n){return n.theme.color.text3}),Ie=m.div(me||(me=H(["\n height: 24px;\n"]))),Pe=m.div(pe||(pe=H(["\n padding: 0 16px;\n font-size: 12px;\n line-height: 16px;\n color: ",";\n margin-top: -2px;\n margin-bottom: 6px;\n"])),function(n){return n.theme.color.text3});function We(e){var t=e.links,r=e.active,o=x().Link;/*#__PURE__*/return n.createElement(dt,null,t.map(function(e,t){/*#__PURE__*/return n.createElement(o,{to:e.to,key:t},/*#__PURE__*/n.createElement(st,{"aria-current":e.id===r||void 0},e.text))}))}function Ze(e){/*#__PURE__*/return n.createElement(n.Fragment,null,e.links.map(function(e,t){/*#__PURE__*/return n.createElement(Me,{link:e.to,key:t,primary:e.text})}))}var Ge,Fe,De,Ue,_e,Ve,Je,Xe,qe,Ke,Ye,Qe,$e,nt,et,tt,rt,ot,it,at,ct,lt,ut,dt=m.div(He||(He=H(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),st=m.div(je||(je=H(["\n display: flex;\n align-items: center;\n color: ",";\n border-radius: 24px;\n font-weight: bold;\n font-size: 14px;\n line-height: 22px;\n padding: 0 16px;\n height: 40px;\n transition: 0.2s color;\n &:hover {\n transition: 0.2s color;\n color: ",";\n }\n &[aria-current] {\n color: ",";\n background-color: ",";\n }\n"])),function(n){return n.theme.color.text3},function(n){return n.theme.color.text2},function(n){return n.theme.color.text2},function(n){return n.theme.color.surface3}),ft=["gtmClass","flex","rowReverse","children","disabled"],mt=n.forwardRef(function(e,t){var r=e.gtmClass,o=e.flex,i=void 0!==o&&o,a=e.rowReverse,c=void 0!==a&&a,l=e.children,u=e.disabled,d=T(e,ft);/*#__PURE__*/return n.createElement(ht,{className:void 0!==r?"gtm-"+r:"",flex:i,rowReverse:c,"aria-disabled":u},/*#__PURE__*/n.createElement(vt,null,/*#__PURE__*/n.createElement(bt,B({},d,{disabled:u,ref:t})),/*#__PURE__*/n.createElement(gt,null,/*#__PURE__*/n.createElement(xt,null))),null!=l&&/*#__PURE__*/n.createElement(pt,{rowReverse:c},l))}),pt=m.span(Ge||(Ge=H(["\n ","\n"])),function(n){return p(n.rowReverse?Fe||(Fe=H(["\n margin-right: 8px;\n "])):De||(De=H(["\n margin-left: 8px;\n "])))}),ht=m.label(Ue||(Ue=H(["\n display: inline-flex;\n align-items: center;\n ","\n ","\n cursor: pointer;\n outline: 0;\n\n &[aria-disabled='true'] {\n cursor: auto;\n }\n"])),function(n){return n.flex&&p(_e||(_e=H(["\n display: flex;\n justify-content: space-between;\n "])))},function(n){var e=n.rowReverse;return p(Ve||(Ve=H(["\n flex-direction: ",";\n "])),e?"row-reverse":"row")}),vt=m.span(Je||(Je=H(["\n display: inline-flex;\n position: relative;\n z-index: 0;\n"]))),gt=m.div(Xe||(Xe=H(["\n position: relative;\n box-sizing: border-box;\n width: 28px;\n height: 16px;\n border-radius: 16px;\n border: 2px solid transparent;\n background: ",";\n transition: box-shadow 0.2s, background-color 0.2s;\n"])),function(n){return n.theme.color.text4}),xt=m.div(qe||(qe=H(["\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n width: 12px;\n height: 12px;\n background-color: ",";\n border-radius: 50%;\n transform: translateX(0);\n transition: transform 0.2s;\n"])),function(n){return n.theme.color.text5}),bt=m.input.attrs({type:"checkbox"})(Ke||(Ke=H(["\n position: absolute;\n /* NOTE: this is contained by the GraphicCheckboxOuter */\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n /* just to control the clickable area if used standalone */\n border-radius: 16px;\n opacity: 0;\n appearance: none;\n outline: none;\n cursor: pointer;\n\n &:checked {\n ~ "," {\n background-color: ",";\n\n "," {\n transform: translateX(12px);\n }\n }\n }\n\n &:disabled {\n cursor: auto;\n\n ~ "," {\n opacity: ",";\n }\n }\n\n &:not(:disabled):focus {\n ~ "," {\n box-shadow: 0 0 0 4px\n ",";\n }\n }\n"])),gt,function(n){return n.theme.color.brand},xt,gt,function(n){return n.theme.elementEffect.disabled.opacity},gt,function(n){var e=n.theme;return y(e.color.brand,e.elementEffect.disabled)}),wt=n.memo(function(e){var t=e.children,r=e.icon,o=e.show,i=void 0===o||o,a=e.prefix,c=void 0!==a&&a,l=e.width,u=e.fit,d=e.fixed,s=void 0!==d&&d,f=void 0!==u&&u?void 0===l?/*#__PURE__*/n.createElement(Et,{show:i,pre:c},r):/*#__PURE__*/n.createElement(Nt,{width:l,show:i,pre:c},/*#__PURE__*/n.createElement(It,null,r)):/*#__PURE__*/n.createElement(jt,{show:i,pre:c},/*#__PURE__*/n.createElement(At,null,r));/*#__PURE__*/return n.createElement(yt,null,c&&f,/*#__PURE__*/n.createElement(kt,{fixed:s},t),!c&&f)}),yt=m.div(Ye||(Ye=H(["\n display: flex;\n align-items: center;\n"]))),kt=m.div(Qe||(Qe=H(["\n ","\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),function(n){return!n.fixed&&p($e||($e=H(["\n min-width: 0;\n overflow: hidden;\n "])))});function Et(e){var t,r,o=e.children,i=e.show,c=e.pre,l=a(null),u=null!=(t=null==(r=In(l,[null]))?void 0:r.width)?t:0;/*#__PURE__*/return n.createElement(Nt,{width:u,show:i,pre:c},/*#__PURE__*/n.createElement(It,{ref:l},o))}var Ct,zt,Lt,Rt,Ot,Mt,St,Bt,Tt=p(nt||(nt=H(["\n > svg {\n display: block;\n }\n"]))),Ht=p(et||(et=H(["\n ",";\n ","\n"])),function(n){return"collapse"===n.show?p(tt||(tt=H(["\n display: none;\n "]))):p(rt||(rt=H(["\n visibility: ",";\n "])),n.show?"visible":"hidden")},function(n){return p(n.pre?ot||(ot=H(["\n margin-right: 4px;\n "])):it||(it=H(["\n margin-left: 4px;\n "])))}),jt=m.div(at||(at=H(["\n display: flex;\n align-items: center;\n\n ","\n"])),Ht),At=m.div(ct||(ct=H(["\n display: inline-flex;\n\n ","\n"])),Tt),Nt=m.div(lt||(lt=H(["\n display: flex;\n position: relative;\n /* Iconをline-heightに関与させない */\n height: 0;\n /* 横方向の領域は確保する */\n width: ","px;\n\n ","\n"])),function(n){return n.width},Ht),It=m.div(ut||(ut=H(["\n display: inline-flex;\n position: absolute;\n transform: translateY(-50%);\n\n ","\n"])),Tt);function Pt(n){throw new Error(0===arguments.length?"unreachable":"unreachable ("+JSON.stringify(n)+")")}function Wt(e){var t=function(n){switch(n){case zt.Up:return"rotate(270 12 12)";case zt.Down:return"rotate(90 12 12)";case zt.Left:return"rotate(180 12 12)";case zt.Right:return;default:return Pt(n)}}(e.direction);/*#__PURE__*/return n.createElement(en,{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:t})}function Zt(e){var t=e.direction,r=e.show,o=e.offset,i=void 0===o?0:o,a=e.padding,c=void 0===a?0:a,l=e.bottomOffset,u=void 0===l?0:l,d=e.gradient,s=void 0!==d&&d,f=e.onClick,m=t===Bt.Left?{left:s?i-72:i,paddingLeft:Math.max(c,0),paddingBottom:u}:{right:s?i-72:i,paddingRight:Math.max(c,0),paddingBottom:u};/*#__PURE__*/return n.createElement(Ft,{type:"button",onClick:f,hide:!r,style:m,css:$t},/*#__PURE__*/n.createElement(Gt,null,/*#__PURE__*/n.createElement(Wt,{direction:t===Bt.Right?zt.Right:t===Bt.Left?zt.Left:Pt()})))}!function(n){n.Up="up",n.Down="down",n.Left="left",n.Right="right"}(zt||(zt={})),function(n){n.Right="right",n.Left="left"}(Bt||(Bt={}));var Gt=m.div(Lt||(Lt=H(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: ","px;\n height: ","px;\n border-radius: 50%;\n background-color: ",";\n transition: 0.4s visibility, 0.4s opacity, 0.2s background-color, 0.2s color;\n color: ",";\n"])),40,40,function(n){return n.theme.color.surface4},function(n){return n.theme.color.text5}),Ft=m.button(Rt||(Rt=H(["\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n padding: 0;\n min-width: 40px;\n border: none;\n outline: 0;\n background: transparent;\n cursor: pointer;\n transition: 0.4s visibility, 0.4s opacity;\n /* つらい */\n /* このコンポーネントはCarouselでしか使われてないのでそっちでコンテキストで切る */\n z-index: 1;\n\n &:hover "," {\n background-color: ",";\n color: ",";\n }\n\n &:active "," {\n background-color: ",";\n color: ",";\n }\n\n ","\n"])),Gt,function(n){var e=n.theme;return y(e.color.surface4,e.effect.hover)},function(n){var e=n.theme;return y(e.color.text5,e.effect.hover)},Gt,function(n){var e=n.theme;return y(e.color.surface4,e.effect.press)},function(n){var e=n.theme;return y(e.color.text5,e.effect.press)},function(n){return n.hide&&p(Ot||(Ot=H(["\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n "])))});m(Gt)(Mt||(Mt=H(["\n cursor: pointer;\n\n &:hover {\n background-color: ",";\n color: ",";\n }\n\n &:active {\n background-color: ",";\n color: ",";\n }\n"])),function(n){var e=n.theme;return y(e.color.surface4,e.effect.hover)},function(n){var e=n.theme;return y(e.color.text5,e.effect.hover)},function(n){var e=n.theme;return y(e.color.surface4,e.effect.press)},function(n){var e=n.theme;return y(e.color.text5,e.effect.press)});var Dt,Ut,_t,Vt,Jt,Xt,qt,Kt,Yt,Qt,$t=p(St||(St=H(["\n @media (hover: none) and (pointer: coarse) {\n display: none;\n }\n"]))),nr=["buttonOffset","buttonPadding","bottomOffset","defaultScroll","onScroll","onResize","children","centerItems","onScrollStateChange","scrollAmountCoef"];function er(e){var o=e.buttonOffset,i=void 0===o?0:o,l=e.buttonPadding,u=void 0===l?16:l,d=e.bottomOffset,f=void 0===d?0:d,m=e.defaultScroll,p=(m=void 0===m?{}:m).align,h=void 0===p?"left":p,v=m.offset,g=void 0===v?0:v,x=e.onScroll,b=e.onResize,w=e.children,y=e.centerItems,k=e.onScrollStateChange,E=e.scrollAmountCoef,C=void 0===E?.75:E,z=T(e,nr),L=function(n){var e=t(0),r=e[0],o=e[1],i=a();return[r,c(function(n,e){void 0===e&&(e=!1),e?o(n):void 0===i.current&&(i.current=requestAnimationFrame(function(){o(n),void 0!==i.current&&(i.current=void 0)}))},[])]}(),R=L[0],M=L[1],S=a(!1),B=t(0),H=B[0],j=B[1],A=t(!1),N=A[0],I=A[1],P=t(!1),W=P[0],Z=P[1],G=O(function(){return{scroll:0}}),F=G[0],D=G[1],U=a(null),_=a(null),V=a(null),J=c(function(){if(null!==_.current){var n=Math.min(R+_.current.clientWidth*C,H);M(n,!0),D({scroll:n,from:{scroll:R},reset:!S.current}),S.current=!0}},[S,H,R,D,C,M]),X=c(function(){if(null!==_.current){var n=Math.max(R-_.current.clientWidth*C,0);M(n,!0),D({scroll:n,from:{scroll:R},reset:!S.current}),S.current=!0}},[S,R,D,C,M]);s(function(){var n=R>0,e=R<H&&H>0;n===N&&e===W||(I(n),Z(e),null==k||k(n||e))},[N,H,k,W,R]);var q=c(function(){null!==U.current&&(S.current&&(F.scroll.stop(),S.current=!1),M(U.current.scrollLeft))},[S,M,F]),K=c(function(){if(null!==U.current){var n=U.current,e=n.clientWidth;j(n.scrollWidth-e),b&&b(e)}},[b]),Y=a(new ResizeObserver(K)),Q=a(new ResizeObserver(K));r(function(){var n=U.current,e=V.current;if(null!==n&&null!==e){n.addEventListener("wheel",q,function(){if(void 0!==Ct)return Ct;Ct=!1;try{var n=Object.defineProperty({},"passive",{get:function(){return Ct=!0}});window.addEventListener("test",e,n),window.removeEventListener("test",e)}catch(n){}return Ct;function e(){}}()&&{passive:!0});var t=Y.current;t.observe(n);var r=Q.current;return r.observe(e),function(){n.removeEventListener("wheel",q),t.disconnect(),r.disconnect()}}},[K,q]),r(function(){if("left"!==h||0!==g){var n=U.current;if(null!==n){var e=Math.max(0,Math.min("left"===h&&g>0?g:"center"===h?H/2+g:"right"===h&&g<=H?H-g/2:0,H));n.scrollLeft=e,M(e,!0)}}},[U.current]);var $=c(function(){null!==U.current&&x&&x(U.current.scrollLeft)},[x]),nn=t(!1),en=nn[0],tn=nn[1];if(r(function(){navigator.userAgent.includes("Edge/")&&tn(!0)},[]),!en&&!0===z.hasGradient){var rn,on=null!=(rn=z.fadeInGradient)&&rn,an=!on;/*#__PURE__*/return n.createElement(ir,{ref:_},/*#__PURE__*/n.createElement(cr,{fadeInGradient:on},/*#__PURE__*/n.createElement(lr,null,/*#__PURE__*/n.createElement(ur,{show:an||R>0},/*#__PURE__*/n.createElement(ar,{ref:U,scrollLeft:F.scroll,onScroll:$},/*#__PURE__*/n.createElement(rr,{ref:V,centerItems:y},w))))),/*#__PURE__*/n.createElement(or,null,/*#__PURE__*/n.createElement(Zt,{direction:Bt.Left,show:N,offset:i,bottomOffset:f,padding:u,gradient:an,onClick:X}),/*#__PURE__*/n.createElement(Zt,{direction:Bt.Right,show:W,offset:i,bottomOffset:f,padding:u,gradient:!0,onClick:J})))}/*#__PURE__*/return n.createElement(ir,{ref:_},/*#__PURE__*/n.createElement(ar,{ref:U,scrollLeft:F.scroll,onScroll:$},/*#__PURE__*/n.createElement(rr,{ref:V,centerItems:y},w)),/*#__PURE__*/n.createElement(or,null,/*#__PURE__*/n.createElement(Zt,{direction:Bt.Left,show:N,offset:i,bottomOffset:f,padding:u,onClick:X}),/*#__PURE__*/n.createElement(Zt,{direction:Bt.Right,show:W,offset:i,bottomOffset:f,padding:u,onClick:J})))}var tr,rr=m.ul(Dt||(Dt=H(["\n vertical-align: top;\n overflow: hidden;\n list-style: none;\n padding: 0;\n\n /* 最小幅を100%にして親要素にぴったりくっつけることで子要素で要素を均等に割り付けるなどを出来るようにしてある */\n min-width: 100%;\n box-sizing: border-box;\n\n ","\n"])),function(n){var e=n.centerItems;return p(void 0!==e&&e?Ut||(Ut=H(["\n display: flex;\n width: max-content;\n margin: 0 auto;\n "])):_t||(_t=H(["\n display: inline-flex;\n margin: 0;\n "])))}),or=m.div(Vt||(Vt=H(["\n opacity: 0;\n transition: 0.4s opacity;\n"]))),ir=m.div(Jt||(Jt=H(["\n &:hover "," {\n opacity: 1;\n }\n\n /* CarouselButtonの中にz-index:1があるのでここでコンテキストを切る */\n position: relative;\n z-index: 0;\n"])),or),ar=m(R.div)(Xt||(Xt=H(["\n overflow-x: auto;\n padding: 0;\n margin: 0;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n"]))),cr=m.div(qt||(qt=H(["\n /* NOTE: LeftGradientがはみ出るためhidden */\n overflow: hidden;\n ","\n\n margin-right: ","px;\n /* stylelint-disable-next-line no-duplicate-selectors */\n "," {\n padding-right: ","px;\n }\n"])),function(n){return!n.fadeInGradient&&p(Kt||(Kt=H(["\n margin-left: ","px;\n "," {\n padding-left: ","px;\n }\n "])),-72,rr,72)},-72,rr,72),lr=m.div(Yt||(Yt=H(["\n mask-image: linear-gradient(\n to right,\n #000 calc(100% - ","px),\n transparent\n );\n"])),72),ur=m.div(Qt||(Qt=H(["\n /* NOTE: mask-position が left → negative px の時、right → abs(negative px) の位置に表示されるため */\n margin-right: ","px;\n padding-right: ","px;\n /* NOTE: mask-position に transition をつけたいが vender prefixes 対策で all につける */\n transition: 0.2s all ease-in;\n mask: linear-gradient(to right, transparent, #000 ","px)\n ","px 0;\n"])),-72,72,72,function(n){return n.show?0:-72});function dr(e){var t=e.size;/*#__PURE__*/return n.createElement(mr,{viewBox:"0 0 20 6",width:t,height:t},/*#__PURE__*/n.createElement("path",{fillRule:"evenodd",d:"M5,14.5 C3.61928813,14.5 2.5,13.3807119 2.5,12 C2.5,10.6192881 3.61928813,9.5 5,9.5\n C6.38071187,9.5 7.5,10.6192881 7.5,12 C7.5,13.3807119 6.38071187,14.5 5,14.5 Z M12,14.5\n C10.6192881,14.5 9.5,13.3807119 9.5,12 C9.5,10.6192881 10.6192881,9.5 12,9.5\n C13.3807119,9.5 14.5,10.6192881 14.5,12 C14.5,13.3807119 13.3807119,14.5 12,14.5 Z M19,14.5\n C17.6192881,14.5 16.5,13.3807119 16.5,12 C16.5,10.6192881 17.6192881,9.5 19,9.5\n C20.3807119,9.5 21.5,10.6192881 21.5,12 C21.5,13.3807119 20.3807119,14.5 19,14.5 Z",transform:"translate(-2 -9)"}))}dr.defaultProps={size:16};var sr,fr,mr=m.svg(tr||(tr=H(["\n fill: currentColor;\n"])));function pr(e){var t=e.size;/*#__PURE__*/return n.createElement("svg",{viewBox:"0 0 10 8",width:t,height:t},/*#__PURE__*/n.createElement(wr,{strokeWidth:"2",points:"1,2 5,6 9,2",transform:hr(e.direction)}))}function hr(n){switch(n){case fr.Up:return"rotate(180 5 4)";case fr.Down:return;case fr.Left:return"rotate(90 5 4)";case fr.Right:return"rotate(-90 5 4)";default:return Pt(n)}}!function(n){n.Up="up",n.Down="down",n.Left="left",n.Right="right"}(fr||(fr={})),pr.defaultProps={size:16,white:!1,lightGray:!1};var vr,gr,xr,br,wr=m.polyline(sr||(sr=H(["\n fill: none;\n stroke-linejoin: round;\n stroke-linecap: round;\n stroke: currentColor;\n"])));function yr(n,t,r){void 0===r&&(r=7),"production"!==process.env.NODE_ENV&&(M((0|n)===n,"`page` must be interger ("+n+")"),M((0|t)===t,"`pageCount` must be interger ("+t+")"));var i=e(function(){var e=1,o=Math.min(t,Math.max(n+Math.floor(r/2),r));if(o<=r)return Array.from({length:1+o-e},function(n,t){return e+t});var i=o-(r-1)+2;return[e,"..."].concat(Array.from({length:1+o-i},function(n,e){return i+e}))},[n,t,r]);return o(i),i}var kr=n.memo(function(e){var t=e.page,r=e.pageCount,o=e.onChange,i=yr(t,r),a=c(function(n){return function(){o(n)}},[o]),l=t<r,u=t>1;/*#__PURE__*/return n.createElement(Rr,null,/*#__PURE__*/n.createElement(Or,{type:"button",hidden:!u,disabled:!u,onClick:a(Math.max(1,t-1)),noBackground:!0},/*#__PURE__*/n.createElement(pr,{size:16,direction:fr.Left})),i.map(function(e){return"..."===e?/*#__PURE__*/n.createElement(Mr,{key:e},/*#__PURE__*/n.createElement(dr,{size:20})):/*#__PURE__*/n.createElement(Or,e===t?{key:e,type:"button","aria-current":!0}:{key:e,type:"button",onClick:a(e)},/*#__PURE__*/n.createElement(Sr,null,e))}),/*#__PURE__*/n.createElement(Or,{type:"button",hidden:!l,disabled:!l,onClick:a(Math.min(r,t+1)),noBackground:!0},/*#__PURE__*/n.createElement(pr,{size:16,direction:fr.Right})))});function Er(e){var t=e.page,r=e.pageCount,o=e.makeUrl,i=x().Link,a=yr(t,r),c=t<r,l=t>1;/*#__PURE__*/return n.createElement(Rr,null,/*#__PURE__*/n.createElement(i,{to:o(Math.max(1,t-1))},/*#__PURE__*/n.createElement(Or,{hidden:!l,"aria-disabled":!l,noBackground:!0},/*#__PURE__*/n.createElement(pr,{size:16,direction:fr.Left}))),a.map(function(e){return"..."===e?/*#__PURE__*/n.createElement(Mr,{key:e},/*#__PURE__*/n.createElement(dr,{size:20,subLink:!0})):e===t?/*#__PURE__*/n.createElement(Or,{key:e,type:"button","aria-current":!0},/*#__PURE__*/n.createElement(Sr,null,e)):/*#__PURE__*/n.createElement(i,{key:e,to:o(e)},/*#__PURE__*/n.createElement(Or,{type:"button"},/*#__PURE__*/n.createElement(Sr,null,e)))}),/*#__PURE__*/n.createElement(i,{to:o(Math.min(r,t+1))},/*#__PURE__*/n.createElement(Or,{hidden:!c,"aria-disabled":!c,noBackground:!0},/*#__PURE__*/n.createElement(pr,{size:16,direction:fr.Right}))))}var Cr,zr,Lr,Rr=m.nav(vr||(vr=H(["\n display: flex;\n justify-content: center;\n align-items: center;\n"]))),Or=m.button(gr||(gr=H(["\n font-size: 1rem;\n line-height: calc(1em + 8px);\n text-decoration: none;\n border: none;\n outline: none;\n touch-action: manipulation;\n user-select: none;\n transition: box-shadow 0.2s ease 0s, color 0.2s ease 0s,\n background 0.2s ease 0s, opacity 0.2s ease 0s;\n\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: content-box;\n min-width: 24px;\n min-height: 24px;\n padding: 8px;\n cursor: pointer;\n font-weight: bold;\n /* HACK:\n * Safari doesn't correctly repaint the elements when they're reordered in response to interaction.\n * This forces it to repaint them. This doesn't work if put on the parents either, has to be here.\n */\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-transform: translateZ(0);\n\n &[hidden] {\n visibility: hidden;\n display: block;\n }\n\n border-radius: 48px;\n\n background: transparent;\n color: ",";\n\n &:hover {\n background: ",";\n color: ",";\n }\n\n &[aria-current] {\n background-color: ",";\n color: ",";\n }\n\n &[aria-current]:hover {\n background-color: ",";\n color: ",";\n }\n\n ","\n"])),function(n){return n.theme.color.text3},function(n){return n.theme.color.surface3},function(n){return n.theme.color.text2},function(n){return n.theme.color.surface6},function(n){return n.theme.color.text5},function(n){return n.theme.color.surface6},function(n){return n.theme.color.text5},function(n){var e=n.noBackground;return void 0!==e&&e&&p(xr||(xr=H(["\n /* stylelint-disable-next-line no-duplicate-selectors */\n &:hover {\n background: transparent;\n }\n "])))}),Mr=m(Or).attrs({type:"button",disabled:!0})(br||(br=H(["\n && {\n color: ",";\n background: none;\n }\n"])),function(n){return n.theme.color.text3}),Sr="span";function Br(e){var t=e.size,r=e.padding,o=e.transparent;/*#__PURE__*/return n.createElement(Tr,{size:void 0===t?48:t,padding:void 0===r?16:r,transparent:void 0!==o&&o},/*#__PURE__*/n.createElement(Ar,null))}var Tr=m.div.attrs({role:"progressbar"})(Cr||(Cr=H(["\n margin: auto;\n padding: ","px;\n border-radius: 8px;\n font-size: ","px;\n width: ","px;\n height: ","px;\n background-color: ",";\n color: ",";\n"])),function(n){return n.padding},function(n){return n.size},function(n){return n.size},function(n){return n.size},function(n){return n.transparent?"transparent":S(.32,n.theme.color.background1)},function(n){return n.theme.color.text4}),Hr=g(zr||(zr=H(["\n from {\n transform: scale(0);\n opacity: 1;\n }\n\n to {\n transform: scale(1);\n opacity: 0;\n }\n"]))),jr=m.div.attrs({role:"presentation"})(Lr||(Lr=H(["\n width: 1em;\n height: 1em;\n border-radius: 1em;\n background-color: currentColor;\n animation: "," 1s both ease-out;\n animation-iteration-count: ",";\n\n &[data-reset-animation] {\n animation: none;\n }\n"])),Hr,function(n){return n.once?1:"infinite"}),Ar=n.forwardRef(function(e,t){var r=e.once,o=void 0!==r&&r,i=a(null);return f(t,function(){return{restart:function(){i.current&&(i.current.dataset.resetAnimation="true",delete i.current.dataset.resetAnimation)}}}),/*#__PURE__*/n.createElement(jr,{ref:i,once:o})});export{ee as CancelLayoutItemBodyPadding,er as Carousel,$ as Filter,_ as FilterButton,V as FilterIconButton,J as FilterLink,fn as HintText,Yn as LAYOUT_ITEM_BODY_PADDING,Wn as Layout,Jn as LayoutItem,Qn as LayoutItemBody,qn as LayoutItemHeader,We as LeftMenu,Ze as LeftMenuContent,Er as LinkPager,Bn as MAIN_COLUMN_HORIZONTAL_MIN_MARGIN,Ce as MenuListItem,Ee as MenuListItemContext,Te as MenuListItemWithIcon,Pe as MenuListLabel,Me as MenuListLinkItem,Be as MenuListLinkItemWithIcon,Ie as MenuListSpacer,kr as Pager,Tn as RESPONSIVE_LEFT_WIDTH,Hn as RESPONSIVE_MAIN_MAX_WIDTH,Br as Spinner,Ar as SpinnerIcon,he as StyledCancelLayoutItemBodyPadding,$n as StyledLayoutItemBody,mt as SwitchCheckbox,be as TextEllipsis,wt as WithIcon,In as useElementSize,ne as useLayoutItemBodyPadding,An as useMedia,jn as useMediaScreen1};
2
2
  //# sourceMappingURL=index.module.js.map