@atom-learning/components 2.0.0-beta.0 → 2.0.0

package/dist/components/markdown-content/components/MarkdownStrong.js

@@ -1 +1 @@
-import*as t from"react";import{styled as e}from"../../../stitches.js";const d=e("strong",{fontWeight:600}),l=({node:n,handleNode:r})=>{var o;return t.createElement(d,null,(o=n.children)==null?void 0:o.map(r))};export{l as MarkdownStrong};
+import*as r from"react";import{styled as t}from"../../../stitches.js";const d=t("strong",{fontWeight:600}),l=({node:e,handleNode:n})=>{var o;return r.createElement(d,null,(o=e.children)==null?void 0:o.map(n))};export{l as MarkdownStrong};

package/dist/components/markdown-content/components/MarkdownThematicBreak.js

@@ -1 +1 @@
-import*as e from"react";import{Divider as o}from"../../divider/Divider.js";const t=({css:r})=>e.createElement(o,{css:{width:"100%",...r}});export{t as MarkdownThematicBreak};
+import*as r from"react";import{Divider as t}from"../../divider/Divider.js";const o=({css:e})=>r.createElement(t,{css:{width:"100%",...e}});export{o as MarkdownThematicBreak};

package/dist/components/notification-badge/NotificationBadge.d.ts

@@ -59,7 +59,6 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -79,7 +78,6 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -325,7 +323,6 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -345,7 +342,6 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/notification-badge/NotificationBadge.js

@@ -1 +1 @@
-import o from"react";import{styled as e}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=e(i,{position:"relative"}),a=e(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),m=({value:t,children:r})=>o.createElement(l,null,!!t&&o.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};
+import e from"react";import{styled as o}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};

package/dist/components/password-input/PasswordInput.js

@@ -1 +1 @@
-import{Eye as l,EyeCrossed as d}from"@atom-learning/icons";import*as e from"react";import{useState as f}from"react";import{ActionIcon as w}from"../action-icon/ActionIcon.js";import{Box as u}from"../box/Box.js";import{Icon as E}from"../icon/Icon.js";import{Input as h}from"../input/Input.js";const t=e.forwardRef(({css:r,hidePasswordText:a="Hide password",showPasswordText:i="Show password",...m},p)=>{const[o,n]=f(!1),c=()=>n(s=>!s);return e.createElement(u,{css:{position:"relative",...r}},e.createElement(h,{...m,type:o?"text":"password",ref:p,css:{pr:"$sizes$2"}}),e.createElement(w,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:o?a:i,onClick:c,onMouseDown:s=>s.preventDefault(),size:"lg"},e.createElement(E,{is:o?l:d,css:{size:20}})))});t.displayName="PasswordInput";export{t as PasswordInput};
+import{Eye as l,EyeCrossed as f}from"@atom-learning/icons";import*as e from"react";import{useState as w}from"react";import{ActionIcon as u}from"../action-icon/ActionIcon.js";import{Box as E}from"../box/Box.js";import{Icon as h}from"../icon/Icon.js";import{Input as x}from"../input/Input.js";const r=e.forwardRef(({css:a,hidePasswordText:i="Hide password",showPasswordText:m="Show password",size:t="md",...p},n)=>{const[o,c]=w(!1),d=()=>c(s=>!s);return e.createElement(E,{css:{position:"relative",...a}},e.createElement(x,{...p,size:t,type:o?"text":"password",ref:n,css:{pr:"$sizes$2"}}),e.createElement(u,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:o?i:m,onClick:d,onMouseDown:s=>s.preventDefault(),size:t},e.createElement(h,{is:o?l:f})))});r.displayName="PasswordInput";export{r as PasswordInput};

package/dist/components/popover/Popover.d.ts

@@ -61,7 +61,6 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,7 +80,6 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/popover/PopoverContent.d.ts

@@ -62,7 +62,6 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -82,7 +81,6 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/popover/PopoverContent.js

@@ -1 +1 @@
-import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import*as e from"react";import{styled as t}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as f}from"../icon/Icon.js";import{slideDownAndFade as $,slideLeftAndFade as g,slideUpAndFade as x,slideRightAndFade as w}from"../../utilities/style/keyframe-animations.js";const b=t(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$7",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:$},'&[data-side="right"]':{animationName:g},'&[data-side="bottom"]':{animationName:x},'&[data-side="left"]':{animationName:w}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),z=t(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),C=({children:i,side:o="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:n=!0,size:m="md",...d})=>e.createElement(b,{size:m,side:o,sideOffset:a,...d},n&&e.createElement(c,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:s,size:"lg",theme:"neutral"},e.createElement(f,{is:r})),i,e.createElement(z,{width:16,height:8}));export{C as PopoverContent};
+import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import*as e from"react";import{styled as t}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as f}from"../icon/Icon.js";import{slideDownAndFade as $,slideLeftAndFade as x,slideUpAndFade as g,slideRightAndFade as w}from"../../utilities/style/keyframe-animations.js";const b=t(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:$},'&[data-side="right"]':{animationName:x},'&[data-side="bottom"]':{animationName:g},'&[data-side="left"]':{animationName:w}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),z=t(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),C=({children:i,side:o="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:n=!0,size:m="md",...d})=>e.createElement(b,{size:m,side:o,sideOffset:a,...d},n&&e.createElement(c,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:s,size:"md",theme:"neutral"},e.createElement(f,{is:r})),i,e.createElement(z,{width:16,height:8}));export{C as PopoverContent};

package/dist/components/progress-bar/ProgressBar.d.ts

@@ -62,7 +62,6 @@ declare const StyledProgressBar: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -82,7 +81,6 @@ declare const StyledProgressBar: import("@stitches/react/types/styled-component"
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/radio-button/RadioButton.d.ts

@@ -61,7 +61,6 @@ declare const StyledRadioButton: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,7 +80,6 @@ declare const StyledRadioButton: import("@stitches/react/types/styled-component"
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/radio-button/RadioButtonGroup.d.ts

@@ -62,7 +62,6 @@ export declare const RadioButtonGroup: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -82,7 +81,6 @@ export declare const RadioButtonGroup: import("@stitches/react/types/styled-comp
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/radio-button/RadioButtonGroup.js

@@ -1 +1 @@
-import*as r from"@radix-ui/react-radio-group";import{styled as t}from"../../stitches.js";const o=t(r.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$6"}},column:{flexDirection:"column"}}}});o.displayName="RadioButtonGroup";export{o as RadioButtonGroup};
+import*as r from"@radix-ui/react-radio-group";import{styled as t}from"../../stitches.js";const o=t(r.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});o.displayName="RadioButtonGroup";export{o as RadioButtonGroup};

package/dist/components/radio-button-field/RadioButtonField.js

@@ -1 +1 @@
-import*as e from"react";import{useFormContext as V,Controller as C}from"react-hook-form";import{Description as F}from"../field-wrapper/FieldDescription.js";import"../form/Form.js";import{useFieldError as b}from"../form/useFieldError.js";import{Label as g}from"../label/Label.js";import"../radio-button/RadioButton.js";import{RadioButtonGroup as h}from"../radio-button/RadioButtonGroup.js";import{ValidationError as v}from"../validation-error/ValidationError.js";import{styled as B}from"../../stitches.js";import{RadioField as R}from"./RadioField.js";const $=B("fieldset",{all:"unset"}),r=({children:d,css:u,direction:s="column",defaultValue:t,description:l,label:c,name:n,validation:o,onValueChange:a})=>{const{control:p}=V(),{error:i}=b(n);return e.createElement($,{css:u},e.createElement(g,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(o==null?void 0:o.required)},c),l&&e.createElement(F,{css:{mb:"$3"}},l),e.createElement(C,{control:p,name:n,rules:o,defaultValue:t,render:({onChange:f,value:E})=>e.createElement(h,{direction:s,defaultValue:t,onValueChange:m=>{f(m),a==null||a(m)},value:E},d)}),i&&e.createElement(v,{css:{mt:"$2"}},i))};r.Item=R,r.displayName="RadioButtonField";export{r as RadioButtonField};
+import*as e from"react";import{useFormContext as V,Controller as C}from"react-hook-form";import{Description as F}from"../field-wrapper/FieldDescription.js";import"../form/Form.js";import{useFieldError as b}from"../form/useFieldError.js";import{Label as g}from"../label/Label.js";import"../radio-button/RadioButton.js";import{RadioButtonGroup as h}from"../radio-button/RadioButtonGroup.js";import{ValidationError as v}from"../validation-error/ValidationError.js";import{styled as B}from"../../stitches.js";import{RadioField as R}from"./RadioField.js";const q=B("fieldset",{all:"unset"}),r=({children:d,css:u,direction:s="column",defaultValue:t,description:l,label:c,name:n,validation:o,onValueChange:a})=>{const{control:p}=V(),{error:i}=b(n);return e.createElement(q,{css:u},e.createElement(g,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(o==null?void 0:o.required)},c),l&&e.createElement(F,{css:{mb:"$3"}},l),e.createElement(C,{control:p,name:n,rules:o,defaultValue:t,render:({onChange:f,value:E})=>e.createElement(h,{direction:s,defaultValue:t,onValueChange:m=>{f(m),a==null||a(m)},value:E},d)}),i&&e.createElement(v,{css:{mt:"$2"}},i))};r.Item=R,r.displayName="RadioButtonField";export{r as RadioButtonField};

package/dist/components/radio-card/RadioCard.d.ts

@@ -64,7 +64,6 @@ export declare const StyledRadioCard: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -84,7 +83,6 @@ export declare const StyledRadioCard: import("@stitches/react/types/styled-compo
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/radio-card/RadioCard.js

@@ -1 +1 @@
-import*as l from"@radix-ui/react-radio-group";import*as e from"react";import{styled as t}from"../../stitches.js";import{Box as d}from"../box/Box.js";const o=t(l.Item,{alignItems:"center",bg:"white",border:"1px solid $tonal200",borderRadius:"$0",cursor:"pointer",display:"flex",textAlign:"left",'&[data-state="checked"]':{outline:"2px solid $primary",outlineOffset:"-2px"},variants:{align:{left:{flexDirection:"row"},right:{flexDirection:"row-reverse"}},size:{md:{px:"$4",py:"$3"},lg:{px:"$6",py:"$4"}},isFullWidth:{true:{width:"100%"},false:{width:"max-content"}}}}),c=t("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),p=t(l.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),u=({children:a,isFullWidth:r=!1,size:n="md",align:i="left",...s})=>e.createElement(o,{...s,align:i,isFullWidth:r,size:n},e.createElement(c,{align:i,containerIsFullWidth:r},e.createElement(p,null)),e.createElement(d,null,a));export{u as RadioCard,o as StyledRadioCard};
+import*as l from"@radix-ui/react-radio-group";import*as e from"react";import{styled as t}from"../../stitches.js";import{Box as d}from"../box/Box.js";const o=t(l.Item,{alignItems:"center",bg:"white",border:"1px solid $tonal200",borderRadius:"$0",cursor:"pointer",display:"flex",textAlign:"left",'&[data-state="checked"]':{outline:"2px solid $primary",outlineOffset:"-2px"},variants:{align:{left:{flexDirection:"row"},right:{flexDirection:"row-reverse"}},size:{md:{px:"$4",py:"$3"},lg:{px:"$5",py:"$4"}},isFullWidth:{true:{width:"100%"},false:{width:"max-content"}}}}),c=t("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),p=t(l.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),u=({children:a,isFullWidth:r=!1,size:n="md",align:i="left",...s})=>e.createElement(o,{...s,align:i,isFullWidth:r,size:n},e.createElement(c,{align:i,containerIsFullWidth:r},e.createElement(p,null)),e.createElement(d,null,a));export{u as RadioCard,o as StyledRadioCard};

package/dist/components/radio-card/RadioCardGroup.js

@@ -1 +1 @@
-import*as d from"@radix-ui/react-radio-group";import*as e from"react";import{Stack as p}from"../stack/Stack.js";import{RadioCard as c}from"./RadioCard.js";const f=({css:t,children:r,size:o,isFullWidth:l,align:a,gap:s="3",justify:m,...n})=>e.createElement(d.Root,{...n},e.createElement(p,{direction:"row",justify:m,gap:s,css:t},e.Children.map(r,i=>e.isValidElement(i)&&(i==null?void 0:i.type)===c?e.cloneElement(i,{size:o,isFullWidth:l,align:a}):i)));export{f as RadioCardGroup};
+import*as d from"@radix-ui/react-radio-group";import*as e from"react";import{Stack as p}from"../stack/Stack.js";import{RadioCard as c}from"./RadioCard.js";const f=({css:t,children:r,size:l,isFullWidth:o,align:a,gap:s="3",justify:m,...n})=>e.createElement(d.Root,{...n},e.createElement(p,{direction:"row",justify:m,gap:s,css:t},e.Children.map(r,i=>e.isValidElement(i)&&(i==null?void 0:i.type)===c?e.cloneElement(i,{size:l,isFullWidth:o,align:a}):i)));export{f as RadioCardGroup};

package/dist/components/search-input/SearchInput.js

@@ -1 +1 @@
-import{Search as R,Close as b}from"@atom-learning/icons";import*as t from"react";import{ActionIcon as g}from"../action-icon/ActionIcon.js";import{Box as v}from"../box/Box.js";import{Icon as i}from"../icon/Icon.js";import{Input as d}from"../input/Input.js";import{styled as l}from"../../stitches.js";var z=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(z||{});const f=l(i,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),$=l(d,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),c=({size:e="md",css:m,value:s,clearText:p="Clear",onChange:r,...u})=>{const[E,a]=t.useState(s||""),[C,n]=t.useState(s?"CLEAR":"SEARCH"),h=()=>{a(""),n("SEARCH"),r==null||r({currentTarget:{value:""},target:{value:""}})},S=o=>{a(o.target.value),n(o.target.value?"CLEAR":"SEARCH"),r==null||r(o)},A=()=>C==="SEARCH"?t.createElement(f,{is:R,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(g,{label:p,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:h},t.createElement(i,{is:b}));return t.createElement(v,{css:{position:"relative",...m}},t.createElement($,{size:e,type:"search",...u,value:E,onChange:S,css:{pr:e==="sm"?"$6":"$7"}}),A())};c.displayName="SearchInput";export{c as SearchInput};
+import{Search as g,Close as w}from"@atom-learning/icons";import*as t from"react";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Box as y}from"../box/Box.js";import{Icon as c}from"../icon/Icon.js";import{Input as I}from"../input/Input.js";import{styled as l}from"../../stitches.js";import{useCallbackRef as k}from"../../utilities/hooks/useCallbackRef.js";var H=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(H||{});const L=l(c,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),x=l(I,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),p=({size:e="md",css:u,value:n,clearText:m="Clear",onChange:a,...E})=>{const[h,C]=k(),[b,v]=t.useState(n||""),[f,d]=t.useState(n?"CLEAR":"SEARCH"),A=()=>{var r,i;const s=h.current;if(!s)return;const o=(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:r.set;(i=o==null?void 0:o.call)==null||i.call(o,s,"");const $=new Event("input",{bubbles:!0});s.dispatchEvent($),s.focus()},R=r=>{v(r.target.value),d(r.target.value?"CLEAR":"SEARCH"),a==null||a(r)},S=()=>f==="SEARCH"?t.createElement(L,{is:g,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(z,{label:m,theme:"neutral",size:e,css:{position:"absolute",top:"0",right:"$1"},onClick:A},t.createElement(c,{is:w}));return t.createElement(y,{css:{position:"relative",...u}},t.createElement(x,{ref:C,size:e,type:"search",...E,value:b,onChange:R,css:{pr:e==="sm"?"$5":"$6"}}),S())};p.displayName="SearchInput";export{p as SearchInput};

package/dist/components/select/Select.d.ts

@@ -63,7 +63,6 @@ declare const StyledSelect: import("@stitches/react/types/styled-component").Sty
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -83,7 +82,6 @@ declare const StyledSelect: import("@stitches/react/types/styled-component").Sty
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/select/Select.js

@@ -1 +1 @@
-import*as o from"react";import{styled as d,theme as s}from"../../stitches.js";import{encodeBackgroundIcon as c}from"../../utilities/style/encode-background-icon.js";const p=d("select",{appearance:"none",backgroundColor:"white",backgroundImage:c(s.colors.tonal300.value,"chevron"),backgroundRepeat:"no-repeat, repeat",border:"1px solid $tonal300",borderRadius:"$0",color:"$tonal600",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{borderColor:"$primary",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$6"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$7"}},state:{error:{border:"1px solid $danger"}}}}),t=o.forwardRef(({placeholder:r,children:n,size:l="md",...e},i)=>{const a={size:l,ref:i,...e};return!e.value&&!e.defaultValue&&(a.defaultValue=""),o.createElement(p,{...a},r&&o.createElement("option",{disabled:!0,hidden:!0,value:""},r),n)});t.displayName="Select";export{t as Select};
+import*as o from"react";import{styled as d,theme as s}from"../../stitches.js";import{encodeBackgroundIcon as c}from"../../utilities/style/encode-background-icon.js";const p=d("select",{appearance:"none",backgroundColor:"white",backgroundImage:c(s.colors.tonal300.value,"chevron"),backgroundRepeat:"no-repeat, repeat",border:"1px solid $tonal300",borderRadius:"$0",color:"$tonal600",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{borderColor:"$primary",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$5"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$6"}},state:{error:{border:"1px solid $danger"}}}}),t=o.forwardRef(({placeholder:r,children:n,size:l="md",...e},i)=>{const a={size:l,ref:i,...e};return!e.value&&!e.defaultValue&&(a.defaultValue=""),o.createElement(p,{...a},r&&o.createElement("option",{disabled:!0,hidden:!0,value:""},r),n)});t.displayName="Select";export{t as Select};

package/dist/components/slider/Slider.d.ts

@@ -63,7 +63,6 @@ declare const StyledSlider: import("@stitches/react/types/styled-component").Sty
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -83,7 +82,6 @@ declare const StyledSlider: import("@stitches/react/types/styled-component").Sty
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/slider-field/SliderField.js

@@ -1 +1 @@
-import e from"react";import{useFormContext as x,Controller as E}from"react-hook-form";import{FieldWrapper as V}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import{Slider as l}from"../slider/Slider.js";const n=({css:u,label:i,name:t,defaultValue:a,outputLabel:d,min:r=0,max:m=100,steps:p=[],...s})=>{const{control:c}=x();return e.createElement(V,{css:u,fieldId:t,label:i},e.createElement(E,{control:c,name:t,defaultValue:a,render:({onChange:f,value:o})=>e.createElement(l,{name:t,defaultValue:a,onValueChange:f,value:o,min:r,max:m,...s},e.createElement(l.Steps,{min:r,max:m,steps:p}),e.createElement(l.Value,{value:o||a,outputLabel:d}))}))};n.displayName="SliderField";export{n as SliderField};
+import e from"react";import{useFormContext as x,Controller as E}from"react-hook-form";import{FieldWrapper as V}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import{Slider as l}from"../slider/Slider.js";const o=({css:u,label:i,name:t,defaultValue:a,outputLabel:d,min:r=0,max:m=100,steps:p=[],...s})=>{const{control:c}=x();return e.createElement(V,{css:u,fieldId:t,label:i},e.createElement(E,{control:c,name:t,defaultValue:a,render:({onChange:f,value:n})=>e.createElement(l,{name:t,defaultValue:a,onValueChange:f,value:n,min:r,max:m,...s},e.createElement(l.Steps,{min:r,max:m,steps:p}),e.createElement(l.Value,{value:n||a,outputLabel:d}))}))};o.displayName="SliderField";export{o as SliderField};

package/dist/components/stack/Stack.d.ts

@@ -5,7 +5,7 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
     wrap?: "wrap" | "wrap-reverse" | "no-wrap" | undefined;
     justify?: boolean | "center" | "false" | "end" | "start" | undefined;
     align?: boolean | "center" | "false" | "end" | "start" | undefined;
-    gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "false" | undefined;
+    gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "false" | undefined;
 }, {
     sm: string;
     md: string;
@@ -66,7 +66,6 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -86,7 +85,6 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/stack/Stack.js

@@ -1 +1 @@
-import*as s from"react";import{theme as p,styled as c}from"../../stitches.js";import{CSSWrapper as f}from"../../utilities/css-wrapper/CSSWrapper.js";const m=Object.keys(p.space).reduce((t,e)=>({...t,[e]:{mt:`-$space$${e}`,ml:`-$space$${e}`,"& > *":{mt:`$space$${e}`,ml:`$space$${e}`}}}),{}),w=c("div",{display:"flex","& > *":{m:0},variants:{direction:{row:{flexDirection:"row"},"row-reverse":{flexDirection:"row-reverse"},column:{flexDirection:"column"}},wrap:{wrap:{flexWrap:"wrap"},"no-wrap":{flexWrap:"no-wrap"},"wrap-reverse":{flexWrap:"wrap-reverse"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"},false:{}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},false:{}},gap:{...m,false:{}}}}),n=({css:t,gap:e=2,direction:r="row",wrap:i="wrap",justify:l="start",align:a,...o})=>s.createElement(f,{css:t},s.createElement(w,{direction:r,gap:e,wrap:i,justify:l,align:typeof a>"u"&&r!=="column"?"center":a,...o}));n.displayName="Stack";export{n as Stack};
+import*as s from"react";import{theme as c,styled as o}from"../../stitches.js";import{CSSWrapper as f}from"../../utilities/css-wrapper/CSSWrapper.js";const m=Object.keys(c.space).reduce((t,e)=>({...t,[e]:{mt:`-$space$${e}`,ml:`-$space$${e}`,"& > *":{mt:`$space$${e}`,ml:`$space$${e}`}}}),{}),w=o("div",{display:"flex","& > *":{m:0},variants:{direction:{row:{flexDirection:"row"},"row-reverse":{flexDirection:"row-reverse"},column:{flexDirection:"column"}},wrap:{wrap:{flexWrap:"wrap"},"no-wrap":{flexWrap:"no-wrap"},"wrap-reverse":{flexWrap:"wrap-reverse"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"},false:{}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},false:{}},gap:{...m,false:{}}}}),n=({css:t,gap:e=2,direction:r="row",wrap:i="wrap",justify:l="start",align:a,...p})=>s.createElement(f,{css:t},s.createElement(w,{direction:r,gap:e,wrap:i,justify:l,align:typeof a>"u"&&r!=="column"?"center":a,...p}));n.displayName="Stack";export{n as Stack};

package/dist/components/stack-content/StackContent.d.ts

@@ -60,7 +60,6 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,7 +79,6 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/stack-content/StackContent.js

@@ -1 +1 @@
-import*as t from"react";import{styled as r}from"../../stitches.js";import{StyledDivider as d}from"../divider/Divider.js";import{StyledHeading as e}from"../heading/Heading.js";import{StyledImage as l}from"../image/Image.js";import{StyledList as a}from"../list/List.js";import{StyledText as c}from"../text/Text.js";const n=r("div",{[`& > ${e}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}},[`& > ${c}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$6"}},[`& > ${a}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$6"}},[`& > ${d}`]:{my:"$6"},[`& > ${l}`]:{display:"block","&:not(:first-child)":{mt:"$7"},"&:not(:last-child)":{mb:"$7"}}}),o=t.forwardRef((m,i)=>t.createElement(n,{ref:i,...m}));o.displayName="StackContent";export{o as StackContent};
+import*as t from"react";import{styled as r}from"../../stitches.js";import{StyledDivider as d}from"../divider/Divider.js";import{StyledHeading as e}from"../heading/Heading.js";import{StyledImage as l}from"../image/Image.js";import{StyledList as a}from"../list/List.js";import{StyledText as c}from"../text/Text.js";const n=r("div",{[`& > ${e}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}},[`& > ${c}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${a}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${d}`]:{my:"$5"},[`& > ${l}`]:{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}}),m=t.forwardRef((o,i)=>t.createElement(n,{ref:i,...o}));m.displayName="StackContent";export{m as StackContent};

package/dist/components/stepper/StepperStepBullet.d.ts

@@ -58,7 +58,6 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,7 +77,6 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -265,7 +263,7 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
         };
     };
 }>>, {
-    status?: "success" | "default" | "active" | "viewed" | undefined;
+    status?: "success" | "default" | "active" | "viewed" | "completed" | "reviewed" | undefined;
 }, {
     sm: string;
     md: string;
@@ -326,7 +324,6 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -346,7 +343,6 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/stepper/StepperStepBullet.js

@@ -1 +1 @@
-import{styled as e}from"../../stitches.js";import{Flex as o}from"../flex/Flex.js";const r=e(o,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$tonal50",zIndex:1,flex:"none",variants:{status:{default:{bg:"$tonal50",color:"$tonal400"},active:{bg:"white",color:"$primaryMid",border:"2px solid",borderColor:"currentColor"},viewed:{bg:"$primary",color:"white"},success:{bg:"$success",color:"white"}}}});export{r as StepperStepBullet};
+import{styled as e}from"../../stitches.js";import{Flex as o}from"../flex/Flex.js";const r=e(o,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$tonal50",zIndex:1,flex:"none",variants:{status:{default:{bg:"$tonal50",color:"$tonal300"},active:{bg:"white",color:"$primaryMid",border:"2px solid",borderColor:"currentColor"},viewed:{bg:"white",border:"2px solid $tonal200",color:"$tonal600"},completed:{bg:"$primary",color:"white"},reviewed:{bg:"$primaryMid",color:"white"},success:{bg:"$success",color:"white"}}}});export{r as StepperStepBullet};

package/dist/components/stepper/StepperStepContainer.d.ts

@@ -58,7 +58,6 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,7 +77,6 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -267,6 +265,7 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
 }>>, {
     direction?: "horizontal" | "vertical" | undefined;
     separator?: "success" | "default" | "active" | undefined;
+    status?: "success" | "default" | "active" | "viewed" | "completed" | "reviewed" | undefined;
 }, {
     sm: string;
     md: string;
@@ -327,7 +326,6 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -347,7 +345,6 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/stepper/StepperStepContainer.js

@@ -1 +1 @@
-import{styled as t}from"../../stitches.js";import{Flex as e}from"../flex/Flex.js";const o=t(e,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},variants:{direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$tonal50"}},active:{"&:not(:last-child)::after":{bg:"$primary"}},success:{"&:not(:last-child)::after":{bg:"$success"}}}}});export{o as StepperStepContainer};
+import{styled as t}from"../../stitches.js";import{Flex as i}from"../flex/Flex.js";const o=t(i,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$tonal50"}},active:{"&:not(:last-child)::after":{bg:"$primary"}},success:{"&:not(:last-child)::after":{bg:"$success"}}},status:{completed:{"&:hover":{"& :first-child":{bg:"$primaryMid",color:"white !important"},"& :last-child":{color:"$primaryMid"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary",outlineOffset:"2px"}}},active:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary",outlineOffset:"2px"}}},default:{},viewed:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}},success:{},reviewed:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}}}}});export{o as StepperStepContainer};

package/dist/components/stepper/StepperStepForward.js

@@ -1 +1 @@
-import*as n from"react";import{Button as p}from"../button/Button.js";import{useStepper as m}from"./stepper-context/StepperContext.js";const c=({label:e,children:r,onClick:o,...i})=>{const{goToNextStep:t,activeStep:l}=m();return n.createElement(p,{size:"sm",...i,onClick:()=>{if(o)return o(t);t==null||t()},css:{ml:"auto"}},r||(e==null?void 0:e(l)))};export{c as StepperStepForward};
+import*as n from"react";import{Button as p}from"../button/Button.js";import{useStepper as m}from"./stepper-context/StepperContext.js";const c=({label:t,children:r,onClick:o,...i})=>{const{goToNextStep:e,activeStep:l}=m();return n.createElement(p,{size:"sm",...i,onClick:()=>{if(o)return o(e);e==null||e()},css:{ml:"auto"}},r||(t==null?void 0:t(l)))};export{c as StepperStepForward};

package/dist/components/stepper/StepperStepLabel.d.ts

@@ -64,7 +64,6 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
             warning: any;
             warningMid: any;
             warningDark: any;
-            warningText: any;
             subjectEnglish: any;
             subjectMaths: any;
             subjectScience: any;
@@ -84,7 +83,6 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
             "7": any;
             "8": any;
             "9": any;
-            "10": any;
         };
         fontSizes: {
             xs: any;
@@ -275,7 +273,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
     as?: import("react").ElementType<any> | import("react").ComponentType<{}> | undefined;
 }>, {
     direction?: "horizontal" | "vertical" | undefined;
-    status?: "success" | "default" | "active" | "viewed" | undefined;
+    status?: "success" | "default" | "active" | "viewed" | "completed" | "reviewed" | undefined;
 }, {
     sm: string;
     md: string;
@@ -336,7 +334,6 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -356,7 +353,6 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/stepper/StepperStepLabel.js

@@ -1 +1 @@
-import{styled as t}from"../../stitches.js";import{Text as e}from"../text/Text.js";const o=t(e,{fontWeight:600,variants:{direction:{vertical:{ml:"$3",textAlign:"left"},horizontal:{mt:"$3",textAlign:"center"}},status:{default:{color:"$tonal400",fontWeight:400},active:{color:"$primaryMid"},viewed:{color:"$primary"},success:{color:"$success"}}}});export{o as StepperStepLabel};
+import{styled as t}from"../../stitches.js";import{Text as e}from"../text/Text.js";const o=t(e,{fontWeight:600,variants:{direction:{vertical:{ml:"$3",textAlign:"left"},horizontal:{mt:"$3",textAlign:"center"}},status:{default:{color:"$tonal300",fontWeight:400},active:{color:"$primaryMid"},viewed:{color:"$tonal600"},completed:{color:"$primary"},success:{color:"$success"},reviewed:{}}}});export{o as StepperStepLabel};

package/dist/components/stepper/StepperSteps.js

@@ -1 +1 @@
-import{Ok as f}from"@atom-learning/icons";import*as i from"react";import{styled as b}from"../../stitches.js";import{Flex as v}from"../flex/Flex.js";import{Icon as h}from"../icon/Icon.js";import{useStepper as C}from"./stepper-context/StepperContext.js";import{StepperStepBullet as w}from"./StepperStepBullet.js";import{StepperStepContainer as D}from"./StepperStepContainer.js";import{StepperStepLabel as $}from"./StepperStepLabel.js";import{Status as r}from"./types.js";const x=b(v,{justifyContent:"space-between",variants:{direction:{vertical:{flexDirection:"column"},horizontal:{flexDirection:"row"}}}}),I=({css:m})=>{const{steps:o,goToStep:p,activeStep:c,viewedSteps:a,allowSkip:n,direction:l,hideLabels:u}=C(),d=t=>{const e=o[t];return e.status?e.status:c===t?r.ACTIVE:a.includes(t)?r.VIEWED:r.DEFAULT},S=t=>{var e;const s=(e=o[t])==null?void 0:e.status;return s===r.SUCCESS?r.SUCCESS:s===r.VIEWED||t<Math.max(...a)?r.ACTIVE:r.DEFAULT};return i.createElement(x,{css:m,direction:l},o.map((t,e)=>{const s=d(e),E=S(e);return i.createElement(D,{key:`step_${e}`,direction:l,separator:E,css:l==="horizontal"?{width:`calc(100% / ${o.length})`}:{height:`calc(100% / ${o.length})`}},i.createElement(w,{as:n?"button":"div",onClick:()=>n&&a.includes(e)?p==null?void 0:p(e):void 0,status:s,"aria-current":e===c?"step":void 0,"aria-label":t.label?"":`step ${e+1}`,"aria-labelledby":t.label?`step-${e}`:void 0,css:{cursor:n&&a.includes(e)?"pointer":"auto"}},t.status==="success"?i.createElement(h,{is:f}):e+1),t.label&&!u&&i.createElement($,{as:"span",id:`step-${e}`,direction:l,status:s},t.label))}))};export{I as StepperSteps};
+import{Ok as f}from"@atom-learning/icons";import*as i from"react";import{styled as b}from"../../stitches.js";import{Flex as h}from"../flex/Flex.js";import{Icon as v}from"../icon/Icon.js";import{useStepper as g}from"./stepper-context/StepperContext.js";import{StepperStepBullet as D}from"./StepperStepBullet.js";import{StepperStepContainer as I}from"./StepperStepContainer.js";import{StepperStepLabel as U}from"./StepperStepLabel.js";import{Status as r}from"./types.js";const x=b(h,{justifyContent:"space-between",variants:{direction:{vertical:{flexDirection:"column"},horizontal:{flexDirection:"row"}}}}),T=({css:u})=>{const{steps:s,goToStep:m,activeStep:l,viewedSteps:n,allowSkip:c,direction:a,hideLabels:S,completedSteps:p}=g(),d=t=>{const e=s[t];return e.status?e.status:p.length===s.length?r.SUCCESS:l===t&&p.includes(l)?r.REVIEWED:l===t?r.ACTIVE:p.includes(t)?r.COMPLETED:n.includes(t)?r.VIEWED:r.DEFAULT},E=t=>{var e;const o=(e=s[t])==null?void 0:e.status;return p.length===s.length?r.SUCCESS:o===r.SUCCESS?r.SUCCESS:o===r.VIEWED||t<Math.max(...n)?r.ACTIVE:r.DEFAULT};return i.createElement(x,{css:u,direction:a},s.map((t,e)=>{const o=d(e),C=E(e);return i.createElement(I,{tabIndex:0,key:`step_${e}`,direction:a,separator:C,status:o,css:a==="horizontal"?{width:`calc(100% / ${s.length})`}:{height:`calc(100% / ${s.length})`}},i.createElement(D,{as:c?"button":"div",onClick:()=>c&&n.includes(e)?m==null?void 0:m(e):void 0,status:o,"aria-current":e===l?"step":void 0,"aria-label":t.label?"":`step ${e+1}`,"aria-labelledby":t.label?`step-${e}`:void 0,css:{cursor:c&&n.includes(e)?"pointer":"auto"}},t.status==="success"?i.createElement(v,{is:f}):e+1),t.label&&!S&&i.createElement(U,{as:"span",id:`step-${e}`,direction:a,status:o},t.label))}))};export{T as StepperSteps};

package/dist/components/stepper/stepper-context/StepperContext.js

@@ -1 +1 @@
-import*as o from"react";const a=o.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1,direction:"horizontal",hideLabels:!1}),T=({children:r,stepCount:n,allowSkip:u,onComplete:s,onStepChange:p,direction:S,steps:c,hideLabels:d})=>{const[t,i]=o.useState(0),[v,h]=o.useState([0]),l=!n;o.useEffect(()=>{h(e=>e.includes(t)?e:[...e,t]),p==null||p(t)},[t,p]);const w=()=>{if(s&&t===n-1)return s();if(t<n-1)return i(e=>e+1)},f=()=>{i(e=>e-1)},g=e=>{i(e)};return o.createElement(a.Provider,{value:{steps:c||Array(n).fill(""),goToPreviousStep:l?void 0:f,goToNextStep:l?void 0:w,goToStep:l?void 0:g,activeStep:t,viewedSteps:v,allowSkip:u,direction:S,hideLabels:d}},r)},m=()=>{const r=o.useContext(a);if(!r)throw new Error("Ensure that you wrap any components with the root component Stepper");return r};export{T as StepperProvider,m as useStepper};
+import*as o from"react";const c=o.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1,direction:"horizontal",hideLabels:!1,completedSteps:[]}),P=({children:n,stepCount:r,allowSkip:a,onComplete:p,onStepChange:s,direction:d,steps:v,hideLabels:h})=>{const[e,l]=o.useState(0),[w,m]=o.useState([0]),[g,f]=o.useState([]),u=!r;o.useEffect(()=>{m(t=>t.includes(e)?t:[...t,e]),s==null||s(e)},[e,s]);const T=()=>{const t=p&&e===r-1,S=e<r-1;if((p||S)&&f(i=>i.includes(e)?i:[...i,e]),t)return p==null?void 0:p();if(S)return l(i=>i+1)},x=()=>{l(t=>t-1)},C=t=>{l(t)};return o.createElement(c.Provider,{value:{steps:v||Array(r).fill(""),goToPreviousStep:u?void 0:x,goToNextStep:u?void 0:T,goToStep:u?void 0:C,activeStep:e,viewedSteps:w,completedSteps:g,allowSkip:a,direction:d,hideLabels:h}},n)},b=()=>{const n=o.useContext(c);if(!n)throw new Error("Ensure that you wrap any components with the root component Stepper");return n};export{P as StepperProvider,b as useStepper};

package/dist/components/stepper/types.d.ts

@@ -3,7 +3,9 @@ export declare enum Status {
     ACTIVE = "active",
     VIEWED = "viewed",
     SUCCESS = "success",
-    DEFAULT = "default"
+    DEFAULT = "default",
+    COMPLETED = "completed",
+    REVIEWED = "reviewed"
 }
 export interface Step {
     label?: string;
@@ -17,6 +19,7 @@ export declare type Context = {
     goToStep?: (index: number) => void;
     activeStep: number;
     viewedSteps: number[];
+    completedSteps: number[];
     allowSkip?: boolean;
     direction?: Direction;
     hideLabels: boolean;

package/dist/components/stepper/types.js

@@ -1 +1 @@
-var E=(t=>(t.ACTIVE="active",t.VIEWED="viewed",t.SUCCESS="success",t.DEFAULT="default",t))(E||{});export{E as Status};
+var t=(E=>(E.ACTIVE="active",E.VIEWED="viewed",E.SUCCESS="success",E.DEFAULT="default",E.COMPLETED="completed",E.REVIEWED="reviewed",E))(t||{});export{t as Status};

package/dist/components/switch/Switch.d.ts

@@ -60,7 +60,6 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,7 +79,6 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/switch/Switch.js

@@ -1 +1 @@
-import*as o from"@radix-ui/react-switch";import*as r from"react";import{styled as a}from"../../stitches.js";const n=a(o.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",p:"$0",position:"relative",transition:"all 50ms ease-out",width:"$4","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary"},'&[data-state="checked"]:hover':{backgroundColor:"$primaryMid"}}),i=a(o.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),e=t=>r.createElement(n,{...t},r.createElement(i,null));e.displayName="Switch";export{e as Switch};
+import*as o from"@radix-ui/react-switch";import*as r from"react";import{styled as e}from"../../stitches.js";const n=e(o.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",p:"$0",position:"relative",transition:"all 50ms ease-out",width:"$4","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary"},'&[data-state="checked"]:hover':{backgroundColor:"$primaryMid"}}),i=e(o.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),a=t=>r.createElement(n,{...t},r.createElement(i,null));a.displayName="Switch";export{a as Switch};

package/dist/components/table/Table.d.ts

@@ -78,7 +78,6 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -98,7 +97,6 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/table/TableBody.d.ts

@@ -61,7 +61,6 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,7 +80,6 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/table/TableBody.js

@@ -1 +1 @@
-import*as r from"react";import{styled as d}from"../../stitches.js";import{TableRow as i}from"./TableRow.js";const a=d("tbody",{variants:{striped:{true:{[`${i}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),t=({striped:e=!0,...o})=>r.createElement(a,{striped:e,...o});t.displayName="TableBody";export{t as TableBody};
+import*as r from"react";import{styled as d}from"../../stitches.js";import{TableRow as i}from"./TableRow.js";const a=d("tbody",{variants:{striped:{true:{[`${i}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),e=({striped:t=!0,...o})=>r.createElement(a,{striped:t,...o});e.displayName="TableBody";export{e as TableBody};

package/dist/components/table/TableCell.d.ts

@@ -58,7 +58,6 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,7 +77,6 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;