@atom-learning/components 1.3.1 → 1.6.0

package/dist/components/accordion/Accordion.js

@@ -1 +1 @@
-const r=["type","children"];import{Root as t}from"@radix-ui/react-accordion";import{AccordionItem as e}from"./AccordionItem.js";import{AccordionTrigger as o}from"./AccordionTrigger.js";import{AccordionContent as i}from"./AccordionContent.js";import n from"react";import{styled as c}from"../../stitches.js";const m=c(t,{width:"100%"}),s=t=>{let{type:e="single",children:o}=t,i=function(r,t){if(null==r)return{};var e,o,i={},n=Object.keys(r);for(o=0;o<n.length;o++)e=n[o],t.indexOf(e)>=0||(i[e]=r[e]);return i}(t,r);return n.createElement(m,Object.assign({type:e},i),o)};s.Item=e,s.Content=i,s.Trigger=o,s.displayName="Accordion";export{s as Accordion};
+import{Root as i}from"@radix-ui/react-accordion";import{AccordionItem as m}from"./AccordionItem.js";import{AccordionTrigger as c}from"./AccordionTrigger.js";import{AccordionContent as n}from"./AccordionContent.js";import d from"react";import{styled as p}from"../../stitches.js";const f=p(i,{width:"100%"}),o=({type:r="single",children:t,...e})=>d.createElement(f,{type:r,...e},t);o.Item=m,o.Content=n,o.Trigger=c,o.displayName="Accordion";export{o as Accordion};

package/dist/components/accordion/AccordionContent.js

@@ -1 +1 @@
-const t=["children","css"];import{Content as e}from"@radix-ui/react-accordion";import r from"react";import{CSSWrapper as i}from"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import"../../utilities/style/keyframe-animations.js";import{keyframes as o,styled as a}from"../../stitches.js";const s=a(e,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${o({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}})} 300ms ease-out`},'&[data-state="closed"]':{animation:`${o({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}})} 300ms ease-out`}}}),n=e=>{let{children:o,css:a}=e,n=function(t,e){if(null==t)return{};var r,i,o={},a=Object.keys(t);for(i=0;i<a.length;i++)r=a[i],e.indexOf(r)>=0||(o[r]=t[r]);return o}(e,t);return r.createElement(s,Object.assign({},n),r.createElement(i,{css:a},o))};export{n as AccordionContent};
+import{Content as r}from"@radix-ui/react-accordion";import t from"react";import{keyframes as o,styled as i}from"../../stitches.js";import{CSSWrapper as c}from"../../utilities/css-wrapper/CSSWrapper.js";const m=o({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),s=o({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),d=i(r,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${m} 300ms ease-out`},'&[data-state="closed"]':{animation:`${s} 300ms ease-out`}}}),h=({children:e,css:a,...n})=>t.createElement(d,{...n},t.createElement(c,{css:a},e));export{h as AccordionContent};

package/dist/components/accordion/AccordionItem.js

@@ -1 +1 @@
-const e=["children","value"];import{Item as r}from"@radix-ui/react-accordion";import t from"react";import{styled as n}from"../../stitches.js";const i=n(r,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),o=r=>{let{children:n,value:o}=r,c=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(r,e);return t.createElement(i,Object.assign({value:o},c),n)};export{o as AccordionItem};
+import{Item as m}from"@radix-ui/react-accordion";import r from"react";import{styled as c}from"../../stitches.js";const d=c(m,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),i=({children:t,value:o,...e})=>r.createElement(d,{value:o,...e},t);export{i as AccordionItem};

package/dist/components/accordion/AccordionTrigger.js

@@ -1 +1 @@
-const r=["theme","children"];import{Trigger as t}from"@radix-ui/react-accordion";import e from"react";import{Box as o}from"../box/Box.js";import{Icon as a}from"../icon/Icon.js";import{ChevronDown as n}from"@atom-learning/icons";import{styled as i,theme as s}from"../../stitches.js";import{darken as m}from"polished";const l=(r,t,e,o="#fff")=>({bg:r,color:o,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:t},"&:not([disabled]):active":{bg:e}}),f=i(t,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",'&[data-state="open"]':{borderRadius:"$0 $0 0 0","& svg":{transition:"transform 300ms",transform:"rotate(180deg)"}},'&[data-state="closed"]':{borderRadius:"$0","& svg":{transition:"transform 300ms",transform:"rotate(0deg)"}},variants:{theme:{primaryDark:l("$primaryDark",m(.1,s.colors.primaryDark.value),m(.15,s.colors.primaryDark.value)),light:l("#fff",m(.1,"#fff"),m(.15,"#fff"),"$tonal600")}}}),c=t=>{let{theme:i="primaryDark",children:s}=t,m=function(r,t){if(null==r)return{};var e,o,a={},n=Object.keys(r);for(o=0;o<n.length;o++)e=n[o],t.indexOf(e)>=0||(a[e]=r[e]);return a}(t,r);return e.createElement(f,Object.assign({theme:i},m),e.createElement(o,null,s),e.createElement(a,{is:n}))};export{c as AccordionTrigger};
+import{Trigger as s}from"@radix-ui/react-accordion";import a from"react";import{Box as l}from"../box/Box.js";import{Icon as f}from"../icon/Icon.js";import{ChevronDown as d}from"@atom-learning/icons";import{styled as c,theme as i}from"../../stitches.js";import{darken as r}from"polished";const n=(t,e,o,m="#fff")=>({bg:t,color:m,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:e},"&:not([disabled]):active":{bg:o}}),g=c(s,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",'&[data-state="open"]':{borderRadius:"$0 $0 0 0","& svg":{transition:"transform 300ms",transform:"rotate(180deg)"}},'&[data-state="closed"]':{borderRadius:"$0","& svg":{transition:"transform 300ms",transform:"rotate(0deg)"}},variants:{theme:{primaryDark:n("$primaryDark",r(.1,i.colors.primaryDark.value),r(.15,i.colors.primaryDark.value)),light:n("#fff",r(.1,"#fff"),r(.15,"#fff"),"$tonal600")}}}),p=({theme:t="primaryDark",children:e,...o})=>a.createElement(g,{theme:t,...o},a.createElement(l,null,e),a.createElement(f,{is:d}));export{p as AccordionTrigger};

package/dist/components/action-icon/ActionIcon.d.ts

@@ -277,5 +277,5 @@ declare type ActionIconProps = Override<React.ComponentProps<typeof StyledButton
     children: React.ReactNode;
     label: string;
 } & NavigatorActions>;
-export declare const ActionIcon: React.ForwardRefExoticComponent<Pick<ActionIconProps, "appearance" | "color" | "translate" | "size" | "css" | "theme" | "onBlur" | "onSubmit" | "form" | "label" | "slot" | "style" | "title" | "hidden" | "key" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "disabled" | "value" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isRounded" | keyof NavigatorActions> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ActionIcon: React.ForwardRefExoticComponent<Pick<ActionIconProps, "appearance" | "color" | "translate" | "size" | "css" | "theme" | "onBlur" | "onChange" | "onSubmit" | "form" | "label" | "slot" | "style" | "title" | "hidden" | "key" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "disabled" | "value" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isRounded" | keyof NavigatorActions> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/action-icon/ActionIcon.js

@@ -1 +1 @@
-const e=["children","theme","appearance","size","label","href","disabled"];function r(){return(r=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}import a from"invariant";import{darken as s}from"polished";import{forwardRef as i,Children as n,createElement as o,isValidElement as c,cloneElement as t}from"react";import{styled as l,theme as p}from"../../stitches.js";import{Icon as d}from"../icon/Icon.js";const m=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),u=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),$=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),y=l("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{md:{size:"$3"},lg:{size:"$4"},xl:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:m("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:m("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:m("$primaryDark",s(.1,p.colors.primaryDark.value),s(.15,p.colors.primaryDark.value))},{theme:"success",appearance:"simple",css:m("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:m("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:m("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:u("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:u("$primaryDark",s(.1,p.colors.primaryDark.value),s(.15,p.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:u("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:u("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:u("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:$("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:$("$primaryDark",s(.1,p.colors.primaryDark.value),s(.15,p.colors.primaryDark.value))},{theme:"success",appearance:"outline",css:$("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:$("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:$("$danger","$dangerMid","$dangerDark")}]}),g=i(((s,i)=>{let{children:l,theme:p="primary",appearance:m="simple",size:u="md",label:$,href:b,disabled:h}=s,k=function(e,r){if(null==e)return{};var a,s,i={},n=Object.keys(e);for(s=0;s<n.length;s++)a=n[s],r.indexOf(a)>=0||(i[a]=e[a]);return i}(s,e);const f=`A single ${d.displayName} component is permitted as a child of ${g.displayName}`;a(1===n.count(l),f);const D=b?{as:"a",href:h?null:b,onClick:void 0,"aria-disabled":!!h}:{type:"button"};return o(y,Object.assign({},k,D,{"aria-label":$,theme:p,appearance:m,size:u,ref:i,disabled:h}),n.map(l,(e=>{if(!c(e))throw new Error(f);return a(e.type===d,`Children of type ${null==e?void 0:e.type} aren't permitted. Only an ${d.displayName} component is allowed in ${g.displayName}`),t(e,{css:r({size:["lg","xl"].includes(u)?20:16},e.props.css?e.props.css:{})})})))}));g.displayName="ActionIcon";export{g as ActionIcon};
+import y from"invariant";import{darken as n}from"polished";import{forwardRef as h,Children as g,createElement as w,isValidElement as v,cloneElement as f}from"react";import{styled as M,theme as o}from"../../stitches.js";import{Icon as d}from"../icon/Icon.js";const i=(r,e,a)=>({bg:"transparent",color:r,"&:not(:disabled):hover, &:not(:disabled):focus":{color:e},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),t=(r,e,a)=>({bg:r,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:e,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),c=(r,e,a)=>({border:"1px solid",borderColor:"currentColor",color:r,"&:not(:disabled):hover, &:not(:disabled):focus":{color:e},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),C=M("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{md:{size:"$3"},lg:{size:"$4"},xl:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:i("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:i("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:i("$primaryDark",n(.1,o.colors.primaryDark.value),n(.15,o.colors.primaryDark.value))},{theme:"success",appearance:"simple",css:i("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:i("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:i("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:t("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:t("$primaryDark",n(.1,o.colors.primaryDark.value),n(.15,o.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:t("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:t("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:t("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:c("$primaryDark",n(.1,o.colors.primaryDark.value),n(.15,o.colors.primaryDark.value))},{theme:"success",appearance:"outline",css:c("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:c("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:c("$danger","$dangerMid","$dangerDark")}]}),p=h(({children:r,theme:e="primary",appearance:a="simple",size:m="md",label:b,href:$,disabled:l,...k},D)=>{const u=`A single ${d.displayName} component is permitted as a child of ${p.displayName}`;return y(g.count(r)===1,u),w(C,{...k,...$?{as:"a",href:l?null:$,onClick:void 0,"aria-disabled":!!l}:{type:"button"},"aria-label":b,theme:e,appearance:a,size:m,ref:D,disabled:l},g.map(r,s=>{if(!v(s))throw new Error(u);return y(s.type===d,`Children of type ${s==null?void 0:s.type} aren't permitted. Only an ${d.displayName} component is allowed in ${p.displayName}`),f(s,{css:{size:["lg","xl"].includes(m)?20:16,...s.props.css?s.props.css:{}}})}))});p.displayName="ActionIcon";export{p as ActionIcon};

package/dist/components/alert-dialog/AlertDialog.js

@@ -1 +1 @@
-import{Root as t,Description as r,Title as i,Action as o,Cancel as e,Trigger as a}from"@radix-ui/react-alert-dialog";import{createElement as l}from"react";import{styled as m}from"../../stitches.js";import{AlertDialogContent as n}from"./AlertDialogContent.js";const s=m(t,{}),c=t=>l(s,Object.assign({},t));c.Description=r,c.Title=i,c.Action=o,c.Cancel=e,c.Content=n,c.Trigger=a,c.displayName="AlertDialog";export{c as AlertDialog};
+import{Root as e,Description as r,Title as i,Action as l,Cancel as n,Trigger as m}from"@radix-ui/react-alert-dialog";import{createElement as a}from"react";import{styled as c}from"../../stitches.js";import{AlertDialogContent as g}from"./AlertDialogContent.js";const p=c(e,{}),t=o=>a(p,{...o});t.Description=r,t.Title=i,t.Action=l,t.Cancel=n,t.Content=g,t.Trigger=m,t.displayName="AlertDialog";export{t as AlertDialog};

package/dist/components/alert-dialog/AlertDialogContent.js

@@ -1 +1 @@
-const t=["size"];import{Overlay as a,Content as i}from"@radix-ui/react-alert-dialog";import{createElement as e,Fragment as o}from"react";import{keyframes as r,styled as s}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import{fadeIn as n,fadeOut as l}from"../../utilities/style/keyframe-animations.js";const m=r({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),d=r({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),p=s(a,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${n} 250ms ease-out`},'&[data-state="closed"]':{animation:`${l} 550ms ease-out`}}}),f=s(i,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:"translate3d(-50%, -50%, 0)","&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${m} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${d} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),u=a=>{let{size:i="sm"}=a,r=function(t,a){if(null==t)return{};var i,e,o={},r=Object.keys(t);for(e=0;e<r.length;e++)i=r[e],a.indexOf(i)>=0||(o[i]=t[i]);return o}(a,t);return e(o,null,e(p,null),e(f,Object.assign({size:i},r)))};export{u as AlertDialogContent};
+import{Overlay as s,Content as l}from"@radix-ui/react-alert-dialog";import{createElement as t,Fragment as m}from"react";import{keyframes as e,styled as n}from"../../stitches.js";import{fadeIn as d,fadeOut as c}from"../../utilities/style/keyframe-animations.js";const o="translate3d(-50%, -50%, 0)",a="translate3d(-50%, 50vh, 0)",f=e({"0%":{transform:a},"100%":{transform:o}}),p=e({"0%":{transform:o},"100%":{transform:a}}),u=n(s,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${d} 250ms ease-out`},'&[data-state="closed"]':{animation:`${c} 550ms ease-out`}}}),b=n(l,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:o,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${f} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${p} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),x=({size:i="sm",...r})=>t(m,null,t(u,null),t(b,{size:i,...r}));export{x as AlertDialogContent};

package/dist/components/alert-dialog/alert-context/AlertContext.js

@@ -1 +1 @@
-import{createContext as r,useReducer as e,createElement as o,useContext as t}from"react";import{useIsMountedRef as i}from"../../../utilities/use-is-mounted-ref/index.js";import{Alert as s}from"./AlertDialog.js";import{reducer as l,initialState as n}from"./reducer.js";const d=r({showAlert:()=>null}),u=({children:r})=>{const[t,u]=e(l,n),a=i();return o(d.Provider,{value:{showAlert:r=>u({payload:r,type:"ADD"})}},Boolean(t.length)&&o(s,Object.assign({},t[0],{key:t[0].id,onClose:()=>{a.current&&u({payload:t[0].id,type:"REMOVE"})}})),r)},a=()=>{const r=t(d);if(void 0===r)throw new Error("useAlert must be used within a AlertProvider");return r};export{u as AlertProvider,a as useAlert};
+import{createContext as l,useReducer as u,createElement as o,useContext as d}from"react";import{useIsMountedRef as a}from"../../../utilities/use-is-mounted-ref/index.js";import{Alert as c}from"./AlertDialog.js";import{reducer as m,initialState as p}from"./reducer.js";const n=l({showAlert:()=>null}),A=({children:e})=>{const[t,r]=u(m,p),s=a();return o(n.Provider,{value:{showAlert:i=>r({payload:i,type:"ADD"})}},Boolean(t.length)&&o(c,{...t[0],key:t[0].id,onClose:()=>{s.current&&r({payload:t[0].id,type:"REMOVE"})}}),e)},f=()=>{const e=d(n);if(e===void 0)throw new Error("useAlert must be used within a AlertProvider");return e};export{A as AlertProvider,f as useAlert};

package/dist/components/alert-dialog/alert-context/AlertDialog.js

@@ -1 +1 @@
-const t=["title","description","onAction","cancelActionText","confirmActionText","onClose"];import{createElement as o}from"react";import{Button as e}from"../../button/Button.js";import{Heading as n}from"../../heading/Heading.js";import{Stack as i}from"../../stack/Stack.js";import{Text as s}from"../../text/Text.js";import{AlertDialog as c}from"../AlertDialog.js";const r=r=>{let{title:a,description:l,onAction:m,cancelActionText:p,confirmActionText:f,onClose:u}=r,A=function(t,o){if(null==t)return{};var e,n,i={},s=Object.keys(t);for(n=0;n<s.length;n++)e=s[n],o.indexOf(e)>=0||(i[e]=t[e]);return i}(r,t);return o(c,{defaultOpen:!0},o(c.Content,Object.assign({onEscapeKeyDown:t=>t.preventDefault(),onCloseAutoFocus:u},A),o(n,{as:c.Title,size:"sm",css:{mb:"$5"}},a),l&&o(s,{as:c.Description,css:{mb:"$5"}},l),o(i,{gap:"2",justify:"end"},p&&o(e,{appearance:"outline",as:c.Cancel,onClick:()=>m(!1),size:"sm"},p),o(e,{as:c.Action,onClick:()=>m(!0),size:"sm"},f))))};export{r as Alert};
+import{createElement as e}from"react";import{Button as m}from"../../button/Button.js";import{Heading as f}from"../../heading/Heading.js";import{Stack as u}from"../../stack/Stack.js";import{Text as c}from"../../text/Text.js";import{AlertDialog as t}from"../AlertDialog.js";const C=({title:a,description:o,onAction:r,cancelActionText:s,confirmActionText:i,onClose:n,...p})=>e(t,{defaultOpen:!0},e(t.Content,{onEscapeKeyDown:l=>l.preventDefault(),onCloseAutoFocus:n,...p},e(f,{as:t.Title,size:"sm",css:{mb:"$5"}},a),o&&e(c,{as:t.Description,css:{mb:"$5"}},o),e(u,{gap:"2",justify:"end"},s&&e(m,{appearance:"outline",as:t.Cancel,onClick:()=>r(!1),size:"sm"},s),e(m,{as:t.Action,onClick:()=>r(!0),size:"sm"},i))));export{C as Alert};

package/dist/components/alert-dialog/alert-context/reducer.js

@@ -1 +1 @@
-function r(){return(r=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r}).apply(this,arguments)}import{uid as t}from"uid";const e=[],a=(e,a)=>{switch(a.type){case"ADD":return[...e,r({},a.payload,{id:t()})];case"REMOVE":return e.filter((({id:r})=>r!==a.payload));default:return e}};export{e as initialState,a as reducer};
+import{uid as d}from"uid";const i=[],u=(r,e)=>{switch(e.type){case"ADD":return[...r,{...e.payload,id:d()}];case"REMOVE":return r.filter(({id:t})=>t!==e.payload);default:return r}};export{i as initialState,u as reducer};

package/dist/components/box/Box.js

@@ -1 +1 @@
-import{styled as o}from"../../stitches.js";const s=o("div",{});s.displayName="Box";export{s as Box};
+import{styled as t}from"../../stitches.js";const o=t("div",{});o.displayName="Box";export{o as Box};

package/dist/components/button/Button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { NavigatorActions } from '../../types';
 import { Override } from '../../utilities';
 export declare const StyledButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {
-    theme?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
+    theme?: "primary" | "secondary" | "success" | "danger" | "warning" | "neutral" | undefined;
     appearance?: "outline" | "solid" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isLoading?: boolean | "true" | undefined;

package/dist/components/button/Button.js

@@ -1 +1 @@
-const e=["children","isLoading","onClick","href","appearance","size","theme","type"];function r(){return(r=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e}).apply(this,arguments)}import{darken as o}from"polished";import{forwardRef as a,createElement as i,Children as n,cloneElement as t,Fragment as s}from"react";import{Box as c}from"../box/Box.js";import{Icon as l}from"../icon/Icon.js";import{Loader as d}from"../loader/Loader.js";import{styled as p,theme as m}from"../../stitches.js";const u=(e,r,o,a="white")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:r,color:a},"&:not([disabled]):active":{bg:o}}),h=p("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:u("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:u("$primaryDark",o(.1,m.colors.primaryDark.value),o(.15,m.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:u("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:u("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:u("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:(g="$primary",$="$primaryMid",y="$primaryDark",{border:"1px solid",borderColor:"currentColor",color:g,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:$},"&:not([disabled]):active":{color:y}})}]});var g,$,y;const f=({isLoading:e,children:r})=>i(s,null,i(d,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),i(c,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),b=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},v=(e,o)=>n.map(e,((e,a)=>(null==e?void 0:e.type)===l?t(e,{css:r({[0===a?"mr":"ml"]:"sm"===o?"$2":"$3",size:b(o)},e.props.css?e.props.css:{})}):e)),w=a(((r,o)=>{let{children:a,isLoading:n,onClick:t,href:s,appearance:c="solid",size:l="md",theme:d="primary",type:p="button"}=r,m=function(e,r){if(null==e)return{};var o,a,i={},n=Object.keys(e);for(a=0;a<n.length;a++)o=n[a],r.indexOf(o)>=0||(i[o]=e[o]);return i}(r,e);const u=s?{as:"a",href:s,onClick:void 0}:{},g=s?{}:{type:p};return i(h,Object.assign({isLoading:n||!1,onClick:n?void 0:t,appearance:c,size:l,theme:d},m,u,g,{ref:o}),"boolean"==typeof n?i(f,{isLoading:n},v(a,l)):v(a,l))}));w.displayName="Button";export{w as Button,h as StyledButton};
+import{darken as c,opacify as i}from"polished";import{forwardRef as f,createElement as n,Children as w,cloneElement as k,Fragment as v}from"react";import{Box as S}from"../box/Box.js";import{Icon as D}from"../icon/Icon.js";import{Loader as x}from"../loader/Loader.js";import{styled as C,theme as l}from"../../stitches.js";const p=(e,o,t)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:o},"&:not([disabled]):active":{color:t}}),a=(e,o,t,r="white")=>({bg:e,color:r,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:o,color:r},"&:not([disabled]):active":{bg:t}}),d=C("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:a("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:a("$primaryDark",c(.1,l.colors.primaryDark.value),c(.15,l.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:a("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:a("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:a("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:a("white",i(-.1,"white"),i(-.25,"white"),"$primary")},{theme:"primary",appearance:"outline",css:p("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:p("white",i(-.2,"white"),i(-.35,"white"))}]}),B=({isLoading:e,children:o})=>n(v,null,n(x,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),n(S,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},o)),M=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},m=(e,o)=>w.map(e,(t,r)=>(t==null?void 0:t.type)===D?k(t,{css:{[r===0?"mr":"ml"]:o==="sm"?"$2":"$3",size:M(o),...t.props.css?t.props.css:{}}}):t),u=f(({children:e,isLoading:o,onClick:t,href:r,appearance:$="solid",size:s="md",theme:h="primary",type:y="button",...g},b)=>n(d,{isLoading:o||!1,onClick:o?void 0:t,appearance:$,size:s,theme:h,...g,...r?{as:"a",href:r,onClick:void 0}:{},...r?{}:{type:y},ref:b},typeof o=="boolean"?n(B,{isLoading:o},m(e,s)):m(e,s)));u.displayName="Button";export{u as Button,d as StyledButton};

package/dist/components/calendar/Calendar.d.ts

@@ -0,0 +1,19 @@
+import type { Props as DayzedInterface } from 'dayzed';
+import * as React from 'react';
+import type { CSS } from '../../stitches';
+export declare type CalendarTranslationProps = {
+    monthNames?: string[];
+    weekdayNames?: string[];
+    labels?: {
+        open: string;
+        next: string;
+        previous: string;
+    };
+};
+declare type CalendarProps = DayzedInterface & CalendarTranslationProps & {
+    css?: CSS;
+    refDateToday?: React.RefObject<HTMLButtonElement>;
+    refDateSelected?: React.RefObject<HTMLButtonElement>;
+};
+export declare const Calendar: React.FC<CalendarProps>;
+export {};

package/dist/components/calendar/Calendar.js

@@ -0,0 +1 @@
+import{ChevronLeft as w,ChevronRight as A}from"@atom-learning/icons";import{useDayzed as B}from"dayzed";import{createElement as t}from"react";import{ActionIcon as g}from"../action-icon/ActionIcon.js";import{Box as h}from"../box/Box.js";import{Flex as f}from"../flex/Flex.js";import{Heading as F}from"../heading/Heading.js";import{Icon as $}from"../icon/Icon.js";import{Text as G}from"../text/Text.js";import{styled as E}from"../../stitches.js";import{monthNamesShort as H,weekdayNamesShort as L}from"./constants.js";import{Day as R}from"./Day.js";const x=E("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),q=(e,o)=>{const m=e.slice(0,o);return e.slice(o).concat(m)},v=({css:e,refDateSelected:o,refDateToday:m,firstDayOfWeek:a=0,monthNames:y=H,weekdayNames:z=L,labels:l={next:"Next month",previous:"Previous month"},...C})=>{const{calendars:r,getBackProps:N,getForwardProps:P,getDateProps:D}=B({firstDayOfWeek:a,showOutsideDays:!0,...C});return r.length?t(h,{css:{position:"relative",width:"min-content",mt:"-$1",...e}},t(f,{css:{position:"absolute",top:0,right:"-$1"}},t(g,{label:l.previous,theme:"neutral",size:"lg",...N({calendars:r})},t($,{is:w})),t(g,{label:l.next,theme:"neutral",size:"lg",...P({calendars:r})},t($,{is:A}))),r.map(({month:s,year:i,weeks:I})=>t(h,{key:`${s}${i}`},t(f,{css:{height:"$4",alignItems:"center",mb:"$4"}},t(F,{size:"xs"},y[s]," ",i)),t(x,{css:{mb:"$3"}},q(z,a).map(n=>t(G,{as:"span",size:"sm",key:`${s}${i}${n}`,css:{fontWeight:600,textAlign:"center"}},n))),t(x,null,I.map((n,M)=>n.map((p,S)=>{const c=`${s}${i}${M}${S}`;if(!p)return t("div",{key:c});const{date:T,selected:d,today:u,prevMonth:b,nextMonth:k}=p;return t(R,{isOutsideMonth:b||k,isSelected:d,isToday:u,key:c,ref:d?o:u?m:null,...D({dateObj:p})},T.getDate())})))))):null};v.displayName="Calendar";export{v as Calendar};

package/dist/components/calendar/Day.d.ts

@@ -0,0 +1,269 @@
+export declare const Day: import("@stitches/react/types/styled-component").StyledComponent<"button", {
+    isSelected?: boolean | "true" | undefined;
+    isToday?: boolean | "true" | undefined;
+    isOutsideMonth?: boolean | "true" | undefined;
+}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
+    };
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+    };
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+}>>;

package/dist/components/calendar/Day.js

@@ -0,0 +1 @@
+import{styled as o}from"../../stitches.js";const r=o("button",{bg:"transparent",border:"none",borderRadius:"$round",color:"$tonal900",cursor:"pointer",fontFamily:"$body",fontSize:"$sm",size:"$3",p:0,transition:"all 75ms","&:hover":{bg:"$tonal100"},"&:active":{color:"white",bg:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"2px"},variants:{isSelected:{true:{bg:"$primary",color:"white","&:hover":{bg:"$primary"}}},isToday:{true:{bg:"$tonal100"}},isOutsideMonth:{true:{color:"$tonal200"}}}});export{r as Day};

package/dist/components/calendar/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const monthNamesShort: string[];
+export declare const weekdayNamesShort: string[];

package/dist/components/calendar/constants.js

@@ -0,0 +1 @@
+const e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],o=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];export{e as monthNamesShort,o as weekdayNamesShort};

package/dist/components/carousel/Carousel.js

@@ -1 +1 @@
-import{CarouselProvider as r}from"pure-react-carousel";import{createElement as i}from"react";import{CSSWrapper as e}from"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import"../../utilities/style/keyframe-animations.js";import{CarouselArrowNext as o,CarouselArrowPrevious as s}from"./CarouselArrows.js";import{CarouselPagination as t}from"./CarouselPagination.js";import{CarouselSlide as l}from"./CarouselSlide.js";import{CarouselSlider as a}from"./CarouselSlider.js";const m=({children:o,css:s,slideHeight:t,slideWidth:l,numSlides:a})=>i(e,{css:s},i(r,{naturalSlideWidth:l,naturalSlideHeight:t,totalSlides:a},o));m.ArrowNext=o,m.ArrowPrevious=s,m.Pagination=t,m.Slide=l,m.Slider=a,m.displayName="Carousel";export{m as Carousel};
+import{CarouselProvider as m}from"pure-react-carousel";import{createElement as o}from"react";import{CarouselArrowNext as s,CarouselArrowPrevious as u}from"./CarouselArrows.js";import{CarouselPagination as p}from"./CarouselPagination.js";import{CarouselSlide as d}from"./CarouselSlide.js";import{CarouselSlider as n}from"./CarouselSlider.js";import{CSSWrapper as C}from"../../utilities/css-wrapper/CSSWrapper.js";const r=({children:e,css:i,slideHeight:t,slideWidth:a,numSlides:l})=>o(C,{css:i},o(m,{naturalSlideWidth:a,naturalSlideHeight:t,totalSlides:l},e));r.ArrowNext=s,r.ArrowPrevious=u,r.Pagination=p,r.Slide=d,r.Slider=n,r.displayName="Carousel";export{r as Carousel};

package/dist/components/carousel/CarouselArrows.js

@@ -1 +1 @@
-import{ChevronLeft as r,ChevronRight as o}from"@atom-learning/icons";import{ButtonBack as t,ButtonNext as e}from"pure-react-carousel";import{createElement as i}from"react";import{Icon as s}from"../icon/Icon.js";import{styled as n}from"../../stitches.js";const a={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},c=n(t,a),m=n(e,a),p=o=>i(c,Object.assign({},o),i(s,{is:r})),l=r=>i(m,Object.assign({},r),i(s,{is:o}));export{l as CarouselArrowNext,p as CarouselArrowPrevious};
+import{ChevronLeft as s,ChevronRight as i}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as c}from"pure-react-carousel";import{createElement as t}from"react";import{Icon as r}from"../icon/Icon.js";import{styled as e}from"../../stitches.js";const n={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},l=e(a,n),m=e(c,n),u=o=>t(l,{...o},t(r,{is:s})),p=o=>t(m,{...o},t(r,{is:i}));export{p as CarouselArrowNext,u as CarouselArrowPrevious};

package/dist/components/carousel/CarouselPagination.js

@@ -1 +1 @@
-import{DotGroup as r}from"pure-react-carousel";import{styled as e}from"../../stitches.js";const o=e(r,{justifyContent:"center","& button":{bg:"$tonal200",border:"none",borderRadius:"50%",cursor:"pointer",mx:"$1",p:"$1",size:"$space$3",transition:"all 100ms ease-in",'&[class*="selected"]':{bg:"$primary"},"&:hover, &:focus":{bg:"$primaryMid"}}});export{o as CarouselPagination};
+import{DotGroup as o}from"pure-react-carousel";import{styled as r}from"../../stitches.js";const e=r(o,{justifyContent:"center","& button":{bg:"$tonal200",border:"none",borderRadius:"50%",cursor:"pointer",mx:"$1",p:"$1",size:"$space$3",transition:"all 100ms ease-in",'&[class*="selected"]':{bg:"$primary"},"&:hover, &:focus":{bg:"$primaryMid"}}});export{e as CarouselPagination};

package/dist/components/carousel/CarouselSlide.js

@@ -1 +1 @@
-const r=["children"];import{Slide as t}from"pure-react-carousel";import{createElement as e}from"react";import{Box as o}from"../box/Box.js";import{styled as n}from"../../stitches.js";const c=n(t,{}),i=t=>{let{children:n}=t,i=function(r,t){if(null==r)return{};var e,o,n={},c=Object.keys(r);for(o=0;o<c.length;o++)e=c[o],t.indexOf(e)>=0||(n[e]=r[e]);return n}(t,r);return e(c,Object.assign({},i,{tag:"div"}),e(o,{css:{px:"$3"}},n))};export{i as CarouselSlide};
+import{Slide as r}from"pure-react-carousel";import{createElement as o}from"react";import{Box as m}from"../box/Box.js";import{styled as i}from"../../stitches.js";const l=i(r,{}),d=({children:t,...e})=>o(l,{...e,tag:"div"},o(m,{css:{px:"$3"}},t));export{d as CarouselSlide};

package/dist/components/carousel/CarouselSlider.js

@@ -1 +1 @@
-import{Slider as r}from"pure-react-carousel";import{styled as s}from"../../stitches.js";const e=s(r,{cursor:"grab",ml:"50%",overflow:"hidden",transform:"translateX(-50%)",'& [class*="sliderTray_"]':{p:"unset",m:"unset",transition:"transform .5s cubic-bezier(.645,.045,.355,1)"},'& [class*="slide_"]':{float:"left",pb:"0 !important"},'& [class*="slideInner"]':{display:"flex",justifyContent:"center"},variants:{overflow:{true:{overflow:"visible"}}}});export{e as CarouselSlider};
+import{Slider as r}from"pure-react-carousel";import{styled as e}from"../../stitches.js";const s=e(r,{cursor:"grab",ml:"50%",overflow:"hidden",transform:"translateX(-50%)",'& [class*="sliderTray_"]':{p:"unset",m:"unset",transition:"transform .5s cubic-bezier(.645,.045,.355,1)"},'& [class*="slide_"]':{float:"left",pb:"0 !important"},'& [class*="slideInner"]':{display:"flex",justifyContent:"center"},variants:{overflow:{true:{overflow:"visible"}}}});export{s as CarouselSlider};

package/dist/components/checkbox/Checkbox.js

@@ -1 +1 @@
-import{Minus as o,Ok as r}from"@atom-learning/icons";import{Indicator as e,Root as t}from"@radix-ui/react-checkbox";import{forwardRef as a,createElement as n}from"react";import{styled as i}from"../../stitches.js";import{Icon as s}from"../icon/Icon.js";const l=i(e,{display:"flex",alignItems:"center",justifyContent:"center"}),c=i(t,{appearance:"none",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",cursor:"not-allowed",color:"$tonal400"},variants:{state:{error:{borderColor:"$danger"}}}}),d=a(((e,t)=>n(c,Object.assign({},e,{ref:t}),n(l,null,n(s,{is:"indeterminate"===e.checked?o:r,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}})))));d.displayName="Checkbox";export{d as Checkbox};
+import{Minus as a,Ok as i}from"@atom-learning/icons";import{Indicator as l,Root as s}from"@radix-ui/react-checkbox";import{forwardRef as d,createElement as o}from"react";import{styled as e}from"../../stitches.js";import{Icon as c}from"../icon/Icon.js";const p=e(l,{display:"flex",alignItems:"center",justifyContent:"center"}),m=e(s,{appearance:"none",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",cursor:"not-allowed",color:"$tonal400"},variants:{state:{error:{borderColor:"$danger"}}}}),t=d((r,n)=>o(m,{...r,ref:n},o(p,null,o(c,{is:r.checked==="indeterminate"?a:i,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));t.displayName="Checkbox";export{t as Checkbox};

package/dist/components/checkbox-field/CheckboxField.js

@@ -1 +1 @@
-const e=["css","defaultChecked","label","name","validation","description"];import{createElement as r}from"react";import{useFormContext as o,Controller as a}from"react-hook-form";import{Checkbox as n}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as t}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as l}from"../form/useFieldError.js";var i;!function(e){e.ON="on",e.OFF="off"}(i||(i={}));const c=c=>{let{css:d,defaultChecked:s=!1,label:f,name:m,validation:p,description:u}=c,h=function(e,r){if(null==e)return{};var o,a,n={},t=Object.keys(e);for(a=0;a<t.length;a++)o=t[a],r.indexOf(o)>=0||(n[o]=e[o]);return n}(c,e);const{control:F}=o(),{error:k}=l(m);return r(a,{control:F,name:m,defaultValue:s,rules:p,render:({onChange:e,value:o,name:a})=>r(t,{css:d,description:u,error:k,label:f,required:Boolean(null==p?void 0:p.required)},r(n,Object.assign({defaultChecked:s,defaultValue:s?i.ON:i.OFF,checked:o,name:a,onCheckedChange:e,value:o?i.ON:i.OFF},k&&{state:"error"},h)))})};c.displayName="CheckboxField";export{c as CheckboxField};
+import{createElement as o}from"react";import{useFormContext as d,Controller as x}from"react-hook-form";import{Checkbox as C}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as F}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as h}from"../form/useFieldError.js";const l=({css:i,defaultChecked:r=!1,label:p,name:t,validation:e,description:f,...c})=>{const{control:s}=d(),{error:m}=h(t);return o(x,{control:s,name:t,defaultValue:r,rules:e,render:({onChange:u,value:n,name:a})=>o(F,{css:i,description:f,error:m,label:p,required:Boolean(e==null?void 0:e.required)},o(C,{defaultChecked:r,defaultValue:r?"on":"off",checked:n,name:a,onCheckedChange:u,value:n?"on":"off",...m&&{state:"error"},...c}))})};l.displayName="CheckboxField";export{l as CheckboxField};

package/dist/components/combobox/Combobox.js

@@ -1 +1 @@
-import{Combobox as o,ComboboxOptionText as m}from"@reach/combobox";import{createElement as t}from"react";import{globalCss as r,styled as b}from"../../stitches.js";import{ComboboxInput as p}from"./ComboboxInput.js";import{ComboboxList as i}from"./ComboboxList.js";import{ComboboxOption as s}from"./ComboboxOption.js";import{ComboboxPopover as e}from"./ComboboxPopover.js";r({":root":{"--reach-combobox":1}})();const x=b(o,{}),c=o=>t(x,Object.assign({},o));c.displayName="Combobox",c.Option=s,c.Input=p,c.Popover=e,c.List=i,c.OptionText=m;export{c as Combobox};
+import{Combobox as t,ComboboxOptionText as b}from"@reach/combobox";import{createElement as r}from"react";import{globalCss as p,styled as i}from"../../stitches.js";import{ComboboxInput as x}from"./ComboboxInput.js";import{ComboboxList as e}from"./ComboboxList.js";import{ComboboxOption as C}from"./ComboboxOption.js";import{ComboboxPopover as n}from"./ComboboxPopover.js";p({":root":{"--reach-combobox":1}})();const s=i(t,{}),o=m=>r(s,{...m});o.displayName="Combobox",o.Option=C,o.Input=x,o.Popover=n,o.List=e,o.OptionText=b;export{o as Combobox};

package/dist/components/combobox/ComboboxInput.js

@@ -1 +1 @@
-import{ComboboxInput as o}from"@reach/combobox";import{styled as r,theme as e}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import{encodeBackgroundIcon as t}from"../../utilities/style/encode-background-icon.js";import"../../utilities/style/keyframe-animations.js";const a=r(o,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:t(e.colors.tonal300.value,"chevron"),backgroundPosition:"right $space$3 top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"20px auto, 100%",border:"1px solid $tonal300",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",height:"$4",pl:"$3",pr:"$6",transition:"all 100ms ease-out",width:"100%","&::placeholder":{color:"$tonal300",opacity:1},"&:focus-within":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}});export{a as ComboboxInput};
+import{ComboboxInput as o}from"@reach/combobox";import{styled as r,theme as e}from"../../stitches.js";import{encodeBackgroundIcon as a}from"../../utilities/style/encode-background-icon.js";const t=r(o,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:a(e.colors.tonal300.value,"chevron"),backgroundPosition:"right $space$3 top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"20px auto, 100%",border:"1px solid $tonal300",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",height:"$4",pl:"$3",pr:"$6",transition:"all 100ms ease-out",width:"100%","&::placeholder":{color:"$tonal300",opacity:1},"&:focus-within":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}});export{t as ComboboxInput};

package/dist/components/combobox/ComboboxPopover.js

@@ -1 +1 @@
-import{ComboboxPopover as o}from"@reach/combobox";import{styled as r}from"../../stitches.js";const t=r(o,{bg:"white",border:"solid 1px $tonal100",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",fontFamily:"$body",fontSize:"$md",outline:"none",p:"$1",transform:"translateY($space$2)"});export{t as ComboboxPopover};
+import{ComboboxPopover as o}from"@reach/combobox";import{styled as r}from"../../stitches.js";const b=r(o,{bg:"white",border:"solid 1px $tonal100",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",fontFamily:"$body",fontSize:"$md",outline:"none",p:"$1",transform:"translateY($space$2)"});export{b as ComboboxPopover};

package/dist/components/date-field/DateField.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { DateInputProps } from '../../components/date-input';
+import { ValidationOptions } from '../../components/form';
+import type { CSS } from '../../stitches';
+declare type DateFieldProps = DateInputProps & {
+    css?: CSS;
+    description?: string;
+    label: string;
+    name: string;
+    prompt?: {
+        link: string;
+        label: string;
+    };
+    validation?: ValidationOptions;
+};
+export declare const DateField: React.FC<DateFieldProps>;
+export {};

package/dist/components/date-field/DateField.js

@@ -0,0 +1 @@
+import{createElement as i}from"react";import{useFormContext as F}from"react-hook-form";import{DateInput as n}from"../date-input/DateInput.js";import{FieldWrapper as g}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as D}from"../form/useFieldError.js";const m=({css:p,label:d,name:r,validation:e,prompt:s,description:l,...f})=>{const{register:t,trigger:u}=F(),{error:o}=D(r),c=e?t(e):t;return i(g,{css:p,description:l,error:o,fieldId:r,label:d,prompt:s,required:Boolean(e==null?void 0:e.required)},i(n,{id:r,name:r,ref:c,...o&&{state:"error"},...f,revalidate:u}))};m.displayName="DateField";export{m as DateField};

package/dist/components/date-field/index.d.ts

@@ -0,0 +1 @@
+export { DateField } from './DateField';