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

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 (18) hide show
  1. package/dist/components/Carousel/index.story.d.ts +1 -1
  2. package/dist/components/Carousel/index.story.d.ts.map +1 -1
  3. package/dist/components/Filter/index.story.d.ts.map +1 -1
  4. package/dist/components/Pager/index.d.ts.map +1 -1
  5. package/dist/components/Pager/index.story.d.ts.map +1 -1
  6. package/dist/foundation/hooks.d.ts.map +1 -1
  7. package/dist/index.cjs +1 -1
  8. package/dist/index.cjs.map +1 -1
  9. package/dist/index.modern.js +41 -41
  10. package/dist/index.modern.js.map +1 -1
  11. package/dist/index.module.js +1 -1
  12. package/dist/index.module.js.map +1 -1
  13. package/package.json +4 -4
  14. package/src/components/Carousel/index.story.tsx +1 -1
  15. package/src/components/Filter/index.story.tsx +4 -1
  16. package/src/components/Pager/index.story.tsx +7 -4
  17. package/src/components/Pager/index.tsx +1 -3
  18. package/src/foundation/hooks.ts +1 -0
package/dist/components/Carousel/index.story.d.ts CHANGED
@@ -3,5 +3,5 @@ declare const _default: {
3
3
  decorators: ((...args: any) => any)[];
4
4
  };
5
5
  export default _default;
6
- export declare const carousel: () => JSX.Element;
6
+ export declare const _Carousel: () => JSX.Element;
7
7
  //# sourceMappingURL=index.story.d.ts.map
package/dist/components/Carousel/index.story.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.story.tsx"],"names":[],"mappings":";;;;AAoBA,wBAGC;AAED,eAAO,MAAM,QAAQ,mBAyCpB,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.story.tsx"],"names":[],"mappings":";;;;AAoBA,wBAGC;AAED,eAAO,MAAM,SAAS,mBAyCrB,CAAA"}
package/dist/components/Filter/index.story.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/index.story.tsx"],"names":[],"mappings":";;;;AAaA,wBAGC;AAID,wBAAgB,OAAO,gBAatB;AA4BD,wBAAgB,MAAM,gBAQrB;AAED,wBAAgB,IAAI,gBAQnB"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/index.story.tsx"],"names":[],"mappings":";;;;AAcA,wBAGC;AAID,wBAAgB,OAAO,gBAetB;AA4BD,wBAAgB,MAAM,gBAQrB;AAED,wBAAgB,IAAI,gBAQnB"}
package/dist/components/Pager/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAqElE,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;;AAGD,wBAuDE;AAEF,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,cAAc,eAqCrE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAmElE,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;;AAGD,wBAuDE;AAEF,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,cAAc,eAqCrE"}
package/dist/components/Pager/index.story.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Pager/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;AAIzC,wBAiBC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB;AAOD,eAAO,MAAM,OAAO,cAAwB,CAAA;AAiC5C,eAAO,MAAM,IAAI,cAAqB,CAAA;AAMtC,eAAO,MAAM,YAAY,cAAqB,CAAA;AAM9C,eAAO,MAAM,iBAAiB,cAAqB,CAAA;AAMnD,eAAO,MAAM,QAAQ,cAAqB,CAAA;AAM1C,eAAO,MAAM,GAAG,cAAqB,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Pager/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;AAIzC,wBAiBC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB;AAOD,eAAO,MAAM,OAAO,cAAwB,CAAA;AAmC5C,eAAO,MAAM,IAAI,cAAqB,CAAA;AAMtC,eAAO,MAAM,YAAY,cAAqB,CAAA;AAM9C,eAAO,MAAM,iBAAiB,cAAqB,CAAA;AAMnD,eAAO,MAAM,QAAQ,cAAqB,CAAA;AAM1C,eAAO,MAAM,GAAG,cAAqB,CAAA"}
package/dist/foundation/hooks.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/foundation/hooks.ts"],"names":[],"mappings":"AAeA,OAAO,QAAQ,WAAW,CAAC;IACzB,SAAgB,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA;CACnD;AAED;;GAEG;AACH,wBAAgB,eAAe,YAE9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,WAmDrC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAMD,wBAAgB,cAAc,CAC5B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EAC7B,IAAI,GAAE,GAAG,EAAO,2BAmEjB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,eAKb,CAAC,UAAS,OAAO,WAgB/D"}
1
+ {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/foundation/hooks.ts"],"names":[],"mappings":"AAeA,OAAO,QAAQ,WAAW,CAAC;IACzB,SAAgB,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA;CACnD;AAED;;GAEG;AACH,wBAAgB,eAAe,YAE9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,WAmDrC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAMD,wBAAgB,cAAc,CAC5B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EAE7B,IAAI,GAAE,GAAG,EAAO,2BAmEjB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,eAKb,CAAC,UAAS,OAAO,WAgB/D"}
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- var e=require("react"),n=require("styled-components"),t=require("@charcoal-ui/react"),r=require("@charcoal-ui/utils"),o=require("@charcoal-ui/styled"),i=require("@charcoal-ui/foundation"),a=require("react-dom"),l=require("react-spring"),u=require("warning"),c=require("polished");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f,s,p,m,h,v,x,g,b,y=/*#__PURE__*/d(e),w=/*#__PURE__*/d(n),E=/*#__PURE__*/d(o),k=/*#__PURE__*/d(a),C=/*#__PURE__*/d(u);function L(){return L=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},L.apply(this,arguments)}function z(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n.indexOf(t=i[r])>=0||(o[t]=e[t]);return o}function R(e,n){return n||(n=e.slice(0)),e.raw=n,e}var T,I=["onClick","children","active","hover","reactive"],M=y.default.forwardRef(function(e,n){var t=e.active,r=void 0!==t&&t,o=e.reactive,i=void 0!==o&&o;/*#__PURE__*/return y.default.createElement(B,{active:r,reactive:i,hover:e.hover,onClick:r&&!i?void 0:e.onClick,ref:n},e.children)}),S=y.default.forwardRef(function(e,n){var t=e.active,r=void 0!==t&&t,o=e.reactive,i=void 0!==o&&o;/*#__PURE__*/return y.default.createElement(A,{active:r,reactive:i,hover:e.hover,onClick:r&&!i?void 0:e.onClick,ref:n,buttonWidth:e.width,buttonHeight:e.height},e.children)}),O=y.default.forwardRef(function(e,n){var r=e.onClick,o=e.children,i=e.active,a=void 0!==i&&i,l=e.hover,u=e.reactive,c=void 0!==u&&u,d=z(e,I),f=t.useComponentAbstraction().Link;return a&&!c?/*#__PURE__*/y.default.createElement(W,{active:!0,hover:l,ref:n},o):/*#__PURE__*/y.default.createElement(f,L({},d,{onClick:r}),/*#__PURE__*/y.default.createElement(W,{active:a,reactive:c,hover:l,ref:n},o))}),N=n.css(f||(f=R(["\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(e){return e.theme.color.text3},function(e){return e.theme.color.text2},function(e){var t=e.hover;return void 0!==t&&t&&n.css(s||(s=R(["\n color: ",";\n "])),function(e){return e.theme.color.text2})},function(e){var t=e.active;return void 0!==t&&t&&n.css(p||(p=R(["\n background-color: ",";\n color: ",";\n "])),function(e){return e.theme.color.surface3},function(e){return e.theme.color.text2})},function(e){var t=e.active,r=e.reactive;return void 0!==t&&t&&!(void 0!==r&&r)&&n.css(m||(m=R(["\n cursor: default;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),_=n.css(h||(h=R(["\n padding: 0;\n\n @media "," {\n padding: 0;\n }\n"])),function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),B=w.default.button(v||(v=R(["\n ","\n"])),N),W=w.default.span(x||(x=R(["\n ","\n"])),N),A=w.default(B)(g||(g=R(["\n ",";\n ","\n ","\n"])),_,function(e){return void 0!==e.buttonWidth&&"width: "+e.buttonWidth+"px;"},function(e){return void 0!==e.buttonHeight&&"height: "+e.buttonHeight+"px;"}),U=w.default.div(b||(b=R(["\n display: flex;\n"]))),H=E.default(w.default);function P(e){var n=e.size,t=e.viewBoxSize;/*#__PURE__*/return y.default.createElement(G,{viewBox:"0 0 "+t+" "+t,size:void 0===n?24:n,currentColor:e.currentColor},/*#__PURE__*/y.default.createElement(D,{path:e.path,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}))}var j,G=w.default.svg(T||(T=R(["\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(e){var n=e.currentColor;return void 0!==n&&n?"currentColor":e.theme.color.text2},function(e){return e.size},function(e){return e.size}),D=function(e){var n=e.path;return"string"==typeof n?/*#__PURE__*/y.default.createElement("path",{d:n,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}):/*#__PURE__*/y.default.createElement(y.default.Fragment,null,n)};function V(){/*#__PURE__*/return y.default.createElement(P,{viewBoxSize:16,size:16,currentColor:!0,path:/*#__PURE__*/y.default.createElement(y.default.Fragment,null,/*#__PURE__*/y.default.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__*/y.default.createElement(de,{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 q,F,Z,X,Y,J,K,Q,$,ee,ne,te,re,oe,ie,ae,le,ue,ce,de=w.default.path(j||(j=R(["\n fill: ",";\n fill-rule: evenodd;\n"])),function(e){return e.theme.color.surface1}),fe=w.default.div.attrs(function(e){return L({},e,function(e){switch(e){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}}}}(e.context))})(q||(q=R(["\n ","\n\n @media "," {\n ","\n }\n\n display: flex;\n align-items: flex-start;\n ","\n"])),function(e){return H(function(n){return[n.bg.surface3,n.borderRadius(8),n.padding.vertical(e.default.vertical),n.padding.horizontal(e.default.horizontal)]})},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return H(function(n){return[n.padding.vertical(e.screen1.vertical),n.padding.horizontal(e.screen1.horizontal)]})},function(e){return"page"===e.context&&n.css(F||(F=R(["\n justify-content: center;\n "])))}),se=w.default.div(Z||(Z=R(["\n display: flex;\n align-items: center;\n color: ",";\n height: 22px;\n margin: -4px 4px -4px 0;\n"])),function(e){return e.theme.color.text4}),pe=w.default.p(X||(X=R(["\n ","\n margin: 0;\n"])),H(function(e){return[e.font.text2,e.typography(14)]})),me=i.columnSystem(2,i.COLUMN_UNIT,i.GUTTER_UNIT)+i.GUTTER_UNIT,he=i.columnSystem(12,i.COLUMN_UNIT,i.GUTTER_UNIT);function ve(){return xe(r.maxWidth(n.useTheme().breakpoint.screen1))}function xe(n){var t=e.useMemo(function(){return __TEST__?{matches:!1,addListener:function(){},removeListener:function(){}}:matchMedia(n)},[n]),r=e.useState(t.matches),o=r[0],i=r[1];t.matches!==o&&i(t.matches);var a=function(e){try{k.default.flushSync(function(){i(e.matches)})}catch(n){i(e.matches)}};return e.useLayoutEffect(function(){return t.addListener(a),i(t.matches),function(){t.removeListener(a)}},[t]),e.useDebugValue(n+": "+o.toString()),o}function ge(e){return null!==e?e.getBoundingClientRect():void 0}function be(n,t){void 0===t&&(t=[]);var r=e.useReducer(function(e,n){return void 0===e||void 0===n?n:e.height===n.height&&e.width===n.width?e:n},void 0),o=r[0],i=r[1],a=e.useState(null),l=a[0],u=a[1];return e.useLayoutEffect(function(){if(null!==l){var e=new ResizeObserver(function(){var e=ge(l);i(e)});return e.observe(l),function(){e.unobserve(l),i(void 0)}}},[l]),e.useLayoutEffect(function(){n.current!==l&&u(n.current)}),e.useLayoutEffect(function(){t.length>0&&i(ge(n.current))},t),e.useDebugValue(o),o}var ye,we,Ee,ke,Ce,Le,ze,Re,Te,Ie,Me,Se,Oe,Ne=y.default.createContext({wide:!1,center:!1,withLeft:!1}),_e=w.default.div(Y||(Y=R(["\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(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.surface2}),Be=n.createGlobalStyle(J||(J=R(["\n :root {\n background-color: ",";\n\n @media "," {\n background-color: ",";\n }\n }\n"])),function(e){return e.theme.color.background2},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.background1}),We=w.default.div(K||(K=R(["\n display: flex;\n background-color: ",";\n\n @media "," {\n background-color: ",";\n }\n"])),function(e){return e.theme.color.background2},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.background1}),Ae=w.default.div(Q||(Q=R(["\n min-width: ","px;\n padding: 40px 0 40px ","px;\n box-sizing: border-box;\n\n @media "," {\n display: none;\n }\n"])),me,i.GUTTER_UNIT,function(e){return e.theme.breakpoint.screen3}),Ue=w.default.div($||($=R(["\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(e){return e.center?i.columnSystem(6,i.COLUMN_UNIT,i.GUTTER_UNIT):he},72,function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),He=w.default.div(ee||(ee=R(["\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(e){return e.theme.color.text2},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.surface2}),Pe=w.default.div(ne||(ne=R(["\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"])),i.GUTTER_UNIT,function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.background1}),je=y.default.forwardRef(function(n,t){var r=n.span,o=n.children,i=e.useContext(Ne);/*#__PURE__*/return y.default.createElement(Ge,{span:r,withLeft:i.withLeft,ref:t},o)}),Ge=w.default.div(te||(te=R(["\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(e){return e.span},function(e){return e.theme.color.text2},function(e){return e.theme.color.background1},function(e){return e.withLeft?e.theme.breakpoint.screen4:e.theme.breakpoint.screen3},function(e){return e.span>2&&n.css(re||(re=R(["\n grid-column-end: span 2;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.span>1&&n.css(oe||(oe=R(["\n grid-column-end: span 1;\n "])))}),De=w.default.div(ie||(ie=R(["\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(e){return e.wide?40:24},function(e){return e.wide?64:48},function(e){return e.theme.color.surface2},function(e){return e.theme.color.text2},function(e){return e.center&&n.css(ae||(ae=R(["\n justify-content: center;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.wide&&n.css(le||(le=R(["\n height: 48px;\n margin-top: 0;\n "])))}),Ve={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}},qe=w.default.div(ue||(ue=R(["\n padding: ",";\n\n @media "," {\n padding: ",";\n }\n\n width: 100%;\n box-sizing: border-box;\n"])),function(e){return e.narrow?Ve.narrow.yTop+"px "+(e.horizontal?0:Ve.narrow.x)+"px "+Ve.narrow.yBottom+"px":e.wide?(e.horizontal?0:Ve.wide.y)+"px "+Ve.wide.x+"px":(e.horizontal?0:Ve.default.y)+"px "+Ve.default.x+"px"},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.narrow?Ve.narrowColumn1.yTop+"px "+(e.horizontal?0:Ve.narrowColumn1.x)+"px "+Ve.narrowColumn1.yBottom+"px":Ve.column1.y+"px "+Ve.column1.x+"px 0"}),Fe=w.default.div(ce||(ce=R(["\n margin: 0 -","px;\n margin-top: -","px;\n\n @media "," {\n margin: 0 -","px;\n margin-top: -","px;\n }\n"])),function(e){return e.wide?Ve.wide.x:Ve.default.x},function(e){var n=e.cancelTop;return void 0!==n&&n?e.wide?Ve.wide.y:Ve.default.y:0},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},Ve.column1.x,function(e){var n=e.cancelTop;return void 0!==n&&n?Ve.column1.x:0}),Ze=function(n){return e.isValidElement(n)&&Boolean(n.props.children)},Xe=function(e){return null==e||"boolean"==typeof e||"{}"===JSON.stringify(e)?"":e.toString()},Ye=function n(t){return Array.isArray(t)||e.isValidElement(t)?e.Children.toArray(t).reduce(function(t,r){var o;return o=e.isValidElement(r)&&Ze(r)?n(r.props.children):e.isValidElement(r)&&!Ze(r)?"":Xe(r),t.concat(o)},""):Xe(t)},Je=w.default.div.attrs(function(e){var n=e.title,t=void 0===n?Ye(e.children):n;return{title:""!==t?t:void 0}})(ye||(ye=R(["\n overflow: hidden;\n line-height: ","px;\n /* For english */\n overflow-wrap: break-word;\n\n ","\n"])),function(e){return e.lineHeight},function(e){var t=e.lineLimit,r=void 0===t?1:t,o=e.lineHeight;return 1===r?n.css(we||(we=R(["\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))):n.css(Ee||(Ee=R(["\n display: box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ",";\n /* Fallback for -webkit-line-clamp */\n max-height: ","px;\n "])),r,o*r)}),Ke=["link","onClick","disabled","primary","secondary","gtmClass","noHover","children"],Qe=["icon","primary"],$e=["icon","primary"],en=y.default.createContext({padding:24});function nn(n){var t=n.primary,r=n.secondary,o=n.onClick,i=n.disabled,a=void 0!==i&&i,l=n.noHover,u=void 0!==l&&l,c=n.gtmClass,d=n.children,f=e.useContext(en);/*#__PURE__*/return y.default.createElement(tn,{hasSubLabel:void 0!==r,onClick:function(e){return!a&&o&&o(e)},sidePadding:f.padding,noHover:u,noClick:void 0===o,"aria-disabled":a,role:void 0!==o?"button":void 0,className:void 0!==c?"gtm-"+c:void 0},/*#__PURE__*/y.default.createElement(rn,null,/*#__PURE__*/y.default.createElement(on,null,/*#__PURE__*/y.default.createElement(Je,{lineHeight:22,lineLimit:1},t)),void 0!==r&&/*#__PURE__*/y.default.createElement(an,null,/*#__PURE__*/y.default.createElement(Je,{lineHeight:22,lineLimit:1},r))),d)}var tn=w.default.div(ke||(ke=R(["\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(e){return e.hasSubLabel?56:40},function(e){return e.sidePadding},function(e){return e.noClick?"default":"pointer"},function(e){return!e.noHover&&n.css(Ce||(Ce=R(["\n background-color: ",";\n "])),function(e){return e.theme.color.surface3})},H(function(e){return e.disabled}),r.disabledSelector),rn=w.default.div(Le||(Le=R(["\n display: flex;\n flex-direction: column;\n"]))),on=w.default.div(ze||(ze=R(["\n color: ",";\n line-height: 22px;\n font-size: 14px;\n display: grid;\n"])),function(e){return e.theme.color.text2}),an=w.default.div(Re||(Re=R(["\n color: ",";\n line-height: 18px;\n font-size: 10px;\n"])),function(e){return e.theme.color.text3});function ln(e){var n=e.link,r=e.onClick,o=e.disabled,i=void 0!==o&&o,a=e.primary,l=e.secondary,u=e.gtmClass,c=e.noHover,d=e.children,f=z(e,Ke),s=t.useComponentAbstraction().Link,p={disabled:i,primary:a,secondary:l,gtmClass:u,noHover:c,children:d};return i?/*#__PURE__*/y.default.createElement("span",{onClick:r},/*#__PURE__*/y.default.createElement(nn,p)):/*#__PURE__*/y.default.createElement(Nn,L({as:s,to:n,onClick:r},f),/*#__PURE__*/y.default.createElement(nn,L({onClick:function(){}},p)))}var un,cn,dn,fn,sn,pn,mn,hn,vn,xn,gn,bn,yn,wn,En,kn,Cn,Ln,zn,Rn,Tn,In,Mn,Sn,On,Nn=w.default.a(Te||(Te=R(["\n display: block;\n"]))),_n=w.default.div(Ie||(Ie=R(["\n display: grid;\n gap: 8px;\n grid-auto-flow: column;\n align-items: center;\n"]))),Bn=w.default.div(Me||(Me=R(["\n color: ",";\n display: flex;\n"])),function(e){return e.theme.color.text3}),Wn=w.default.div(Se||(Se=R(["\n height: 24px;\n"]))),An=w.default.div(Oe||(Oe=R(["\n padding: 0 16px;\n font-size: 12px;\n line-height: 16px;\n color: ",";\n margin-top: -2px;\n margin-bottom: 6px;\n"])),function(e){return e.theme.color.text3}),Un=w.default.div(un||(un=R(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),Hn=w.default.div(cn||(cn=R(["\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(e){return e.theme.color.text3},function(e){return e.theme.color.text2},function(e){return e.theme.color.text2},function(e){return e.theme.color.surface3}),Pn=["gtmClass","flex","rowReverse","children","disabled"],jn=y.default.forwardRef(function(e,n){var t=e.gtmClass,r=e.flex,o=void 0!==r&&r,i=e.rowReverse,a=void 0!==i&&i,l=e.children,u=e.disabled,c=z(e,Pn);/*#__PURE__*/return y.default.createElement(Dn,{className:void 0!==t?"gtm-"+t:"",flex:o,rowReverse:a,"aria-disabled":u},/*#__PURE__*/y.default.createElement(Vn,null,/*#__PURE__*/y.default.createElement(Zn,L({},c,{disabled:u,ref:n})),/*#__PURE__*/y.default.createElement(qn,null,/*#__PURE__*/y.default.createElement(Fn,null))),null!=l&&/*#__PURE__*/y.default.createElement(Gn,{rowReverse:a},l))}),Gn=w.default.span(dn||(dn=R(["\n ","\n"])),function(e){return n.css(e.rowReverse?fn||(fn=R(["\n margin-right: 8px;\n "])):sn||(sn=R(["\n margin-left: 8px;\n "])))}),Dn=w.default.label(pn||(pn=R(["\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(e){return e.flex&&n.css(mn||(mn=R(["\n display: flex;\n justify-content: space-between;\n "])))},function(e){var t=e.rowReverse;return n.css(hn||(hn=R(["\n flex-direction: ",";\n "])),t?"row-reverse":"row")}),Vn=w.default.span(vn||(vn=R(["\n display: inline-flex;\n position: relative;\n z-index: 0;\n"]))),qn=w.default.div(xn||(xn=R(["\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(e){return e.theme.color.text4}),Fn=w.default.div(gn||(gn=R(["\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(e){return e.theme.color.text5}),Zn=w.default.input.attrs({type:"checkbox"})(bn||(bn=R(["\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"])),qn,function(e){return e.theme.color.brand},Fn,qn,function(e){return e.theme.elementEffect.disabled.opacity},qn,function(e){var n=e.theme;return r.applyEffect(n.color.brand,n.elementEffect.disabled)}),Xn=y.default.memo(function(e){var n=e.children,t=e.icon,r=e.show,o=void 0===r||r,i=e.prefix,a=void 0!==i&&i,l=e.width,u=e.fit,c=e.fixed,d=void 0!==c&&c,f=void 0!==u&&u?void 0===l?/*#__PURE__*/y.default.createElement(Kn,{show:o,pre:a},t):/*#__PURE__*/y.default.createElement(dt,{width:l,show:o,pre:a},/*#__PURE__*/y.default.createElement(ft,null,t)):/*#__PURE__*/y.default.createElement(ut,{show:o,pre:a},/*#__PURE__*/y.default.createElement(ct,null,t));/*#__PURE__*/return y.default.createElement(Yn,null,a&&f,/*#__PURE__*/y.default.createElement(Jn,{fixed:d},n),!a&&f)}),Yn=w.default.div(yn||(yn=R(["\n display: flex;\n align-items: center;\n"]))),Jn=w.default.div(wn||(wn=R(["\n ","\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),function(e){return!e.fixed&&n.css(En||(En=R(["\n min-width: 0;\n overflow: hidden;\n "])))});function Kn(n){var t,r,o=n.children,i=n.show,a=n.pre,l=e.useRef(null),u=null!=(t=null==(r=be(l,[null]))?void 0:r.width)?t:0;/*#__PURE__*/return y.default.createElement(dt,{width:u,show:i,pre:a},/*#__PURE__*/y.default.createElement(ft,{ref:l},o))}var Qn,$n,et,nt,tt,rt,ot,it,at=n.css(kn||(kn=R(["\n > svg {\n display: block;\n }\n"]))),lt=n.css(Cn||(Cn=R(["\n ",";\n ","\n"])),function(e){return"collapse"===e.show?n.css(Ln||(Ln=R(["\n display: none;\n "]))):n.css(zn||(zn=R(["\n visibility: ",";\n "])),e.show?"visible":"hidden")},function(e){return n.css(e.pre?Rn||(Rn=R(["\n margin-right: 4px;\n "])):Tn||(Tn=R(["\n margin-left: 4px;\n "])))}),ut=w.default.div(In||(In=R(["\n display: flex;\n align-items: center;\n\n ","\n"])),lt),ct=w.default.div(Mn||(Mn=R(["\n display: inline-flex;\n\n ","\n"])),at),dt=w.default.div(Sn||(Sn=R(["\n display: flex;\n position: relative;\n /* Iconをline-heightに関与させない */\n height: 0;\n /* 横方向の領域は確保する */\n width: ","px;\n\n ","\n"])),function(e){return e.width},lt),ft=w.default.div(On||(On=R(["\n display: inline-flex;\n position: absolute;\n transform: translateY(-50%);\n\n ","\n"])),at),st=navigator.userAgent.includes("Edge/");function pt(e){throw new Error(0===arguments.length?"unreachable":"unreachable ("+JSON.stringify(e)+")")}function mt(e){var n=function(e){switch(e){case $n.Up:return"rotate(270 12 12)";case $n.Down:return"rotate(90 12 12)";case $n.Left:return"rotate(180 12 12)";case $n.Right:return;default:return pt(e)}}(e.direction);/*#__PURE__*/return y.default.createElement(P,{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 ht(e){var n=e.direction,t=e.show,r=e.offset,o=void 0===r?0:r,i=e.padding,a=void 0===i?0:i,l=e.bottomOffset,u=void 0===l?0:l,c=e.gradient,d=void 0!==c&&c,f=e.onClick,s=n===it.Left?{left:d?o-72:o,paddingLeft:Math.max(a,0),paddingBottom:u}:{right:d?o-72:o,paddingRight:Math.max(a,0),paddingBottom:u};/*#__PURE__*/return y.default.createElement(xt,{type:"button",onClick:f,hide:!t,style:s,css:It},/*#__PURE__*/y.default.createElement(vt,null,/*#__PURE__*/y.default.createElement(mt,{direction:n===it.Right?$n.Right:n===it.Left?$n.Left:pt()})))}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}($n||($n={})),function(e){e.Right="right",e.Left="left"}(it||(it={}));var vt=w.default.div(et||(et=R(["\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(e){return e.theme.color.surface4},function(e){return e.theme.color.text5}),xt=w.default.button(nt||(nt=R(["\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"])),vt,function(e){var n=e.theme;return r.applyEffect(n.color.surface4,n.effect.hover)},function(e){var n=e.theme;return r.applyEffect(n.color.text5,n.effect.hover)},vt,function(e){var n=e.theme;return r.applyEffect(n.color.surface4,n.effect.press)},function(e){var n=e.theme;return r.applyEffect(n.color.text5,n.effect.press)},function(e){return e.hide&&n.css(tt||(tt=R(["\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n "])))});w.default(vt)(rt||(rt=R(["\n cursor: pointer;\n\n &:hover {\n background-color: ",";\n color: ",";\n }\n\n &:active {\n background-color: ",";\n color: ",";\n }\n"])),function(e){var n=e.theme;return r.applyEffect(n.color.surface4,n.effect.hover)},function(e){var n=e.theme;return r.applyEffect(n.color.text5,n.effect.hover)},function(e){var n=e.theme;return r.applyEffect(n.color.surface4,n.effect.press)},function(e){var n=e.theme;return r.applyEffect(n.color.text5,n.effect.press)});var gt,bt,yt,wt,Et,kt,Ct,Lt,zt,Rt,Tt,It=n.css(ot||(ot=R(["\n @media (hover: none) and (pointer: coarse) {\n display: none;\n }\n"]))),Mt=["buttonOffset","buttonPadding","bottomOffset","defaultScroll","onScroll","onResize","children","centerItems","onScrollStateChange"],St=w.default.ul(gt||(gt=R(["\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(e){var t=e.centerItems;return n.css(void 0!==t&&t?bt||(bt=R(["\n display: flex;\n width: max-content;\n margin: 0 auto;\n "])):yt||(yt=R(["\n display: inline-flex;\n margin: 0;\n "])))}),Ot=w.default.div(wt||(wt=R(["\n opacity: 0;\n transition: 0.4s opacity;\n"]))),Nt=w.default.div(Et||(Et=R(["\n &:hover "," {\n opacity: 1;\n }\n\n /* CarouselButtonの中にz-index:1があるのでここでコンテキストを切る */\n position: relative;\n z-index: 0;\n"])),Ot),_t=w.default(l.animated.div)(kt||(kt=R(["\n overflow-x: auto;\n padding: 0;\n margin: 0;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n"]))),Bt=w.default.div(Ct||(Ct=R(["\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(e){return!e.fadeInGradient&&n.css(Lt||(Lt=R(["\n margin-left: ","px;\n "," {\n padding-left: ","px;\n }\n "])),-72,St,72)},-72,St,72),Wt=w.default.div(zt||(zt=R(["\n mask-image: linear-gradient(\n to right,\n #000 calc(100% - ","px),\n transparent\n );\n"])),72),At=w.default.div(Rt||(Rt=R(["\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(e){return e.show?0:-72});function Ut(e){var n=e.size;/*#__PURE__*/return y.default.createElement(jt,{viewBox:"0 0 20 6",width:n,height:n},/*#__PURE__*/y.default.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)"}))}Ut.defaultProps={size:16};var Ht,Pt,jt=w.default.svg(Tt||(Tt=R(["\n fill: currentColor;\n"])));function Gt(e){var n=e.size;/*#__PURE__*/return y.default.createElement("svg",{viewBox:"0 0 10 8",width:n,height:n},/*#__PURE__*/y.default.createElement(Xt,{strokeWidth:"2",points:"1,2 5,6 9,2",transform:Dt(e.direction)}))}function Dt(e){switch(e){case Pt.Up:return"rotate(180 5 4)";case Pt.Down:return;case Pt.Left:return"rotate(90 5 4)";case Pt.Right:return"rotate(-90 5 4)";default:return pt(e)}}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}(Pt||(Pt={})),Gt.defaultProps={size:16,white:!1,lightGray:!1};var Vt,qt,Ft,Zt,Xt=w.default.polyline(Ht||(Ht=R(["\n fill: none;\n stroke-linejoin: round;\n stroke-linecap: round;\n stroke: currentColor;\n"])));function Yt(n,t,r){void 0===r&&(r=7),__DEV__&&(C.default((0|n)===n,"`page` must be interger ("+n+")"),C.default((0|t)===t,"`pageCount` must be interger ("+t+")"));var o=e.useMemo(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(e,n){return i+n}))},[n,t,r]);return e.useDebugValue(o),o}var Jt,Kt,Qt,$t=y.default.memo(function(n){var t=n.page,r=n.pageCount,o=n.onChange,i=Yt(t,r),a=e.useCallback(function(e){return function(){o(e)}},[o]),l=t<r,u=t>1;/*#__PURE__*/return y.default.createElement(er,null,/*#__PURE__*/y.default.createElement(nr,{type:"button",hidden:!u,disabled:!u,onClick:a(Math.max(1,t-1)),noBackground:!0},/*#__PURE__*/y.default.createElement(Gt,{size:16,direction:Pt.Left})),i.map(function(e){return"..."===e?/*#__PURE__*/y.default.createElement(tr,{key:e},/*#__PURE__*/y.default.createElement(Ut,{size:20})):/*#__PURE__*/y.default.createElement(nr,e===t?{key:e,type:"button","aria-current":!0}:{key:e,type:"button",onClick:a(e)},/*#__PURE__*/y.default.createElement(rr,null,e))}),/*#__PURE__*/y.default.createElement(nr,{type:"button",hidden:!l,disabled:!l,onClick:a(Math.min(r,t+1)),noBackground:!0},/*#__PURE__*/y.default.createElement(Gt,{size:16,direction:Pt.Right})))}),er=w.default.nav(Vt||(Vt=R(["\n display: flex;\n justify-content: center;\n align-items: center;\n"]))),nr=w.default.button(qt||(qt=R(["\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(e){return e.theme.color.text3},function(e){return e.theme.color.surface3},function(e){return e.theme.color.text2},function(e){return e.theme.color.surface6},function(e){return e.theme.color.text5},function(e){return e.theme.color.surface6},function(e){return e.theme.color.text5},function(e){var t=e.noBackground;return void 0!==t&&t&&n.css(Ft||(Ft=R(["\n /* stylelint-disable-next-line no-duplicate-selectors */\n &:hover {\n background: transparent;\n }\n "])))}),tr=w.default(nr).attrs({type:"button",disabled:!0})(Zt||(Zt=R(["\n && {\n color: ",";\n background: none;\n }\n"])),function(e){return e.theme.color.text3}),rr="span",or=w.default.div.attrs({role:"progressbar"})(Jt||(Jt=R(["\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(e){return e.padding},function(e){return e.size},function(e){return e.size},function(e){return e.size},function(e){return e.transparent?"transparent":c.transparentize(.32,e.theme.color.background1)},function(e){return e.theme.color.text4}),ir=n.keyframes(Kt||(Kt=R(["\n from {\n transform: scale(0);\n opacity: 1;\n }\n\n to {\n transform: scale(1);\n opacity: 0;\n }\n"]))),ar=w.default.div.attrs({role:"presentation"})(Qt||(Qt=R(["\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"])),ir,function(e){return e.once?1:"infinite"}),lr=y.default.forwardRef(function(n,t){var r=n.once,o=void 0!==r&&r,i=e.useRef(null);return e.useImperativeHandle(t,function(){return{restart:function(){i.current&&(i.current.dataset.resetAnimation="true",delete i.current.dataset.resetAnimation)}}}),/*#__PURE__*/y.default.createElement(ar,{ref:i,once:o})});Object.defineProperty(exports,"ComponentAbstraction",{enumerable:!0,get:function(){return t.ComponentAbstraction}}),Object.defineProperty(exports,"useComponentAbstraction",{enumerable:!0,get:function(){return t.useComponentAbstraction}}),exports.CancelLayoutItemBodyPadding=function(n){var t=n.children,r=n.cancelTop,o=e.useContext(Ne);/*#__PURE__*/return y.default.createElement(Fe,{wide:o.wide,cancelTop:r},t)},exports.Carousel=function(n){var t=n.buttonOffset,r=void 0===t?0:t,o=n.buttonPadding,i=void 0===o?16:o,a=n.bottomOffset,u=void 0===a?0:a,c=n.defaultScroll,d=(c=void 0===c?{}:c).align,f=void 0===d?"left":d,s=c.offset,p=void 0===s?0:s,m=n.onScroll,h=n.onResize,v=n.children,x=n.centerItems,g=n.onScrollStateChange,b=z(n,Mt),w=function(n){var t=e.useState(0),r=t[0],o=t[1],i=e.useRef();return[r,e.useCallback(function(e,n){void 0===n&&(n=!1),n?o(e):void 0===i.current&&(i.current=requestAnimationFrame(function(){o(e),void 0!==i.current&&(i.current=void 0)}))},[])]}(),E=w[0],k=w[1],C=e.useRef(!1),L=e.useState(0),R=L[0],T=L[1],I=e.useState(!1),M=I[0],S=I[1],O=e.useState(!1),N=O[0],_=O[1],B=l.useSpring(function(){return{scroll:0}}),W=B[0],A=B[1],U=e.useRef(null),H=e.useRef(null),P=e.useCallback(function(){if(null!==U.current){var e=Math.min(E+.75*U.current.clientWidth,R);k(e,!0),A({scroll:e,from:{scroll:E},reset:!C.current}),C.current=!0}},[C,R,E,A,k]),j=e.useCallback(function(){if(null!==U.current){var e=Math.max(E-.75*U.current.clientWidth,0);k(e,!0),A({scroll:e,from:{scroll:E},reset:!C.current}),C.current=!0}},[C,E,A,k]);e.useEffect(function(){var e=E>0,n=E<R&&R>0;e===M&&n===N||(S(e),_(n),null==g||g(e||n))},[M,R,g,N,E]);var G=e.useCallback(function(){null!==U.current&&(C.current&&(W.scroll.stop(),C.current=!1),k(U.current.scrollLeft))},[C,k,W]),D=e.useCallback(function(){if(null!==U.current){var e=U.current,n=e.clientWidth;T(e.scrollWidth-n),h&&h(n)}},[h]),V=e.useRef(new ResizeObserver(D)),q=e.useRef(new ResizeObserver(D));e.useLayoutEffect(function(){var e=U.current,n=H.current;if(null!==e&&null!==n){e.addEventListener("wheel",G,function(){if(void 0!==Qn)return Qn;Qn=!1;try{var e=Object.defineProperty({},"passive",{get:function(){return Qn=!0}});window.addEventListener("test",n,e),window.removeEventListener("test",n)}catch(e){}return Qn;function n(){}}()&&{passive:!0});var t=V.current;t.observe(e);var r=q.current;return r.observe(n),function(){e.removeEventListener("wheel",G),t.disconnect(),r.disconnect()}}},[D,G]),e.useLayoutEffect(function(){if("left"!==f||0!==p){var e=U.current;if(null!==e){var n=Math.max(0,Math.min("left"===f&&p>0?p:"center"===f?R/2+p:"right"===f&&p<=R?R-p/2:0,R));e.scrollLeft=n,k(n,!0)}}},[U.current]);var F=e.useCallback(function(){null!==U.current&&m&&m(U.current.scrollLeft)},[m]);if(!st&&!0===b.hasGradient){var Z,X=null!=(Z=b.fadeInGradient)&&Z,Y=!X;/*#__PURE__*/return y.default.createElement(Nt,null,/*#__PURE__*/y.default.createElement(Bt,{fadeInGradient:X},/*#__PURE__*/y.default.createElement(Wt,null,/*#__PURE__*/y.default.createElement(At,{show:Y||E>0},/*#__PURE__*/y.default.createElement(_t,{ref:U,scrollLeft:W.scroll,onScroll:F},/*#__PURE__*/y.default.createElement(St,{ref:H,centerItems:x},v))))),/*#__PURE__*/y.default.createElement(Ot,null,/*#__PURE__*/y.default.createElement(ht,{direction:it.Left,show:M,offset:r,bottomOffset:u,padding:i,gradient:Y,onClick:j}),/*#__PURE__*/y.default.createElement(ht,{direction:it.Right,show:N,offset:r,bottomOffset:u,padding:i,gradient:!0,onClick:P})))}/*#__PURE__*/return y.default.createElement(Nt,null,/*#__PURE__*/y.default.createElement(_t,{ref:U,scrollLeft:W.scroll,onScroll:F},/*#__PURE__*/y.default.createElement(St,{ref:H,centerItems:x},v)),/*#__PURE__*/y.default.createElement(Ot,null,/*#__PURE__*/y.default.createElement(ht,{direction:it.Left,show:M,offset:r,bottomOffset:u,padding:i,onClick:j}),/*#__PURE__*/y.default.createElement(ht,{direction:it.Right,show:N,offset:r,bottomOffset:u,padding:i,onClick:P})))},exports.Filter=U,exports.FilterButton=M,exports.FilterIconButton=S,exports.FilterLink=O,exports.HintText=function(e){var n=e.children;/*#__PURE__*/return y.default.createElement(fe,{className:e.className,context:e.context},/*#__PURE__*/y.default.createElement(se,null,/*#__PURE__*/y.default.createElement(V,null)),/*#__PURE__*/y.default.createElement(pe,null,n))},exports.LAYOUT_ITEM_BODY_PADDING=Ve,exports.Layout=function(e){var n=e.menu,t=e.children,r=e.header,o=e.center,i=void 0!==o&&o,a=e.wide,l=e.isHeaderTopMenu,u=void 0!==l&&l,c={center:i,wide:!!i||null!=a&&a,withLeft:null!=n&&!u};/*#__PURE__*/return y.default.createElement(We,null,/*#__PURE__*/y.default.createElement(Ne.Provider,{value:c},c.withLeft&&/*#__PURE__*/y.default.createElement(Ae,null,n),/*#__PURE__*/y.default.createElement(Ue,{center:i},null!=r&&/*#__PURE__*/y.default.createElement(He,null,r),u&&/*#__PURE__*/y.default.createElement(_e,null,n),/*#__PURE__*/y.default.createElement(Pe,null,t))),/*#__PURE__*/y.default.createElement(Be,null))},exports.LayoutItem=je,exports.LayoutItemBody=function(n){var t=n.children,r=n.horizontal,o=void 0!==r&&r,i=n.narrow,a=void 0!==i&&i,l=e.useContext(Ne);/*#__PURE__*/return y.default.createElement(qe,{wide:l.wide,horizontal:o,narrow:a},t)},exports.LayoutItemHeader=function(n){var t=n.children,r=e.useContext(Ne);/*#__PURE__*/return y.default.createElement(De,{wide:r.wide,center:r.center},t)},exports.LeftMenu=function(e){var n=e.links,r=e.active,o=t.useComponentAbstraction().Link;/*#__PURE__*/return y.default.createElement(Un,null,n.map(function(e,n){/*#__PURE__*/return y.default.createElement(o,{to:e.to,key:n},/*#__PURE__*/y.default.createElement(Hn,{"aria-current":e.id===r||void 0},e.text))}))},exports.LeftMenuContent=function(e){/*#__PURE__*/return y.default.createElement(y.default.Fragment,null,e.links.map(function(e,n){/*#__PURE__*/return y.default.createElement(ln,{link:e.to,key:n,primary:e.text})}))},exports.LinkPager=function(e){var n=e.page,r=e.pageCount,o=e.makeUrl,i=t.useComponentAbstraction().Link,a=Yt(n,r),l=n<r,u=n>1;/*#__PURE__*/return y.default.createElement(er,null,/*#__PURE__*/y.default.createElement(i,{to:o(Math.max(1,n-1))},/*#__PURE__*/y.default.createElement(nr,{hidden:!u,"aria-disabled":!u,noBackground:!0},/*#__PURE__*/y.default.createElement(Gt,{size:16,direction:Pt.Left}))),a.map(function(e){return"..."===e?/*#__PURE__*/y.default.createElement(tr,{key:e},/*#__PURE__*/y.default.createElement(Ut,{size:20,subLink:!0})):e===n?/*#__PURE__*/y.default.createElement(nr,{key:e,type:"button","aria-current":!0},/*#__PURE__*/y.default.createElement(rr,null,e)):/*#__PURE__*/y.default.createElement(i,{key:e,to:o(e)},/*#__PURE__*/y.default.createElement(nr,{type:"button"},/*#__PURE__*/y.default.createElement(rr,null,e)))}),/*#__PURE__*/y.default.createElement(i,{to:o(Math.min(r,n+1))},/*#__PURE__*/y.default.createElement(nr,{hidden:!l,"aria-disabled":!l,noBackground:!0},/*#__PURE__*/y.default.createElement(Gt,{size:16,direction:Pt.Right}))))},exports.MAIN_COLUMN_HORIZONTAL_MIN_MARGIN=72,exports.MenuListItem=nn,exports.MenuListItemContext=en,exports.MenuListItemWithIcon=function(e){var n=e.icon,t=e.primary,r=z(e,$e);/*#__PURE__*/return y.default.createElement(nn,L({primary:/*#__PURE__*/y.default.createElement(_n,null,/*#__PURE__*/y.default.createElement(Bn,null,n),t)},r))},exports.MenuListLabel=An,exports.MenuListLinkItem=ln,exports.MenuListLinkItemWithIcon=function(e){var n=e.icon,t=e.primary,r=z(e,Qe);/*#__PURE__*/return y.default.createElement(ln,L({primary:/*#__PURE__*/y.default.createElement(_n,null,/*#__PURE__*/y.default.createElement(Bn,null,n),t)},r))},exports.MenuListSpacer=Wn,exports.Pager=$t,exports.RESPONSIVE_LEFT_WIDTH=me,exports.RESPONSIVE_MAIN_MAX_WIDTH=he,exports.Spinner=function(e){var n=e.size,t=e.padding,r=e.transparent;/*#__PURE__*/return y.default.createElement(or,{size:void 0===n?48:n,padding:void 0===t?16:t,transparent:void 0!==r&&r},/*#__PURE__*/y.default.createElement(lr,null))},exports.SpinnerIcon=lr,exports.StyledCancelLayoutItemBodyPadding=Fe,exports.StyledLayoutItemBody=qe,exports.SwitchCheckbox=jn,exports.TextEllipsis=Je,exports.WithIcon=Xn,exports.useElementSize=be,exports.useLayoutItemBodyPadding=function(){var n=e.useContext(Ne).wide;return ve()?Ve.column1:n?Ve.wide:Ve.default},exports.useMedia=xe,exports.useMediaScreen1=ve;
1
+ var e=require("react"),n=require("styled-components"),t=require("@charcoal-ui/react"),r=require("@charcoal-ui/utils"),o=require("@charcoal-ui/styled"),i=require("@charcoal-ui/foundation"),a=require("react-dom"),l=require("react-spring"),u=require("warning"),c=require("polished");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f,s,p,m,h,v,x,g,b,y=/*#__PURE__*/d(e),w=/*#__PURE__*/d(n),E=/*#__PURE__*/d(o),k=/*#__PURE__*/d(a),C=/*#__PURE__*/d(u);function L(){return L=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},L.apply(this,arguments)}function z(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n.indexOf(t=i[r])>=0||(o[t]=e[t]);return o}function R(e,n){return n||(n=e.slice(0)),e.raw=n,e}var T,I=["onClick","children","active","hover","reactive"],M=y.default.forwardRef(function(e,n){var t=e.active,r=void 0!==t&&t,o=e.reactive,i=void 0!==o&&o;/*#__PURE__*/return y.default.createElement(W,{active:r,reactive:i,hover:e.hover,onClick:r&&!i?void 0:e.onClick,ref:n},e.children)}),S=y.default.forwardRef(function(e,n){var t=e.active,r=void 0!==t&&t,o=e.reactive,i=void 0!==o&&o;/*#__PURE__*/return y.default.createElement(A,{active:r,reactive:i,hover:e.hover,onClick:r&&!i?void 0:e.onClick,ref:n,buttonWidth:e.width,buttonHeight:e.height},e.children)}),O=y.default.forwardRef(function(e,n){var r=e.onClick,o=e.children,i=e.active,a=void 0!==i&&i,l=e.hover,u=e.reactive,c=void 0!==u&&u,d=z(e,I),f=t.useComponentAbstraction().Link;return a&&!c?/*#__PURE__*/y.default.createElement(_,{active:!0,hover:l,ref:n},o):/*#__PURE__*/y.default.createElement(f,L({},d,{onClick:r}),/*#__PURE__*/y.default.createElement(_,{active:a,reactive:c,hover:l,ref:n},o))}),N=n.css(f||(f=R(["\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(e){return e.theme.color.text3},function(e){return e.theme.color.text2},function(e){var t=e.hover;return void 0!==t&&t&&n.css(s||(s=R(["\n color: ",";\n "])),function(e){return e.theme.color.text2})},function(e){var t=e.active;return void 0!==t&&t&&n.css(p||(p=R(["\n background-color: ",";\n color: ",";\n "])),function(e){return e.theme.color.surface3},function(e){return e.theme.color.text2})},function(e){var t=e.active,r=e.reactive;return void 0!==t&&t&&!(void 0!==r&&r)&&n.css(m||(m=R(["\n cursor: default;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),B=n.css(h||(h=R(["\n padding: 0;\n\n @media "," {\n padding: 0;\n }\n"])),function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),W=w.default.button(v||(v=R(["\n ","\n"])),N),_=w.default.span(x||(x=R(["\n ","\n"])),N),A=w.default(W)(g||(g=R(["\n ",";\n ","\n ","\n"])),B,function(e){return void 0!==e.buttonWidth&&"width: "+e.buttonWidth+"px;"},function(e){return void 0!==e.buttonHeight&&"height: "+e.buttonHeight+"px;"}),U=w.default.div(b||(b=R(["\n display: flex;\n"]))),H=E.default(w.default);function P(e){var n=e.size,t=e.viewBoxSize;/*#__PURE__*/return y.default.createElement(G,{viewBox:"0 0 "+t+" "+t,size:void 0===n?24:n,currentColor:e.currentColor},/*#__PURE__*/y.default.createElement(D,{path:e.path,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}))}var j,G=w.default.svg(T||(T=R(["\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(e){var n=e.currentColor;return void 0!==n&&n?"currentColor":e.theme.color.text2},function(e){return e.size},function(e){return e.size}),D=function(e){var n=e.path;return"string"==typeof n?/*#__PURE__*/y.default.createElement("path",{d:n,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}):/*#__PURE__*/y.default.createElement(y.default.Fragment,null,n)};function V(){/*#__PURE__*/return y.default.createElement(P,{viewBoxSize:16,size:16,currentColor:!0,path:/*#__PURE__*/y.default.createElement(y.default.Fragment,null,/*#__PURE__*/y.default.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__*/y.default.createElement(de,{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 q,F,Z,X,Y,J,K,Q,$,ee,ne,te,re,oe,ie,ae,le,ue,ce,de=w.default.path(j||(j=R(["\n fill: ",";\n fill-rule: evenodd;\n"])),function(e){return e.theme.color.surface1}),fe=w.default.div.attrs(function(e){return L({},e,function(e){switch(e){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}}}}(e.context))})(q||(q=R(["\n ","\n\n @media "," {\n ","\n }\n\n display: flex;\n align-items: flex-start;\n ","\n"])),function(e){return H(function(n){return[n.bg.surface3,n.borderRadius(8),n.padding.vertical(e.default.vertical),n.padding.horizontal(e.default.horizontal)]})},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return H(function(n){return[n.padding.vertical(e.screen1.vertical),n.padding.horizontal(e.screen1.horizontal)]})},function(e){return"page"===e.context&&n.css(F||(F=R(["\n justify-content: center;\n "])))}),se=w.default.div(Z||(Z=R(["\n display: flex;\n align-items: center;\n color: ",";\n height: 22px;\n margin: -4px 4px -4px 0;\n"])),function(e){return e.theme.color.text4}),pe=w.default.p(X||(X=R(["\n ","\n margin: 0;\n"])),H(function(e){return[e.font.text2,e.typography(14)]})),me=i.columnSystem(2,i.COLUMN_UNIT,i.GUTTER_UNIT)+i.GUTTER_UNIT,he=i.columnSystem(12,i.COLUMN_UNIT,i.GUTTER_UNIT);function ve(){return xe(r.maxWidth(n.useTheme().breakpoint.screen1))}function xe(n){var t=e.useMemo(function(){return __TEST__?{matches:!1,addListener:function(){},removeListener:function(){}}:matchMedia(n)},[n]),r=e.useState(t.matches),o=r[0],i=r[1];t.matches!==o&&i(t.matches);var a=function(e){try{k.default.flushSync(function(){i(e.matches)})}catch(n){i(e.matches)}};return e.useLayoutEffect(function(){return t.addListener(a),i(t.matches),function(){t.removeListener(a)}},[t]),e.useDebugValue(n+": "+o.toString()),o}function ge(e){return null!==e?e.getBoundingClientRect():void 0}function be(n,t){void 0===t&&(t=[]);var r=e.useReducer(function(e,n){return void 0===e||void 0===n?n:e.height===n.height&&e.width===n.width?e:n},void 0),o=r[0],i=r[1],a=e.useState(null),l=a[0],u=a[1];return e.useLayoutEffect(function(){if(null!==l){var e=new ResizeObserver(function(){var e=ge(l);i(e)});return e.observe(l),function(){e.unobserve(l),i(void 0)}}},[l]),e.useLayoutEffect(function(){n.current!==l&&u(n.current)}),e.useLayoutEffect(function(){t.length>0&&i(ge(n.current))},t),e.useDebugValue(o),o}var ye,we,Ee,ke,Ce,Le,ze,Re,Te,Ie,Me,Se,Oe,Ne=y.default.createContext({wide:!1,center:!1,withLeft:!1}),Be=w.default.div(Y||(Y=R(["\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(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.surface2}),We=n.createGlobalStyle(J||(J=R(["\n :root {\n background-color: ",";\n\n @media "," {\n background-color: ",";\n }\n }\n"])),function(e){return e.theme.color.background2},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.background1}),_e=w.default.div(K||(K=R(["\n display: flex;\n background-color: ",";\n\n @media "," {\n background-color: ",";\n }\n"])),function(e){return e.theme.color.background2},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.background1}),Ae=w.default.div(Q||(Q=R(["\n min-width: ","px;\n padding: 40px 0 40px ","px;\n box-sizing: border-box;\n\n @media "," {\n display: none;\n }\n"])),me,i.GUTTER_UNIT,function(e){return e.theme.breakpoint.screen3}),Ue=w.default.div($||($=R(["\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(e){return e.center?i.columnSystem(6,i.COLUMN_UNIT,i.GUTTER_UNIT):he},72,function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),He=w.default.div(ee||(ee=R(["\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(e){return e.theme.color.text2},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.surface2}),Pe=w.default.div(ne||(ne=R(["\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"])),i.GUTTER_UNIT,function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.theme.color.background1}),je=y.default.forwardRef(function(n,t){var r=n.span,o=n.children,i=e.useContext(Ne);/*#__PURE__*/return y.default.createElement(Ge,{span:r,withLeft:i.withLeft,ref:t},o)}),Ge=w.default.div(te||(te=R(["\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(e){return e.span},function(e){return e.theme.color.text2},function(e){return e.theme.color.background1},function(e){return e.withLeft?e.theme.breakpoint.screen4:e.theme.breakpoint.screen3},function(e){return e.span>2&&n.css(re||(re=R(["\n grid-column-end: span 2;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.span>1&&n.css(oe||(oe=R(["\n grid-column-end: span 1;\n "])))}),De=w.default.div(ie||(ie=R(["\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(e){return e.wide?40:24},function(e){return e.wide?64:48},function(e){return e.theme.color.surface2},function(e){return e.theme.color.text2},function(e){return e.center&&n.css(ae||(ae=R(["\n justify-content: center;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.wide&&n.css(le||(le=R(["\n height: 48px;\n margin-top: 0;\n "])))}),Ve={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}},qe=w.default.div(ue||(ue=R(["\n padding: ",";\n\n @media "," {\n padding: ",";\n }\n\n width: 100%;\n box-sizing: border-box;\n"])),function(e){return e.narrow?Ve.narrow.yTop+"px "+(e.horizontal?0:Ve.narrow.x)+"px "+Ve.narrow.yBottom+"px":e.wide?(e.horizontal?0:Ve.wide.y)+"px "+Ve.wide.x+"px":(e.horizontal?0:Ve.default.y)+"px "+Ve.default.x+"px"},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.narrow?Ve.narrowColumn1.yTop+"px "+(e.horizontal?0:Ve.narrowColumn1.x)+"px "+Ve.narrowColumn1.yBottom+"px":Ve.column1.y+"px "+Ve.column1.x+"px 0"}),Fe=w.default.div(ce||(ce=R(["\n margin: 0 -","px;\n margin-top: -","px;\n\n @media "," {\n margin: 0 -","px;\n margin-top: -","px;\n }\n"])),function(e){return e.wide?Ve.wide.x:Ve.default.x},function(e){var n=e.cancelTop;return void 0!==n&&n?e.wide?Ve.wide.y:Ve.default.y:0},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},Ve.column1.x,function(e){var n=e.cancelTop;return void 0!==n&&n?Ve.column1.x:0}),Ze=function(n){return e.isValidElement(n)&&Boolean(n.props.children)},Xe=function(e){return null==e||"boolean"==typeof e||"{}"===JSON.stringify(e)?"":e.toString()},Ye=function n(t){return Array.isArray(t)||e.isValidElement(t)?e.Children.toArray(t).reduce(function(t,r){var o;return o=e.isValidElement(r)&&Ze(r)?n(r.props.children):e.isValidElement(r)&&!Ze(r)?"":Xe(r),t.concat(o)},""):Xe(t)},Je=w.default.div.attrs(function(e){var n=e.title,t=void 0===n?Ye(e.children):n;return{title:""!==t?t:void 0}})(ye||(ye=R(["\n overflow: hidden;\n line-height: ","px;\n /* For english */\n overflow-wrap: break-word;\n\n ","\n"])),function(e){return e.lineHeight},function(e){var t=e.lineLimit,r=void 0===t?1:t,o=e.lineHeight;return 1===r?n.css(we||(we=R(["\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))):n.css(Ee||(Ee=R(["\n display: box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ",";\n /* Fallback for -webkit-line-clamp */\n max-height: ","px;\n "])),r,o*r)}),Ke=["link","onClick","disabled","primary","secondary","gtmClass","noHover","children"],Qe=["icon","primary"],$e=["icon","primary"],en=y.default.createContext({padding:24});function nn(n){var t=n.primary,r=n.secondary,o=n.onClick,i=n.disabled,a=void 0!==i&&i,l=n.noHover,u=void 0!==l&&l,c=n.gtmClass,d=n.children,f=e.useContext(en);/*#__PURE__*/return y.default.createElement(tn,{hasSubLabel:void 0!==r,onClick:function(e){return!a&&o&&o(e)},sidePadding:f.padding,noHover:u,noClick:void 0===o,"aria-disabled":a,role:void 0!==o?"button":void 0,className:void 0!==c?"gtm-"+c:void 0},/*#__PURE__*/y.default.createElement(rn,null,/*#__PURE__*/y.default.createElement(on,null,/*#__PURE__*/y.default.createElement(Je,{lineHeight:22,lineLimit:1},t)),void 0!==r&&/*#__PURE__*/y.default.createElement(an,null,/*#__PURE__*/y.default.createElement(Je,{lineHeight:22,lineLimit:1},r))),d)}var tn=w.default.div(ke||(ke=R(["\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(e){return e.hasSubLabel?56:40},function(e){return e.sidePadding},function(e){return e.noClick?"default":"pointer"},function(e){return!e.noHover&&n.css(Ce||(Ce=R(["\n background-color: ",";\n "])),function(e){return e.theme.color.surface3})},H(function(e){return e.disabled}),r.disabledSelector),rn=w.default.div(Le||(Le=R(["\n display: flex;\n flex-direction: column;\n"]))),on=w.default.div(ze||(ze=R(["\n color: ",";\n line-height: 22px;\n font-size: 14px;\n display: grid;\n"])),function(e){return e.theme.color.text2}),an=w.default.div(Re||(Re=R(["\n color: ",";\n line-height: 18px;\n font-size: 10px;\n"])),function(e){return e.theme.color.text3});function ln(e){var n=e.link,r=e.onClick,o=e.disabled,i=void 0!==o&&o,a=e.primary,l=e.secondary,u=e.gtmClass,c=e.noHover,d=e.children,f=z(e,Ke),s=t.useComponentAbstraction().Link,p={disabled:i,primary:a,secondary:l,gtmClass:u,noHover:c,children:d};return i?/*#__PURE__*/y.default.createElement("span",{onClick:r},/*#__PURE__*/y.default.createElement(nn,p)):/*#__PURE__*/y.default.createElement(Nn,L({as:s,to:n,onClick:r},f),/*#__PURE__*/y.default.createElement(nn,L({onClick:function(){}},p)))}var un,cn,dn,fn,sn,pn,mn,hn,vn,xn,gn,bn,yn,wn,En,kn,Cn,Ln,zn,Rn,Tn,In,Mn,Sn,On,Nn=w.default.a(Te||(Te=R(["\n display: block;\n"]))),Bn=w.default.div(Ie||(Ie=R(["\n display: grid;\n gap: 8px;\n grid-auto-flow: column;\n align-items: center;\n"]))),Wn=w.default.div(Me||(Me=R(["\n color: ",";\n display: flex;\n"])),function(e){return e.theme.color.text3}),_n=w.default.div(Se||(Se=R(["\n height: 24px;\n"]))),An=w.default.div(Oe||(Oe=R(["\n padding: 0 16px;\n font-size: 12px;\n line-height: 16px;\n color: ",";\n margin-top: -2px;\n margin-bottom: 6px;\n"])),function(e){return e.theme.color.text3}),Un=w.default.div(un||(un=R(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),Hn=w.default.div(cn||(cn=R(["\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(e){return e.theme.color.text3},function(e){return e.theme.color.text2},function(e){return e.theme.color.text2},function(e){return e.theme.color.surface3}),Pn=["gtmClass","flex","rowReverse","children","disabled"],jn=y.default.forwardRef(function(e,n){var t=e.gtmClass,r=e.flex,o=void 0!==r&&r,i=e.rowReverse,a=void 0!==i&&i,l=e.children,u=e.disabled,c=z(e,Pn);/*#__PURE__*/return y.default.createElement(Dn,{className:void 0!==t?"gtm-"+t:"",flex:o,rowReverse:a,"aria-disabled":u},/*#__PURE__*/y.default.createElement(Vn,null,/*#__PURE__*/y.default.createElement(Zn,L({},c,{disabled:u,ref:n})),/*#__PURE__*/y.default.createElement(qn,null,/*#__PURE__*/y.default.createElement(Fn,null))),null!=l&&/*#__PURE__*/y.default.createElement(Gn,{rowReverse:a},l))}),Gn=w.default.span(dn||(dn=R(["\n ","\n"])),function(e){return n.css(e.rowReverse?fn||(fn=R(["\n margin-right: 8px;\n "])):sn||(sn=R(["\n margin-left: 8px;\n "])))}),Dn=w.default.label(pn||(pn=R(["\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(e){return e.flex&&n.css(mn||(mn=R(["\n display: flex;\n justify-content: space-between;\n "])))},function(e){var t=e.rowReverse;return n.css(hn||(hn=R(["\n flex-direction: ",";\n "])),t?"row-reverse":"row")}),Vn=w.default.span(vn||(vn=R(["\n display: inline-flex;\n position: relative;\n z-index: 0;\n"]))),qn=w.default.div(xn||(xn=R(["\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(e){return e.theme.color.text4}),Fn=w.default.div(gn||(gn=R(["\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(e){return e.theme.color.text5}),Zn=w.default.input.attrs({type:"checkbox"})(bn||(bn=R(["\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"])),qn,function(e){return e.theme.color.brand},Fn,qn,function(e){return e.theme.elementEffect.disabled.opacity},qn,function(e){var n=e.theme;return r.applyEffect(n.color.brand,n.elementEffect.disabled)}),Xn=y.default.memo(function(e){var n=e.children,t=e.icon,r=e.show,o=void 0===r||r,i=e.prefix,a=void 0!==i&&i,l=e.width,u=e.fit,c=e.fixed,d=void 0!==c&&c,f=void 0!==u&&u?void 0===l?/*#__PURE__*/y.default.createElement(Kn,{show:o,pre:a},t):/*#__PURE__*/y.default.createElement(dt,{width:l,show:o,pre:a},/*#__PURE__*/y.default.createElement(ft,null,t)):/*#__PURE__*/y.default.createElement(ut,{show:o,pre:a},/*#__PURE__*/y.default.createElement(ct,null,t));/*#__PURE__*/return y.default.createElement(Yn,null,a&&f,/*#__PURE__*/y.default.createElement(Jn,{fixed:d},n),!a&&f)}),Yn=w.default.div(yn||(yn=R(["\n display: flex;\n align-items: center;\n"]))),Jn=w.default.div(wn||(wn=R(["\n ","\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),function(e){return!e.fixed&&n.css(En||(En=R(["\n min-width: 0;\n overflow: hidden;\n "])))});function Kn(n){var t,r,o=n.children,i=n.show,a=n.pre,l=e.useRef(null),u=null!=(t=null==(r=be(l,[null]))?void 0:r.width)?t:0;/*#__PURE__*/return y.default.createElement(dt,{width:u,show:i,pre:a},/*#__PURE__*/y.default.createElement(ft,{ref:l},o))}var Qn,$n,et,nt,tt,rt,ot,it,at=n.css(kn||(kn=R(["\n > svg {\n display: block;\n }\n"]))),lt=n.css(Cn||(Cn=R(["\n ",";\n ","\n"])),function(e){return"collapse"===e.show?n.css(Ln||(Ln=R(["\n display: none;\n "]))):n.css(zn||(zn=R(["\n visibility: ",";\n "])),e.show?"visible":"hidden")},function(e){return n.css(e.pre?Rn||(Rn=R(["\n margin-right: 4px;\n "])):Tn||(Tn=R(["\n margin-left: 4px;\n "])))}),ut=w.default.div(In||(In=R(["\n display: flex;\n align-items: center;\n\n ","\n"])),lt),ct=w.default.div(Mn||(Mn=R(["\n display: inline-flex;\n\n ","\n"])),at),dt=w.default.div(Sn||(Sn=R(["\n display: flex;\n position: relative;\n /* Iconをline-heightに関与させない */\n height: 0;\n /* 横方向の領域は確保する */\n width: ","px;\n\n ","\n"])),function(e){return e.width},lt),ft=w.default.div(On||(On=R(["\n display: inline-flex;\n position: absolute;\n transform: translateY(-50%);\n\n ","\n"])),at),st=navigator.userAgent.includes("Edge/");function pt(e){throw new Error(0===arguments.length?"unreachable":"unreachable ("+JSON.stringify(e)+")")}function mt(e){var n=function(e){switch(e){case $n.Up:return"rotate(270 12 12)";case $n.Down:return"rotate(90 12 12)";case $n.Left:return"rotate(180 12 12)";case $n.Right:return;default:return pt(e)}}(e.direction);/*#__PURE__*/return y.default.createElement(P,{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 ht(e){var n=e.direction,t=e.show,r=e.offset,o=void 0===r?0:r,i=e.padding,a=void 0===i?0:i,l=e.bottomOffset,u=void 0===l?0:l,c=e.gradient,d=void 0!==c&&c,f=e.onClick,s=n===it.Left?{left:d?o-72:o,paddingLeft:Math.max(a,0),paddingBottom:u}:{right:d?o-72:o,paddingRight:Math.max(a,0),paddingBottom:u};/*#__PURE__*/return y.default.createElement(xt,{type:"button",onClick:f,hide:!t,style:s,css:It},/*#__PURE__*/y.default.createElement(vt,null,/*#__PURE__*/y.default.createElement(mt,{direction:n===it.Right?$n.Right:n===it.Left?$n.Left:pt()})))}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}($n||($n={})),function(e){e.Right="right",e.Left="left"}(it||(it={}));var vt=w.default.div(et||(et=R(["\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(e){return e.theme.color.surface4},function(e){return e.theme.color.text5}),xt=w.default.button(nt||(nt=R(["\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"])),vt,function(e){var n=e.theme;return r.applyEffect(n.color.surface4,n.effect.hover)},function(e){var n=e.theme;return r.applyEffect(n.color.text5,n.effect.hover)},vt,function(e){var n=e.theme;return r.applyEffect(n.color.surface4,n.effect.press)},function(e){var n=e.theme;return r.applyEffect(n.color.text5,n.effect.press)},function(e){return e.hide&&n.css(tt||(tt=R(["\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n "])))});w.default(vt)(rt||(rt=R(["\n cursor: pointer;\n\n &:hover {\n background-color: ",";\n color: ",";\n }\n\n &:active {\n background-color: ",";\n color: ",";\n }\n"])),function(e){var n=e.theme;return r.applyEffect(n.color.surface4,n.effect.hover)},function(e){var n=e.theme;return r.applyEffect(n.color.text5,n.effect.hover)},function(e){var n=e.theme;return r.applyEffect(n.color.surface4,n.effect.press)},function(e){var n=e.theme;return r.applyEffect(n.color.text5,n.effect.press)});var gt,bt,yt,wt,Et,kt,Ct,Lt,zt,Rt,Tt,It=n.css(ot||(ot=R(["\n @media (hover: none) and (pointer: coarse) {\n display: none;\n }\n"]))),Mt=["buttonOffset","buttonPadding","bottomOffset","defaultScroll","onScroll","onResize","children","centerItems","onScrollStateChange"],St=w.default.ul(gt||(gt=R(["\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(e){var t=e.centerItems;return n.css(void 0!==t&&t?bt||(bt=R(["\n display: flex;\n width: max-content;\n margin: 0 auto;\n "])):yt||(yt=R(["\n display: inline-flex;\n margin: 0;\n "])))}),Ot=w.default.div(wt||(wt=R(["\n opacity: 0;\n transition: 0.4s opacity;\n"]))),Nt=w.default.div(Et||(Et=R(["\n &:hover "," {\n opacity: 1;\n }\n\n /* CarouselButtonの中にz-index:1があるのでここでコンテキストを切る */\n position: relative;\n z-index: 0;\n"])),Ot),Bt=w.default(l.animated.div)(kt||(kt=R(["\n overflow-x: auto;\n padding: 0;\n margin: 0;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n"]))),Wt=w.default.div(Ct||(Ct=R(["\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(e){return!e.fadeInGradient&&n.css(Lt||(Lt=R(["\n margin-left: ","px;\n "," {\n padding-left: ","px;\n }\n "])),-72,St,72)},-72,St,72),_t=w.default.div(zt||(zt=R(["\n mask-image: linear-gradient(\n to right,\n #000 calc(100% - ","px),\n transparent\n );\n"])),72),At=w.default.div(Rt||(Rt=R(["\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(e){return e.show?0:-72});function Ut(e){var n=e.size;/*#__PURE__*/return y.default.createElement(jt,{viewBox:"0 0 20 6",width:n,height:n},/*#__PURE__*/y.default.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)"}))}Ut.defaultProps={size:16};var Ht,Pt,jt=w.default.svg(Tt||(Tt=R(["\n fill: currentColor;\n"])));function Gt(e){var n=e.size;/*#__PURE__*/return y.default.createElement("svg",{viewBox:"0 0 10 8",width:n,height:n},/*#__PURE__*/y.default.createElement(Xt,{strokeWidth:"2",points:"1,2 5,6 9,2",transform:Dt(e.direction)}))}function Dt(e){switch(e){case Pt.Up:return"rotate(180 5 4)";case Pt.Down:return;case Pt.Left:return"rotate(90 5 4)";case Pt.Right:return"rotate(-90 5 4)";default:return pt(e)}}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}(Pt||(Pt={})),Gt.defaultProps={size:16,white:!1,lightGray:!1};var Vt,qt,Ft,Zt,Xt=w.default.polyline(Ht||(Ht=R(["\n fill: none;\n stroke-linejoin: round;\n stroke-linecap: round;\n stroke: currentColor;\n"])));function Yt(n,t,r){void 0===r&&(r=7),"production"!==process.env.NODE_ENV&&(C.default((0|n)===n,"`page` must be interger ("+n+")"),C.default((0|t)===t,"`pageCount` must be interger ("+t+")"));var o=e.useMemo(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(e,n){return i+n}))},[n,t,r]);return e.useDebugValue(o),o}var Jt,Kt,Qt,$t=y.default.memo(function(n){var t=n.page,r=n.pageCount,o=n.onChange,i=Yt(t,r),a=e.useCallback(function(e){return function(){o(e)}},[o]),l=t<r,u=t>1;/*#__PURE__*/return y.default.createElement(er,null,/*#__PURE__*/y.default.createElement(nr,{type:"button",hidden:!u,disabled:!u,onClick:a(Math.max(1,t-1)),noBackground:!0},/*#__PURE__*/y.default.createElement(Gt,{size:16,direction:Pt.Left})),i.map(function(e){return"..."===e?/*#__PURE__*/y.default.createElement(tr,{key:e},/*#__PURE__*/y.default.createElement(Ut,{size:20})):/*#__PURE__*/y.default.createElement(nr,e===t?{key:e,type:"button","aria-current":!0}:{key:e,type:"button",onClick:a(e)},/*#__PURE__*/y.default.createElement(rr,null,e))}),/*#__PURE__*/y.default.createElement(nr,{type:"button",hidden:!l,disabled:!l,onClick:a(Math.min(r,t+1)),noBackground:!0},/*#__PURE__*/y.default.createElement(Gt,{size:16,direction:Pt.Right})))}),er=w.default.nav(Vt||(Vt=R(["\n display: flex;\n justify-content: center;\n align-items: center;\n"]))),nr=w.default.button(qt||(qt=R(["\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(e){return e.theme.color.text3},function(e){return e.theme.color.surface3},function(e){return e.theme.color.text2},function(e){return e.theme.color.surface6},function(e){return e.theme.color.text5},function(e){return e.theme.color.surface6},function(e){return e.theme.color.text5},function(e){var t=e.noBackground;return void 0!==t&&t&&n.css(Ft||(Ft=R(["\n /* stylelint-disable-next-line no-duplicate-selectors */\n &:hover {\n background: transparent;\n }\n "])))}),tr=w.default(nr).attrs({type:"button",disabled:!0})(Zt||(Zt=R(["\n && {\n color: ",";\n background: none;\n }\n"])),function(e){return e.theme.color.text3}),rr="span",or=w.default.div.attrs({role:"progressbar"})(Jt||(Jt=R(["\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(e){return e.padding},function(e){return e.size},function(e){return e.size},function(e){return e.size},function(e){return e.transparent?"transparent":c.transparentize(.32,e.theme.color.background1)},function(e){return e.theme.color.text4}),ir=n.keyframes(Kt||(Kt=R(["\n from {\n transform: scale(0);\n opacity: 1;\n }\n\n to {\n transform: scale(1);\n opacity: 0;\n }\n"]))),ar=w.default.div.attrs({role:"presentation"})(Qt||(Qt=R(["\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"])),ir,function(e){return e.once?1:"infinite"}),lr=y.default.forwardRef(function(n,t){var r=n.once,o=void 0!==r&&r,i=e.useRef(null);return e.useImperativeHandle(t,function(){return{restart:function(){i.current&&(i.current.dataset.resetAnimation="true",delete i.current.dataset.resetAnimation)}}}),/*#__PURE__*/y.default.createElement(ar,{ref:i,once:o})});Object.defineProperty(exports,"ComponentAbstraction",{enumerable:!0,get:function(){return t.ComponentAbstraction}}),Object.defineProperty(exports,"useComponentAbstraction",{enumerable:!0,get:function(){return t.useComponentAbstraction}}),exports.CancelLayoutItemBodyPadding=function(n){var t=n.children,r=n.cancelTop,o=e.useContext(Ne);/*#__PURE__*/return y.default.createElement(Fe,{wide:o.wide,cancelTop:r},t)},exports.Carousel=function(n){var t=n.buttonOffset,r=void 0===t?0:t,o=n.buttonPadding,i=void 0===o?16:o,a=n.bottomOffset,u=void 0===a?0:a,c=n.defaultScroll,d=(c=void 0===c?{}:c).align,f=void 0===d?"left":d,s=c.offset,p=void 0===s?0:s,m=n.onScroll,h=n.onResize,v=n.children,x=n.centerItems,g=n.onScrollStateChange,b=z(n,Mt),w=function(n){var t=e.useState(0),r=t[0],o=t[1],i=e.useRef();return[r,e.useCallback(function(e,n){void 0===n&&(n=!1),n?o(e):void 0===i.current&&(i.current=requestAnimationFrame(function(){o(e),void 0!==i.current&&(i.current=void 0)}))},[])]}(),E=w[0],k=w[1],C=e.useRef(!1),L=e.useState(0),R=L[0],T=L[1],I=e.useState(!1),M=I[0],S=I[1],O=e.useState(!1),N=O[0],B=O[1],W=l.useSpring(function(){return{scroll:0}}),_=W[0],A=W[1],U=e.useRef(null),H=e.useRef(null),P=e.useCallback(function(){if(null!==U.current){var e=Math.min(E+.75*U.current.clientWidth,R);k(e,!0),A({scroll:e,from:{scroll:E},reset:!C.current}),C.current=!0}},[C,R,E,A,k]),j=e.useCallback(function(){if(null!==U.current){var e=Math.max(E-.75*U.current.clientWidth,0);k(e,!0),A({scroll:e,from:{scroll:E},reset:!C.current}),C.current=!0}},[C,E,A,k]);e.useEffect(function(){var e=E>0,n=E<R&&R>0;e===M&&n===N||(S(e),B(n),null==g||g(e||n))},[M,R,g,N,E]);var G=e.useCallback(function(){null!==U.current&&(C.current&&(_.scroll.stop(),C.current=!1),k(U.current.scrollLeft))},[C,k,_]),D=e.useCallback(function(){if(null!==U.current){var e=U.current,n=e.clientWidth;T(e.scrollWidth-n),h&&h(n)}},[h]),V=e.useRef(new ResizeObserver(D)),q=e.useRef(new ResizeObserver(D));e.useLayoutEffect(function(){var e=U.current,n=H.current;if(null!==e&&null!==n){e.addEventListener("wheel",G,function(){if(void 0!==Qn)return Qn;Qn=!1;try{var e=Object.defineProperty({},"passive",{get:function(){return Qn=!0}});window.addEventListener("test",n,e),window.removeEventListener("test",n)}catch(e){}return Qn;function n(){}}()&&{passive:!0});var t=V.current;t.observe(e);var r=q.current;return r.observe(n),function(){e.removeEventListener("wheel",G),t.disconnect(),r.disconnect()}}},[D,G]),e.useLayoutEffect(function(){if("left"!==f||0!==p){var e=U.current;if(null!==e){var n=Math.max(0,Math.min("left"===f&&p>0?p:"center"===f?R/2+p:"right"===f&&p<=R?R-p/2:0,R));e.scrollLeft=n,k(n,!0)}}},[U.current]);var F=e.useCallback(function(){null!==U.current&&m&&m(U.current.scrollLeft)},[m]);if(!st&&!0===b.hasGradient){var Z,X=null!=(Z=b.fadeInGradient)&&Z,Y=!X;/*#__PURE__*/return y.default.createElement(Nt,null,/*#__PURE__*/y.default.createElement(Wt,{fadeInGradient:X},/*#__PURE__*/y.default.createElement(_t,null,/*#__PURE__*/y.default.createElement(At,{show:Y||E>0},/*#__PURE__*/y.default.createElement(Bt,{ref:U,scrollLeft:_.scroll,onScroll:F},/*#__PURE__*/y.default.createElement(St,{ref:H,centerItems:x},v))))),/*#__PURE__*/y.default.createElement(Ot,null,/*#__PURE__*/y.default.createElement(ht,{direction:it.Left,show:M,offset:r,bottomOffset:u,padding:i,gradient:Y,onClick:j}),/*#__PURE__*/y.default.createElement(ht,{direction:it.Right,show:N,offset:r,bottomOffset:u,padding:i,gradient:!0,onClick:P})))}/*#__PURE__*/return y.default.createElement(Nt,null,/*#__PURE__*/y.default.createElement(Bt,{ref:U,scrollLeft:_.scroll,onScroll:F},/*#__PURE__*/y.default.createElement(St,{ref:H,centerItems:x},v)),/*#__PURE__*/y.default.createElement(Ot,null,/*#__PURE__*/y.default.createElement(ht,{direction:it.Left,show:M,offset:r,bottomOffset:u,padding:i,onClick:j}),/*#__PURE__*/y.default.createElement(ht,{direction:it.Right,show:N,offset:r,bottomOffset:u,padding:i,onClick:P})))},exports.Filter=U,exports.FilterButton=M,exports.FilterIconButton=S,exports.FilterLink=O,exports.HintText=function(e){var n=e.children;/*#__PURE__*/return y.default.createElement(fe,{className:e.className,context:e.context},/*#__PURE__*/y.default.createElement(se,null,/*#__PURE__*/y.default.createElement(V,null)),/*#__PURE__*/y.default.createElement(pe,null,n))},exports.LAYOUT_ITEM_BODY_PADDING=Ve,exports.Layout=function(e){var n=e.menu,t=e.children,r=e.header,o=e.center,i=void 0!==o&&o,a=e.wide,l=e.isHeaderTopMenu,u=void 0!==l&&l,c={center:i,wide:!!i||null!=a&&a,withLeft:null!=n&&!u};/*#__PURE__*/return y.default.createElement(_e,null,/*#__PURE__*/y.default.createElement(Ne.Provider,{value:c},c.withLeft&&/*#__PURE__*/y.default.createElement(Ae,null,n),/*#__PURE__*/y.default.createElement(Ue,{center:i},null!=r&&/*#__PURE__*/y.default.createElement(He,null,r),u&&/*#__PURE__*/y.default.createElement(Be,null,n),/*#__PURE__*/y.default.createElement(Pe,null,t))),/*#__PURE__*/y.default.createElement(We,null))},exports.LayoutItem=je,exports.LayoutItemBody=function(n){var t=n.children,r=n.horizontal,o=void 0!==r&&r,i=n.narrow,a=void 0!==i&&i,l=e.useContext(Ne);/*#__PURE__*/return y.default.createElement(qe,{wide:l.wide,horizontal:o,narrow:a},t)},exports.LayoutItemHeader=function(n){var t=n.children,r=e.useContext(Ne);/*#__PURE__*/return y.default.createElement(De,{wide:r.wide,center:r.center},t)},exports.LeftMenu=function(e){var n=e.links,r=e.active,o=t.useComponentAbstraction().Link;/*#__PURE__*/return y.default.createElement(Un,null,n.map(function(e,n){/*#__PURE__*/return y.default.createElement(o,{to:e.to,key:n},/*#__PURE__*/y.default.createElement(Hn,{"aria-current":e.id===r||void 0},e.text))}))},exports.LeftMenuContent=function(e){/*#__PURE__*/return y.default.createElement(y.default.Fragment,null,e.links.map(function(e,n){/*#__PURE__*/return y.default.createElement(ln,{link:e.to,key:n,primary:e.text})}))},exports.LinkPager=function(e){var n=e.page,r=e.pageCount,o=e.makeUrl,i=t.useComponentAbstraction().Link,a=Yt(n,r),l=n<r,u=n>1;/*#__PURE__*/return y.default.createElement(er,null,/*#__PURE__*/y.default.createElement(i,{to:o(Math.max(1,n-1))},/*#__PURE__*/y.default.createElement(nr,{hidden:!u,"aria-disabled":!u,noBackground:!0},/*#__PURE__*/y.default.createElement(Gt,{size:16,direction:Pt.Left}))),a.map(function(e){return"..."===e?/*#__PURE__*/y.default.createElement(tr,{key:e},/*#__PURE__*/y.default.createElement(Ut,{size:20,subLink:!0})):e===n?/*#__PURE__*/y.default.createElement(nr,{key:e,type:"button","aria-current":!0},/*#__PURE__*/y.default.createElement(rr,null,e)):/*#__PURE__*/y.default.createElement(i,{key:e,to:o(e)},/*#__PURE__*/y.default.createElement(nr,{type:"button"},/*#__PURE__*/y.default.createElement(rr,null,e)))}),/*#__PURE__*/y.default.createElement(i,{to:o(Math.min(r,n+1))},/*#__PURE__*/y.default.createElement(nr,{hidden:!l,"aria-disabled":!l,noBackground:!0},/*#__PURE__*/y.default.createElement(Gt,{size:16,direction:Pt.Right}))))},exports.MAIN_COLUMN_HORIZONTAL_MIN_MARGIN=72,exports.MenuListItem=nn,exports.MenuListItemContext=en,exports.MenuListItemWithIcon=function(e){var n=e.icon,t=e.primary,r=z(e,$e);/*#__PURE__*/return y.default.createElement(nn,L({primary:/*#__PURE__*/y.default.createElement(Bn,null,/*#__PURE__*/y.default.createElement(Wn,null,n),t)},r))},exports.MenuListLabel=An,exports.MenuListLinkItem=ln,exports.MenuListLinkItemWithIcon=function(e){var n=e.icon,t=e.primary,r=z(e,Qe);/*#__PURE__*/return y.default.createElement(ln,L({primary:/*#__PURE__*/y.default.createElement(Bn,null,/*#__PURE__*/y.default.createElement(Wn,null,n),t)},r))},exports.MenuListSpacer=_n,exports.Pager=$t,exports.RESPONSIVE_LEFT_WIDTH=me,exports.RESPONSIVE_MAIN_MAX_WIDTH=he,exports.Spinner=function(e){var n=e.size,t=e.padding,r=e.transparent;/*#__PURE__*/return y.default.createElement(or,{size:void 0===n?48:n,padding:void 0===t?16:t,transparent:void 0!==r&&r},/*#__PURE__*/y.default.createElement(lr,null))},exports.SpinnerIcon=lr,exports.StyledCancelLayoutItemBodyPadding=Fe,exports.StyledLayoutItemBody=qe,exports.SwitchCheckbox=jn,exports.TextEllipsis=Je,exports.WithIcon=Xn,exports.useElementSize=be,exports.useLayoutItemBodyPadding=function(){var n=e.useContext(Ne).wide;return ve()?Ve.column1:n?Ve.wide:Ve.default},exports.useMedia=xe,exports.useMediaScreen1=ve;
2
2
  //# sourceMappingURL=index.cjs.map