@oaknational/oak-components 0.0.28 → 0.0.30
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.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/types.d.ts +40 -5
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var n=require("styled-components"),e=require("react"),t=require("next/image"),r=require("next-cloudinary");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=o(n),a=o(e),d=o(t),c=function(){return c=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},c.apply(this,arguments)};function l(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(n);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(t[r[o]]=n[r[o]])}return t}function s(n,e){var t="function"==typeof Symbol&&n[Symbol.iterator];if(!t)return n;var r,o,i=t.call(n),a=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(n){o={error:n}}finally{try{r&&!r.done&&(t=i.return)&&t.call(i)}finally{if(o)throw o.error}}return a}function u(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var b={white:"#ffffff",grey10:"#f9f9f9",grey20:"#f2f2f2",grey30:"#e4e4e4",grey40:"#cacaca",grey50:"#808080",grey60:"#575757",grey70:"#2d2d2d",black:"#222222",oakGreen:"#287c34",mint:"#bef2bd",mint30:"#ebfbeb",mint50:"#dff9de",mint110:"#93e892",aqua:"#b0e2de",aqua30:"#e7f6f5",aqua50:"#cee7e5",aqua110:"#7cd8d0",lavender:"#a0b6f2",lavender30:"#e3e9fb",lavender50:"#c6d1ef",lavender110:"#7c9aec",pink:"#deb7d5",pink30:"#f5e9f2",pink50:"#e5d1e0",pink110:"#cf9cc3",lemon:"#ffe555",lemon30:"#fff7cc",lemon50:"#f6e8a0",lemon110:"#fbd60e",amber:"#ff934e",amber30:"#ffece0",amber50:"#ffc8a6",red:"#dd0035",red30:"#f8d8e0",red50:"#ee809a",navy:"#0d24c4",navy110:"#0a1d9d",navy120:"#081676",blue:"#374cf1",magenta:"#d02aa7",purple:"#845ad9",teal:"#037b7d",transparent:"transparent"},g={black:"invert(10%) sepia(1%) saturate(236%) hue-rotate(314deg) brightness(95%) contrast(91%)",red:"invert(13%) sepia(78%) saturate(5255%) hue-rotate(337deg) brightness(88%) contrast(111%)",oakGreen:"invert(37%) sepia(16%) saturate(1947%) hue-rotate(77deg) brightness(100%) contrast(88%)",white:"invert(98%) sepia(98%) saturate(0%) hue-rotate(328deg) brightness(102%) contrast(102%)",grey40:"invert(92%) sepia(0%) saturate(581%) hue-rotate(147deg) brightness(94%) contrast(80%)",grey50:"invert(54%) sepia(0%) saturate(38%) hue-rotate(176deg) brightness(92%) contrast(91%)"},h=["text-primary","text-subdued","text-error","text-disabled","text-link-active","text-link-hover","text-link-visited","text-link-pressed","text-inverted","text-success","text-warning","bg-primary","bg-neutral","bg-neutral-stronger","bg-btn-primary","bg-btn-primary-hover","bg-btn-primary-disabled","bg-btn-secondary","bg-btn-secondary-hover","bg-btn-secondary-disabled","bg-icon","bg-icon-hover","bg-decorative1-main","bg-decorative1-subdued","bg-decorative1-very-subdued","bg-decorative2-main","bg-decorative2-subdued","bg-decorative2-very-subdued","bg-decorative3-main","bg-decorative3-subdued","bg-decorative3-very-subdued","bg-decorative4-main","bg-decorative4-subdued","bg-decorative4-very-subdued","bg-decorative5-main","bg-decorative5-subdued","bg-decorative5-very-subdued","bg-correct","bg-incorrect","icon-main","icon-inverted","icon-disabled","icon-brand","icon-success","icon-error","icon-warning","border-primary","border-inverted","border-neutral","border-brand","border-success","border-error","border-warning","border-decorative1","border-decorative1-stronger","border-decorative2","border-decorative2-stronger","border-decorative3","border-decorative3-stronger","border-decorative4","border-decorative4-stronger","border-decorative5","border-decorative5-stronger","border-decorative6","border-decorative6-stronger","transparent"];function p(n){if(null!=n)return n in b?b[n]:h.includes(n)?function(e){var t=e.theme.uiColors[n];return b[t]}:void 0}function f(n){return!!n}var v,m,$,x,w,k,y={small:750,large:1280},C=Object.values(y).sort((function(n,e){return n>e?1:-1})),E=function(n){return y[n]},I=function(e,t,r){return void 0===r&&(r=function(n){return n}),function(o){var i=function(t){return void 0===t?void 0:n.css(v||(v=u(["\n ",": ",";\n "],["\n ",": ",";\n "])),e,r(t))},a=t(o);if(void 0!==a)return Array.isArray(a)?0===a.length?[]:function(n,e,t){if(t||2===arguments.length)for(var r,o=0,i=e.length;o<i;o++)!r&&o in e||(r||(r=Array.prototype.slice.call(e,0,o)),r[o]=e[o]);return n.concat(r||Array.prototype.slice.call(e))}([n.css($||($=u(["\n ","\n "],["\n ","\n "])),i(a[0]))],s(C.slice(0,a.length).map((function(e,t){var r=a[t+1];if(void 0!==r)return n.css(w||(w=u(["\n @media (min-width: ","px) {\n ","\n }\n "],["\n @media (min-width: ","px) {\n ","\n }\n "])),e,n.css(x||(x=u(["\n ","\n "],["\n ","\n "])),i(r)))})).filter(f)),!1):n.css(m||(m=u(["\n ","\n "],["\n ","\n "])),i(a))}},j=n.css(k||(k=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("color",(function(n){return n.$color}),p),I("background",(function(n){return n.$background}),p)),z=16,S=3;function B(n){return Number((n/z).toFixed(S))}var M={"all-spacing-0":0,"all-spacing-1":4,"all-spacing-2":8,"all-spacing-3":12,"all-spacing-4":16,"all-spacing-5":20,"all-spacing-6":24,"all-spacing-7":32,"all-spacing-8":40,"all-spacing-9":48,"all-spacing-10":56,"all-spacing-11":64,"all-spacing-12":72,"all-spacing-13":80,"all-spacing-14":92,"all-spacing-15":100,"all-spacing-16":120,"all-spacing-17":160,"all-spacing-18":180,"all-spacing-19":240,"all-spacing-20":360,"all-spacing-21":480,"all-spacing-22":640,"all-spacing-23":960,"all-spacing-24":1280},N={"inner-padding-none":"all-spacing-0","inner-padding-ssx":"all-spacing-1","inner-padding-xs":"all-spacing-2","inner-padding-s":"all-spacing-3","inner-padding-m":"all-spacing-4","inner-padding-l":"all-spacing-5","inner-padding-xl":"all-spacing-6"},T={"space-between-none":"all-spacing-0","space-between-sssx":"all-spacing-1","space-between-ssx":"all-spacing-2","space-between-xs":"all-spacing-3","space-between-s":"all-spacing-4","space-between-m":"all-spacing-6","space-between-m2":"all-spacing-7","space-between-l":"all-spacing-9","space-between-xl":"all-spacing-10","space-between-xxl":"all-spacing-12","space-between-xxxl":"all-spacing-13"};function O(n){if(null!=n)return n in M?"".concat(B(M[n]),"rem"):n in N?"".concat(B(M[N[n]]),"rem"):n in T?"".concat(B(M[T[n]]),"rem"):n}var A,D,L,q,R,G,F,P,W,Y,H,Q,U,Z,V,X,_,J,K,nn,en,tn,rn,on,an,dn,cn,ln,sn,un,bn,gn,hn,pn,fn,vn,mn,$n,xn,wn,kn,yn,Cn,En,In,jn,zn,Sn,Bn,Mn=n.css(A||(A=u(["\n ","\n "," \n "," \n "," \n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n "," \n "," \n "," \n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n"])),I("position",(function(n){return n.$position})),I("top",(function(n){return n.$top}),O),I("right",(function(n){return n.$right}),O),I("bottom",(function(n){return n.$bottom}),O),I("left",(function(n){return n.$left}),O),I("inset",(function(n){return n.$inset}),O),I("overflow",(function(n){return n.$overflow})),I("overflow-x",(function(n){return n.$overflowX})),I("overflow-y",(function(n){return n.$overflowY})),I("object-fit",(function(n){return n.$objectFit})),I("pointer-events",(function(n){return n.$pointerEvents})),I("visibility",(function(n){return n.$visibility}))),Nn=n.css(D||(D=u(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),I("width",(function(n){return n.$width}),O),I("min-width",(function(n){return n.$minWidth}),O),I("max-width",(function(n){return n.$maxWidth}),O),I("height",(function(n){return n.$height}),O),I("min-height",(function(n){return n.$minHeight}),O),I("max-height",(function(n){return n.$maxHeight}),O)),Tn=n.css(L||(L=u(["\n ","\n"],["\n ","\n"])),I("padding",(function(n){return n.$pa}),O)),On=n.css(q||(q=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("padding-left",(function(n){return n.$ph}),O),I("padding-right",(function(n){return n.$ph}),O)),An=n.css(R||(R=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("padding-top",(function(n){return n.$pv}),O),I("padding-bottom",(function(n){return n.$pv}),O)),Dn=n.css(G||(G=u(["\n ","\n"],["\n ","\n"])),I("padding-left",(function(n){return n.$pl}),O)),Ln=n.css(F||(F=u(["\n ","\n"],["\n ","\n"])),I("padding-right",(function(n){return n.$pr}),O)),qn=n.css(P||(P=u(["\n ","\n"],["\n ","\n"])),I("padding-top",(function(n){return n.$pt}),O)),Rn=n.css(W||(W=u(["\n ","\n"],["\n ","\n"])),I("padding-bottom",(function(n){return n.$pb}),O)),Gn=n.css(Y||(Y=u(["\n ","\n"],["\n ","\n"])),I("margin",(function(n){return n.$ma}),O)),Fn=n.css(H||(H=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("margin-left",(function(n){return n.$mh}),O),I("margin-right",(function(n){return n.$mh}),O)),Pn=n.css(Q||(Q=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("margin-top",(function(n){return n.$mv}),O),I("margin-bottom",(function(n){return n.$mv}),O)),Wn=n.css(U||(U=u(["\n ","\n"],["\n ","\n"])),I("margin-left",(function(n){return n.$ml}),O)),Yn=n.css(Z||(Z=u(["\n ","\n"],["\n ","\n"])),I("margin-right",(function(n){return n.$mr}),O)),Hn=n.css(V||(V=u(["\n ","\n"],["\n ","\n"])),I("margin-top",(function(n){return n.$mt}),O)),Qn=n.css(X||(X=u(["\n ","\n"],["\n ","\n"])),I("margin-bottom",(function(n){return n.$mb}),O)),Un=n.css(_||(_=u(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Gn,Fn,Pn,Wn,Yn,Hn,Qn),Zn=n.css(J||(J=u(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Tn,On,An,Dn,Ln,qn,Rn),Vn=n.css(K||(K=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),Zn,Un),Xn={"border-solid-none":0,"border-solid-s":1,"border-solid-m":2,"border-solid-l":3,"border-solid-xl":4},_n={"border-radius-square":0,"border-radius-xs":2,"border-radius-s":4,"border-radius-m":6,"border-radius-m2":8,"border-radius-l":16,"border-radius-xl":24,"border-radius-circle":100},Jn=function(n){if(null!=n)return n in Xn?"".concat(B(Xn[n]),"rem solid"):void 0},Kn=function(n){if(null!=n)return n in _n?"".concat(B(_n[n]),"rem"):void 0},ne=n.css(nn||(nn=u(["\n ","\n"],["\n ","\n"])),I("border",(function(n){return n.$ba}),Jn)),ee=n.css(en||(en=u(["\n ","\n"],["\n ","\n"])),I("border-top",(function(n){return n.$bt}),Jn)),te=n.css(tn||(tn=u(["\n ","\n"],["\n ","\n"])),I("border-right",(function(n){return n.$br}),Jn)),re=n.css(rn||(rn=u(["\n ","\n"],["\n ","\n"])),I("border-bottom",(function(n){return n.$bb}),Jn)),oe=n.css(on||(on=u(["\n ","\n"],["\n ","\n"])),I("border-left",(function(n){return n.$bl}),Jn)),ie=n.css(an||(an=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("border-left",(function(n){return n.$bh}),Jn),I("border-right",(function(n){return n.$bh}),Jn)),ae=n.css(dn||(dn=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("border-top",(function(n){return n.$bv}),Jn),I("border-bottom",(function(n){return n.$bv}),Jn)),de=n.css(cn||(cn=u(["\n ","\n"],["\n ","\n"])),I("border-color",(function(n){return n.$borderColor}),p)),ce=n.css(ln||(ln=u(["\n ","\n"],["\n ","\n"])),I("border-radius",(function(n){return n.$borderRadius}),Kn)),le=n.css(sn||(sn=u(["\n ","\n"],["\n ","\n"])),I("border-top-left-radius",(function(n){return n.$btlr}),Kn)),se=n.css(un||(un=u(["\n ","\n"],["\n ","\n"])),I("border-top-right-radius",(function(n){return n.$btrr}),Kn)),ue=n.css(bn||(bn=u(["\n ","\n"],["\n ","\n"])),I("border-bottom-left-radius",(function(n){return n.$bblr}),Kn)),be=n.css(gn||(gn=u(["\n ","\n"],["\n ","\n"])),I("border-bottom-right-radius",(function(n){return n.$bbrr}),Kn)),ge=n.css(hn||(hn=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("border-top-left-radius",(function(n){return n.$btr}),Kn),I("border-top-right-radius",(function(n){return n.$btr}),Kn)),he=n.css(pn||(pn=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("border-bottom-left-radius",(function(n){return n.$bbr}),Kn),I("border-bottom-right-radius",(function(n){return n.$bbr}),Kn)),pe=n.css(fn||(fn=u(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),ne,ee,te,re,oe,ie,ae,de,ce,le,se,ue,be,ge,he),fe=n.css(vn||(vn=u(["\n ","\n"],["\n ","\n"])),I("display",(function(n){return n.$display}))),ve={"drop-shadow-standard":"0 0.5rem 0.5rem rgba(92, 92, 92, 20%)","drop-shadow-lemon":"0.125rem 0.125rem 0 rgba(255, 229, 85, 100%)","drop-shadow-wide-lemon":"0.25rem 0.25rem 0 rgba(255, 229, 85, 100%)","drop-shadow-centered-lemon":"0 0 0 0.125rem rgba(255, 229, 85, 100%)","drop-shadow-grey":"0.25rem 0.25rem 0 rgba(87, 87, 87, 100%)","drop-shadow-centered-grey":"0 0 0 0.3rem rgba(87, 87, 87, 100%)"},me=function(n){if(n)return n in ve?ve[n]:void 0},$e=n.css(mn||(mn=u(["\n ","\n"],["\n ","\n"])),I("box-shadow",(function(n){return n.$dropShadow}),me)),xe={transparent:0,"semi-transparent":.25,"semi-opaque":.5,opaque:1},we=n.css($n||($n=u(["\n ","\n"],["\n ","\n"])),I("opacity",(function(n){return n.$opacity}),(function(n){if(n)return n in xe?xe[n]:void 0}))),ke=n.css(xn||(xn=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),I("transform",(function(n){return n.$transform})),I("transform-origin",(function(n){return n.$transformOrigin}))),ye={"standard-ease":"all 0.3s ease","standard-transform":"rotate(-2deg) translateY(-16px) translateX(8px)"},Ce=n.css(wn||(wn=u(["\n ","\n"],["\n ","\n"])),I("transition",(function(n){return n.$transition}),(function(n){if(n)return n in ye?ye[n]:void 0}))),Ee={"font-size-1":12,"font-size-2":14,"font-size-3":16,"font-size-4":18,"font-size-5":20,"font-size-6":24,"font-size-7":32,"font-size-8":40,"font-size-9":48,"font-size-10":56},Ie={"heading-1":["font-size-10",64,600,"0.0115rem"],"heading-2":["font-size-9",56,600,"0.0115rem"],"heading-3":["font-size-8",48,600,"0.0115rem"],"heading-4":["font-size-7",40,600,"0.0115rem"],"heading-5":["font-size-6",32,600,"0.0115rem"],"heading-6":["font-size-5",24,600,"0.0115rem"],"heading-7":["font-size-3",20,600,"0.0115rem"],"heading-light-1":["font-size-10",64,400,"0.0115rem"],"heading-light-2":["font-size-9",56,400,"0.0115rem"],"heading-light-3":["font-size-8",48,400,"0.0115rem"],"heading-light-4":["font-size-7",40,400,"0.0115rem"],"heading-light-5":["font-size-6",32,400,"0.0115rem"],"heading-light-6":["font-size-5",24,400,"0.0115rem"],"heading-light-7":["font-size-3",20,400,"0.0115rem"],"body-1":["font-size-4",28,300,"-0.005rem"],"body-2":["font-size-3",24,300,"-0.005rem"],"body-3":["font-size-2",20,300,"-0.005rem"],"body-4":["font-size-1",16,300,"-0.005rem"],"body-1-bold":["font-size-4",28,700,"-0.005rem"],"body-2-bold":["font-size-3",24,700,"-0.005rem"],"body-3-bold":["font-size-2",20,700,"-0.005rem"],"list-item-1":["font-size-4",32,300,"-0.005rem"],"list-item-2":["font-size-3",24,300,"-0.005rem"]},je=n.css(kn||(kn=u(["\n font-family: Lexend, sans-serif;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n font-family: Lexend, sans-serif;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),I("font-weight",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=Ie[n])||void 0===e?void 0:e[2]})),I("font-size",(function(n){return n.$font}),(function(n){var e;if(n){var t=null===(e=Ie[n])||void 0===e?void 0:e[0];if(t)return"".concat(B(Ee[t]),"rem")}})),I("line-height",(function(n){return n.$font}),(function(n){var e;if(n){var t=null===(e=Ie[n])||void 0===e?void 0:e[1];if(t)return"".concat(B(t),"rem")}})),I("letter-spacing",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=Ie[n])||void 0===e?void 0:e[3]})),I("text-align",(function(n){return n.$textAlign})),I("text-decoration",(function(n){return n.$textDecoration})),I("white-space",(function(n){return n.$whiteSpace})),I("word-wrap",(function(n){return n.$wordWrap})),I("text-overflow",(function(n){return n.$textOverflow}))),ze={behind:-1,neutral:0,"in-front":1,"mobile-filters":2,"fixed-header":100,"modal-close-button":150,"modal-dialog":300},Se=n.css(yn||(yn=u(["\n ","\n"],["\n ","\n"])),I("z-index",(function(n){return n.$zIndex}),(function(n){if(null!=n)return ze[n]}))),Be=n.css(En||(En=u(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Mn,Nn,Vn,j,pe,fe,$e,we,ke,Ce,je,Se,(function(e){return e.onClick&&n.css(Cn||(Cn=u(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),Me=i.default.div(In||(In=u(["\n ","\n"],["\n ","\n"])),Be),Ne=n.css(jn||(jn=u(["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),I("flex-direction",(function(n){return n.$flexDirection})),I("flex-wrap",(function(n){return n.$flexWrap})),I("align-items",(function(n){return n.$alignItems})),I("align-content",(function(n){return n.$alignContent})),I("justify-content",(function(n){return n.$justifyContent})),I("align-self",(function(n){return n.$alignSelf})),I("order",(function(n){return n.$order})),I("flex-grow",(function(n){return n.$flexGrow})),I("flex-shrink",(function(n){return n.$flexShrink})),I("flex-basis",(function(n){return n.$flexBasis}),O),I("gap",(function(n){return n.$gap}),O),I("column-gap",(function(n){return n.$columnGap}),O),I("row-gap",(function(n){return n.$rowGap}),O)),Te=i.default(Me)(zn||(zn=u(["\n ","\n"],["\n ","\n"])),Ne),Oe=i.default.span(Sn||(Sn=u(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),j,we,Un,Zn,pe,je),Ae=i.default.form(Bn||(Bn=u(["\n ","\n"],["\n ","\n"])),Be);function De(n){if(null!=n)return n in g?g[n]:h.includes(n)?function(e){var t=e.theme.uiColors[n];if(t&&t in g)return g[t]}:void 0}var Le,qe,Re,Ge,Fe,Pe,We,Ye,He,Qe,Ue,Ze,Ve,Xe=n.css(Le||(Le=u(["\n ","\n"],["\n ","\n"])),I("filter",(function(n){return n.$colorFilter}),De)),_e=i.default(d.default)(Re||(Re=u(["\n ","\n ","\n object-fit: contain;\n"],["\n ","\n ","\n object-fit: contain;\n"])),Xe,(function(e){return e.onClick&&n.css(qe||(qe=u(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),Je=i.default(d.default)(Fe||(Fe=u(["\n ","\n ","\n width: 100%;\n height: auto;\n"],["\n ","\n ","\n width: 100%;\n height: auto;\n"])),Xe,(function(e){return e.onClick&&n.css(Ge||(Ge=u(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),Ke=function(n){var e=l(n,[]),t=e.as,r=e.src,o=e.alt,i=e.width,s=e.height,u=e.sizes,b=e.$width,g=void 0===b?"100%":b,h=e.$position,p=void 0===h?"relative":h,f=e.$colorFilter,v=e.placeholder,m=void 0===v?"oak":v,$=e.unoptimized,x=e.imageProps,w=l(e,["as","src","alt","width","height","sizes","$width","$position","$colorFilter","placeholder","unoptimized","imageProps"]),k="oak"===m?"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjEiIGhlaWdodD0iMTUxIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj48cGF0aCBmaWxsPSIjRTdGNkY1IiBkPSJNLTIwLTloMzAydjE3MC4wMTFILTIweiIvPjxwYXRoIGZpbGw9IiMyMjIiIGQ9Ik0xMjcuNzc5IDYzLjE4MWEyNy4xNDYgMjcuMTQ2IDAgMCAwLTMuOCAxLjYgMTYuNjk1IDE2LjY5NSAwIDAgMC03LjEgOC40YzAgLjEtLjEuMi0uMS4zLS43IDIuNC0uNiAyIDEuMyAyLjMgMS45LjMgMSAuNSAxIDEuMy0uMSA4LjggNC4xIDE1LjEgMTEuNCAxOS42YTEuNDk4IDEuNDk4IDAgMCAwIDEuNy4yYzUuNy0yLjYgOS4zLTcgMTAuMy0xMy4yYTEuMDAxIDEuMDAxIDAgMCAxIDEtMWwzLS4yYy44IDAgMS4zLjIgMS4yIDEuMmExNy45MDggMTcuOTA4IDAgMCAxLTMuMiA5LjIgMjMuNyAyMy43IDAgMCAxLTEwLjkgOS4xIDUuNDA2IDUuNDA2IDAgMCAxLTQuNS0uMiAyNi4yOSAyNi4yOSAwIDAgMS04LjUtNi42IDI1Ljg4OSAyNS44ODkgMCAwIDEtNi40LTE0LjRjMC0uNi0uMi0uNy0uOC0uOC0yLjUtLjQtMi41LS4xLTIuMy0yLjlhMTkuMjkgMTkuMjkgMCAwIDEgMTAuOC0xNi42IDM4Ljk1MyAzOC45NTMgMCAwIDEgNS43LTIuMWMuNDU3LS4zLjc4LS43NjYuOS0xLjNhMTQuMDk1IDE0LjA5NSAwIDAgMSAzLjUtNi4zbC4zLS4zYzEuOS0yIDIuNi0yIDQuMy4ybC40LjVjMS4xIDEuMSAxIDEuNS0uMSAyLjZhMTEuODgzIDExLjg4MyAwIDAgMC0zLjIgNC40YzIuNjQ1LjE2OCA1LjIxNS45NTYgNy41IDIuMyA1LjcgMy41IDkuMiA4LjMgOS45IDE1IC4wMTYuOTAxLS4wMTcgMS44MDMtLjEgMi43IDAgLjgtLjYgMS0xLjIgMS4yYTE2LjEgMTYuMSAwIDAgMS0xMS0uNyAxNy45IDE3LjkgMCAwIDEtMTAuOS0xMy42IDkuNzQyIDkuNzQyIDAgMCAxLS4xLTEuOVptMTguMSAxMi4yYy40LTUuNS02LjktMTIuNi0xMy0xMi4xLjUgNi41IDcuNiAxMi44IDEzIDEyLjFaIiBvcGFjaXR5PSIuMSIvPjwvZz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNjF2MTUxSDB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+":m;return i&&s?a.default.createElement(Me,c({$maxWidth:"all-spacing-0",$position:p},w),a.default.createElement(Je,c({as:null!=t?t:d.default,src:r,alt:o,width:i,height:s,sizes:u,unoptimized:$,$colorFilter:f,placeholder:k},x))):a.default.createElement(Me,c({$position:p,$width:g},w),a.default.createElement(_e,c({as:null!=t?t:d.default,src:r,alt:o,sizes:u,fill:!0,$colorFilter:f,placeholder:k,unoptimized:$},x)))},nt=i.default(Me)(Pe||(Pe=u(["\n ","\n"],["\n ","\n"])),je),et=function(n){var e=n.tag,t=n.ariaLabel,r=n.ariaHidden,o=l(n,["tag","ariaLabel","ariaHidden"]),i=e;return a.default.createElement(i,c({},o,{"aria-label":t,"aria-hidden":r}))},tt=i.default(et)(We||(We=u(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),je,Un,j,we),rt=i.default.p(Ye||(Ye=u(["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"],["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"])),je,j,Un,(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]})),ot=i.default.ul(Qe||(Qe=u(["\n ","\n margin: 0;\n ","\n"],["\n ","\n margin: 0;\n ","\n"])),(function(e){return e.$reset&&n.css(He||(He=u(["\n list-style: none;\n padding: 0;\n "],["\n list-style: none;\n padding: 0;\n "])))}),Be),it=i.default.ol(Ue||(Ue=u(['\n counter-reset: item;\n padding: 0;\n\n li {\n display: block;\n counter-increment: item;\n margin: 0;\n padding: 0 0 0 16px;\n text-indent: -16px;\n list-style-type: none;\n line-height: 32px;\n\n // Portable text generates linebreaks within list items\n\n br {\n content: "";\n display: block;\n margin-top: 8px;\n }\n }\n\n & li::before {\n padding-right: 4px;\n content: counter(item) ".";\n }\n a {\n color: ',";\n }\n ","\n ","\n ","\n"],['\n counter-reset: item;\n padding: 0;\n\n li {\n display: block;\n counter-increment: item;\n margin: 0;\n padding: 0 0 0 16px;\n text-indent: -16px;\n list-style-type: none;\n line-height: 32px;\n\n // Portable text generates linebreaks within list items\n\n br {\n content: "";\n display: block;\n margin-top: 8px;\n }\n }\n\n & li::before {\n padding-right: 4px;\n content: counter(item) ".";\n }\n a {\n color: ',";\n }\n ","\n ","\n ","\n"])),(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]}),Un,j,je),at=n.css(Ze||(Ze=u(["\n ","\n"],["\n ","\n"])),I("list-style",(function(n){return n.$listStyle}))),dt=i.default.li(Ve||(Ve=u(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),Be,je,at,fe);dt.defaultProps={$display:"revert"};var ct,lt=i.default.label(ct||(ct=u(["\n ","\n ","\n"],["\n ","\n ","\n"])),je,j),st={home:"v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg",send:"v1699893673/icons/rmvytilpjgvh3pgwc8ph.svg",rocket:"v1699894015/icons/u26xm5hteot875ozfnk9.svg",edit:"v1699894149/icons/qxlunbg5tfrdherzsvlt.svg",hamburger:"v1699895123/icons/jaqdnomtbhqvjcap962u.svg",cross:"v1699895179/icons/xigimrbivcaxt4omxamp.svg",bell:"v1699895207/icons/ecejtvqerx81prxyxh9b.svg",twitter:"v1699895251/icons/bq6a50xtkvnzhltfggzz.svg",worksheet:"v1699895300/icons/ez1s6mtpe5jkunnxzvlw.svg",facebook:"v1699895330/icons/iojlvh3o5lshy2jupyph.svg",share:"v1699895363/icons/agcmduftef3wcla6gzec.svg","arrow-right":"v1699895398/icons/fv0z57zerrioft52dd9n.svg","worksheet-3":"v1699895429/icons/bzhojpjxp9rukdvh7daz.svg","chevron-right":"v1699895475/icons/rhzft6wnpdp3nvsmlyei.svg",save:"v1699895505/icons/rh1ahwwtbemvz0ihluew.svg","quiz-3":"v1699895534/icons/zoayhgtrotv32fad7d3k.svg","chevron-down":"v1699953557/icons/botfld6brychmttwtv6u.svg",linkedin:"v1699953592/icons/leqneklorqqzb1zo6rf1.svg","magic-carpet":"v1699953622/icons/jifivg9xxm7sb0fjdilm.svg",books:"v1699953657/icons/hz4l3iq6i68kazvkvorq.svg","supervision-level":"v1699953696/icons/cwqhknapp3maa4g0t3lj.svg","quiz-white":"v1699953730/icons/gpcehpgr9mqoumsa25xe.svg","arrow-left":"v1699953763/icons/ejrm9dpgpzb7ddbo8z2i.svg","additional-material":"v1699953798/icons/ntoq4tqvcm2uj1pajubt.svg","slide-deck-3":"v1699953830/icons/sm92moja9d5utu3cj16c.svg","sign-language":"v1699953861/icons/ns94ozvozzi22enxkx0x.svg",external:"v1699953892/icons/hlxmejse3mcr4tqo6t8u.svg","equipment-required":"v1699953925/icons/pw22bdhj2vrzfv2ogi4e.svg","chevron-left":"v1699953962/icons/xpp10hijwzhyeqt6ylqf.svg",download:"v1699953991/icons/dk0f6a6hdpzxftjosngn.svg",search:"v1704901279/icons/canbi3fuz5fanzom2hvi.svg","chevron-up":"v1699954058/icons/pay71thmhhylj7z28sj1.svg",go:"v1699954090/icons/vdzptyvmitylra8x4usy.svg",copyright:"v1699954118/icons/boiod3rflocgsnfokyo8.svg","arrow-down":"v1699954152/icons/wpfmbmwpyfinipg0d61y.svg",project:"v1699954186/icons/zofq5pheud6spnwjpewk.svg","slide-deck":"v1699954241/icons/sjjy5f3g4eciwcuxxr33.svg","content-guidance":"v1699954277/icons/tm3uhcqenaznq4fxys7j.svg",tick:"v1699954310/icons/efd3esaor6zqk7seh6kt.svg",instagram:"v1699954343/icons/ayfeljric0kkimdymvva.svg",dot:"v1699954371/icons/knykdclphkm8lgff4u2g.svg","dot-png":"v1699954394/icons/qecbh291nzwmhcvqayqd.png",warning:"v1704901279/icons/zzszodmk7fvxm9xzzg9s.svg","lightbulb-yellow":"v1705078631/icons/q2v4sqxouy1ngcajoavv.svg",lightbulb:"v1705078631/icons/zldisxmbff36z68rwcef.svg",quiz:"v1705416077/icons/kaaizjcudy0jfgfrrdel.svg",video:"v1705416078/icons/wzey1zfxrvv3apeebbf5.svg",intro:"v1705662092/icons/pl7bnmb13txese9yxkjv.svg","subject-art":"subject-icons/art.svg","subject-biology":"subject-icons/biology.svg","subject-chemistry":"subject-icons/chemistry.svg","subject-citizenship":"subject-icons/citizenship.svg","subject-combined-science":"subject-icons/science.svg","subject-communication-and-language":"subject-icons/communication-and-language.svg","subject-computing":"subject-icons/computing.svg","subject-computing-non-gcse":"subject-icons/computing.svg","subject-creative-arts":"subject-icons/creative-arts.svg","subject-design-technology":"subject-icons/design-technology.svg","subject-drama":"subject-icons/drama.svg","subject-english":"subject-icons/english.svg","subject-english-grammar":"subject-icons/english-grammar.svg","subject-english-reading-for-pleasure":"subject-icons/literature.svg","subject-english-spelling":"subject-icons/english-spelling.svg","subject-french":"subject-icons/french.svg","subject-geography":"subject-icons/geography.svg","subject-german":"subject-icons/german.svg","subject-history":"subject-icons/history.svg","subject-independent-living":"subject-icons/independent-living.svg","subject-latin":"subject-icons/latin.svg","subject-maths":"subject-icons/maths.svg","subject-music":"subject-icons/music-hollow.svg","subject-numeracy":"subject-icons/numeracy.svg","occupational-therapy":"subject-icons/therapy.svg","subject-physical-development":"subject-icons/physical-development.svg","subject-physical-education":"subject-icons/physical-education.svg","subject-physical-therapy":"subject-icons/physical-therapy.svg","subject-physics":"subject-icons/physics.svg","subject-religious-education":"subject-icons/religious-education.svg","subject-rshe-pshe":"subject-icons/rshe-pshe.svg","subject-science":"subject-icons/science.svg","subject-sensory-integration":"subject-icons/sensory-integration.svg","subject-spanish":"subject-icons/spanish.svg","subject-speech-and-language-therapy":"subject-icons/speech-and-language.svg","subject-therapy":"subject-icons/therapy.svg","subject-understanding-the-world":"subject-icons/understanding-the-world.svg"},ut=Object.keys(st);var bt,gt,ht,pt,ft,vt=function(n){var e=n.iconName,t=n.alt,r=n.$width,o=void 0===r?"all-spacing-7":r,i=n.$height,d=void 0===i?"all-spacing-7":i;n.imageProps;var s=l(n,["iconName","alt","$width","$height","imageProps"]);return a.default.createElement(Ke,c({src:"https://".concat(process.env.NEXT_PUBLIC_OAK_ASSETS_HOST,"/").concat(process.env.NEXT_PUBLIC_OAK_ASSETS_PATH,"/").concat(st[e]),alt:null!=t?t:e,$width:o,$height:d,placeholder:"empty",unoptimized:!0},s))},mt=n.css(bt||(bt=u(["\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n"])),I("row-gap",(function(n){return n.$rg}),O),I("column-gap",(function(n){return n.$cg}),O),I("grid-auto-rows",(function(n){return n.$gridAutoRows})),I("grid-template-areas",(function(n){return n.$gridTemplateAreas})),I("grid-template-columns",(function(n){return n.$gridTemplateColumns}))),$t=i.default(Me)(gt||(gt=u(["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n width: 100%;\n ","\n"],["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n width: 100%;\n ","\n"])),mt),xt=function(n,e){return n?"".concat(n,"/").concat(e):"".concat(e)},wt=function(n){if(null==n?void 0:n.includes("/")){var e=s(n.split("/"),2),t=e[0],r=e[1];return"".concat(t," / span ").concat(r)}return"span ".concat(n)},kt=n.css(ht||(ht=u(["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"],["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"])),I("grid-column",(function(n){return Array.isArray(n.$colSpan)?n.$colSpan.map((function(e,t){return xt(Array.isArray(n.$colStart)?n.$colStart[t]:n.$colStart,e)})):xt(Array.isArray(n.$colStart)?n.$colStart[0]:n.$colStart,n.$colSpan)}),(function(n){return wt(n)})),I("grid-row",(function(n){return Array.isArray(n.$rowSpan)?n.$rowSpan.map((function(e,t){return xt(Array.isArray(n.$rowStart)?n.$rowStart[t]:n.$rowStart,e)})):xt(Array.isArray(n.$rowStart)?n.$rowStart[0]:n.$rowStart,n.$rowSpan)}),(function(n){return wt(n)})),I("order",(function(n){return n.$order}),(function(n){return n&&"".concat(n)})),I("grid-row",(function(n){return n.$rowSpan?"span ".concat(n.$rowSpan):"span 1"})),I("grid-column-start",(function(n){return n.$colStart})),I("grid-column-end",(function(n){return n.$colEnd})),I("grid-row-start",(function(n){return n.$rowStart}))),yt=i.default(Te)(pt||(pt=u(["\n ","\n"],["\n ","\n"])),kt),Ct=i.default(Te)(ft||(ft=u([""],[""])));function Et(n,e){return n.toString().replace(function(n){var e=new URL(r.getCldImageUrl({src:"canary.jpg"},n));return e.origin+"/image/upload/"}(e),"")}Ct.defaultProps={$maxWidth:["all-spacing-21","all-spacing-24"],$ph:["inner-padding-none","inner-padding-s"],$flexDirection:"column",$flexGrow:1,$width:"100%",$mh:"auto"};var It,jt,zt,St,Bt,Mt,Nt,Tt,Ot,At,Dt,Lt,qt,Rt,Gt,Ft,Pt,Wt,Yt,Ht,Qt,Ut,Zt,Vt=e.createContext(void 0),Xt=Vt.Provider,_t=n.css(It||(It=u(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"],["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"]))),Jt=i.default.span(jt||(jt=u(["\n ","\n"],["\n ","\n"])),_t),Kt=n.keyframes(zt||(zt=u(["\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n"],["\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n"]))),nr=i.default.span(Nt||(Nt=u(["\n ",'\n --inner-width: calc(var(--width) / 10 * 8);\n --thickness: calc(var(--width) / 12);\n\n position: absolute;\n display: inline-flex;\n width: var(--width);\n height: var(--width);\n\n ::after {\n content: " ";\n display: block;\n width: var(--inner-width);\n height: var(--inner-width);\n margin: var(--thickness);\n border-radius: 50%;\n border: var(--thickness) solid currentcolor;\n ',"\n animation: "," 1.2s linear infinite;\n }\n ","\n"],["\n ",'\n --inner-width: calc(var(--width) / 10 * 8);\n --thickness: calc(var(--width) / 12);\n\n position: absolute;\n display: inline-flex;\n width: var(--width);\n height: var(--width);\n\n ::after {\n content: " ";\n display: block;\n width: var(--inner-width);\n height: var(--inner-width);\n margin: var(--thickness);\n border-radius: 50%;\n border: var(--thickness) solid currentcolor;\n ',"\n animation: "," 1.2s linear infinite;\n }\n ","\n"])),(function(e){return e.$width?I("--width",(function(n){return n.$width}),O):n.css(St||(St=u(["\n --width: 1.25rem;\n "],["\n --width: 1.25rem;\n "])))}),(function(e){return e.loaderColor?n.css(Bt||(Bt=u(["\n border-color: "," ","\n "," transparent;\n "],["\n border-color: "," ","\n "," transparent;\n "])),e.loaderColor,e.loaderColor,e.loaderColor):n.css(Mt||(Mt=u(["\n border-color: currentcolor currentcolor currentcolor transparent;\n "],["\n border-color: currentcolor currentcolor currentcolor transparent;\n "])))}),Kt,j),er=function(n){return a.default.createElement(nr,c({},n),a.default.createElement(Jt,null,"Loading"))},tr=n.css(Tt||(Tt=u(["\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n text-align: left;\n font-family: unset;\n outline: none;\n ","\n ","\n ","\n ","\n ","\n ","\n &:disabled {\n pointer-events: none;\n cursor: default;\n }\n"],["\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n text-align: left;\n font-family: unset;\n outline: none;\n ","\n ","\n ","\n ","\n ","\n ","\n &:disabled {\n pointer-events: none;\n cursor: default;\n }\n"])),je,j,Vn,fe,pe,$e),rr=i.default((function(n){var t=n.onClick,r=n.onHovered,o=n.element,i=void 0===o?"button":o,d=l(n,["onClick","onHovered","element"]),s=e.useRef(Date.now());return a.default.createElement(i,c({},d,{onClick:function(n){t&&t(n)},onMouseEnter:function(){s.current=Date.now()},onMouseLeave:function(n){var e=Date.now()-s.current;r&&r(n,e)}}))}))(Ot||(Ot=u(["\n ","\n"],["\n ","\n"])),tr),or=i.default(rr)(Dt||(Dt=u(["\n ","\n ","\n display: inline-block;\n ","\n"],["\n ","\n ","\n display: inline-block;\n ","\n"])),Mn,Nn,(function(e){return n.css(At||(At=u(["\n &:hover {\n text-decoration: underline;\n color: ",";\n background: ",";\n border-color: ",";\n }\n &:active {\n background: ",";\n border-color: ",";\n color: ",";\n }\n &:disabled {\n background: ",";\n border-color: ",";\n color: ",";\n }\n "],["\n &:hover {\n text-decoration: underline;\n color: ",";\n background: ",";\n border-color: ",";\n }\n &:active {\n background: ",";\n border-color: ",";\n color: ",";\n }\n &:disabled {\n background: ",";\n border-color: ",";\n color: ",";\n }\n "])),p(e.$hoverTextColor),p(e.$hoverBackground),p(e.$hoverBorderColor),p(e.$defaultBackground),p(e.$defaultBorderColor),p(e.$defaultTextColor),p(e.$disabledBackground),p(e.$disabledBorderColor),p(e.$disabledTextColor))})),ir=i.default(Me)(Lt||(Lt=u(["\n .grey-shadow:has(+ * + .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:hover) {\n box-shadow: ",";\n }\n .grey-shadow:has(+ * + .internal-button:hover) {\n box-shadow: none;\n }\n .grey-shadow:has(+ * + .internal-button:active) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:active) {\n box-shadow: ",";\n }\n"],["\n .grey-shadow:has(+ * + .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:hover) {\n box-shadow: ",";\n }\n .grey-shadow:has(+ * + .internal-button:hover) {\n box-shadow: none;\n }\n .grey-shadow:has(+ * + .internal-button:active) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:active) {\n box-shadow: ",";\n }\n"])),me("drop-shadow-centered-grey"),me("drop-shadow-centered-lemon"),me("drop-shadow-lemon"),me("drop-shadow-grey"),me("drop-shadow-lemon")),ar=function(n){var e=n.element,t=void 0===e?"button":e,r=n.children,o=n.iconName,i=n.isTrailingIcon,d=n.isLoading,s=n.disabled,u=n.width,b=n.maxWidth,g=n.defaultBackground,h=n.defaultBorderColor,p=n.defaultTextColor,f=n.disabledTextColor,v=n.hoverTextColor,m=n.hoverBackground,$=n.hoverBorderColor,x=n.disabledBackground,w=n.disabledBorderColor,k=l(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","defaultBackground","defaultBorderColor","defaultTextColor","disabledTextColor","hoverTextColor","hoverBackground","hoverBorderColor","disabledBackground","disabledBorderColor"]),y=a.default.createElement(a.default.Fragment,null,o&&a.default.createElement(vt,{iconName:o,$width:"all-spacing-6",$height:"all-spacing-6",$colorFilter:n.disabled?f:p})),C=a.default.createElement(Me,{$width:"all-spacing-6",$height:"all-spacing-6"},a.default.createElement(er,{$width:"all-spacing-6"})),E=a.default.createElement(a.default.Fragment,null,d&&!s?C:y);return a.default.createElement(ir,{className:"button-wrapper",$position:"relative",$width:u,$maxWidth:b},a.default.createElement(Me,{className:"grey-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),a.default.createElement(Me,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),a.default.createElement(or,c({element:t,className:"internal-button",$ba:"border-solid-m",$background:g,$borderColor:h,$color:p,$pv:"inner-padding-xs",$ph:"inner-padding-s",$borderRadius:"border-radius-s",$position:"relative",disabled:s||d,$width:"100%",$height:"100%",$hoverTextColor:v,$hoverBackground:m,$hoverBorderColor:$,$defaultTextColor:p,$defaultBackground:g,$defaultBorderColor:h,$disabledTextColor:f,$disabledBackground:x,$disabledBorderColor:w},k),a.default.createElement(Te,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-ssx",$justifyContent:"center"},!i&&E,a.default.createElement(Oe,{$font:"body-1-bold"},r),i&&E)))},dr=i.default(rr)(Rt||(Rt=u(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),Mn,Nn,(function(e){return n.css(qt||(qt=u(["\n &:hover {\n text-decoration: underline;\n color: ",";\n }\n &:active {\n color: ",";\n }\n &:disabled {\n color: ",";\n }\n "],["\n &:hover {\n text-decoration: underline;\n color: ",";\n }\n &:active {\n color: ",";\n }\n &:disabled {\n color: ",";\n }\n "])),p(e.$hoverTextColor),p(e.$defaultTextColor),p(e.$disabledTextColor))})),cr=i.default(Me)(Ft||(Ft=u(["\n > :first-child:focus-visible .shadow {\n box-shadow: ",",\n ",";\n }\n > :first-child:hover .shadow {\n box-shadow: ",";\n }\n > :first-child:active .shadow {\n box-shadow: ",",\n ",";\n }\n ","\n"],["\n > :first-child:focus-visible .shadow {\n box-shadow: ",",\n ",";\n }\n > :first-child:hover .shadow {\n box-shadow: ",";\n }\n > :first-child:active .shadow {\n box-shadow: ",",\n ",";\n }\n ","\n"])),me("drop-shadow-centered-lemon"),me("drop-shadow-centered-grey"),me("drop-shadow-lemon"),me("drop-shadow-lemon"),me("drop-shadow-grey"),(function(e){return n.css(Gt||(Gt=u(["\n > :first-child:disabled .icon-container {\n background: ",";\n }\n > :first-child:hover .icon-container {\n background: ",";\n }\n > :first-child:active .icon-container {\n background: ",";\n }\n "],["\n > :first-child:disabled .icon-container {\n background: ",";\n }\n > :first-child:hover .icon-container {\n background: ",";\n }\n > :first-child:active .icon-container {\n background: ",";\n }\n "])),p(e.$disabledIconBackground),p(e.$hoverIconBackground),p(e.$defaultIconBackground))})),lr=function(n){var e=n.element,t=void 0===e?"button":e,r=n.children,o=n.iconName,i=n.isTrailingIcon,d=n.isLoading,s=n.disabled,u=n.width,b=n.maxWidth,g=n.iconBackgroundSize,h=n.iconSize,p=n.disabledIconBackground,f=n.disabledTextColor,v=n.defaultIconColor,m=n.hoverIconBackground,$=n.defaultIconBackground,x=n.disabledIconColor,w=n.defaultTextColor,k=n.hoverTextColor,y=l(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","iconBackgroundSize","iconSize","disabledIconBackground","disabledTextColor","defaultIconColor","hoverIconBackground","defaultIconBackground","disabledIconColor","defaultTextColor","hoverTextColor"]),C=a.default.createElement(a.default.Fragment,null,o&&a.default.createElement(vt,{iconName:o,$width:h,$height:h,$colorFilter:n.disabled?x:v||null})),E=a.default.createElement(Me,{$width:h,$height:h},a.default.createElement(er,{$width:h,loaderColor:"white"})),I=a.default.createElement(Te,{className:"icon-container",$background:n.defaultIconBackground,$color:n.defaultTextColor,$borderRadius:"border-radius-circle",$position:"relative",$width:g,$height:g,$alignItems:"center",$justifyContent:"center",$minWidth:g},a.default.createElement(Me,{className:"shadow",$position:"absolute",$borderRadius:"border-radius-circle",$width:"100%",$height:"100%"}),d&&!s?E:C);return a.default.createElement(cr,{className:"button-wrapper",$position:"relative",$width:u,$maxWidth:b,$disabledIconBackground:p,$hoverIconBackground:m,$defaultIconBackground:$},a.default.createElement(dr,c({element:null!=t?t:"button"},y,{$hoverTextColor:k,$defaultTextColor:w,$disabledTextColor:f,$color:w,$position:"relative",disabled:s||d}),a.default.createElement(Te,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-xs",$justifyContent:"center"},!i&&I,a.default.createElement(Oe,{$font:"body-1-bold"},r),i&&I)))},sr=e.createContext({currentValue:"default",name:"default"}),ur=i.default(lt)(Wt||(Wt=u(["\n ","\n\n display: flex;\n ","\n ","\n"],["\n ","\n\n display: flex;\n ","\n ","\n"])),(function(e){return!e.disabled&&n.css(Pt||(Pt=u(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),I("gap",(function(n){return n.$labelGap}),O),I("align-items",(function(n){return n.$labelAlignItems}))),br=i.default.input.attrs({type:"radio"})(Ht||(Ht=u(["\n position: absolute;\n opacity: 0;\n ","\n"],["\n position: absolute;\n opacity: 0;\n ","\n"])),(function(e){return!e.disabled&&n.css(Yt||(Yt=u(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),gr=i.default(Te)(Ut||(Ut=u(["\n border-radius: 50%;\n\n ","\n\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"],["\n border-radius: 50%;\n\n ","\n\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"])),(function(e){return!e.$disableFocusRing&&n.css(Qt||(Qt=u(["\n ",':focus-visible ~ &::before {\n content: "";\n height: ',";\n width: ",';\n background: "transparent"\n display: block;\n position: absolute;\n border-radius: 50%;\n border: '," ",";\n box-shadow: ",";\n }"],["\n ",':focus-visible ~ &::before {\n content: "";\n height: ',";\n width: ",';\n background: "transparent"\n display: block;\n position: absolute;\n border-radius: 50%;\n border: '," ",";\n box-shadow: ",";\n }"])),br,O("all-spacing-7"),O("all-spacing-7"),Jn("border-solid-m"),p("grey60"),"inset 0 0 0 0.13rem ".concat(p("lemon")))}),br,(function(n){return O(n.$radioInnerSize)}),(function(n){return O(n.$radioInnerSize)}),p("black"),Jn("border-solid-m"),p("white")),hr=i.default(gr)(Zt||(Zt=u(["\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"],["\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"])),br,(function(n){return O(n.$radioInnerSize)}),(function(n){return O(n.$radioInnerSize)}),p("bg-btn-primary-disabled"),Jn("border-solid-m"),p("white")),pr=e.forwardRef((function(n,t){var r=e.useContext(sr),o=r.currentValue,i=r.name,d=r.onValueUpdated,s=n.id,u=n.label,b=n.value,g=n.tabIndex,h=n.disabled,p=n.$labelGap,f=void 0===p?"space-between-ssx":p,v=n.$labelAlignItems,m=void 0===v?"center":v,$=n.$font,x=void 0===$?"body-1":$,w=n["data-testid"],k=n.disableFocusRing,y=void 0!==k&&k,C=n.radioInnerSize,E=void 0===C?"all-spacing-4":C,I=n.radioOuterSize,j=void 0===I?"all-spacing-6":I,z=n.radioBorderWidth,S=void 0===z?"border-solid-m":z,B=n.checkedRadioBorderWidth,M=void 0===B?"border-solid-m":B,N=l(n,["id","label","value","tabIndex","disabled","$labelGap","$labelAlignItems","$font","data-testid","disableFocusRing","radioInnerSize","radioOuterSize","radioBorderWidth","checkedRadioBorderWidth"]),T=b===o,O=h||r.disabled,A=T?M:S;return a.default.createElement(Me,c({},N),a.default.createElement(ur,{htmlFor:s,$labelAlignItems:m,$labelGap:f,$font:x,"data-testid":w,disabled:O},a.default.createElement(br,{name:i,id:s,value:b,onChange:d,checked:b===o,tabIndex:g,disabled:O,ref:t}),O?a.default.createElement(hr,{$height:j,$width:j,$ba:A,$borderColor:"bg-btn-primary-disabled",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!y,$radioInnerSize:E}):a.default.createElement(gr,{$height:j,$width:j,$ba:A,$borderColor:"black",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!y,$radioInnerSize:E}),u))})),fr=e.forwardRef((function(n,t){var r=n.onHovered,o=l(n,["onHovered"]),i=e.useRef(Date.now());return a.default.createElement("input",c({ref:t,type:"checkbox",onMouseEnter:function(){i.current=Date.now()},onMouseLeave:function(){var e=Date.now()-i.current;r&&r(n.value,n.id,e)}},o,{name:n.id}))})),vr=i.default(fr)(wr||(wr=u(["\n /* removing default appearance */\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n margin: 0;\n outline: none;\n ","\n ","\n ","\n ","\n\n &:checked {\n ",";\n }\n\n &:disabled {\n pointer-events: none;\n }\n"],["\n /* removing default appearance */\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n margin: 0;\n outline: none;\n ","\n ","\n ","\n ","\n\n &:checked {\n ",";\n }\n\n &:disabled {\n pointer-events: none;\n }\n"])),pe,j,Vn,Nn,(function(e){return n.css(xr||(xr=u(["\n background: ",";\n "],["\n background: ",";\n "])),p(e.$checkedBackground))}));vr.defaultProps={$borderRadius:"border-radius-xs",$ba:"border-solid-m",$borderColor:"text-primary",$checkedBackground:"text-primary"};var mr=i.default(vr)(Cr||(Cr=u(['\n /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n @media (hover: hover) {\n &:hover:not(&:checked):not(&:disabled)::after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 60%;\n height: 60%;\n transform: translate(-50%, -50%);\n border-radius: ',";\n background: ",";\n }\n }\n"],['\n /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n @media (hover: hover) {\n &:hover:not(&:checked):not(&:disabled)::after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 60%;\n height: 60%;\n transform: translate(-50%, -50%);\n border-radius: ',";\n background: ",";\n }\n }\n"])),(function(e){return n.css(kr||(kr=u(["\n ","\n "],["\n ","\n "])),Kn(e.$hoverBorderRadius))}),(function(e){return n.css(yr||(yr=u(["\n ","\n "],["\n ","\n "])),p(e.$checkedBackground))}));mr.defaultProps={$hoverBorderRadius:"border-radius-xs"};var $r=n.css(Er||(Er=u(["\n &:focus-visible {\n box-shadow: ",";\n }\n"],["\n &:focus-visible {\n box-shadow: ",";\n }\n"])),me("drop-shadow-centered-lemon"));i.default(vr)(Ir||(Ir=u(["\n ","\n"],["\n ","\n"])),$r);var xr,wr,kr,yr,Cr,Er,Ir,jr,zr,Sr,Br,Mr,Nr,Tr,Or,Ar,Dr,Lr,qr,Rr,Gr,Fr,Pr=i.default(mr)(jr||(jr=u(["\n ","\n"],["\n ","\n"])),$r),Wr=i.default(lt)(zr||(zr=u(["\n display: flex;\n align-items: center;\n ","\n ","\n"],["\n display: flex;\n align-items: center;\n ","\n ","\n"])),I("gap",(function(n){return n.labelGap}),O),I("align-items",(function(n){return n.labelAlignItems}))),Yr=i.default(Wr)(Mr||(Mr=u(["\n ","\n @media (hover: hover) {\n &:hover {\n text-decoration: ",";\n }\n }\n"],["\n ","\n @media (hover: hover) {\n &:hover {\n text-decoration: ",";\n }\n }\n"])),(function(e){return e.disabled?n.css(Sr||(Sr=u(["\n pointer-events: none;\n "],["\n pointer-events: none;\n "]))):n.css(Br||(Br=u(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),(function(n){return n.disabled?"none":"underline"})),Hr=i.default(Me)(Nr||(Nr=u(["\n pointer-events: none;\n opacity: 0;\n\n input:checked + & {\n opacity: 1;\n }\n"],["\n pointer-events: none;\n opacity: 0;\n\n input:checked + & {\n opacity: 1;\n }\n"]))),Qr=function(n){var e=n.size,t=void 0===e?"all-spacing-6":e,r=n.iconPadding,o=void 0===r?"inner-padding-none":r,i=n.internalCheckbox,d=n.checkedIcon,c=void 0===d?a.default.createElement(vt,{iconName:"tick",$width:"100%",$height:"100%",$colorFilter:"white"}):d;return a.default.createElement(Me,{$position:"relative",$width:t,$height:t},i,a.default.createElement(Hr,{$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$pa:o,$width:t,$height:t},c))},Ur=i.default.input(Tr||(Tr=u(["\n appearance: none !important;\n border: 0;\n border-radius: 0;\n border-color: transparent;\n box-shadow: none;\n font-family: inherit;\n background: transparent;\n outline: none;\n color: inherit;\n\n @media (max-width: ","px) {\n /* iOS zooms in on inputs with font sizes <16px on mobile */\n font-size: 16px;\n }\n\n ::placeholder {\n color: ",";\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n appearance: none;\n }\n\n :disabled {\n cursor: not-allowed;\n }\n\n ","\n ","\n"],["\n appearance: none !important;\n border: 0;\n border-radius: 0;\n border-color: transparent;\n box-shadow: none;\n font-family: inherit;\n background: transparent;\n outline: none;\n color: inherit;\n\n @media (max-width: ","px) {\n /* iOS zooms in on inputs with font sizes <16px on mobile */\n font-size: 16px;\n }\n\n ::placeholder {\n color: ",";\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n appearance: none;\n }\n\n :disabled {\n cursor: not-allowed;\n }\n\n ","\n ","\n"])),E("small"),(function(n){var e=n.theme;return e&&e.uiColors&&p(e.uiColors["text-subdued"])}),Vn,Nn),Zr=function(n){n.onInitialFocus,n.onFocus;var t=l(n,["onInitialFocus","onFocus"]),r=e.useRef(!1);return a.default.createElement(Ur,c({},t,{onFocus:function(e){!r.current&&n.onInitialFocus&&(n.onInitialFocus(e),r.current=!0),n.onFocus&&n.onFocus(e)}}))},Vr=i.default(Te)(Lr||(Lr=u(["\n &:hover {\n cursor: text;\n }\n\n &:focus-within {\n box-shadow: ",";\n }\n\n background: ",";\n\n ","\n\n ","\n\n ","\n"],["\n &:hover {\n cursor: text;\n }\n\n &:focus-within {\n box-shadow: ",";\n }\n\n background: ",";\n\n ","\n\n ","\n\n ","\n"])),(function(n){return n.$focusRingDropShadows.map((function(n){return me(n)})).join(",")}),(function(n){return p(n.$background)}),(function(e){return!e.$readOnly&&n.css(Or||(Or=u(["\n @media (hover: hover) {\n &:hover:not(:focus-within) {\n background: ",";\n }\n }\n "],["\n @media (hover: hover) {\n &:hover:not(:focus-within) {\n background: ",";\n }\n }\n "])),p(e.$hoverBackground))}),(function(e){return e.$readOnly&&n.css(Ar||(Ar=u(["\n border-color: ",";\n color: ",";\n "],["\n border-color: ",";\n color: ",";\n "])),p(e.$readOnlyBorderColor),p(e.$readOnlyColor))}),(function(e){return e.$disabled&&n.css(Dr||(Dr=u(["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "],["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "])),p(e.$disabledBackgroundColor),p(e.$disabledColor))})),Xr=function(n){var e,t,r,o=n.type,i=void 0===o?"text":o,d=n.borderColor,s=void 0===d?"border-primary":d,u=n.readOnlyBorderColor,b=void 0===u?"border-neutral":u,g=n.focusRingDropShadows,h=void 0===g?["drop-shadow-centered-lemon","drop-shadow-centered-grey"]:g,p=n.background,f=void 0===p?"bg-primary":p,v=n.hoverBackground,m=void 0===v?"bg-neutral":v,$=n.disabledBackgroundColor,x=void 0===$?"bg-neutral":$,w=n.color,k=void 0===w?"text-primary":w,y=n.disabledColor,C=void 0===y?"text-disabled":y,E=n.readOnlyColor,I=void 0===E?"text-subdued":E,j=n.validity,z=n.iconColor,S=void 0===z?"icon-inverted":z,B=n.validBorderColor,M=void 0===B?"border-success":B,N=n.invalidBorderColor,T=void 0===N?"border-error":N,O=n.validIconColor,A=void 0===O?"icon-success":O,D=n.invalidIconColor,L=void 0===D?"border-error":D,q=n.iconName,R=n.iconAlt,G=n.isTrailingIcon,F=void 0!==G&&G,P=n.width,W=n.maxWidth,Y=l(n,["type","borderColor","readOnlyBorderColor","focusRingDropShadows","background","hoverBackground","disabledBackgroundColor","color","disabledColor","readOnlyColor","validity","iconColor","validBorderColor","invalidBorderColor","validIconColor","invalidIconColor","iconName","iconAlt","isTrailingIcon","width","maxWidth"]);switch(j){case"valid":e=M,t=A,r=M;break;case"invalid":e=T,t=L,r=T;break;default:e=s,t=S,r=b}return a.default.createElement(Vr,{$width:"fit-content",$height:"fit-content",$borderStyle:"solid",$borderRadius:"border-radius-s",$ba:"border-solid-m",$borderColor:e,$focusRingDropShadows:h,$background:f,$hoverBackground:m,$disabledBackgroundColor:x,$readOnlyBorderColor:r,$disabledColor:C,$readOnlyColor:I,$color:k,$alignItems:"center",$position:"relative",$gap:"space-between-s",$ph:"inner-padding-l",$disabled:!!Y.disabled,$readOnly:!!Y.readOnly,onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.focus()}},!F&&q&&a.default.createElement(vt,{iconName:q,$colorFilter:t,$pointerEvents:"none",alt:R}),a.default.createElement(Zr,c({type:i},Y,{$width:P,$maxWidth:W,$pv:"inner-padding-l",$height:"all-spacing-12"})),F&&q&&a.default.createElement(vt,{iconName:q,$colorFilter:t,$pointerEvents:"none",alt:R}))},_r=function(n){var e=n.$background,t=void 0===e?"bg-decorative5-main":e,r=n.$borderRadius,o=void 0===r?"border-radius-circle":r,i=n.$width,d=void 0===i?"all-spacing-9":i,s=n.$height,u=void 0===s?"all-spacing-9":s,b=n.$pa,g=void 0===b?"inner-padding-ssx":b,h=n.className,p=l(n,["$background","$borderRadius","$width","$height","$pa","className"]),f=p.iconName?a.default.createElement(vt,c({},p,{$height:"100%",$width:"100%"})):a.default.createElement(Ke,c({},p,{$height:"100%",$width:"100%"}));return a.default.createElement(Me,{className:h,$background:t,$borderRadius:o,$width:d,$height:u,$pa:g},f)},Jr=i.default(Te)(qr||(qr=u(["\n width: max-content;\n pointer-events: none;\n"],["\n width: max-content;\n pointer-events: none;\n"]))),Kr=i.default.svg(Rr||(Rr=u(["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"],["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"])),I("fill",(function(n){return n.$fill}),p)),no=function(n){var e=n.isOpen,t=n.children,r=n.tooltip,o=n.$background,i=void 0===o?"black":o,d=n.$color,s=void 0===d?"text-inverted":d,u=n.$borderRadius,b=l(n,["isOpen","children","tooltip","$background","$color","$borderRadius"]);return a.default.createElement(Te,{$position:"relative",$width:"fit-content",$height:"fit-content"},e&&a.default.createElement(Te,{role:"tooltip",$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$transform:"translateY(calc(-100% - 16px))",$zIndex:"modal-dialog",$flexDirection:"column"},a.default.createElement(Jr,c({},b,{$position:"relative",$background:i,$color:s,$btr:u,$bbrr:u,$maxWidth:["all-spacing-20","all-spacing-22"]}),r,a.default.createElement(Kr,{width:"16",height:"16",$fill:i},a.default.createElement("path",{d:"M0 0H16L8 8L0 16V0Z"})))),t)},eo=function(n){var e=l(n,[]);return a.default.createElement(no,c({$background:"bg-decorative5-main",$color:"text-primary",$pv:"inner-padding-m",$ph:"inner-padding-xl",$font:"heading-light-7",$borderRadius:"border-radius-m2"},e))},to=i.default.a(Gr||(Gr=u(["\n border-radius: 50%;\n display: flex;\n width: fit-content;\n height: fit-content;\n border: none;\n padding: 0;\n outline: none;\n\n img {\n pointer-events: none;\n }\n\n &:not(:disabled) {\n cursor: pointer;\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n\n &:hover,\n &:focus-visible {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n &:disabled {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n"],["\n border-radius: 50%;\n display: flex;\n width: fit-content;\n height: fit-content;\n border: none;\n padding: 0;\n outline: none;\n\n img {\n pointer-events: none;\n }\n\n &:not(:disabled) {\n cursor: pointer;\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n\n &:hover,\n &:focus-visible {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n &:disabled {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n"])),me("drop-shadow-lemon"),me("drop-shadow-grey"),p("bg-btn-primary"),De("text-inverted"),me("drop-shadow-centered-lemon"),me("drop-shadow-centered-grey"),p("bg-btn-primary-disabled"),De("text-inverted")),ro=i.default(Te)(Fr||(Fr=u([""],[""])));ro.defaultProps={$pa:"inner-padding-xl",$flexDirection:"column",$flexGrow:1,$position:"relative"};var oo,io=i.default(Me)(oo||(oo=u(["\n & > * {\n width: 100%;\n height: 100%;\n }\n"],["\n & > * {\n width: 100%;\n height: 100%;\n }\n"]))),ao=function(n){var e=n.backgroundElement,t=n.children,r=l(n,["backgroundElement","children"]);return a.default.createElement(ro,c({},r),a.default.createElement(io,{$position:"absolute",$inset:"space-between-none","aria-hidden":!0},e),a.default.createElement(Me,{$position:"relative"},t))};var co,lo,so,uo,bo,go,ho,po,fo,vo,mo,$o,xo,wo,ko,yo,Co=i.default.svg(co||(co=u(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),I("fill",(function(n){return n.$fill}),p),I("stroke",(function(n){return n.$stroke}),p),I("stroke-width",(function(n){return n.$strokeWidth}),(function(n){if(n)return n in Xn?"".concat(B(Xn[n]),"rem"):void 0}))),Eo=function(n){var e=n.$pa,t=void 0===e?"inner-padding-xl":e,r=n.fill,o=void 0===r?"bg-decorative1-main":r,i=n.stroke,d=n.strokeWidth,s=n.$width,u=void 0===s?"fit-content":s,b=l(n,["$pa","fill","stroke","strokeWidth","$width"]);return a.default.createElement(ao,c({$pa:t,$width:u,backgroundElement:a.default.createElement(Co,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 457 120",preserveAspectRatio:"none",$fill:o,$stroke:i,$strokeWidth:d},a.default.createElement("path",{d:"M27.442 2.59c5.262-.362 11.96-.656 18.624-.932 4.374-.19 8.748-.371 12.712-.578 1.367-.07 3.042-.087 4.716-.095C65.032.976 66.57.959 67.903.907 91.858-.017 115.164.268 139.325.57l6.22.078c20.333.12 40.768.086 61.033-.13 6.664-.025 13.294-.043 19.957-.06C243.656.415 260.777.363 277.83.234c8.85-.07 17.667-.052 26.518-.035 12.132.026 24.366.052 36.771-.147 8.475-.138 17.633.087 26.757.302 3.725.087 7.45.182 11.107.25 3.69.061 7.347.139 10.969.217 4.511.095 8.988.19 13.499.259 13.464.207 30.619 1.519 30.619 1.519 3.588.449 7.074 1.32 10.286 2.59 2.973 1.304 4.682 4.135 6.391 6.967.717 1.165 1.435 2.33 2.221 3.384.273.363.342.812.376 1.26.034.406.102.82.307 1.175 3.52 6.388 2.427 12.604 1.299 19.044a27.243 27.243 0 0 0-.273 1.658 70.082 70.082 0 0 0 .478 16.273l.205 5.31c.171 4.575.342 9.133.854 13.683.274 2.357.205 4.705.137 7.07-.102 3.238-.205 6.492.547 9.808.547 2.261-.308 4.705-1.162 7.13-.342.993-.684 1.986-.923 2.962-.239.984-.546 1.951-.82 2.926-.342 1.2-.718 2.392-.991 3.6-1.196 5.379-4.511 8.435-11.756 9.134-2.392.233-4.75.518-7.142.855h-6.937c-5.263.371-11.961.656-18.624.932-4.375.19-8.749.371-12.713.579-1.367.069-3.041.086-4.716.095-1.538.008-3.075.025-4.408.086-23.956.924-47.262.639-71.422.337l-6.186-.078a3693.945 3693.945 0 0 0-61.033.129c-6.664.026-13.294.044-19.958.061-17.121.043-34.241.095-51.294.224-8.851.069-17.667.052-26.518.035-12.132-.026-24.366-.052-36.771.147-8.475.138-17.633-.087-26.758-.303-3.725-.086-7.45-.181-11.106-.25-3.69-.06-7.313-.138-10.97-.216-4.51-.095-8.987-.19-13.498-.259-18.932-.293-30.175-1.079-33.66-2.754-1.47-.38-2.871-.837-4.238-1.355-3.076-1.304-4.887-4.135-6.664-6.967-.752-1.165-1.47-2.331-2.29-3.384-.273-.363-.341-.812-.376-1.261-.034-.405-.102-.82-.307-1.174C0 95.664 1.128 89.448 2.324 83.008l.308-1.658c.478-5.421.341-10.869-.513-16.273-.102-1.77-.17-3.548-.24-5.318-.17-4.567-.375-9.125-.888-13.675-.273-2.357-.205-4.705-.136-7.07.102-3.238.205-6.493-.581-9.808-.547-2.262.341-4.705 1.196-7.13.342-.994.717-1.986.99-2.962.24-.984.548-1.96.855-2.927.376-1.2.752-2.39 1.025-3.6C5.605 7.21 9.022 4.154 16.574 3.455c2.495-.233 10.936-.855 10.936-.855l-.069-.009Z",vectorEffect:"non-scaling-stroke"}))},b))},Io=function(n){var e=n.iconName,t=n.iconColor,r=void 0===t?"text-primary":t,o=n.iconWidth,i=void 0===o?["all-spacing-11","all-spacing-16"]:o,d=n.iconHeight,s=void 0===d?["all-spacing-11","all-spacing-16"]:d,u=n.alt,b=n.$width,g=void 0===b?["all-spacing-13","all-spacing-17"]:b,h=n.$height,p=void 0===h?["all-spacing-13","all-spacing-17"]:h,f=n.$alignItems,v=void 0===f?"center":f,m=n.$justifyContent,$=void 0===m?"center":m,x=l(n,["iconName","iconColor","iconWidth","iconHeight","alt","$width","$height","$alignItems","$justifyContent"]);return a.default.createElement(Eo,c({$width:g,$height:p,$alignItems:v,$justifyContent:$},x),a.default.createElement(vt,{iconName:e,alt:u,$height:s,$width:i,$colorFilter:r}))},jo=i.default(Te)(lo||(lo=u(["\n aspect-ratio: 2 / 1;\n"],["\n aspect-ratio: 2 / 1;\n"]))),zo=function(){return a.default.createElement(jo,{$alignItems:"center",$justifyContent:"center",$position:"relative",$width:["all-spacing-8","all-spacing-9","all-spacing-10"]},a.default.createElement(Co,{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 56 27",$fill:"bg-icon"},a.default.createElement("path",{d:"M6.421 0c8.661.839 17.303.834 26.16.714a89.843 89.843 0 0 1 4.834-.013c6.333.32 12.39.317 18.506-.275 0 1.26.178 2.352 0 3.44-.276 1.38-.829 2.759-1.342 4.15-.138.354-.532.706-.808 1.06-.445.248-.63.5-.553.753 1.598 1.093-.256 2.185 0 3.277.276 1.529 1.322 3.058 1.204 4.572-.138 1.771-1.046 3.543-1.973 5.312-.288.4-1.065.792-2.309 1.169-2.288.755-4.103 1.67-11.206 1.965-9.936.417-20.953.385-30.678-.09-2.447-.12-4.38-.532-5.209-.853-1.035-.458-1.52-.929-1.44-1.4C.937 18.988-.109 14.194.01 9.4c0-2.645 1.973-5.29 3.413-7.933.237-.424 1.697-.839 3-1.468Z"})),a.default.createElement(Te,{$position:"absolute",$inset:"all-spacing-0",$alignItems:"center",$justifyContent:"center"},a.default.createElement(Oe,{$color:"lemon",$font:["body-3-bold","body-3-bold","heading-7"]},"New")))},So=i.default(vr)(so||(so=u(["\n &:checked:not(:disabled) {\n border: ",";\n border-color: ",";\n }\n\n &:checked:disabled {\n border: ",";\n border-color: ",";\n }\n\n @media (hover: hover) {\n &:hover:not(:disabled) {\n background: ",";\n }\n }\n"],["\n &:checked:not(:disabled) {\n border: ",";\n border-color: ",";\n }\n\n &:checked:disabled {\n border: ",";\n border-color: ",";\n }\n\n @media (hover: hover) {\n &:hover:not(:disabled) {\n background: ",";\n }\n }\n"])),Jn("border-solid-l"),p("border-primary"),Jn("border-solid-l"),p("text-disabled"),p("bg-primary")),Bo=i.default(Yr)(uo||(uo=u(["\n pointer-events: none; // To prevent the label from stealing the click event from the input\n"],["\n pointer-events: none; // To prevent the label from stealing the click event from the input\n"]))),Mo=i.default(Te)(po||(po=u(["\n &:has(input:not(:disabled)) {\n cursor: pointer;\n }\n\n &:has(input:disabled) {\n pointer-events: none;\n cursor: none;\n }\n\n @media (hover: hover) {\n &:hover:has(input:not(:disabled)){\n background-color: ",";\n }\n\n &:hover input:not(:disabled) {\n background: ",";\n }\n\n &:hover:has(input:not(:disabled)) "," {\n text-decoration: underline;\n }\n\n &:hover:has(\n ",' input:not(:focus-visible):not(:checked):not(:disabled)\n )::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\n ",";\n }\n"],["\n &:has(input:not(:disabled)) {\n cursor: pointer;\n }\n\n &:has(input:disabled) {\n pointer-events: none;\n cursor: none;\n }\n\n @media (hover: hover) {\n &:hover:has(input:not(:disabled)){\n background-color: ",";\n }\n\n &:hover input:not(:disabled) {\n background: ",";\n }\n\n &:hover:has(input:not(:disabled)) "," {\n text-decoration: underline;\n }\n\n &:hover:has(\n ",' input:not(:focus-visible):not(:checked):not(:disabled)\n )::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\n ",";\n }\n"])),p("bg-decorative1-subdued"),p("bg-primary"),Yr,Yr,Jn("border-solid-xl"),Kn("border-radius-m2"),Yr,me("drop-shadow-centered-lemon"),Yr,me("drop-shadow-centered-grey"),Jn("border-solid-xl"),Kn("border-radius-m2"),Jn("border-solid-xl"),Kn("border-radius-m2"),(function(e){var t;return n.css(bo||(bo=u(["\n ","\n "],["\n ","\n "])),p(null!==(t=e.overlayBorderColor)&&void 0!==t?t:"text-disabled"))}),(function(e){return e.feedbackBgColor?n.css(go||(go=u(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),e.feedbackBgColor):void 0}),(function(e){return n.css(ho||(ho=u(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p(e.feedbackBgColor))})),No=i.default(Me)(fo||(fo=u(["\n pointer-events: none;\n"],["\n pointer-events: none;\n"]))),To=i.default(Te)(xo||(xo=u(["\n ","\n\n &:hover {\n cursor: ",";\n }\n\n &:focus-within {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"],["\n ","\n\n &:hover {\n cursor: ",";\n }\n\n &:focus-within {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"])),(function(e){return!!e.$outlineColor&&n.css(vo||(vo=u(["\n outline: ","\n ",";\n "],["\n outline: ","\n ",";\n "])),Jn("border-solid-xl"),p(e.$outlineColor))}),(function(n){return n.$disabled?"default":"pointer"}),me("drop-shadow-centered-lemon"),me("drop-shadow-centered-grey"),(function(e){return!e.$disabled&&n.css(mo||(mo=u(["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "],["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "])),p("bg-decorative1-subdued"))}),(function(e){return!e.$disabled&&!e.$checked&&n.css($o||($o=u(['\n &:hover:not(:focus-within)::after {\n pointer-events: none;\n content: "";\n position: absolute;\n inset: 0;\n border-radius: ',";\n border-bottom: "," ",";\n }\n "],['\n &:hover:not(:focus-within)::after {\n pointer-events: none;\n content: "";\n position: absolute;\n inset: 0;\n border-radius: ',";\n border-bottom: "," ",";\n }\n "])),Kn("border-radius-m2"),Jn("border-solid-l"),p("grey60"))})),Oo=i.default(lr)(wo||(wo=u(["\n &:hover .shadow {\n box-shadow: none !important;\n }\n &:active .shadow {\n box-shadow: ",",\n "," !important;\n }\n"],["\n &:hover .shadow {\n box-shadow: none !important;\n }\n &:active .shadow {\n box-shadow: ",",\n "," !important;\n }\n"])),me("drop-shadow-lemon"),me("drop-shadow-grey")),Ao=function(n){var e=n.isOpen,t=n.disabled;return a.default.createElement(Oo,{iconName:e&&!t?"lightbulb-yellow":"lightbulb",defaultIconBackground:e?"black":"bg-decorative5-main",hoverIconBackground:e?"black":"bg-decorative5-main",defaultTextColor:"text-primary",hoverTextColor:"text-primary",disabledIconBackground:"bg-btn-primary-disabled",disabledTextColor:"text-disabled",disabledIconColor:"white",onClick:n.onClick,isLoading:n.isLoading,disabled:n.disabled,iconBackgroundSize:"all-spacing-8",iconSize:"all-spacing-6"},e?"Close hint":"Need a hint?")},Do=function(n){var t=n.hint,r=s(e.useState(!1),2),o=r[0],i=r[1];return a.default.createElement(eo,{tooltip:t,isOpen:o},a.default.createElement(Ao,{isOpen:o,onClick:function(){i(!o)}}))},Lo=function(n){var e,t=n.feedback,r=n.answerFeedback;switch(t){case"correct":e="Correct";break;case"incorrect":e="Incorrect";break;case"partially-correct":e="Almost correct"}return a.default.createElement(Me,null,a.default.createElement(Te,{$gap:"space-between-xs"},a.default.createElement(_r,{iconName:"correct"===t?"tick":"cross",$pa:"inner-padding-none",$background:"correct"===t?"icon-success":"icon-error",$colorFilter:"text-inverted",$width:"all-spacing-6",$height:"all-spacing-6"}),a.default.createElement(Oe,{$font:"heading-6",$color:"correct"===t?"text-success":"text-error"},e)),a.default.createElement(Oe,{as:"p",$mt:"space-between-xs",$font:"correct"===t?"body-2-bold":"body-2"},r))},qo=i.default(Te)(ko||(ko=u(["\n box-sizing: content-box;\n"],["\n box-sizing: content-box;\n"]))),Ro=i.default(Oe)(yo||(yo=u(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),E("small"));var Go,Fo,Po=i.default(Me)(Go||(Go=u(["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"],["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"])),E("small"),O("space-between-xl")),Wo=i.default(Me)(Fo||(Fo=u(["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"],["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"])));var Yo,Ho,Qo,Uo,Zo,Vo=i.default(Me)(Yo||(Yo=u([""],[""]))),Xo=i.default(_r)(Ho||(Ho=u(["\n width: ",";\n height: ",";\n padding: 0;\n\n background: transparent;\n\n img {\n filter: ",";\n }\n"],["\n width: ",";\n height: ",";\n padding: 0;\n\n background: transparent;\n\n img {\n filter: ",";\n }\n"])),O("all-spacing-8"),O("all-spacing-8"),(function(n){return De(n.$disabled?"icon-disabled":"icon-inverted")})),_o=i.default(Te)(Uo||(Uo=u(["\n outline: none;\n text-align: initial;\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"],["\n outline: none;\n text-align: initial;\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"])),me("drop-shadow-centered-lemon"),me("drop-shadow-centered-grey"),(function(n){return n.$disabled&&"cursor: default"}),(function(e){return!e.$disabled&&n.css(Qo||(Qo=u(["\n cursor: pointer;\n\n &:hover,\n &:active {\n "," {\n text-decoration: underline;\n }\n\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n "],["\n cursor: pointer;\n\n &:hover,\n &:active {\n "," {\n text-decoration: underline;\n }\n\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n "])),Vo,Xo,p("bg-btn-primary"),De("icon-main"),me("drop-shadow-lemon"),me("drop-shadow-grey"))})),Jo=i.default(Me)(Zo||(Zo=u(["\n flex: 1;\n"],["\n flex: 1;\n"])));function Ko(n){switch(n){case"intro":return"intro";case"starter-quiz":case"exit-quiz":return"quiz";case"video":return"video"}}var ni,ei=i.default(Te)(ni||(ni=u(["\n outline: none;\n text-align: initial;\n"],["\n outline: none;\n text-align: initial;\n"]))),ti=function(n){return!1===n.completed?ri(n):a.default.createElement(Te,{$gap:"space-between-sssx",$alignItems:"center"},a.default.createElement(vt,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),"Completed")},ri=function(n){switch(n.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(n.numQuestions," questions");case"exit-quiz":return"Check ".concat(n.numQuestions," questions");case"video":return"Learn"}},oi=function(n){switch(n){case"intro":return"Intro";case"starter-quiz":return"Starter quiz";case"video":return"Watch video";case"exit-quiz":return"Exit quiz"}},ii=function(n){switch(n){case"intro":return["bg-decorative2-very-subdued","border-decorative2","aqua"];case"starter-quiz":return["bg-decorative1-very-subdued","border-decorative1","mint"];case"video":return["bg-decorative4-very-subdued","border-decorative4","pink"];case"exit-quiz":return["bg-decorative5-very-subdued","border-decorative5","lemon"]}},ai=function(n){if(!1===n.completed)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return a.default.createElement(Me,null,a.default.createElement(Oe,{$font:"heading-4"},n.grade),a.default.createElement(Oe,{$font:"heading-6"}," / ",n.numQuestions));default:return null}};exports.HeadingTagComponent=et,exports.OakBackLink=function(n){var e=n.as,t=n.label,r=void 0===t?"Back":t,o=l(n,["as","label"]);return a.default.createElement(to,c({as:null!=e?e:"a","aria-label":r},o),a.default.createElement(vt,{alt:"",iconName:"chevron-left",$width:"all-spacing-8",$height:"all-spacing-8"}))},exports.OakBox=Me,exports.OakBulletList=function(n){var e=n.listItems,t=l(n,["listItems"]);return a.default.createElement(Oe,c({},t),e.map((function(n,e){return a.default.createElement(Oe,{key:e},0!==e&&a.default.createElement(Oe,null," • "),a.default.createElement(Oe,null,n))})))},exports.OakCheckBox=function(n){var t=n.id,r=n.value,o=n.displayValue,i=void 0===o?r:o,d=n.disabled,c=void 0!==d&&d,l=n.defaultChecked,s=void 0!==l&&l,u=n.onChange,b=n.onFocus,g=n.onBlur,h=n.onHovered,p=n.iconPadding,f=void 0===p?"inner-padding-none":p,v=n.hoverBorderRadius,m=void 0===v?"border-radius-xs":v,$=n.checkboxSize,x=void 0===$?"all-spacing-6":$,w=n.checkboxBorder,k=void 0===w?"border-solid-m":w,y=n.checkboxBorderRadius,C=void 0===y?"border-radius-xs":y,E=n.defaultColor,I=void 0===E?"text-primary":E,j=n.disabledColor,z=void 0===j?"text-disabled":j,S=n.labelGap,B=void 0===S?"space-between-s":S,M=n.labelAlignItems,N=void 0===M?"center":M,T=n.checkedBackgroundFill,O=void 0===T||T,A=n.checkedIcon,D=e.useRef(Date.now()),L=c?z:I;return a.default.createElement(Wr,{htmlFor:t,labelGap:B,labelAlignItems:N,$color:L,disabled:c,onMouseEnter:function(){D.current=Date.now()},onMouseLeave:function(){var n=Date.now()-D.current;h&&h(r,t,n)},"data-testid":n["data-testid"]},a.default.createElement(Qr,{size:x,internalCheckbox:a.default.createElement(Pr,{id:t,value:r,$width:x,$height:x,$ba:k,$borderRadius:C,$borderColor:L,$checkedBackground:O?L:null,$hoverBorderRadius:m,onChange:u,onFocus:b,onBlur:g,defaultChecked:s,disabled:c}),checkedIcon:A,iconPadding:f}),i)},exports.OakCloudinaryConfigProvider=Xt,exports.OakCloudinaryImage=function(n){var t=n.cloudinaryId,o=n.unoptimized,i=void 0===o?t.endsWith(".svg"):o,d=l(n,["cloudinaryId","unoptimized"]),s=e.useContext(Vt),u=Et(t,s);return a.default.createElement(Ke,c({as:r.CldImage,src:u,imageProps:{config:s},unoptimized:i},d))},exports.OakFieldError=function(n){var e=n.children;return e?a.default.createElement(Te,{$alignItems:"center",$flexDirection:"row"},a.default.createElement(Te,{$alignSelf:"flex-start",$mr:"space-between-s"},a.default.createElement(vt,{iconName:"content-guidance",$colorFilter:"red"})),a.default.createElement(Oe,{$color:"red"},e)):null},exports.OakFlex=Te,exports.OakForm=Ae,exports.OakGrid=$t,exports.OakGridArea=yt,exports.OakHandDrawnCard=Eo,exports.OakHandDrawnCardWithIcon=Io,exports.OakHeading=tt,exports.OakHintButton=Ao,exports.OakIcon=vt,exports.OakImage=Ke,exports.OakLI=dt,exports.OakLabel=lt,exports.OakLessonBottomNav=function(n){var e,t=n.hint,r=n.feedback,o=n.answerFeedback,i=n.children;switch(!0){case!!r:e=a.default.createElement(Lo,{feedback:r,answerFeedback:o});break;case!!t:e=a.default.createElement(Do,{hint:t});break;default:e=null}return a.default.createElement(qo,{$flexDirection:["column","row"],$pa:"inner-padding-m",$minHeight:"all-spacing-9",$gap:"space-between-m"},e,a.default.createElement(Te,{$flexGrow:"1",$height:"fit-content",$alignSelf:"flex-end",$justifyContent:["initial","flex-end"],$width:["100%","auto"]},i))},exports.OakLessonLayout=function(n){var e=n.lessonSectionName,t=n.topNavSlot,r=n.bottomNavSlot,o=n.children,i=s(function(n){switch(n){case"overview":case"video":return["bg-decorative4-subdued","bg-primary","border-decorative4","bg-primary"];case"intro":return["bg-decorative2-subdued","bg-decorative2-very-subdued","border-inverted","bg-decorative2-subdued"];case"starter-quiz":return["bg-decorative1-main","bg-decorative1-very-subdued","border-inverted","bg-decorative1-subdued"];case"exit-quiz":return["bg-decorative5-main","bg-decorative5-very-subdued","border-inverted","bg-decorative5-subdued"];case"review":return["bg-decorative1-main","bg-primary","border-decorative1-stronger","bg-primary"]}}(e),4),d=i[0],c=i[1],l=i[2],u=i[3];return a.default.createElement(Po,{$display:"flex",$width:"100%",$minHeight:"100%",$ph:["inner-padding-none","inner-padding-xl"],$background:d},a.default.createElement(Te,{$flexDirection:"column",$flexGrow:1,$background:[u,c],$btr:[null,"border-radius-xl"],$bt:[null,"border-solid-xl"],$bh:[null,"border-solid-xl"],$borderColor:[null,l],$maxWidth:"all-spacing-24",$minHeight:"100%",$mh:"auto",$pt:["inner-padding-none","inner-padding-m"],$gap:["space-between-l","space-between-xl"]},t&&a.default.createElement(Me,{$pv:"inner-padding-l",$pl:["inner-padding-m","inner-padding-xs"],$pr:["inner-padding-m","inner-padding-none"],$mr:["space-between-none","space-between-l"],$background:["bg-primary","transparent"]},t),a.default.createElement(Te,{$flexGrow:1,$flexDirection:"column",$mh:["space-between-s","space-between-l"]},o),r&&a.default.createElement(Wo,{$mh:["space-between-none","space-between-none","space-between-sssx"],$borderColor:l,$bt:"border-solid-xl",$background:["bg-primary",c]},r)))},exports.OakLessonNavItem=function(n){var e=n.as,t=n.lessonSectionName,r=n.progress,o=n.disabled,i=n.href,d=n.onClick,u=l(n,["as","lessonSectionName","progress","disabled","href","onClick"]),b=s(function(n){switch(n){case"intro":return["bg-decorative2-very-subdued","bg-decorative2-main","border-decorative2-stronger"];case"starter-quiz":return["bg-decorative1-very-subdued","bg-decorative1-main","border-decorative1-stronger"];case"video":return["bg-decorative4-very-subdued","bg-decorative4-main","border-decorative4-stronger"];case"exit-quiz":return["bg-decorative5-very-subdued","bg-decorative5-main","border-decorative5-stronger"]}}(t),3),g=b[0],h=b[1],p=b[2];return a.default.createElement(_o,c({as:o?"div":null!=e?e:"a",$gap:"space-between-m",$alignItems:"center",$background:"not-started"===r?g:h,$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:p,$ba:"border-solid-l",$disabled:o,href:o?void 0:i,onClick:o?void 0:d},u),a.default.createElement(Te,{$width:"all-spacing-13",$justifyContent:"center"},a.default.createElement(vt,{iconName:Ko(t),$width:"all-spacing-10",$height:"all-spacing-10"})),a.default.createElement(Jo,null,a.default.createElement(Vo,{as:"strong",$font:["heading-6","heading-5"],$color:o?"text-disabled":"text-primary"},function(n){switch(n){case"intro":return"Intro";case"starter-quiz":return"Starter quiz";case"video":return"Watch video";case"exit-quiz":return"Exit quiz"}}(t)),a.default.createElement(Me,{$font:["body-2","body-1"]},function(n){switch(n.progress){case"not-started":return function(n){switch(n.lessonSectionName){case"intro":return"Get ready";case"starter-quiz":return"".concat(n.numQuestions," Questions");case"exit-quiz":return"Practice ".concat(n.numQuestions," questions");case"video":return"".concat(n.videoLength," min")}}(n);case"in-progress":return"In progress...";case"complete":return a.default.createElement(Te,{$gap:"space-between-sssx",$alignItems:"center"},a.default.createElement(vt,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),function(n){switch(n.lessonSectionName){case"intro":case"video":return"Completed";case"starter-quiz":case"exit-quiz":return a.default.createElement(a.default.Fragment,null,a.default.createElement(Me,{$display:["none","block"]},"Completed"),a.default.createElement(Me,{$display:["block","none"]},n.grade,"/",n.numQuestions," correct"))}}(n))}}(n))),function(n){if("complete"!==n.progress)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return a.default.createElement(Me,{$display:["none","block"],$mr:"space-between-xxxl"},a.default.createElement(Oe,{$font:"heading-4"},n.grade),a.default.createElement(Oe,{$font:"heading-6"}," / ",n.numQuestions));default:return null}}(n),a.default.createElement(Xo,{iconName:"chevron-right",$disabled:o}))},exports.OakLessonReviewItem=function(n){var e=n.completed,t=n.lessonSectionName,r=l(n,["completed","lessonSectionName"]),o=s(ii(t),3),i=o[0],d=o[1],u=o[2],b=new Map;return b.set("intro","intro"),b.set("starter-quiz","quiz"),b.set("exit-quiz","quiz"),b.set("video","video"),a.default.createElement(ei,c({completed:e,$gap:"space-between-m",$alignItems:"center",$background:e?i:"white",$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:e?i:d,$ba:"border-solid-l"},r),a.default.createElement(_r,{iconName:b.get(t),$width:"all-spacing-10",$height:"all-spacing-10",$background:u}),a.default.createElement(Te,{$flexGrow:1,$flexShrink:1,$flexDirection:"column"},a.default.createElement(Me,{$font:["heading-6","heading-5"],$color:"text-primary"},oi(t)),a.default.createElement(Me,{$font:["body-2","body-1"]},ti(n))),ai(n))},exports.OakLessonTopNav=function(n){var e=n.lessonSectionName,t=n.backLinkSlot,r=n.counterSlot,o=n.heading,i=n.mobileSummary;return a.default.createElement(Te,{$gap:"space-between-m",$alignItems:"center"},a.default.createElement(Me,{$pl:["inner-padding-none","inner-padding-s"]},t),a.default.createElement(Te,{$flexGrow:"none"},a.default.createElement(_r,c({},function(n){switch(n){case"intro":return{iconName:"intro",$background:"aqua110"};case"starter-quiz":return{iconName:"quiz",$background:"mint110"};case"video":return{iconName:"video",$background:"pink110"};case"exit-quiz":return{iconName:"quiz",$background:"lemon110"}}}(e),{$width:"all-spacing-8",$height:"all-spacing-8"}))),a.default.createElement(Me,null,a.default.createElement(tt,{tag:"h1",$font:["heading-7","heading-5"]},o),a.default.createElement(Ro,{$font:"body-3"},i)),a.default.createElement(Te,{$flexGrow:1,$justifyContent:"flex-end"},a.default.createElement(Me,{$display:["none","block"]},r)))},exports.OakLoadingSpinner=er,exports.OakMaxWidth=Ct,exports.OakOL=it,exports.OakP=rt,exports.OakPrimaryButton=function(n){var e=n.element,t=l(n,["element"]);return a.default.createElement(ar,c({element:null!=e?e:"button",defaultBorderColor:"bg-btn-primary",defaultBackground:"bg-btn-primary",defaultTextColor:"text-inverted",hoverBackground:"bg-btn-primary-hover",hoverBorderColor:"bg-btn-primary-hover",hoverTextColor:"text-inverted",disabledBackground:"bg-btn-primary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-inverted"},t))},exports.OakPromoTag=zo,exports.OakQuizCheckBox=function(n){var t,r,o,i=n.id,d=n.value,s=n.feedback,u=n.image,b=n.disabled,g=n.innerRef,h=n.displayValue,p=l(n,["id","value","feedback","image","disabled","innerRef","displayValue"]),f=!!s,v=e.useRef(null),m=null!=g?g:v,$="correct"===s&&(null===(t=m.current)||void 0===t?void 0:t.checked)||"incorrect"===s&&!(null===(r=m.current)||void 0===r?void 0:r.checked),x="incorrect"===s&&(null===(o=m.current)||void 0===o?void 0:o.checked),w=a.default.createElement(Te,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},a.default.createElement(Me,null,u),h),k=b&&!f?"bg-neutral-stronger":"bg-primary",y=$?"bg-correct":"bg-incorrect",C=$?"border-success":"border-error",E=a.default.createElement(Mo,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$borderColor:"border-primary",$background:k,$flexGrow:1,onClick:function(n){var e;n.target.id!==i&&(null===(e=m.current)||void 0===e||e.click())},overlayBorderColor:f?C:void 0,feedbackBgColor:f?y:void 0},a.default.createElement(No,{className:"grey-shadow",$position:"absolute",$left:"space-between-none",$top:"space-between-none",$borderRadius:"border-radius-m2",$width:"100%",$height:"100%"}),a.default.createElement(No,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-m2",$left:"space-between-none",$top:"space-between-none",$width:"100%",$height:"100%"}),a.default.createElement(Bo,{htmlFor:i,labelGap:"space-between-s",labelAlignItems:"center",$color:b&&!f?"text-disabled":"text-primary",$font:"body-1",disabled:b},a.default.createElement(Qr,{size:"all-spacing-7",iconPadding:"inner-padding-ssx",checkedIcon:a.default.createElement(Me,{$width:"100%",$height:"100%",$background:b||f?"text-disabled":"text-primary"},a.default.createElement(Me,{$ba:"border-solid-m",$borderColor:"white",$width:"100%",$height:"100%"})),internalCheckbox:a.default.createElement(So,c({id:i,value:d,disabled:b||f},p,{$width:"all-spacing-7",$height:"all-spacing-7",$ba:"border-solid-m",$borderColor:"border-neutral",$borderRadius:"border-radius-s",$checkedBackground:null,ref:m}))}),u?w:h),f&&($||x)&&a.default.createElement(Te,{className:"feedbackIconWrapper",$flexGrow:1,$justifyContent:"flex-end",$alignItems:"flex-end",$height:"100%"},$&&a.default.createElement(vt,{iconName:"tick",$colorFilter:"icon-success",alt:"correct"===s?"Correct":"Unselected correct choice"}),x&&a.default.createElement(vt,{iconName:"cross",$colorFilter:"icon-error",alt:"Incorrect"})));return a.default.createElement(Te,{$width:"100%",$position:"relative"},E)},exports.OakQuizCounter=function(n){var e=n.counter,t=n.total;return a.default.createElement(Oe,{$font:"heading-light-4",$color:"text-disabled"},a.default.createElement(Oe,{$font:"heading-4",$color:"text-primary"},e," "),"of ",t)},exports.OakQuizFeedback=Lo,exports.OakQuizHint=Do,exports.OakQuizRadioButton=function(n){var t,r,o=n.value,i=n.feedback,d=n.image,s=n.disabled,u=n.label,b=l(n,["value","feedback","image","disabled","label"]),g=!!i,h=e.useContext(sr).currentValue===o,p="bg-primary",f=null;switch(!0){case s&&!g:p="bg-neutral-stronger";break;case"correct"===i&&h:t="border-success",p="bg-correct",f="tick",r="Correct";break;case"incorrect"===i&&h:t="border-error",p="bg-incorrect",f="cross",r="Incorrect";break;case"incorrect"===i&&!h:f="tick",r="Unselected correct choice";break;case h&&!s:t="border-primary"}return a.default.createElement(To,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$justifyContent:"space-between",$position:"relative",$alignContent:"center",onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.click()},$disabled:s||g,$checked:h,$outlineColor:t,$background:p},a.default.createElement(pr,c({value:o,disabled:s||g,$labelGap:"space-between-s",disableFocusRing:!0,radioInnerSize:"all-spacing-6",radioOuterSize:"all-spacing-7",checkedRadioBorderWidth:"border-solid-l",label:d?a.default.createElement(Te,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},a.default.createElement(Me,null,d),u):u},b)),g&&f&&a.default.createElement(Te,{$alignSelf:"flex-end"},a.default.createElement(vt,{iconName:f,$colorFilter:"tick"===f?"icon-success":"icon-error",alt:r})))},exports.OakQuizTextInput=function(n){var e,t,r=n.feedback,o=n.readOnly,i=l(n,["feedback","readOnly"]),d=void 0;switch(r){case"correct":e="valid",t="tick",d="Correct";break;case"incorrect":e="invalid",t="cross",d="Incorrect"}return a.default.createElement(Xr,c({},i,{validity:e,iconName:t,iconAlt:d,readOnly:o||!!r,isTrailingIcon:!0}))},exports.OakRadioButton=pr,exports.OakRadioGroup=function(n){var t=n.name,r=n.children,o=n.label,i=n.onChange,d=n.$font,u=void 0===d?"body-1-bold":d,b=n.$gap,g=void 0===b?"space-between-s":b,h=n.disabled,p=n.value,f=n.defaultValue,v=void 0===f?"":f,m=l(n,["name","children","label","onChange","$font","$gap","disabled","value","defaultValue"]),$=s(e.useState(v),2),x=$[0],w=$[1];return a.default.createElement(Te,c({role:"radiogroup",$gap:g},m),o&&a.default.createElement(lt,{$font:u},o),a.default.createElement(sr.Provider,{value:{currentValue:null!=p?p:x,name:t,disabled:h,onValueUpdated:function(n){void 0===p&&w(n.target.value),i&&i(n)}}},r))},exports.OakRoundIcon=_r,exports.OakSecondaryButton=function(n){var e=n.element,t=l(n,["element"]);return a.default.createElement(ar,c({element:null!=e?e:"button",defaultBorderColor:"text-primary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary-hover",hoverBorderColor:"text-primary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-disabled"},t))},exports.OakSpan=Oe,exports.OakSubjectIcon=function(n){var e=n.showPromoTag,t=l(n,["showPromoTag"]);return a.default.createElement(Me,{$width:"fit-content",$height:"fit-content",$position:"relative"},a.default.createElement(Io,c({},t)),e&&a.default.createElement(Me,{$position:"absolute",$top:["all-spacing-0","all-spacing-2"],$left:["all-spacing-0","all-spacing-2"]},a.default.createElement(zo,null)))},exports.OakTertiaryButton=function(n){var e=n.element,t=n.isTrailingIcon,r=n.iconName,o=n.children,i=l(n,["element","isTrailingIcon","iconName","children"]);return a.default.createElement(lr,c({element:null!=e?e:"button"},i,{isTrailingIcon:t,iconName:r,defaultIconColor:"white",disabledIconColor:"white",disabledIconBackground:"bg-btn-primary-disabled",defaultIconBackground:"black",hoverIconBackground:"bg-btn-primary-hover",defaultTextColor:"text-primary",hoverTextColor:"bg-btn-primary-hover",disabledTextColor:"text-disabled",iconBackgroundSize:"all-spacing-7",iconSize:"all-spacing-6"}),o)},exports.OakTextInput=Xr,exports.OakThemeProvider=function(e){var t=e.theme,r=e.children;return a.default.createElement(n.ThemeProvider,{theme:t},r)},exports.OakTooltip=eo,exports.OakTypography=nt,exports.OakUL=ot,exports.isValidIconName=function(n){return ut.includes(n)},exports.oakAllSpacingTokens=M,exports.oakBorderRadiusTokens=_n,exports.oakBorderWidthTokens=Xn,exports.oakBoxCss=Be,exports.oakColorTokens=b,exports.oakDefaultTheme={name:"default",uiColors:{"text-primary":"black","text-subdued":"grey60","text-error":"red","text-disabled":"grey50","text-link-active":"navy","text-link-hover":"navy110","text-link-pressed":"navy120","text-link-visited":"navy120","text-inverted":"white","text-success":"oakGreen","text-warning":"amber","bg-primary":"white","bg-neutral":"grey20","bg-neutral-stronger":"grey30","bg-btn-primary":"black","bg-btn-primary-hover":"grey60","bg-btn-primary-disabled":"grey50","bg-btn-secondary":"white","bg-btn-secondary-hover":"grey20","bg-btn-secondary-disabled":"grey30","bg-icon":"black","bg-icon-hover":"grey60","bg-decorative1-main":"mint","bg-decorative1-subdued":"mint50","bg-decorative1-very-subdued":"mint30","bg-decorative2-main":"aqua","bg-decorative2-subdued":"aqua50","bg-decorative2-very-subdued":"aqua30","bg-decorative3-main":"lavender","bg-decorative3-subdued":"lavender50","bg-decorative3-very-subdued":"lavender30","bg-decorative4-main":"pink","bg-decorative4-subdued":"pink50","bg-decorative4-very-subdued":"pink30","bg-decorative5-main":"lemon","bg-decorative5-subdued":"lemon50","bg-decorative5-very-subdued":"lemon30","bg-correct":"mint50","bg-incorrect":"red30","icon-main":"white","icon-inverted":"black","icon-disabled":"grey50","icon-brand":"oakGreen","icon-success":"oakGreen","icon-error":"red","icon-warning":"amber","border-primary":"black","border-inverted":"white","border-neutral":"grey50","border-brand":"oakGreen","border-success":"oakGreen","border-error":"red","border-warning":"amber","border-decorative1":"mint","border-decorative1-stronger":"mint110","border-decorative2":"aqua","border-decorative2-stronger":"aqua110","border-decorative3":"lavender","border-decorative3-stronger":"lavender110","border-decorative4":"pink","border-decorative4-stronger":"pink110","border-decorative5":"lemon","border-decorative5-stronger":"lemon110","border-decorative6":"amber50","border-decorative6-stronger":"amber",transparent:"transparent"}},exports.oakDropShadowTokens=ve,exports.oakFontSizeTokens=Ee,exports.oakFontTokens=Ie,exports.oakHeadingTags=["div","h1","h2","h3","h4","h5","h6"],exports.oakIconNames=ut,exports.oakInnerPaddingTokens=N,exports.oakOpacityTokens=xe,exports.oakSpaceBetweenTokens=T,exports.oakTransitionTokens=ye,exports.oakUiRoleTokens=h;
|
|
1
|
+
"use strict";var n=require("styled-components"),e=require("react"),t=require("next/image"),r=require("next-cloudinary"),o=require("next/link");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=i(n),d=i(e),l=i(t),c=i(o),s=function(){return s=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},s.apply(this,arguments)};function u(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(n);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(t[r[o]]=n[r[o]])}return t}function b(n,e){var t="function"==typeof Symbol&&n[Symbol.iterator];if(!t)return n;var r,o,i=t.call(n),a=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(n){o={error:n}}finally{try{r&&!r.done&&(t=i.return)&&t.call(i)}finally{if(o)throw o.error}}return a}function g(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var h={white:"#ffffff",grey10:"#f9f9f9",grey20:"#f2f2f2",grey30:"#e4e4e4",grey40:"#cacaca",grey50:"#808080",grey60:"#575757",grey70:"#2d2d2d",black:"#222222",oakGreen:"#287c34",mint:"#bef2bd",mint30:"#ebfbeb",mint50:"#dff9de",mint110:"#93e892",aqua:"#b0e2de",aqua30:"#e7f6f5",aqua50:"#cee7e5",aqua110:"#7cd8d0",lavender:"#a0b6f2",lavender30:"#e3e9fb",lavender50:"#c6d1ef",lavender110:"#7c9aec",pink:"#deb7d5",pink30:"#f5e9f2",pink50:"#e5d1e0",pink110:"#cf9cc3",lemon:"#ffe555",lemon30:"#fff7cc",lemon50:"#f6e8a0",lemon110:"#fbd60e",amber:"#ff934e",amber30:"#ffece0",amber50:"#ffc8a6",red:"#dd0035",red30:"#f8d8e0",red50:"#ee809a",navy:"#0d24c4",navy110:"#0a1d9d",navy120:"#081676",blue:"#374cf1",magenta:"#d02aa7",purple:"#845ad9",teal:"#037b7d",transparent:"transparent"},f={black:"invert(10%) sepia(1%) saturate(236%) hue-rotate(314deg) brightness(95%) contrast(91%)",red:"invert(13%) sepia(78%) saturate(5255%) hue-rotate(337deg) brightness(88%) contrast(111%)",oakGreen:"invert(37%) sepia(16%) saturate(1947%) hue-rotate(77deg) brightness(100%) contrast(88%)",white:"invert(98%) sepia(98%) saturate(0%) hue-rotate(328deg) brightness(102%) contrast(102%)",grey40:"invert(92%) sepia(0%) saturate(581%) hue-rotate(147deg) brightness(94%) contrast(80%)",grey50:"invert(54%) sepia(0%) saturate(38%) hue-rotate(176deg) brightness(92%) contrast(91%)"},p=["text-primary","text-subdued","text-error","text-disabled","text-link-active","text-link-hover","text-link-visited","text-link-pressed","text-inverted","text-success","text-warning","bg-primary","bg-neutral","bg-neutral-stronger","bg-btn-primary","bg-btn-primary-hover","bg-btn-primary-disabled","bg-btn-secondary","bg-btn-secondary-hover","bg-btn-secondary-disabled","bg-icon","bg-icon-hover","bg-decorative1-main","bg-decorative1-subdued","bg-decorative1-very-subdued","bg-decorative2-main","bg-decorative2-subdued","bg-decorative2-very-subdued","bg-decorative3-main","bg-decorative3-subdued","bg-decorative3-very-subdued","bg-decorative4-main","bg-decorative4-subdued","bg-decorative4-very-subdued","bg-decorative5-main","bg-decorative5-subdued","bg-decorative5-very-subdued","bg-correct","bg-incorrect","icon-main","icon-inverted","icon-disabled","icon-brand","icon-success","icon-error","icon-warning","border-primary","border-inverted","border-neutral","border-brand","border-success","border-error","border-warning","border-decorative1","border-decorative1-stronger","border-decorative2","border-decorative2-stronger","border-decorative3","border-decorative3-stronger","border-decorative4","border-decorative4-stronger","border-decorative5","border-decorative5-stronger","border-decorative6","border-decorative6-stronger","transparent"];function v(n){if(null!=n)return n in h?h[n]:p.includes(n)?function(e){var t=e.theme.uiColors[n];return h[t]}:void 0}function m(n){return!!n}var $,w,x,k,y,C,E={small:750,large:1280},I=Object.values(E).sort((function(n,e){return n>e?1:-1})),j=function(n){return E[n]},z=function(e,t,r){return void 0===r&&(r=function(n){return n}),function(o){var i=function(t){return void 0===t?void 0:n.css($||($=g(["\n ",": ",";\n "],["\n ",": ",";\n "])),e,r(t))},a=t(o);if(void 0!==a)return Array.isArray(a)?0===a.length?[]:function(n,e,t){if(t||2===arguments.length)for(var r,o=0,i=e.length;o<i;o++)!r&&o in e||(r||(r=Array.prototype.slice.call(e,0,o)),r[o]=e[o]);return n.concat(r||Array.prototype.slice.call(e))}([n.css(x||(x=g(["\n ","\n "],["\n ","\n "])),i(a[0]))],b(I.slice(0,a.length).map((function(e,t){var r=a[t+1];if(void 0!==r)return n.css(y||(y=g(["\n @media (min-width: ","px) {\n ","\n }\n "],["\n @media (min-width: ","px) {\n ","\n }\n "])),e,n.css(k||(k=g(["\n ","\n "],["\n ","\n "])),i(r)))})).filter(m)),!1):n.css(w||(w=g(["\n ","\n "],["\n ","\n "])),i(a))}},S=n.css(C||(C=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("color",(function(n){return n.$color}),v),z("background",(function(n){return n.$background}),v)),B=16,N=3;function T(n){return Number((n/B).toFixed(N))}var M={"all-spacing-0":0,"all-spacing-1":4,"all-spacing-2":8,"all-spacing-3":12,"all-spacing-4":16,"all-spacing-5":20,"all-spacing-6":24,"all-spacing-7":32,"all-spacing-8":40,"all-spacing-9":48,"all-spacing-10":56,"all-spacing-11":64,"all-spacing-12":72,"all-spacing-13":80,"all-spacing-14":92,"all-spacing-15":100,"all-spacing-16":120,"all-spacing-17":160,"all-spacing-18":180,"all-spacing-19":240,"all-spacing-20":360,"all-spacing-21":480,"all-spacing-22":640,"all-spacing-23":960,"all-spacing-24":1280},O={"inner-padding-none":"all-spacing-0","inner-padding-ssx":"all-spacing-1","inner-padding-xs":"all-spacing-2","inner-padding-s":"all-spacing-3","inner-padding-m":"all-spacing-4","inner-padding-l":"all-spacing-5","inner-padding-xl":"all-spacing-6"},A={"space-between-none":"all-spacing-0","space-between-sssx":"all-spacing-1","space-between-ssx":"all-spacing-2","space-between-xs":"all-spacing-3","space-between-s":"all-spacing-4","space-between-m":"all-spacing-6","space-between-m2":"all-spacing-7","space-between-l":"all-spacing-9","space-between-xl":"all-spacing-10","space-between-xxl":"all-spacing-12","space-between-xxxl":"all-spacing-13"};function D(n){if(null!=n)return n in M?"".concat(T(M[n]),"rem"):n in O?"".concat(T(M[O[n]]),"rem"):n in A?"".concat(T(M[A[n]]),"rem"):n}var L,q,R,G,F,P,W,Y,H,Q,U,Z,V,X,_,J,K,nn,en,tn,rn,on,an,dn,ln,cn,sn,un,bn,gn,hn,fn,pn,vn,mn,$n,wn,xn,kn,yn,Cn,En,In,jn,zn,Sn,Bn,Nn,Tn,Mn=n.css(L||(L=g(["\n ","\n "," \n "," \n "," \n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n "," \n "," \n "," \n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("position",(function(n){return n.$position})),z("top",(function(n){return n.$top}),D),z("right",(function(n){return n.$right}),D),z("bottom",(function(n){return n.$bottom}),D),z("left",(function(n){return n.$left}),D),z("inset",(function(n){return n.$inset}),D),z("overflow",(function(n){return n.$overflow})),z("overflow-x",(function(n){return n.$overflowX})),z("overflow-y",(function(n){return n.$overflowY})),z("object-fit",(function(n){return n.$objectFit})),z("pointer-events",(function(n){return n.$pointerEvents})),z("visibility",(function(n){return n.$visibility}))),On=n.css(q||(q=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("width",(function(n){return n.$width}),D),z("min-width",(function(n){return n.$minWidth}),D),z("max-width",(function(n){return n.$maxWidth}),D),z("height",(function(n){return n.$height}),D),z("min-height",(function(n){return n.$minHeight}),D),z("max-height",(function(n){return n.$maxHeight}),D)),An=n.css(R||(R=g(["\n ","\n"],["\n ","\n"])),z("padding",(function(n){return n.$pa}),D)),Dn=n.css(G||(G=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("padding-left",(function(n){return n.$ph}),D),z("padding-right",(function(n){return n.$ph}),D)),Ln=n.css(F||(F=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("padding-top",(function(n){return n.$pv}),D),z("padding-bottom",(function(n){return n.$pv}),D)),qn=n.css(P||(P=g(["\n ","\n"],["\n ","\n"])),z("padding-left",(function(n){return n.$pl}),D)),Rn=n.css(W||(W=g(["\n ","\n"],["\n ","\n"])),z("padding-right",(function(n){return n.$pr}),D)),Gn=n.css(Y||(Y=g(["\n ","\n"],["\n ","\n"])),z("padding-top",(function(n){return n.$pt}),D)),Fn=n.css(H||(H=g(["\n ","\n"],["\n ","\n"])),z("padding-bottom",(function(n){return n.$pb}),D)),Pn=n.css(Q||(Q=g(["\n ","\n"],["\n ","\n"])),z("margin",(function(n){return n.$ma}),D)),Wn=n.css(U||(U=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("margin-left",(function(n){return n.$mh}),D),z("margin-right",(function(n){return n.$mh}),D)),Yn=n.css(Z||(Z=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("margin-top",(function(n){return n.$mv}),D),z("margin-bottom",(function(n){return n.$mv}),D)),Hn=n.css(V||(V=g(["\n ","\n"],["\n ","\n"])),z("margin-left",(function(n){return n.$ml}),D)),Qn=n.css(X||(X=g(["\n ","\n"],["\n ","\n"])),z("margin-right",(function(n){return n.$mr}),D)),Un=n.css(_||(_=g(["\n ","\n"],["\n ","\n"])),z("margin-top",(function(n){return n.$mt}),D)),Zn=n.css(J||(J=g(["\n ","\n"],["\n ","\n"])),z("margin-bottom",(function(n){return n.$mb}),D)),Vn=n.css(K||(K=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Pn,Wn,Yn,Hn,Qn,Un,Zn),Xn=n.css(nn||(nn=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),An,Dn,Ln,qn,Rn,Gn,Fn),_n=n.css(en||(en=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),Xn,Vn),Jn={"border-solid-none":0,"border-solid-s":1,"border-solid-m":2,"border-solid-l":3,"border-solid-xl":4},Kn={"border-radius-square":0,"border-radius-xs":2,"border-radius-s":4,"border-radius-m":6,"border-radius-m2":8,"border-radius-l":16,"border-radius-xl":24,"border-radius-circle":100},ne=function(n){if(null!=n)return n in Jn?"".concat(T(Jn[n]),"rem solid"):void 0},ee=function(n){if(null!=n)return n in Kn?"".concat(T(Kn[n]),"rem"):void 0},te=n.css(tn||(tn=g(["\n ","\n"],["\n ","\n"])),z("border",(function(n){return n.$ba}),ne)),re=n.css(rn||(rn=g(["\n ","\n"],["\n ","\n"])),z("border-top",(function(n){return n.$bt}),ne)),oe=n.css(on||(on=g(["\n ","\n"],["\n ","\n"])),z("border-right",(function(n){return n.$br}),ne)),ie=n.css(an||(an=g(["\n ","\n"],["\n ","\n"])),z("border-bottom",(function(n){return n.$bb}),ne)),ae=n.css(dn||(dn=g(["\n ","\n"],["\n ","\n"])),z("border-left",(function(n){return n.$bl}),ne)),de=n.css(ln||(ln=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("border-left",(function(n){return n.$bh}),ne),z("border-right",(function(n){return n.$bh}),ne)),le=n.css(cn||(cn=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("border-top",(function(n){return n.$bv}),ne),z("border-bottom",(function(n){return n.$bv}),ne)),ce=n.css(sn||(sn=g(["\n ","\n"],["\n ","\n"])),z("border-color",(function(n){return n.$borderColor}),v)),se=n.css(un||(un=g(["\n ","\n"],["\n ","\n"])),z("border-radius",(function(n){return n.$borderRadius}),ee)),ue=n.css(bn||(bn=g(["\n ","\n"],["\n ","\n"])),z("border-top-left-radius",(function(n){return n.$btlr}),ee)),be=n.css(gn||(gn=g(["\n ","\n"],["\n ","\n"])),z("border-top-right-radius",(function(n){return n.$btrr}),ee)),ge=n.css(hn||(hn=g(["\n ","\n"],["\n ","\n"])),z("border-bottom-left-radius",(function(n){return n.$bblr}),ee)),he=n.css(fn||(fn=g(["\n ","\n"],["\n ","\n"])),z("border-bottom-right-radius",(function(n){return n.$bbrr}),ee)),fe=n.css(pn||(pn=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("border-top-left-radius",(function(n){return n.$btr}),ee),z("border-top-right-radius",(function(n){return n.$btr}),ee)),pe=n.css(vn||(vn=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("border-bottom-left-radius",(function(n){return n.$bbr}),ee),z("border-bottom-right-radius",(function(n){return n.$bbr}),ee)),ve=n.css(mn||(mn=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),te,re,oe,ie,ae,de,le,ce,se,ue,be,ge,he,fe,pe),me=n.css($n||($n=g(["\n ","\n"],["\n ","\n"])),z("display",(function(n){return n.$display}))),$e={"drop-shadow-standard":"0 0.5rem 0.5rem rgba(92, 92, 92, 20%)","drop-shadow-lemon":"0.125rem 0.125rem 0 rgba(255, 229, 85, 100%)","drop-shadow-wide-lemon":"0.25rem 0.25rem 0 rgba(255, 229, 85, 100%)","drop-shadow-centered-lemon":"0 0 0 0.125rem rgba(255, 229, 85, 100%)","drop-shadow-grey":"0.25rem 0.25rem 0 rgba(87, 87, 87, 100%)","drop-shadow-centered-grey":"0 0 0 0.3rem rgba(87, 87, 87, 100%)"},we=function(n){return null===n?"none":n&&n in $e?$e[n]:void 0},xe=n.css(wn||(wn=g(["\n ","\n"],["\n ","\n"])),z("box-shadow",(function(n){return n.$dropShadow}),we)),ke={transparent:0,"semi-transparent":.25,"semi-opaque":.5,opaque:1},ye=n.css(xn||(xn=g(["\n ","\n"],["\n ","\n"])),z("opacity",(function(n){return n.$opacity}),(function(n){if(n)return n in ke?ke[n]:void 0}))),Ce=n.css(kn||(kn=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("transform",(function(n){return n.$transform})),z("transform-origin",(function(n){return n.$transformOrigin}))),Ee={"standard-ease":"all 0.3s ease","standard-transform":"rotate(-2deg) translateY(-16px) translateX(8px)"},Ie=n.css(yn||(yn=g(["\n ","\n"],["\n ","\n"])),z("transition",(function(n){return n.$transition}),(function(n){if(n)return n in Ee?Ee[n]:void 0}))),je={"font-size-1":12,"font-size-2":14,"font-size-3":16,"font-size-4":18,"font-size-5":20,"font-size-6":24,"font-size-7":32,"font-size-8":40,"font-size-9":48,"font-size-10":56},ze={"heading-1":["font-size-10",64,600,"0.0115rem"],"heading-2":["font-size-9",56,600,"0.0115rem"],"heading-3":["font-size-8",48,600,"0.0115rem"],"heading-4":["font-size-7",40,600,"0.0115rem"],"heading-5":["font-size-6",32,600,"0.0115rem"],"heading-6":["font-size-5",24,600,"0.0115rem"],"heading-7":["font-size-3",20,600,"0.0115rem"],"heading-light-1":["font-size-10",64,400,"0.0115rem"],"heading-light-2":["font-size-9",56,400,"0.0115rem"],"heading-light-3":["font-size-8",48,400,"0.0115rem"],"heading-light-4":["font-size-7",40,400,"0.0115rem"],"heading-light-5":["font-size-6",32,400,"0.0115rem"],"heading-light-6":["font-size-5",24,400,"0.0115rem"],"heading-light-7":["font-size-3",20,400,"0.0115rem"],"body-1":["font-size-4",28,300,"-0.005rem"],"body-2":["font-size-3",24,300,"-0.005rem"],"body-3":["font-size-2",20,300,"-0.005rem"],"body-4":["font-size-1",16,300,"-0.005rem"],"body-1-bold":["font-size-4",28,700,"-0.005rem"],"body-2-bold":["font-size-3",24,700,"-0.005rem"],"body-3-bold":["font-size-2",20,700,"-0.005rem"],"list-item-1":["font-size-4",32,300,"-0.005rem"],"list-item-2":["font-size-3",24,300,"-0.005rem"]},Se=n.css(Cn||(Cn=g(["\n font-family: Lexend, sans-serif;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n font-family: Lexend, sans-serif;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("font-weight",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=ze[n])||void 0===e?void 0:e[2]})),z("font-size",(function(n){return n.$font}),(function(n){var e;if(n){var t=null===(e=ze[n])||void 0===e?void 0:e[0];if(t)return"".concat(T(je[t]),"rem")}})),z("line-height",(function(n){return n.$font}),(function(n){var e;if(n){var t=null===(e=ze[n])||void 0===e?void 0:e[1];if(t)return"".concat(T(t),"rem")}})),z("letter-spacing",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=ze[n])||void 0===e?void 0:e[3]})),z("text-align",(function(n){return n.$textAlign})),z("text-decoration",(function(n){return n.$textDecoration})),z("white-space",(function(n){return n.$whiteSpace})),z("word-wrap",(function(n){return n.$wordWrap})),z("text-overflow",(function(n){return n.$textOverflow}))),Be={behind:-1,neutral:0,"in-front":1,"mobile-filters":2,"fixed-header":100,"modal-close-button":150,"modal-dialog":300},Ne=n.css(En||(En=g(["\n ","\n"],["\n ","\n"])),z("z-index",(function(n){return n.$zIndex}),(function(n){if(null!=n)return Be[n]}))),Te=n.css(jn||(jn=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Mn,On,_n,S,ve,me,xe,ye,Ce,Ie,Se,Ne,(function(e){return e.onClick&&n.css(In||(In=g(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),Me=a.default.div(zn||(zn=g(["\n ","\n"],["\n ","\n"])),Te),Oe=n.css(Sn||(Sn=g(["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("flex-direction",(function(n){return n.$flexDirection})),z("flex-wrap",(function(n){return n.$flexWrap})),z("align-items",(function(n){return n.$alignItems})),z("align-content",(function(n){return n.$alignContent})),z("justify-content",(function(n){return n.$justifyContent})),z("align-self",(function(n){return n.$alignSelf})),z("order",(function(n){return n.$order})),z("flex-grow",(function(n){return n.$flexGrow})),z("flex-shrink",(function(n){return n.$flexShrink})),z("flex-basis",(function(n){return n.$flexBasis}),D),z("gap",(function(n){return n.$gap}),D),z("column-gap",(function(n){return n.$columnGap}),D),z("row-gap",(function(n){return n.$rowGap}),D)),Ae=a.default(Me)(Bn||(Bn=g(["\n ","\n"],["\n ","\n"])),Oe),De=a.default.span(Nn||(Nn=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),S,ye,Vn,Xn,ve,Se),Le=a.default.form(Tn||(Tn=g(["\n ","\n"],["\n ","\n"])),Te);function qe(n){if(null!=n)return n in f?f[n]:p.includes(n)?function(e){var t=e.theme.uiColors[n];if(t&&t in f)return f[t]}:void 0}var Re,Ge,Fe,Pe,We,Ye,He,Qe,Ue,Ze,Ve,Xe,_e,Je=n.css(Re||(Re=g(["\n ","\n"],["\n ","\n"])),z("filter",(function(n){return n.$colorFilter}),qe)),Ke=a.default(l.default)(Fe||(Fe=g(["\n ","\n ","\n object-fit: contain;\n"],["\n ","\n ","\n object-fit: contain;\n"])),Je,(function(e){return e.onClick&&n.css(Ge||(Ge=g(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),nt=a.default(l.default)(We||(We=g(["\n ","\n ","\n width: 100%;\n height: auto;\n"],["\n ","\n ","\n width: 100%;\n height: auto;\n"])),Je,(function(e){return e.onClick&&n.css(Pe||(Pe=g(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),et=function(n){var e=u(n,[]),t=e.as,r=e.src,o=e.alt,i=e.width,a=e.height,c=e.sizes,b=e.$width,g=void 0===b?"100%":b,h=e.$position,f=void 0===h?"relative":h,p=e.$colorFilter,v=e.placeholder,m=void 0===v?"oak":v,$=e.unoptimized,w=e.imageProps,x=u(e,["as","src","alt","width","height","sizes","$width","$position","$colorFilter","placeholder","unoptimized","imageProps"]),k="oak"===m?"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjEiIGhlaWdodD0iMTUxIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj48cGF0aCBmaWxsPSIjRTdGNkY1IiBkPSJNLTIwLTloMzAydjE3MC4wMTFILTIweiIvPjxwYXRoIGZpbGw9IiMyMjIiIGQ9Ik0xMjcuNzc5IDYzLjE4MWEyNy4xNDYgMjcuMTQ2IDAgMCAwLTMuOCAxLjYgMTYuNjk1IDE2LjY5NSAwIDAgMC03LjEgOC40YzAgLjEtLjEuMi0uMS4zLS43IDIuNC0uNiAyIDEuMyAyLjMgMS45LjMgMSAuNSAxIDEuMy0uMSA4LjggNC4xIDE1LjEgMTEuNCAxOS42YTEuNDk4IDEuNDk4IDAgMCAwIDEuNy4yYzUuNy0yLjYgOS4zLTcgMTAuMy0xMy4yYTEuMDAxIDEuMDAxIDAgMCAxIDEtMWwzLS4yYy44IDAgMS4zLjIgMS4yIDEuMmExNy45MDggMTcuOTA4IDAgMCAxLTMuMiA5LjIgMjMuNyAyMy43IDAgMCAxLTEwLjkgOS4xIDUuNDA2IDUuNDA2IDAgMCAxLTQuNS0uMiAyNi4yOSAyNi4yOSAwIDAgMS04LjUtNi42IDI1Ljg4OSAyNS44ODkgMCAwIDEtNi40LTE0LjRjMC0uNi0uMi0uNy0uOC0uOC0yLjUtLjQtMi41LS4xLTIuMy0yLjlhMTkuMjkgMTkuMjkgMCAwIDEgMTAuOC0xNi42IDM4Ljk1MyAzOC45NTMgMCAwIDEgNS43LTIuMWMuNDU3LS4zLjc4LS43NjYuOS0xLjNhMTQuMDk1IDE0LjA5NSAwIDAgMSAzLjUtNi4zbC4zLS4zYzEuOS0yIDIuNi0yIDQuMy4ybC40LjVjMS4xIDEuMSAxIDEuNS0uMSAyLjZhMTEuODgzIDExLjg4MyAwIDAgMC0zLjIgNC40YzIuNjQ1LjE2OCA1LjIxNS45NTYgNy41IDIuMyA1LjcgMy41IDkuMiA4LjMgOS45IDE1IC4wMTYuOTAxLS4wMTcgMS44MDMtLjEgMi43IDAgLjgtLjYgMS0xLjIgMS4yYTE2LjEgMTYuMSAwIDAgMS0xMS0uNyAxNy45IDE3LjkgMCAwIDEtMTAuOS0xMy42IDkuNzQyIDkuNzQyIDAgMCAxLS4xLTEuOVptMTguMSAxMi4yYy40LTUuNS02LjktMTIuNi0xMy0xMi4xLjUgNi41IDcuNiAxMi44IDEzIDEyLjFaIiBvcGFjaXR5PSIuMSIvPjwvZz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNjF2MTUxSDB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+":m;return i&&a?d.default.createElement(Me,s({$maxWidth:"all-spacing-0",$position:f},x),d.default.createElement(nt,s({as:null!=t?t:l.default,src:r,alt:o,width:i,height:a,sizes:c,unoptimized:$,$colorFilter:p,placeholder:k},w))):d.default.createElement(Me,s({$position:f,$width:g},x),d.default.createElement(Ke,s({as:null!=t?t:l.default,src:r,alt:o,sizes:c,fill:!0,$colorFilter:p,placeholder:k,unoptimized:$},w)))},tt=a.default(Me)(Ye||(Ye=g(["\n ","\n"],["\n ","\n"])),Se),rt=function(n){var e=n.tag,t=n.ariaLabel,r=n.ariaHidden,o=u(n,["tag","ariaLabel","ariaHidden"]),i=e;return d.default.createElement(i,s({},o,{"aria-label":t,"aria-hidden":r}))},ot=a.default(rt)(He||(He=g(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),Se,Vn,S,ye),it=a.default.p(Qe||(Qe=g(["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"],["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"])),Se,S,Vn,(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]})),at=a.default.ul(Ze||(Ze=g(["\n ","\n margin: 0;\n ","\n"],["\n ","\n margin: 0;\n ","\n"])),(function(e){return e.$reset&&n.css(Ue||(Ue=g(["\n list-style: none;\n padding: 0;\n "],["\n list-style: none;\n padding: 0;\n "])))}),Te),dt=a.default.ol(Ve||(Ve=g(['\n counter-reset: item;\n padding: 0;\n\n li {\n display: block;\n counter-increment: item;\n margin: 0;\n padding: 0 0 0 16px;\n text-indent: -16px;\n list-style-type: none;\n line-height: 32px;\n\n // Portable text generates linebreaks within list items\n\n br {\n content: "";\n display: block;\n margin-top: 8px;\n }\n }\n\n & li::before {\n padding-right: 4px;\n content: counter(item) ".";\n }\n a {\n color: ',";\n }\n ","\n ","\n ","\n"],['\n counter-reset: item;\n padding: 0;\n\n li {\n display: block;\n counter-increment: item;\n margin: 0;\n padding: 0 0 0 16px;\n text-indent: -16px;\n list-style-type: none;\n line-height: 32px;\n\n // Portable text generates linebreaks within list items\n\n br {\n content: "";\n display: block;\n margin-top: 8px;\n }\n }\n\n & li::before {\n padding-right: 4px;\n content: counter(item) ".";\n }\n a {\n color: ',";\n }\n ","\n ","\n ","\n"])),(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]}),Vn,S,Se),lt=n.css(Xe||(Xe=g(["\n ","\n"],["\n ","\n"])),z("list-style",(function(n){return n.$listStyle}))),ct=a.default.li(_e||(_e=g(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),Te,Se,lt,me);ct.defaultProps={$display:"revert"};var st,ut=a.default.label(st||(st=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),Se,S),bt={home:"v1699887218/icons/gvqxjxcw07ei2kkmwnes.svg",send:"v1699893673/icons/rmvytilpjgvh3pgwc8ph.svg",rocket:"v1699894015/icons/u26xm5hteot875ozfnk9.svg",edit:"v1699894149/icons/qxlunbg5tfrdherzsvlt.svg",hamburger:"v1699895123/icons/jaqdnomtbhqvjcap962u.svg",cross:"v1699895179/icons/xigimrbivcaxt4omxamp.svg",bell:"v1699895207/icons/ecejtvqerx81prxyxh9b.svg",twitter:"v1699895251/icons/bq6a50xtkvnzhltfggzz.svg",worksheet:"v1699895300/icons/ez1s6mtpe5jkunnxzvlw.svg",facebook:"v1699895330/icons/iojlvh3o5lshy2jupyph.svg",share:"v1699895363/icons/agcmduftef3wcla6gzec.svg","arrow-right":"v1699895398/icons/fv0z57zerrioft52dd9n.svg","worksheet-3":"v1699895429/icons/bzhojpjxp9rukdvh7daz.svg","chevron-right":"v1699895475/icons/rhzft6wnpdp3nvsmlyei.svg",save:"v1699895505/icons/rh1ahwwtbemvz0ihluew.svg","quiz-3":"v1699895534/icons/zoayhgtrotv32fad7d3k.svg","chevron-down":"v1699953557/icons/botfld6brychmttwtv6u.svg",linkedin:"v1699953592/icons/leqneklorqqzb1zo6rf1.svg","magic-carpet":"v1699953622/icons/jifivg9xxm7sb0fjdilm.svg",books:"v1699953657/icons/hz4l3iq6i68kazvkvorq.svg","supervision-level":"v1699953696/icons/cwqhknapp3maa4g0t3lj.svg","quiz-white":"v1699953730/icons/gpcehpgr9mqoumsa25xe.svg","arrow-left":"v1699953763/icons/ejrm9dpgpzb7ddbo8z2i.svg","additional-material":"v1699953798/icons/ntoq4tqvcm2uj1pajubt.svg","slide-deck-3":"v1699953830/icons/sm92moja9d5utu3cj16c.svg","sign-language":"v1699953861/icons/ns94ozvozzi22enxkx0x.svg",external:"v1699953892/icons/hlxmejse3mcr4tqo6t8u.svg","equipment-required":"v1699953925/icons/pw22bdhj2vrzfv2ogi4e.svg","chevron-left":"v1699953962/icons/xpp10hijwzhyeqt6ylqf.svg",download:"v1699953991/icons/dk0f6a6hdpzxftjosngn.svg",search:"v1704901279/icons/canbi3fuz5fanzom2hvi.svg","chevron-up":"v1699954058/icons/pay71thmhhylj7z28sj1.svg",go:"v1699954090/icons/vdzptyvmitylra8x4usy.svg",copyright:"v1699954118/icons/boiod3rflocgsnfokyo8.svg","arrow-down":"v1699954152/icons/wpfmbmwpyfinipg0d61y.svg",project:"v1699954186/icons/zofq5pheud6spnwjpewk.svg","slide-deck":"v1699954241/icons/sjjy5f3g4eciwcuxxr33.svg","content-guidance":"v1699954277/icons/tm3uhcqenaznq4fxys7j.svg",tick:"v1699954310/icons/efd3esaor6zqk7seh6kt.svg",instagram:"v1699954343/icons/ayfeljric0kkimdymvva.svg",dot:"v1699954371/icons/knykdclphkm8lgff4u2g.svg","dot-png":"v1699954394/icons/qecbh291nzwmhcvqayqd.png",warning:"v1704901279/icons/zzszodmk7fvxm9xzzg9s.svg","lightbulb-yellow":"v1705078631/icons/q2v4sqxouy1ngcajoavv.svg",lightbulb:"v1705078631/icons/zldisxmbff36z68rwcef.svg",quiz:"v1705416077/icons/kaaizjcudy0jfgfrrdel.svg",video:"v1705416078/icons/wzey1zfxrvv3apeebbf5.svg",intro:"v1705662092/icons/pl7bnmb13txese9yxkjv.svg","subject-art":"subject-icons/art.svg","subject-biology":"subject-icons/biology.svg","subject-chemistry":"subject-icons/chemistry.svg","subject-citizenship":"subject-icons/citizenship.svg","subject-combined-science":"subject-icons/science.svg","subject-communication-and-language":"subject-icons/communication-and-language.svg","subject-computing":"subject-icons/computing.svg","subject-computing-non-gcse":"subject-icons/computing.svg","subject-creative-arts":"subject-icons/creative-arts.svg","subject-design-technology":"subject-icons/design-technology.svg","subject-drama":"subject-icons/drama.svg","subject-english":"subject-icons/english.svg","subject-english-grammar":"subject-icons/english-grammar.svg","subject-english-reading-for-pleasure":"subject-icons/literature.svg","subject-english-spelling":"subject-icons/english-spelling.svg","subject-french":"subject-icons/french.svg","subject-geography":"subject-icons/geography.svg","subject-german":"subject-icons/german.svg","subject-history":"subject-icons/history.svg","subject-independent-living":"subject-icons/independent-living.svg","subject-latin":"subject-icons/latin.svg","subject-maths":"subject-icons/maths.svg","subject-music":"subject-icons/music-hollow.svg","subject-numeracy":"subject-icons/numeracy.svg","occupational-therapy":"subject-icons/therapy.svg","subject-physical-development":"subject-icons/physical-development.svg","subject-physical-education":"subject-icons/physical-education.svg","subject-physical-therapy":"subject-icons/physical-therapy.svg","subject-physics":"subject-icons/physics.svg","subject-religious-education":"subject-icons/religious-education.svg","subject-rshe-pshe":"subject-icons/rshe-pshe.svg","subject-science":"subject-icons/science.svg","subject-sensory-integration":"subject-icons/sensory-integration.svg","subject-spanish":"subject-icons/spanish.svg","subject-speech-and-language-therapy":"subject-icons/speech-and-language.svg","subject-therapy":"subject-icons/therapy.svg","subject-understanding-the-world":"subject-icons/understanding-the-world.svg"},gt=Object.keys(bt);var ht,ft,pt,vt,mt,$t=function(n){var e=n.iconName,t=n.alt,r=n.$width,o=void 0===r?"all-spacing-7":r,i=n.$height,a=void 0===i?"all-spacing-7":i;n.imageProps;var l=u(n,["iconName","alt","$width","$height","imageProps"]);return d.default.createElement(et,s({src:"https://".concat(process.env.NEXT_PUBLIC_OAK_ASSETS_HOST,"/").concat(process.env.NEXT_PUBLIC_OAK_ASSETS_PATH,"/").concat(bt[e]),alt:null!=t?t:e,$width:o,$height:a,placeholder:"empty",unoptimized:!0},l))},wt=n.css(ht||(ht=g(["\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n"])),z("row-gap",(function(n){return n.$rg}),D),z("column-gap",(function(n){return n.$cg}),D),z("grid-auto-rows",(function(n){return n.$gridAutoRows})),z("grid-template-areas",(function(n){return n.$gridTemplateAreas})),z("grid-template-columns",(function(n){return n.$gridTemplateColumns}))),xt=a.default(Me)(ft||(ft=g(["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n width: 100%;\n ","\n"],["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n width: 100%;\n ","\n"])),wt),kt=function(n,e){return n?"".concat(n,"/").concat(e):"".concat(e)},yt=function(n){if(null==n?void 0:n.includes("/")){var e=b(n.split("/"),2),t=e[0],r=e[1];return"".concat(t," / span ").concat(r)}return"span ".concat(n)},Ct=n.css(pt||(pt=g(["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"],["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"])),z("grid-column",(function(n){return Array.isArray(n.$colSpan)?n.$colSpan.map((function(e,t){return kt(Array.isArray(n.$colStart)?n.$colStart[t]:n.$colStart,e)})):kt(Array.isArray(n.$colStart)?n.$colStart[0]:n.$colStart,n.$colSpan)}),(function(n){return yt(n)})),z("grid-row",(function(n){return Array.isArray(n.$rowSpan)?n.$rowSpan.map((function(e,t){return kt(Array.isArray(n.$rowStart)?n.$rowStart[t]:n.$rowStart,e)})):kt(Array.isArray(n.$rowStart)?n.$rowStart[0]:n.$rowStart,n.$rowSpan)}),(function(n){return yt(n)})),z("order",(function(n){return n.$order}),(function(n){return n&&"".concat(n)})),z("grid-row",(function(n){return n.$rowSpan?"span ".concat(n.$rowSpan):"span 1"})),z("grid-column-start",(function(n){return n.$colStart})),z("grid-column-end",(function(n){return n.$colEnd})),z("grid-row-start",(function(n){return n.$rowStart}))),Et=a.default(Ae)(vt||(vt=g(["\n ","\n"],["\n ","\n"])),Ct),It=a.default(Ae)(mt||(mt=g([""],[""])));function jt(n,e){return n.toString().replace(function(n){var e=new URL(r.getCldImageUrl({src:"canary.jpg"},n));return e.origin+"/image/upload/"}(e),"")}It.defaultProps={$maxWidth:["all-spacing-21","all-spacing-24"],$ph:["inner-padding-none","inner-padding-s"],$flexDirection:"column",$flexGrow:1,$width:"100%",$mh:"auto"};var zt,St,Bt,Nt,Tt,Mt,Ot,At,Dt,Lt,qt,Rt,Gt,Ft,Pt,Wt,Yt,Ht,Qt,Ut,Zt,Vt,Xt,_t=e.createContext(void 0),Jt=_t.Provider,Kt=n.css(zt||(zt=g(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"],["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"]))),nr=a.default.span(St||(St=g(["\n ","\n"],["\n ","\n"])),Kt),er=n.keyframes(Bt||(Bt=g(["\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n"],["\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n"]))),tr=a.default.span(Ot||(Ot=g(["\n ",'\n --inner-width: calc(var(--width) / 10 * 8);\n --thickness: calc(var(--width) / 12);\n\n position: absolute;\n display: inline-flex;\n width: var(--width);\n height: var(--width);\n\n ::after {\n content: " ";\n display: block;\n width: var(--inner-width);\n height: var(--inner-width);\n margin: var(--thickness);\n border-radius: 50%;\n border: var(--thickness) solid currentcolor;\n ',"\n animation: "," 1.2s linear infinite;\n }\n ","\n"],["\n ",'\n --inner-width: calc(var(--width) / 10 * 8);\n --thickness: calc(var(--width) / 12);\n\n position: absolute;\n display: inline-flex;\n width: var(--width);\n height: var(--width);\n\n ::after {\n content: " ";\n display: block;\n width: var(--inner-width);\n height: var(--inner-width);\n margin: var(--thickness);\n border-radius: 50%;\n border: var(--thickness) solid currentcolor;\n ',"\n animation: "," 1.2s linear infinite;\n }\n ","\n"])),(function(e){return e.$width?z("--width",(function(n){return n.$width}),D):n.css(Nt||(Nt=g(["\n --width: 1.25rem;\n "],["\n --width: 1.25rem;\n "])))}),(function(e){return e.loaderColor?n.css(Tt||(Tt=g(["\n border-color: "," ","\n "," transparent;\n "],["\n border-color: "," ","\n "," transparent;\n "])),e.loaderColor,e.loaderColor,e.loaderColor):n.css(Mt||(Mt=g(["\n border-color: currentcolor currentcolor currentcolor transparent;\n "],["\n border-color: currentcolor currentcolor currentcolor transparent;\n "])))}),er,S),rr=function(n){return d.default.createElement(tr,s({},n),d.default.createElement(nr,null,"Loading"))},or=n.css(At||(At=g(["\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n text-align: left;\n font-family: unset;\n outline: none;\n ","\n ","\n ","\n ","\n ","\n ","\n &:disabled {\n pointer-events: none;\n cursor: default;\n }\n"],["\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n text-align: left;\n font-family: unset;\n outline: none;\n ","\n ","\n ","\n ","\n ","\n ","\n &:disabled {\n pointer-events: none;\n cursor: default;\n }\n"])),Se,S,_n,me,ve,xe),ir=a.default((function(n){var t=n.onClick,r=n.onHovered,o=n.element,i=void 0===o?"button":o,a=u(n,["onClick","onHovered","element"]),l=e.useRef(Date.now());return d.default.createElement(i,s({},a,{onClick:function(n){t&&t(n)},onMouseEnter:function(){l.current=Date.now()},onMouseLeave:function(n){var e=Date.now()-l.current;r&&r(n,e)}}))}))(Dt||(Dt=g(["\n ","\n"],["\n ","\n"])),or),ar=a.default(ir)(qt||(qt=g(["\n ","\n ","\n display: inline-block;\n ","\n"],["\n ","\n ","\n display: inline-block;\n ","\n"])),Mn,On,(function(e){return n.css(Lt||(Lt=g(["\n &:hover {\n text-decoration: underline;\n color: ",";\n background: ",";\n border-color: ",";\n }\n &:active {\n background: ",";\n border-color: ",";\n color: ",";\n }\n &:disabled {\n background: ",";\n border-color: ",";\n color: ",";\n }\n "],["\n &:hover {\n text-decoration: underline;\n color: ",";\n background: ",";\n border-color: ",";\n }\n &:active {\n background: ",";\n border-color: ",";\n color: ",";\n }\n &:disabled {\n background: ",";\n border-color: ",";\n color: ",";\n }\n "])),v(e.$hoverTextColor),v(e.$hoverBackground),v(e.$hoverBorderColor),v(e.$defaultBackground),v(e.$defaultBorderColor),v(e.$defaultTextColor),v(e.$disabledBackground),v(e.$disabledBorderColor),v(e.$disabledTextColor))})),dr=a.default(Me)(Rt||(Rt=g(["\n .grey-shadow:has(+ * + .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:hover),\n .yellow-shadow:has(+ .internal-button:hover:not(:focus-visible, :active)) {\n box-shadow: ",";\n }\n .grey-shadow:has(+ * + .internal-button:hover) {\n box-shadow: none;\n }\n .grey-shadow:has(+ * + .internal-button:active) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:active) {\n box-shadow: ",";\n }\n"],["\n .grey-shadow:has(+ * + .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:hover),\n .yellow-shadow:has(+ .internal-button:hover:not(:focus-visible, :active)) {\n box-shadow: ",";\n }\n .grey-shadow:has(+ * + .internal-button:hover) {\n box-shadow: none;\n }\n .grey-shadow:has(+ * + .internal-button:active) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:active) {\n box-shadow: ",";\n }\n"])),we("drop-shadow-centered-grey"),we("drop-shadow-centered-lemon"),(function(n){return we(n.$hoverShadow)}),we("drop-shadow-grey"),we("drop-shadow-lemon")),lr=function(n){var e=n.element,t=void 0===e?"button":e,r=n.children,o=n.iconName,i=n.isTrailingIcon,a=n.isLoading,l=n.disabled,c=n.width,b=n.maxWidth,g=n.defaultBackground,h=n.defaultBorderColor,f=n.defaultTextColor,p=n.disabledTextColor,v=n.hoverTextColor,m=n.hoverBackground,$=n.hoverBorderColor,w=n.disabledBackground,x=n.disabledBorderColor,k=n.className,y=n.hoverShadow,C=void 0===y?"drop-shadow-lemon":y,E=u(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","defaultBackground","defaultBorderColor","defaultTextColor","disabledTextColor","hoverTextColor","hoverBackground","hoverBorderColor","disabledBackground","disabledBorderColor","className","hoverShadow"]),I=d.default.createElement(d.default.Fragment,null,o&&d.default.createElement($t,{iconName:o,$width:"all-spacing-6",$height:"all-spacing-6",$colorFilter:n.disabled?p:f})),j=d.default.createElement(Me,{$width:"all-spacing-6",$height:"all-spacing-6"},d.default.createElement(rr,{$width:"all-spacing-6"})),z=d.default.createElement(d.default.Fragment,null,a&&!l?j:I);return d.default.createElement(dr,{className:k,$position:"relative",$width:c,$maxWidth:b,$hoverShadow:C},d.default.createElement(Me,{className:"grey-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),d.default.createElement(Me,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),d.default.createElement(ar,s({element:t,className:"internal-button",$ba:"border-solid-m",$background:g,$borderColor:h,$color:f,$pv:"inner-padding-xs",$ph:"inner-padding-s",$borderRadius:"border-radius-s",$position:"relative",disabled:l||a,$width:"100%",$height:"100%",$hoverTextColor:v,$hoverBackground:m,$hoverBorderColor:$,$defaultTextColor:f,$defaultBackground:g,$defaultBorderColor:h,$disabledTextColor:p,$disabledBackground:w,$disabledBorderColor:x},E),d.default.createElement(Ae,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-ssx",$justifyContent:"center"},!i&&z,d.default.createElement(De,{$font:"body-1-bold"},r),i&&z)))},cr=function(n){var e=n.element,t=u(n,["element"]);return d.default.createElement(lr,s({element:null!=e?e:"button",defaultBorderColor:"bg-btn-primary",defaultBackground:"bg-btn-primary",defaultTextColor:"text-inverted",hoverBackground:"bg-btn-primary-hover",hoverBorderColor:"bg-btn-primary-hover",hoverTextColor:"text-inverted",disabledBackground:"bg-btn-primary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-inverted"},t))},sr=function(n){var e=n.element,t=u(n,["element"]);return d.default.createElement(lr,s({element:null!=e?e:"button",defaultBorderColor:"bg-btn-secondary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary",hoverBorderColor:"bg-btn-secondary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary",disabledBorderColor:"bg-btn-secondary",disabledTextColor:"text-disabled",hoverShadow:null},t))},ur=a.default(ir)(Ft||(Ft=g(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),Mn,On,(function(e){return n.css(Gt||(Gt=g(["\n &:hover {\n text-decoration: underline;\n color: ",";\n }\n &:active {\n color: ",";\n }\n &:disabled {\n color: ",";\n }\n "],["\n &:hover {\n text-decoration: underline;\n color: ",";\n }\n &:active {\n color: ",";\n }\n &:disabled {\n color: ",";\n }\n "])),v(e.$hoverTextColor),v(e.$defaultTextColor),v(e.$disabledTextColor))})),br=a.default(Me)(Wt||(Wt=g(["\n > :first-child:focus-visible .shadow {\n box-shadow: ",",\n ",";\n }\n > :first-child:hover .shadow {\n box-shadow: ",";\n }\n > :first-child:active .shadow {\n box-shadow: ",",\n ",";\n }\n ","\n"],["\n > :first-child:focus-visible .shadow {\n box-shadow: ",",\n ",";\n }\n > :first-child:hover .shadow {\n box-shadow: ",";\n }\n > :first-child:active .shadow {\n box-shadow: ",",\n ",";\n }\n ","\n"])),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),we("drop-shadow-lemon"),we("drop-shadow-lemon"),we("drop-shadow-grey"),(function(e){return n.css(Pt||(Pt=g(["\n > :first-child:disabled .icon-container {\n background: ",";\n }\n > :first-child:hover .icon-container {\n background: ",";\n }\n > :first-child:active .icon-container {\n background: ",";\n }\n "],["\n > :first-child:disabled .icon-container {\n background: ",";\n }\n > :first-child:hover .icon-container {\n background: ",";\n }\n > :first-child:active .icon-container {\n background: ",";\n }\n "])),v(e.$disabledIconBackground),v(e.$hoverIconBackground),v(e.$defaultIconBackground))})),gr=function(n){var e=n.element,t=void 0===e?"button":e,r=n.children,o=n.iconName,i=n.isTrailingIcon,a=n.isLoading,l=n.disabled,c=n.width,b=n.maxWidth,g=n.iconBackgroundSize,h=n.iconSize,f=n.disabledIconBackground,p=n.disabledTextColor,v=n.defaultIconColor,m=n.hoverIconBackground,$=n.defaultIconBackground,w=n.disabledIconColor,x=n.defaultTextColor,k=n.hoverTextColor,y=n.className,C=u(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","iconBackgroundSize","iconSize","disabledIconBackground","disabledTextColor","defaultIconColor","hoverIconBackground","defaultIconBackground","disabledIconColor","defaultTextColor","hoverTextColor","className"]),E=d.default.createElement(d.default.Fragment,null,o&&d.default.createElement($t,{iconName:o,$width:h,$height:h,$colorFilter:n.disabled?w:v||null})),I=d.default.createElement(Me,{$width:h,$height:h},d.default.createElement(rr,{$width:h,loaderColor:"white"})),j=d.default.createElement(Ae,{className:"icon-container",$background:n.defaultIconBackground,$color:n.defaultTextColor,$borderRadius:"border-radius-circle",$position:"relative",$width:g,$height:g,$alignItems:"center",$justifyContent:"center",$minWidth:g},d.default.createElement(Me,{className:"shadow",$position:"absolute",$borderRadius:"border-radius-circle",$width:"100%",$height:"100%"}),a&&!l?I:E);return d.default.createElement(br,{className:y,$position:"relative",$width:c,$maxWidth:b,$disabledIconBackground:f,$hoverIconBackground:m,$defaultIconBackground:$},d.default.createElement(ur,s({element:null!=t?t:"button"},C,{$hoverTextColor:k,$defaultTextColor:x,$disabledTextColor:p,$color:x,$position:"relative",disabled:l||a}),d.default.createElement(Ae,{$flexDirection:"row",$alignItems:"center",$gap:r?"space-between-xs":"space-between-none",$justifyContent:"center"},!i&&j,d.default.createElement(De,{$font:"body-1-bold"},r),i&&j)))},hr=e.createContext({currentValue:"default",name:"default"}),fr=a.default(ut)(Ht||(Ht=g(["\n ","\n\n display: flex;\n ","\n ","\n"],["\n ","\n\n display: flex;\n ","\n ","\n"])),(function(e){return!e.disabled&&n.css(Yt||(Yt=g(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),z("gap",(function(n){return n.$labelGap}),D),z("align-items",(function(n){return n.$labelAlignItems}))),pr=a.default.input.attrs({type:"radio"})(Ut||(Ut=g(["\n position: absolute;\n opacity: 0;\n ","\n"],["\n position: absolute;\n opacity: 0;\n ","\n"])),(function(e){return!e.disabled&&n.css(Qt||(Qt=g(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),vr=a.default(Ae)(Vt||(Vt=g(["\n border-radius: 50%;\n\n ","\n\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"],["\n border-radius: 50%;\n\n ","\n\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"])),(function(e){return!e.$disableFocusRing&&n.css(Zt||(Zt=g(["\n ",':focus-visible ~ &::before {\n content: "";\n height: ',";\n width: ",';\n background: "transparent"\n display: block;\n position: absolute;\n border-radius: 50%;\n border: '," ",";\n box-shadow: ",";\n }"],["\n ",':focus-visible ~ &::before {\n content: "";\n height: ',";\n width: ",';\n background: "transparent"\n display: block;\n position: absolute;\n border-radius: 50%;\n border: '," ",";\n box-shadow: ",";\n }"])),pr,D("all-spacing-7"),D("all-spacing-7"),ne("border-solid-m"),v("grey60"),"inset 0 0 0 0.13rem ".concat(v("lemon")))}),pr,(function(n){return D(n.$radioInnerSize)}),(function(n){return D(n.$radioInnerSize)}),v("black"),ne("border-solid-m"),v("white")),mr=a.default(vr)(Xt||(Xt=g(["\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"],["\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"])),pr,(function(n){return D(n.$radioInnerSize)}),(function(n){return D(n.$radioInnerSize)}),v("bg-btn-primary-disabled"),ne("border-solid-m"),v("white")),$r=e.forwardRef((function(n,t){var r=e.useContext(hr),o=r.currentValue,i=r.name,a=r.onValueUpdated,l=n.id,c=n.label,b=n.value,g=n.tabIndex,h=n.disabled,f=n.$labelGap,p=void 0===f?"space-between-ssx":f,v=n.$labelAlignItems,m=void 0===v?"center":v,$=n.$font,w=void 0===$?"body-1":$,x=n["data-testid"],k=n.disableFocusRing,y=void 0!==k&&k,C=n.radioInnerSize,E=void 0===C?"all-spacing-4":C,I=n.radioOuterSize,j=void 0===I?"all-spacing-6":I,z=n.radioBorderWidth,S=void 0===z?"border-solid-m":z,B=n.checkedRadioBorderWidth,N=void 0===B?"border-solid-m":B,T=u(n,["id","label","value","tabIndex","disabled","$labelGap","$labelAlignItems","$font","data-testid","disableFocusRing","radioInnerSize","radioOuterSize","radioBorderWidth","checkedRadioBorderWidth"]),M=b===o,O=h||r.disabled,A=M?N:S;return d.default.createElement(Me,s({},T),d.default.createElement(fr,{htmlFor:l,$labelAlignItems:m,$labelGap:p,$font:w,"data-testid":x,disabled:O},d.default.createElement(pr,{name:i,id:l,value:b,onChange:a,checked:b===o,tabIndex:g,disabled:O,ref:t}),O?d.default.createElement(mr,{$height:j,$width:j,$ba:A,$borderColor:"bg-btn-primary-disabled",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!y,$radioInnerSize:E}):d.default.createElement(vr,{$height:j,$width:j,$ba:A,$borderColor:"black",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!y,$radioInnerSize:E}),c))})),wr=e.forwardRef((function(n,t){var r=n.onHovered,o=u(n,["onHovered"]),i=e.useRef(Date.now());return d.default.createElement("input",s({ref:t,type:"checkbox",onMouseEnter:function(){i.current=Date.now()},onMouseLeave:function(){var e=Date.now()-i.current;r&&r(n.value,n.id,e)}},o,{name:n.id}))})),xr=a.default(wr)(Er||(Er=g(["\n /* removing default appearance */\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n margin: 0;\n outline: none;\n ","\n ","\n ","\n ","\n\n &:checked {\n ",";\n }\n\n &:disabled {\n pointer-events: none;\n }\n"],["\n /* removing default appearance */\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n margin: 0;\n outline: none;\n ","\n ","\n ","\n ","\n\n &:checked {\n ",";\n }\n\n &:disabled {\n pointer-events: none;\n }\n"])),ve,S,_n,On,(function(e){return n.css(Cr||(Cr=g(["\n background: ",";\n "],["\n background: ",";\n "])),v(e.$checkedBackground))}));xr.defaultProps={$borderRadius:"border-radius-xs",$ba:"border-solid-m",$borderColor:"text-primary",$checkedBackground:"text-primary"};var kr=a.default(xr)(zr||(zr=g(['\n /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n @media (hover: hover) {\n &:hover:not(&:checked):not(&:disabled)::after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 60%;\n height: 60%;\n transform: translate(-50%, -50%);\n border-radius: ',";\n background: ",";\n }\n }\n"],['\n /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n @media (hover: hover) {\n &:hover:not(&:checked):not(&:disabled)::after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 60%;\n height: 60%;\n transform: translate(-50%, -50%);\n border-radius: ',";\n background: ",";\n }\n }\n"])),(function(e){return n.css(Ir||(Ir=g(["\n ","\n "],["\n ","\n "])),ee(e.$hoverBorderRadius))}),(function(e){return n.css(jr||(jr=g(["\n ","\n "],["\n ","\n "])),v(e.$checkedBackground))}));kr.defaultProps={$hoverBorderRadius:"border-radius-xs"};var yr=n.css(Sr||(Sr=g(["\n &:focus-visible {\n box-shadow: ",";\n }\n"],["\n &:focus-visible {\n box-shadow: ",";\n }\n"])),we("drop-shadow-centered-lemon"));a.default(xr)(Br||(Br=g(["\n ","\n"],["\n ","\n"])),yr);var Cr,Er,Ir,jr,zr,Sr,Br,Nr,Tr,Mr,Or,Ar,Dr,Lr,qr,Rr,Gr,Fr,Pr,Wr,Yr,Hr,Qr=a.default(kr)(Nr||(Nr=g(["\n ","\n"],["\n ","\n"])),yr),Ur=a.default(ut)(Tr||(Tr=g(["\n display: flex;\n align-items: center;\n ","\n ","\n"],["\n display: flex;\n align-items: center;\n ","\n ","\n"])),z("gap",(function(n){return n.labelGap}),D),z("align-items",(function(n){return n.labelAlignItems}))),Zr=a.default(Ur)(Ar||(Ar=g(["\n ","\n @media (hover: hover) {\n &:hover {\n text-decoration: ",";\n }\n }\n"],["\n ","\n @media (hover: hover) {\n &:hover {\n text-decoration: ",";\n }\n }\n"])),(function(e){return e.disabled?n.css(Mr||(Mr=g(["\n pointer-events: none;\n "],["\n pointer-events: none;\n "]))):n.css(Or||(Or=g(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),(function(n){return n.disabled?"none":"underline"})),Vr=a.default(Me)(Dr||(Dr=g(["\n pointer-events: none;\n opacity: 0;\n\n input:checked + & {\n opacity: 1;\n }\n"],["\n pointer-events: none;\n opacity: 0;\n\n input:checked + & {\n opacity: 1;\n }\n"]))),Xr=function(n){var e=n.size,t=void 0===e?"all-spacing-6":e,r=n.iconPadding,o=void 0===r?"inner-padding-none":r,i=n.internalCheckbox,a=n.checkedIcon,l=void 0===a?d.default.createElement($t,{iconName:"tick",$width:"100%",$height:"100%",$colorFilter:"white"}):a;return d.default.createElement(Me,{$position:"relative",$width:t,$height:t},i,d.default.createElement(Vr,{$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$pa:o,$width:t,$height:t},l))},_r=a.default.input(Lr||(Lr=g(["\n appearance: none !important;\n border: 0;\n border-radius: 0;\n border-color: transparent;\n box-shadow: none;\n font-family: inherit;\n background: transparent;\n outline: none;\n color: inherit;\n\n @media (max-width: ","px) {\n /* iOS zooms in on inputs with font sizes <16px on mobile */\n font-size: 16px;\n }\n\n ::placeholder {\n color: ",";\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n appearance: none;\n }\n\n :disabled {\n cursor: not-allowed;\n }\n\n ","\n ","\n"],["\n appearance: none !important;\n border: 0;\n border-radius: 0;\n border-color: transparent;\n box-shadow: none;\n font-family: inherit;\n background: transparent;\n outline: none;\n color: inherit;\n\n @media (max-width: ","px) {\n /* iOS zooms in on inputs with font sizes <16px on mobile */\n font-size: 16px;\n }\n\n ::placeholder {\n color: ",";\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n appearance: none;\n }\n\n :disabled {\n cursor: not-allowed;\n }\n\n ","\n ","\n"])),j("small"),(function(n){var e=n.theme;return e&&e.uiColors&&v(e.uiColors["text-subdued"])}),_n,On),Jr=function(n){n.onInitialFocus,n.onFocus;var t=u(n,["onInitialFocus","onFocus"]),r=e.useRef(!1);return d.default.createElement(_r,s({},t,{onFocus:function(e){!r.current&&n.onInitialFocus&&(n.onInitialFocus(e),r.current=!0),n.onFocus&&n.onFocus(e)}}))},Kr=a.default(Ae)(Fr||(Fr=g(["\n &:hover {\n cursor: text;\n }\n\n &:focus-within {\n box-shadow: ",";\n }\n\n background: ",";\n\n ","\n\n ","\n\n ","\n"],["\n &:hover {\n cursor: text;\n }\n\n &:focus-within {\n box-shadow: ",";\n }\n\n background: ",";\n\n ","\n\n ","\n\n ","\n"])),(function(n){return n.$focusRingDropShadows.map((function(n){return we(n)})).join(",")}),(function(n){return v(n.$background)}),(function(e){return!e.$readOnly&&n.css(qr||(qr=g(["\n @media (hover: hover) {\n &:hover:not(:focus-within) {\n background: ",";\n }\n }\n "],["\n @media (hover: hover) {\n &:hover:not(:focus-within) {\n background: ",";\n }\n }\n "])),v(e.$hoverBackground))}),(function(e){return e.$readOnly&&n.css(Rr||(Rr=g(["\n border-color: ",";\n color: ",";\n "],["\n border-color: ",";\n color: ",";\n "])),v(e.$readOnlyBorderColor),v(e.$readOnlyColor))}),(function(e){return e.$disabled&&n.css(Gr||(Gr=g(["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "],["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "])),v(e.$disabledBackgroundColor),v(e.$disabledColor))})),no=function(n){var e,t,r,o=n.type,i=void 0===o?"text":o,a=n.borderColor,l=void 0===a?"border-primary":a,c=n.readOnlyBorderColor,b=void 0===c?"border-neutral":c,g=n.focusRingDropShadows,h=void 0===g?["drop-shadow-centered-lemon","drop-shadow-centered-grey"]:g,f=n.background,p=void 0===f?"bg-primary":f,v=n.hoverBackground,m=void 0===v?"bg-neutral":v,$=n.disabledBackgroundColor,w=void 0===$?"bg-neutral":$,x=n.color,k=void 0===x?"text-primary":x,y=n.disabledColor,C=void 0===y?"text-disabled":y,E=n.readOnlyColor,I=void 0===E?"text-subdued":E,j=n.validity,z=n.iconColor,S=void 0===z?"icon-inverted":z,B=n.validBorderColor,N=void 0===B?"border-success":B,T=n.invalidBorderColor,M=void 0===T?"border-error":T,O=n.validIconColor,A=void 0===O?"icon-success":O,D=n.invalidIconColor,L=void 0===D?"border-error":D,q=n.iconName,R=n.iconAlt,G=n.isTrailingIcon,F=void 0!==G&&G,P=n.width,W=n.maxWidth,Y=u(n,["type","borderColor","readOnlyBorderColor","focusRingDropShadows","background","hoverBackground","disabledBackgroundColor","color","disabledColor","readOnlyColor","validity","iconColor","validBorderColor","invalidBorderColor","validIconColor","invalidIconColor","iconName","iconAlt","isTrailingIcon","width","maxWidth"]);switch(j){case"valid":e=N,t=A,r=N;break;case"invalid":e=M,t=L,r=M;break;default:e=l,t=S,r=b}return d.default.createElement(Kr,{$width:"fit-content",$height:"fit-content",$borderStyle:"solid",$borderRadius:"border-radius-s",$ba:"border-solid-m",$borderColor:e,$focusRingDropShadows:h,$background:p,$hoverBackground:m,$disabledBackgroundColor:w,$readOnlyBorderColor:r,$disabledColor:C,$readOnlyColor:I,$color:k,$alignItems:"center",$position:"relative",$gap:"space-between-s",$ph:"inner-padding-l",$disabled:!!Y.disabled,$readOnly:!!Y.readOnly,onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.focus()}},!F&&q&&d.default.createElement($t,{iconName:q,$colorFilter:t,$pointerEvents:"none",alt:R}),d.default.createElement(Jr,s({type:i},Y,{$width:P,$maxWidth:W,$pv:"inner-padding-l",$height:"all-spacing-12"})),F&&q&&d.default.createElement($t,{iconName:q,$colorFilter:t,$pointerEvents:"none",alt:R}))},eo=function(n){var e=n.$background,t=void 0===e?"bg-decorative5-main":e,r=n.$borderRadius,o=void 0===r?"border-radius-circle":r,i=n.$width,a=void 0===i?"all-spacing-9":i,l=n.$height,c=void 0===l?"all-spacing-9":l,b=n.$pa,g=void 0===b?"inner-padding-ssx":b,h=n.className,f=u(n,["$background","$borderRadius","$width","$height","$pa","className"]),p=f.iconName?d.default.createElement($t,s({},f,{$height:"100%",$width:"100%"})):d.default.createElement(et,s({},f,{$height:"100%",$width:"100%"}));return d.default.createElement(Me,{className:h,$background:t,$borderRadius:o,$width:a,$height:c,$pa:g},p)},to=a.default(Ae)(Pr||(Pr=g(["\n width: max-content;\n pointer-events: none;\n"],["\n width: max-content;\n pointer-events: none;\n"]))),ro=a.default.svg(Wr||(Wr=g(["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"],["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"])),z("fill",(function(n){return n.$fill}),v)),oo=function(n){var e=n.isOpen,t=n.children,r=n.tooltip,o=n.$background,i=void 0===o?"black":o,a=n.$color,l=void 0===a?"text-inverted":a,c=n.$borderRadius,b=u(n,["isOpen","children","tooltip","$background","$color","$borderRadius"]);return d.default.createElement(Ae,{$position:"relative",$width:"fit-content",$height:"fit-content"},e&&d.default.createElement(Ae,{role:"tooltip",$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$transform:"translateY(calc(-100% - 16px))",$zIndex:"modal-dialog",$flexDirection:"column"},d.default.createElement(to,s({},b,{$position:"relative",$background:i,$color:l,$btr:c,$bbrr:c,$maxWidth:["all-spacing-20","all-spacing-22"]}),r,d.default.createElement(ro,{width:"16",height:"16",$fill:i},d.default.createElement("path",{d:"M0 0H16L8 8L0 16V0Z"})))),t)},io=function(n){var e=u(n,[]);return d.default.createElement(oo,s({$background:"bg-decorative5-main",$color:"text-primary",$pv:"inner-padding-m",$ph:"inner-padding-xl",$font:"heading-light-7",$borderRadius:"border-radius-m2"},e))},ao=a.default.a(Yr||(Yr=g(["\n border-radius: 50%;\n display: flex;\n width: fit-content;\n height: fit-content;\n border: none;\n padding: 0;\n outline: none;\n\n img {\n pointer-events: none;\n }\n\n &:not(:disabled) {\n cursor: pointer;\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n\n &:hover,\n &:focus-visible {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n &:disabled {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n"],["\n border-radius: 50%;\n display: flex;\n width: fit-content;\n height: fit-content;\n border: none;\n padding: 0;\n outline: none;\n\n img {\n pointer-events: none;\n }\n\n &:not(:disabled) {\n cursor: pointer;\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n\n &:hover,\n &:focus-visible {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n &:disabled {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n"])),we("drop-shadow-lemon"),we("drop-shadow-grey"),v("bg-btn-primary"),qe("text-inverted"),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),v("bg-btn-primary-disabled"),qe("text-inverted")),lo=a.default(Ae)(Hr||(Hr=g([""],[""])));lo.defaultProps={$pa:"inner-padding-xl",$flexDirection:"column",$flexGrow:1,$position:"relative"};var co,so=a.default(Me)(co||(co=g(["\n & > * {\n width: 100%;\n height: 100%;\n }\n"],["\n & > * {\n width: 100%;\n height: 100%;\n }\n"]))),uo=function(n){var e=n.backgroundElement,t=n.children,r=u(n,["backgroundElement","children"]);return d.default.createElement(lo,s({},r),d.default.createElement(so,{$position:"absolute",$inset:"space-between-none","aria-hidden":!0},e),d.default.createElement(Me,{$position:"relative"},t))};var bo,go,ho,fo,po,vo,mo,$o,wo,xo,ko,yo,Co,Eo,Io,jo,zo=a.default.svg(bo||(bo=g(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),z("fill",(function(n){return n.$fill}),v),z("stroke",(function(n){return n.$stroke}),v),z("stroke-width",(function(n){return n.$strokeWidth}),(function(n){if(n)return n in Jn?"".concat(T(Jn[n]),"rem"):void 0}))),So=function(n){var e=n.$pa,t=void 0===e?"inner-padding-xl":e,r=n.fill,o=void 0===r?"bg-decorative1-main":r,i=n.stroke,a=n.strokeWidth,l=n.$width,c=void 0===l?"fit-content":l,b=u(n,["$pa","fill","stroke","strokeWidth","$width"]);return d.default.createElement(uo,s({$pa:t,$width:c,backgroundElement:d.default.createElement(zo,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 457 120",preserveAspectRatio:"none",$fill:o,$stroke:i,$strokeWidth:a},d.default.createElement("path",{d:"M27.442 2.59c5.262-.362 11.96-.656 18.624-.932 4.374-.19 8.748-.371 12.712-.578 1.367-.07 3.042-.087 4.716-.095C65.032.976 66.57.959 67.903.907 91.858-.017 115.164.268 139.325.57l6.22.078c20.333.12 40.768.086 61.033-.13 6.664-.025 13.294-.043 19.957-.06C243.656.415 260.777.363 277.83.234c8.85-.07 17.667-.052 26.518-.035 12.132.026 24.366.052 36.771-.147 8.475-.138 17.633.087 26.757.302 3.725.087 7.45.182 11.107.25 3.69.061 7.347.139 10.969.217 4.511.095 8.988.19 13.499.259 13.464.207 30.619 1.519 30.619 1.519 3.588.449 7.074 1.32 10.286 2.59 2.973 1.304 4.682 4.135 6.391 6.967.717 1.165 1.435 2.33 2.221 3.384.273.363.342.812.376 1.26.034.406.102.82.307 1.175 3.52 6.388 2.427 12.604 1.299 19.044a27.243 27.243 0 0 0-.273 1.658 70.082 70.082 0 0 0 .478 16.273l.205 5.31c.171 4.575.342 9.133.854 13.683.274 2.357.205 4.705.137 7.07-.102 3.238-.205 6.492.547 9.808.547 2.261-.308 4.705-1.162 7.13-.342.993-.684 1.986-.923 2.962-.239.984-.546 1.951-.82 2.926-.342 1.2-.718 2.392-.991 3.6-1.196 5.379-4.511 8.435-11.756 9.134-2.392.233-4.75.518-7.142.855h-6.937c-5.263.371-11.961.656-18.624.932-4.375.19-8.749.371-12.713.579-1.367.069-3.041.086-4.716.095-1.538.008-3.075.025-4.408.086-23.956.924-47.262.639-71.422.337l-6.186-.078a3693.945 3693.945 0 0 0-61.033.129c-6.664.026-13.294.044-19.958.061-17.121.043-34.241.095-51.294.224-8.851.069-17.667.052-26.518.035-12.132-.026-24.366-.052-36.771.147-8.475.138-17.633-.087-26.758-.303-3.725-.086-7.45-.181-11.106-.25-3.69-.06-7.313-.138-10.97-.216-4.51-.095-8.987-.19-13.498-.259-18.932-.293-30.175-1.079-33.66-2.754-1.47-.38-2.871-.837-4.238-1.355-3.076-1.304-4.887-4.135-6.664-6.967-.752-1.165-1.47-2.331-2.29-3.384-.273-.363-.341-.812-.376-1.261-.034-.405-.102-.82-.307-1.174C0 95.664 1.128 89.448 2.324 83.008l.308-1.658c.478-5.421.341-10.869-.513-16.273-.102-1.77-.17-3.548-.24-5.318-.17-4.567-.375-9.125-.888-13.675-.273-2.357-.205-4.705-.136-7.07.102-3.238.205-6.493-.581-9.808-.547-2.262.341-4.705 1.196-7.13.342-.994.717-1.986.99-2.962.24-.984.548-1.96.855-2.927.376-1.2.752-2.39 1.025-3.6C5.605 7.21 9.022 4.154 16.574 3.455c2.495-.233 10.936-.855 10.936-.855l-.069-.009Z",vectorEffect:"non-scaling-stroke"}))},b))},Bo=function(n){var e=n.iconName,t=n.iconColor,r=void 0===t?"text-primary":t,o=n.iconWidth,i=void 0===o?["all-spacing-11","all-spacing-16"]:o,a=n.iconHeight,l=void 0===a?["all-spacing-11","all-spacing-16"]:a,c=n.alt,b=n.$width,g=void 0===b?["all-spacing-13","all-spacing-17"]:b,h=n.$height,f=void 0===h?["all-spacing-13","all-spacing-17"]:h,p=n.$alignItems,v=void 0===p?"center":p,m=n.$justifyContent,$=void 0===m?"center":m,w=u(n,["iconName","iconColor","iconWidth","iconHeight","alt","$width","$height","$alignItems","$justifyContent"]);return d.default.createElement(So,s({$width:g,$height:f,$alignItems:v,$justifyContent:$},w),d.default.createElement($t,{iconName:e,alt:c,$height:l,$width:i,$colorFilter:r}))},No=a.default(Ae)(go||(go=g(["\n aspect-ratio: 2 / 1;\n"],["\n aspect-ratio: 2 / 1;\n"]))),To=function(){return d.default.createElement(No,{$alignItems:"center",$justifyContent:"center",$position:"relative",$width:["all-spacing-8","all-spacing-9","all-spacing-10"]},d.default.createElement(zo,{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 56 27",$fill:"bg-icon"},d.default.createElement("path",{d:"M6.421 0c8.661.839 17.303.834 26.16.714a89.843 89.843 0 0 1 4.834-.013c6.333.32 12.39.317 18.506-.275 0 1.26.178 2.352 0 3.44-.276 1.38-.829 2.759-1.342 4.15-.138.354-.532.706-.808 1.06-.445.248-.63.5-.553.753 1.598 1.093-.256 2.185 0 3.277.276 1.529 1.322 3.058 1.204 4.572-.138 1.771-1.046 3.543-1.973 5.312-.288.4-1.065.792-2.309 1.169-2.288.755-4.103 1.67-11.206 1.965-9.936.417-20.953.385-30.678-.09-2.447-.12-4.38-.532-5.209-.853-1.035-.458-1.52-.929-1.44-1.4C.937 18.988-.109 14.194.01 9.4c0-2.645 1.973-5.29 3.413-7.933.237-.424 1.697-.839 3-1.468Z"})),d.default.createElement(Ae,{$position:"absolute",$inset:"all-spacing-0",$alignItems:"center",$justifyContent:"center"},d.default.createElement(De,{$color:"lemon",$font:["body-3-bold","body-3-bold","heading-7"]},"New")))},Mo=a.default(xr)(ho||(ho=g(["\n &:checked:not(:disabled) {\n border: ",";\n border-color: ",";\n }\n\n &:checked:disabled {\n border: ",";\n border-color: ",";\n }\n\n @media (hover: hover) {\n &:hover:not(:disabled) {\n background: ",";\n }\n }\n"],["\n &:checked:not(:disabled) {\n border: ",";\n border-color: ",";\n }\n\n &:checked:disabled {\n border: ",";\n border-color: ",";\n }\n\n @media (hover: hover) {\n &:hover:not(:disabled) {\n background: ",";\n }\n }\n"])),ne("border-solid-l"),v("border-primary"),ne("border-solid-l"),v("text-disabled"),v("bg-primary")),Oo=a.default(Zr)(fo||(fo=g(["\n pointer-events: none; // To prevent the label from stealing the click event from the input\n"],["\n pointer-events: none; // To prevent the label from stealing the click event from the input\n"]))),Ao=a.default(Ae)($o||($o=g(["\n &:has(input:not(:disabled)) {\n cursor: pointer;\n }\n\n &:has(input:disabled) {\n pointer-events: none;\n cursor: none;\n }\n\n @media (hover: hover) {\n &:hover:has(input:not(:disabled)){\n background-color: ",";\n }\n\n &:hover input:not(:disabled) {\n background: ",";\n }\n\n &:hover:has(input:not(:disabled)) "," {\n text-decoration: underline;\n }\n\n &:hover:has(\n ",' input:not(:focus-visible):not(:checked):not(:disabled)\n )::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\n ",";\n }\n"],["\n &:has(input:not(:disabled)) {\n cursor: pointer;\n }\n\n &:has(input:disabled) {\n pointer-events: none;\n cursor: none;\n }\n\n @media (hover: hover) {\n &:hover:has(input:not(:disabled)){\n background-color: ",";\n }\n\n &:hover input:not(:disabled) {\n background: ",";\n }\n\n &:hover:has(input:not(:disabled)) "," {\n text-decoration: underline;\n }\n\n &:hover:has(\n ",' input:not(:focus-visible):not(:checked):not(:disabled)\n )::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\n ",";\n }\n"])),v("bg-decorative1-subdued"),v("bg-primary"),Zr,Zr,ne("border-solid-xl"),ee("border-radius-m2"),Zr,we("drop-shadow-centered-lemon"),Zr,we("drop-shadow-centered-grey"),ne("border-solid-xl"),ee("border-radius-m2"),ne("border-solid-xl"),ee("border-radius-m2"),(function(e){var t;return n.css(po||(po=g(["\n ","\n "],["\n ","\n "])),v(null!==(t=e.overlayBorderColor)&&void 0!==t?t:"text-disabled"))}),(function(e){return e.feedbackBgColor?n.css(vo||(vo=g(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),e.feedbackBgColor):void 0}),(function(e){return n.css(mo||(mo=g(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),v(e.feedbackBgColor))})),Do=a.default(Me)(wo||(wo=g(["\n pointer-events: none;\n"],["\n pointer-events: none;\n"]))),Lo=a.default(Ae)(Co||(Co=g(["\n ","\n\n &:hover {\n cursor: ",";\n }\n\n &:focus-within {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"],["\n ","\n\n &:hover {\n cursor: ",";\n }\n\n &:focus-within {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"])),(function(e){return!!e.$outlineColor&&n.css(xo||(xo=g(["\n outline: ","\n ",";\n "],["\n outline: ","\n ",";\n "])),ne("border-solid-xl"),v(e.$outlineColor))}),(function(n){return n.$disabled?"default":"pointer"}),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),(function(e){return!e.$disabled&&n.css(ko||(ko=g(["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "],["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "])),v("bg-decorative1-subdued"))}),(function(e){return!e.$disabled&&!e.$checked&&n.css(yo||(yo=g(['\n &:hover:not(:focus-within)::after {\n pointer-events: none;\n content: "";\n position: absolute;\n inset: 0;\n border-radius: ',";\n border-bottom: "," ",";\n }\n "],['\n &:hover:not(:focus-within)::after {\n pointer-events: none;\n content: "";\n position: absolute;\n inset: 0;\n border-radius: ',";\n border-bottom: "," ",";\n }\n "])),ee("border-radius-m2"),ne("border-solid-l"),v("grey60"))})),qo=a.default(gr)(Eo||(Eo=g(["\n &:hover .shadow {\n box-shadow: none !important;\n }\n &:active .shadow {\n box-shadow: ",",\n "," !important;\n }\n"],["\n &:hover .shadow {\n box-shadow: none !important;\n }\n &:active .shadow {\n box-shadow: ",",\n "," !important;\n }\n"])),we("drop-shadow-lemon"),we("drop-shadow-grey")),Ro=function(n){var e=n.isOpen,t=n.disabled;return d.default.createElement(qo,{iconName:e&&!t?"lightbulb-yellow":"lightbulb",defaultIconBackground:e?"black":"bg-decorative5-main",hoverIconBackground:e?"black":"bg-decorative5-main",defaultTextColor:"text-primary",hoverTextColor:"text-primary",disabledIconBackground:"bg-btn-primary-disabled",disabledTextColor:"text-disabled",disabledIconColor:"white",onClick:n.onClick,isLoading:n.isLoading,disabled:n.disabled,iconBackgroundSize:"all-spacing-8",iconSize:"all-spacing-6"},e?"Close hint":"Need a hint?")},Go=function(n){var t=n.hint,r=b(e.useState(!1),2),o=r[0],i=r[1];return d.default.createElement(io,{tooltip:t,isOpen:o},d.default.createElement(Ro,{isOpen:o,onClick:function(){i(!o)}}))},Fo=function(n){var e,t=n.feedback,r=n.answerFeedback;switch(t){case"correct":e="Correct";break;case"incorrect":e="Incorrect";break;case"partially-correct":e="Almost correct"}return d.default.createElement(Me,null,d.default.createElement(Ae,{$gap:"space-between-xs"},d.default.createElement(eo,{iconName:"correct"===t?"tick":"cross",$pa:"inner-padding-none",$background:"correct"===t?"icon-success":"icon-error",$colorFilter:"text-inverted",$width:"all-spacing-6",$height:"all-spacing-6"}),d.default.createElement(De,{$font:"heading-6",$color:"correct"===t?"text-success":"text-error"},e)),d.default.createElement(De,{as:"p",$mt:"space-between-xs",$font:"correct"===t?"body-2-bold":"body-2"},r))},Po=a.default(Ae)(Io||(Io=g(["\n box-sizing: content-box;\n"],["\n box-sizing: content-box;\n"]))),Wo=a.default(De)(jo||(jo=g(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),j("small"));var Yo,Ho,Qo=a.default(Me)(Yo||(Yo=g(["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"],["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"])),j("small"),D("space-between-xl")),Uo=a.default(Me)(Ho||(Ho=g(["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"],["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"])));var Zo,Vo,Xo,_o,Jo,Ko=a.default(Me)(Zo||(Zo=g([""],[""]))),ni=a.default(eo)(Vo||(Vo=g(["\n width: ",";\n height: ",";\n padding: 0;\n\n background: transparent;\n\n img {\n filter: ",";\n }\n"],["\n width: ",";\n height: ",";\n padding: 0;\n\n background: transparent;\n\n img {\n filter: ",";\n }\n"])),D("all-spacing-8"),D("all-spacing-8"),(function(n){return qe(n.$disabled?"icon-disabled":"icon-inverted")})),ei=a.default(Ae)(_o||(_o=g(["\n outline: none;\n text-align: initial;\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"],["\n outline: none;\n text-align: initial;\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"])),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),(function(n){return n.$disabled&&"cursor: default"}),(function(e){return!e.$disabled&&n.css(Xo||(Xo=g(["\n cursor: pointer;\n\n &:hover,\n &:active {\n "," {\n text-decoration: underline;\n }\n\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n "],["\n cursor: pointer;\n\n &:hover,\n &:active {\n "," {\n text-decoration: underline;\n }\n\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n "])),Ko,ni,v("bg-btn-primary"),qe("icon-main"),we("drop-shadow-lemon"),we("drop-shadow-grey"))})),ti=a.default(Me)(Jo||(Jo=g(["\n flex: 1;\n"],["\n flex: 1;\n"])));function ri(n){switch(n){case"intro":return"intro";case"starter-quiz":case"exit-quiz":return"quiz";case"video":return"video"}}var oi,ii,ai=a.default(Ae)(oi||(oi=g(["\n outline: none;\n text-align: initial;\n"],["\n outline: none;\n text-align: initial;\n"]))),di=function(n){return!1===n.completed?li(n):d.default.createElement(Ae,{$gap:"space-between-sssx",$alignItems:"center"},d.default.createElement($t,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),"Completed")},li=function(n){switch(n.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(n.numQuestions," questions");case"exit-quiz":return"Check - ".concat(n.numQuestions," questions");case"video":return"Learn"}},ci=function(n){switch(n){case"intro":return"Intro";case"starter-quiz":return"Starter quiz";case"video":return"Watch video";case"exit-quiz":return"Exit quiz"}},si=function(n){switch(n){case"intro":return["bg-decorative2-very-subdued","border-decorative2","aqua"];case"starter-quiz":return["bg-decorative1-very-subdued","border-decorative1","mint"];case"video":return["bg-decorative4-very-subdued","border-decorative4","pink"];case"exit-quiz":return["bg-decorative5-very-subdued","border-decorative5","lemon"]}},ui=function(n){if(!1===n.completed)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return d.default.createElement(Me,null,d.default.createElement(De,{$font:"heading-4"},n.grade),d.default.createElement(De,{$font:"heading-6"}," / ",n.numQuestions));default:return null}},bi=a.default(cr)(ii||(ii=g(["\n pointer-events: none;\n"],["\n pointer-events: none;\n"]))),gi=function(n){var e=n.href,t=n.isCurrent,r=void 0!==t&&t,o=n.shallow,i=void 0===o||o,a=n.children;return r?d.default.createElement(bi,{element:"span","aria-current":"page"},a):d.default.createElement(sr,{element:c.default,href:e,shallow:i,isTrailingIcon:!0},a)};exports.HeadingTagComponent=rt,exports.OakBackLink=function(n){var e=n.as,t=n.label,r=void 0===t?"Back":t,o=u(n,["as","label"]);return d.default.createElement(ao,s({as:null!=e?e:"a","aria-label":r},o),d.default.createElement($t,{alt:"",iconName:"chevron-left",$width:"all-spacing-8",$height:"all-spacing-8"}))},exports.OakBox=Me,exports.OakBulletList=function(n){var e=n.listItems,t=u(n,["listItems"]);return d.default.createElement(De,s({},t),e.map((function(n,e){return d.default.createElement(De,{key:e},0!==e&&d.default.createElement(De,null," • "),d.default.createElement(De,null,n))})))},exports.OakCheckBox=function(n){var t=n.id,r=n.value,o=n.displayValue,i=void 0===o?r:o,a=n.disabled,l=void 0!==a&&a,c=n.defaultChecked,s=void 0!==c&&c,u=n.onChange,b=n.onFocus,g=n.onBlur,h=n.onHovered,f=n.iconPadding,p=void 0===f?"inner-padding-none":f,v=n.hoverBorderRadius,m=void 0===v?"border-radius-xs":v,$=n.checkboxSize,w=void 0===$?"all-spacing-6":$,x=n.checkboxBorder,k=void 0===x?"border-solid-m":x,y=n.checkboxBorderRadius,C=void 0===y?"border-radius-xs":y,E=n.defaultColor,I=void 0===E?"text-primary":E,j=n.disabledColor,z=void 0===j?"text-disabled":j,S=n.labelGap,B=void 0===S?"space-between-s":S,N=n.labelAlignItems,T=void 0===N?"center":N,M=n.checkedBackgroundFill,O=void 0===M||M,A=n.checkedIcon,D=e.useRef(Date.now()),L=l?z:I;return d.default.createElement(Ur,{htmlFor:t,labelGap:B,labelAlignItems:T,$color:L,disabled:l,onMouseEnter:function(){D.current=Date.now()},onMouseLeave:function(){var n=Date.now()-D.current;h&&h(r,t,n)},"data-testid":n["data-testid"]},d.default.createElement(Xr,{size:w,internalCheckbox:d.default.createElement(Qr,{id:t,value:r,$width:w,$height:w,$ba:k,$borderRadius:C,$borderColor:L,$checkedBackground:O?L:null,$hoverBorderRadius:m,onChange:u,onFocus:b,onBlur:g,defaultChecked:s,disabled:l}),checkedIcon:A,iconPadding:p}),i)},exports.OakCloudinaryConfigProvider=Jt,exports.OakCloudinaryImage=function(n){var t=n.cloudinaryId,o=n.unoptimized,i=void 0===o?t.endsWith(".svg"):o,a=u(n,["cloudinaryId","unoptimized"]),l=e.useContext(_t),c=jt(t,l);return d.default.createElement(et,s({as:r.CldImage,src:c,imageProps:{config:l},unoptimized:i},a))},exports.OakFieldError=function(n){var e=n.children;return e?d.default.createElement(Ae,{$alignItems:"center",$flexDirection:"row"},d.default.createElement(Ae,{$alignSelf:"flex-start",$mr:"space-between-s"},d.default.createElement($t,{iconName:"content-guidance",$colorFilter:"red"})),d.default.createElement(De,{$color:"red"},e)):null},exports.OakFlex=Ae,exports.OakForm=Le,exports.OakGrid=xt,exports.OakGridArea=Et,exports.OakHandDrawnCard=So,exports.OakHandDrawnCardWithIcon=Bo,exports.OakHeading=ot,exports.OakHintButton=Ro,exports.OakIcon=$t,exports.OakImage=et,exports.OakLI=ct,exports.OakLabel=ut,exports.OakLessonBottomNav=function(n){var e,t=n.hint,r=n.feedback,o=n.answerFeedback,i=n.children;switch(!0){case!!r:e=d.default.createElement(Fo,{feedback:r,answerFeedback:o});break;case!!t:e=d.default.createElement(Go,{hint:t});break;default:e=null}return d.default.createElement(Po,{$flexDirection:["column","row"],$pa:"inner-padding-m",$minHeight:"all-spacing-9",$gap:"space-between-m"},e,d.default.createElement(Ae,{$flexGrow:"1",$height:"fit-content",$alignSelf:"flex-end",$justifyContent:["initial","flex-end"],$width:["100%","auto"]},i))},exports.OakLessonLayout=function(n){var e=n.lessonSectionName,t=n.topNavSlot,r=n.bottomNavSlot,o=n.children,i=b(function(n){switch(n){case"overview":case"review":return["bg-decorative1-main","bg-primary","border-decorative1-stronger","bg-primary"];case"intro":return["bg-decorative2-subdued","bg-decorative2-very-subdued","border-inverted","bg-decorative2-subdued"];case"starter-quiz":return["bg-decorative1-main","bg-decorative1-very-subdued","border-inverted","bg-decorative1-subdued"];case"video":return["bg-decorative4-subdued","bg-primary","border-decorative4","bg-primary"];case"exit-quiz":return["bg-decorative5-main","bg-decorative5-very-subdued","border-inverted","bg-decorative5-subdued"]}}(e),4),a=i[0],l=i[1],c=i[2],s=i[3];return d.default.createElement(Qo,{$display:"flex",$width:"100%",$minHeight:"100%",$ph:["inner-padding-none","inner-padding-xl"],$background:a},d.default.createElement(Ae,{$flexDirection:"column",$flexGrow:1,$background:[s,l],$btr:[null,"border-radius-xl"],$bt:[null,"border-solid-xl"],$bh:[null,"border-solid-xl"],$borderColor:[null,c],$maxWidth:"all-spacing-24",$minHeight:"100%",$mh:"auto",$pt:["inner-padding-none","inner-padding-m"],$gap:["space-between-l","space-between-xl"]},t&&d.default.createElement(Me,{$pv:"inner-padding-l",$pl:["inner-padding-m","inner-padding-xs"],$pr:["inner-padding-m","inner-padding-none"],$mr:["space-between-none","space-between-l"],$background:["bg-primary","transparent"]},t),d.default.createElement(Ae,{$flexGrow:1,$flexDirection:"column"},o),r&&d.default.createElement(Uo,{$mh:["space-between-none","space-between-none","space-between-sssx"],$borderColor:c,$bt:"border-solid-xl",$background:["bg-primary",l]},r)))},exports.OakLessonNavItem=function(n){var e=n.as,t=n.lessonSectionName,r=n.progress,o=n.disabled,i=n.href,a=n.onClick,l=u(n,["as","lessonSectionName","progress","disabled","href","onClick"]),c=b(function(n){switch(n){case"intro":return["bg-decorative2-very-subdued","bg-decorative2-main","border-decorative2-stronger"];case"starter-quiz":return["bg-decorative1-very-subdued","bg-decorative1-main","border-decorative1-stronger"];case"video":return["bg-decorative4-very-subdued","bg-decorative4-main","border-decorative4-stronger"];case"exit-quiz":return["bg-decorative5-very-subdued","bg-decorative5-main","border-decorative5-stronger"]}}(t),3),g=c[0],h=c[1],f=c[2];return d.default.createElement(ei,s({as:o?"div":null!=e?e:"a",$gap:"space-between-m",$alignItems:"center",$background:"not-started"===r?g:h,$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:f,$ba:"border-solid-l",$disabled:o,href:o?void 0:i,onClick:o?void 0:a},l),d.default.createElement(Ae,{$width:"all-spacing-13",$justifyContent:"center"},d.default.createElement($t,{iconName:ri(t),$width:"all-spacing-10",$height:"all-spacing-10"})),d.default.createElement(ti,null,d.default.createElement(Ko,{as:"strong",$font:["heading-6","heading-5"],$color:o?"text-disabled":"text-primary"},function(n){switch(n){case"intro":return"Intro";case"starter-quiz":return"Starter quiz";case"video":return"Watch video";case"exit-quiz":return"Exit quiz"}}(t)),d.default.createElement(Me,{$font:["body-2","body-1"]},function(n){switch(n.progress){case"not-started":return function(n){switch(n.lessonSectionName){case"intro":return"Get ready";case"starter-quiz":return"".concat(n.numQuestions," Questions");case"exit-quiz":return"Practice ".concat(n.numQuestions," questions");case"video":return"".concat(n.videoLength," min")}}(n);case"in-progress":return"In progress...";case"complete":return d.default.createElement(Ae,{$gap:"space-between-sssx",$alignItems:"center"},d.default.createElement($t,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),function(n){switch(n.lessonSectionName){case"intro":case"video":return"Completed";case"starter-quiz":case"exit-quiz":return d.default.createElement(d.default.Fragment,null,d.default.createElement(Me,{$display:["none","block"]},"Completed"),d.default.createElement(Me,{$display:["block","none"]},n.grade,"/",n.numQuestions," correct"))}}(n))}}(n))),function(n){if("complete"!==n.progress)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return d.default.createElement(Me,{$display:["none","block"],$mr:"space-between-m"},d.default.createElement(De,{$font:"heading-4"},n.grade),d.default.createElement(De,{$font:"heading-6"}," / ",n.numQuestions));default:return null}}(n),d.default.createElement(ni,{iconName:"chevron-right",$disabled:o}))},exports.OakLessonReviewItem=function(n){var e=n.completed,t=n.lessonSectionName,r=u(n,["completed","lessonSectionName"]),o=b(si(t),3),i=o[0],a=o[1],l=o[2],c=new Map;return c.set("intro","intro"),c.set("starter-quiz","quiz"),c.set("exit-quiz","quiz"),c.set("video","video"),d.default.createElement(ai,s({completed:e,$gap:"space-between-m",$alignItems:"center",$background:e?i:"white",$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:e?i:a,$ba:"border-solid-l"},r),d.default.createElement(eo,{iconName:c.get(t),$width:"all-spacing-10",$height:"all-spacing-10",$background:l}),d.default.createElement(Ae,{$flexGrow:1,$flexShrink:1,$flexDirection:"column"},d.default.createElement(Me,{$font:["heading-6","heading-5"],$color:"text-primary"},ci(t)),d.default.createElement(Me,{$font:["body-2","body-1"]},di(n))),ui(n))},exports.OakLessonTopNav=function(n){var e=n.lessonSectionName,t=n.backLinkSlot,r=n.counterSlot,o=n.heading,i=n.mobileSummary;return d.default.createElement(Ae,{$gap:"space-between-m",$alignItems:"center"},d.default.createElement(Me,{$pl:["inner-padding-none","inner-padding-s"]},t),d.default.createElement(Ae,{$flexGrow:"none"},d.default.createElement(eo,s({},function(n){switch(n){case"intro":return{iconName:"intro",$background:"aqua110"};case"starter-quiz":return{iconName:"quiz",$background:"mint110"};case"video":return{iconName:"video",$background:"pink110"};case"exit-quiz":return{iconName:"quiz",$background:"lemon110"}}}(e),{$width:"all-spacing-8",$height:"all-spacing-8"}))),d.default.createElement(Me,null,d.default.createElement(ot,{tag:"h1",$font:["heading-7","heading-5"]},o),d.default.createElement(Wo,{$font:"body-3"},i)),d.default.createElement(Ae,{$flexGrow:1,$justifyContent:"flex-end"},d.default.createElement(Me,{$display:["none","block"]},r)))},exports.OakLoadingSpinner=rr,exports.OakMaxWidth=It,exports.OakOL=dt,exports.OakP=it,exports.OakPrimaryButton=cr,exports.OakPrimaryInvertedButton=sr,exports.OakPrimaryNav=function(n){var e=n.ariaLabel,t=n.navItems;return d.default.createElement("nav",{"aria-label":e},d.default.createElement(Ae,{as:"ul",$flexDirection:["row"],$gap:"space-between-m",$mh:"space-between-none",$mv:"space-between-none",$ph:"inner-padding-none"},t.map((function(n,e){var t=n.href,r=n.isCurrent,o=n.children;return d.default.createElement(ct,{$listStyle:"none",key:e},d.default.createElement(gi,{href:t,isCurrent:r},o))}))))},exports.OakPrimaryNavItem=gi,exports.OakPromoTag=To,exports.OakQuizCheckBox=function(n){var t,r,o,i=n.id,a=n.value,l=n.feedback,c=n.image,b=n.disabled,g=n.innerRef,h=n.displayValue,f=u(n,["id","value","feedback","image","disabled","innerRef","displayValue"]),p=!!l,v=e.useRef(null),m=null!=g?g:v,$="correct"===l&&(null===(t=m.current)||void 0===t?void 0:t.checked)||"incorrect"===l&&!(null===(r=m.current)||void 0===r?void 0:r.checked),w="incorrect"===l&&(null===(o=m.current)||void 0===o?void 0:o.checked),x=d.default.createElement(Ae,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},d.default.createElement(Me,null,c),h),k=b&&!p?"bg-neutral-stronger":"bg-primary",y=$?"bg-correct":"bg-incorrect",C=$?"border-success":"border-error",E=d.default.createElement(Ao,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$borderColor:"border-primary",$background:k,$flexGrow:1,onClick:function(n){var e;n.target.id!==i&&(null===(e=m.current)||void 0===e||e.click())},overlayBorderColor:p?C:void 0,feedbackBgColor:p?y:void 0},d.default.createElement(Do,{className:"grey-shadow",$position:"absolute",$left:"space-between-none",$top:"space-between-none",$borderRadius:"border-radius-m2",$width:"100%",$height:"100%"}),d.default.createElement(Do,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-m2",$left:"space-between-none",$top:"space-between-none",$width:"100%",$height:"100%"}),d.default.createElement(Oo,{htmlFor:i,labelGap:"space-between-s",labelAlignItems:"center",$color:b&&!p?"text-disabled":"text-primary",$font:"body-1",disabled:b},d.default.createElement(Xr,{size:"all-spacing-7",iconPadding:"inner-padding-ssx",checkedIcon:d.default.createElement(Me,{$width:"100%",$height:"100%",$background:b||p?"text-disabled":"text-primary"},d.default.createElement(Me,{$ba:"border-solid-m",$borderColor:"white",$width:"100%",$height:"100%"})),internalCheckbox:d.default.createElement(Mo,s({id:i,value:a,disabled:b||p},f,{$width:"all-spacing-7",$height:"all-spacing-7",$ba:"border-solid-m",$borderColor:"border-neutral",$borderRadius:"border-radius-s",$checkedBackground:null,ref:m}))}),c?x:h),p&&($||w)&&d.default.createElement(Ae,{className:"feedbackIconWrapper",$flexGrow:1,$justifyContent:"flex-end",$alignItems:"flex-end",$height:"100%"},$&&d.default.createElement($t,{iconName:"tick",$colorFilter:"icon-success",alt:"correct"===l?"Correct":"Unselected correct choice"}),w&&d.default.createElement($t,{iconName:"cross",$colorFilter:"icon-error",alt:"Incorrect"})));return d.default.createElement(Ae,{$width:"100%",$position:"relative"},E)},exports.OakQuizCounter=function(n){var e=n.counter,t=n.total;return d.default.createElement(De,{$font:"heading-light-4",$color:"text-disabled"},d.default.createElement(De,{$font:"heading-4",$color:"text-primary"},e," "),"of ",t)},exports.OakQuizFeedback=Fo,exports.OakQuizHint=Go,exports.OakQuizRadioButton=function(n){var t,r,o=n.value,i=n.feedback,a=n.image,l=n.disabled,c=n.label,b=u(n,["value","feedback","image","disabled","label"]),g=!!i,h=e.useContext(hr).currentValue===o,f="bg-primary",p=null;switch(!0){case l&&!g:f="bg-neutral-stronger";break;case"correct"===i&&h:t="border-success",f="bg-correct",p="tick",r="Correct";break;case"incorrect"===i&&h:t="border-error",f="bg-incorrect",p="cross",r="Incorrect";break;case"incorrect"===i&&!h:p="tick",r="Unselected correct choice";break;case h&&!l:t="border-primary"}return d.default.createElement(Lo,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$justifyContent:"space-between",$position:"relative",$alignContent:"center",onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.click()},$disabled:l||g,$checked:h,$outlineColor:t,$background:f},d.default.createElement($r,s({value:o,disabled:l||g,$labelGap:"space-between-s",disableFocusRing:!0,radioInnerSize:"all-spacing-6",radioOuterSize:"all-spacing-7",checkedRadioBorderWidth:"border-solid-l",label:a?d.default.createElement(Ae,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},d.default.createElement(Me,null,a),c):c},b)),g&&p&&d.default.createElement(Ae,{$alignSelf:"flex-end"},d.default.createElement($t,{iconName:p,$colorFilter:"tick"===p?"icon-success":"icon-error",alt:r})))},exports.OakQuizTextInput=function(n){var e,t,r=n.feedback,o=n.readOnly,i=u(n,["feedback","readOnly"]),a=void 0;switch(r){case"correct":e="valid",t="tick",a="Correct";break;case"incorrect":e="invalid",t="cross",a="Incorrect"}return d.default.createElement(no,s({},i,{validity:e,iconName:t,iconAlt:a,readOnly:o||!!r,isTrailingIcon:!0}))},exports.OakRadioButton=$r,exports.OakRadioGroup=function(n){var t=n.name,r=n.children,o=n.label,i=n.onChange,a=n.$font,l=void 0===a?"body-1-bold":a,c=n.$gap,g=void 0===c?"space-between-s":c,h=n.disabled,f=n.value,p=n.defaultValue,v=void 0===p?"":p,m=u(n,["name","children","label","onChange","$font","$gap","disabled","value","defaultValue"]),$=b(e.useState(v),2),w=$[0],x=$[1];return d.default.createElement(Ae,s({role:"radiogroup",$gap:g},m),o&&d.default.createElement(ut,{$font:l},o),d.default.createElement(hr.Provider,{value:{currentValue:null!=f?f:w,name:t,disabled:h,onValueUpdated:function(n){void 0===f&&x(n.target.value),i&&i(n)}}},r))},exports.OakRoundIcon=eo,exports.OakSecondaryButton=function(n){var e=n.element,t=u(n,["element"]);return d.default.createElement(lr,s({element:null!=e?e:"button",defaultBorderColor:"text-primary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary-hover",hoverBorderColor:"text-primary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-disabled"},t))},exports.OakSpan=De,exports.OakSubjectIcon=function(n){var e=n.showPromoTag,t=u(n,["showPromoTag"]);return d.default.createElement(Me,{$width:"fit-content",$height:"fit-content",$position:"relative"},d.default.createElement(Bo,s({},t)),e&&d.default.createElement(Me,{$position:"absolute",$top:["all-spacing-0","all-spacing-2"],$left:["all-spacing-0","all-spacing-2"]},d.default.createElement(To,null)))},exports.OakTertiaryButton=function(n){var e=n.element,t=n.isTrailingIcon,r=n.iconName,o=n.children,i=u(n,["element","isTrailingIcon","iconName","children"]);return d.default.createElement(gr,s({element:null!=e?e:"button"},i,{isTrailingIcon:t,iconName:r,defaultIconColor:"white",disabledIconColor:"white",disabledIconBackground:"bg-btn-primary-disabled",defaultIconBackground:"black",hoverIconBackground:"bg-btn-primary-hover",defaultTextColor:"text-primary",hoverTextColor:"bg-btn-primary-hover",disabledTextColor:"text-disabled",iconBackgroundSize:"all-spacing-7",iconSize:"all-spacing-6"}),o)},exports.OakTextInput=no,exports.OakThemeProvider=function(e){var t=e.theme,r=e.children;return d.default.createElement(n.ThemeProvider,{theme:t},r)},exports.OakTooltip=io,exports.OakTypography=tt,exports.OakUL=at,exports.isValidIconName=function(n){return gt.includes(n)},exports.oakAllSpacingTokens=M,exports.oakBorderRadiusTokens=Kn,exports.oakBorderWidthTokens=Jn,exports.oakBoxCss=Te,exports.oakColorTokens=h,exports.oakDefaultTheme={name:"default",uiColors:{"text-primary":"black","text-subdued":"grey60","text-error":"red","text-disabled":"grey50","text-link-active":"navy","text-link-hover":"navy110","text-link-pressed":"navy120","text-link-visited":"navy120","text-inverted":"white","text-success":"oakGreen","text-warning":"amber","bg-primary":"white","bg-neutral":"grey20","bg-neutral-stronger":"grey30","bg-btn-primary":"black","bg-btn-primary-hover":"grey60","bg-btn-primary-disabled":"grey50","bg-btn-secondary":"white","bg-btn-secondary-hover":"grey20","bg-btn-secondary-disabled":"grey30","bg-icon":"black","bg-icon-hover":"grey60","bg-decorative1-main":"mint","bg-decorative1-subdued":"mint50","bg-decorative1-very-subdued":"mint30","bg-decorative2-main":"aqua","bg-decorative2-subdued":"aqua50","bg-decorative2-very-subdued":"aqua30","bg-decorative3-main":"lavender","bg-decorative3-subdued":"lavender50","bg-decorative3-very-subdued":"lavender30","bg-decorative4-main":"pink","bg-decorative4-subdued":"pink50","bg-decorative4-very-subdued":"pink30","bg-decorative5-main":"lemon","bg-decorative5-subdued":"lemon50","bg-decorative5-very-subdued":"lemon30","bg-correct":"mint50","bg-incorrect":"red30","icon-main":"white","icon-inverted":"black","icon-disabled":"grey50","icon-brand":"oakGreen","icon-success":"oakGreen","icon-error":"red","icon-warning":"amber","border-primary":"black","border-inverted":"white","border-neutral":"grey50","border-brand":"oakGreen","border-success":"oakGreen","border-error":"red","border-warning":"amber","border-decorative1":"mint","border-decorative1-stronger":"mint110","border-decorative2":"aqua","border-decorative2-stronger":"aqua110","border-decorative3":"lavender","border-decorative3-stronger":"lavender110","border-decorative4":"pink","border-decorative4-stronger":"pink110","border-decorative5":"lemon","border-decorative5-stronger":"lemon110","border-decorative6":"amber50","border-decorative6-stronger":"amber",transparent:"transparent"}},exports.oakDropShadowTokens=$e,exports.oakFontSizeTokens=je,exports.oakFontTokens=ze,exports.oakHeadingTags=["div","h1","h2","h3","h4","h5","h6"],exports.oakIconNames=gt,exports.oakInnerPaddingTokens=O,exports.oakOpacityTokens=ke,exports.oakSpaceBetweenTokens=A,exports.oakTransitionTokens=Ee,exports.oakUiRoleTokens=p;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|