@oaknational/oak-components 0.0.27

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+import n,{css as e,ThemeProvider as r,keyframes as o}from"styled-components";import t,{createContext as i,useContext as a,useRef as d,useState as c,forwardRef as l}from"react";import s from"next/image";import{getCldImageUrl as u,CldImage as b}from"next-cloudinary";var g=function(){return g=Object.assign||function(n){for(var e,r=1,o=arguments.length;r<o;r++)for(var t in e=arguments[r])Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n},g.apply(this,arguments)};function h(n,e){var r={};for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(r[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(n);t<o.length;t++)e.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(n,o[t])&&(r[o[t]]=n[o[t]])}return r}function p(n,e){var r="function"==typeof Symbol&&n[Symbol.iterator];if(!r)return n;var o,t,i=r.call(n),a=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(n){t={error:n}}finally{try{o&&!o.done&&(r=i.return)&&r.call(i)}finally{if(t)throw t.error}}return a}function v(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var m={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%)"},$=["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 w(n){if(null!=n)return n in m?m[n]:$.includes(n)?function(e){var r=e.theme.uiColors[n];return m[r]}:void 0}function x(n){return!!n}var y,k,E,I,C,z,S={small:750,large:1280},j=Object.values(S).sort((function(n,e){return n>e?1:-1})),M=function(n){return S[n]},N=function(n,r,o){return void 0===o&&(o=function(n){return n}),function(t){var i=function(r){return void 0===r?void 0:e(y||(y=v(["\n            ",": ",";\n          "],["\n            ",": ",";\n          "])),n,o(r))},a=r(t);if(void 0!==a)return Array.isArray(a)?0===a.length?[]:function(n,e,r){if(r||2===arguments.length)for(var o,t=0,i=e.length;t<i;t++)!o&&t in e||(o||(o=Array.prototype.slice.call(e,0,t)),o[t]=e[t]);return n.concat(o||Array.prototype.slice.call(e))}([e(E||(E=v(["\n        ","\n      "],["\n        ","\n      "])),i(a[0]))],p(j.slice(0,a.length).map((function(n,r){var o=a[r+1];if(void 0!==o)return e(C||(C=v(["\n            @media (min-width: ","px) {\n              ","\n            }\n          "],["\n            @media (min-width: ","px) {\n              ","\n            }\n          "])),n,e(I||(I=v(["\n                ","\n              "],["\n                ","\n              "])),i(o)))})).filter(x)),!1):e(k||(k=v(["\n        ","\n      "],["\n        ","\n      "])),i(a))}},A=e(z||(z=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("color",(function(n){return n.$color}),w),N("background",(function(n){return n.$background}),w)),B=16,D=3;function L(n){return Number((n/B).toFixed(D))}var T={"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},q={"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"},O={"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 G(n){if(null!=n)return n in T?"".concat(L(T[n]),"rem"):n in q?"".concat(L(T[q[n]]),"rem"):n in O?"".concat(L(T[O[n]]),"rem"):n}var F,R,P,W,Y,U,H,Z,Q,V,X,_,J,K,nn,en,rn,on,tn,an,dn,cn,ln,sn,un,bn,gn,hn,pn,vn,mn,fn,$n,wn,xn,yn,kn,En,In,Cn,zn,Sn,jn,Mn,Nn,An,Bn,Dn,Ln,Tn=e(F||(F=v(["\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("position",(function(n){return n.$position})),N("top",(function(n){return n.$top}),G),N("right",(function(n){return n.$right}),G),N("bottom",(function(n){return n.$bottom}),G),N("left",(function(n){return n.$left}),G),N("overflow",(function(n){return n.$overflow})),N("overflow-x",(function(n){return n.$overflowX})),N("overflow-y",(function(n){return n.$overflowY})),N("object-fit",(function(n){return n.$objectFit})),N("pointer-events",(function(n){return n.$pointerEvents})),N("visibility",(function(n){return n.$visibility}))),qn=e(R||(R=v(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),N("width",(function(n){return n.$width}),G),N("min-width",(function(n){return n.$minWidth}),G),N("max-width",(function(n){return n.$maxWidth}),G),N("height",(function(n){return n.$height}),G),N("min-height",(function(n){return n.$minHeight}),G),N("max-height",(function(n){return n.$maxHeight}),G)),On=e(P||(P=v(["\n  ","\n"],["\n  ","\n"])),N("padding",(function(n){return n.$pa}),G)),Gn=e(W||(W=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("padding-left",(function(n){return n.$ph}),G),N("padding-right",(function(n){return n.$ph}),G)),Fn=e(Y||(Y=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("padding-top",(function(n){return n.$pv}),G),N("padding-bottom",(function(n){return n.$pv}),G)),Rn=e(U||(U=v(["\n  ","\n"],["\n  ","\n"])),N("padding-left",(function(n){return n.$pl}),G)),Pn=e(H||(H=v(["\n  ","\n"],["\n  ","\n"])),N("padding-right",(function(n){return n.$pr}),G)),Wn=e(Z||(Z=v(["\n  ","\n"],["\n  ","\n"])),N("padding-top",(function(n){return n.$pt}),G)),Yn=e(Q||(Q=v(["\n  ","\n"],["\n  ","\n"])),N("padding-bottom",(function(n){return n.$pb}),G)),Un=e(V||(V=v(["\n  ","\n"],["\n  ","\n"])),N("margin",(function(n){return n.$ma}),G)),Hn=e(X||(X=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("margin-left",(function(n){return n.$mh}),G),N("margin-right",(function(n){return n.$mh}),G)),Zn=e(_||(_=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("margin-top",(function(n){return n.$mv}),G),N("margin-bottom",(function(n){return n.$mv}),G)),Qn=e(J||(J=v(["\n  ","\n"],["\n  ","\n"])),N("margin-left",(function(n){return n.$ml}),G)),Vn=e(K||(K=v(["\n  ","\n"],["\n  ","\n"])),N("margin-right",(function(n){return n.$mr}),G)),Xn=e(nn||(nn=v(["\n  ","\n"],["\n  ","\n"])),N("margin-top",(function(n){return n.$mt}),G)),_n=e(en||(en=v(["\n  ","\n"],["\n  ","\n"])),N("margin-bottom",(function(n){return n.$mb}),G)),Jn=e(rn||(rn=v(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),Un,Hn,Zn,Qn,Vn,Xn,_n),Kn=e(on||(on=v(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),On,Gn,Fn,Rn,Pn,Wn,Yn),ne=e(tn||(tn=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),Kn,Jn),ee={"border-solid-none":0,"border-solid-s":1,"border-solid-m":2,"border-solid-l":3,"border-solid-xl":4},re={"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},oe=function(n){if(null!=n)return n in ee?"".concat(L(ee[n]),"rem solid"):void 0},te=function(n){if(null!=n)return n in re?"".concat(L(re[n]),"rem"):void 0},ie=e(an||(an=v(["\n  ","\n"],["\n  ","\n"])),N("border",(function(n){return n.$ba}),oe)),ae=e(dn||(dn=v(["\n  ","\n"],["\n  ","\n"])),N("border-top",(function(n){return n.$bt}),oe)),de=e(cn||(cn=v(["\n  ","\n"],["\n  ","\n"])),N("border-right",(function(n){return n.$br}),oe)),ce=e(ln||(ln=v(["\n  ","\n"],["\n  ","\n"])),N("border-bottom",(function(n){return n.$bb}),oe)),le=e(sn||(sn=v(["\n  ","\n"],["\n  ","\n"])),N("border-left",(function(n){return n.$bl}),oe)),se=e(un||(un=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("border-left",(function(n){return n.$bh}),oe),N("border-right",(function(n){return n.$bh}),oe)),ue=e(bn||(bn=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("border-top",(function(n){return n.$bv}),oe),N("border-bottom",(function(n){return n.$bv}),oe)),be=e(gn||(gn=v(["\n  ","\n"],["\n  ","\n"])),N("border-color",(function(n){return n.$borderColor}),w)),ge=e(hn||(hn=v(["\n  ","\n"],["\n  ","\n"])),N("border-radius",(function(n){return n.$borderRadius}),te)),he=e(pn||(pn=v(["\n  ","\n"],["\n  ","\n"])),N("border-top-left-radius",(function(n){return n.$btlr}),te)),pe=e(vn||(vn=v(["\n  ","\n"],["\n  ","\n"])),N("border-top-right-radius",(function(n){return n.$btrr}),te)),ve=e(mn||(mn=v(["\n  ","\n"],["\n  ","\n"])),N("border-bottom-left-radius",(function(n){return n.$bblr}),te)),me=e(fn||(fn=v(["\n  ","\n"],["\n  ","\n"])),N("border-bottom-right-radius",(function(n){return n.$bbrr}),te)),fe=e($n||($n=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("border-top-left-radius",(function(n){return n.$btr}),te),N("border-top-right-radius",(function(n){return n.$btr}),te)),$e=e(wn||(wn=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("border-bottom-left-radius",(function(n){return n.$bbr}),te),N("border-bottom-right-radius",(function(n){return n.$bbr}),te)),we=e(xn||(xn=v(["\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"])),ie,ae,de,ce,le,se,ue,be,ge,he,pe,ve,me,fe,$e),xe=e(yn||(yn=v(["\n  ","\n"],["\n  ","\n"])),N("display",(function(n){return n.$display}))),ye={"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%)"},ke=function(n){if(n)return n in ye?ye[n]:void 0},Ee=e(kn||(kn=v(["\n  ","\n"],["\n  ","\n"])),N("box-shadow",(function(n){return n.$dropShadow}),ke)),Ie={transparent:0,"semi-transparent":.25,"semi-opaque":.5,opaque:1},Ce=e(En||(En=v(["\n  ","\n"],["\n  ","\n"])),N("opacity",(function(n){return n.$opacity}),(function(n){if(n)return n in Ie?Ie[n]:void 0}))),ze=e(In||(In=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),N("transform",(function(n){return n.$transform})),N("transform-origin",(function(n){return n.$transformOrigin}))),Se={"standard-ease":"all 0.3s ease","standard-transform":"rotate(-2deg) translateY(-16px) translateX(8px)"},je=e(Cn||(Cn=v(["\n  ","\n"],["\n  ","\n"])),N("transition",(function(n){return n.$transition}),(function(n){if(n)return n in Se?Se[n]:void 0}))),Me={"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},Ne={"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"]},Ae=e(zn||(zn=v(["\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"])),N("font-weight",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=Ne[n])||void 0===e?void 0:e[2]})),N("font-size",(function(n){return n.$font}),(function(n){var e;if(n){var r=null===(e=Ne[n])||void 0===e?void 0:e[0];if(r)return"".concat(L(Me[r]),"rem")}})),N("line-height",(function(n){return n.$font}),(function(n){var e;if(n){var r=null===(e=Ne[n])||void 0===e?void 0:e[1];if(r)return"".concat(L(r),"rem")}})),N("letter-spacing",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=Ne[n])||void 0===e?void 0:e[3]})),N("text-align",(function(n){return n.$textAlign})),N("text-decoration",(function(n){return n.$textDecoration})),N("white-space",(function(n){return n.$whiteSpace})),N("word-wrap",(function(n){return n.$wordWrap})),N("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},De=e(Sn||(Sn=v(["\n  ","\n"],["\n  ","\n"])),N("z-index",(function(n){return n.$zIndex}),(function(n){if(null!=n)return Be[n]}))),Le=e(Mn||(Mn=v(["\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"])),Tn,qn,ne,A,we,xe,Ee,Ce,ze,je,Ae,De,(function(n){return n.onClick&&e(jn||(jn=v(["\n      :hover {\n        cursor: pointer;\n      }\n    "],["\n      :hover {\n        cursor: pointer;\n      }\n    "])))})),Te=n.div(Nn||(Nn=v(["\n  ","\n"],["\n  ","\n"])),Le),qe=e(An||(An=v(["\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"])),N("flex-direction",(function(n){return n.$flexDirection})),N("flex-wrap",(function(n){return n.$flexWrap})),N("align-items",(function(n){return n.$alignItems})),N("align-content",(function(n){return n.$alignContent})),N("justify-content",(function(n){return n.$justifyContent})),N("align-self",(function(n){return n.$alignSelf})),N("order",(function(n){return n.$order})),N("flex-grow",(function(n){return n.$flexGrow})),N("flex-shrink",(function(n){return n.$flexShrink})),N("flex-basis",(function(n){return n.$flexBasis}),G),N("gap",(function(n){return n.$gap}),G),N("column-gap",(function(n){return n.$columnGap}),G),N("row-gap",(function(n){return n.$rowGap}),G)),Oe=n(Te)(Bn||(Bn=v(["\n  ","\n"],["\n  ","\n"])),qe),Ge=n.span(Dn||(Dn=v(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),A,Ce,Jn,Kn,we,Ae),Fe=n.form(Ln||(Ln=v(["\n  ","\n"],["\n  ","\n"])),Le);function Re(n){if(null!=n)return n in f?f[n]:$.includes(n)?function(e){var r=e.theme.uiColors[n];if(r&&r in f)return f[r]}:void 0}var Pe,We,Ye,Ue,He,Ze,Qe,Ve,Xe,_e,Je,Ke,nr,er=e(Pe||(Pe=v(["\n  ","\n"],["\n  ","\n"])),N("filter",(function(n){return n.$colorFilter}),Re)),rr=n(s)(Ye||(Ye=v(["\n  ","\n  ","\n    object-fit: contain;\n"],["\n  ","\n  ","\n    object-fit: contain;\n"])),er,(function(n){return n.onClick&&e(We||(We=v(["\n      :hover {\n        cursor: pointer;\n      }\n    "],["\n      :hover {\n        cursor: pointer;\n      }\n    "])))})),or=n(s)(He||(He=v(["\n  ","\n  ","\n  width: 100%;\n  height: auto;\n"],["\n  ","\n  ","\n  width: 100%;\n  height: auto;\n"])),er,(function(n){return n.onClick&&e(Ue||(Ue=v(["\n      :hover {\n        cursor: pointer;\n      }\n    "],["\n      :hover {\n        cursor: pointer;\n      }\n    "])))})),tr=function(n){var e=h(n,[]),r=e.as,o=e.src,i=e.alt,a=e.width,d=e.height,c=e.sizes,l=e.$width,u=void 0===l?"100%":l,b=e.$position,p=void 0===b?"relative":b,v=e.$colorFilter,m=e.placeholder,f=void 0===m?"oak":m,$=e.unoptimized,w=e.imageProps,x=h(e,["as","src","alt","width","height","sizes","$width","$position","$colorFilter","placeholder","unoptimized","imageProps"]),y="oak"===f?"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjEiIGhlaWdodD0iMTUxIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj48cGF0aCBmaWxsPSIjRTdGNkY1IiBkPSJNLTIwLTloMzAydjE3MC4wMTFILTIweiIvPjxwYXRoIGZpbGw9IiMyMjIiIGQ9Ik0xMjcuNzc5IDYzLjE4MWEyNy4xNDYgMjcuMTQ2IDAgMCAwLTMuOCAxLjYgMTYuNjk1IDE2LjY5NSAwIDAgMC03LjEgOC40YzAgLjEtLjEuMi0uMS4zLS43IDIuNC0uNiAyIDEuMyAyLjMgMS45LjMgMSAuNSAxIDEuMy0uMSA4LjggNC4xIDE1LjEgMTEuNCAxOS42YTEuNDk4IDEuNDk4IDAgMCAwIDEuNy4yYzUuNy0yLjYgOS4zLTcgMTAuMy0xMy4yYTEuMDAxIDEuMDAxIDAgMCAxIDEtMWwzLS4yYy44IDAgMS4zLjIgMS4yIDEuMmExNy45MDggMTcuOTA4IDAgMCAxLTMuMiA5LjIgMjMuNyAyMy43IDAgMCAxLTEwLjkgOS4xIDUuNDA2IDUuNDA2IDAgMCAxLTQuNS0uMiAyNi4yOSAyNi4yOSAwIDAgMS04LjUtNi42IDI1Ljg4OSAyNS44ODkgMCAwIDEtNi40LTE0LjRjMC0uNi0uMi0uNy0uOC0uOC0yLjUtLjQtMi41LS4xLTIuMy0yLjlhMTkuMjkgMTkuMjkgMCAwIDEgMTAuOC0xNi42IDM4Ljk1MyAzOC45NTMgMCAwIDEgNS43LTIuMWMuNDU3LS4zLjc4LS43NjYuOS0xLjNhMTQuMDk1IDE0LjA5NSAwIDAgMSAzLjUtNi4zbC4zLS4zYzEuOS0yIDIuNi0yIDQuMy4ybC40LjVjMS4xIDEuMSAxIDEuNS0uMSAyLjZhMTEuODgzIDExLjg4MyAwIDAgMC0zLjIgNC40YzIuNjQ1LjE2OCA1LjIxNS45NTYgNy41IDIuMyA1LjcgMy41IDkuMiA4LjMgOS45IDE1IC4wMTYuOTAxLS4wMTcgMS44MDMtLjEgMi43IDAgLjgtLjYgMS0xLjIgMS4yYTE2LjEgMTYuMSAwIDAgMS0xMS0uNyAxNy45IDE3LjkgMCAwIDEtMTAuOS0xMy42IDkuNzQyIDkuNzQyIDAgMCAxLS4xLTEuOVptMTguMSAxMi4yYy40LTUuNS02LjktMTIuNi0xMy0xMi4xLjUgNi41IDcuNiAxMi44IDEzIDEyLjFaIiBvcGFjaXR5PSIuMSIvPjwvZz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNjF2MTUxSDB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAtOWgzMDJ2MTcwLjAxMUgtMjB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+":f;return a&&d?t.createElement(Te,g({$maxWidth:"all-spacing-0",$position:p},x),t.createElement(or,g({as:null!=r?r:s,src:o,alt:i,width:a,height:d,sizes:c,unoptimized:$,$colorFilter:v,placeholder:y},w))):t.createElement(Te,g({$position:p,$width:u},x),t.createElement(rr,g({as:null!=r?r:s,src:o,alt:i,sizes:c,fill:!0,$colorFilter:v,placeholder:y,unoptimized:$},w)))},ir=n(Te)(Ze||(Ze=v(["\n  ","\n"],["\n  ","\n"])),Ae),ar=["div","h1","h2","h3","h4","h5","h6"],dr=function(n){var e=n.tag,r=n.ariaLabel,o=n.ariaHidden,i=h(n,["tag","ariaLabel","ariaHidden"]),a=e;return t.createElement(a,g({},i,{"aria-label":r,"aria-hidden":o}))},cr=n(dr)(Qe||(Qe=v(["\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n"])),Ae,Jn,A,Ce),lr=n.p(Ve||(Ve=v(["\n  ","\n  ","\n  ","\n\n  a {\n    color: ",";\n  }\n"],["\n  ","\n  ","\n  ","\n\n  a {\n    color: ",";\n  }\n"])),Ae,A,Jn,(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]})),sr=n.ul(_e||(_e=v(["\n  ","\n  margin: 0;\n  ","\n"],["\n  ","\n  margin: 0;\n  ","\n"])),(function(n){return n.$reset&&e(Xe||(Xe=v(["\n      list-style: none;\n      padding: 0;\n    "],["\n      list-style: none;\n      padding: 0;\n    "])))}),Le),ur=n.ol(Je||(Je=v(['\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"]}),Jn,A,Ae),br=e(Ke||(Ke=v(["\n  ","\n"],["\n  ","\n"])),N("list-style",(function(n){return n.$listStyle}))),gr=n.li(nr||(nr=v(["\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n"])),Le,Ae,br,xe);gr.defaultProps={$display:"revert"};var hr,pr,vr,mr,fr,$r,wr=n.label(hr||(hr=v(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),Ae,A),xr={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"},yr={icons:xr},kr=["home","send","rocket","video","edit","hamburger","cross","bell","twitter","worksheet","facebook","share","arrow-right","worksheet-3","chevron-right","save","quiz-3","chevron-down","linkedin","magic-carpet","books","supervision-level","quiz-white","arrow-left","additional-material","slide-deck-3","sign-language","external","equipment-required","chevron-left","download","search","chevron-up","go","copyright","arrow-down","project","quiz","slide-deck","content-guidance","tick","instagram","dot","dot-png","warning","lightbulb","lightbulb-yellow","intro"],Er=Object.freeze({__proto__:null,default:yr,icons:xr}),Ir=function(n){var e,r=n.iconName,o=n.alt,i=n.$width,a=void 0===i?"all-spacing-7":i,d=n.$height,c=void 0===d?"all-spacing-7":d;n.imageProps;var l=h(n,["iconName","alt","$width","$height","imageProps"]),s=null!=o?o:r,u=null===(e=null==Er?void 0:Er.icons)||void 0===e?void 0:e[r];return t.createElement(tr,g({src:"https://".concat(process.env.NEXT_PUBLIC_OAK_ASSETS_HOST,"/").concat(process.env.NEXT_PUBLIC_OAK_ASSETS_PATH,"/").concat(u),alt:s,$width:a,$height:c,placeholder:"empty",unoptimized:!0},l))},Cr=e(pr||(pr=v(["\n  ","\n  ","\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),N("row-gap",(function(n){return n.$rg}),G),N("column-gap",(function(n){return n.$cg}),G),N("grid-auto-rows",(function(n){return n.$gridAutoRows})),N("grid-template-areas",(function(n){return n.$gridTemplateAreas})),N("grid-template-columns",(function(n){return n.$gridTemplateColumns}))),zr=n(Te)(vr||(vr=v(["\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"])),Cr),Sr=function(n,e){return n?"".concat(n,"/").concat(e):"".concat(e)},jr=function(n){if(null==n?void 0:n.includes("/")){var e=p(n.split("/"),2),r=e[0],o=e[1];return"".concat(r," / span ").concat(o)}return"span ".concat(n)},Mr=e(mr||(mr=v(["\n  flex-direction: column;\n  ",";\n  ",";\n  ",";\n  ",";\n  ","\n  ","\n  ","\n"],["\n  flex-direction: column;\n  ",";\n  ",";\n  ",";\n  ",";\n  ","\n  ","\n  ","\n"])),N("grid-column",(function(n){return Array.isArray(n.$colSpan)?n.$colSpan.map((function(e,r){return Sr(Array.isArray(n.$colStart)?n.$colStart[r]:n.$colStart,e)})):Sr(Array.isArray(n.$colStart)?n.$colStart[0]:n.$colStart,n.$colSpan)}),(function(n){return jr(n)})),N("grid-row",(function(n){return Array.isArray(n.$rowSpan)?n.$rowSpan.map((function(e,r){return Sr(Array.isArray(n.$rowStart)?n.$rowStart[r]:n.$rowStart,e)})):Sr(Array.isArray(n.$rowStart)?n.$rowStart[0]:n.$rowStart,n.$rowSpan)}),(function(n){return jr(n)})),N("order",(function(n){return n.$order}),(function(n){return n&&"".concat(n)})),N("grid-row",(function(n){return n.$rowSpan?"span ".concat(n.$rowSpan):"span 1"})),N("grid-column-start",(function(n){return n.$colStart})),N("grid-column-end",(function(n){return n.$colEnd})),N("grid-row-start",(function(n){return n.$rowStart}))),Nr=n(Oe)(fr||(fr=v(["\n  ","\n"],["\n  ","\n"])),Mr),Ar=function(n){var e=n.theme,o=n.children;return t.createElement(r,{theme:e},o)},Br=n(Oe)($r||($r=v([""],[""])));function Dr(n,e){return n.toString().replace(function(n){var e=new URL(u({src:"canary.jpg"},n));return e.origin+"/image/upload/"}(e),"")}Br.defaultProps={$maxWidth:["all-spacing-21","all-spacing-24"],$ph:["inner-padding-none","inner-padding-s"],$flexDirection:"column",$flexGrow:1,$width:"100%",$mh:"auto"};var Lr,Tr,qr,Or,Gr,Fr,Rr,Pr,Wr,Yr,Ur,Hr,Zr,Qr,Vr,Xr,_r,Jr,Kr,no,eo,ro,oo,to,io=i(void 0),ao=io.Provider,co=function(n){var e=n.cloudinaryId,r=n.unoptimized,o=void 0===r?e.endsWith(".svg"):r,i=h(n,["cloudinaryId","unoptimized"]),d=a(io),c=Dr(e,d);return t.createElement(tr,g({as:b,src:c,imageProps:{config:d},unoptimized:o},i))},lo=function(n){var e=n.children;return e?t.createElement(Oe,{$alignItems:"center",$flexDirection:"row"},t.createElement(Oe,{$alignSelf:"flex-start",$mr:"space-between-s"},t.createElement(Ir,{iconName:"content-guidance",$colorFilter:"red"})),t.createElement(Ge,{$color:"red"},e)):null},so=e(Lr||(Lr=v(["\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"]))),uo=n.span(Tr||(Tr=v(["\n  ","\n"],["\n  ","\n"])),so),bo=o(qr||(qr=v(["\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"]))),go=n.span(Rr||(Rr=v(["\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(n){return n.$width?N("--width",(function(n){return n.$width}),G):e(Or||(Or=v(["\n          --width: 1.25rem;\n        "],["\n          --width: 1.25rem;\n        "])))}),(function(n){return n.loaderColor?e(Gr||(Gr=v(["\n            border-color: "," ","\n              "," transparent;\n          "],["\n            border-color: "," ","\n              "," transparent;\n          "])),n.loaderColor,n.loaderColor,n.loaderColor):e(Fr||(Fr=v(["\n            border-color: currentcolor currentcolor currentcolor transparent;\n          "],["\n            border-color: currentcolor currentcolor currentcolor transparent;\n          "])))}),bo,A),ho=function(n){return t.createElement(go,g({},n),t.createElement(uo,null,"Loading"))},po=e(Pr||(Pr=v(["\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"])),Ae,A,ne,xe,we,Ee),vo=n((function(n){var e,r=n.onClick,o=n.onHovered,i=d(Date.now());return t.createElement("button",{className:n.className,"data-testid":n["data-testid"],disabled:n.disabled,onClick:function(n){r&&r(n)},onMouseEnter:function(){i.current=Date.now()},onMouseLeave:function(n){var e=Date.now()-i.current;o&&o(n,e)},type:null!==(e=n.type)&&void 0!==e?e:"button",form:n.form},n.children)}))(Wr||(Wr=v(["\n  ","\n"],["\n  ","\n"])),po),mo=n(vo)(Ur||(Ur=v(["\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n"])),Tn,qn,(function(n){return e(Yr||(Yr=v(["\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  "])),w(n.hoverTextColor),w(n.hoverBackground),w(n.hoverBorderColor),w(n.defaultBackground),w(n.defaultBorderColor),w(n.defaultTextColor),w(n.disabledBackground),w(n.disabledBorderColor),w(n.disabledTextColor))})),fo=n(Te)(Hr||(Hr=v(["\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"])),ke("drop-shadow-centered-grey"),ke("drop-shadow-centered-lemon"),ke("drop-shadow-lemon"),ke("drop-shadow-grey"),ke("drop-shadow-lemon")),$o=function(n){var e=n.children,r=n.iconName,o=n.isTrailingIcon,i=n.isLoading,a=n.disabled,d=n.width,c=n.maxWidth,l=h(n,["children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth"]),s=t.createElement(t.Fragment,null,r&&t.createElement(Ir,{iconName:r,$width:"all-spacing-6",$height:"all-spacing-6",$colorFilter:n.disabled?n.disabledTextColor:n.defaultTextColor})),u=t.createElement(Te,{$width:"all-spacing-6",$height:"all-spacing-6"},t.createElement(ho,{$width:"all-spacing-6"})),b=t.createElement(t.Fragment,null,i&&!a?u:s);return t.createElement(fo,{className:"button-wrapper",$position:"relative",$width:d,$maxWidth:c},t.createElement(Te,{className:"grey-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),t.createElement(Te,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%"}),t.createElement(mo,g({className:"internal-button"},l,{$ba:"border-solid-m",$background:n.defaultBackground,$borderColor:n.defaultBorderColor,$color:n.defaultTextColor,$pv:"inner-padding-xs",$ph:"inner-padding-s",$borderRadius:"border-radius-s",$position:"relative",disabled:a||i,$width:"100%",$height:"100%"}),t.createElement(Oe,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-ssx",$justifyContent:"center"},!o&&b,t.createElement(Ge,{$font:"body-1-bold"},e),o&&b)))},wo=function(n){return t.createElement($o,g({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"},n))},xo=function(n){return t.createElement($o,g({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"},n))},yo=n(vo)(Qr||(Qr=v(["\n  ","\n  ","\n  ","\n"],["\n  ","\n  ","\n  ","\n"])),Tn,qn,(function(n){return e(Zr||(Zr=v(["\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  "])),w(n.hoverTextColor),w(n.defaultTextColor),w(n.disabledTextColor))})),ko=n(Te)(Xr||(Xr=v(["\n  button:focus-visible .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  button:hover .shadow {\n    box-shadow: ",";\n  }\n  button:active .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  ","\n"],["\n  button:focus-visible .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  button:hover .shadow {\n    box-shadow: ",";\n  }\n  button:active .shadow {\n    box-shadow: ",",\n      ",";\n  }\n  ","\n"])),ke("drop-shadow-centered-lemon"),ke("drop-shadow-centered-grey"),ke("drop-shadow-lemon"),ke("drop-shadow-lemon"),ke("drop-shadow-grey"),(function(n){return e(Vr||(Vr=v(["\n    button:disabled .icon-container {\n      background: ",";\n    }\n    button:hover .icon-container {\n      background: ",";\n    }\n    button:active .icon-container {\n      background: ",";\n    }\n  "],["\n    button:disabled .icon-container {\n      background: ",";\n    }\n    button:hover .icon-container {\n      background: ",";\n    }\n    button:active .icon-container {\n      background: ",";\n    }\n  "])),w(n.disabledIconBackground),w(n.hoverIconBackground),w(n.defaultIconBackground))})),Eo=n((function(n){var e=n.children,r=n.iconName,o=n.isTrailingIcon,i=n.isLoading,a=n.disabled,d=n.width,c=n.maxWidth,l=n.iconBackgroundSize,s=n.iconSize,u=h(n,["children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","iconBackgroundSize","iconSize"]),b=t.createElement(t.Fragment,null,r&&t.createElement(Ir,{iconName:r,$width:s,$height:s,$colorFilter:n.disabled?n.disabledIconColor:n.defaultIconColor?n.defaultIconColor:null})),p=t.createElement(Te,{$width:s,$height:s},t.createElement(ho,{$width:s,loaderColor:"white"})),v=t.createElement(Oe,{className:"icon-container",$background:n.defaultIconBackground,$color:n.defaultTextColor,$borderRadius:"border-radius-circle",$position:"relative",$width:l,$height:l,$alignItems:"center",$justifyContent:"center",$minWidth:l},t.createElement(Te,{className:"shadow",$position:"absolute",$borderRadius:"border-radius-circle",$width:"100%",$height:"100%"}),i&&!a?p:b);return t.createElement(ko,{className:"button-wrapper",$position:"relative",$width:d,$maxWidth:c,disabledIconBackground:n.disabledIconBackground,hoverIconBackground:n.hoverIconBackground,defaultIconBackground:n.defaultIconBackground},t.createElement(yo,g({},u,{$color:n.defaultTextColor,$pv:"inner-padding-xs",$ph:"inner-padding-s",$position:"relative",disabled:a||i}),t.createElement(Oe,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-xs",$justifyContent:"center"},!o&&v,t.createElement(Ge,{$font:"body-1-bold"},e),o&&v)))}))(_r||(_r=v([""],[""]))),Io=function(n){var e=n.isTrailingIcon,r=n.iconName,o=n.children,i=n.disabled,a=h(n,["isTrailingIcon","iconName","children","disabled"]);return t.createElement(Eo,g({},a,{disabled:i,isTrailingIcon:e,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)},Co=i({currentValue:"default",name:"default"}),zo=function(n){var e=n.name,r=n.children,o=n.label,i=n.onChange,a=n.$font,d=void 0===a?"body-1-bold":a,l=n.$gap,s=void 0===l?"space-between-s":l,u=n.disabled,b=n.value,v=n.defaultValue,m=void 0===v?"":v,f=h(n,["name","children","label","onChange","$font","$gap","disabled","value","defaultValue"]),$=p(c(m),2),w=$[0],x=$[1];return t.createElement(Oe,g({role:"radiogroup",$gap:s},f),t.createElement(wr,{$font:d},o),t.createElement(Co.Provider,{value:{currentValue:null!=b?b:w,name:e,disabled:u,onValueUpdated:function(n){void 0===b&&x(n.target.value),i&&i(n)}}},r))},So=n(wr)(Kr||(Kr=v(["\n  ","\n\n  display: flex;\n  ","\n  ","\n"],["\n  ","\n\n  display: flex;\n  ","\n  ","\n"])),(function(n){return!n.disabled&&e(Jr||(Jr=v(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))}),N("gap",(function(n){return n.$labelGap}),G),N("align-items",(function(n){return n.$labelAlignItems}))),jo=n.input.attrs({type:"radio"})(eo||(eo=v(["\n  position: absolute;\n  opacity: 0;\n  ","\n"],["\n  position: absolute;\n  opacity: 0;\n  ","\n"])),(function(n){return!n.disabled&&e(no||(no=v(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))})),Mo=n(Oe)(oo||(oo=v(["\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(n){return!n.$disableFocusRing&&e(ro||(ro=v(["\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      }"])),jo,G("all-spacing-7"),G("all-spacing-7"),oe("border-solid-m"),w("grey60"),"inset 0 0 0 0.13rem ".concat(w("lemon")))}),jo,(function(n){return G(n.$radioInnerSize)}),(function(n){return G(n.$radioInnerSize)}),w("black"),oe("border-solid-m"),w("white")),No=n(Mo)(to||(to=v(["\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"])),jo,(function(n){return G(n.$radioInnerSize)}),(function(n){return G(n.$radioInnerSize)}),w("bg-btn-primary-disabled"),oe("border-solid-m"),w("white")),Ao=l((function(n,e){var r=a(Co),o=r.currentValue,i=r.name,d=r.onValueUpdated,c=n.id,l=n.label,s=n.value,u=n.tabIndex,b=n.disabled,p=n.$labelGap,v=void 0===p?"space-between-ssx":p,m=n.$labelAlignItems,f=void 0===m?"center":m,$=n.$font,w=void 0===$?"body-1":$,x=n["data-testid"],y=n.disableFocusRing,k=void 0!==y&&y,E=n.radioInnerSize,I=void 0===E?"all-spacing-4":E,C=n.radioOuterSize,z=void 0===C?"all-spacing-6":C,S=n.radioBorderWidth,j=void 0===S?"border-solid-m":S,M=n.checkedRadioBorderWidth,N=void 0===M?"border-solid-m":M,A=h(n,["id","label","value","tabIndex","disabled","$labelGap","$labelAlignItems","$font","data-testid","disableFocusRing","radioInnerSize","radioOuterSize","radioBorderWidth","checkedRadioBorderWidth"]),B=s===o,D=b||r.disabled,L=B?N:j;return t.createElement(Te,g({},A),t.createElement(So,{htmlFor:c,$labelAlignItems:f,$labelGap:v,$font:w,"data-testid":x,disabled:D},t.createElement(jo,{name:i,id:c,value:s,onChange:d,checked:s===o,tabIndex:u,disabled:D,ref:e}),D?t.createElement(No,{$height:z,$width:z,$ba:L,$borderColor:"bg-btn-primary-disabled",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!k,$radioInnerSize:I}):t.createElement(Mo,{$height:z,$width:z,$ba:L,$borderColor:"black",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!k,$radioInnerSize:I}),l))})),Bo=n(l((function(n,e){var r=n.onHovered,o=h(n,["onHovered"]),i=d(Date.now());return t.createElement("input",g({ref:e,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}))})))(qo||(qo=v(["\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"])),we,A,ne,qn,(function(n){return e(To||(To=v(["\n      background: ",";\n    "],["\n      background: ",";\n    "])),w(n.$checkedBackground))}));Bo.defaultProps={$borderRadius:"border-radius-xs",$ba:"border-solid-m",$borderColor:"text-primary",$checkedBackground:"text-primary"};var Do=n(Bo)(Fo||(Fo=v(['\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(n){return e(Oo||(Oo=v(["\n        ","\n      "],["\n        ","\n      "])),te(n.$hoverBorderRadius))}),(function(n){return e(Go||(Go=v(["\n        ","\n      "],["\n        ","\n      "])),w(n.$checkedBackground))}));Do.defaultProps={$hoverBorderRadius:"border-radius-xs"};var Lo=e(Ro||(Ro=v(["\n  &:focus-visible {\n    box-shadow: ",";\n  }\n"],["\n  &:focus-visible {\n    box-shadow: ",";\n  }\n"])),ke("drop-shadow-centered-lemon"));n(Bo)(Po||(Po=v(["\n  ","\n"],["\n  ","\n"])),Lo);var To,qo,Oo,Go,Fo,Ro,Po,Wo,Yo,Uo,Ho,Zo,Qo,Vo,Xo,_o,Jo,Ko,nt,et,rt,ot,tt,it,at,dt,ct,lt,st,ut,bt,gt,ht,pt,vt,mt=n(Do)(Wo||(Wo=v(["\n  ","\n"],["\n  ","\n"])),Lo),ft=n(wr)(Yo||(Yo=v(["\n  display: flex;\n  align-items: center;\n  ","\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  ","\n  ","\n"])),N("gap",(function(n){return n.labelGap}),G),N("align-items",(function(n){return n.labelAlignItems}))),$t=n(ft)(Zo||(Zo=v(["\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(n){return n.disabled?e(Uo||(Uo=v(["\n          pointer-events: none;\n        "],["\n          pointer-events: none;\n        "]))):e(Ho||(Ho=v(["\n          cursor: pointer;\n        "],["\n          cursor: pointer;\n        "])))}),(function(n){return n.disabled?"none":"underline"})),wt=n(Te)(Qo||(Qo=v(["\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"]))),xt=function(n){var e=n.size,r=void 0===e?"all-spacing-6":e,o=n.iconPadding,i=void 0===o?"inner-padding-none":o,a=n.internalCheckbox,d=n.checkedIcon,c=void 0===d?t.createElement(Ir,{iconName:"tick",$width:"100%",$height:"100%",$colorFilter:"white"}):d;return t.createElement(Te,{$position:"relative",$width:r,$height:r},a,t.createElement(wt,{$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$pa:i,$width:r,$height:r},c))},yt=function(n){var e=n.id,r=n.value,o=n.displayValue,i=void 0===o?r:o,a=n.disabled,c=void 0!==a&&a,l=n.defaultChecked,s=void 0!==l&&l,u=n.onChange,b=n.onFocus,g=n.onBlur,h=n.onHovered,p=n.iconPadding,v=void 0===p?"inner-padding-none":p,m=n.hoverBorderRadius,f=void 0===m?"border-radius-xs":m,$=n.checkboxSize,w=void 0===$?"all-spacing-6":$,x=n.checkboxBorder,y=void 0===x?"border-solid-m":x,k=n.checkboxBorderRadius,E=void 0===k?"border-radius-xs":k,I=n.defaultColor,C=void 0===I?"text-primary":I,z=n.disabledColor,S=void 0===z?"text-disabled":z,j=n.labelGap,M=void 0===j?"space-between-s":j,N=n.labelAlignItems,A=void 0===N?"center":N,B=n.checkedBackgroundFill,D=void 0===B||B,L=n.checkedIcon,T=d(Date.now()),q=c?S:C;return t.createElement(ft,{htmlFor:e,labelGap:M,labelAlignItems:A,$color:q,disabled:c,onMouseEnter:function(){T.current=Date.now()},onMouseLeave:function(){var n=Date.now()-T.current;h&&h(r,e,n)},"data-testid":n["data-testid"]},t.createElement(xt,{size:w,internalCheckbox:t.createElement(mt,{id:e,value:r,$width:w,$height:w,$ba:y,$borderRadius:E,$borderColor:q,$checkedBackground:D?q:null,$hoverBorderRadius:f,onChange:u,onFocus:b,onBlur:g,defaultChecked:s,disabled:c}),checkedIcon:L,iconPadding:v}),i)},kt=n.input(Vo||(Vo=v(["\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"])),M("small"),(function(n){var e=n.theme;return e&&e.uiColors&&w(e.uiColors["text-subdued"])}),ne,qn),Et=function(n){n.onInitialFocus,n.onFocus;var e=h(n,["onInitialFocus","onFocus"]),r=d(!1);return t.createElement(kt,g({},e,{onFocus:function(e){!r.current&&n.onInitialFocus&&(n.onInitialFocus(e),r.current=!0),n.onFocus&&n.onFocus(e)}}))},It=n(Oe)(Ko||(Ko=v(["\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 ke(n)})).join(",")}),(function(n){return w(n.$background)}),(function(n){return!n.$readOnly&&e(Xo||(Xo=v(["\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    "])),w(n.$hoverBackground))}),(function(n){return n.$readOnly&&e(_o||(_o=v(["\n      border-color: ",";\n      color: ",";\n    "],["\n      border-color: ",";\n      color: ",";\n    "])),w(n.$readOnlyBorderColor),w(n.$readOnlyColor))}),(function(n){return n.$disabled&&e(Jo||(Jo=v(["\n      background: ",";\n      color: ",";\n      &:hover {\n        cursor: not-allowed;\n      }\n    "],["\n      background: ",";\n      color: ",";\n      &:hover {\n        cursor: not-allowed;\n      }\n    "])),w(n.$disabledBackgroundColor),w(n.$disabledColor))})),Ct=function(n){var e,r,o,i=n.type,a=void 0===i?"text":i,d=n.borderColor,c=void 0===d?"border-primary":d,l=n.readOnlyBorderColor,s=void 0===l?"border-neutral":l,u=n.focusRingDropShadows,b=void 0===u?["drop-shadow-centered-lemon","drop-shadow-centered-grey"]:u,p=n.background,v=void 0===p?"bg-primary":p,m=n.hoverBackground,f=void 0===m?"bg-neutral":m,$=n.disabledBackgroundColor,w=void 0===$?"bg-neutral":$,x=n.color,y=void 0===x?"text-primary":x,k=n.disabledColor,E=void 0===k?"text-disabled":k,I=n.readOnlyColor,C=void 0===I?"text-subdued":I,z=n.validity,S=n.iconColor,j=void 0===S?"icon-inverted":S,M=n.validBorderColor,N=void 0===M?"border-success":M,A=n.invalidBorderColor,B=void 0===A?"border-error":A,D=n.validIconColor,L=void 0===D?"icon-success":D,T=n.invalidIconColor,q=void 0===T?"border-error":T,O=n.iconName,G=n.iconAlt,F=n.isTrailingIcon,R=void 0!==F&&F,P=n.width,W=n.maxWidth,Y=h(n,["type","borderColor","readOnlyBorderColor","focusRingDropShadows","background","hoverBackground","disabledBackgroundColor","color","disabledColor","readOnlyColor","validity","iconColor","validBorderColor","invalidBorderColor","validIconColor","invalidIconColor","iconName","iconAlt","isTrailingIcon","width","maxWidth"]);switch(z){case"valid":e=N,r=L,o=N;break;case"invalid":e=B,r=q,o=B;break;default:e=c,r=j,o=s}return t.createElement(It,{$width:"fit-content",$height:"fit-content",$borderStyle:"solid",$borderRadius:"border-radius-s",$ba:"border-solid-m",$borderColor:e,$focusRingDropShadows:b,$background:v,$hoverBackground:f,$disabledBackgroundColor:w,$readOnlyBorderColor:o,$disabledColor:E,$readOnlyColor:C,$color:y,$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()}},!R&&O&&t.createElement(Ir,{iconName:O,$colorFilter:r,$pointerEvents:"none",alt:G}),t.createElement(Et,g({type:a},Y,{$width:P,$maxWidth:W,$pv:"inner-padding-l",$height:"all-spacing-12"})),R&&O&&t.createElement(Ir,{iconName:O,$colorFilter:r,$pointerEvents:"none",alt:G}))},zt=function(n){var e=n.$background,r=void 0===e?"bg-decorative5-main":e,o=n.$borderRadius,i=void 0===o?"border-radius-circle":o,a=n.$width,d=void 0===a?"all-spacing-9":a,c=n.$height,l=void 0===c?"all-spacing-9":c,s=n.$pa,u=void 0===s?"inner-padding-ssx":s,b=n.className,p=h(n,["$background","$borderRadius","$width","$height","$pa","className"]),v=p.iconName?t.createElement(Ir,g({},p,{$height:"100%",$width:"100%"})):t.createElement(tr,g({},p,{$height:"100%",$width:"100%"}));return t.createElement(Te,{className:b,$background:r,$borderRadius:i,$width:d,$height:l,$pa:u},v)},St=n(Oe)(nt||(nt=v(["\n  width: max-content;\n  pointer-events: none;\n"],["\n  width: max-content;\n  pointer-events: none;\n"]))),jt=n.svg(et||(et=v(["\n  position: absolute;\n  bottom: -16px;\n  left: 0;\n  ","\n"],["\n  position: absolute;\n  bottom: -16px;\n  left: 0;\n  ","\n"])),N("fill",(function(n){return n.$fill}),w)),Mt=function(n){var e=n.isOpen,r=n.children,o=n.tooltip,i=n.$background,a=void 0===i?"black":i,d=n.$color,c=void 0===d?"text-inverted":d,l=n.$borderRadius,s=h(n,["isOpen","children","tooltip","$background","$color","$borderRadius"]);return t.createElement(Oe,{$position:"relative",$width:"fit-content",$height:"fit-content"},e&&t.createElement(Oe,{role:"tooltip",$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$transform:"translateY(calc(-100% - 16px))",$zIndex:"modal-dialog",$flexDirection:"column"},t.createElement(St,g({},s,{$position:"relative",$background:a,$color:c,$btr:l,$bbrr:l,$maxWidth:["all-spacing-20","all-spacing-22"]}),o,t.createElement(jt,{width:"16",height:"16",$fill:a},t.createElement("path",{d:"M0 0H16L8 8L0 16V0Z"})))),r)},Nt=function(n){var e=h(n,[]);return t.createElement(Mt,g({$background:"bg-decorative5-main",$color:"text-primary",$pv:"inner-padding-m",$ph:"inner-padding-xl",$font:"heading-light-7",$borderRadius:"border-radius-m2"},e))},At=n.a(rt||(rt=v(["\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"])),ke("drop-shadow-lemon"),ke("drop-shadow-grey"),w("bg-btn-primary"),Re("text-inverted"),ke("drop-shadow-centered-lemon"),ke("drop-shadow-centered-grey"),w("bg-btn-primary-disabled"),Re("text-inverted")),Bt=function(n){var e=n.as,r=n.label,o=void 0===r?"Back":r,i=h(n,["as","label"]);return t.createElement(At,g({as:null!=e?e:"a","aria-label":o},i),t.createElement(Ir,{alt:"",iconName:"chevron-left",$width:"all-spacing-8",$height:"all-spacing-8"}))},Dt=function(n){var e=n.listItems,r=h(n,["listItems"]);return t.createElement(Ge,g({},r),e.map((function(n,e){return t.createElement(Ge,{key:e},0!==e&&t.createElement(Ge,null," • "),t.createElement(Ge,null,n))})))},Lt=n(Bo)(ot||(ot=v(["\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"])),oe("border-solid-l"),w("border-primary"),oe("border-solid-l"),w("text-disabled"),w("bg-primary")),Tt=n($t)(tt||(tt=v(["\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"]))),qt=n(Oe)(ct||(ct=v(["\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"])),w("bg-decorative1-subdued"),w("bg-primary"),$t,$t,oe("border-solid-xl"),te("border-radius-m2"),$t,ke("drop-shadow-centered-lemon"),$t,ke("drop-shadow-centered-grey"),oe("border-solid-xl"),te("border-radius-m2"),oe("border-solid-xl"),te("border-radius-m2"),(function(n){var r;return e(it||(it=v(["\n        ","\n      "],["\n        ","\n      "])),w(null!==(r=n.overlayBorderColor)&&void 0!==r?r:"text-disabled"))}),(function(n){return n.feedbackBgColor?e(at||(at=v(["\n             background-color: ",";\n           "],["\n             background-color: ",";\n           "])),n.feedbackBgColor):void 0}),(function(n){return e(dt||(dt=v(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),w(n.feedbackBgColor))})),Ot=n(Te)(lt||(lt=v(["\n  pointer-events: none;\n"],["\n  pointer-events: none;\n"]))),Gt=function(n){var e,r,o,i=n.id,a=n.value,c=n.feedback,l=n.image,s=n.disabled,u=n.innerRef,b=n.displayValue,p=h(n,["id","value","feedback","image","disabled","innerRef","displayValue"]),v=!!c,m=d(null),f=null!=u?u:m,$="correct"===c&&(null===(e=f.current)||void 0===e?void 0:e.checked)||"incorrect"===c&&!(null===(r=f.current)||void 0===r?void 0:r.checked),w="incorrect"===c&&(null===(o=f.current)||void 0===o?void 0:o.checked),x=t.createElement(Oe,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},t.createElement(Te,null,l),b),y=s&&!v?"bg-neutral-stronger":"bg-primary",k=$?"bg-correct":"bg-incorrect",E=$?"border-success":"border-error",I=t.createElement(qt,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$borderColor:"border-primary",$background:y,$flexGrow:1,onClick:function(n){var e;n.target.id!==i&&(null===(e=f.current)||void 0===e||e.click())},overlayBorderColor:v?E:void 0,feedbackBgColor:v?k:void 0},t.createElement(Ot,{className:"grey-shadow",$position:"absolute",$left:"space-between-none",$top:"space-between-none",$borderRadius:"border-radius-m2",$width:"100%",$height:"100%"}),t.createElement(Ot,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-m2",$left:"space-between-none",$top:"space-between-none",$width:"100%",$height:"100%"}),t.createElement(Tt,{htmlFor:i,labelGap:"space-between-s",labelAlignItems:"center",$color:s&&!v?"text-disabled":"text-primary",$font:"body-1",disabled:s},t.createElement(xt,{size:"all-spacing-7",iconPadding:"inner-padding-ssx",checkedIcon:t.createElement(Te,{$width:"100%",$height:"100%",$background:s||v?"text-disabled":"text-primary"},t.createElement(Te,{$ba:"border-solid-m",$borderColor:"white",$width:"100%",$height:"100%"})),internalCheckbox:t.createElement(Lt,g({id:i,value:a,disabled:s||v},p,{$width:"all-spacing-7",$height:"all-spacing-7",$ba:"border-solid-m",$borderColor:"border-neutral",$borderRadius:"border-radius-s",$checkedBackground:null,ref:f}))}),l?x:b),v&&($||w)&&t.createElement(Oe,{className:"feedbackIconWrapper",$flexGrow:1,$justifyContent:"flex-end",$alignItems:"flex-end",$height:"100%"},$&&t.createElement(Ir,{iconName:"tick",$colorFilter:"icon-success",alt:"correct"===c?"Correct":"Unselected correct choice"}),w&&t.createElement(Ir,{iconName:"cross",$colorFilter:"icon-error",alt:"Incorrect"})));return t.createElement(Oe,{$width:"100%",$position:"relative"},I)},Ft=function(n){var e,r,o=n.feedback,i=n.readOnly,a=h(n,["feedback","readOnly"]),d=void 0;switch(o){case"correct":e="valid",r="tick",d="Correct";break;case"incorrect":e="invalid",r="cross",d="Incorrect"}return t.createElement(Ct,g({},a,{validity:e,iconName:r,iconAlt:d,readOnly:i||!!o,isTrailingIcon:!0}))},Rt=n(Oe)(gt||(gt=v(["\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(n){return!!n.$outlineColor&&e(st||(st=v(["\n      outline: ","\n        ",";\n    "],["\n      outline: ","\n        ",";\n    "])),oe("border-solid-xl"),w(n.$outlineColor))}),(function(n){return n.$disabled?"default":"pointer"}),ke("drop-shadow-centered-lemon"),ke("drop-shadow-centered-grey"),(function(n){return!n.$disabled&&e(ut||(ut=v(["\n      &:hover {\n        background-color: ",";\n        text-decoration: underline;\n      }\n    "],["\n      &:hover {\n        background-color: ",";\n        text-decoration: underline;\n      }\n    "])),w("bg-decorative1-subdued"))}),(function(n){return!n.$disabled&&!n.$checked&&e(bt||(bt=v(['\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    "])),te("border-radius-m2"),oe("border-solid-l"),w("grey60"))})),Pt=function(n){var e,r,o=n.value,i=n.feedback,d=n.image,c=n.disabled,l=n.label,s=h(n,["value","feedback","image","disabled","label"]),u=!!i,b=a(Co).currentValue===o,p="bg-primary",v=null;switch(!0){case c&&!u:p="bg-neutral-stronger";break;case"correct"===i&&b:e="border-success",p="bg-correct",v="tick",r="Correct";break;case"incorrect"===i&&b:e="border-error",p="bg-incorrect",v="cross",r="Incorrect";break;case"incorrect"===i&&!b:v="tick",r="Unselected correct choice";break;case b&&!c:e="border-primary"}return t.createElement(Rt,{$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:c||u,$checked:b,$outlineColor:e,$background:p},t.createElement(Ao,g({value:o,disabled:c||u,$labelGap:"space-between-s",disableFocusRing:!0,radioInnerSize:"all-spacing-6",radioOuterSize:"all-spacing-7",checkedRadioBorderWidth:"border-solid-l",label:d?t.createElement(Oe,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},t.createElement(Te,null,d),l):l},s)),u&&v&&t.createElement(Oe,{$alignSelf:"flex-end"},t.createElement(Ir,{iconName:v,$colorFilter:"tick"===v?"icon-success":"icon-error",alt:r})))},Wt=n(Eo)(ht||(ht=v(["\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"])),ke("drop-shadow-lemon"),ke("drop-shadow-grey")),Yt=function(n){var e=n.isOpen,r=n.disabled;return t.createElement(Wt,{iconName:e&&!r?"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?")},Ut=function(n){var e=n.hint,r=p(c(!1),2),o=r[0],i=r[1];return t.createElement(Nt,{tooltip:e,isOpen:o},t.createElement(Yt,{isOpen:o,onClick:function(){i(!o)}}))},Ht=function(n){var e,r=n.feedback,o=n.answerFeedback;switch(r){case"correct":e="Correct";break;case"incorrect":e="Incorrect";break;case"partially-correct":e="Almost correct"}return t.createElement(Te,null,t.createElement(Oe,{$gap:"space-between-xs"},t.createElement(zt,{iconName:"correct"===r?"tick":"cross",$pa:"inner-padding-none",$background:"correct"===r?"icon-success":"icon-error",$colorFilter:"text-inverted",$width:"all-spacing-6",$height:"all-spacing-6"}),t.createElement(Ge,{$font:"heading-6",$color:"correct"===r?"text-success":"text-error"},e)),t.createElement(Ge,{as:"p",$mt:"space-between-xs",$font:"correct"===r?"body-2-bold":"body-2"},o))},Zt=n(Oe)(pt||(pt=v(["\n  box-sizing: content-box;\n"],["\n  box-sizing: content-box;\n"]))),Qt=function(n){var e,r=n.hint,o=n.feedback,i=n.answerFeedback,a=n.children;switch(!0){case!!o:e=t.createElement(Ht,{feedback:o,answerFeedback:i});break;case!!r:e=t.createElement(Ut,{hint:r});break;default:e=null}return t.createElement(Zt,{$flexDirection:["column","row"],$pa:"inner-padding-m",$minHeight:"all-spacing-9",$gap:"space-between-m"},e,t.createElement(Oe,{$flexGrow:"1",$height:"fit-content",$alignSelf:"flex-end",$justifyContent:["initial","flex-end"],$width:["100%","auto"]},a))},Vt=n(Ge)(vt||(vt=v(["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),M("small")),Xt=function(n){var e=n.lessonSectionName,r=n.backLinkSlot,o=n.counterSlot,i=n.heading,a=n.mobileSummary;return t.createElement(Oe,{$gap:"space-between-m",$alignItems:"center"},t.createElement(Te,{$pl:["inner-padding-none","inner-padding-s"]},r),t.createElement(Oe,{$flexGrow:"none"},t.createElement(zt,g({},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"}))),t.createElement(Te,null,t.createElement(cr,{tag:"h1",$font:["heading-7","heading-5"]},i),t.createElement(Vt,{$font:"body-3"},a)),t.createElement(Oe,{$flexGrow:1,$justifyContent:"flex-end"},t.createElement(Te,{$display:["none","block"]},o)))};var _t,Jt,Kt=function(n){var e=n.counter,r=n.total;return t.createElement(Ge,{$font:"heading-light-4",$color:"text-disabled"},t.createElement(Ge,{$font:"heading-4",$color:"text-primary"},e," "),"of ",r)},ni=n(Te)(_t||(_t=v(["\n  @media (min-width: ","px) {\n    padding-top: ",";\n  }\n"],["\n  @media (min-width: ","px) {\n    padding-top: ",";\n  }\n"])),M("small"),G("space-between-xl")),ei=n(Te)(Jt||(Jt=v(["\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n"],["\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n"]))),ri=function(n){var e=n.lessonSectionName,r=n.topNavSlot,o=n.bottomNavSlot,i=n.children,a=p(function(n){switch(n){case"overview":case"video":case"review":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"]}}(e),4),d=a[0],c=a[1],l=a[2],s=a[3];return t.createElement(ni,{$display:"flex",$width:"100%",$minHeight:"100%",$ph:["inner-padding-none","inner-padding-xl"],$background:d},t.createElement(Oe,{$flexDirection:"column",$flexGrow:1,$background:[s,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"]},r&&t.createElement(Te,{$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"]},r),t.createElement(Oe,{$flexGrow:1,$flexDirection:"column",$mh:["space-between-s","space-between-l"]},i),o&&t.createElement(ei,{$mh:["space-between-none","space-between-none","space-between-sssx"],$borderColor:l,$bt:"border-solid-xl",$background:["bg-primary",c]},o)))};var oi,ti,ii,ai,di,ci=n(Te)(oi||(oi=v([""],[""]))),li=n(zt)(ti||(ti=v(["\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"])),G("all-spacing-8"),G("all-spacing-8"),(function(n){return Re(n.$disabled?"icon-disabled":"icon-inverted")})),si=n(Oe)(ai||(ai=v(["\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"])),ke("drop-shadow-centered-lemon"),ke("drop-shadow-centered-grey"),(function(n){return n.$disabled&&"cursor: default"}),(function(n){return!n.$disabled&&e(ii||(ii=v(["\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    "])),ci,li,w("bg-btn-primary"),Re("icon-main"),ke("drop-shadow-lemon"),ke("drop-shadow-grey"))})),ui=n(Te)(di||(di=v(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),bi=function(n){var e=n.as,r=n.lessonSectionName,o=n.progress,i=n.disabled,a=n.href,d=n.onClick,c=h(n,["as","lessonSectionName","progress","disabled","href","onClick"]),l=p(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"]}}(r),3),s=l[0],u=l[1],b=l[2];return t.createElement(si,g({as:i?"div":null!=e?e:"a",$gap:"space-between-m",$alignItems:"center",$background:"not-started"===o?s:u,$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:b,$ba:"border-solid-l",$disabled:i,href:i?void 0:a,onClick:i?void 0:d},c),t.createElement(Oe,{$width:"all-spacing-13",$justifyContent:"center"},t.createElement(Ir,{iconName:gi(r),$width:"all-spacing-10",$height:"all-spacing-10"})),t.createElement(ui,null,t.createElement(ci,{as:"strong",$font:["heading-6","heading-5"],$color:i?"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"}}(r)),t.createElement(Te,{$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 t.createElement(Oe,{$gap:"space-between-sssx",$alignItems:"center"},t.createElement(Ir,{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 t.createElement(t.Fragment,null,t.createElement(Te,{$display:["none","block"]},"Completed"),t.createElement(Te,{$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 t.createElement(Te,{$display:["none","block"],$mr:"space-between-xxxl"},t.createElement(Ge,{$font:"heading-4"},n.grade),t.createElement(Ge,{$font:"heading-6"}," / ",n.numQuestions));default:return null}}(n),t.createElement(li,{iconName:"chevron-right",$disabled:i}))};function gi(n){switch(n){case"intro":return"intro";case"starter-quiz":case"exit-quiz":return"quiz";case"video":return"video"}}var hi={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"}};export{dr as HeadingTagComponent,Bt as OakBackLink,Te as OakBox,Dt as OakBulletList,yt as OakCheckBox,ao as OakCloudinaryConfigProvider,co as OakCloudinaryImage,lo as OakFieldError,Oe as OakFlex,Fe as OakForm,zr as OakGrid,Nr as OakGridArea,cr as OakHeading,Yt as OakHintButton,Ir as OakIcon,tr as OakImage,gr as OakLI,wr as OakLabel,Qt as OakLessonBottomNav,ri as OakLessonLayout,bi as OakLessonNavItem,Xt as OakLessonTopNav,ho as OakLoadingSpinner,Br as OakMaxWidth,ur as OakOL,lr as OakP,wo as OakPrimaryButton,Gt as OakQuizCheckBox,Kt as OakQuizCounter,Ht as OakQuizFeedback,Ut as OakQuizHint,Pt as OakQuizRadioButton,Ft as OakQuizTextInput,Ao as OakRadioButton,zo as OakRadioGroup,zt as OakRoundIcon,xo as OakSecondaryButton,Ge as OakSpan,Io as OakTertiaryButton,Ct as OakTextInput,Ar as OakThemeProvider,Nt as OakTooltip,ir as OakTypography,sr as OakUL,T as oakAllSpacingTokens,re as oakBorderRadiusTokens,ee as oakBorderWidthTokens,Le as oakBoxCss,m as oakColorTokens,hi as oakDefaultTheme,ye as oakDropShadowTokens,Me as oakFontSizeTokens,Ne as oakFontTokens,ar as oakHeadingTags,kr as oakIconNames,q as oakInnerPaddingTokens,Ie as oakOpacityTokens,O as oakSpaceBetweenTokens,Se as oakTransitionTokens,$ as oakUiRoleTokens};
+//# sourceMappingURL=index.js.map