@oaknational/oak-components 0.0.37 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +38 -16
- package/package.json +30 -6
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/index.js +0 -2
- package/dist/esm/index.js.map +0 -1
- package/dist/types.d.ts +0 -1387
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) [2024] [Oak National Academy]
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
|
+
<img alt="Oak National Academy" src="https://github.com/oaknational/oak-components/assets/122096/3b34c863-ff79-403a-a38e-0c997003909c" width="300" style="margin-bottom: 2rem" />
|
|
2
|
+
|
|
1
3
|
# Oak Components
|
|
2
4
|
|
|
3
5
|
## Overview
|
|
4
6
|
|
|
5
|
-
This is a React Typescript components library which supports React and Next applications produced by [Oak National Academy](https://www.thenational.academy/). A
|
|
7
|
+
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 1Password for access.
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
6
10
|
|
|
7
|
-
|
|
11
|
+
This library is suitable for use in an app using React 18 and Next.js 13+
|
|
8
12
|
|
|
9
|
-
|
|
13
|
+
You can install it using `npm i @oaknational/oak-components` or any other package manager that supports the NPM registry.
|
|
10
14
|
|
|
11
|
-
##
|
|
15
|
+
## Development
|
|
12
16
|
|
|
13
17
|
1. Copy the example env config `cp .env.example .env`
|
|
14
18
|
2. Ask a colleague for the values to populate `.env`
|
|
@@ -16,38 +20,56 @@ TODO: Instructions for how to add Oak Components to a React App
|
|
|
16
20
|
4. run `npm install`
|
|
17
21
|
5. To view the storybook run `npm run storybook`
|
|
18
22
|
|
|
23
|
+
## Testing components inside a host app like OWA
|
|
24
|
+
|
|
25
|
+
Sometimes it isn't enough to develop entirely inside Storybook and it might be necessary to try local changes inside a target app. You can do this with [yalc](https://github.com/wclr/yalc)
|
|
26
|
+
|
|
27
|
+
1. Install yalc `npm i yalc -g`
|
|
28
|
+
2. Run `npm run publish:local` to add the package to yalc's local registry.
|
|
29
|
+
3. Inside the target app run `yalc add @oaknational/oak-components` — this will install the package from the local registry like it would from NPM
|
|
30
|
+
- 🚨 if you're an Oak engineer developing in OWA there is a convenience script and you should use `npm run use-local-components` instead
|
|
31
|
+
as it will perform some additional work to remove any existing installation of the package.
|
|
32
|
+
4. Now when you start your target app you should have access to the locally packaged version of the library
|
|
33
|
+
5. To uninstall the local package you can run `yalc remove @oaknational/oak-components` inside the target app
|
|
34
|
+
- 🚨 if you're an Oak engineer developing in OWA there is a convenience script and you should use `npm run remove-local-components` instead
|
|
35
|
+
as it will automaticallyt re-install the library from NPM.
|
|
36
|
+
|
|
19
37
|
## Structure
|
|
20
38
|
|
|
39
|
+
We're trying to follow the tenets of "Atomic design". [Brad Frost's book](https://atomicdesign.bradfrost.com/) is
|
|
40
|
+
a great resource if you're just starting out building your first component for this library. It's also a great reference
|
|
41
|
+
if you're in doubt as to where a component belongs (it can be a little fuzzy at times!).
|
|
42
|
+
|
|
21
43
|
Components are organised into a three tier hierarchical structure applying the following rules:
|
|
22
44
|
|
|
23
|
-
###
|
|
45
|
+
### Atoms
|
|
24
46
|
|
|
25
|
-
-
|
|
26
|
-
- Imports from
|
|
47
|
+
- Can import other atoms
|
|
48
|
+
- Imports from molecules and organisms are forbidden!
|
|
27
49
|
- Generic
|
|
28
50
|
- Unstyled
|
|
29
51
|
- Avoid embedded logic and state
|
|
30
52
|
- No sub-components
|
|
31
|
-
(eg. Box)
|
|
53
|
+
(eg. `Box`)
|
|
32
54
|
|
|
33
|
-
###
|
|
55
|
+
### Molecules
|
|
34
56
|
|
|
35
|
-
- Imports from
|
|
36
|
-
- Imports from
|
|
57
|
+
- Imports from atoms components and other molecules
|
|
58
|
+
- Imports from organisms are forbidden!
|
|
37
59
|
- Generic
|
|
38
60
|
- Styled
|
|
39
61
|
- Avoid embedded logic and state
|
|
40
62
|
- No sub-components
|
|
41
|
-
(eg. IconButton)
|
|
63
|
+
(eg. `IconButton`)
|
|
42
64
|
|
|
43
|
-
###
|
|
65
|
+
### Organisms
|
|
44
66
|
|
|
45
|
-
- Imports from
|
|
46
|
-
- Combines multiple
|
|
67
|
+
- Imports from atoms, molecules and occasionally organisms
|
|
68
|
+
- Combines multiple molecules together
|
|
47
69
|
- Applicable to a limited range of contexts which might occur in multiple apps
|
|
48
70
|
- Styled
|
|
49
71
|
- May contain embedded logic or state
|
|
50
72
|
- May be split into sub-components
|
|
51
|
-
(eg. SchoolInputForm)
|
|
73
|
+
(eg. `SchoolInputForm`)
|
|
52
74
|
|
|
53
75
|
NB. these rules are a work in progress. Modifications may be required as the library builds.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oaknational/oak-components",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"licence": "MIT",
|
|
5
5
|
"description": "Shared components for Oak applications",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -24,26 +24,28 @@
|
|
|
24
24
|
"build-storybook": "storybook build",
|
|
25
25
|
"prepare": "husky install",
|
|
26
26
|
"prepublishOnly": "./scripts/prepublish.sh",
|
|
27
|
-
"postpublish": "./scripts/postpublish.sh",
|
|
28
27
|
"publish:local": "npm run build && yalc publish --no-scripts"
|
|
29
28
|
},
|
|
30
29
|
"author": "",
|
|
31
|
-
"license": "ISC",
|
|
32
30
|
"peerDependencies": {
|
|
33
31
|
"next": "13.4.4 - 14",
|
|
32
|
+
"next-cloudinary": "^5.20.0",
|
|
34
33
|
"react": "^18.2.0",
|
|
35
34
|
"react-dom": "^18.2.0",
|
|
36
|
-
"styled-components": "^5.3.11"
|
|
37
|
-
"next-cloudinary": "^5.20.0"
|
|
35
|
+
"styled-components": "^5.3.11"
|
|
38
36
|
},
|
|
39
37
|
"devDependencies": {
|
|
40
38
|
"@commitlint/cli": "^18.4.4",
|
|
41
39
|
"@commitlint/config-conventional": "^18.4.4",
|
|
40
|
+
"@dnd-kit/core": "^6.1.0",
|
|
41
|
+
"@dnd-kit/sortable": "^8.0.0",
|
|
42
42
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
43
43
|
"@rollup/plugin-json": "^6.1.0",
|
|
44
44
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
45
45
|
"@rollup/plugin-terser": "^0.4.4",
|
|
46
46
|
"@rollup/plugin-typescript": "^11.1.5",
|
|
47
|
+
"@semantic-release/git": "^10.0.1",
|
|
48
|
+
"@semantic-release/npm": "^11.0.2",
|
|
47
49
|
"@storybook/addon-a11y": "^7.6.7",
|
|
48
50
|
"@storybook/addon-essentials": "^7.6.7",
|
|
49
51
|
"@storybook/addon-interactions": "^7.6.7",
|
|
@@ -98,5 +100,27 @@
|
|
|
98
100
|
"bugs": {
|
|
99
101
|
"url": "https://github.com/oaknational/oak-components/issues"
|
|
100
102
|
},
|
|
101
|
-
"homepage": "https://github.com/oaknational/oak-components#readme"
|
|
103
|
+
"homepage": "https://github.com/oaknational/oak-components#readme",
|
|
104
|
+
"release": {
|
|
105
|
+
"branches": [
|
|
106
|
+
"main"
|
|
107
|
+
],
|
|
108
|
+
"plugins": [
|
|
109
|
+
"@semantic-release/commit-analyzer",
|
|
110
|
+
"@semantic-release/release-notes-generator",
|
|
111
|
+
"@semantic-release/npm",
|
|
112
|
+
[
|
|
113
|
+
"@semantic-release/git",
|
|
114
|
+
{
|
|
115
|
+
"assets": [
|
|
116
|
+
"package.json"
|
|
117
|
+
],
|
|
118
|
+
"message": "build(release): ${nextRelease.version} [skip ci]"
|
|
119
|
+
}
|
|
120
|
+
]
|
|
121
|
+
]
|
|
122
|
+
},
|
|
123
|
+
"overrides": {
|
|
124
|
+
"jsdom": "24.0.0"
|
|
125
|
+
}
|
|
102
126
|
}
|
package/dist/cjs/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var n=require("styled-components"),e=require("react"),r=require("next/image"),t=require("next-cloudinary"),o=require("next/link");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=i(n),d=i(e),l=i(r),c=i(o),s=function(){return s=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},s.apply(this,arguments)};function u(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 b(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 g(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var h={white:"#ffffff",grey10:"#f9f9f9",grey20:"#f2f2f2",grey30:"#e4e4e4",grey40:"#cacaca",grey50:"#808080",grey60:"#575757",grey70:"#2d2d2d",black:"#222222",oakGreen:"#287c34",mint:"#bef2bd",mint30:"#ebfbeb",mint50:"#dff9de",mint110:"#93e892",aqua:"#b0e2de",aqua30:"#e7f6f5",aqua50:"#cee7e5",aqua110:"#7cd8d0",lavender:"#a0b6f2",lavender30:"#e3e9fb",lavender50:"#c6d1ef",lavender110:"#7c9aec",pink:"#deb7d5",pink30:"#f5e9f2",pink50:"#e5d1e0",pink110:"#cf9cc3",lemon:"#ffe555",lemon30:"#fff7cc",lemon50:"#f6e8a0",lemon110:"#fbd60e",amber:"#ff934e",amber30:"#ffece0",amber50:"#ffc8a6",red:"#dd0035",red30:"#f8d8e0",red50:"#ee809a",navy:"#0d24c4",navy110:"#0a1d9d",navy120:"#081676",blue:"#374cf1",magenta:"#d02aa7",purple:"#845ad9",teal:"#037b7d",transparent:"transparent"},p={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%)",navy:"invert(21%) sepia(90%) saturate(3220%) hue-rotate(232deg) brightness(71%) contrast(127%)",navy110:"invert(16%) sepia(72%) saturate(7176%) hue-rotate(239deg) brightness(61%) contrast(109%)",navy120:"invert(12%) sepia(79%) saturate(3172%) hue-rotate(231deg) brightness(82%) contrast(114%)"},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 m(n){if(null!=n)return n in h?h[n]:f.includes(n)?function(e){var r=e.theme.uiColors[n];return h[r]}:void 0}function v(n){return!!n}var $,w,x,k,y,C,E={small:750,large:1280},I=Object.values(E).sort((function(n,e){return n>e?1:-1})),j=function(n){return E[n]},z=function(e,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($||($=g(["\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(x||(x=g(["\n ","\n "],["\n ","\n "])),i(a[0]))],b(I.slice(0,a.length).map((function(e,r){var t=a[r+1];if(void 0!==t)return n.css(y||(y=g(["\n @media (min-width: ","px) {\n ","\n }\n "],["\n @media (min-width: ","px) {\n ","\n }\n "])),e,n.css(k||(k=g(["\n ","\n "],["\n ","\n "])),i(t)))})).filter(v)),!1):n.css(w||(w=g(["\n ","\n "],["\n ","\n "])),i(a))}},S=n.css(C||(C=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("color",(function(n){return n.$color}),m),z("background",(function(n){return n.$background}),m)),B=16,O=3;function T(n){return Number((n/B).toFixed(O))}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},L={"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"},M={"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 A(n){if(null!=n)return n in N?"".concat(T(N[n]),"rem"):n in L?"".concat(T(N[L[n]]),"rem"):n in M?"".concat(T(N[M[n]]),"rem"):n}var q,D,R,F,P,W,G,H,Q,Y,U,V,Z,_,X,J,K,nn,en,rn,tn,on,an,dn,ln,cn,sn,un,bn,gn,hn,pn,fn,mn,vn,$n,wn,xn,kn,yn,Cn,En,In,jn,zn,Sn,Bn,On,Tn,Nn=n.css(q||(q=g(["\n ","\n "," \n "," \n "," \n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n "," \n "," \n "," \n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("position",(function(n){return n.$position})),z("top",(function(n){return n.$top}),A),z("right",(function(n){return n.$right}),A),z("bottom",(function(n){return n.$bottom}),A),z("left",(function(n){return n.$left}),A),z("inset",(function(n){return n.$inset}),A),z("overflow",(function(n){return n.$overflow})),z("overflow-x",(function(n){return n.$overflowX})),z("overflow-y",(function(n){return n.$overflowY})),z("object-fit",(function(n){return n.$objectFit})),z("pointer-events",(function(n){return n.$pointerEvents})),z("visibility",(function(n){return n.$visibility}))),Ln=n.css(D||(D=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("width",(function(n){return n.$width}),A),z("min-width",(function(n){return n.$minWidth}),A),z("max-width",(function(n){return n.$maxWidth}),A),z("height",(function(n){return n.$height}),A),z("min-height",(function(n){return n.$minHeight}),A),z("max-height",(function(n){return n.$maxHeight}),A)),Mn=n.css(R||(R=g(["\n ","\n"],["\n ","\n"])),z("padding",(function(n){return n.$pa}),A)),An=n.css(F||(F=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("padding-left",(function(n){return n.$ph}),A),z("padding-right",(function(n){return n.$ph}),A)),qn=n.css(P||(P=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("padding-top",(function(n){return n.$pv}),A),z("padding-bottom",(function(n){return n.$pv}),A)),Dn=n.css(W||(W=g(["\n ","\n"],["\n ","\n"])),z("padding-left",(function(n){return n.$pl}),A)),Rn=n.css(G||(G=g(["\n ","\n"],["\n ","\n"])),z("padding-right",(function(n){return n.$pr}),A)),Fn=n.css(H||(H=g(["\n ","\n"],["\n ","\n"])),z("padding-top",(function(n){return n.$pt}),A)),Pn=n.css(Q||(Q=g(["\n ","\n"],["\n ","\n"])),z("padding-bottom",(function(n){return n.$pb}),A)),Wn=n.css(Y||(Y=g(["\n ","\n"],["\n ","\n"])),z("margin",(function(n){return n.$ma}),A)),Gn=n.css(U||(U=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("margin-left",(function(n){return n.$mh}),A),z("margin-right",(function(n){return n.$mh}),A)),Hn=n.css(V||(V=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("margin-top",(function(n){return n.$mv}),A),z("margin-bottom",(function(n){return n.$mv}),A)),Qn=n.css(Z||(Z=g(["\n ","\n"],["\n ","\n"])),z("margin-left",(function(n){return n.$ml}),A)),Yn=n.css(_||(_=g(["\n ","\n"],["\n ","\n"])),z("margin-right",(function(n){return n.$mr}),A)),Un=n.css(X||(X=g(["\n ","\n"],["\n ","\n"])),z("margin-top",(function(n){return n.$mt}),A)),Vn=n.css(J||(J=g(["\n ","\n"],["\n ","\n"])),z("margin-bottom",(function(n){return n.$mb}),A)),Zn=n.css(K||(K=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Wn,Gn,Hn,Qn,Yn,Un,Vn),_n=n.css(nn||(nn=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Mn,An,qn,Dn,Rn,Fn,Pn),Xn=n.css(en||(en=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),_n,Zn),Jn={"border-solid-none":0,"border-solid-s":1,"border-solid-m":2,"border-solid-l":3,"border-solid-xl":4},Kn={"border-radius-square":0,"border-radius-xs":2,"border-radius-s":4,"border-radius-m":6,"border-radius-m2":8,"border-radius-l":16,"border-radius-xl":24,"border-radius-circle":100},ne=function(n){if(null!=n)return n in Jn?"".concat(T(Jn[n]),"rem solid"):void 0},ee=function(n){if(null!=n)return n in Kn?"".concat(T(Kn[n]),"rem"):void 0},re=n.css(rn||(rn=g(["\n ","\n"],["\n ","\n"])),z("border",(function(n){return n.$ba}),ne)),te=n.css(tn||(tn=g(["\n ","\n"],["\n ","\n"])),z("border-top",(function(n){return n.$bt}),ne)),oe=n.css(on||(on=g(["\n ","\n"],["\n ","\n"])),z("border-right",(function(n){return n.$br}),ne)),ie=n.css(an||(an=g(["\n ","\n"],["\n ","\n"])),z("border-bottom",(function(n){return n.$bb}),ne)),ae=n.css(dn||(dn=g(["\n ","\n"],["\n ","\n"])),z("border-left",(function(n){return n.$bl}),ne)),de=n.css(ln||(ln=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("border-left",(function(n){return n.$bh}),ne),z("border-right",(function(n){return n.$bh}),ne)),le=n.css(cn||(cn=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("border-top",(function(n){return n.$bv}),ne),z("border-bottom",(function(n){return n.$bv}),ne)),ce=n.css(sn||(sn=g(["\n ","\n"],["\n ","\n"])),z("border-color",(function(n){return n.$borderColor}),m)),se=n.css(un||(un=g(["\n ","\n"],["\n ","\n"])),z("border-radius",(function(n){return n.$borderRadius}),ee)),ue=n.css(bn||(bn=g(["\n ","\n"],["\n ","\n"])),z("border-top-left-radius",(function(n){return n.$btlr}),ee)),be=n.css(gn||(gn=g(["\n ","\n"],["\n ","\n"])),z("border-top-right-radius",(function(n){return n.$btrr}),ee)),ge=n.css(hn||(hn=g(["\n ","\n"],["\n ","\n"])),z("border-bottom-left-radius",(function(n){return n.$bblr}),ee)),he=n.css(pn||(pn=g(["\n ","\n"],["\n ","\n"])),z("border-bottom-right-radius",(function(n){return n.$bbrr}),ee)),pe=n.css(fn||(fn=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("border-top-left-radius",(function(n){return n.$btr}),ee),z("border-top-right-radius",(function(n){return n.$btr}),ee)),fe=n.css(mn||(mn=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("border-bottom-left-radius",(function(n){return n.$bbr}),ee),z("border-bottom-right-radius",(function(n){return n.$bbr}),ee)),me=n.css(vn||(vn=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),re,te,oe,ie,ae,de,le,ce,se,ue,be,ge,he,pe,fe),ve=n.css($n||($n=g(["\n ","\n"],["\n ","\n"])),z("display",(function(n){return n.$display}))),$e={"drop-shadow-standard":"0 0.5rem 0.5rem rgba(92, 92, 92, 20%)","drop-shadow-lemon":"0.125rem 0.125rem 0 rgba(255, 229, 85, 100%)","drop-shadow-wide-lemon":"0.25rem 0.25rem 0 rgba(255, 229, 85, 100%)","drop-shadow-centered-lemon":"0 0 0 0.125rem rgba(255, 229, 85, 100%)","drop-shadow-grey":"0.25rem 0.25rem 0 rgba(87, 87, 87, 100%)","drop-shadow-centered-grey":"0 0 0 0.3rem rgba(87, 87, 87, 100%)"},we=function(n){return null===n?"none":n&&n in $e?$e[n]:void 0},xe=n.css(wn||(wn=g(["\n ","\n"],["\n ","\n"])),z("box-shadow",(function(n){return n.$dropShadow}),we)),ke={transparent:0,"semi-transparent":.25,"semi-opaque":.5,opaque:1},ye=n.css(xn||(xn=g(["\n ","\n"],["\n ","\n"])),z("opacity",(function(n){return n.$opacity}),(function(n){if(n)return n in ke?ke[n]:void 0}))),Ce=n.css(kn||(kn=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),z("transform",(function(n){return n.$transform})),z("transform-origin",(function(n){return n.$transformOrigin}))),Ee={"standard-ease":"all 0.3s ease","standard-transform":"rotate(-2deg) translateY(-16px) translateX(8px)"},Ie=n.css(yn||(yn=g(["\n ","\n"],["\n ","\n"])),z("transition",(function(n){return n.$transition}),(function(n){if(n)return n in Ee?Ee[n]:void 0}))),je={"font-size-1":12,"font-size-2":14,"font-size-3":16,"font-size-4":18,"font-size-5":20,"font-size-6":24,"font-size-7":32,"font-size-8":40,"font-size-9":48,"font-size-10":56},ze={"heading-1":["font-size-10",64,600,"0.0115rem"],"heading-2":["font-size-9",56,600,"0.0115rem"],"heading-3":["font-size-8",48,600,"0.0115rem"],"heading-4":["font-size-7",40,600,"0.0115rem"],"heading-5":["font-size-6",32,600,"0.0115rem"],"heading-6":["font-size-5",24,600,"0.0115rem"],"heading-7":["font-size-3",20,600,"0.0115rem"],"heading-light-1":["font-size-10",64,400,"0.0115rem"],"heading-light-2":["font-size-9",56,400,"0.0115rem"],"heading-light-3":["font-size-8",48,400,"0.0115rem"],"heading-light-4":["font-size-7",40,400,"0.0115rem"],"heading-light-5":["font-size-6",32,400,"0.0115rem"],"heading-light-6":["font-size-5",24,400,"0.0115rem"],"heading-light-7":["font-size-3",20,400,"0.0115rem"],"body-1":["font-size-4",28,300,"-0.005rem"],"body-2":["font-size-3",24,300,"-0.005rem"],"body-3":["font-size-2",20,300,"-0.005rem"],"body-4":["font-size-1",16,300,"-0.005rem"],"body-1-bold":["font-size-4",28,700,"-0.005rem"],"body-2-bold":["font-size-3",24,700,"-0.005rem"],"body-3-bold":["font-size-2",20,700,"-0.005rem"],"list-item-1":["font-size-4",32,300,"-0.005rem"],"list-item-2":["font-size-3",24,300,"-0.005rem"]},Se=n.css(Cn||(Cn=g(["\n font-family: Lexend, sans-serif;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n font-family: Lexend, sans-serif;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("font-weight",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=ze[n])||void 0===e?void 0:e[2]})),z("font-size",(function(n){return n.$font}),(function(n){var e;if(n){var r=null===(e=ze[n])||void 0===e?void 0:e[0];if(r)return"".concat(T(je[r]),"rem")}})),z("line-height",(function(n){return n.$font}),(function(n){var e;if(n){var r=null===(e=ze[n])||void 0===e?void 0:e[1];if(r)return"".concat(T(r),"rem")}})),z("letter-spacing",(function(n){return n.$font}),(function(n){var e;if(n)return null===(e=ze[n])||void 0===e?void 0:e[3]})),z("text-align",(function(n){return n.$textAlign})),z("text-decoration",(function(n){return n.$textDecoration})),z("white-space",(function(n){return n.$whiteSpace})),z("word-wrap",(function(n){return n.$wordWrap})),z("text-overflow",(function(n){return n.$textOverflow}))),Be={behind:-1,neutral:0,"in-front":1,"mobile-filters":2,"fixed-header":100,"modal-close-button":150,"modal-dialog":300},Oe=n.css(En||(En=g(["\n ","\n"],["\n ","\n"])),z("z-index",(function(n){return n.$zIndex}),(function(n){if(null!=n)return Be[n]}))),Te=n.css(jn||(jn=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),Nn,Ln,Xn,S,me,ve,xe,ye,Ce,Ie,Se,Oe,(function(e){return e.onClick&&n.css(In||(In=g(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),Ne=a.default.div(zn||(zn=g(["\n ","\n"],["\n ","\n"])),Te),Le=n.css(Sn||(Sn=g(["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n display: flex;\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("flex-direction",(function(n){return n.$flexDirection})),z("flex-wrap",(function(n){return n.$flexWrap})),z("align-items",(function(n){return n.$alignItems})),z("align-content",(function(n){return n.$alignContent})),z("justify-content",(function(n){return n.$justifyContent})),z("align-self",(function(n){return n.$alignSelf})),z("order",(function(n){return n.$order})),z("flex-grow",(function(n){return n.$flexGrow})),z("flex-shrink",(function(n){return n.$flexShrink})),z("flex-basis",(function(n){return n.$flexBasis}),A),z("gap",(function(n){return n.$gap}),A),z("column-gap",(function(n){return n.$columnGap}),A),z("row-gap",(function(n){return n.$rowGap}),A)),Me=a.default(Ne)(Bn||(Bn=g(["\n ","\n"],["\n ","\n"])),Le),Ae=a.default.span(On||(On=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),S,ye,Zn,_n,me,Se),qe=a.default.form(Tn||(Tn=g(["\n ","\n"],["\n ","\n"])),Te);function De(n){if(null!=n)return n in p?p[n]:f.includes(n)?function(e){var r=e.theme.uiColors[n];if(r&&r in p)return p[r]}:void 0}var Re,Fe,Pe,We,Ge,He,Qe,Ye,Ue,Ve,Ze,_e,Xe,Je,Ke,nr=n.css(Re||(Re=g(["\n ","\n"],["\n ","\n"])),z("filter",(function(n){return n.$colorFilter}),De)),er=n.css(Pe||(Pe=g(["\n ","\n"],["\n ","\n"])),(function(e){return e.onClick&&n.css(Fe||(Fe=g(["\n :hover {\n cursor: pointer;\n }\n "],["\n :hover {\n cursor: pointer;\n }\n "])))})),rr=n.css(Ge||(Ge=g(["\n ","\n"],["\n ","\n"])),(function(e){return e.$showOakPlaceholder&&n.css(We||(We=g(["\n background-image: url(",");\n background-color: ",";\n background-size: ",";\n background-position: center;\n background-repeat: no-repeat;\n "],["\n background-image: url(",");\n background-color: ",";\n background-size: ",";\n background-position: center;\n background-repeat: no-repeat;\n "])),"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZmlsbD0iIzIyMiIgZD0iTTI4Ljc3OSAxOS4xNzZhMjcuMTkxIDI3LjE5MSAwIDAgMC0zLjggMS42IDE2LjcgMTYuNyAwIDAgMC03LjEgOC40YzAgLjEtLjEuMi0uMS4zLS43IDIuNC0uNiAyIDEuMyAyLjMgMS45LjMgMSAuNSAxIDEuMy0uMSA4LjggNC4xIDE1LjEgMTEuNCAxOS42YTEuNSAxLjUgMCAwIDAgMS43LjJjNS43LTIuNiA5LjMtNyAxMC4zLTEzLjJhMSAxIDAgMCAxIDEtMWwzLS4yYy44IDAgMS4zLjIgMS4yIDEuMmExNy45IDE3LjkgMCAwIDEtMy4yIDkuMiAyMy43IDIzLjcgMCAwIDEtMTAuOSA5LjEgNS40MDEgNS40MDEgMCAwIDEtNC41LS4yIDI2LjI5OCAyNi4yOTggMCAwIDEtOC41LTYuNiAyNS45IDI1LjkgMCAwIDEtNi40LTE0LjRjMC0uNi0uMi0uNy0uOC0uOC0yLjUtLjQtMi41LS4xLTIuMy0yLjlhMTkuMyAxOS4zIDAgMCAxIDEwLjgtMTYuNiAzOC45OTkgMzguOTk5IDAgMCAxIDUuNy0yLjEgMi4xIDIuMSAwIDAgMCAuOS0xLjMgMTQuMSAxNC4xIDAgMCAxIDMuNS02LjNsLjMtLjNjMS45LTIgMi42LTIgNC4zLjJsLjQuNWMxLjEgMS4xIDEgMS41LS4xIDIuNmExMS45IDExLjkgMCAwIDAtMy4yIDQuNCAxNi45IDE2LjkgMCAwIDEgNy41IDIuM2M1LjcgMy41IDkuMiA4LjMgOS45IDE1IC4wMTYuOTAxLS4wMTcgMS44MDItLjEgMi43IDAgLjgtLjYgMS0xLjIgMS4yYTE2LjEgMTYuMSAwIDAgMS0xMS0uNyAxNy45MDEgMTcuOTAxIDAgMCAxLTEwLjktMTMuNiA5Ljc5NiA5Ljc5NiAwIDAgMS0uMS0xLjlabTE4LjEgMTIuMmMuNC01LjUtNi45LTEyLjYtMTMtMTIuMS41IDYuNSA3LjYgMTIuOCAxMyAxMi4xWiIgb3BhY2l0eT0iLjEiLz48L3N2Zz4=",m("bg-decorative2-very-subdued"),A("all-spacing-11"))})),tr=a.default(l.default)(He||(He=g(["\n ","\n ","\n ","\n object-fit: contain;\n"],["\n ","\n ","\n ","\n object-fit: contain;\n"])),nr,er,rr),or=a.default(l.default)(Qe||(Qe=g(["\n ","\n ","\n ","\n width: 100%;\n height: auto;\n"],["\n ","\n ","\n ","\n width: 100%;\n height: auto;\n"])),nr,er,rr),ir=function(n){var r=u(n,[]),t=r.as,o=r.src,i=r.alt,a=r.width,c=r.height,g=r.sizes,h=r.$width,p=void 0===h?"100%":h,f=r.$position,m=void 0===f?"relative":f,v=r.$colorFilter,$=r.placeholder,w=void 0===$?"oak":$,x=r.unoptimized,k=r.imageProps,y=r.onLoad,C=r.onError,E=u(r,["as","src","alt","width","height","sizes","$width","$position","$colorFilter","placeholder","unoptimized","imageProps","onLoad","onError"]),I="oak"===w?void 0:w,j=function(){var n=b(e.useState(!1),2),r=n[0],t=n[1];return{showPlaceholder:r,setImg:e.useCallback((function(n){n&&t(!n.complete)}),[]),handleComplete:function(n){return function(e){n&&n(e),t(!1)}}}}(),z=j.showPlaceholder,S=j.handleComplete,B=j.setImg;return a&&c?d.default.createElement(Ne,s({$maxWidth:"all-spacing-0",$position:m},E),d.default.createElement(or,s({ref:B,as:null!=t?t:l.default,src:o,alt:i,width:a,height:c,sizes:g,unoptimized:x,$colorFilter:v,placeholder:I,$showOakPlaceholder:"oak"===w&&z,onLoad:S(y),onError:S(C)},k))):d.default.createElement(Ne,s({$position:m,$width:p},E),d.default.createElement(tr,s({ref:B,as:null!=t?t:l.default,src:o,alt:i,sizes:g,fill:!0,$colorFilter:v,placeholder:I,$showOakPlaceholder:"oak"===w&&z,unoptimized:x,onLoad:S(y),onError:S(C)},k)))},ar=a.default(Ne)(Ye||(Ye=g(["\n ","\n"],["\n ","\n"])),Se),dr=function(n){var e=n.tag,r=n.ariaLabel,t=n.ariaHidden,o=u(n,["tag","ariaLabel","ariaHidden"]),i=e;return d.default.createElement(i,s({},o,{"aria-label":r,"aria-hidden":t}))},lr=a.default(dr)(Ue||(Ue=g(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),Se,Zn,S,ye),cr=a.default.p(Ve||(Ve=g(["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"],["\n ","\n ","\n ","\n\n a {\n color: ",";\n }\n"])),Se,S,Zn,(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]})),sr=a.default.ul(_e||(_e=g(["\n ","\n margin: 0;\n ","\n"],["\n ","\n margin: 0;\n ","\n"])),(function(e){return e.$reset&&n.css(Ze||(Ze=g(["\n list-style: none;\n padding: 0;\n "],["\n list-style: none;\n padding: 0;\n "])))}),Te),ur=a.default.ol(Xe||(Xe=g(['\n counter-reset: item;\n padding: 0;\n\n li {\n display: block;\n counter-increment: item;\n margin: 0;\n padding: 0 0 0 16px;\n text-indent: -16px;\n list-style-type: none;\n line-height: 32px;\n\n // Portable text generates linebreaks within list items\n\n br {\n content: "";\n display: block;\n margin-top: 8px;\n }\n }\n\n & li::before {\n padding-right: 4px;\n content: counter(item) ".";\n }\n a {\n color: ',";\n }\n ","\n ","\n ","\n"],['\n counter-reset: item;\n padding: 0;\n\n li {\n display: block;\n counter-increment: item;\n margin: 0;\n padding: 0 0 0 16px;\n text-indent: -16px;\n list-style-type: none;\n line-height: 32px;\n\n // Portable text generates linebreaks within list items\n\n br {\n content: "";\n display: block;\n margin-top: 8px;\n }\n }\n\n & li::before {\n padding-right: 4px;\n content: counter(item) ".";\n }\n a {\n color: ',";\n }\n ","\n ","\n ","\n"])),(function(n){return n.theme&&n.theme.uiColors&&n.theme.uiColors["text-link-active"]}),Zn,S,Se),br=n.css(Je||(Je=g(["\n ","\n"],["\n ","\n"])),z("list-style",(function(n){return n.$listStyle}))),gr=a.default.li(Ke||(Ke=g(["\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n"])),Te,Se,br,ve);gr.defaultProps={$display:"revert"};var hr,pr=a.default.label(hr||(hr=g(["\n ","\n ","\n"],["\n ","\n ","\n"])),Se,S),fr={"question-mark":"v1706872277/icons/question-mark.svg",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":"v1707149070/icons/fv0z57zerrioft52dd9n.svg","worksheet-3":"v1699895429/icons/bzhojpjxp9rukdvh7daz.svg","chevron-right":"v1707752509/icons/vk9xxxhnsltsickom6q9.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":"v1707149179/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":"v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg",download:"v1699953991/icons/dk0f6a6hdpzxftjosngn.svg",search:"v1704901279/icons/canbi3fuz5fanzom2hvi.svg","chevron-up":"v1699954058/icons/pay71thmhhylj7z28sj1.svg",go:"v1699954090/icons/vdzptyvmitylra8x4usy.svg",copyright:"v1699954118/icons/boiod3rflocgsnfokyo8.svg","arrow-down":"v1699954152/icons/wpfmbmwpyfinipg0d61y.svg",project:"v1699954186/icons/zofq5pheud6spnwjpewk.svg","slide-deck":"v1699954241/icons/sjjy5f3g4eciwcuxxr33.svg","content-guidance":"v1699954277/icons/tm3uhcqenaznq4fxys7j.svg",tick:"v1699954310/icons/efd3esaor6zqk7seh6kt.svg",instagram:"v1699954343/icons/ayfeljric0kkimdymvva.svg",dot:"v1699954371/icons/knykdclphkm8lgff4u2g.svg","dot-png":"v1699954394/icons/qecbh291nzwmhcvqayqd.png",warning:"v1704901279/icons/zzszodmk7fvxm9xzzg9s.svg","lightbulb-yellow":"v1705078631/icons/q2v4sqxouy1ngcajoavv.svg",lightbulb:"v1705078631/icons/zldisxmbff36z68rwcef.svg",quiz:"v1705416077/icons/kaaizjcudy0jfgfrrdel.svg",video:"v1705416078/icons/wzey1zfxrvv3apeebbf5.svg",intro:"v1705662092/icons/pl7bnmb13txese9yxkjv.svg","subject-art":"subject-icons/art.svg","subject-biology":"subject-icons/biology.svg","subject-chemistry":"subject-icons/chemistry.svg","subject-citizenship":"subject-icons/citizenship.svg","subject-combined-science":"subject-icons/science.svg","subject-communication-and-language":"subject-icons/communication-and-language.svg","subject-computing":"subject-icons/computing.svg","subject-computing-non-gcse":"subject-icons/computing.svg","subject-creative-arts":"subject-icons/creative-arts.svg","subject-design-technology":"subject-icons/design-technology.svg","subject-drama":"subject-icons/drama.svg","subject-english":"subject-icons/english.svg","subject-english-grammar":"subject-icons/english-grammar.svg","subject-english-reading-for-pleasure":"subject-icons/literature.svg","subject-english-spelling":"subject-icons/english-spelling.svg","subject-french":"subject-icons/french.svg","subject-geography":"subject-icons/geography.svg","subject-german":"subject-icons/german.svg","subject-history":"subject-icons/history.svg","subject-independent-living":"subject-icons/independent-living.svg","subject-latin":"subject-icons/latin.svg","subject-maths":"subject-icons/maths.svg","subject-music":"subject-icons/music-hollow.svg","subject-numeracy":"subject-icons/numeracy.svg","occupational-therapy":"subject-icons/therapy.svg","subject-physical-development":"subject-icons/physical-development.svg","subject-physical-education":"subject-icons/physical-education.svg","subject-physical-therapy":"subject-icons/physical-therapy.svg","subject-physics":"subject-icons/physics.svg","subject-religious-education":"subject-icons/religious-education.svg","subject-rshe-pshe":"subject-icons/rshe-pshe.svg","subject-science":"subject-icons/science.svg","subject-sensory-integration":"subject-icons/sensory-integration.svg","subject-spanish":"subject-icons/spanish.svg","subject-speech-and-language-therapy":"subject-icons/speech-and-language.svg","subject-therapy":"subject-icons/therapy.svg","subject-understanding-the-world":"subject-icons/understanding-the-world.svg"},mr=Object.keys(fr);var vr,$r,wr,xr,kr,yr=function(n){var e=n.iconName,r=n.alt,t=n.$width,o=void 0===t?"all-spacing-7":t,i=n.$height,a=void 0===i?"all-spacing-7":i;n.imageProps;var l=u(n,["iconName","alt","$width","$height","imageProps"]);return d.default.createElement(ir,s({src:"https://".concat(process.env.NEXT_PUBLIC_OAK_ASSETS_HOST,"/").concat(process.env.NEXT_PUBLIC_OAK_ASSETS_PATH,"/").concat(fr[e]),alt:null!=r?r:e,$width:o,$height:a,placeholder:"empty",unoptimized:!0},l))},Cr=n.css(vr||(vr=g(["\n ","\n ","\n ","\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n ","\n ","\n ","\n"])),z("row-gap",(function(n){return n.$rg}),A),z("column-gap",(function(n){return n.$cg}),A),z("grid-auto-rows",(function(n){return n.$gridAutoRows})),z("grid-template-areas",(function(n){return n.$gridTemplateAreas})),z("grid-template-columns",(function(n){return n.$gridTemplateColumns})),z("grid-template-rows",(function(n){return n.$gridTemplateRows}))),Er=a.default(Ne)($r||($r=g(["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n width: 100%;\n ","\n"],["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n width: 100%;\n ","\n"])),Cr),Ir=function(n,e){return n?"".concat(n,"/").concat(e):"".concat(e)},jr=function(n){if(null==n?void 0:n.includes("/")){var e=b(n.split("/"),2),r=e[0],t=e[1];return"".concat(r," / span ").concat(t)}return"span ".concat(n)},zr=n.css(wr||(wr=g(["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"],["\n flex-direction: column;\n ",";\n ",";\n ",";\n ",";\n ","\n ","\n ","\n"])),z("grid-column",(function(n){return Array.isArray(n.$colSpan)?n.$colSpan.map((function(e,r){return Ir(Array.isArray(n.$colStart)?n.$colStart[r]:n.$colStart,e)})):Ir(Array.isArray(n.$colStart)?n.$colStart[0]:n.$colStart,n.$colSpan)}),(function(n){return jr(n)})),z("grid-row",(function(n){return Array.isArray(n.$rowSpan)?n.$rowSpan.map((function(e,r){return Ir(Array.isArray(n.$rowStart)?n.$rowStart[r]:n.$rowStart,e)})):Ir(Array.isArray(n.$rowStart)?n.$rowStart[0]:n.$rowStart,n.$rowSpan)}),(function(n){return jr(n)})),z("order",(function(n){return n.$order}),(function(n){return n&&"".concat(n)})),z("grid-row",(function(n){return n.$rowSpan?"span ".concat(n.$rowSpan):"span 1"})),z("grid-column-start",(function(n){return n.$colStart})),z("grid-column-end",(function(n){return n.$colEnd})),z("grid-row-start",(function(n){return n.$rowStart}))),Sr=a.default(Me)(xr||(xr=g(["\n ","\n"],["\n ","\n"])),zr),Br=a.default(Me)(kr||(kr=g([""],[""])));function Or(n,e){return n.toString().replace(function(n){var e=new URL(t.getCldImageUrl({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 Tr,Nr,Lr,Mr,Ar,qr,Dr,Rr,Fr,Pr,Wr,Gr,Hr,Qr,Yr,Ur,Vr,Zr,_r,Xr,Jr,Kr,nt,et=e.createContext(void 0),rt=et.Provider,tt=n.css(Tr||(Tr=g(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"],["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n"]))),ot=a.default.span(Nr||(Nr=g(["\n ","\n"],["\n ","\n"])),tt),it=n.keyframes(Lr||(Lr=g(["\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n"],["\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n"]))),at=a.default.span(Dr||(Dr=g(["\n ",'\n --inner-width: calc(var(--width) / 10 * 8);\n --thickness: calc(var(--width) / 12);\n\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 display: inline-flex;\n width: var(--width);\n height: var(--width);\n\n ::after {\n content: " ";\n display: block;\n width: var(--inner-width);\n height: var(--inner-width);\n margin: var(--thickness);\n border-radius: 50%;\n border: var(--thickness) solid currentcolor;\n ',"\n animation: "," 1.2s linear infinite;\n }\n ","\n"])),(function(e){return e.$width?z("--width",(function(n){return n.$width}),A):n.css(Mr||(Mr=g(["\n --width: 1.25rem;\n "],["\n --width: 1.25rem;\n "])))}),(function(e){return e.loaderColor?n.css(Ar||(Ar=g(["\n border-color: "," ","\n "," transparent;\n "],["\n border-color: "," ","\n "," transparent;\n "])),e.loaderColor,e.loaderColor,e.loaderColor):n.css(qr||(qr=g(["\n border-color: currentcolor currentcolor currentcolor transparent;\n "],["\n border-color: currentcolor currentcolor currentcolor transparent;\n "])))}),it,S),dt=function(n){return d.default.createElement(at,s({},n),d.default.createElement(ot,null,"Loading"))},lt=n.css(Rr||(Rr=g(["\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n text-align: left;\n font-family: unset;\n outline: none;\n ","\n ","\n ","\n ","\n ","\n ","\n &:disabled {\n pointer-events: none;\n cursor: default;\n }\n"],["\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n text-align: left;\n font-family: unset;\n outline: none;\n ","\n ","\n ","\n ","\n ","\n ","\n &:disabled {\n pointer-events: none;\n cursor: default;\n }\n"])),Se,S,Xn,ve,me,xe),ct=a.default((function(n){var r=n.onClick,t=n.onHovered,o=n.element,i=void 0===o?"button":o,a=u(n,["onClick","onHovered","element"]),l=e.useRef(Date.now());return d.default.createElement(i,s({},a,{onClick:function(n){r&&r(n)},onMouseEnter:function(){l.current=Date.now()},onMouseLeave:function(n){var e=Date.now()-l.current;t&&t(n,e)}}))}))(Fr||(Fr=g(["\n ","\n"],["\n ","\n"])),lt),st=a.default(ct)(Wr||(Wr=g(["\n ","\n ","\n display: inline-block;\n ","\n"],["\n ","\n ","\n display: inline-block;\n ","\n"])),Nn,Ln,(function(e){return n.css(Pr||(Pr=g(["\n &:hover {\n text-decoration: underline;\n color: ",";\n background: ",";\n border-color: ",";\n }\n &:active {\n background: ",";\n border-color: ",";\n color: ",";\n }\n &:disabled {\n background: ",";\n border-color: ",";\n color: ",";\n }\n "],["\n &:hover {\n text-decoration: underline;\n color: ",";\n background: ",";\n border-color: ",";\n }\n &:active {\n background: ",";\n border-color: ",";\n color: ",";\n }\n &:disabled {\n background: ",";\n border-color: ",";\n color: ",";\n }\n "])),m(e.$hoverTextColor),m(e.$hoverBackground),m(e.$hoverBorderColor),m(e.$defaultBackground),m(e.$defaultBorderColor),m(e.$defaultTextColor),m(e.$disabledBackground),m(e.$disabledBorderColor),m(e.$disabledTextColor))})),ut=a.default(Ne)(Gr||(Gr=g(["\n .grey-shadow:has(+ * + .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:hover),\n .yellow-shadow:has(+ .internal-button:hover:not(:focus-visible, :active)) {\n box-shadow: ",";\n }\n .grey-shadow:has(+ * + .internal-button:hover) {\n box-shadow: none;\n }\n .grey-shadow:has(+ * + .internal-button:active) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:active) {\n box-shadow: ",";\n }\n"],["\n .grey-shadow:has(+ * + .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:focus-visible) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:hover),\n .yellow-shadow:has(+ .internal-button:hover:not(:focus-visible, :active)) {\n box-shadow: ",";\n }\n .grey-shadow:has(+ * + .internal-button:hover) {\n box-shadow: none;\n }\n .grey-shadow:has(+ * + .internal-button:active) {\n box-shadow: ",";\n }\n .yellow-shadow:has(+ .internal-button:active) {\n box-shadow: ",";\n }\n"])),we("drop-shadow-centered-grey"),we("drop-shadow-centered-lemon"),(function(n){return we(n.$hoverShadow)}),we("drop-shadow-grey"),we("drop-shadow-lemon")),bt=function(n){var e=n.element,r=void 0===e?"button":e,t=n.children,o=n.iconName,i=n.isTrailingIcon,a=n.isLoading,l=n.disabled,c=n.width,b=void 0===c?"max-content":c,g=n.maxWidth,h=n.defaultBackground,p=n.defaultBorderColor,f=n.defaultTextColor,m=n.disabledTextColor,v=n.hoverTextColor,$=n.hoverBackground,w=n.hoverBorderColor,x=n.disabledBackground,k=n.disabledBorderColor,y=n.className,C=n.hoverShadow,E=void 0===C?"drop-shadow-lemon":C,I=u(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","defaultBackground","defaultBorderColor","defaultTextColor","disabledTextColor","hoverTextColor","hoverBackground","hoverBorderColor","disabledBackground","disabledBorderColor","className","hoverShadow"]),j=d.default.createElement(d.default.Fragment,null,o&&d.default.createElement(yr,{iconName:o,$width:"all-spacing-6",$height:"all-spacing-6",$colorFilter:n.disabled?m:f})),z=d.default.createElement(Ne,{$width:"all-spacing-6",$height:"all-spacing-6"},d.default.createElement(dt,{$width:"all-spacing-6"})),S=d.default.createElement(d.default.Fragment,null,a&&!l?z:j);return d.default.createElement(ut,{className:y,$position:"relative",$width:b,$maxWidth:g,$hoverShadow:E},d.default.createElement(Ne,{className:"grey-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%",$top:"all-spacing-0"}),d.default.createElement(Ne,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-s",$width:"100%",$height:"100%",$top:"all-spacing-0"}),d.default.createElement(st,s({element:r,className:"internal-button",$ba:"border-solid-m",$background:h,$borderColor:p,$color:f,$pv:"inner-padding-s",$ph:"inner-padding-m",$borderRadius:"border-radius-s",$position:"relative",disabled:l||a,$width:"100%",$height:"100%",$hoverTextColor:v,$hoverBackground:$,$hoverBorderColor:w,$defaultTextColor:f,$defaultBackground:h,$defaultBorderColor:p,$disabledTextColor:m,$disabledBackground:x,$disabledBorderColor:k},I),d.default.createElement(Me,{$flexDirection:"row",$alignItems:"center",$gap:"space-between-ssx",$justifyContent:"center"},!i&&S,d.default.createElement(Ae,{$font:"heading-7"},t),i&&S)))},gt=function(n){var e=n.element,r=u(n,["element"]);return d.default.createElement(bt,s({element:null!=e?e:"button",defaultBorderColor:"bg-btn-primary",defaultBackground:"bg-btn-primary",defaultTextColor:"text-inverted",hoverBackground:"bg-btn-primary-hover",hoverBorderColor:"bg-btn-primary-hover",hoverTextColor:"text-inverted",disabledBackground:"bg-btn-primary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-inverted"},r))},ht=function(n){var e=n.element,r=u(n,["element"]);return d.default.createElement(bt,s({element:null!=e?e:"button",defaultBorderColor:"bg-btn-secondary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary",hoverBorderColor:"bg-btn-secondary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary",disabledBorderColor:"bg-btn-secondary",disabledTextColor:"text-disabled",hoverShadow:null},r))},pt=a.default(ct)(Qr||(Qr=g(["\n display: inline-block;\n ","\n ","\n ","\n"],["\n display: inline-block;\n ","\n ","\n ","\n"])),Nn,Ln,(function(e){return n.css(Hr||(Hr=g(["\n &:hover {\n text-decoration: underline;\n color: ",";\n }\n &:active {\n color: ",";\n }\n &:disabled {\n color: ",";\n }\n "],["\n &:hover {\n text-decoration: underline;\n color: ",";\n }\n &:active {\n color: ",";\n }\n &:disabled {\n color: ",";\n }\n "])),m(e.$hoverTextColor),m(e.$defaultTextColor),m(e.$disabledTextColor))})),ft=a.default(Ne)(Ur||(Ur=g(["\n > :first-child:focus-visible .shadow {\n box-shadow: ",",\n ",";\n }\n > :first-child:hover .shadow {\n box-shadow: ",";\n }\n > :first-child:active .shadow {\n box-shadow: ",",\n ",";\n }\n ","\n"],["\n > :first-child:focus-visible .shadow {\n box-shadow: ",",\n ",";\n }\n > :first-child:hover .shadow {\n box-shadow: ",";\n }\n > :first-child:active .shadow {\n box-shadow: ",",\n ",";\n }\n ","\n"])),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),we("drop-shadow-lemon"),we("drop-shadow-lemon"),we("drop-shadow-grey"),(function(e){return n.css(Yr||(Yr=g(["\n > :first-child:disabled .icon-container {\n background: ",";\n }\n > :first-child:hover .icon-container {\n background: ",";\n }\n > :first-child:active .icon-container {\n background: ",";\n }\n "],["\n > :first-child:disabled .icon-container {\n background: ",";\n }\n > :first-child:hover .icon-container {\n background: ",";\n }\n > :first-child:active .icon-container {\n background: ",";\n }\n "])),m(e.$disabledIconBackground),m(e.$hoverIconBackground),m(e.$defaultIconBackground))})),mt=function(n){var e=n.element,r=void 0===e?"button":e,t=n.children,o=n.iconName,i=n.isTrailingIcon,a=n.isLoading,l=n.disabled,c=n.width,b=void 0===c?"max-content":c,g=n.maxWidth,h=n.iconBackgroundSize,p=n.iconSize,f=n.disabledIconBackground,m=n.disabledTextColor,v=n.defaultIconColor,$=n.hoverIconBackground,w=n.defaultIconBackground,x=n.disabledIconColor,k=n.defaultTextColor,y=n.hoverTextColor,C=n.className,E=u(n,["element","children","iconName","isTrailingIcon","isLoading","disabled","width","maxWidth","iconBackgroundSize","iconSize","disabledIconBackground","disabledTextColor","defaultIconColor","hoverIconBackground","defaultIconBackground","disabledIconColor","defaultTextColor","hoverTextColor","className"]),I=d.default.createElement(d.default.Fragment,null,o&&d.default.createElement(yr,{iconName:o,$width:p,$height:p,$colorFilter:n.disabled?x:v||null})),j=d.default.createElement(Ne,{$width:p,$height:p},d.default.createElement(dt,{$width:p,loaderColor:"white"})),z=d.default.createElement(Me,{className:"icon-container",$background:n.defaultIconBackground,$color:n.defaultTextColor,$borderRadius:"border-radius-circle",$position:"relative",$width:h,$height:h,$alignItems:"center",$justifyContent:"center",$minWidth:h},d.default.createElement(Ne,{className:"shadow",$position:"absolute",$borderRadius:"border-radius-circle",$width:"100%",$height:"100%",$top:"all-spacing-0"}),a&&!l?j:I);return d.default.createElement(ft,{className:C,$position:"relative",$width:b,$maxWidth:g,$disabledIconBackground:f,$hoverIconBackground:$,$defaultIconBackground:w},d.default.createElement(pt,s({element:null!=r?r:"button"},E,{$hoverTextColor:y,$defaultTextColor:k,$disabledTextColor:m,$color:k,$position:"relative",disabled:l||a}),d.default.createElement(Me,{$flexDirection:"row",$alignItems:"center",$gap:t?"space-between-xs":"space-between-none",$justifyContent:"center"},!i&&z,d.default.createElement(Ae,{$font:"heading-7"},t),i&&z)))},vt=function(n){var e=n.element,r=n.isTrailingIcon,t=n.iconName,o=n.children,i=u(n,["element","isTrailingIcon","iconName","children"]);return d.default.createElement(mt,s({element:null!=e?e:"button"},i,{isTrailingIcon:r,iconName:t,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)},$t=e.createContext({currentValue:"default",name:"default"}),wt=a.default(pr)(Zr||(Zr=g(["\n ","\n\n display: flex;\n ","\n ","\n"],["\n ","\n\n display: flex;\n ","\n ","\n"])),(function(e){return!e.disabled&&n.css(Vr||(Vr=g(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),z("gap",(function(n){return n.$labelGap}),A),z("align-items",(function(n){return n.$labelAlignItems}))),xt=a.default.input.attrs({type:"radio"})(Xr||(Xr=g(["\n position: absolute;\n opacity: 0;\n ","\n"],["\n position: absolute;\n opacity: 0;\n ","\n"])),(function(e){return!e.disabled&&n.css(_r||(_r=g(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),kt=a.default(Me)(Kr||(Kr=g(["\n border-radius: 50%;\n\n ","\n\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"],["\n border-radius: 50%;\n\n ","\n\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"])),(function(e){return!e.$disableFocusRing&&n.css(Jr||(Jr=g(["\n ",':focus-visible ~ &::before {\n content: "";\n height: ',";\n width: ",';\n background: "transparent"\n display: block;\n position: absolute;\n border-radius: 50%;\n border: '," ",";\n box-shadow: ",";\n }"],["\n ",':focus-visible ~ &::before {\n content: "";\n height: ',";\n width: ",';\n background: "transparent"\n display: block;\n position: absolute;\n border-radius: 50%;\n border: '," ",";\n box-shadow: ",";\n }"])),xt,A("all-spacing-7"),A("all-spacing-7"),ne("border-solid-m"),m("grey60"),"inset 0 0 0 0.13rem ".concat(m("lemon")))}),xt,(function(n){return A(n.$radioInnerSize)}),(function(n){return A(n.$radioInnerSize)}),m("black"),ne("border-solid-m"),m("white")),yt=a.default(kt)(nt||(nt=g(["\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"],["\n ",':checked ~ &::after {\n content: "";\n height: ',";\n width: ",";\n background: ",";\n position: absolute;\n border-radius: 50%;\n border: "," ",";\n }\n"])),xt,(function(n){return A(n.$radioInnerSize)}),(function(n){return A(n.$radioInnerSize)}),m("bg-btn-primary-disabled"),ne("border-solid-m"),m("white")),Ct=e.forwardRef((function(n,r){var t=e.useContext($t),o=t.currentValue,i=t.name,a=t.onValueUpdated,l=n.id,c=n.label,b=n.value,g=n.tabIndex,h=n.disabled,p=n.$labelGap,f=void 0===p?"space-between-ssx":p,m=n.$labelAlignItems,v=void 0===m?"center":m,$=n.$font,w=void 0===$?"body-1":$,x=n["data-testid"],k=n.disableFocusRing,y=void 0!==k&&k,C=n.radioInnerSize,E=void 0===C?"all-spacing-4":C,I=n.radioOuterSize,j=void 0===I?"all-spacing-6":I,z=n.radioBorderWidth,S=void 0===z?"border-solid-m":z,B=n.checkedRadioBorderWidth,O=void 0===B?"border-solid-m":B,T=u(n,["id","label","value","tabIndex","disabled","$labelGap","$labelAlignItems","$font","data-testid","disableFocusRing","radioInnerSize","radioOuterSize","radioBorderWidth","checkedRadioBorderWidth"]),N=b===o,L=h||t.disabled,M=N?O:S;return d.default.createElement(Ne,s({},T),d.default.createElement(wt,{htmlFor:l,$labelAlignItems:v,$labelGap:f,$font:w,"data-testid":x,disabled:L},d.default.createElement(xt,{name:i,id:l,value:b,onChange:a,checked:b===o,tabIndex:g,disabled:L,ref:r}),L?d.default.createElement(yt,{$height:j,$width:j,$ba:M,$borderColor:"bg-btn-primary-disabled",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!y,$radioInnerSize:E}):d.default.createElement(kt,{$height:j,$width:j,$ba:M,$borderColor:"black",$flexGrow:0,$flexShrink:0,$alignItems:"center",$justifyContent:"center",$background:"white",$disableFocusRing:!!y,$radioInnerSize:E}),c))})),Et=e.forwardRef((function(n,r){var t=n.onHovered,o=u(n,["onHovered"]),i=e.useRef(Date.now());return d.default.createElement("input",s({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}))})),It=a.default(Et)(Bt||(Bt=g(["\n /* removing default appearance */\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n margin: 0;\n outline: none;\n ","\n ","\n ","\n ","\n\n &:checked {\n ",";\n }\n\n &:disabled {\n pointer-events: none;\n }\n"],["\n /* removing default appearance */\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n margin: 0;\n outline: none;\n ","\n ","\n ","\n ","\n\n &:checked {\n ",";\n }\n\n &:disabled {\n pointer-events: none;\n }\n"])),me,S,Xn,Ln,(function(e){return n.css(St||(St=g(["\n background: ",";\n "],["\n background: ",";\n "])),m(e.$checkedBackground))}));It.defaultProps={$borderRadius:"border-radius-xs",$ba:"border-solid-m",$borderColor:"text-primary",$checkedBackground:"text-primary"};var jt=a.default(It)(Nt||(Nt=g(['\n /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n @media (hover: hover) {\n &:hover:not(&:checked):not(&:disabled)::after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 60%;\n height: 60%;\n transform: translate(-50%, -50%);\n border-radius: ',";\n background: ",";\n }\n }\n"],['\n /* @media wrapper is required to prevent hover effect on iOS Safari */\n\n @media (hover: hover) {\n &:hover:not(&:checked):not(&:disabled)::after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 60%;\n height: 60%;\n transform: translate(-50%, -50%);\n border-radius: ',";\n background: ",";\n }\n }\n"])),(function(e){return n.css(Ot||(Ot=g(["\n ","\n "],["\n ","\n "])),ee(e.$hoverBorderRadius))}),(function(e){return n.css(Tt||(Tt=g(["\n ","\n "],["\n ","\n "])),m(e.$checkedBackground))}));jt.defaultProps={$hoverBorderRadius:"border-radius-xs"};var zt=n.css(Lt||(Lt=g(["\n &:focus-visible {\n box-shadow: ",";\n }\n"],["\n &:focus-visible {\n box-shadow: ",";\n }\n"])),we("drop-shadow-centered-lemon"));a.default(It)(Mt||(Mt=g(["\n ","\n"],["\n ","\n"])),zt);var St,Bt,Ot,Tt,Nt,Lt,Mt,At,qt,Dt,Rt,Ft,Pt,Wt,Gt,Ht,Qt,Yt,Ut,Vt,Zt,_t,Xt=a.default(jt)(At||(At=g(["\n ","\n"],["\n ","\n"])),zt),Jt=a.default(pr)(qt||(qt=g(["\n display: flex;\n align-items: center;\n ","\n ","\n"],["\n display: flex;\n align-items: center;\n ","\n ","\n"])),z("gap",(function(n){return n.labelGap}),A),z("align-items",(function(n){return n.labelAlignItems}))),Kt=a.default(Jt)(Ft||(Ft=g(["\n ","\n @media (hover: hover) {\n &:hover {\n text-decoration: ",";\n }\n }\n"],["\n ","\n @media (hover: hover) {\n &:hover {\n text-decoration: ",";\n }\n }\n"])),(function(e){return e.disabled?n.css(Dt||(Dt=g(["\n pointer-events: none;\n "],["\n pointer-events: none;\n "]))):n.css(Rt||(Rt=g(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))}),(function(n){return n.disabled?"none":"underline"})),no=a.default(Ne)(Pt||(Pt=g(["\n pointer-events: none;\n opacity: 0;\n\n input:checked + & {\n opacity: 1;\n }\n"],["\n pointer-events: none;\n opacity: 0;\n\n input:checked + & {\n opacity: 1;\n }\n"]))),eo=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,a=n.checkedIcon,l=void 0===a?d.default.createElement(yr,{iconName:"tick",$width:"100%",$height:"100%",$colorFilter:"white"}):a;return d.default.createElement(Ne,{$position:"relative",$width:r,$height:r},i,d.default.createElement(no,{$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$pa:o,$width:r,$height:r},l))},ro=a.default.input(Wt||(Wt=g(["\n appearance: none !important;\n border: 0;\n border-radius: 0;\n border-color: transparent;\n box-shadow: none;\n font-family: inherit;\n background: transparent;\n outline: none;\n color: inherit;\n\n @media (max-width: ","px) {\n /* iOS zooms in on inputs with font sizes <16px on mobile */\n font-size: 16px;\n }\n\n ::placeholder {\n color: ",";\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n appearance: none;\n }\n\n :disabled {\n cursor: not-allowed;\n }\n\n ","\n ","\n"],["\n appearance: none !important;\n border: 0;\n border-radius: 0;\n border-color: transparent;\n box-shadow: none;\n font-family: inherit;\n background: transparent;\n outline: none;\n color: inherit;\n\n @media (max-width: ","px) {\n /* iOS zooms in on inputs with font sizes <16px on mobile */\n font-size: 16px;\n }\n\n ::placeholder {\n color: ",";\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n appearance: none;\n }\n\n :disabled {\n cursor: not-allowed;\n }\n\n ","\n ","\n"])),j("small"),(function(n){var e=n.theme;return e&&e.uiColors&&m(e.uiColors["text-subdued"])}),Xn,Ln),to=function(n){n.onInitialFocus,n.onFocus;var r=u(n,["onInitialFocus","onFocus"]),t=e.useRef(!1);return d.default.createElement(ro,s({},r,{onFocus:function(e){!t.current&&n.onInitialFocus&&(n.onInitialFocus(e),t.current=!0),n.onFocus&&n.onFocus(e)}}))},oo=a.default(Me)(Yt||(Yt=g(["\n &:hover {\n cursor: text;\n }\n\n &:focus-within {\n box-shadow: ",";\n }\n\n background: ",";\n\n ","\n\n ","\n\n ","\n"],["\n &:hover {\n cursor: text;\n }\n\n &:focus-within {\n box-shadow: ",";\n }\n\n background: ",";\n\n ","\n\n ","\n\n ","\n"])),(function(n){return n.$focusRingDropShadows.map((function(n){return we(n)})).join(",")}),(function(n){return m(n.$background)}),(function(e){return!e.$readOnly&&n.css(Gt||(Gt=g(["\n @media (hover: hover) {\n &:hover:not(:focus-within) {\n background: ",";\n }\n }\n "],["\n @media (hover: hover) {\n &:hover:not(:focus-within) {\n background: ",";\n }\n }\n "])),m(e.$hoverBackground))}),(function(e){return e.$readOnly&&n.css(Ht||(Ht=g(["\n border-color: ",";\n color: ",";\n "],["\n border-color: ",";\n color: ",";\n "])),m(e.$readOnlyBorderColor),m(e.$readOnlyColor))}),(function(e){return e.$disabled&&n.css(Qt||(Qt=g(["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "],["\n background: ",";\n color: ",";\n &:hover {\n cursor: not-allowed;\n }\n "])),m(e.$disabledBackgroundColor),m(e.$disabledColor))})),io=function(n){var e,r,t,o=n.type,i=void 0===o?"text":o,a=n.borderColor,l=void 0===a?"border-primary":a,c=n.readOnlyBorderColor,b=void 0===c?"border-neutral":c,g=n.focusRingDropShadows,h=void 0===g?["drop-shadow-centered-lemon","drop-shadow-centered-grey"]:g,p=n.background,f=void 0===p?"bg-primary":p,m=n.hoverBackground,v=void 0===m?"bg-neutral":m,$=n.disabledBackgroundColor,w=void 0===$?"bg-neutral":$,x=n.color,k=void 0===x?"text-primary":x,y=n.disabledColor,C=void 0===y?"text-disabled":y,E=n.readOnlyColor,I=void 0===E?"text-subdued":E,j=n.validity,z=n.iconColor,S=void 0===z?"icon-inverted":z,B=n.validBorderColor,O=void 0===B?"border-success":B,T=n.invalidBorderColor,N=void 0===T?"border-error":T,L=n.validIconColor,M=void 0===L?"icon-success":L,A=n.invalidIconColor,q=void 0===A?"border-error":A,D=n.iconName,R=n.iconAlt,F=n.isTrailingIcon,P=void 0!==F&&F,W=n.wrapperWidth,G=n.wrapperMaxWidth,H=u(n,["type","borderColor","readOnlyBorderColor","focusRingDropShadows","background","hoverBackground","disabledBackgroundColor","color","disabledColor","readOnlyColor","validity","iconColor","validBorderColor","invalidBorderColor","validIconColor","invalidIconColor","iconName","iconAlt","isTrailingIcon","wrapperWidth","wrapperMaxWidth"]);switch(j){case"valid":e=O,r=M,t=O;break;case"invalid":e=N,r=q,t=N;break;default:e=l,r=S,t=b}return d.default.createElement(oo,{$height:"fit-content",$width:W,$maxWidth:G,$borderStyle:"solid",$borderRadius:"border-radius-s",$ba:"border-solid-m",$borderColor:e,$focusRingDropShadows:h,$background:f,$hoverBackground:v,$disabledBackgroundColor:w,$readOnlyBorderColor:t,$disabledColor:C,$readOnlyColor:I,$color:k,$alignItems:"center",$position:"relative",$gap:"space-between-s",$ph:"inner-padding-l",$disabled:!!H.disabled,$readOnly:!!H.readOnly,onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.focus()}},!P&&D&&d.default.createElement(yr,{iconName:D,$colorFilter:r,$pointerEvents:"none",$width:"all-spacing-7",alt:R}),d.default.createElement(Me,{$flexGrow:1},d.default.createElement(to,s({type:i},H,{$width:"100%",$pv:"inner-padding-l",$height:"all-spacing-12"}))),P&&D&&d.default.createElement(yr,{iconName:D,$colorFilter:r,$pointerEvents:"none",$width:"all-spacing-7",alt:R}))},ao=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,a=void 0===i?"all-spacing-9":i,l=n.$height,c=void 0===l?"all-spacing-9":l,b=n.$pa,g=void 0===b?"inner-padding-ssx":b,h=n.className,p=u(n,["$background","$borderRadius","$width","$height","$pa","className"]),f=p.iconName?d.default.createElement(yr,s({},p,{$height:"100%",$width:"100%"})):d.default.createElement(ir,s({},p,{$height:"100%",$width:"100%"}));return d.default.createElement(Ne,{className:h,$background:r,$borderRadius:o,$width:a,$height:c,$pa:g},f)},lo=a.default(Me)(Ut||(Ut=g(["\n width: max-content;\n pointer-events: none;\n"],["\n width: max-content;\n pointer-events: none;\n"]))),co=a.default.svg(Vt||(Vt=g(["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"],["\n position: absolute;\n bottom: -16px;\n left: 0;\n ","\n"])),z("fill",(function(n){return n.$fill}),m)),so=function(n){var e=n.isOpen,r=n.children,t=n.tooltip,o=n.$background,i=void 0===o?"black":o,a=n.$color,l=void 0===a?"text-inverted":a,c=n.$borderRadius,b=u(n,["isOpen","children","tooltip","$background","$color","$borderRadius"]);return d.default.createElement(Me,{$position:"relative",$width:"fit-content",$height:"fit-content"},e&&d.default.createElement(Me,{role:"tooltip",$position:"absolute",$top:"all-spacing-0",$left:"all-spacing-0",$transform:"translateY(calc(-100% - 16px))",$zIndex:"modal-dialog",$flexDirection:"column"},d.default.createElement(lo,s({},b,{$position:"relative",$background:i,$color:l,$btr:c,$bbrr:c,$maxWidth:["all-spacing-20","all-spacing-22"]}),t,d.default.createElement(co,{width:"16",height:"16",$fill:i},d.default.createElement("path",{d:"M0 0H16L8 8L0 16V0Z"})))),r)},uo=function(n){var e=u(n,[]);return d.default.createElement(so,s({$background:"bg-decorative5-main",$color:"text-primary",$pv:"inner-padding-m",$ph:"inner-padding-xl",$font:"heading-light-7",$borderRadius:"border-radius-m2"},e))},bo=a.default.a(Zt||(Zt=g(["\n border-radius: 50%;\n display: flex;\n width: fit-content;\n height: fit-content;\n border: none;\n padding: 0;\n outline: none;\n\n img {\n pointer-events: none;\n }\n\n &:not(:disabled) {\n cursor: pointer;\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n\n &:hover,\n &:focus-visible {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n &:disabled {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n"],["\n border-radius: 50%;\n display: flex;\n width: fit-content;\n height: fit-content;\n border: none;\n padding: 0;\n outline: none;\n\n img {\n pointer-events: none;\n }\n\n &:not(:disabled) {\n cursor: pointer;\n }\n\n &:active {\n box-shadow: ",",\n ",";\n }\n\n &:hover,\n &:focus-visible {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n &:disabled {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n"])),we("drop-shadow-lemon"),we("drop-shadow-grey"),m("bg-btn-primary"),De("text-inverted"),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),m("bg-btn-primary-disabled"),De("text-inverted")),go=a.default(Me)(_t||(_t=g([""],[""])));go.defaultProps={$pa:"inner-padding-xl",$flexDirection:"column",$flexGrow:1,$position:"relative"};var ho,po=a.default(Ne)(ho||(ho=g(["\n & > * {\n width: 100%;\n height: 100%;\n }\n"],["\n & > * {\n width: 100%;\n height: 100%;\n }\n"]))),fo=function(n){var e=n.backgroundElement,r=n.children,t=u(n,["backgroundElement","children"]);return d.default.createElement(go,s({},t),d.default.createElement(po,{$position:"absolute",$inset:"space-between-none","aria-hidden":!0},e),d.default.createElement(Ne,{$position:"relative"},r))};var mo,vo,$o,wo,xo,ko,yo,Co,Eo,Io,jo,zo,So,Bo,Oo,To,No,Lo,Mo,Ao=a.default.svg(mo||(mo=g(["\n ","\n ","\n ","\n"],["\n ","\n ","\n ","\n"])),z("fill",(function(n){return n.$fill}),m),z("stroke",(function(n){return n.$stroke}),m),z("stroke-width",(function(n){return n.$strokeWidth}),(function(n){if(n)return n in Jn?"".concat(T(Jn[n]),"rem"):void 0}))),qo=function(n){var e=n.$pa,r=void 0===e?"inner-padding-xl":e,t=n.fill,o=void 0===t?"bg-decorative1-main":t,i=n.stroke,a=n.strokeWidth,l=n.$width,c=void 0===l?"fit-content":l,b=u(n,["$pa","fill","stroke","strokeWidth","$width"]);return d.default.createElement(fo,s({$pa:r,$width:c,backgroundElement:d.default.createElement(Ao,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 457 120",preserveAspectRatio:"none",$fill:o,$stroke:i,$strokeWidth:a},d.default.createElement("path",{d:"M27.442 2.59c5.262-.362 11.96-.656 18.624-.932 4.374-.19 8.748-.371 12.712-.578 1.367-.07 3.042-.087 4.716-.095C65.032.976 66.57.959 67.903.907 91.858-.017 115.164.268 139.325.57l6.22.078c20.333.12 40.768.086 61.033-.13 6.664-.025 13.294-.043 19.957-.06C243.656.415 260.777.363 277.83.234c8.85-.07 17.667-.052 26.518-.035 12.132.026 24.366.052 36.771-.147 8.475-.138 17.633.087 26.757.302 3.725.087 7.45.182 11.107.25 3.69.061 7.347.139 10.969.217 4.511.095 8.988.19 13.499.259 13.464.207 30.619 1.519 30.619 1.519 3.588.449 7.074 1.32 10.286 2.59 2.973 1.304 4.682 4.135 6.391 6.967.717 1.165 1.435 2.33 2.221 3.384.273.363.342.812.376 1.26.034.406.102.82.307 1.175 3.52 6.388 2.427 12.604 1.299 19.044a27.243 27.243 0 0 0-.273 1.658 70.082 70.082 0 0 0 .478 16.273l.205 5.31c.171 4.575.342 9.133.854 13.683.274 2.357.205 4.705.137 7.07-.102 3.238-.205 6.492.547 9.808.547 2.261-.308 4.705-1.162 7.13-.342.993-.684 1.986-.923 2.962-.239.984-.546 1.951-.82 2.926-.342 1.2-.718 2.392-.991 3.6-1.196 5.379-4.511 8.435-11.756 9.134-2.392.233-4.75.518-7.142.855h-6.937c-5.263.371-11.961.656-18.624.932-4.375.19-8.749.371-12.713.579-1.367.069-3.041.086-4.716.095-1.538.008-3.075.025-4.408.086-23.956.924-47.262.639-71.422.337l-6.186-.078a3693.945 3693.945 0 0 0-61.033.129c-6.664.026-13.294.044-19.958.061-17.121.043-34.241.095-51.294.224-8.851.069-17.667.052-26.518.035-12.132-.026-24.366-.052-36.771.147-8.475.138-17.633-.087-26.758-.303-3.725-.086-7.45-.181-11.106-.25-3.69-.06-7.313-.138-10.97-.216-4.51-.095-8.987-.19-13.498-.259-18.932-.293-30.175-1.079-33.66-2.754-1.47-.38-2.871-.837-4.238-1.355-3.076-1.304-4.887-4.135-6.664-6.967-.752-1.165-1.47-2.331-2.29-3.384-.273-.363-.341-.812-.376-1.261-.034-.405-.102-.82-.307-1.174C0 95.664 1.128 89.448 2.324 83.008l.308-1.658c.478-5.421.341-10.869-.513-16.273-.102-1.77-.17-3.548-.24-5.318-.17-4.567-.375-9.125-.888-13.675-.273-2.357-.205-4.705-.136-7.07.102-3.238.205-6.493-.581-9.808-.547-2.262.341-4.705 1.196-7.13.342-.994.717-1.986.99-2.962.24-.984.548-1.96.855-2.927.376-1.2.752-2.39 1.025-3.6C5.605 7.21 9.022 4.154 16.574 3.455c2.495-.233 10.936-.855 10.936-.855l-.069-.009Z",vectorEffect:"non-scaling-stroke"}))},b))},Do=function(n){var e=n.iconName,r=n.iconColor,t=void 0===r?"text-primary":r,o=n.iconWidth,i=void 0===o?["all-spacing-11","all-spacing-16"]:o,a=n.iconHeight,l=void 0===a?["all-spacing-11","all-spacing-16"]:a,c=n.alt,b=n.$width,g=void 0===b?["all-spacing-13","all-spacing-17"]:b,h=n.$height,p=void 0===h?["all-spacing-13","all-spacing-17"]:h,f=n.$alignItems,m=void 0===f?"center":f,v=n.$justifyContent,$=void 0===v?"center":v,w=u(n,["iconName","iconColor","iconWidth","iconHeight","alt","$width","$height","$alignItems","$justifyContent"]);return d.default.createElement(qo,s({$width:g,$height:p,$alignItems:m,$justifyContent:$},w),d.default.createElement(yr,{iconName:e,alt:c,$height:l,$width:i,$colorFilter:t}))},Ro=a.default(Me)(vo||(vo=g(["\n aspect-ratio: 2 / 1;\n"],["\n aspect-ratio: 2 / 1;\n"]))),Fo=function(){return d.default.createElement(Ro,{$alignItems:"center",$justifyContent:"center",$position:"relative",$width:["all-spacing-8","all-spacing-9","all-spacing-10"]},d.default.createElement(Ao,{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 56 27",$fill:"bg-icon"},d.default.createElement("path",{d:"M6.421 0c8.661.839 17.303.834 26.16.714a89.843 89.843 0 0 1 4.834-.013c6.333.32 12.39.317 18.506-.275 0 1.26.178 2.352 0 3.44-.276 1.38-.829 2.759-1.342 4.15-.138.354-.532.706-.808 1.06-.445.248-.63.5-.553.753 1.598 1.093-.256 2.185 0 3.277.276 1.529 1.322 3.058 1.204 4.572-.138 1.771-1.046 3.543-1.973 5.312-.288.4-1.065.792-2.309 1.169-2.288.755-4.103 1.67-11.206 1.965-9.936.417-20.953.385-30.678-.09-2.447-.12-4.38-.532-5.209-.853-1.035-.458-1.52-.929-1.44-1.4C.937 18.988-.109 14.194.01 9.4c0-2.645 1.973-5.29 3.413-7.933.237-.424 1.697-.839 3-1.468Z"})),d.default.createElement(Me,{$position:"absolute",$inset:"all-spacing-0",$alignItems:"center",$justifyContent:"center"},d.default.createElement(Ae,{$color:"lemon",$font:["body-3-bold","body-3-bold","heading-7"]},"New")))},Po=a.default(Ne)($o||($o=g(["\n &::-webkit-scrollbar-thumb {\n border-radius: ",";\n background-color: ",";\n }\n &::-webkit-scrollbar-track {\n border-radius: ",";\n background-color: ",";\n }\n &::-webkit-scrollbar {\n width: ",";\n height: ",";\n border-radius: ",";\n }\n"],["\n &::-webkit-scrollbar-thumb {\n border-radius: ",";\n background-color: ",";\n }\n &::-webkit-scrollbar-track {\n border-radius: ",";\n background-color: ",";\n }\n &::-webkit-scrollbar {\n width: ",";\n height: ",";\n border-radius: ",";\n }\n"])),ee("border-radius-m"),m("grey50"),ee("border-radius-m"),m("white"),A("all-spacing-3"),A("all-spacing-3"),ee("border-radius-m")),Wo=function(n){var e=n.isOpen,r=n.children,t=n.id,o=u(n,["isOpen","children","id"]);return d.default.createElement(Ne,{$display:e?"block":"none",id:t},d.default.createElement(Me,s({$background:"bg-neutral-stronger",$ph:"inner-padding-m",$pv:"inner-padding-xl",$borderRadius:"border-radius-m"},o),d.default.createElement(Po,{$overflow:"auto",$maxHeight:"100%",$width:"100%",$pr:"inner-padding-m"},r)))},Go=a.default(yr)(wo||(wo=g(["\n width: ",";\n height: ",";\n"],["\n width: ",";\n height: ",";\n"])),A("all-spacing-6"),A("all-spacing-6")),Ho=a.default.a(xo||(xo=g(["\n display: inline-flex;\n align-items: center;\n gap: ",";\n outline: none;\n border-radius: ",";\n padding: ",";\n margin: -",";\n appearance: none;\n font: inherit;\n background: none;\n border: none;\n text-decoration: underline;\n cursor: pointer;\n\n color: ",";\n "," {\n filter: ",";\n }\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n &:visited {\n color: ",";\n\n "," {\n filter: ",";\n }\n }\n\n @media (hover: hover) {\n &:hover,\n &:visited:hover {\n color: ",";\n "," {\n filter: ",";\n }\n }\n }\n\n &:active {\n color: ",";\n\n "," {\n filter: ",";\n }\n }\n\n &[disabled] {\n cursor: not-allowed;\n color: ",";\n\n "," {\n filter: ",";\n }\n }\n"],["\n display: inline-flex;\n align-items: center;\n gap: ",";\n outline: none;\n border-radius: ",";\n padding: ",";\n margin: -",";\n appearance: none;\n font: inherit;\n background: none;\n border: none;\n text-decoration: underline;\n cursor: pointer;\n\n color: ",";\n "," {\n filter: ",";\n }\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n &:visited {\n color: ",";\n\n "," {\n filter: ",";\n }\n }\n\n @media (hover: hover) {\n &:hover,\n &:visited:hover {\n color: ",";\n "," {\n filter: ",";\n }\n }\n }\n\n &:active {\n color: ",";\n\n "," {\n filter: ",";\n }\n }\n\n &[disabled] {\n cursor: not-allowed;\n color: ",";\n\n "," {\n filter: ",";\n }\n }\n"])),A("space-between-sssx"),ee("border-radius-m"),A("inner-padding-ssx"),A("inner-padding-ssx"),m("text-link-active"),Go,De("text-link-active"),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),m("text-link-visited"),Go,De("text-link-visited"),m("text-link-hover"),Go,De("text-link-hover"),m("text-link-pressed"),Go,De("text-link-pressed"),m("text-disabled"),Go,De("icon-disabled")),Qo=e.forwardRef((function(n,e){var r=n.element,t=void 0===r?"a":r,o=n.iconName,i=n.isTrailingIcon,a=n.children,l=n.isLoading,c=u(n,["element","iconName","isTrailingIcon","children","isLoading"]),b=function(){switch(!0){case l:return d.default.createElement(Me,{$width:"all-spacing-6",$height:"all-spacing-6",$alignItems:"center",$justifyContent:"center"},d.default.createElement(dt,{$width:"all-spacing-4",$color:"icon-inverted"}));case!!o:return d.default.createElement(Go,{iconName:o});default:return null}}(),g=function(){switch(!0){case"disabled"in c:return c.disabled;case l:return!0;default:return}}();return d.default.createElement(Ho,s({as:t,ref:e,disabled:g},c),!i&&b,d.default.createElement(Ae,null,a),i&&b)})),Yo=a.default(It)(ko||(ko=g(["\n &:checked:not(:disabled) {\n border: ",";\n border-color: ",";\n }\n\n &:checked:disabled {\n border: ",";\n border-color: ",";\n }\n\n @media (hover: hover) {\n &:hover:not(:disabled) {\n background: ",";\n }\n }\n"],["\n &:checked:not(:disabled) {\n border: ",";\n border-color: ",";\n }\n\n &:checked:disabled {\n border: ",";\n border-color: ",";\n }\n\n @media (hover: hover) {\n &:hover:not(:disabled) {\n background: ",";\n }\n }\n"])),ne("border-solid-l"),m("border-primary"),ne("border-solid-l"),m("text-disabled"),m("bg-primary")),Uo=a.default(Kt)(yo||(yo=g(["\n pointer-events: none; // To prevent the label from stealing the click event from the input\n"],["\n pointer-events: none; // To prevent the label from stealing the click event from the input\n"]))),Vo=a.default(Me)(jo||(jo=g(["\n &:has(input:not(:disabled)) {\n cursor: pointer;\n }\n\n &:has(input:disabled) {\n pointer-events: none;\n cursor: none;\n }\n\n @media (hover: hover) {\n &:hover:has(input:not(:disabled)){\n background-color: ",";\n }\n\n &:hover input:not(:disabled) {\n background: ",";\n }\n\n &:hover:has(input:not(:disabled)) "," {\n text-decoration: underline;\n }\n\n &:hover:has(\n ",' input:not(:focus-visible):not(:checked):not(:disabled)\n )::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\n ",";\n }\n"],["\n &:has(input:not(:disabled)) {\n cursor: pointer;\n }\n\n &:has(input:disabled) {\n pointer-events: none;\n cursor: none;\n }\n\n @media (hover: hover) {\n &:hover:has(input:not(:disabled)){\n background-color: ",";\n }\n\n &:hover input:not(:disabled) {\n background: ",";\n }\n\n &:hover:has(input:not(:disabled)) "," {\n text-decoration: underline;\n }\n\n &:hover:has(\n ",' input:not(:focus-visible):not(:checked):not(:disabled)\n )::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n border-bottom: ',";\n border-radius: ",";\n }\n\n &\n .yellow-shadow:has(\n + "," input:focus-visible\n ) {\n box-shadow: ",";\n }\n\n &\n .grey-shadow:has(\n ~ "," input:focus-visible\n ) {\n box-shadow: ",';\n }\n \n &:has(input:checked:not(:disabled))::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",';\n }\n\n &:has(input:checked:disabled)::after {\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n outline: ',";\n border-radius: ",";\n outline-color: ",";\n }\n\n &:has(input:disabled:not(:checked)) {\n ","\n }\n\n &:has(input:disabled:checked) {\n ",";\n }\n"])),m("bg-decorative1-subdued"),m("bg-primary"),Kt,Kt,ne("border-solid-xl"),ee("border-radius-m2"),Kt,we("drop-shadow-centered-lemon"),Kt,we("drop-shadow-centered-grey"),ne("border-solid-xl"),ee("border-radius-m2"),ne("border-solid-xl"),ee("border-radius-m2"),(function(e){var r;return n.css(Co||(Co=g(["\n ","\n "],["\n ","\n "])),m(null!==(r=e.overlayBorderColor)&&void 0!==r?r:"text-disabled"))}),(function(e){return e.feedbackBgColor?n.css(Eo||(Eo=g(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),e.feedbackBgColor):void 0}),(function(e){return n.css(Io||(Io=g(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),m(e.feedbackBgColor))})),Zo=a.default(Ne)(zo||(zo=g(["\n pointer-events: none;\n"],["\n pointer-events: none;\n"]))),_o=a.default(Me)(To||(To=g(["\n ","\n\n &:hover {\n cursor: ",";\n }\n\n &:focus-within {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"],["\n ","\n\n &:hover {\n cursor: ",";\n }\n\n &:focus-within {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"])),(function(e){return!!e.$outlineColor&&n.css(So||(So=g(["\n outline: ","\n ",";\n "],["\n outline: ","\n ",";\n "])),ne("border-solid-xl"),m(e.$outlineColor))}),(function(n){return n.$disabled?"default":"pointer"}),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),(function(e){return!e.$disabled&&n.css(Bo||(Bo=g(["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "],["\n &:hover {\n background-color: ",";\n text-decoration: underline;\n }\n "])),m("bg-decorative1-subdued"))}),(function(e){return!e.$disabled&&!e.$checked&&n.css(Oo||(Oo=g(['\n &:hover:not(:focus-within)::after {\n pointer-events: none;\n content: "";\n position: absolute;\n inset: 0;\n border-radius: ',";\n border-bottom: "," ",";\n }\n "],['\n &:hover:not(:focus-within)::after {\n pointer-events: none;\n content: "";\n position: absolute;\n inset: 0;\n border-radius: ',";\n border-bottom: "," ",";\n }\n "])),ee("border-radius-m2"),ne("border-solid-l"),m("grey60"))})),Xo=a.default(mt)(No||(No=g(["\n &:hover .shadow {\n box-shadow: none !important;\n }\n &:active .shadow {\n box-shadow: ",",\n "," !important;\n }\n"],["\n &:hover .shadow {\n box-shadow: none !important;\n }\n &:active .shadow {\n box-shadow: ",",\n "," !important;\n }\n"])),we("drop-shadow-lemon"),we("drop-shadow-grey")),Jo=function(n){var e=n.isOpen,r=n.disabled;return d.default.createElement(Xo,{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?")},Ko=function(n){var r=n.hint,t=b(e.useState(!1),2),o=t[0],i=t[1];return d.default.createElement(uo,{tooltip:r,isOpen:o},d.default.createElement(Jo,{isOpen:o,onClick:function(){i(!o)}}))},ni=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 d.default.createElement(Ne,null,d.default.createElement(Me,{$gap:"space-between-xs"},d.default.createElement(ao,{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"}),d.default.createElement(Ae,{$font:"heading-6",$color:"correct"===r?"text-success":"text-error"},e)),d.default.createElement(Ae,{as:"p",$mt:"space-between-xs",$font:"correct"===r?"body-2-bold":"body-2"},t))},ei=a.default(Me)(Lo||(Lo=g(["\n box-sizing: content-box;\n"],["\n box-sizing: content-box;\n"]))),ri=a.default(Ae)(Mo||(Mo=g(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),j("small"));var ti,oi,ii=a.default(Ne)(ti||(ti=g(["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"],["\n @media (min-width: ","px) {\n padding-top: ",";\n }\n"])),j("small"),A("space-between-xl")),ai=a.default(Ne)(oi||(oi=g(["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"],["\n position: sticky;\n bottom: 0;\n z-index: 10;\n"])));var di,li,ci,si,ui,bi,gi=a.default(Ne)(di||(di=g([""],[""]))),hi=a.default(ao)(li||(li=g(["\n width: ",";\n height: ",";\n padding: 0;\n\n background: transparent;\n\n img {\n filter: ",";\n }\n"],["\n width: ",";\n height: ",";\n padding: 0;\n\n background: transparent;\n\n img {\n filter: ",";\n }\n"])),A("all-spacing-8"),A("all-spacing-8"),(function(n){return De(n.$disabled?"icon-disabled":"icon-inverted")})),pi=n.css(ci||(ci=g(["\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n"],["\n "," {\n background: ",";\n\n img {\n filter: ",";\n }\n }\n"])),hi,m("bg-btn-primary"),De("icon-main")),fi=a.default(Me)(ui||(ui=g(["\n outline: none;\n text-align: initial;\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"],["\n outline: none;\n text-align: initial;\n\n &:focus-visible {\n box-shadow: ",",\n ",";\n }\n\n ","\n\n ","\n"])),we("drop-shadow-centered-lemon"),we("drop-shadow-centered-grey"),(function(n){return n.$disabled&&"cursor: default"}),(function(e){return!e.$disabled&&n.css(si||(si=g(["\n cursor: pointer;\n\n /* Don't apply hover styles on touch devices */\n @media (hover: hover) {\n &:hover {\n "," {\n text-decoration: underline;\n }\n\n ","\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n ","\n }\n "],["\n cursor: pointer;\n\n /* Don't apply hover styles on touch devices */\n @media (hover: hover) {\n &:hover {\n "," {\n text-decoration: underline;\n }\n\n ","\n }\n }\n\n &:active {\n box-shadow: ",",\n ",";\n ","\n }\n "])),gi,pi,we("drop-shadow-lemon"),we("drop-shadow-grey"),pi)})),mi=a.default(Ne)(bi||(bi=g(["\n flex: 1;\n"],["\n flex: 1;\n"])));function vi(n){switch(n){case"intro":return"intro";case"starter-quiz":case"exit-quiz":return"quiz";case"video":return"video"}}var $i,wi,xi=a.default(Me)($i||($i=g(["\n outline: none;\n text-align: initial;\n"],["\n outline: none;\n text-align: initial;\n"]))),ki=function(n){return!1===n.completed?yi(n):d.default.createElement(Me,{$gap:"space-between-sssx",$alignItems:"center"},d.default.createElement(yr,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),"Completed")},yi=function(n){switch(n.lessonSectionName){case"intro":return"Prepare";case"starter-quiz":return"Activate - ".concat(n.numQuestions," questions");case"exit-quiz":return"Check - ".concat(n.numQuestions," questions");case"video":return"Learn"}},Ci=function(n){switch(n){case"intro":return"Introduction";case"starter-quiz":return"Starter quiz";case"video":return"Lesson video";case"exit-quiz":return"Exit quiz"}},Ei=function(n){switch(n){case"intro":return["bg-decorative2-very-subdued","border-decorative2","aqua"];case"starter-quiz":return["bg-decorative1-very-subdued","border-decorative1","mint"];case"video":return["bg-decorative4-very-subdued","border-decorative4","pink"];case"exit-quiz":return["bg-decorative5-very-subdued","border-decorative5","lemon"]}},Ii=function(n){if(!1===n.completed)return null;switch(n.lessonSectionName){case"exit-quiz":case"starter-quiz":return d.default.createElement(Ne,null,d.default.createElement(Ae,{$font:"heading-4"},n.grade),d.default.createElement(Ae,{$font:"heading-6"}," / ",n.numQuestions));default:return null}},ji=a.default(gt)(wi||(wi=g(["\n pointer-events: none;\n"],["\n pointer-events: none;\n"]))),zi=function(n){var e=n.href,r=n.isCurrent,t=void 0!==r&&r,o=n.shallow,i=void 0===o||o,a=n.children;return t?d.default.createElement(ji,{element:"span","aria-current":"page"},a):d.default.createElement(ht,{element:c.default,href:e,shallow:i,isTrailingIcon:!0},a)};exports.HeadingTagComponent=dr,exports.OakBackLink=function(n){var e=n.as,r=n.label,t=void 0===r?"Back":r,o=u(n,["as","label"]);return d.default.createElement(bo,s({as:null!=e?e:"a","aria-label":t},o),d.default.createElement(yr,{alt:"",iconName:"chevron-left",$width:"all-spacing-8",$height:"all-spacing-8"}))},exports.OakBox=Ne,exports.OakBulletList=function(n){var e=n.listItems,r=u(n,["listItems"]);return d.default.createElement(Ae,s({},r),e.map((function(n,e){return d.default.createElement(Ae,{key:e},0!==e&&d.default.createElement(Ae,null," • "),d.default.createElement(Ae,null,n))})))},exports.OakCardHeader=function(n){var e=n.iconName,r=n.tag,t=n.children;return d.default.createElement(Me,{$alignItems:"center",$gap:"space-between-ssx"},d.default.createElement(yr,{iconName:e}),d.default.createElement(lr,{$font:"heading-6",tag:r},t))},exports.OakCheckBox=function(n){var r=n.id,t=n.value,o=n.displayValue,i=void 0===o?t:o,a=n.disabled,l=void 0!==a&&a,c=n.defaultChecked,s=void 0!==c&&c,u=n.onChange,b=n.onFocus,g=n.onBlur,h=n.onHovered,p=n.iconPadding,f=void 0===p?"inner-padding-none":p,m=n.hoverBorderRadius,v=void 0===m?"border-radius-xs":m,$=n.checkboxSize,w=void 0===$?"all-spacing-6":$,x=n.checkboxBorder,k=void 0===x?"border-solid-m":x,y=n.checkboxBorderRadius,C=void 0===y?"border-radius-xs":y,E=n.defaultColor,I=void 0===E?"text-primary":E,j=n.disabledColor,z=void 0===j?"text-disabled":j,S=n.labelGap,B=void 0===S?"space-between-s":S,O=n.labelAlignItems,T=void 0===O?"center":O,N=n.checkedBackgroundFill,L=void 0===N||N,M=n.checkedIcon,A=e.useRef(Date.now()),q=l?z:I;return d.default.createElement(Jt,{htmlFor:r,labelGap:B,labelAlignItems:T,$color:q,disabled:l,onMouseEnter:function(){A.current=Date.now()},onMouseLeave:function(){var n=Date.now()-A.current;h&&h(t,r,n)},"data-testid":n["data-testid"]},d.default.createElement(eo,{size:w,internalCheckbox:d.default.createElement(Xt,{id:r,value:t,$width:w,$height:w,$ba:k,$borderRadius:C,$borderColor:q,$checkedBackground:L?q:null,$hoverBorderRadius:v,onChange:u,onFocus:b,onBlur:g,defaultChecked:s,disabled:l}),checkedIcon:M,iconPadding:f}),i)},exports.OakCloudinaryConfigProvider=rt,exports.OakCloudinaryImage=function(n){var r=n.cloudinaryId,o=n.unoptimized,i=void 0===o?r.endsWith(".svg"):o,a=u(n,["cloudinaryId","unoptimized"]),l=e.useContext(et),c=Or(r,l);return d.default.createElement(ir,s({as:t.CldImage,src:c,imageProps:{config:l,flags:i?void 0:["keep_attribution"]},unoptimized:i},a))},exports.OakCollapsibleContent=Wo,exports.OakFieldError=function(n){var e=n.children;return e?d.default.createElement(Me,{$alignItems:"center",$flexDirection:"row"},d.default.createElement(Me,{$alignSelf:"flex-start",$mr:"space-between-s"},d.default.createElement(yr,{iconName:"content-guidance",$colorFilter:"red"})),d.default.createElement(Ae,{$color:"red"},e)):null},exports.OakFlex=Me,exports.OakForm=qe,exports.OakGrid=Er,exports.OakGridArea=Sr,exports.OakHandDrawnCard=qo,exports.OakHandDrawnCardWithIcon=Do,exports.OakHeading=lr,exports.OakHintButton=Jo,exports.OakIcon=yr,exports.OakImage=ir,exports.OakLI=gr,exports.OakLabel=pr,exports.OakLessonBottomNav=function(n){var e,r=n.hint,t=n.feedback,o=n.answerFeedback,i=n.children;switch(!0){case!!t:e=d.default.createElement(ni,{feedback:t,answerFeedback:o});break;case!!r:e=d.default.createElement(Ko,{hint:r});break;default:e=null}return d.default.createElement(ei,{$flexDirection:["column","row"],$pa:"inner-padding-m",$minHeight:"all-spacing-9",$gap:"space-between-m"},e,d.default.createElement(Me,{$flexGrow:"1",$height:"fit-content",$alignSelf:"flex-end",$justifyContent:["initial","flex-end"],$width:["100%","auto"]},i))},exports.OakLessonInfoCard=function(n){var e=n.children,r=u(n,["children"]);return d.default.createElement(Me,s({$borderRadius:"border-radius-l",$pa:"inner-padding-xl",$flexDirection:"column",$gap:"space-between-s",$background:"white"},r),e)},exports.OakLessonLayout=function(n){var e=n.lessonSectionName,r=n.topNavSlot,t=n.bottomNavSlot,o=n.children,i=b(function(n){switch(n){case"overview":case"review":return["bg-decorative1-main","bg-primary","border-decorative1-stronger","bg-primary"];case"intro":return["bg-decorative2-subdued","bg-decorative2-very-subdued","border-inverted","bg-decorative2-subdued"];case"starter-quiz":return["bg-decorative1-main","bg-decorative1-very-subdued","border-inverted","bg-decorative1-subdued"];case"video":return["bg-decorative4-subdued","bg-primary","border-decorative4","bg-primary"];case"exit-quiz":return["bg-decorative5-main","bg-decorative5-very-subdued","border-inverted","bg-decorative5-subdued"]}}(e),4),a=i[0],l=i[1],c=i[2],s=i[3];return d.default.createElement(ii,{$display:"flex",$width:"100%",$minHeight:"100%",$ph:["inner-padding-none","inner-padding-xl"],$background:a},d.default.createElement(Me,{$flexDirection:"column",$flexGrow:1,$background:[s,l],$btr:[null,"border-radius-xl"],$bt:[null,"border-solid-xl"],$bh:[null,"border-solid-xl"],$borderColor:[null,c],$maxWidth:"all-spacing-24",$minHeight:"100%",$mh:"auto",$pt:["inner-padding-none","inner-padding-m"],$gap:["space-between-l","space-between-xl"]},r&&d.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),d.default.createElement(Me,{$flexGrow:1,$flexDirection:"column"},o),t&&d.default.createElement(ai,{$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,a=n.onClick,l=u(n,["as","lessonSectionName","progress","disabled","href","onClick"]),c=b(function(n){switch(n){case"intro":return["bg-decorative2-very-subdued","bg-decorative2-main","border-decorative2-stronger"];case"starter-quiz":return["bg-decorative1-very-subdued","bg-decorative1-main","border-decorative1-stronger"];case"video":return["bg-decorative4-very-subdued","bg-decorative4-main","border-decorative4-stronger"];case"exit-quiz":return["bg-decorative5-very-subdued","bg-decorative5-main","border-decorative5-stronger"]}}(r),3),g=c[0],h=c[1],p=c[2];return d.default.createElement(fi,s({as:o?"div":null!=e?e:"a",$gap:"space-between-m",$alignItems:"center",$background:"not-started"===t?g:h,$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:p,$ba:"border-solid-l",$disabled:o,$color:"text-primary",href:o?void 0:i,onClick:o?void 0:a},l),d.default.createElement(Me,{$width:"all-spacing-13",$justifyContent:"center"},d.default.createElement(yr,{iconName:vi(r),$width:"all-spacing-10",$height:"all-spacing-10"})),d.default.createElement(mi,null,d.default.createElement(gi,{as:"strong",$font:["heading-6","heading-5"],$color:o?"text-disabled":"text-primary"},function(n){switch(n){case"intro":return"Introduction";case"starter-quiz":return"Starter quiz";case"video":return"Lesson video";case"exit-quiz":return"Exit quiz"}}(r)),d.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"Prepare";case"starter-quiz":return"Activate - ".concat(n.numQuestions," Questions");case"exit-quiz":return"Check - ".concat(n.numQuestions," questions");case"video":return"Learn"}}(n);case"in-progress":return"In progress...";case"complete":return d.default.createElement(Me,{$gap:"space-between-sssx",$alignItems:"center"},d.default.createElement(yr,{iconName:"tick",$width:"all-spacing-6",$height:"all-spacing-6"}),function(n){switch(n.lessonSectionName){case"intro":case"video":return"Completed";case"starter-quiz":case"exit-quiz":return d.default.createElement(d.default.Fragment,null,d.default.createElement(Ne,{$display:["none","block"]},"Completed"),d.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 d.default.createElement(Ne,{$display:["none","block"],$mr:"space-between-m"},d.default.createElement(Ae,{$font:"heading-4"},n.grade),d.default.createElement(Ae,{$font:"heading-6"}," / ",n.numQuestions));default:return null}}(n),d.default.createElement(hi,{iconName:"chevron-right",$disabled:o}))},exports.OakLessonReviewItem=function(n){var e=n.completed,r=n.lessonSectionName,t=u(n,["completed","lessonSectionName"]),o=b(Ei(r),3),i=o[0],a=o[1],l=o[2],c=new Map;return c.set("intro","intro"),c.set("starter-quiz","quiz"),c.set("exit-quiz","quiz"),c.set("video","video"),d.default.createElement(xi,s({completed:e,$gap:"space-between-m",$alignItems:"center",$background:e?i:"white",$ph:["inner-padding-m","inner-padding-xl"],$pv:"inner-padding-l",$borderRadius:"border-radius-l",$borderColor:e?i:a,$ba:"border-solid-l"},t),d.default.createElement(ao,{iconName:c.get(r),$width:"all-spacing-10",$height:"all-spacing-10",$background:l}),d.default.createElement(Me,{$flexGrow:1,$flexShrink:1,$flexDirection:"column"},d.default.createElement(Ne,{$font:["heading-6","heading-5"],$color:"text-primary"},Ci(r)),d.default.createElement(Ne,{$font:["body-2","body-1"]},ki(n))),Ii(n))},exports.OakLessonTopNav=function(n){var e=n.lessonSectionName,r=n.backLinkSlot,t=n.counterSlot,o=n.heading,i=n.mobileSummary;return d.default.createElement(Me,{$gap:"space-between-m",$alignItems:"center"},d.default.createElement(Ne,{$pl:["inner-padding-none","inner-padding-s"]},r),d.default.createElement(Me,{$flexGrow:"none"},d.default.createElement(ao,s({},function(n){switch(n){case"intro":return{iconName:"intro",$background:"aqua110"};case"starter-quiz":return{iconName:"quiz",$background:"mint110"};case"video":return{iconName:"video",$background:"pink110"};case"exit-quiz":return{iconName:"quiz",$background:"lemon110"}}}(e),{$width:"all-spacing-8",$height:"all-spacing-8"}))),d.default.createElement(Ne,null,d.default.createElement(lr,{tag:"h1",$font:["heading-7","heading-5"]},o),d.default.createElement(ri,{$font:"body-3"},i)),d.default.createElement(Me,{$flexGrow:1,$justifyContent:"flex-end"},d.default.createElement(Ne,{$display:["none","block"]},t)))},exports.OakLessonVideoTranscript=function(n){var r=n.children,t=n.id,o=n.signLanguageControl,i=void 0===o?null:o,a=b(e.useState(!1),2),l=a[0],c=a[1];return d.default.createElement(d.default.Fragment,null,d.default.createElement(Me,{$flexDirection:["column-reverse","row"],$justifyContent:"space-between"},d.default.createElement(Ne,null,r&&d.default.createElement(vt,{onClick:function(){return c(!l)},iconName:l?"chevron-up":"chevron-down",isTrailingIcon:!0,"aria-controls":t,"aria-expanded":l,$mb:"space-between-m"},l?"Hide transcript":"Show transcript")),i&&d.default.createElement(Ne,{$mb:"space-between-m"},i)),r&&d.default.createElement(Wo,{id:t,$maxHeight:"all-spacing-23",isOpen:l,$font:"body-1",$color:"text-primary"},r))},exports.OakLink=Qo,exports.OakLoadingSpinner=dt,exports.OakMaxWidth=Br,exports.OakOL=ur,exports.OakP=cr,exports.OakPrimaryButton=gt,exports.OakPrimaryInvertedButton=ht,exports.OakPrimaryNav=function(n){var e=n.ariaLabel,r=n.navItems;return d.default.createElement("nav",{"aria-label":e},d.default.createElement(Me,{as:"ul",$flexDirection:["row"],$gap:"space-between-m",$mh:"space-between-none",$mv:"space-between-none",$ph:"inner-padding-none"},r.map((function(n,e){var r=n.href,t=n.isCurrent,o=n.children;return d.default.createElement(gr,{$listStyle:"none",key:e},d.default.createElement(zi,{href:r,isCurrent:t},o))}))))},exports.OakPrimaryNavItem=zi,exports.OakPromoTag=Fo,exports.OakQuizCheckBox=function(n){var r,t,o,i=n.id,a=n.value,l=n.feedback,c=n.image,b=n.disabled,g=n.innerRef,h=n.displayValue,p=u(n,["id","value","feedback","image","disabled","innerRef","displayValue"]),f=!!l,m=e.useRef(null),v=null!=g?g:m,$="correct"===l&&(null===(r=v.current)||void 0===r?void 0:r.checked)||"incorrect"===l&&!(null===(t=v.current)||void 0===t?void 0:t.checked),w="incorrect"===l&&(null===(o=v.current)||void 0===o?void 0:o.checked),x=d.default.createElement(Me,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},d.default.createElement(Ne,null,c),h),k=b&&!f?"bg-neutral-stronger":"bg-primary",y=$?"bg-correct":"bg-incorrect",C=$?"border-success":"border-error",E=d.default.createElement(Vo,{$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=v.current)||void 0===e||e.click())},overlayBorderColor:f?C:void 0,feedbackBgColor:f?y:void 0},d.default.createElement(Zo,{className:"grey-shadow",$position:"absolute",$left:"space-between-none",$top:"space-between-none",$borderRadius:"border-radius-m2",$width:"100%",$height:"100%"}),d.default.createElement(Zo,{className:"yellow-shadow",$position:"absolute",$borderRadius:"border-radius-m2",$left:"space-between-none",$top:"space-between-none",$width:"100%",$height:"100%"}),d.default.createElement(Uo,{htmlFor:i,labelGap:"space-between-s",labelAlignItems:"center",$color:b&&!f?"text-disabled":"text-primary",$font:"body-1",disabled:b},d.default.createElement(eo,{size:"all-spacing-7",iconPadding:"inner-padding-ssx",checkedIcon:d.default.createElement(Ne,{$width:"100%",$height:"100%",$background:b||f?"text-disabled":"text-primary"},d.default.createElement(Ne,{$ba:"border-solid-m",$borderColor:"white",$width:"100%",$height:"100%"})),internalCheckbox:d.default.createElement(Yo,s({id:i,value:a,disabled:b||f},p,{$width:"all-spacing-7",$height:"all-spacing-7",$ba:"border-solid-m",$borderColor:"border-neutral",$borderRadius:"border-radius-s",$checkedBackground:null,ref:v}))}),c?x:h),f&&($||w)&&d.default.createElement(Me,{className:"feedbackIconWrapper",$flexGrow:1,$justifyContent:"flex-end",$alignItems:"flex-end",$height:"100%"},$&&d.default.createElement(yr,{iconName:"tick",$colorFilter:"icon-success",alt:"correct"===l?"Correct":"Unselected correct choice"}),w&&d.default.createElement(yr,{iconName:"cross",$colorFilter:"icon-error",alt:"Incorrect"})));return d.default.createElement(Me,{$width:"100%",$position:"relative"},E)},exports.OakQuizCounter=function(n){var e=n.counter,r=n.total;return d.default.createElement(Ae,{$font:"heading-light-4",$color:"text-disabled"},d.default.createElement(Ae,{$font:"heading-4",$color:"text-primary"},e," "),"of ",r)},exports.OakQuizFeedback=ni,exports.OakQuizHint=Ko,exports.OakQuizRadioButton=function(n){var r,t,o=n.value,i=n.feedback,a=n.image,l=n.disabled,c=n.label,b=u(n,["value","feedback","image","disabled","label"]),g=!!i,h=e.useContext($t).currentValue===o,p="bg-primary",f=null;switch(!0){case l&&!g:p="bg-neutral-stronger";break;case"correct"===i&&h:r="border-success",p="bg-correct",f="tick",t="Correct";break;case"incorrect"===i&&h:r="border-error",p="bg-incorrect",f="cross",t="Incorrect";break;case"incorrect"===i&&!h:f="tick",t="Unselected correct choice";break;case h&&!l:r="border-primary"}return d.default.createElement(_o,{$pa:"inner-padding-l",$borderRadius:"border-radius-m2",$justifyContent:"space-between",$position:"relative",$alignContent:"center",onClick:function(n){var e;null===(e=n.currentTarget.querySelector("input"))||void 0===e||e.click()},$disabled:l||g,$checked:h,$outlineColor:r,$background:p},d.default.createElement(Ct,s({value:o,disabled:l||g,$labelGap:"space-between-s",disableFocusRing:!0,radioInnerSize:"all-spacing-6",radioOuterSize:"all-spacing-7",checkedRadioBorderWidth:"border-solid-l",label:a?d.default.createElement(Me,{$flexDirection:"column",$minWidth:"all-spacing-20",$gap:"space-between-s"},d.default.createElement(Ne,null,a),c):c},b)),g&&f&&d.default.createElement(Me,{$alignSelf:"flex-end"},d.default.createElement(yr,{iconName:f,$colorFilter:"tick"===f?"icon-success":"icon-error",alt:t})))},exports.OakQuizTextInput=function(n){var e,r,t=n.feedback,o=n.readOnly,i=u(n,["feedback","readOnly"]),a=void 0;switch(t){case"correct":e="valid",r="tick",a="Correct";break;case"incorrect":e="invalid",r="cross",a="Incorrect"}return d.default.createElement(io,s({},i,{validity:e,iconName:r,iconAlt:a,readOnly:o||!!t,isTrailingIcon:!0}))},exports.OakRadioButton=Ct,exports.OakRadioGroup=function(n){var r=n.name,t=n.children,o=n.label,i=n.onChange,a=n.$font,l=void 0===a?"body-1-bold":a,c=n.$gap,g=void 0===c?"space-between-s":c,h=n.disabled,p=n.value,f=n.defaultValue,m=void 0===f?"":f,v=u(n,["name","children","label","onChange","$font","$gap","disabled","value","defaultValue"]),$=b(e.useState(m),2),w=$[0],x=$[1];return d.default.createElement(Me,s({role:"radiogroup",$gap:g},v),o&&d.default.createElement(pr,{$font:l},o),d.default.createElement($t.Provider,{value:{currentValue:null!=p?p:w,name:r,disabled:h,onValueUpdated:function(n){void 0===p&&x(n.target.value),i&&i(n)}}},t))},exports.OakRoundIcon=ao,exports.OakSecondaryButton=function(n){var e=n.element,r=u(n,["element"]);return d.default.createElement(bt,s({element:null!=e?e:"button",defaultBorderColor:"text-primary",defaultBackground:"bg-btn-secondary",defaultTextColor:"text-primary",hoverBackground:"bg-btn-secondary-hover",hoverBorderColor:"text-primary",hoverTextColor:"text-primary",disabledBackground:"bg-btn-secondary-disabled",disabledBorderColor:"text-disabled",disabledTextColor:"text-disabled"},r))},exports.OakSpan=Ae,exports.OakStaticMessageCard=function(n){var e=n.children,r=u(n,["children"]);return d.default.createElement(qo,s({},r,{fill:["bg-decorative2-very-subdued","bg-decorative2-subdued","bg-decorative2-subdued"]}),d.default.createElement(Me,{$pa:"inner-padding-none",$flexDirection:"column",$gap:"space-between-s"},e))},exports.OakSubjectIcon=function(n){var e=n.showPromoTag,r=u(n,["showPromoTag"]);return d.default.createElement(Ne,{$width:"fit-content",$height:"fit-content",$position:"relative"},d.default.createElement(Do,s({},r)),e&&d.default.createElement(Ne,{$position:"absolute",$top:["all-spacing-0","all-spacing-2"],$left:["all-spacing-0","all-spacing-2"]},d.default.createElement(Fo,null)))},exports.OakTertiaryButton=vt,exports.OakTextInput=io,exports.OakThemeProvider=function(e){var r=e.theme,t=e.children;return d.default.createElement(n.ThemeProvider,{theme:r},t)},exports.OakTooltip=uo,exports.OakTypography=ar,exports.OakUL=sr,exports.isValidIconName=function(n){return mr.includes(n)},exports.oakAllSpacingTokens=N,exports.oakBorderRadiusTokens=Kn,exports.oakBorderWidthTokens=Jn,exports.oakBoxCss=Te,exports.oakColorTokens=h,exports.oakDefaultTheme={name:"default",uiColors:{"text-primary":"black","text-subdued":"grey60","text-error":"red","text-disabled":"grey50","text-link-active":"navy","text-link-hover":"navy110","text-link-pressed":"navy120","text-link-visited":"navy120","text-inverted":"white","text-success":"oakGreen","text-warning":"amber","bg-primary":"white","bg-neutral":"grey20","bg-neutral-stronger":"grey30","bg-btn-primary":"black","bg-btn-primary-hover":"grey60","bg-btn-primary-disabled":"grey50","bg-btn-secondary":"white","bg-btn-secondary-hover":"grey20","bg-btn-secondary-disabled":"grey30","bg-icon":"black","bg-icon-hover":"grey60","bg-decorative1-main":"mint","bg-decorative1-subdued":"mint50","bg-decorative1-very-subdued":"mint30","bg-decorative2-main":"aqua","bg-decorative2-subdued":"aqua50","bg-decorative2-very-subdued":"aqua30","bg-decorative3-main":"lavender","bg-decorative3-subdued":"lavender50","bg-decorative3-very-subdued":"lavender30","bg-decorative4-main":"pink","bg-decorative4-subdued":"pink50","bg-decorative4-very-subdued":"pink30","bg-decorative5-main":"lemon","bg-decorative5-subdued":"lemon50","bg-decorative5-very-subdued":"lemon30","bg-correct":"mint50","bg-incorrect":"red30","icon-main":"white","icon-inverted":"black","icon-disabled":"grey50","icon-brand":"oakGreen","icon-success":"oakGreen","icon-error":"red","icon-warning":"amber","border-primary":"black","border-inverted":"white","border-neutral":"grey50","border-brand":"oakGreen","border-success":"oakGreen","border-error":"red","border-warning":"amber","border-decorative1":"mint","border-decorative1-stronger":"mint110","border-decorative2":"aqua","border-decorative2-stronger":"aqua110","border-decorative3":"lavender","border-decorative3-stronger":"lavender110","border-decorative4":"pink","border-decorative4-stronger":"pink110","border-decorative5":"lemon","border-decorative5-stronger":"lemon110","border-decorative6":"amber50","border-decorative6-stronger":"amber",transparent:"transparent"}},exports.oakDropShadowTokens=$e,exports.oakFontSizeTokens=je,exports.oakFontTokens=ze,exports.oakHeadingTags=["div","h1","h2","h3","h4","h5","h6"],exports.oakIconNames=mr,exports.oakInnerPaddingTokens=L,exports.oakOpacityTokens=ke,exports.oakSpaceBetweenTokens=M,exports.oakTransitionTokens=Ee,exports.oakUiRoleTokens=f;
|
|
2
|
-
//# sourceMappingURL=index.js.map
|