@oaknational/oak-components 0.0.27

package/README.md

@@ -0,0 +1,53 @@
+# Oak Components
+
+## Overview
+
+This is a React Typescript components library which supports React and Next applications produced by [Oak National Academy](https://www.thenational.academy/). A storybook for the components can be found [here](https://lively-meringue-8ebd43.netlify.app/) please consult OnePassword for access.
+
+## Usage
+
+TODO: Instructions for how to add Oak Components to a React App
+
+## Install for development
+
+1. Copy the example env config `cp .env.example .env`
+2. Ask a colleague for the values to populate `.env`
+3. run `nvm use`
+4. run `npm install`
+5. To view the storybook run `npm run storybook`
+
+## Structure
+
+Components are organised into a three tier hierarchical structure applying the following rules:
+
+### Base components
+
+- Imports from other base components
+- Imports from Ui and Integrated components are forbidden!
+- Generic
+- Unstyled
+- Avoid embedded logic and state
+- No sub-components
+  (eg. Box)
+
+### Ui components
+
+- Imports from base components and Ui components
+- Imports from Integrated components are forbidden!
+- Generic
+- Styled
+- Avoid embedded logic and state
+- No sub-components
+  (eg. IconButton)
+
+### Integrated components
+
+- Imports from base components, Ui components and occasionally Integrated components
+- Combines multiple Ui components together
+- Applicable to a limited range of contexts which might occur in multiple apps
+- Styled
+- May contain embedded logic or state
+- May be split into sub-components
+  (eg. SchoolInputForm)
+
+  NB. these rules are a work in progress. Modifications may be required as the library builds.

package/dist/cjs/index.js

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