@charcoal-ui/react-sandbox 2.0.0-alpha.8 → 2.0.0-alpha.9

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 (9) hide show
  1. package/dist/components/Carousel/index.d.ts.map +1 -1
  2. package/dist/index.cjs +1 -1
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.modern.js +1 -1
  5. package/dist/index.modern.js.map +1 -1
  6. package/dist/index.module.js +1 -1
  7. package/dist/index.module.js.map +1 -1
  8. package/package.json +5 -5
  9. package/src/components/Carousel/index.tsx +2 -5
package/dist/components/Carousel/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAOd,eAAO,MAAM,cAAc,KAAK,CAAA;AAChC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAEtC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,WAAW,CAAA;CAC5B;AAED,oBAAY,qBAAqB,GAC7B;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACvB;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAEL,aAAK,uBAAuB,GAAG,2BAA2B,GACxD,qBAAqB,CAAA;AAEvB,aAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,IAAI,IAAI,CAAA;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAgB,EAChB,aAAkB,EAClB,YAAgB,EAChB,aAAa,EAAE,EAAE,KAAc,EAAE,MAAM,EAAE,YAAgB,EAAO,EAChE,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,gBAAqC,EACrC,GAAG,OAAO,EACX,EAAE,KAAK,eAoPP"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAOd,eAAO,MAAM,cAAc,KAAK,CAAA;AAChC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAEtC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,WAAW,CAAA;CAC5B;AAED,oBAAY,qBAAqB,GAC7B;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACvB;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAEL,aAAK,uBAAuB,GAAG,2BAA2B,GACxD,qBAAqB,CAAA;AAEvB,aAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,IAAI,IAAI,CAAA;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAgB,EAChB,aAAkB,EAClB,YAAgB,EAChB,aAAa,EAAE,EAAE,KAAc,EAAE,MAAM,EAAE,YAAgB,EAAO,EAChE,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,gBAAqC,EACrC,GAAG,OAAO,EACX,EAAE,KAAK,eAiPP"}
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(a),k=/*#__PURE__*/d(u);function C(){return C=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},C.apply(this,arguments)}function L(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 z(e,n){return n||(n=e.slice(0)),e.raw=n,e}var R,T=["onClick","children","active","hover","reactive"],I=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(W,{active:r,reactive:i,hover:e.hover,onClick:r&&!i?void 0:e.onClick,ref:n,buttonWidth:e.width,buttonHeight:e.height},e.children)}),M=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=L(e,T),f=t.useComponentAbstraction().Link;return a&&!c?/*#__PURE__*/y.default.createElement(A,{active:!0,hover:l,ref:n},o):/*#__PURE__*/y.default.createElement(f,C({},d,{onClick:r}),/*#__PURE__*/y.default.createElement(A,{active:a,reactive:c,hover:l,ref:n},o))}),O=n.css(f||(f=z(["\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=z(["\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=z(["\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=z(["\n cursor: default;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),N=n.css(h||(h=z(["\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=z(["\n ","\n"])),O),A=w.default.span(x||(x=z(["\n ","\n"])),O),W=w.default(B)(g||(g=z(["\n ",";\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;"}),_=w.default.div(b||(b=z(["\n display: flex;\n"]))),U=o.createTheme(w.default);function H(e){var n=e.size,t=e.viewBoxSize;/*#__PURE__*/return y.default.createElement(j,{viewBox:"0 0 "+t+" "+t,size:void 0===n?24:n,currentColor:e.currentColor},/*#__PURE__*/y.default.createElement(G,{path:e.path,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}))}var P,j=w.default.svg(R||(R=z(["\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}),G=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 D(){/*#__PURE__*/return y.default.createElement(H,{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(ce,{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 V,q,F,Z,X,Y,J,K,Q,$,ee,ne,te,re,oe,ie,ae,le,ue,ce=w.default.path(P||(P=z(["\n fill: ",";\n fill-rule: evenodd;\n"])),function(e){return e.theme.color.surface1}),de=w.default.div.attrs(function(e){return C({},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))})(V||(V=z(["\n ","\n\n @media "," {\n ","\n }\n\n display: flex;\n align-items: flex-start;\n ","\n"])),function(e){return U(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 U(function(n){return[n.padding.vertical(e.screen1.vertical),n.padding.horizontal(e.screen1.horizontal)]})},function(e){return"page"===e.context&&n.css(q||(q=z(["\n justify-content: center;\n "])))}),fe=w.default.div(F||(F=z(["\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}),se=w.default.p(Z||(Z=z(["\n ","\n margin: 0;\n"])),U(function(e){return[e.font.text2,e.typography(14)]})),pe=i.columnSystem(2,i.COLUMN_UNIT,i.GUTTER_UNIT)+i.GUTTER_UNIT,me=i.columnSystem(12,i.COLUMN_UNIT,i.GUTTER_UNIT);function he(){return ve(r.maxWidth(n.useTheme().breakpoint.screen1))}function ve(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{E.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 xe(e){return null!==e?e.getBoundingClientRect():void 0}function ge(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=xe(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(xe(n.current))},t),e.useDebugValue(o),o}var be,ye,we,Ee,ke,Ce,Le,ze,Re,Te,Ie,Se,Me,Oe=y.default.createContext({wide:!1,center:!1,withLeft:!1}),Ne=w.default.div(X||(X=z(["\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(Y||(Y=z(["\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}),Ae=w.default.div(J||(J=z(["\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}),We=w.default.div(K||(K=z(["\n min-width: ","px;\n padding: 40px 0 40px ","px;\n box-sizing: border-box;\n\n @media "," {\n display: none;\n }\n"])),pe,i.GUTTER_UNIT,function(e){return e.theme.breakpoint.screen3}),_e=w.default.div(Q||(Q=z(["\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):me},72,function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),Ue=w.default.div($||($=z(["\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}),He=w.default.div(ee||(ee=z(["\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}),Pe=y.default.forwardRef(function(n,t){var r=n.span,o=n.children,i=e.useContext(Oe);/*#__PURE__*/return y.default.createElement(je,{span:r,withLeft:i.withLeft,ref:t},o)}),je=w.default.div(ne||(ne=z(["\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(te||(te=z(["\n grid-column-end: span 2;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.span>1&&n.css(re||(re=z(["\n grid-column-end: span 1;\n "])))}),Ge=w.default.div(oe||(oe=z(["\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(ie||(ie=z(["\n justify-content: center;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.wide&&n.css(ae||(ae=z(["\n height: 48px;\n margin-top: 0;\n "])))}),De={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}},Ve=w.default.div(le||(le=z(["\n padding: ",";\n\n @media "," {\n padding: ",";\n }\n\n width: 100%;\n box-sizing: border-box;\n"])),function(e){return e.narrow?De.narrow.yTop+"px "+(e.horizontal?0:De.narrow.x)+"px "+De.narrow.yBottom+"px":e.wide?(e.horizontal?0:De.wide.y)+"px "+De.wide.x+"px":(e.horizontal?0:De.default.y)+"px "+De.default.x+"px"},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.narrow?De.narrowColumn1.yTop+"px "+(e.horizontal?0:De.narrowColumn1.x)+"px "+De.narrowColumn1.yBottom+"px":De.column1.y+"px "+De.column1.x+"px 0"}),qe=w.default.div(ue||(ue=z(["\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?De.wide.x:De.default.x},function(e){var n=e.cancelTop;return void 0!==n&&n?e.wide?De.wide.y:De.default.y:0},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},De.column1.x,function(e){var n=e.cancelTop;return void 0!==n&&n?De.column1.x:0}),Fe=function(n){return e.isValidElement(n)&&Boolean(n.props.children)},Ze=function(e){return null==e||"boolean"==typeof e||"{}"===JSON.stringify(e)?"":e.toString()},Xe=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)&&Fe(r)?n(r.props.children):e.isValidElement(r)&&!Fe(r)?"":Ze(r),t.concat(o)},""):Ze(t)},Ye=w.default.div.attrs(function(e){var n=e.title,t=void 0===n?Xe(e.children):n;return{title:""!==t?t:void 0}})(be||(be=z(["\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(ye||(ye=z(["\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))):n.css(we||(we=z(["\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ",";\n /* Fallback for -webkit-line-clamp */\n max-height: ","px;\n "])),r,o*r)}),Je=["link","onClick","disabled","primary","secondary","gtmClass","noHover","children"],Ke=["icon","primary"],Qe=["icon","primary"],$e=y.default.createContext({padding:24});function en(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($e);/*#__PURE__*/return y.default.createElement(nn,{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(tn,null,/*#__PURE__*/y.default.createElement(rn,null,/*#__PURE__*/y.default.createElement(Ye,{lineHeight:22,lineLimit:1},t)),void 0!==r&&/*#__PURE__*/y.default.createElement(on,null,/*#__PURE__*/y.default.createElement(Ye,{lineHeight:22,lineLimit:1},r))),d)}var nn=w.default.div(Ee||(Ee=z(["\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(ke||(ke=z(["\n background-color: ",";\n "])),function(e){return e.theme.color.surface3})},U(function(e){return e.disabled}),r.disabledSelector),tn=w.default.div(Ce||(Ce=z(["\n display: flex;\n flex-direction: column;\n"]))),rn=w.default.div(Le||(Le=z(["\n color: ",";\n line-height: 22px;\n font-size: 14px;\n display: grid;\n"])),function(e){return e.theme.color.text2}),on=w.default.div(ze||(ze=z(["\n color: ",";\n line-height: 18px;\n font-size: 10px;\n"])),function(e){return e.theme.color.text3});function an(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=L(e,Je),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(en,p)):/*#__PURE__*/y.default.createElement(On,C({as:s,to:n,onClick:r},f),/*#__PURE__*/y.default.createElement(en,C({onClick:function(){}},p)))}var ln,un,cn,dn,fn,sn,pn,mn,hn,vn,xn,gn,bn,yn,wn,En,kn,Cn,Ln,zn,Rn,Tn,In,Sn,Mn,On=w.default.a(Re||(Re=z(["\n display: block;\n"]))),Nn=w.default.div(Te||(Te=z(["\n display: grid;\n gap: 8px;\n grid-auto-flow: column;\n align-items: center;\n"]))),Bn=w.default.div(Ie||(Ie=z(["\n color: ",";\n display: flex;\n"])),function(e){return e.theme.color.text3}),An=w.default.div(Se||(Se=z(["\n height: 24px;\n"]))),Wn=w.default.div(Me||(Me=z(["\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}),_n=w.default.div(ln||(ln=z(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),Un=w.default.div(un||(un=z(["\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}),Hn=["gtmClass","flex","rowReverse","children","disabled"],Pn=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=L(e,Hn);/*#__PURE__*/return y.default.createElement(Gn,{className:void 0!==t?"gtm-"+t:"",flex:o,rowReverse:a,"aria-disabled":u},/*#__PURE__*/y.default.createElement(Dn,null,/*#__PURE__*/y.default.createElement(Fn,C({},c,{disabled:u,ref:n})),/*#__PURE__*/y.default.createElement(Vn,null,/*#__PURE__*/y.default.createElement(qn,null))),null!=l&&/*#__PURE__*/y.default.createElement(jn,{rowReverse:a},l))}),jn=w.default.span(cn||(cn=z(["\n ","\n"])),function(e){return n.css(e.rowReverse?dn||(dn=z(["\n margin-right: 8px;\n "])):fn||(fn=z(["\n margin-left: 8px;\n "])))}),Gn=w.default.label(sn||(sn=z(["\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(pn||(pn=z(["\n display: flex;\n justify-content: space-between;\n "])))},function(e){var t=e.rowReverse;return n.css(mn||(mn=z(["\n flex-direction: ",";\n "])),t?"row-reverse":"row")}),Dn=w.default.span(hn||(hn=z(["\n display: inline-flex;\n position: relative;\n z-index: 0;\n"]))),Vn=w.default.div(vn||(vn=z(["\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}),qn=w.default.div(xn||(xn=z(["\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}),Fn=w.default.input.attrs({type:"checkbox"})(gn||(gn=z(["\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"])),Vn,function(e){return e.theme.color.brand},qn,Vn,function(e){return e.theme.elementEffect.disabled.opacity},Vn,function(e){var n=e.theme;return r.applyEffect(n.color.brand,n.elementEffect.disabled)}),Zn=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(Jn,{show:o,pre:a},t):/*#__PURE__*/y.default.createElement(ct,{width:l,show:o,pre:a},/*#__PURE__*/y.default.createElement(dt,null,t)):/*#__PURE__*/y.default.createElement(lt,{show:o,pre:a},/*#__PURE__*/y.default.createElement(ut,null,t));/*#__PURE__*/return y.default.createElement(Xn,null,a&&f,/*#__PURE__*/y.default.createElement(Yn,{fixed:d},n),!a&&f)}),Xn=w.default.div(bn||(bn=z(["\n display: flex;\n align-items: center;\n"]))),Yn=w.default.div(yn||(yn=z(["\n ","\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),function(e){return!e.fixed&&n.css(wn||(wn=z(["\n min-width: 0;\n overflow: hidden;\n "])))});function Jn(n){var t,r,o=n.children,i=n.show,a=n.pre,l=e.useRef(null),u=null!=(t=null==(r=ge(l,[null]))?void 0:r.width)?t:0;/*#__PURE__*/return y.default.createElement(ct,{width:u,show:i,pre:a},/*#__PURE__*/y.default.createElement(dt,{ref:l},o))}var Kn,Qn,$n,et,nt,tt,rt,ot,it=n.css(En||(En=z(["\n > svg {\n display: block;\n }\n"]))),at=n.css(kn||(kn=z(["\n ",";\n ","\n"])),function(e){return"collapse"===e.show?n.css(Cn||(Cn=z(["\n display: none;\n "]))):n.css(Ln||(Ln=z(["\n visibility: ",";\n "])),e.show?"visible":"hidden")},function(e){return n.css(e.pre?zn||(zn=z(["\n margin-right: 4px;\n "])):Rn||(Rn=z(["\n margin-left: 4px;\n "])))}),lt=w.default.div(Tn||(Tn=z(["\n display: flex;\n align-items: center;\n\n ","\n"])),at),ut=w.default.div(In||(In=z(["\n display: inline-flex;\n\n ","\n"])),it),ct=w.default.div(Sn||(Sn=z(["\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},at),dt=w.default.div(Mn||(Mn=z(["\n display: inline-flex;\n position: absolute;\n transform: translateY(-50%);\n\n ","\n"])),it);function ft(e){throw new Error(0===arguments.length?"unreachable":"unreachable ("+JSON.stringify(e)+")")}function st(e){var n=function(e){switch(e){case Qn.Up:return"rotate(270 12 12)";case Qn.Down:return"rotate(90 12 12)";case Qn.Left:return"rotate(180 12 12)";case Qn.Right:return;default:return ft(e)}}(e.direction);/*#__PURE__*/return y.default.createElement(H,{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 pt(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===ot.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(ht,{type:"button",onClick:f,hide:!t,style:s,css:Rt},/*#__PURE__*/y.default.createElement(mt,null,/*#__PURE__*/y.default.createElement(st,{direction:n===ot.Right?Qn.Right:n===ot.Left?Qn.Left:ft()})))}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}(Qn||(Qn={})),function(e){e.Right="right",e.Left="left"}(ot||(ot={}));var mt=w.default.div($n||($n=z(["\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}),ht=w.default.button(et||(et=z(["\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"])),mt,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)},mt,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(nt||(nt=z(["\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n "])))});w.default(mt)(tt||(tt=z(["\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 vt,xt,gt,bt,yt,wt,Et,kt,Ct,Lt,zt,Rt=n.css(rt||(rt=z(["\n @media (hover: none) and (pointer: coarse) {\n display: none;\n }\n"]))),Tt=["buttonOffset","buttonPadding","bottomOffset","defaultScroll","onScroll","onResize","children","centerItems","onScrollStateChange","scrollAmountCoef"],It=w.default.ul(vt||(vt=z(["\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?xt||(xt=z(["\n display: flex;\n width: max-content;\n margin: 0 auto;\n "])):gt||(gt=z(["\n display: inline-flex;\n margin: 0;\n "])))}),St=w.default.div(bt||(bt=z(["\n opacity: 0;\n transition: 0.4s opacity;\n"]))),Mt=w.default.div(yt||(yt=z(["\n &:hover "," {\n opacity: 1;\n }\n\n /* CarouselButtonの中にz-index:1があるのでここでコンテキストを切る */\n position: relative;\n z-index: 0;\n"])),St),Ot=w.default(l.animated.div)(wt||(wt=z(["\n overflow-x: auto;\n padding: 0;\n margin: 0;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n"]))),Nt=w.default.div(Et||(Et=z(["\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(kt||(kt=z(["\n margin-left: ","px;\n "," {\n padding-left: ","px;\n }\n "])),-72,It,72)},-72,It,72),Bt=w.default.div(Ct||(Ct=z(["\n mask-image: linear-gradient(\n to right,\n #000 calc(100% - ","px),\n transparent\n );\n"])),72),At=w.default.div(Lt||(Lt=z(["\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 Wt(e){var n=e.size;/*#__PURE__*/return y.default.createElement(Ht,{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)"}))}Wt.defaultProps={size:16};var _t,Ut,Ht=w.default.svg(zt||(zt=z(["\n fill: currentColor;\n"])));function Pt(e){var n=e.size;/*#__PURE__*/return y.default.createElement("svg",{viewBox:"0 0 10 8",width:n,height:n},/*#__PURE__*/y.default.createElement(Ft,{strokeWidth:"2",points:"1,2 5,6 9,2",transform:jt(e.direction)}))}function jt(e){switch(e){case Ut.Up:return"rotate(180 5 4)";case Ut.Down:return;case Ut.Left:return"rotate(90 5 4)";case Ut.Right:return"rotate(-90 5 4)";default:return ft(e)}}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}(Ut||(Ut={})),Pt.defaultProps={size:16,white:!1,lightGray:!1};var Gt,Dt,Vt,qt,Ft=w.default.polyline(_t||(_t=z(["\n fill: none;\n stroke-linejoin: round;\n stroke-linecap: round;\n stroke: currentColor;\n"])));function Zt(n,t,r){void 0===r&&(r=7),"production"!==process.env.NODE_ENV&&(k.default((0|n)===n,"`page` must be interger ("+n+")"),k.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 Xt,Yt,Jt,Kt=y.default.memo(function(n){var t=n.page,r=n.pageCount,o=n.onChange,i=Zt(t,r),a=e.useCallback(function(e){return function(){o(e)}},[o]),l=t<r,u=t>1;/*#__PURE__*/return y.default.createElement(Qt,null,/*#__PURE__*/y.default.createElement($t,{type:"button",hidden:!u,disabled:!u,onClick:a(Math.max(1,t-1)),noBackground:!0},/*#__PURE__*/y.default.createElement(Pt,{size:16,direction:Ut.Left})),i.map(function(e){return"..."===e?/*#__PURE__*/y.default.createElement(er,{key:e},/*#__PURE__*/y.default.createElement(Wt,{size:20})):/*#__PURE__*/y.default.createElement($t,e===t?{key:e,type:"button","aria-current":!0}:{key:e,type:"button",onClick:a(e)},/*#__PURE__*/y.default.createElement(nr,null,e))}),/*#__PURE__*/y.default.createElement($t,{type:"button",hidden:!l,disabled:!l,onClick:a(Math.min(r,t+1)),noBackground:!0},/*#__PURE__*/y.default.createElement(Pt,{size:16,direction:Ut.Right})))}),Qt=w.default.nav(Gt||(Gt=z(["\n display: flex;\n justify-content: center;\n align-items: center;\n"]))),$t=w.default.button(Dt||(Dt=z(["\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(Vt||(Vt=z(["\n /* stylelint-disable-next-line no-duplicate-selectors */\n &:hover {\n background: transparent;\n }\n "])))}),er=w.default($t).attrs({type:"button",disabled:!0})(qt||(qt=z(["\n && {\n color: ",";\n background: none;\n }\n"])),function(e){return e.theme.color.text3}),nr="span",tr=w.default.div.attrs({role:"progressbar"})(Xt||(Xt=z(["\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}),rr=n.keyframes(Yt||(Yt=z(["\n from {\n transform: scale(0);\n opacity: 1;\n }\n\n to {\n transform: scale(1);\n opacity: 0;\n }\n"]))),or=w.default.div.attrs({role:"presentation"})(Jt||(Jt=z(["\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"])),rr,function(e){return e.once?1:"infinite"}),ir=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(or,{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(Oe);/*#__PURE__*/return y.default.createElement(qe,{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=n.scrollAmountCoef,w=void 0===b?.75:b,E=L(n,Tt),k=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)}))},[])]}(),C=k[0],z=k[1],R=e.useRef(!1),T=e.useState(0),I=T[0],S=T[1],M=e.useState(!1),O=M[0],N=M[1],B=e.useState(!1),A=B[0],W=B[1],_=l.useSpring(function(){return{scroll:0}}),U=_[0],H=_[1],P=e.useRef(null),j=e.useRef(null),G=e.useRef(null),D=e.useCallback(function(){if(null!==j.current){var e=Math.min(C+j.current.clientWidth*w,I);z(e,!0),H({scroll:e,from:{scroll:C},reset:!R.current}),R.current=!0}},[R,I,C,H,w,z]),V=e.useCallback(function(){if(null!==j.current){var e=Math.max(C-j.current.clientWidth*w,0);z(e,!0),H({scroll:e,from:{scroll:C},reset:!R.current}),R.current=!0}},[R,C,H,w,z]);e.useEffect(function(){var e=C>0,n=C<I&&I>0;e===O&&n===A||(N(e),W(n),null==g||g(e||n))},[O,I,g,A,C]);var q=e.useCallback(function(){null!==P.current&&(R.current&&(U.scroll.stop(),R.current=!1),z(P.current.scrollLeft))},[R,z,U]),F=e.useCallback(function(){if(null!==P.current){var e=P.current,n=e.clientWidth;S(e.scrollWidth-n),h&&h(n)}},[h]),Z=e.useRef(new ResizeObserver(F)),X=e.useRef(new ResizeObserver(F));e.useLayoutEffect(function(){var e=P.current,n=G.current;if(null!==e&&null!==n){e.addEventListener("wheel",q,function(){if(void 0!==Kn)return Kn;Kn=!1;try{var e=Object.defineProperty({},"passive",{get:function(){return Kn=!0}});window.addEventListener("test",n,e),window.removeEventListener("test",n)}catch(e){}return Kn;function n(){}}()&&{passive:!0});var t=Z.current;t.observe(e);var r=X.current;return r.observe(n),function(){e.removeEventListener("wheel",q),t.disconnect(),r.disconnect()}}},[F,q]),e.useLayoutEffect(function(){if("left"!==f||0!==p){var e=P.current;if(null!==e){var n=Math.max(0,Math.min("left"===f&&p>0?p:"center"===f?I/2+p:"right"===f&&p<=I?I-p/2:0,I));e.scrollLeft=n,z(n,!0)}}},[P.current]);var Y=e.useCallback(function(){null!==P.current&&m&&m(P.current.scrollLeft)},[m]),J=e.useState(!1),K=J[0],Q=J[1];if(e.useLayoutEffect(function(){navigator.userAgent.includes("Edge/")&&Q(!0)},[]),!K&&!0===E.hasGradient){var $,ee=null!=($=E.fadeInGradient)&&$,ne=!ee;/*#__PURE__*/return y.default.createElement(Mt,{ref:j},/*#__PURE__*/y.default.createElement(Nt,{fadeInGradient:ee},/*#__PURE__*/y.default.createElement(Bt,null,/*#__PURE__*/y.default.createElement(At,{show:ne||C>0},/*#__PURE__*/y.default.createElement(Ot,{ref:P,scrollLeft:U.scroll,onScroll:Y},/*#__PURE__*/y.default.createElement(It,{ref:G,centerItems:x},v))))),/*#__PURE__*/y.default.createElement(St,null,/*#__PURE__*/y.default.createElement(pt,{direction:ot.Left,show:O,offset:r,bottomOffset:u,padding:i,gradient:ne,onClick:V}),/*#__PURE__*/y.default.createElement(pt,{direction:ot.Right,show:A,offset:r,bottomOffset:u,padding:i,gradient:!0,onClick:D})))}/*#__PURE__*/return y.default.createElement(Mt,{ref:j},/*#__PURE__*/y.default.createElement(Ot,{ref:P,scrollLeft:U.scroll,onScroll:Y},/*#__PURE__*/y.default.createElement(It,{ref:G,centerItems:x},v)),/*#__PURE__*/y.default.createElement(St,null,/*#__PURE__*/y.default.createElement(pt,{direction:ot.Left,show:O,offset:r,bottomOffset:u,padding:i,onClick:V}),/*#__PURE__*/y.default.createElement(pt,{direction:ot.Right,show:A,offset:r,bottomOffset:u,padding:i,onClick:D})))},exports.Filter=_,exports.FilterButton=I,exports.FilterIconButton=S,exports.FilterLink=M,exports.HintText=function(e){var n=e.children;/*#__PURE__*/return y.default.createElement(de,{className:e.className,context:e.context},/*#__PURE__*/y.default.createElement(fe,null,/*#__PURE__*/y.default.createElement(D,null)),/*#__PURE__*/y.default.createElement(se,null,n))},exports.LAYOUT_ITEM_BODY_PADDING=De,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(Ae,null,/*#__PURE__*/y.default.createElement(Oe.Provider,{value:c},c.withLeft&&/*#__PURE__*/y.default.createElement(We,null,n),/*#__PURE__*/y.default.createElement(_e,{center:i},null!=r&&/*#__PURE__*/y.default.createElement(Ue,null,r),u&&/*#__PURE__*/y.default.createElement(Ne,null,n),/*#__PURE__*/y.default.createElement(He,null,t))),/*#__PURE__*/y.default.createElement(Be,null))},exports.LayoutItem=Pe,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(Oe);/*#__PURE__*/return y.default.createElement(Ve,{wide:l.wide,horizontal:o,narrow:a},t)},exports.LayoutItemHeader=function(n){var t=n.children,r=e.useContext(Oe);/*#__PURE__*/return y.default.createElement(Ge,{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(_n,null,n.map(function(e,n){/*#__PURE__*/return y.default.createElement(o,{to:e.to,key:n},/*#__PURE__*/y.default.createElement(Un,{"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(an,{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=Zt(n,r),l=n<r,u=n>1;/*#__PURE__*/return y.default.createElement(Qt,null,/*#__PURE__*/y.default.createElement(i,{to:o(Math.max(1,n-1))},/*#__PURE__*/y.default.createElement($t,{hidden:!u,"aria-disabled":!u,noBackground:!0},/*#__PURE__*/y.default.createElement(Pt,{size:16,direction:Ut.Left}))),a.map(function(e){return"..."===e?/*#__PURE__*/y.default.createElement(er,{key:e},/*#__PURE__*/y.default.createElement(Wt,{size:20,subLink:!0})):e===n?/*#__PURE__*/y.default.createElement($t,{key:e,type:"button","aria-current":!0},/*#__PURE__*/y.default.createElement(nr,null,e)):/*#__PURE__*/y.default.createElement(i,{key:e,to:o(e)},/*#__PURE__*/y.default.createElement($t,{type:"button"},/*#__PURE__*/y.default.createElement(nr,null,e)))}),/*#__PURE__*/y.default.createElement(i,{to:o(Math.min(r,n+1))},/*#__PURE__*/y.default.createElement($t,{hidden:!l,"aria-disabled":!l,noBackground:!0},/*#__PURE__*/y.default.createElement(Pt,{size:16,direction:Ut.Right}))))},exports.MAIN_COLUMN_HORIZONTAL_MIN_MARGIN=72,exports.MenuListItem=en,exports.MenuListItemContext=$e,exports.MenuListItemWithIcon=function(e){var n=e.icon,t=e.primary,r=L(e,Qe);/*#__PURE__*/return y.default.createElement(en,C({primary:/*#__PURE__*/y.default.createElement(Nn,null,/*#__PURE__*/y.default.createElement(Bn,null,n),t)},r))},exports.MenuListLabel=Wn,exports.MenuListLinkItem=an,exports.MenuListLinkItemWithIcon=function(e){var n=e.icon,t=e.primary,r=L(e,Ke);/*#__PURE__*/return y.default.createElement(an,C({primary:/*#__PURE__*/y.default.createElement(Nn,null,/*#__PURE__*/y.default.createElement(Bn,null,n),t)},r))},exports.MenuListSpacer=An,exports.Pager=Kt,exports.RESPONSIVE_LEFT_WIDTH=pe,exports.RESPONSIVE_MAIN_MAX_WIDTH=me,exports.Spinner=function(e){var n=e.size,t=e.padding,r=e.transparent;/*#__PURE__*/return y.default.createElement(tr,{size:void 0===n?48:n,padding:void 0===t?16:t,transparent:void 0!==r&&r},/*#__PURE__*/y.default.createElement(ir,null))},exports.SpinnerIcon=ir,exports.StyledCancelLayoutItemBodyPadding=qe,exports.StyledLayoutItemBody=Ve,exports.SwitchCheckbox=Pn,exports.TextEllipsis=Ye,exports.WithIcon=Zn,exports.useElementSize=ge,exports.useLayoutItemBodyPadding=function(){var n=e.useContext(Oe).wide;return he()?De.column1:n?De.wide:De.default},exports.useMedia=ve,exports.useMediaScreen1=he;
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(a),k=/*#__PURE__*/d(u);function C(){return C=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},C.apply(this,arguments)}function L(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 z(e,n){return n||(n=e.slice(0)),e.raw=n,e}var R,T=["onClick","children","active","hover","reactive"],I=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(W,{active:r,reactive:i,hover:e.hover,onClick:r&&!i?void 0:e.onClick,ref:n,buttonWidth:e.width,buttonHeight:e.height},e.children)}),M=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=L(e,T),f=t.useComponentAbstraction().Link;return a&&!c?/*#__PURE__*/y.default.createElement(A,{active:!0,hover:l,ref:n},o):/*#__PURE__*/y.default.createElement(f,C({},d,{onClick:r}),/*#__PURE__*/y.default.createElement(A,{active:a,reactive:c,hover:l,ref:n},o))}),O=n.css(f||(f=z(["\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=z(["\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=z(["\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=z(["\n cursor: default;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),N=n.css(h||(h=z(["\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=z(["\n ","\n"])),O),A=w.default.span(x||(x=z(["\n ","\n"])),O),W=w.default(B)(g||(g=z(["\n ",";\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;"}),_=w.default.div(b||(b=z(["\n display: flex;\n"]))),U=o.createTheme(w.default);function H(e){var n=e.size,t=e.viewBoxSize;/*#__PURE__*/return y.default.createElement(j,{viewBox:"0 0 "+t+" "+t,size:void 0===n?24:n,currentColor:e.currentColor},/*#__PURE__*/y.default.createElement(G,{path:e.path,transform:e.transform,fillRule:e.fillRule,clipRule:e.clipRule}))}var P,j=w.default.svg(R||(R=z(["\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}),G=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 D(){/*#__PURE__*/return y.default.createElement(H,{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(ce,{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 V,q,F,Z,X,Y,J,K,Q,$,ee,ne,te,re,oe,ie,ae,le,ue,ce=w.default.path(P||(P=z(["\n fill: ",";\n fill-rule: evenodd;\n"])),function(e){return e.theme.color.surface1}),de=w.default.div.attrs(function(e){return C({},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))})(V||(V=z(["\n ","\n\n @media "," {\n ","\n }\n\n display: flex;\n align-items: flex-start;\n ","\n"])),function(e){return U(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 U(function(n){return[n.padding.vertical(e.screen1.vertical),n.padding.horizontal(e.screen1.horizontal)]})},function(e){return"page"===e.context&&n.css(q||(q=z(["\n justify-content: center;\n "])))}),fe=w.default.div(F||(F=z(["\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}),se=w.default.p(Z||(Z=z(["\n ","\n margin: 0;\n"])),U(function(e){return[e.font.text2,e.typography(14)]})),pe=i.columnSystem(2,i.COLUMN_UNIT,i.GUTTER_UNIT)+i.GUTTER_UNIT,me=i.columnSystem(12,i.COLUMN_UNIT,i.GUTTER_UNIT);function he(){return ve(r.maxWidth(n.useTheme().breakpoint.screen1))}function ve(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{E.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 xe(e){return null!==e?e.getBoundingClientRect():void 0}function ge(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=xe(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(xe(n.current))},t),e.useDebugValue(o),o}var be,ye,we,Ee,ke,Ce,Le,ze,Re,Te,Ie,Se,Me,Oe=y.default.createContext({wide:!1,center:!1,withLeft:!1}),Ne=w.default.div(X||(X=z(["\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(Y||(Y=z(["\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}),Ae=w.default.div(J||(J=z(["\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}),We=w.default.div(K||(K=z(["\n min-width: ","px;\n padding: 40px 0 40px ","px;\n box-sizing: border-box;\n\n @media "," {\n display: none;\n }\n"])),pe,i.GUTTER_UNIT,function(e){return e.theme.breakpoint.screen3}),_e=w.default.div(Q||(Q=z(["\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):me},72,function(e){return r.maxWidth(e.theme.breakpoint.screen1)}),Ue=w.default.div($||($=z(["\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}),He=w.default.div(ee||(ee=z(["\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}),Pe=y.default.forwardRef(function(n,t){var r=n.span,o=n.children,i=e.useContext(Oe);/*#__PURE__*/return y.default.createElement(je,{span:r,withLeft:i.withLeft,ref:t},o)}),je=w.default.div(ne||(ne=z(["\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(te||(te=z(["\n grid-column-end: span 2;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.span>1&&n.css(re||(re=z(["\n grid-column-end: span 1;\n "])))}),Ge=w.default.div(oe||(oe=z(["\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(ie||(ie=z(["\n justify-content: center;\n "])))},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.wide&&n.css(ae||(ae=z(["\n height: 48px;\n margin-top: 0;\n "])))}),De={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}},Ve=w.default.div(le||(le=z(["\n padding: ",";\n\n @media "," {\n padding: ",";\n }\n\n width: 100%;\n box-sizing: border-box;\n"])),function(e){return e.narrow?De.narrow.yTop+"px "+(e.horizontal?0:De.narrow.x)+"px "+De.narrow.yBottom+"px":e.wide?(e.horizontal?0:De.wide.y)+"px "+De.wide.x+"px":(e.horizontal?0:De.default.y)+"px "+De.default.x+"px"},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},function(e){return e.narrow?De.narrowColumn1.yTop+"px "+(e.horizontal?0:De.narrowColumn1.x)+"px "+De.narrowColumn1.yBottom+"px":De.column1.y+"px "+De.column1.x+"px 0"}),qe=w.default.div(ue||(ue=z(["\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?De.wide.x:De.default.x},function(e){var n=e.cancelTop;return void 0!==n&&n?e.wide?De.wide.y:De.default.y:0},function(e){return r.maxWidth(e.theme.breakpoint.screen1)},De.column1.x,function(e){var n=e.cancelTop;return void 0!==n&&n?De.column1.x:0}),Fe=function(n){return e.isValidElement(n)&&Boolean(n.props.children)},Ze=function(e){return null==e||"boolean"==typeof e||"{}"===JSON.stringify(e)?"":e.toString()},Xe=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)&&Fe(r)?n(r.props.children):e.isValidElement(r)&&!Fe(r)?"":Ze(r),t.concat(o)},""):Ze(t)},Ye=w.default.div.attrs(function(e){var n=e.title,t=void 0===n?Xe(e.children):n;return{title:""!==t?t:void 0}})(be||(be=z(["\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(ye||(ye=z(["\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))):n.css(we||(we=z(["\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ",";\n /* Fallback for -webkit-line-clamp */\n max-height: ","px;\n "])),r,o*r)}),Je=["link","onClick","disabled","primary","secondary","gtmClass","noHover","children"],Ke=["icon","primary"],Qe=["icon","primary"],$e=y.default.createContext({padding:24});function en(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($e);/*#__PURE__*/return y.default.createElement(nn,{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(tn,null,/*#__PURE__*/y.default.createElement(rn,null,/*#__PURE__*/y.default.createElement(Ye,{lineHeight:22,lineLimit:1},t)),void 0!==r&&/*#__PURE__*/y.default.createElement(on,null,/*#__PURE__*/y.default.createElement(Ye,{lineHeight:22,lineLimit:1},r))),d)}var nn=w.default.div(Ee||(Ee=z(["\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(ke||(ke=z(["\n background-color: ",";\n "])),function(e){return e.theme.color.surface3})},U(function(e){return e.disabled}),r.disabledSelector),tn=w.default.div(Ce||(Ce=z(["\n display: flex;\n flex-direction: column;\n"]))),rn=w.default.div(Le||(Le=z(["\n color: ",";\n line-height: 22px;\n font-size: 14px;\n display: grid;\n"])),function(e){return e.theme.color.text2}),on=w.default.div(ze||(ze=z(["\n color: ",";\n line-height: 18px;\n font-size: 10px;\n"])),function(e){return e.theme.color.text3});function an(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=L(e,Je),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(en,p)):/*#__PURE__*/y.default.createElement(On,C({as:s,to:n,onClick:r},f),/*#__PURE__*/y.default.createElement(en,C({onClick:function(){}},p)))}var ln,un,cn,dn,fn,sn,pn,mn,hn,vn,xn,gn,bn,yn,wn,En,kn,Cn,Ln,zn,Rn,Tn,In,Sn,Mn,On=w.default.a(Re||(Re=z(["\n display: block;\n"]))),Nn=w.default.div(Te||(Te=z(["\n display: grid;\n gap: 8px;\n grid-auto-flow: column;\n align-items: center;\n"]))),Bn=w.default.div(Ie||(Ie=z(["\n color: ",";\n display: flex;\n"])),function(e){return e.theme.color.text3}),An=w.default.div(Se||(Se=z(["\n height: 24px;\n"]))),Wn=w.default.div(Me||(Me=z(["\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}),_n=w.default.div(ln||(ln=z(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n"]))),Un=w.default.div(un||(un=z(["\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}),Hn=["gtmClass","flex","rowReverse","children","disabled"],Pn=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=L(e,Hn);/*#__PURE__*/return y.default.createElement(Gn,{className:void 0!==t?"gtm-"+t:"",flex:o,rowReverse:a,"aria-disabled":u},/*#__PURE__*/y.default.createElement(Dn,null,/*#__PURE__*/y.default.createElement(Fn,C({},c,{disabled:u,ref:n})),/*#__PURE__*/y.default.createElement(Vn,null,/*#__PURE__*/y.default.createElement(qn,null))),null!=l&&/*#__PURE__*/y.default.createElement(jn,{rowReverse:a},l))}),jn=w.default.span(cn||(cn=z(["\n ","\n"])),function(e){return n.css(e.rowReverse?dn||(dn=z(["\n margin-right: 8px;\n "])):fn||(fn=z(["\n margin-left: 8px;\n "])))}),Gn=w.default.label(sn||(sn=z(["\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(pn||(pn=z(["\n display: flex;\n justify-content: space-between;\n "])))},function(e){var t=e.rowReverse;return n.css(mn||(mn=z(["\n flex-direction: ",";\n "])),t?"row-reverse":"row")}),Dn=w.default.span(hn||(hn=z(["\n display: inline-flex;\n position: relative;\n z-index: 0;\n"]))),Vn=w.default.div(vn||(vn=z(["\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}),qn=w.default.div(xn||(xn=z(["\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}),Fn=w.default.input.attrs({type:"checkbox"})(gn||(gn=z(["\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"])),Vn,function(e){return e.theme.color.brand},qn,Vn,function(e){return e.theme.elementEffect.disabled.opacity},Vn,function(e){var n=e.theme;return r.applyEffect(n.color.brand,n.elementEffect.disabled)}),Zn=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(Jn,{show:o,pre:a},t):/*#__PURE__*/y.default.createElement(ct,{width:l,show:o,pre:a},/*#__PURE__*/y.default.createElement(dt,null,t)):/*#__PURE__*/y.default.createElement(lt,{show:o,pre:a},/*#__PURE__*/y.default.createElement(ut,null,t));/*#__PURE__*/return y.default.createElement(Xn,null,a&&f,/*#__PURE__*/y.default.createElement(Yn,{fixed:d},n),!a&&f)}),Xn=w.default.div(bn||(bn=z(["\n display: flex;\n align-items: center;\n"]))),Yn=w.default.div(yn||(yn=z(["\n ","\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),function(e){return!e.fixed&&n.css(wn||(wn=z(["\n min-width: 0;\n overflow: hidden;\n "])))});function Jn(n){var t,r,o=n.children,i=n.show,a=n.pre,l=e.useRef(null),u=null!=(t=null==(r=ge(l,[null]))?void 0:r.width)?t:0;/*#__PURE__*/return y.default.createElement(ct,{width:u,show:i,pre:a},/*#__PURE__*/y.default.createElement(dt,{ref:l},o))}var Kn,Qn,$n,et,nt,tt,rt,ot,it=n.css(En||(En=z(["\n > svg {\n display: block;\n }\n"]))),at=n.css(kn||(kn=z(["\n ",";\n ","\n"])),function(e){return"collapse"===e.show?n.css(Cn||(Cn=z(["\n display: none;\n "]))):n.css(Ln||(Ln=z(["\n visibility: ",";\n "])),e.show?"visible":"hidden")},function(e){return n.css(e.pre?zn||(zn=z(["\n margin-right: 4px;\n "])):Rn||(Rn=z(["\n margin-left: 4px;\n "])))}),lt=w.default.div(Tn||(Tn=z(["\n display: flex;\n align-items: center;\n\n ","\n"])),at),ut=w.default.div(In||(In=z(["\n display: inline-flex;\n\n ","\n"])),it),ct=w.default.div(Sn||(Sn=z(["\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},at),dt=w.default.div(Mn||(Mn=z(["\n display: inline-flex;\n position: absolute;\n transform: translateY(-50%);\n\n ","\n"])),it);function ft(e){throw new Error(0===arguments.length?"unreachable":"unreachable ("+JSON.stringify(e)+")")}function st(e){var n=function(e){switch(e){case Qn.Up:return"rotate(270 12 12)";case Qn.Down:return"rotate(90 12 12)";case Qn.Left:return"rotate(180 12 12)";case Qn.Right:return;default:return ft(e)}}(e.direction);/*#__PURE__*/return y.default.createElement(H,{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 pt(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===ot.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(ht,{type:"button",onClick:f,hide:!t,style:s,css:Rt},/*#__PURE__*/y.default.createElement(mt,null,/*#__PURE__*/y.default.createElement(st,{direction:n===ot.Right?Qn.Right:n===ot.Left?Qn.Left:ft()})))}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}(Qn||(Qn={})),function(e){e.Right="right",e.Left="left"}(ot||(ot={}));var mt=w.default.div($n||($n=z(["\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}),ht=w.default.button(et||(et=z(["\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"])),mt,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)},mt,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(nt||(nt=z(["\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n "])))});w.default(mt)(tt||(tt=z(["\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 vt,xt,gt,bt,yt,wt,Et,kt,Ct,Lt,zt,Rt=n.css(rt||(rt=z(["\n @media (hover: none) and (pointer: coarse) {\n display: none;\n }\n"]))),Tt=["buttonOffset","buttonPadding","bottomOffset","defaultScroll","onScroll","onResize","children","centerItems","onScrollStateChange","scrollAmountCoef"],It=w.default.ul(vt||(vt=z(["\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?xt||(xt=z(["\n display: flex;\n width: max-content;\n margin: 0 auto;\n "])):gt||(gt=z(["\n display: inline-flex;\n margin: 0;\n "])))}),St=w.default.div(bt||(bt=z(["\n opacity: 0;\n transition: 0.4s opacity;\n"]))),Mt=w.default.div(yt||(yt=z(["\n &:hover "," {\n opacity: 1;\n }\n\n /* CarouselButtonの中にz-index:1があるのでここでコンテキストを切る */\n position: relative;\n z-index: 0;\n"])),St),Ot=w.default(l.animated.div)(wt||(wt=z(["\n overflow-x: auto;\n padding: 0;\n margin: 0;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n"]))),Nt=w.default.div(Et||(Et=z(["\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(kt||(kt=z(["\n margin-left: ","px;\n "," {\n padding-left: ","px;\n }\n "])),-72,It,72)},-72,It,72),Bt=w.default.div(Ct||(Ct=z(["\n mask-image: linear-gradient(\n to right,\n #000 calc(100% - ","px),\n transparent\n );\n"])),72),At=w.default.div(Lt||(Lt=z(["\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 Wt(e){var n=e.size;/*#__PURE__*/return y.default.createElement(Ht,{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)"}))}Wt.defaultProps={size:16};var _t,Ut,Ht=w.default.svg(zt||(zt=z(["\n fill: currentColor;\n"])));function Pt(e){var n=e.size;/*#__PURE__*/return y.default.createElement("svg",{viewBox:"0 0 10 8",width:n,height:n},/*#__PURE__*/y.default.createElement(Ft,{strokeWidth:"2",points:"1,2 5,6 9,2",transform:jt(e.direction)}))}function jt(e){switch(e){case Ut.Up:return"rotate(180 5 4)";case Ut.Down:return;case Ut.Left:return"rotate(90 5 4)";case Ut.Right:return"rotate(-90 5 4)";default:return ft(e)}}!function(e){e.Up="up",e.Down="down",e.Left="left",e.Right="right"}(Ut||(Ut={})),Pt.defaultProps={size:16,white:!1,lightGray:!1};var Gt,Dt,Vt,qt,Ft=w.default.polyline(_t||(_t=z(["\n fill: none;\n stroke-linejoin: round;\n stroke-linecap: round;\n stroke: currentColor;\n"])));function Zt(n,t,r){void 0===r&&(r=7),"production"!==process.env.NODE_ENV&&(k.default((0|n)===n,"`page` must be interger ("+n+")"),k.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 Xt,Yt,Jt,Kt=y.default.memo(function(n){var t=n.page,r=n.pageCount,o=n.onChange,i=Zt(t,r),a=e.useCallback(function(e){return function(){o(e)}},[o]),l=t<r,u=t>1;/*#__PURE__*/return y.default.createElement(Qt,null,/*#__PURE__*/y.default.createElement($t,{type:"button",hidden:!u,disabled:!u,onClick:a(Math.max(1,t-1)),noBackground:!0},/*#__PURE__*/y.default.createElement(Pt,{size:16,direction:Ut.Left})),i.map(function(e){return"..."===e?/*#__PURE__*/y.default.createElement(er,{key:e},/*#__PURE__*/y.default.createElement(Wt,{size:20})):/*#__PURE__*/y.default.createElement($t,e===t?{key:e,type:"button","aria-current":!0}:{key:e,type:"button",onClick:a(e)},/*#__PURE__*/y.default.createElement(nr,null,e))}),/*#__PURE__*/y.default.createElement($t,{type:"button",hidden:!l,disabled:!l,onClick:a(Math.min(r,t+1)),noBackground:!0},/*#__PURE__*/y.default.createElement(Pt,{size:16,direction:Ut.Right})))}),Qt=w.default.nav(Gt||(Gt=z(["\n display: flex;\n justify-content: center;\n align-items: center;\n"]))),$t=w.default.button(Dt||(Dt=z(["\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(Vt||(Vt=z(["\n /* stylelint-disable-next-line no-duplicate-selectors */\n &:hover {\n background: transparent;\n }\n "])))}),er=w.default($t).attrs({type:"button",disabled:!0})(qt||(qt=z(["\n && {\n color: ",";\n background: none;\n }\n"])),function(e){return e.theme.color.text3}),nr="span",tr=w.default.div.attrs({role:"progressbar"})(Xt||(Xt=z(["\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}),rr=n.keyframes(Yt||(Yt=z(["\n from {\n transform: scale(0);\n opacity: 1;\n }\n\n to {\n transform: scale(1);\n opacity: 0;\n }\n"]))),or=w.default.div.attrs({role:"presentation"})(Jt||(Jt=z(["\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"])),rr,function(e){return e.once?1:"infinite"}),ir=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(or,{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(Oe);/*#__PURE__*/return y.default.createElement(qe,{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=n.scrollAmountCoef,w=void 0===b?.75:b,E=L(n,Tt),k=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)}))},[])]}(),C=k[0],z=k[1],R=e.useRef(!1),T=e.useState(0),I=T[0],S=T[1],M=e.useState(!1),O=M[0],N=M[1],B=e.useState(!1),A=B[0],W=B[1],_=l.useSpring(function(){return{scroll:0}}),U=_[0],H=_[1],P=e.useRef(null),j=e.useRef(null),G=e.useRef(null),D=e.useCallback(function(){if(null!==j.current){var e=Math.min(C+j.current.clientWidth*w,I);z(e,!0),H({scroll:e,from:{scroll:C},reset:!R.current}),R.current=!0}},[R,I,C,H,w,z]),V=e.useCallback(function(){if(null!==j.current){var e=Math.max(C-j.current.clientWidth*w,0);z(e,!0),H({scroll:e,from:{scroll:C},reset:!R.current}),R.current=!0}},[R,C,H,w,z]);e.useEffect(function(){var e=C>0,n=C<I&&I>0;e===O&&n===A||(N(e),W(n),null==g||g(e||n))},[O,I,g,A,C]);var q=e.useCallback(function(){null!==P.current&&(R.current&&(U.scroll.stop(),R.current=!1),z(P.current.scrollLeft))},[R,z,U]),F=e.useCallback(function(){if(null!==P.current){var e=P.current,n=e.clientWidth;S(e.scrollWidth-n),h&&h(n)}},[h]);e.useLayoutEffect(function(){var e=P.current,n=G.current;if(null!==e&&null!==n){e.addEventListener("wheel",q,function(){if(void 0!==Kn)return Kn;Kn=!1;try{var e=Object.defineProperty({},"passive",{get:function(){return Kn=!0}});window.addEventListener("test",n,e),window.removeEventListener("test",n)}catch(e){}return Kn;function n(){}}()&&{passive:!0});var t=new ResizeObserver(F);t.observe(e);var r=new ResizeObserver(F);return r.observe(n),function(){e.removeEventListener("wheel",q),t.disconnect(),r.disconnect()}}},[F,q]),e.useLayoutEffect(function(){if("left"!==f||0!==p){var e=P.current;if(null!==e){var n=Math.max(0,Math.min("left"===f&&p>0?p:"center"===f?I/2+p:"right"===f&&p<=I?I-p/2:0,I));e.scrollLeft=n,z(n,!0)}}},[P.current]);var Z=e.useCallback(function(){null!==P.current&&m&&m(P.current.scrollLeft)},[m]),X=e.useState(!1),Y=X[0],J=X[1];if(e.useLayoutEffect(function(){navigator.userAgent.includes("Edge/")&&J(!0)},[]),!Y&&!0===E.hasGradient){var K,Q=null!=(K=E.fadeInGradient)&&K,$=!Q;/*#__PURE__*/return y.default.createElement(Mt,{ref:j},/*#__PURE__*/y.default.createElement(Nt,{fadeInGradient:Q},/*#__PURE__*/y.default.createElement(Bt,null,/*#__PURE__*/y.default.createElement(At,{show:$||C>0},/*#__PURE__*/y.default.createElement(Ot,{ref:P,scrollLeft:U.scroll,onScroll:Z},/*#__PURE__*/y.default.createElement(It,{ref:G,centerItems:x},v))))),/*#__PURE__*/y.default.createElement(St,null,/*#__PURE__*/y.default.createElement(pt,{direction:ot.Left,show:O,offset:r,bottomOffset:u,padding:i,gradient:$,onClick:V}),/*#__PURE__*/y.default.createElement(pt,{direction:ot.Right,show:A,offset:r,bottomOffset:u,padding:i,gradient:!0,onClick:D})))}/*#__PURE__*/return y.default.createElement(Mt,{ref:j},/*#__PURE__*/y.default.createElement(Ot,{ref:P,scrollLeft:U.scroll,onScroll:Z},/*#__PURE__*/y.default.createElement(It,{ref:G,centerItems:x},v)),/*#__PURE__*/y.default.createElement(St,null,/*#__PURE__*/y.default.createElement(pt,{direction:ot.Left,show:O,offset:r,bottomOffset:u,padding:i,onClick:V}),/*#__PURE__*/y.default.createElement(pt,{direction:ot.Right,show:A,offset:r,bottomOffset:u,padding:i,onClick:D})))},exports.Filter=_,exports.FilterButton=I,exports.FilterIconButton=S,exports.FilterLink=M,exports.HintText=function(e){var n=e.children;/*#__PURE__*/return y.default.createElement(de,{className:e.className,context:e.context},/*#__PURE__*/y.default.createElement(fe,null,/*#__PURE__*/y.default.createElement(D,null)),/*#__PURE__*/y.default.createElement(se,null,n))},exports.LAYOUT_ITEM_BODY_PADDING=De,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(Ae,null,/*#__PURE__*/y.default.createElement(Oe.Provider,{value:c},c.withLeft&&/*#__PURE__*/y.default.createElement(We,null,n),/*#__PURE__*/y.default.createElement(_e,{center:i},null!=r&&/*#__PURE__*/y.default.createElement(Ue,null,r),u&&/*#__PURE__*/y.default.createElement(Ne,null,n),/*#__PURE__*/y.default.createElement(He,null,t))),/*#__PURE__*/y.default.createElement(Be,null))},exports.LayoutItem=Pe,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(Oe);/*#__PURE__*/return y.default.createElement(Ve,{wide:l.wide,horizontal:o,narrow:a},t)},exports.LayoutItemHeader=function(n){var t=n.children,r=e.useContext(Oe);/*#__PURE__*/return y.default.createElement(Ge,{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(_n,null,n.map(function(e,n){/*#__PURE__*/return y.default.createElement(o,{to:e.to,key:n},/*#__PURE__*/y.default.createElement(Un,{"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(an,{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=Zt(n,r),l=n<r,u=n>1;/*#__PURE__*/return y.default.createElement(Qt,null,/*#__PURE__*/y.default.createElement(i,{to:o(Math.max(1,n-1))},/*#__PURE__*/y.default.createElement($t,{hidden:!u,"aria-disabled":!u,noBackground:!0},/*#__PURE__*/y.default.createElement(Pt,{size:16,direction:Ut.Left}))),a.map(function(e){return"..."===e?/*#__PURE__*/y.default.createElement(er,{key:e},/*#__PURE__*/y.default.createElement(Wt,{size:20,subLink:!0})):e===n?/*#__PURE__*/y.default.createElement($t,{key:e,type:"button","aria-current":!0},/*#__PURE__*/y.default.createElement(nr,null,e)):/*#__PURE__*/y.default.createElement(i,{key:e,to:o(e)},/*#__PURE__*/y.default.createElement($t,{type:"button"},/*#__PURE__*/y.default.createElement(nr,null,e)))}),/*#__PURE__*/y.default.createElement(i,{to:o(Math.min(r,n+1))},/*#__PURE__*/y.default.createElement($t,{hidden:!l,"aria-disabled":!l,noBackground:!0},/*#__PURE__*/y.default.createElement(Pt,{size:16,direction:Ut.Right}))))},exports.MAIN_COLUMN_HORIZONTAL_MIN_MARGIN=72,exports.MenuListItem=en,exports.MenuListItemContext=$e,exports.MenuListItemWithIcon=function(e){var n=e.icon,t=e.primary,r=L(e,Qe);/*#__PURE__*/return y.default.createElement(en,C({primary:/*#__PURE__*/y.default.createElement(Nn,null,/*#__PURE__*/y.default.createElement(Bn,null,n),t)},r))},exports.MenuListLabel=Wn,exports.MenuListLinkItem=an,exports.MenuListLinkItemWithIcon=function(e){var n=e.icon,t=e.primary,r=L(e,Ke);/*#__PURE__*/return y.default.createElement(an,C({primary:/*#__PURE__*/y.default.createElement(Nn,null,/*#__PURE__*/y.default.createElement(Bn,null,n),t)},r))},exports.MenuListSpacer=An,exports.Pager=Kt,exports.RESPONSIVE_LEFT_WIDTH=pe,exports.RESPONSIVE_MAIN_MAX_WIDTH=me,exports.Spinner=function(e){var n=e.size,t=e.padding,r=e.transparent;/*#__PURE__*/return y.default.createElement(tr,{size:void 0===n?48:n,padding:void 0===t?16:t,transparent:void 0!==r&&r},/*#__PURE__*/y.default.createElement(ir,null))},exports.SpinnerIcon=ir,exports.StyledCancelLayoutItemBodyPadding=qe,exports.StyledLayoutItemBody=Ve,exports.SwitchCheckbox=Pn,exports.TextEllipsis=Ye,exports.WithIcon=Zn,exports.useElementSize=ge,exports.useLayoutItemBodyPadding=function(){var n=e.useContext(Oe).wide;return he()?De.column1:n?De.wide:De.default},exports.useMedia=ve,exports.useMediaScreen1=he;
2
2
  //# sourceMappingURL=index.cjs.map