@atom-learning/components 1.5.0 → 1.5.1

package/dist/docs/DateInput.mdx

@@ -79,3 +79,9 @@ You can also translate the internal labels for accessibility purposes. The `labe
   }}
 />
 ```
+
+If you need even finer control over what happens with the selected date, you can pass `onChange`, which takes a `Date` type as input.
+
+```tsx
+<DateInput onChange={(date) => doSomethingWith(date)} />
+```

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";const e=["children","value"],t=["is","size"],r=["theme","children"],a=["children","css"],o=["type","children"],i=["children","theme","appearance","size","label","href","disabled"],n=["size"],s=["children","isLoading","onClick","href","appearance","size","theme","type"],l=["size"],d=["css","gap","direction","justify"],c=["size"],m=["title","description","onAction","cancelActionText","confirmActionText","onClose"],p=["children"],u=["align","as","direction","size","type","children","required"],h=["size","ordered"],g=["size","onClick","href"],b=["css","children"],f=["id"],$=["exclude"],y=["formMethods","handleSubmit","onSubmit","children"],x=["children","defaultValues","onSubmit","validationMode","render","persist"],v=["css","defaultChecked","label","name","validation","description"],w=["size","children","closeDialogText","showCloseButton"],E=["css","refDateSelected","refDateToday","firstDayOfWeek","monthNames","weekdayNames","labels"],C=["type","size"],k=["children","side","sideOffset","closePopoverText","showCloseButton","size"],z=["initialDate","dateFormat","firstDayOfWeek","disabled","monthNames","weekdayNames","size","labels","revalidate"],S=["css","label","name","validation","prompt","description"],O=["orientation"],D=["children","href"],j=["css","gap","minItemSize"],R=["css","label","name","validation","prompt","description"],N=["children"],F=["css","hidePasswordText","showPasswordText"],T=["css","label","name","prompt","description","validation"],I=["value","theme"],W=["css","label","value"],M=["children","isFullWidth","size","align"],A=["css","children","size","isFullWidth","align","gap","justify"],q=["size","css","value","clearText"],L=["placeholder","children","size"],B=["css","children","name","label","validation","prompt","description"],H=["value","defaultValue","min","max","theme","css","children"],P=["css","label","name","defaultValue","outputLabel","min","max","steps"],V=["theme"],Y=["size","corners"],G=["children","theme","disabled"],X=["children","theme","appearance","enableTabScrolling"],_=["theme","children"],J=["css","label","name","validation","prompt","description"],U=["children","side","sideOffset","size"],K=["children","delayDuration"],Q=["id","ratio","css"];function Z(){return(Z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}function ee(e,t){if(null==e)return{};var r,a,o={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}Object.defineProperty(exports,"__esModule",{value:!0});var te=require("@radix-ui/react-accordion"),re=require("react"),ae=require("@atom-learning/theme"),oe=require("@stitches/react"),ie=require("@atom-learning/icons"),ne=require("polished"),se=require("invariant"),le=require("@radix-ui/react-alert-dialog"),de=require("@radix-ui/react-visually-hidden"),ce=require("uid"),me=require("pure-react-carousel"),pe=require("@radix-ui/react-checkbox"),ue=require("react-hook-form"),he=require("@radix-ui/react-radio-group"),ge=require("react-hook-form-persist"),be=require("dlv"),fe=require("@reach/combobox"),$e=require("@radix-ui/react-dialog"),ye=require("dayzed"),xe=require("@radix-ui/react-popover"),ve=require("dayjs"),we=require("dayjs/plugin/customParseFormat"),Ee=require("@radix-ui/react-dropdown-menu"),Ce=require("mdast-util-directive"),ke=require("mdast-util-from-markdown"),ze=require("micromark-extension-directive"),Se=require("@radix-ui/react-progress"),Oe=require("@radix-ui/react-slider"),De=require("@radix-ui/react-switch"),je=require("@radix-ui/react-tabs"),Re=require("throttle-debounce"),Ne=require("react-hot-toast"),Fe=require("@radix-ui/react-tooltip"),Te=require("react-player/vimeo");function Ie(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function We(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var Me=Ie(re),Ae=We(ae),qe=Ie(se),Le=Ie(ge),Be=Ie(be),He=Ie(ve),Pe=Ie(we),Ve=Ie(Ce),Ye=Ie(ke),Ge=Ie(ze),Xe=Ie(Ne),_e=Ie(Te);const Je={bg:e=>({background:e}),inset:e=>({top:e,right:e,bottom:e,left:e}),size:e=>({height:e,width:e}),p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e})},Ue={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},Ke=oe.createStitches({theme:Ae,utils:Je,media:Ue}),{css:Qe,getCssText:Ze,createTheme:et,globalCss:tt,keyframes:rt,styled:at,theme:ot}=Ke,it=at(te.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),nt=at("div",{});nt.displayName="Box";const st=at("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.75"},md:{size:"$2",strokeWidth:"2"},lg:{size:"$3",strokeWidth:"2"}}}}),lt=re.forwardRef(((e,r)=>{let{is:a,size:o="md"}=e,i=ee(e,t);return re.createElement(st,Object.assign({size:o,"aria-hidden":"true"},i,{as:a,ref:r}))})),dt=(e,t,r,a="#fff")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:t},"&:not([disabled]):active":{bg:r}}),ct=at(te.Trigger,{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:dt("$primaryDark",ne.darken(.1,ot.colors.primaryDark.value),ne.darken(.15,ot.colors.primaryDark.value)),light:dt("#fff",ne.darken(.1,"#fff"),ne.darken(.15,"#fff"),"$tonal600")}}}),mt=({css:e,children:t})=>e?re.createElement(nt,{css:e},t):re.createElement(re.Fragment,null,t);mt.displayName="CSSWrapper";const pt=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}}),ut={chevron:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><polyline points="6 10 12 16 18 10"/></svg>`,search:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},ht=(e,t)=>{const r=ne.toColorString(ne.parseToHsl(e));return`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(ut[t](r))})`},gt=rt({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),bt=rt({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),ft=rt({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),$t=rt({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),yt=rt({"0%":{opacity:0},"100%":{opacity:1}}),xt=rt({"0%":{opacity:1},"100%":{opacity:0}}),vt=rt({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),wt=rt({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),Et=at(te.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${vt} 300ms ease-out`},'&[data-state="closed"]':{animation:`${wt} 300ms ease-out`}}}),Ct=at(te.Root,{width:"100%"}),kt=e=>{let{type:t="single",children:r}=e,a=ee(e,o);return Me.default.createElement(Ct,Object.assign({type:t},a),r)};kt.Item=t=>{let{children:r,value:a}=t,o=ee(t,e);return Me.default.createElement(it,Object.assign({value:a},o),r)},kt.Content=e=>{let{children:t,css:r}=e,o=ee(e,a);return Me.default.createElement(Et,Object.assign({},o),Me.default.createElement(mt,{css:r},t))},kt.Trigger=e=>{let{theme:t="primaryDark",children:a}=e,o=ee(e,r);return Me.default.createElement(ct,Object.assign({theme:t},o),Me.default.createElement(nt,null,a),Me.default.createElement(lt,{is:ie.ChevronDown}))},kt.displayName="Accordion";const zt=(e,t,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),St=(e,t,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:t,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),Ot=(e,t,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),Dt=at("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:zt("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:zt("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:zt("$primaryDark",ne.darken(.1,ot.colors.primaryDark.value),ne.darken(.15,ot.colors.primaryDark.value))},{theme:"success",appearance:"simple",css:zt("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:zt("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:zt("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:St("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:St("$primaryDark",ne.darken(.1,ot.colors.primaryDark.value),ne.darken(.15,ot.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:St("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:St("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:St("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:Ot("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:Ot("$primaryDark",ne.darken(.1,ot.colors.primaryDark.value),ne.darken(.15,ot.colors.primaryDark.value))},{theme:"success",appearance:"outline",css:Ot("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:Ot("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:Ot("$danger","$dangerMid","$dangerDark")}]}),jt=re.forwardRef(((e,t)=>{let{children:r,theme:a="primary",appearance:o="simple",size:n="md",label:s,href:l,disabled:d}=e,c=ee(e,i);const m=`A single ${lt.displayName} component is permitted as a child of ${jt.displayName}`;qe.default(1===re.Children.count(r),m);const p=l?{as:"a",href:d?null:l,onClick:void 0,"aria-disabled":!!d}:{type:"button"};return re.createElement(Dt,Object.assign({},c,p,{"aria-label":s,theme:a,appearance:o,size:n,ref:t,disabled:d}),re.Children.map(r,(e=>{if(!re.isValidElement(e))throw new Error(m);return qe.default(e.type===lt,`Children of type ${null==e?void 0:e.type} aren't permitted. Only an ${lt.displayName} component is allowed in ${jt.displayName}`),re.cloneElement(e,{css:Z({size:["lg","xl"].includes(n)?20:16},e.props.css?e.props.css:{})})})))}));jt.displayName="ActionIcon";const Rt=rt({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),Nt=rt({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),Ft=at(le.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${yt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${xt} 550ms ease-out`}}}),Tt=at(le.Content,{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:`${Rt} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Nt} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),It=at(le.Root,{}),Wt=e=>re.createElement(It,Object.assign({},e));Wt.Description=le.Description,Wt.Title=le.Title,Wt.Action=le.Action,Wt.Cancel=le.Cancel,Wt.Content=e=>{let{size:t="sm"}=e,r=ee(e,n);return re.createElement(re.Fragment,null,re.createElement(Ft,null),re.createElement(Tt,Object.assign({size:t},r)))},Wt.Trigger=le.Trigger,Wt.displayName="AlertDialog";const Mt=at("div",{display:"flex"});Mt.displayName="Flex";const At=at("div",{animationName:`${rt({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}})}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),qt=({css:e={},message:t="Loading",size:r="md"})=>re.createElement(Mt,{css:Z({justifyContent:"center"},e),role:"alert"},re.createElement(de.Root,null,t),re.createElement(At,{size:r}),re.createElement(At,{size:r}),re.createElement(At,{size:r})),Lt=(e,t,r,a="white")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:t,color:a},"&:not([disabled]):active":{bg:r}}),Bt=at("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:Lt("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:Lt("$primaryDark",ne.darken(.1,ot.colors.primaryDark.value),ne.darken(.15,ot.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:Lt("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:Lt("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:Lt("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:(Ht="$primary",Pt="$primaryMid",Vt="$primaryDark",{border:"1px solid",borderColor:"currentColor",color:Ht,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:Pt},"&:not([disabled]):active":{color:Vt}})}]});var Ht,Pt,Vt;const Yt=({isLoading:e,children:t})=>re.createElement(re.Fragment,null,re.createElement(qt,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),re.createElement(nt,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},t)),Gt=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},Xt=(e,t)=>re.Children.map(e,((e,r)=>(null==e?void 0:e.type)===lt?re.cloneElement(e,{css:Z({[0===r?"mr":"ml"]:"sm"===t?"$2":"$3",size:Gt(t)},e.props.css?e.props.css:{})}):e)),_t=re.forwardRef(((e,t)=>{let{children:r,isLoading:a,onClick:o,href:i,appearance:n="solid",size:l="md",theme:d="primary",type:c="button"}=e,m=ee(e,s);const p=i?{as:"a",href:i,onClick:void 0}:{},u=i?{}:{type:c};return re.createElement(Bt,Object.assign({isLoading:a||!1,onClick:a?void 0:o,appearance:n,size:l,theme:d},m,p,u,{ref:t}),"boolean"==typeof a?re.createElement(Yt,{isLoading:a},Xt(r,l)):Xt(r,l))}));_t.displayName="Button";const Jt=at("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:Z({fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5},pt(.3864)),sm:Z({fontSize:"$lg",lineHeight:1.14},pt(.2174,.2254)),md:Z({fontSize:"$xl",lineHeight:1.14},pt(.2174,.2254)),lg:Z({fontSize:"$2xl",lineHeight:1.08},pt(.1865,.1945)),xl:Z({fontSize:"$3xl",lineHeight:1.12},pt(.206,.214)),xxl:Z({fontSize:"$4xl",lineHeight:1.06},pt(.1793,.1873))}}}),Ut=e=>{let{size:t="md"}=e,r=ee(e,l);return re.createElement(Jt,Object.assign({size:t},r))};Ut.displayName="Heading";const Kt=at("div",{display:"flex",flexWrap:"wrap","& > *":{m:0},variants:{direction:{row:{flexDirection:"row",alignItems:"center"},"row-reverse":{flexDirection:"row-reverse",alignItems:"center"},column:{flexDirection:"column"}},justify:{start:{justifyContent:"flex-start"},end:{justifyContent:"flex-end"},center:{justifyContent:"center"}},gap:Object.keys(ot.space).reduce(((e,t)=>Z({},e,{[t]:{mt:`-$space$${t}`,ml:`-$space$${t}`,"& > *":{mt:`$space$${t}`,ml:`$space$${t}`}}})),{})}}),Qt=e=>{let{css:t,gap:r=2,direction:a="row",justify:o="start"}=e,i=ee(e,d);return re.createElement(mt,{css:t},re.createElement(Kt,Object.assign({direction:a,gap:r,justify:o},i)))};Qt.displayName="Stack";const Zt=({applyCapsize:e=!0}={})=>({xs:Z({fontSize:"$xs",lineHeight:1.6},e?pt(.4364):{}),sm:Z({fontSize:"$sm",lineHeight:1.53},e?pt(.4056):{}),md:Z({fontSize:"$md",lineHeight:1.5},e?pt(.3864):{}),lg:Z({fontSize:"$lg",lineHeight:1.52},e?pt(.3983):{}),xl:Z({fontSize:"$xl",lineHeight:1.42},e?pt(.3506):{})}),er=at("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{size:Zt()}}),tr=re.forwardRef(((e,t)=>{let{size:r="md"}=e,a=ee(e,c);return re.createElement(er,Object.assign({size:r},a,{ref:t}))}));tr.displayName="Text";const rr=e=>{let{title:t,description:r,onAction:a,cancelActionText:o,confirmActionText:i,onClose:n}=e,s=ee(e,m);return re.createElement(Wt,{defaultOpen:!0},re.createElement(Wt.Content,Object.assign({onEscapeKeyDown:e=>e.preventDefault(),onCloseAutoFocus:n},s),re.createElement(Ut,{as:Wt.Title,size:"sm",css:{mb:"$5"}},t),r&&re.createElement(tr,{as:Wt.Description,css:{mb:"$5"}},r),re.createElement(Qt,{gap:"2",justify:"end"},o&&re.createElement(_t,{appearance:"outline",as:Wt.Cancel,onClick:()=>a(!1),size:"sm"},o),re.createElement(_t,{as:Wt.Action,onClick:()=>a(!0),size:"sm"},i))))},ar=[],or=(e,t)=>{switch(t.type){case"ADD":return[...e,Z({},t.payload,{id:ce.uid()})];case"REMOVE":return e.filter((({id:e})=>e!==t.payload));default:return e}},ir=re.createContext({showAlert:()=>null}),nr={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"}},sr=at(me.ButtonBack,nr),lr=at(me.ButtonNext,nr),dr=at(me.DotGroup,{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"}}}),cr=at(me.Slide,{}),mr=at(me.Slider,{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"}}}}),pr=({children:e,css:t,slideHeight:r,slideWidth:a,numSlides:o})=>re.createElement(mt,{css:t},re.createElement(me.CarouselProvider,{naturalSlideWidth:a,naturalSlideHeight:r,totalSlides:o},e));pr.ArrowNext=e=>re.createElement(lr,Object.assign({},e),re.createElement(lt,{is:ie.ChevronRight})),pr.ArrowPrevious=e=>re.createElement(sr,Object.assign({},e),re.createElement(lt,{is:ie.ChevronLeft})),pr.Pagination=dr,pr.Slide=e=>{let{children:t}=e,r=ee(e,p);return re.createElement(cr,Object.assign({},r,{tag:"div"}),re.createElement(nt,{css:{px:"$3"}},t))},pr.Slider=mr,pr.displayName="Carousel";const ur=at(pe.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),hr=at(pe.Root,{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"}}}}),gr=re.forwardRef(((e,t)=>re.createElement(hr,Object.assign({},e,{ref:t}),re.createElement(ur,null,re.createElement(lt,{is:"indeterminate"===e.checked?ie.Minus:ie.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}})))));gr.displayName="Checkbox";const{sm:br,md:fr}=Zt(),$r=at("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:br,md:fr},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),yr=at("span",{color:"$danger",ml:"$1",fontWeight:400}),xr=e=>{let{align:t="start",as:r="label",direction:a="row",size:o="md",type:i="block",children:n,required:s}=e,l=ee(e,u);return re.createElement($r,Object.assign({as:r,size:o,type:i,align:t,direction:a},l),n,s&&re.createElement(yr,{"aria-hidden":!0},"*"))};xr.displayName="Label";const vr=at("li",{}),wr=at("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${vr}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:Zt({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${vr}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${vr}`]:{pl:"$2","&::marker":{content:"•",fontWeight:"bold"}}}}}}),Er=e=>{let{size:t="md",ordered:r}=e,a=ee(e,h);return re.createElement(wr,Object.assign({as:r?"ol":"ul",size:t},a))};Er.Item=vr;const Cr=at("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${er} > &, ${Jt} > &, ${vr} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:Zt()}}),kr=re.forwardRef(((e,t)=>{let{size:r="md",onClick:a,href:o}=e,i=ee(e,g);return o?re.createElement(Cr,Object.assign({size:r},i,{ref:t,href:o})):re.createElement(Cr,Object.assign({as:"button",size:r},i,{ref:t,onClick:a}))}));kr.displayName="Link";const zr=e=>{let{css:t,children:r}=e,a=ee(e,b);return re.createElement(Mt,Object.assign({css:Z({color:"$danger",alignItems:"flex-start"},t)},a),re.createElement(lt,{is:ie.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),re.createElement(tr,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},r))},Sr=({children:e,css:t})=>re.createElement(tr,{size:"sm",css:Z({color:"$tonal300",maxWidth:"80ch"},t)},e),Or=({css:e,children:t,error:r,fieldId:a,label:o,prompt:i,description:n,required:s})=>re.createElement(nt,{css:e},re.createElement(Mt,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},re.createElement(xr,{htmlFor:a,required:s},o),i&&re.createElement(kr,{href:i.link,size:"sm"},i.label)),n&&re.createElement(Sr,{css:{mb:"$3"}},n),t,r&&re.createElement(zr,{css:{mt:"$2"}},r));Or.displayName="FieldWrapper";const Dr=at(he.Item,{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal400",borderRadius:"$round",color:"white",cursor:"pointer",display:"flex",justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out","&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),jr=at(he.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),Rr=e=>re.createElement(Dr,Object.assign({},e),re.createElement(jr,null));Rr.displayName="RadioButton";const Nr=at(he.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});Nr.displayName="RadioButtonGroup";const Fr=({align:e="start",children:t,css:r,description:a,direction:o="row",error:i,label:n,required:s})=>re.createElement(nt,{css:r},re.createElement(xr,{align:e,direction:o,required:s,type:"inline"},re.Children.map(t,(e=>re.createElement(nt,{css:Z({["reverse"===o?"ml":"mr"]:"$3"},((null==e?void 0:e.type)===gr||(null==e?void 0:e.type)===Rr)&&{transform:"translateY($space$1)"})},e))),n),i&&re.createElement(zr,{css:{mt:"$2"}},i),a&&re.createElement(Sr,{css:{mt:"$2",["reverse"===o?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},a));var Tr;Fr.displayName="InlineFieldWrapper",function(e){e.LOCAL="local",e.SESSION="session"}(Tr||(Tr={}));const Ir=at("form",{}),Wr=({persist:e,watch:t,setValue:r,children:a})=>{const{id:o}=e,i=ee(e,f);let n=Z({},i,{storage:i.storage===Tr.LOCAL?window.localStorage:window.sessionStorage});if(i.exclude){const e=ee(n,$),r=t();n=Z({},e,{include:Object.keys(r).filter((e=>{var t;if(null==(t=i.exclude)||!t.includes(e))return e}))})}return Le.default(o,{watch:t,setValue:r},n),a},Mr=e=>{let{formMethods:t,handleSubmit:r,onSubmit:a,children:o}=e,i=ee(e,y);return re.createElement(ue.FormProvider,Object.assign({},t),re.createElement(Ir,Object.assign({"aria-label":"form"},i,{onSubmit:r(a)}),o))},Ar=e=>{let{children:t,defaultValues:r={},onSubmit:a,validationMode:o="onBlur",render:i,persist:n}=e,s=ee(e,x);qe.default(!(t&&i),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const l=ue.useForm({defaultValues:r,mode:o}),{handleSubmit:d,watch:c,setValue:m}=l,p=i?i(l):t,u=Z({formMethods:l,handleSubmit:d,onSubmit:a},s);return n?re.createElement(Wr,{persist:n,watch:c,setValue:m},re.createElement(Mr,Object.assign({},u),p)):re.createElement(Mr,Object.assign({},u),p)};Ar.displayName="Form";const qr=e=>{var t;const{errors:r}=ue.useFormContext(),a=e.split(/[,[\].]+?/).filter(Boolean);return{error:null==(t=Be.default(r,a))?void 0:t.message}};var Lr;!function(e){e.ON="on",e.OFF="off"}(Lr||(Lr={}));const Br=e=>{let{css:t,defaultChecked:r=!1,label:a,name:o,validation:i,description:n}=e,s=ee(e,v);const{control:l}=ue.useFormContext(),{error:d}=qr(o);return re.createElement(ue.Controller,{control:l,name:o,defaultValue:r,rules:i,render:({onChange:e,value:o,name:l})=>re.createElement(Fr,{css:t,description:n,error:d,label:a,required:Boolean(null==i?void 0:i.required)},re.createElement(gr,Object.assign({defaultChecked:r,defaultValue:r?Lr.ON:Lr.OFF,checked:o,name:l,onCheckedChange:e,value:o?Lr.ON:Lr.OFF},d&&{state:"error"},s)))})};Br.displayName="CheckboxField";const Hr=at(fe.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:ht(ot.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"}}}}),Pr=at(fe.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),Vr=at(fe.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),Yr=at(fe.ComboboxPopover,{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)"});tt({":root":{"--reach-combobox":1}})();const Gr=at(fe.Combobox,{}),Xr=e=>re.createElement(Gr,Object.assign({},e));Xr.displayName="Combobox",Xr.Option=Vr,Xr.Input=Hr,Xr.Popover=Yr,Xr.List=Pr,Xr.OptionText=fe.ComboboxOptionText;const _r=at($e.Close,{}),Jr=rt({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),Ur=rt({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),Kr=at($e.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${yt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${xt} 550ms ease-out`}}}),Qr=at($e.Content,{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:`${Jr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Ur} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),Zr=at($e.Root,{}),ea=e=>re.createElement(Zr,Object.assign({},e));ea.Close=_r,ea.Content=e=>{let{size:t="sm",children:r,closeDialogText:a="Close dialog",showCloseButton:o=!0}=e,i=ee(e,w);return re.createElement(re.Fragment,null,re.createElement(Kr,null),re.createElement(Qr,Object.assign({size:t},i),o&&re.createElement(jt,{as:$e.Close,css:{position:"absolute",right:"$4",top:"$4"},label:a,size:"lg",theme:"neutral"},re.createElement(lt,{is:ie.Close})),r))},ea.Trigger=$e.Trigger,ea.displayName="Dialog";const ta=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],ra=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],aa=at("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"}}}}),oa=at("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),ia=e=>{let{css:t,refDateSelected:r,refDateToday:a,firstDayOfWeek:o=0,monthNames:i=ta,weekdayNames:n=ra,labels:s={next:"Next month",previous:"Previous month"}}=e,l=ee(e,E);const{calendars:d,getBackProps:c,getForwardProps:m,getDateProps:p}=ye.useDayzed(Z({firstDayOfWeek:o,showOutsideDays:!0},l));return d.length?re.createElement(nt,{css:Z({position:"relative",width:"min-content",mt:"-$1"},t)},re.createElement(Mt,{css:{position:"absolute",top:0,right:"-$1"}},re.createElement(jt,Object.assign({label:s.previous,theme:"neutral",size:"lg"},c({calendars:d})),re.createElement(lt,{is:ie.ChevronLeft})),re.createElement(jt,Object.assign({label:s.next,theme:"neutral",size:"lg"},m({calendars:d})),re.createElement(lt,{is:ie.ChevronRight}))),d.map((({month:e,year:t,weeks:s})=>re.createElement(nt,{key:`${e}${t}`},re.createElement(Mt,{css:{height:"$4",alignItems:"center",mb:"$4"}},re.createElement(Ut,{size:"xs"},i[e]," ",t)),re.createElement(oa,{css:{mb:"$3"}},((e,t)=>{const r=e.slice(0,t);return e.slice(t).concat(r)})(n,o).map((r=>re.createElement(tr,{as:"span",size:"sm",key:`${e}${t}${r}`,css:{fontWeight:600,textAlign:"center"}},r)))),re.createElement(oa,null,s.map(((o,i)=>o.map(((o,n)=>{const s=`${e}${t}${i}${n}`;if(!o)return re.createElement("div",{key:s});const{date:l,selected:d,today:c,prevMonth:m,nextMonth:u}=o;return re.createElement(aa,Object.assign({isOutsideMonth:m||u,isSelected:d,isToday:c,key:s,ref:d?r:c?a:null},p({dateObj:o})),l.getDate())}))))))))):null};ia.displayName="Calendar";const na=at("input",{appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",px:"$3",transition:"all 100ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{size:{sm:{height:"$3",fontSize:"$sm"},md:{height:"$4",fontSize:"$md"}},state:{error:{border:"1px solid $danger"}}}}),sa=re.forwardRef(((e,t)=>{let{type:r="text",size:a="md"}=e,o=ee(e,C);return"number"===r?re.createElement(na,Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",size:a},o,{ref:t})):re.createElement(na,Object.assign({type:r,size:a},o,{ref:t}))}));sa.displayName="Input";const la=at(xe.Content,{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:ft},'&[data-side="right"]':{animationName:$t},'&[data-side="bottom"]':{animationName:gt},'&[data-side="left"]':{animationName:bt}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),da=at(xe.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}});at(xe.Root,{});const ca=e=>re.createElement(xe.Root,Object.assign({},e));ca.Content=e=>{let{children:t,side:r="top",sideOffset:a=8,closePopoverText:o="Close popover",showCloseButton:i=!0,size:n="md"}=e,s=ee(e,k);return re.createElement(la,Object.assign({size:n,side:r,sideOffset:a},s),i&&re.createElement(jt,{as:xe.Close,css:{position:"absolute",right:"$0",top:"$0"},label:o,size:"lg",theme:"neutral"},re.createElement(lt,{is:ie.Close})),t,re.createElement(da,{width:16,height:8}))},ca.Trigger=xe.Trigger,ca.displayName="Popover";const ma="DD/MM/YYYY";He.default.extend(Pe.default);const pa=re.forwardRef(((e,t)=>{let{initialDate:r,dateFormat:a=ma,firstDayOfWeek:o=1,disabled:i,monthNames:n,weekdayNames:s,size:l="md",labels:d={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:c}=e,m=ee(e,z);const{date:p,dateString:u,setDate:h}=((e,t=ma)=>{const[r,a]=re.useState(e?He.default(e).toDate():void 0),[o,i]=re.useState(e?He.default(e).format(t):"");return{dateString:o,date:r,setDate:(e,r=!1)=>{const o=r?He.default(e,t):He.default(e);a(o.isValid()?o.toDate():void 0),i(r?e:o.format(t))}}})(r,a),[g,b]=re.useState(!1),f=re.useRef(null),$=re.useRef(null);return re.createElement(nt,{css:{position:"relative"}},re.createElement(sa,Object.assign({name:"date",disabled:i,size:l},m,{onChange:e=>h(e.target.value,!0),value:u,ref:t})),re.createElement(ca,{modal:!0,open:g,onOpenChange:b},re.createElement(ca.Trigger,{asChild:!0},re.createElement(jt,{css:{position:"absolute",top:0,right:0},disabled:i,label:d.open,size:"sm"===l?"md":"lg",theme:"neutral"},re.createElement(lt,{size:"sm",is:ie.CalendarEvent}))),re.createElement(ca.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:e=>{var t,r;(e.preventDefault(),p)?null==(t=$.current)||t.focus():null==(r=f.current)||r.focus()}},re.createElement(ia,{date:p||new Date,selected:p,onDateSelected:async e=>{b(!1),await h(e.date,!1),c&&c()},refDateToday:f,refDateSelected:$,firstDayOfWeek:o,monthNames:n,weekdayNames:s,labels:d}))))}));pa.displayName="DateInput";const ua=e=>{let{css:t,label:r,name:a,validation:o,prompt:i,description:n}=e,s=ee(e,S);const{register:l,trigger:d}=ue.useFormContext(),{error:c}=qr(a),m=o?l(o):l;return re.createElement(Or,{css:t,description:n,error:c,fieldId:a,label:r,prompt:i,required:Boolean(null==o?void 0:o.required)},re.createElement(pa,Object.assign({id:a,name:a,ref:m},c&&{state:"error"},s,{revalidate:d})))};ua.displayName="DateField";const ha=at("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),ga=e=>{let{orientation:t="horizontal"}=e,r=ee(e,O);return Me.default.createElement(ha,Object.assign({orientation:t},r))},ba=at(Ee.Content,{bg:"white",borderRadius:"$0",boxShadow:"$0",py:"$2","@allowMotion":{animationDuration:"250ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:ft},'&[data-side="right"]':{animationName:$t},'&[data-side="bottom"]':{animationName:gt},'&[data-side="left"]':{animationName:bt}}}}),fa=at(Ee.Item,{alignItems:"center",color:"$tonal600",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:400,position:"relative",px:"$3",py:"$2","&[data-disabled]":{color:"$tonal200",pointerEvents:"none"},'&[aria-current="page"], &:focus':{"&::before":{borderLeft:"2px solid currentColor",content:"",height:"$2",left:0,outline:"none",position:"absolute",transform:"scale(1)"}},"&:focus":{color:"$primaryMid",outline:"none"},"&:hover":{textDecoration:"underline"}}),$a=at("a",{textDecoration:"none"}),ya=at(Ee.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),xa=at(Ee.Trigger,{}),va=at(Ee.Root,{}),wa=e=>Me.default.createElement(va,Object.assign({},e));wa.Content=ba,wa.Item=fa,wa.LinkItem=e=>{let{children:t,href:r}=e,a=ee(e,D);return Me.default.createElement(fa,Object.assign({},a,{asChild:!0}),Me.default.createElement($a,{href:r,role:"menuitem"},t))},wa.Separator=ya,wa.Trigger=xa;const Ea=at("div",{display:"grid",variants:{gap:Object.keys(ot.space).reduce(((e,t)=>Z({},e,{[t]:{gap:`$space$${t}`}})),{})}}),Ca=e=>{let{css:t,gap:r=2,minItemSize:a}=e,o=ee(e,j);return re.createElement(Ea,Object.assign({css:Z({},t,{gridTemplateColumns:`repeat(auto-fit, minmax(${a}, 1fr))`}),gap:r},o))};Ca.displayName="Grid";const ka=at("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});ka.displayName="Image";const za=e=>{let{css:t,label:r,name:a,validation:o,prompt:i,description:n}=e,s=ee(e,R);const{register:l}=ue.useFormContext(),{error:d}=qr(a),c=o?l(o):l;return re.createElement(Or,{css:t,description:n,error:d,fieldId:a,label:r,prompt:i,required:Boolean(null==o?void 0:o.required)},re.createElement(sa,Object.assign({id:a,name:a,ref:c},d&&{state:"error"},s)))};za.displayName="InputField";const Sa=at(nt,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),Oa=at("em",{fontStyle:"italic"}),Da=({node:e,handleNode:t,css:r})=>{var a;const{as:o,size:i}=(e=>{switch(e){case 1:return{size:"xl",as:"h1"};case 2:return{size:"lg",as:"h2"};case 3:return{size:"md",as:"h3"};case 4:return{size:"sm",as:"h4"};case 5:return{size:"xs",as:"h5"};default:return{size:"xs",as:"h6"}}})(e.depth);return re.createElement(Ut,{as:o,size:i,css:Z({color:"inherit"},r)},null==(a=e.children)?void 0:a.map(t))},ja=at(nt,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),Ra=({node:e,css:t})=>re.createElement(ka,{src:e.url,alt:e.alt,css:t}),Na=({node:e,handleNode:t,css:r})=>{var a;return re.createElement(Er,{css:Z({"& p:before, & p:after":{display:"none"}},r),ordered:e.ordered},null==(a=e.children)?void 0:a.map(t))},Fa=({node:e,handleNode:t,css:r})=>{var a;return re.createElement(tr,{css:Z({color:"inherit"},r)},null==(a=e.children)?void 0:a.map(t))},Ta=at("strong",{fontWeight:600}),Ia=({css:e})=>re.createElement(ga,{css:Z({width:"100%"},e)}),Wa=at("div",{}),Ma=(e,t)=>re.cloneElement(e,{css:Z({},t,e.props.css?e.props.css:{})}),Aa=e=>{let{children:t}=e,r=ee(e,N);return re.createElement(Wa,Object.assign({},r),re.Children.map(t,(e=>{if(!re.isValidElement(e))return e;const t=null==e?void 0:e.type;return t===Ut||t===Da?Ma(e,{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}}):t===tr||t===Fa||t===Er||t===Na?Ma(e,{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}}):t===ga||t===Ia?Ma(e,{my:"$5"}):t===ka||t===Ra?Ma(e,{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}):e})))};Aa.displayName="StackContent";const qa={code:({node:e})=>re.createElement(Sa,{as:"pre"},e.value),emphasis:({node:e,handleNode:t})=>{var r;return re.createElement(Oa,null,null==(r=e.children)?void 0:r.map(t))},heading:Da,inlineCode:({node:e})=>re.createElement(ja,{as:"code"},e.value),image:Ra,link:({node:e,handleNode:t})=>{var r;return re.createElement(kr,{title:e.title,href:e.url},null==(r=e.children)?void 0:r.map(t))},list:Na,listItem:({node:e,handleNode:t})=>{var r;return re.createElement(Er.Item,null,null==(r=e.children)?void 0:r.map(t))},paragraph:Fa,strong:({node:e,handleNode:t})=>{var r;return re.createElement(Ta,null,null==(r=e.children)?void 0:r.map(t))},text:({node:e})=>e.value,thematicBreak:Ia},La=e=>{var t;if(null!=(t=e.position)&&t.start){var r;const{line:t,column:a,offset:o}=null==(r=e.position)?void 0:r.start;return`${e.type}${t}${a}${o}`}return`${e.type}${+new Date}`},Ba=({content:e,customComponents:t={},css:r})=>{const a=Ye.default(e,{extensions:[Ge.default()],mdastExtensions:[Ve.default.fromMarkdown]}),o=Z({},qa,t),i=e=>{const t=o[e.type];return t?re.createElement(t,{key:La(e),node:e,handleNode:i}):null};return re.createElement(Aa,{css:r},a.children.map(i))};Ba.displayName="MarkdownContent";const Ha=at(nt,{position:"relative"}),Pa=at(Mt,{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"}),Va=re.forwardRef(((e,t)=>{let{css:r,hidePasswordText:a="Hide password",showPasswordText:o="Show password"}=e,i=ee(e,F);const[n,s]=re.useState(!1);return re.createElement(nt,{css:Z({position:"relative"},r)},re.createElement(sa,Object.assign({},i,{type:n?"text":"password",ref:t,css:{pr:"$sizes$2"}})),re.createElement(jt,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:n?a:o,onClick:()=>s((e=>!e)),onMouseDown:e=>e.preventDefault(),size:"lg"},re.createElement(lt,{is:n?ie.Eye:ie.EyeCrossed,css:{size:20}})))}));Va.displayName="PasswordInput";const Ya=e=>{let{css:t={},label:r="Password",name:a,prompt:o,description:i,validation:n}=e,s=ee(e,T);const{register:l}=ue.useFormContext(),{error:d}=qr(a),c=n?l(n):l;return re.createElement(Or,{css:Z({},t,{position:"relative"}),description:i,error:d,fieldId:a,label:r,prompt:o,required:Boolean(null==n?void 0:n.required)},re.createElement(Va,Object.assign({autoComplete:"current-password",name:a,id:a,ref:c},s)))};Ya.displayName="PasswordField";const Ga=at(Se.Root,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),Xa=at(Se.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),_a=e=>{let{value:t,theme:r="primary"}=e,a=ee(e,I);return re.createElement(Ga,Object.assign({theme:r},a),re.createElement(Xa,{style:{width:`${t}%`}}))};_a.displayName="ProgressBar";const Ja=e=>{let{css:t,label:r,value:a}=e,o=ee(e,W);return re.createElement(Fr,{css:t,label:r},re.createElement(Rr,Object.assign({value:a},o)))};Ja.displayName="RadioField";const Ua=at("fieldset",{all:"unset"}),Ka=({children:e,css:t,direction:r="column",defaultValue:a,description:o,label:i,name:n,validation:s})=>{const{control:l}=ue.useFormContext(),{error:d}=qr(n);return re.createElement(Ua,{css:t},re.createElement(xr,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(null==s?void 0:s.required)},i),o&&re.createElement(Sr,{css:{mb:"$3"}},o),re.createElement(ue.Controller,{control:l,name:n,rules:s,defaultValue:a,render:({onChange:t,value:o})=>re.createElement(Nr,{direction:r,defaultValue:a,onValueChange:t,value:o},e)}),d&&re.createElement(zr,{css:{mt:"$2"}},d))};Ka.Item=Ja,Ka.displayName="RadioButtonField";const Qa=at(he.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"}}}}),Za=at("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"}}]}),eo=at(he.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),to=e=>{let{children:t,isFullWidth:r=!1,size:a="md",align:o="left"}=e,i=ee(e,M);return re.createElement(Qa,Object.assign({},i,{align:o,isFullWidth:r,size:a}),re.createElement(Za,{align:o,containerIsFullWidth:r},re.createElement(eo,null)),re.createElement(nt,null,t))};var ro;!function(e){e.SEARCH="SEARCH",e.CLEAR="CLEAR"}(ro||(ro={}));const ao=at(lt,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),oo=at(sa,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),io=e=>{let{size:t="md",css:r,value:a,clearText:o="Clear"}=e,i=ee(e,q);const[n,s]=re.useState(a||""),[l,d]=re.useState(a?ro.CLEAR:ro.SEARCH),c=()=>{s(""),d(ro.SEARCH)};return re.createElement(nt,{css:Z({position:"relative"},r)},re.createElement(oo,Object.assign({size:t,type:"search"},i,{value:n,onChange:e=>{s(e.target.value),d(e.target.value?ro.CLEAR:ro.SEARCH)},css:{pr:"sm"===t?"$5":"$6"}})),l===ro.SEARCH?re.createElement(ao,{is:ie.Search,size:t,css:{size:"sm"==t?"$1":20}}):re.createElement(jt,{label:o,theme:"neutral",size:"sm"==t?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:c},re.createElement(lt,{is:ie.Close})))};io.displayName="SearchInput";const no=at("select",{appearance:"none",backgroundColor:"white",backgroundImage:ht(ot.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"}}}}),so=re.forwardRef(((e,t)=>{let{placeholder:r,children:a,size:o="md"}=e,i=ee(e,L);return re.createElement(no,Object.assign({size:o,defaultValue:""},i,{ref:t}),r&&re.createElement("option",{disabled:!0,hidden:!0,value:""},r),a)}));so.displayName="Select";const lo=e=>{let{css:t,children:r,name:a,label:o,validation:i,prompt:n,description:s}=e,l=ee(e,B);const{register:d}=ue.useFormContext(),{error:c}=qr(a),m=i?d(i):d;return re.createElement(Or,{css:t,description:s,error:c,fieldId:a,label:o,prompt:n,required:Boolean(null==i?void 0:i.required)},re.createElement(so,Object.assign({name:a,id:a},l,{ref:m},c&&{state:"error"}),r))};lo.displayName="SelectField";const co=at("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),mo=(e,t,r)=>(e-t)/(r-t)*100,po=(e,t,r)=>{const a=mo(e,t,r);return a<=10?0:a>=90?100:50},uo=at(Oe.Track,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),ho=at(Oe.Root,{alignItems:"center",display:"flex",position:"relative",touchAction:"none",userSelect:"none",cursor:"pointer",'&[data-orientation="horizontal"]':{height:"$1"},'&[data-orientation="vertical"]':{flexDirection:"column",width:"$1"},"&[data-disabled]":{cursor:"not-allowed",bg:"$tonal100"},variants:{theme:{light:{[`${uo}`]:{bg:"#fff"}},tonal:{[`${uo}`]:{bg:"$tonal200"}}}}}),go=at(Oe.Range,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),bo=at(Oe.Thumb,{bg:"$primaryMid",borderRadius:"$round",display:"block",size:"$1","&:hover":{bg:"$primaryDark"},"&:focus":{outline:"2px solid $primaryMid",outlineOffset:"2px"},"&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),fo=e=>{let{value:t,defaultValue:r,min:a=0,max:o=100,theme:i="tonal",css:n,children:s}=e,l=ee(e,H);const d=t||r;return re.createElement(mt,{css:n},re.createElement(ho,Object.assign({theme:i,defaultValue:r,value:t,min:a,max:o},l),re.createElement(uo,null,re.createElement(go,null)),(null==d?void 0:d.length)&&d.map(((e,t)=>re.createElement(bo,{key:`thumb${t}`})))),s)};fo.Value=({value:e=[],outputLabel:t=(e=>`Current value is ${e}`)})=>re.createElement(tr,{css:{mt:"$4",color:"$tonal300",width:"100%"}},t(1===e.length?e[0]:e)),fo.Steps=({min:e,max:t,steps:r})=>0===r.length?null:re.createElement(co,null,r.map((r=>re.createElement(tr,{as:"span",key:r.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${mo(r.value,e,t)}%`,transform:`translateX(-${po(r.value,e,t)}%)`}},r.label)))),fo.displayName="Slider";const $o=e=>{let{css:t,label:r,name:a,defaultValue:o,outputLabel:i,min:n=0,max:s=100,steps:l=[]}=e,d=ee(e,P);const{control:c}=ue.useFormContext();return Me.default.createElement(Or,{css:t,fieldId:a,label:r},Me.default.createElement(ue.Controller,{control:c,name:a,defaultValue:o,render:({onChange:e,value:t})=>Me.default.createElement(fo,Object.assign({name:a,defaultValue:o,onValueChange:e,value:t},d),Me.default.createElement(fo.Steps,{min:n,max:s,steps:l}),Me.default.createElement(fo.Value,{value:t||o,outputLabel:i}))}))};$o.displayName="SliderField";const yo=at(De.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"}}),xo=at(De.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),vo=e=>re.createElement(yo,Object.assign({},e),re.createElement(xo,null));vo.displayName="Switch";const wo=at("tbody",{});wo.displayName="TableBody";const Eo=at("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"bold"},"tr:nth-child(odd) &":{bg:"white"},"tr:nth-child(even) &":{bg:"$tonal50"}});Eo.displayName="TableCell";const Co=at("tfoot",{});Co.displayName="TableFooter";const ko=at("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});ko.displayName="TableFooterCell";const zo=at("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});zo.displayName="TableHeaderCell";const So=at("thead",{variants:{theme:{primary:{[`${zo}`]:{bg:"$primary"}},primaryDark:{[`${zo}`]:{bg:"$primaryDark"}}}}}),Oo=e=>{let{theme:t="primaryDark"}=e,r=ee(e,V);return Me.default.createElement(So,Object.assign({theme:t},r))};Oo.displayName="TableHeader";const Do=at("tr",{});Do.displayName="TableRow";const jo=at("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${Eo}, ${zo}, ${ko}`]:{height:"$4"}},lg:{[`${Eo}, ${zo}, ${ko}`]:{height:"$5"}}},corners:{round:{[`${zo}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${Do}:last-child`]:{[`${Eo}:first-child`]:{borderBottomLeftRadius:"$0"},[`${Eo}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),Ro=e=>{let{size:t="md",corners:r="round"}=e,a=ee(e,Y);return re.createElement(jo,Object.assign({size:t,corners:r},a))};Ro.Body=wo,Ro.Cell=Eo,Ro.Footer=Co,Ro.FooterCell=ko,Ro.Header=Oo,Ro.HeaderCell=zo,Ro.Row=Do,Ro.displayName="Table";const No=at(je.Trigger,{cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:ne.opacify(-.9,ot.colors.primary.value)},"&:not([data-disabled]):active":{color:"$primary",bg:ne.opacify(-.8,ot.colors.primary.value),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:ne.opacify(-.8,"white")},"&:not([data-disabled]):active":{bg:ne.opacify(-.7,"white"),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Fo=e=>{let{children:t,theme:r,disabled:a=!1}=e,o=ee(e,G);return re.createElement(No,Object.assign({disabled:a,theme:r},o),t)};Fo.displayName="TabTrigger";const To=(e,t,r=[])=>Me.default.Children.map(e,(e=>Me.default.isValidElement(e)&&r.includes(null==e?void 0:e.type)?Me.default.cloneElement(e,Z({},t)):e)),Io=ne.opacify(-.2,"white"),Wo=ne.opacify(-.2,ot.colors.primaryDark.value),Mo=at(jt,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${Io} !important`},dark:{bg:`${Wo} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),Ao=at(je.List,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{bg:"$primaryDark",borderBottom:"1px solid $tonal200"}},appearance:{uppercase:{textTransform:"uppercase"}}}}),qo=e=>{let{children:t,theme:r,appearance:a,enableTabScrolling:o}=e,i=ee(e,X);const n=re.useRef(null),[s,l]=re.useState(!1),[d,c]=re.useState(!1),[m,p]=re.useState(),u=re.useCallback((e=>{const t=n.current;if(t){const{scrollWidth:r,scrollLeft:a}=t,o=Math.round(r/4);let i=a;if("right"===e){const e=t.scrollLeft+o;i=e<=r?e:a}else{const e=a-o;i=e>0?e:0}t.scroll({left:i,behavior:"smooth"}),setTimeout((()=>{const{scrollWidth:e,scrollLeft:r,offsetWidth:a}=t;0===r?(l(!1),c(!0)):r+a===e?(c(!1),l(!0)):(l(!0),c(!0))}),500)}}),[]);re.useEffect((()=>{const e=Re.debounce(500,(()=>{p(window.innerWidth)}));return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),re.useEffect((()=>{const e=n.current;if(e){const{offsetWidth:t,scrollWidth:r}=e,a=r>t;null==e.scroll||e.scroll({left:0}),l(!1),c(a)}}),[m]);return s||d||o?Me.default.createElement(Mt,{css:{position:"relative"}},Me.default.createElement(Mo,{size:"xl",label:"Scroll Left",theme:r,onClick:()=>u("left"),visible:s,css:{left:0}},Me.default.createElement(lt,{is:ie.ChevronLeft,size:"lg"})),Me.default.createElement(Ao,Object.assign({},i,{ref:n,appearance:a,theme:r}),To(t,{theme:r},[Fo])),Me.default.createElement(Mo,{size:"xl",label:"Scroll right",theme:r,onClick:()=>u("right"),visible:d,css:{right:0}},Me.default.createElement(lt,{is:ie.ChevronRight,size:"lg"}))):Me.default.createElement(Ao,Object.assign({theme:r},i,{appearance:a,ref:n}),To(t,{theme:r},[Fo]))},Lo=at(je.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),Bo=at(je.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),Ho=e=>{let{theme:t="light",children:r}=e,a=ee(e,_);return re.createElement(Lo,Object.assign({theme:t},a),To(r,{theme:t},[qo,Bo]))};Ho.TriggerList=qo,Ho.Trigger=Fo,Ho.Content=Bo,Ho.displayName="Tabs";const Po=at("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",fontFamily:"$body",fontWeight:400,lineHeight:1.4,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",transition:"all 75ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{state:{error:{border:"1px solid $danger"}}}}),Vo=re.forwardRef(((e,t)=>re.createElement(Po,Object.assign({},e,{ref:t}))));Vo.displayName="Textarea";const Yo=e=>{let{css:t,label:r,name:a,validation:o,prompt:i,description:n}=e,s=ee(e,J);const{register:l}=ue.useFormContext(),{error:d}=qr(a),c=o?l(o):l;return re.createElement(Or,{css:t,description:n,error:d,fieldId:a,label:r,prompt:i,required:Boolean(null==o?void 0:o.required)},re.createElement(Vo,Object.assign({id:a,name:a,ref:c},d&&{state:"error"},s)))};Yo.displayName="TextareaField";const Go=at("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${rt({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}})} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${rt({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}})} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),Xo=at("div",{alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$6",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:400},"@allowMotion":{transition:"background-color 50ms ease-out, transform 150ms ease-out"},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),_o=re.memo((({ariaLive:e,height:t,id:r,message:a,role:o,type:i="blank",visible:n,calculateOffset:s,updateHeight:l})=>{const d=s(r,{reverseOrder:!0,margin:8});return re.createElement(Go,{visible:n},re.createElement(Xo,{ref:e=>{e&&void 0===t&&l(r,e.getBoundingClientRect().height)},status:i,role:o,"aria-live":e,style:{transform:`translateY(${d}px)`}},"error"===i&&re.createElement(lt,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:ie.Error}),re.createElement(tr,{css:{color:"inherit"}},a),"loading"===i?re.createElement(qt,{css:{flex:"0 0 auto",ml:"auto"}}):re.createElement(jt,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>Ne.toast.dismiss(r)},re.createElement(lt,{is:ie.Close}))))})),Jo=at("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:2147483647,"@sm":{top:"$3",right:"auto",left:"calc(50% - 200px)"}}),Uo=({children:e})=>{const{toasts:t,handlers:r}=Ne.useToaster(),{startPause:a,endPause:o,calculateOffset:i,updateHeight:n}=r;return re.createElement(re.Fragment,null,re.createElement(Jo,{onMouseEnter:a,onMouseLeave:o},t.map((e=>re.createElement(_o,Object.assign({key:e.id,calculateOffset:i,updateHeight:n},e))))),e)};Uo.displayName="ToastProvider";const Ko=at(Fe.Content,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,px:"$3",py:"$2","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:ft},'&[data-side="right"]':{animationName:$t},'&[data-side="bottom"]':{animationName:gt},'&[data-side="left"]':{animationName:bt}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),Qo=at(Fe.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),Zo=e=>{let{children:t,delayDuration:r=350}=e,a=ee(e,K);return re.createElement(Fe.Root,Object.assign({delayDuration:r},a),t)};Zo.Content=e=>{let{children:t,side:r="top",sideOffset:a=4,size:o="md"}=e,i=ee(e,U);return re.createElement(Ko,Object.assign({side:r,sideOffset:a,size:o},i),t,re.createElement(Qo,null))},Zo.Trigger=at(Fe.Trigger,{}),Zo.displayName="Tooltip";const ei=at(_e.default,{}),ti=re.forwardRef(((e,t)=>{let{id:r,ratio:a=9/16,css:o}=e,i=ee(e,Q);return re.createElement(mt,{css:o},re.createElement(nt,{css:{borderRadius:"$0",position:"relative",paddingTop:100*a+"%",overflow:"hidden",height:0,width:"100%"}},re.createElement(ei,Object.assign({},i,{role:"figure",url:`https://player.vimeo.com/video/${r}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:t}))))}));ti.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return Xe.default}}),exports.Accordion=kt,exports.ActionIcon=jt,exports.AlertDialog=Wt,exports.AlertProvider=({children:e})=>{const[t,r]=re.useReducer(or,ar),a=(()=>{const e=re.useRef();return re.useEffect((()=>(e.current=!0,()=>{e.current=!1}))),e})();return re.createElement(ir.Provider,{value:{showAlert:e=>r({payload:e,type:"ADD"})}},Boolean(t.length)&&re.createElement(rr,Object.assign({},t[0],{key:t[0].id,onClose:()=>{a.current&&r({payload:t[0].id,type:"REMOVE"})}})),e)},exports.Box=nt,exports.Button=_t,exports.Carousel=pr,exports.Checkbox=gr,exports.CheckboxField=Br,exports.Combobox=Xr,exports.DateField=ua,exports.DateInput=pa,exports.Dialog=ea,exports.Divider=ga,exports.DropdownMenu=wa,exports.FieldWrapper=Or,exports.Flex=Mt,exports.Form=Ar,exports.Grid=Ca,exports.Heading=Ut,exports.Icon=lt,exports.Image=ka,exports.InlineFieldWrapper=Fr,exports.Input=sa,exports.InputField=za,exports.Label=xr,exports.Link=kr,exports.List=Er,exports.Loader=qt,exports.MarkdownContent=Ba,exports.NotificationBadge=({value:e,children:t})=>Me.default.createElement(Ha,null,!!e&&Me.default.createElement(Pa,{role:"status"},e),t),exports.PasswordField=Ya,exports.PasswordInput=Va,exports.Popover=ca,exports.ProgressBar=_a,exports.RadioButton=Rr,exports.RadioButtonField=Ka,exports.RadioButtonGroup=Nr,exports.RadioCard=to,exports.RadioCardGroup=e=>{let{css:t,children:r,size:a,isFullWidth:o,align:i,gap:n="3",justify:s}=e,l=ee(e,A);return re.createElement(he.Root,Object.assign({},l),re.createElement(Qt,{direction:"row",justify:s,gap:n,css:t},re.Children.map(r,(e=>re.isValidElement(e)&&(null==e?void 0:e.type)===to?re.cloneElement(e,{size:a,isFullWidth:o,align:i}):e))))},exports.SearchInput=io,exports.Select=so,exports.SelectField=lo,exports.Slider=fo,exports.SliderField=$o,exports.Stack=Qt,exports.StackContent=Aa,exports.StyledButton=Bt,exports.StyledLink=Cr,exports.Switch=vo,exports.Table=Ro,exports.Tabs=Ho,exports.Text=tr,exports.Textarea=Vo,exports.TextareaField=Yo,exports.ToastProvider=Uo,exports.Tooltip=Zo,exports.ValidationError=zr,exports.Video=ti,exports.createTheme=et,exports.css=Qe,exports.getCssText=Ze,exports.globalCss=tt,exports.keyframes=rt,exports.media=Ue,exports.styled=at,exports.theme=ot,exports.useAlert=()=>{const e=re.useContext(ir);if(void 0===e)throw new Error("useAlert must be used within a AlertProvider");return e},exports.utils=Je;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var he=require("@radix-ui/react-accordion"),t=require("react"),ir=require("@atom-learning/theme"),sr=require("@stitches/react"),b=require("@atom-learning/icons"),f=require("polished"),lr=require("invariant"),B=require("@radix-ui/react-alert-dialog"),cr=require("@radix-ui/react-visually-hidden"),dr=require("uid"),Y=require("pure-react-carousel"),rt=require("@radix-ui/react-checkbox"),E=require("react-hook-form"),X=require("@radix-ui/react-radio-group"),mr=require("react-hook-form-persist"),ur=require("dlv"),U=require("@reach/combobox"),J=require("@radix-ui/react-dialog"),pr=require("dayzed"),K=require("@radix-ui/react-popover"),gr=require("dayjs"),$r=require("dayjs/plugin/customParseFormat"),ae=require("@radix-ui/react-dropdown-menu"),hr=require("mdast-util-directive"),fr=require("mdast-util-from-markdown"),br=require("micromark-extension-directive"),ot=require("@radix-ui/react-progress"),fe=require("@radix-ui/react-slider"),at=require("@radix-ui/react-switch"),be=require("@radix-ui/react-tabs"),yr=require("throttle-debounce"),Me=require("react-hot-toast"),ye=require("@radix-ui/react-tooltip"),vr=require("react-player/vimeo");function I(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function xr(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(o){if(o!=="default"){var a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:function(){return e[o]}})}}),r.default=e,Object.freeze(r)}var g=I(t),wr=xr(ir),Ne=I(lr),Er=I(mr),Sr=I(ur),ne=I(gr),Cr=I($r),kr=I(hr),Dr=I(fr),Rr=I(br),zr=I(Me),Tr=I(vr);const nt={bg:e=>({background:e}),inset:e=>({top:e,right:e,bottom:e,left:e}),size:e=>({height:e,width:e}),p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e})},it={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},Ir=sr.createStitches({theme:wr,utils:nt,media:it}),{css:Fr,getCssText:Mr,createTheme:Nr,globalCss:st,keyframes:w,styled:n,theme:v}=Ir,Ar=n(he.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),Wr=({children:e,value:r,...o})=>g.default.createElement(Ar,{value:r,...o},e),y=n("div",{});y.displayName="Box";const Lr=n("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.75"},md:{size:"$2",strokeWidth:"2"},lg:{size:"$3",strokeWidth:"2"}}}}),$=t.forwardRef(({is:e,size:r="md",...o},a)=>t.createElement(Lr,{size:r,"aria-hidden":"true",...o,as:e,ref:a})),lt=(e,r,o,a="#fff")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:r},"&:not([disabled]):active":{bg:o}}),Pr=n(he.Trigger,{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:lt("$primaryDark",f.darken(.1,v.colors.primaryDark.value),f.darken(.15,v.colors.primaryDark.value)),light:lt("#fff",f.darken(.1,"#fff"),f.darken(.15,"#fff"),"$tonal600")}}}),Br=({theme:e="primaryDark",children:r,...o})=>g.default.createElement(Pr,{theme:e,...o},g.default.createElement(y,null,r),g.default.createElement($,{is:b.ChevronDown})),Z=({css:e,children:r})=>e?t.createElement(y,{css:e},r):t.createElement(t.Fragment,null,r);Z.displayName="CSSWrapper";const F=(e,r)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${r||e}em`,display:"table"}}),Or={chevron:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><polyline points="6 10 12 16 18 10"/></svg>`,search:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},ct=(e,r)=>{const o=f.toColorString(f.parseToHsl(e));return`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(Or[r](o))})`},Ae=w({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),We=w({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),Le=w({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),Pe=w({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),dt=w({"0%":{opacity:0},"100%":{opacity:1}}),mt=w({"0%":{opacity:1},"100%":{opacity:0}}),_r=w({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),Hr=w({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),qr=n(he.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${_r} 300ms ease-out`},'&[data-state="closed"]':{animation:`${Hr} 300ms ease-out`}}}),Vr=({children:e,css:r,...o})=>g.default.createElement(qr,{...o},g.default.createElement(Z,{css:r},e)),jr=n(he.Root,{width:"100%"}),ie=({type:e="single",children:r,...o})=>g.default.createElement(jr,{type:e,...o},r);ie.Item=Wr,ie.Content=Vr,ie.Trigger=Br,ie.displayName="Accordion";const Q=(e,r,o)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:o},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),se=(e,r,o)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:o},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),le=(e,r,o)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:o},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),Gr=n("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:Q("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:Q("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:Q("$primaryDark",f.darken(.1,v.colors.primaryDark.value),f.darken(.15,v.colors.primaryDark.value))},{theme:"success",appearance:"simple",css:Q("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:Q("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:Q("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:se("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:se("$primaryDark",f.darken(.1,v.colors.primaryDark.value),f.darken(.15,v.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:se("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:se("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:se("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:le("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:le("$primaryDark",f.darken(.1,v.colors.primaryDark.value),f.darken(.15,v.colors.primaryDark.value))},{theme:"success",appearance:"outline",css:le("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:le("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:le("$danger","$dangerMid","$dangerDark")}]}),C=t.forwardRef(({children:e,theme:r="primary",appearance:o="simple",size:a="md",label:i,href:s,disabled:c,...l},d)=>{const m=`A single ${$.displayName} component is permitted as a child of ${C.displayName}`;Ne.default(t.Children.count(e)===1,m);const p=s?{as:"a",href:c?null:s,onClick:void 0,"aria-disabled":!!c}:{type:"button"};return t.createElement(Gr,{...l,...p,"aria-label":i,theme:r,appearance:o,size:a,ref:d,disabled:c},t.Children.map(e,u=>{if(!t.isValidElement(u))throw new Error(m);return Ne.default(u.type===$,`Children of type ${u==null?void 0:u.type} aren't permitted. Only an ${$.displayName} component is allowed in ${C.displayName}`),t.cloneElement(u,{css:{size:["lg","xl"].includes(a)?20:16,...u.props.css?u.props.css:{}}})}))});C.displayName="ActionIcon";const Be="translate3d(-50%, -50%, 0)",ut="translate3d(-50%, 50vh, 0)",Yr=w({"0%":{transform:ut},"100%":{transform:Be}}),Xr=w({"0%":{transform:Be},"100%":{transform:ut}}),Ur=n(B.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${dt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${mt} 550ms ease-out`}}}),Jr=n(B.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:Be,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${Yr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Xr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),Kr=({size:e="sm",...r})=>t.createElement(t.Fragment,null,t.createElement(Ur,null),t.createElement(Jr,{size:e,...r})),Zr=n(B.Root,{}),S=e=>t.createElement(Zr,{...e});S.Description=B.Description,S.Title=B.Title,S.Action=B.Action,S.Cancel=B.Cancel,S.Content=Kr,S.Trigger=B.Trigger,S.displayName="AlertDialog";const Qr=()=>{const e=t.useRef();return t.useEffect(()=>(e.current=!0,()=>{e.current=!1})),e},W=n("div",{display:"flex"});W.displayName="Flex";const eo=w({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),Oe=n("div",{animationName:`${eo}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),_e=({css:e={},message:r="Loading",size:o="md"})=>t.createElement(W,{css:{justifyContent:"center",...e},role:"alert"},t.createElement(cr.Root,null,r),t.createElement(Oe,{size:o}),t.createElement(Oe,{size:o}),t.createElement(Oe,{size:o})),to=(e,r,o)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:r},"&:not([disabled]):active":{color:o}}),ce=(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}}),pt=n("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:ce("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:ce("$primaryDark",f.darken(.1,v.colors.primaryDark.value),f.darken(.15,v.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:ce("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:ce("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:ce("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:to("$primary","$primaryMid","$primaryDark")}]}),ro=({isLoading:e,children:r})=>t.createElement(t.Fragment,null,t.createElement(_e,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),t.createElement(y,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),oo=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},gt=(e,r)=>t.Children.map(e,(o,a)=>(o==null?void 0:o.type)===$?t.cloneElement(o,{css:{[a===0?"mr":"ml"]:r==="sm"?"$2":"$3",size:oo(r),...o.props.css?o.props.css:{}}}):o),ve=t.forwardRef(({children:e,isLoading:r,onClick:o,href:a,appearance:i="solid",size:s="md",theme:c="primary",type:l="button",...d},m)=>{const p=a?{as:"a",href:a,onClick:void 0}:{},u=a?{}:{type:l};return t.createElement(pt,{isLoading:r||!1,onClick:r?void 0:o,appearance:i,size:s,theme:c,...d,...p,...u,ref:m},typeof r=="boolean"?t.createElement(ro,{isLoading:r},gt(e,s)):gt(e,s))});ve.displayName="Button";const $t=n("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:{fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5,...F(.3864)},sm:{fontSize:"$lg",lineHeight:1.14,...F(.2174,.2254)},md:{fontSize:"$xl",lineHeight:1.14,...F(.2174,.2254)},lg:{fontSize:"$2xl",lineHeight:1.08,...F(.1865,.1945)},xl:{fontSize:"$3xl",lineHeight:1.12,...F(.206,.214)},xxl:{fontSize:"$4xl",lineHeight:1.06,...F(.1793,.1873)}}}}),ee=({size:e="md",...r})=>t.createElement($t,{size:e,...r});ee.displayName="Heading";const ao=Object.keys(v.space).reduce((e,r)=>({...e,[r]:{mt:`-$space$${r}`,ml:`-$space$${r}`,"& > *":{mt:`$space$${r}`,ml:`$space$${r}`}}}),{}),no=n("div",{display:"flex",flexWrap:"wrap","& > *":{m:0},variants:{direction:{row:{flexDirection:"row",alignItems:"center"},"row-reverse":{flexDirection:"row-reverse",alignItems:"center"},column:{flexDirection:"column"}},justify:{start:{justifyContent:"flex-start"},end:{justifyContent:"flex-end"},center:{justifyContent:"center"}},gap:ao}}),xe=({css:e,gap:r=2,direction:o="row",justify:a="start",...i})=>t.createElement(Z,{css:e},t.createElement(no,{direction:o,gap:r,justify:a,...i}));xe.displayName="Stack";const we=({applyCapsize:e=!0}={})=>({xs:{fontSize:"$xs",lineHeight:1.6,...e?F(.4364):{}},sm:{fontSize:"$sm",lineHeight:1.53,...e?F(.4056):{}},md:{fontSize:"$md",lineHeight:1.5,...e?F(.3864):{}},lg:{fontSize:"$lg",lineHeight:1.52,...e?F(.3983):{}},xl:{fontSize:"$xl",lineHeight:1.42,...e?F(.3506):{}}}),ht=n("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{size:we()}}),M=t.forwardRef(({size:e="md",...r},o)=>t.createElement(ht,{size:e,...r,ref:o}));M.displayName="Text";const io=({title:e,description:r,onAction:o,cancelActionText:a,confirmActionText:i,onClose:s,...c})=>t.createElement(S,{defaultOpen:!0},t.createElement(S.Content,{onEscapeKeyDown:l=>l.preventDefault(),onCloseAutoFocus:s,...c},t.createElement(ee,{as:S.Title,size:"sm",css:{mb:"$5"}},e),r&&t.createElement(M,{as:S.Description,css:{mb:"$5"}},r),t.createElement(xe,{gap:"2",justify:"end"},a&&t.createElement(ve,{appearance:"outline",as:S.Cancel,onClick:()=>o(!1),size:"sm"},a),t.createElement(ve,{as:S.Action,onClick:()=>o(!0),size:"sm"},i)))),so=[],lo=(e,r)=>{switch(r.type){case"ADD":return[...e,{...r.payload,id:dr.uid()}];case"REMOVE":return e.filter(({id:o})=>o!==r.payload);default:return e}},ft=t.createContext({showAlert:()=>null}),co=({children:e})=>{const[r,o]=t.useReducer(lo,so),a=Qr();return t.createElement(ft.Provider,{value:{showAlert:i=>o({payload:i,type:"ADD"})}},Boolean(r.length)&&t.createElement(io,{...r[0],key:r[0].id,onClose:()=>{a.current&&o({payload:r[0].id,type:"REMOVE"})}}),e)},mo=()=>{const e=t.useContext(ft);if(e===void 0)throw new Error("useAlert must be used within a AlertProvider");return e},bt={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"}},uo=n(Y.ButtonBack,bt),po=n(Y.ButtonNext,bt),go=e=>t.createElement(uo,{...e},t.createElement($,{is:b.ChevronLeft})),$o=e=>t.createElement(po,{...e},t.createElement($,{is:b.ChevronRight})),ho=n(Y.DotGroup,{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"}}}),fo=n(Y.Slide,{}),bo=({children:e,...r})=>t.createElement(fo,{...r,tag:"div"},t.createElement(y,{css:{px:"$3"}},e)),yo=n(Y.Slider,{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"}}}}),_=({children:e,css:r,slideHeight:o,slideWidth:a,numSlides:i})=>t.createElement(Z,{css:r},t.createElement(Y.CarouselProvider,{naturalSlideWidth:a,naturalSlideHeight:o,totalSlides:i},e));_.ArrowNext=$o,_.ArrowPrevious=go,_.Pagination=ho,_.Slide=bo,_.Slider=yo,_.displayName="Carousel";const vo=n(rt.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),xo=n(rt.Root,{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"}}}}),Ee=t.forwardRef((e,r)=>t.createElement(xo,{...e,ref:r},t.createElement(vo,null,t.createElement($,{is:e.checked==="indeterminate"?b.Minus:b.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));Ee.displayName="Checkbox";const{sm:wo,md:Eo}=we(),So=n("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:wo,md:Eo},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),Co=n("span",{color:"$danger",ml:"$1",fontWeight:400}),de=({align:e="start",as:r="label",direction:o="row",size:a="md",type:i="block",children:s,required:c,...l})=>t.createElement(So,{as:r,size:a,type:i,align:e,direction:o,...l},s,c&&t.createElement(Co,{"aria-hidden":!0},"*"));de.displayName="Label";const me=n("li",{}),ko=n("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${me}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:we({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${me}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${me}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}}}}),ue=({size:e="md",ordered:r,...o})=>t.createElement(ko,{as:r?"ol":"ul",size:e,...o});ue.Item=me;const He=n("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${ht} > &, ${$t} > &, ${me} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:we()}}),Se=t.forwardRef(({size:e="md",onClick:r,href:o,...a},i)=>o?t.createElement(He,{size:e,...a,ref:i,href:o}):t.createElement(He,{as:"button",size:e,...a,ref:i,onClick:r}));Se.displayName="Link";const Ce=({css:e,children:r,...o})=>t.createElement(W,{css:{color:"$danger",alignItems:"flex-start",...e},...o},t.createElement($,{is:b.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),t.createElement(M,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},r)),qe=({children:e,css:r})=>t.createElement(M,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...r}},e),O=({css:e,children:r,error:o,fieldId:a,label:i,prompt:s,description:c,required:l})=>t.createElement(y,{css:e},t.createElement(W,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},t.createElement(de,{htmlFor:a,required:l},i),s&&t.createElement(Se,{href:s.link,size:"sm"},s.label)),c&&t.createElement(qe,{css:{mb:"$3"}},c),r,o&&t.createElement(Ce,{css:{mt:"$2"}},o));O.displayName="FieldWrapper";const Do=n(X.Item,{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal400",borderRadius:"$round",color:"white",cursor:"pointer",display:"flex",justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out","&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),Ro=n(X.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),ke=e=>t.createElement(Do,{...e},t.createElement(Ro,null));ke.displayName="RadioButton";const Ve=n(X.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});Ve.displayName="RadioButtonGroup";const De=({align:e="start",children:r,css:o,description:a,direction:i="row",error:s,label:c,required:l})=>t.createElement(y,{css:o},t.createElement(de,{align:e,direction:i,required:l,type:"inline"},t.Children.map(r,d=>t.createElement(y,{css:{[i==="reverse"?"ml":"mr"]:"$3",...((d==null?void 0:d.type)===Ee||(d==null?void 0:d.type)===ke)&&{transform:"translateY($space$1)"}}},d)),c),s&&t.createElement(Ce,{css:{mt:"$2"}},s),a&&t.createElement(qe,{css:{mt:"$2",[i==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},a));De.displayName="InlineFieldWrapper";var yt=(e=>(e.LOCAL="local",e.SESSION="session",e))(yt||{});const zo=n("form",{}),To=({persist:e,watch:r,setValue:o,children:a})=>{const{id:i,...s}=e;let c={...s,storage:s.storage===yt.LOCAL?window.localStorage:window.sessionStorage};if(s.exclude){const{exclude:l,...d}=c,m=r(),p=Object.keys(m).filter(u=>{var h;if(!((h=s.exclude)==null?void 0:h.includes(u)))return u});c={...d,include:p}}return Er.default(i,{watch:r,setValue:o},c),a},vt=({formMethods:e,handleSubmit:r,onSubmit:o,children:a,...i})=>t.createElement(E.FormProvider,{...e},t.createElement(zo,{"aria-label":"form",...i,onSubmit:r(o)},a)),xt=({children:e,defaultValues:r={},onSubmit:o,validationMode:a="onBlur",render:i,persist:s,...c})=>{Ne.default(!(e&&i),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const l=E.useForm({defaultValues:r,mode:a}),{handleSubmit:d,watch:m,setValue:p}=l,u=i?i(l):e,h={formMethods:l,handleSubmit:d,onSubmit:o,...c};return s?t.createElement(To,{persist:s,watch:m,setValue:p},t.createElement(vt,{...h},u)):t.createElement(vt,{...h},u)};xt.displayName="Form";const H=e=>{var r;const{errors:o}=E.useFormContext(),a=e.split(/[,[\].]+?/).filter(Boolean);return{error:(r=(()=>Sr.default(o,a))())==null?void 0:r.message}},wt=({css:e,defaultChecked:r=!1,label:o,name:a,validation:i,description:s,...c})=>{const{control:l}=E.useFormContext(),{error:d}=H(a);return t.createElement(E.Controller,{control:l,name:a,defaultValue:r,rules:i,render:({onChange:m,value:p,name:u})=>t.createElement(De,{css:e,description:s,error:d,label:o,required:Boolean(i==null?void 0:i.required)},t.createElement(Ee,{defaultChecked:r,defaultValue:r?"on":"off",checked:p,name:u,onCheckedChange:m,value:p?"on":"off",...d&&{state:"error"},...c}))})};wt.displayName="CheckboxField";const Io=n(U.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:ct(v.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"}}}}),Fo=n(U.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),Mo=n(U.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),No=n(U.ComboboxPopover,{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)"});st({":root":{"--reach-combobox":1}})();const Ao=n(U.Combobox,{}),q=e=>t.createElement(Ao,{...e});q.displayName="Combobox",q.Option=Mo,q.Input=Io,q.Popover=No,q.List=Fo,q.OptionText=U.ComboboxOptionText;const Wo=n(J.Close,{}),je="translate3d(-50%, -50%, 0)",Et="translate3d(-50%, 50vh, 0)",Lo=w({"0%":{transform:Et},"100%":{transform:je}}),Po=w({"0%":{transform:je},"100%":{transform:Et}}),Bo=n(J.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${dt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${mt} 550ms ease-out`}}}),Oo=n(J.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:je,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${Lo} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Po} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),_o=({size:e="sm",children:r,closeDialogText:o="Close dialog",showCloseButton:a=!0,...i})=>t.createElement(t.Fragment,null,t.createElement(Bo,null),t.createElement(Oo,{size:e,...i},a&&t.createElement(C,{as:J.Close,css:{position:"absolute",right:"$4",top:"$4"},label:o,size:"lg",theme:"neutral"},t.createElement($,{is:b.Close})),r)),Ho=n(J.Root,{}),pe=e=>t.createElement(Ho,{...e});pe.Close=Wo,pe.Content=_o,pe.Trigger=J.Trigger,pe.displayName="Dialog";const qo=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Vo=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],jo=n("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"}}}}),St=n("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),Go=(e,r)=>{const o=e.slice(0,r);return e.slice(r).concat(o)},Ct=({css:e,refDateSelected:r,refDateToday:o,firstDayOfWeek:a=0,monthNames:i=qo,weekdayNames:s=Vo,labels:c={next:"Next month",previous:"Previous month"},...l})=>{const{calendars:d,getBackProps:m,getForwardProps:p,getDateProps:u}=pr.useDayzed({firstDayOfWeek:a,showOutsideDays:!0,...l});return d.length?t.createElement(y,{css:{position:"relative",width:"min-content",mt:"-$1",...e}},t.createElement(W,{css:{position:"absolute",top:0,right:"-$1"}},t.createElement(C,{label:c.previous,theme:"neutral",size:"lg",...m({calendars:d})},t.createElement($,{is:b.ChevronLeft})),t.createElement(C,{label:c.next,theme:"neutral",size:"lg",...p({calendars:d})},t.createElement($,{is:b.ChevronRight}))),d.map(({month:h,year:T,weeks:k})=>t.createElement(y,{key:`${h}${T}`},t.createElement(W,{css:{height:"$4",alignItems:"center",mb:"$4"}},t.createElement(ee,{size:"xs"},i[h]," ",T)),t.createElement(St,{css:{mb:"$3"}},Go(s,a).map(x=>t.createElement(M,{as:"span",size:"sm",key:`${h}${T}${x}`,css:{fontWeight:600,textAlign:"center"}},x))),t.createElement(St,null,k.map((x,N)=>x.map((D,A)=>{const R=`${h}${T}${N}${A}`;if(!D)return t.createElement("div",{key:R});const{date:z,selected:P,today:$e,prevMonth:ar,nextMonth:nr}=D;return t.createElement(jo,{isOutsideMonth:ar||nr,isSelected:P,isToday:$e,key:R,ref:P?r:$e?o:null,...u({dateObj:D})},z.getDate())})))))):null};Ct.displayName="Calendar";const kt=n("input",{appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",px:"$3",transition:"all 100ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{size:{sm:{height:"$3",fontSize:"$sm"},md:{height:"$4",fontSize:"$md"}},state:{error:{border:"1px solid $danger"}}}}),te=t.forwardRef(({type:e="text",size:r="md",...o},a)=>e==="number"?t.createElement(kt,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:r,...o,ref:a}):t.createElement(kt,{type:e,size:r,...o,ref:a}));te.displayName="Input";const Yo=n(K.Content,{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:Le},'&[data-side="right"]':{animationName:Pe},'&[data-side="bottom"]':{animationName:Ae},'&[data-side="left"]':{animationName:We}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),Xo=n(K.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),Uo=({children:e,side:r="top",sideOffset:o=8,closePopoverText:a="Close popover",showCloseButton:i=!0,size:s="md",...c})=>t.createElement(Yo,{size:s,side:r,sideOffset:o,...c},i&&t.createElement(C,{as:K.Close,css:{position:"absolute",right:"$0",top:"$0"},label:a,size:"lg",theme:"neutral"},t.createElement($,{is:b.Close})),e,t.createElement(Xo,{width:16,height:8}));n(K.Root,{});const V=e=>t.createElement(K.Root,{...e});V.Content=Uo,V.Trigger=K.Trigger,V.displayName="Popover";const Dt="DD/MM/YYYY";ne.default.extend(Cr.default);const Jo=(e,r=Dt)=>{const[o,a]=t.useState(e?ne.default(e).toDate():void 0),[i,s]=t.useState(e?ne.default(e).format(r):"");return{dateString:i,date:o,setDate:(l,d=!1)=>{const m=d?ne.default(l,r):ne.default(l);a(m.isValid()?m.toDate():void 0),s(d?l:m.format(r))}}},Ge=t.forwardRef(({initialDate:e,dateFormat:r=Dt,firstDayOfWeek:o=1,disabled:a,monthNames:i,weekdayNames:s,size:c="md",labels:l={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:d,onChange:m,...p},u)=>{const{date:h,dateString:T,setDate:k}=Jo(e,r),[x,N]=t.useState(!1),D=t.useRef(null),A=t.useRef(null);return t.useEffect(()=>{m==null||m(h)},[h,m]),t.createElement(y,{css:{position:"relative"}},t.createElement(te,{name:"date",disabled:a,size:c,...p,onChange:R=>k(R.target.value,!0),value:T,ref:u}),t.createElement(V,{modal:!0,open:x,onOpenChange:N},t.createElement(V.Trigger,{asChild:!0},t.createElement(C,{css:{position:"absolute",top:0,right:0},disabled:a,label:l.open,size:c==="sm"?"md":"lg",theme:"neutral"},t.createElement($,{size:"sm",is:b.CalendarEvent}))),t.createElement(V.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:R=>{var z,P;R.preventDefault(),h?(z=A.current)==null||z.focus():(P=D.current)==null||P.focus()}},t.createElement(Ct,{date:h||new Date,selected:h,onDateSelected:async R=>{N(!1),await k(R.date,!1),d&&d()},refDateToday:D,refDateSelected:A,firstDayOfWeek:o,monthNames:i,weekdayNames:s,labels:l}))))});Ge.displayName="DateInput";const Rt=({css:e,label:r,name:o,validation:a,prompt:i,description:s,...c})=>{const{register:l,trigger:d}=E.useFormContext(),{error:m}=H(o),p=a?l(a):l;return t.createElement(O,{css:e,description:s,error:m,fieldId:o,label:r,prompt:i,required:Boolean(a==null?void 0:a.required)},t.createElement(Ge,{id:o,name:o,ref:p,...m&&{state:"error"},...c,revalidate:d}))};Rt.displayName="DateField";const Ko=n("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),Ye=({orientation:e="horizontal",...r})=>g.default.createElement(Ko,{orientation:e,...r}),Zo=n(ae.Content,{bg:"white",borderRadius:"$0",boxShadow:"$0",py:"$2","@allowMotion":{animationDuration:"250ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:Le},'&[data-side="right"]':{animationName:Pe},'&[data-side="bottom"]':{animationName:Ae},'&[data-side="left"]':{animationName:We}}}}),Qo={alignItems:"center",color:"$tonal600",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:400,position:"relative",px:"$3",py:"$2","&[data-disabled]":{color:"$tonal200",pointerEvents:"none"},'&[aria-current="page"], &:focus':{"&::before":{borderLeft:"2px solid currentColor",content:"",height:"$2",left:0,outline:"none",position:"absolute",transform:"scale(1)"}},"&:focus":{color:"$primaryMid",outline:"none"},"&:hover":{textDecoration:"underline"}},zt=n(ae.Item,Qo),ea=n("a",{textDecoration:"none"}),ta=({children:e,href:r,...o})=>g.default.createElement(zt,{...o,asChild:!0},g.default.createElement(ea,{href:r,role:"menuitem"},e)),ra=n(ae.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),oa=n(ae.Trigger,{}),aa=n(ae.Root,{}),re=e=>g.default.createElement(aa,{...e});re.Content=Zo,re.Item=zt,re.LinkItem=ta,re.Separator=ra,re.Trigger=oa;const na=Object.keys(v.space).reduce((e,r)=>({...e,[r]:{gap:`$space$${r}`}}),{}),ia=n("div",{display:"grid",variants:{gap:na}}),Tt=({css:e,gap:r=2,minItemSize:o,...a})=>t.createElement(ia,{css:{...e,gridTemplateColumns:`repeat(auto-fit, minmax(${o}, 1fr))`},gap:r,...a});Tt.displayName="Grid";const sa=n("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}}),Re=sa;Re.displayName="Image";const It=({css:e,label:r,name:o,validation:a,prompt:i,description:s,...c})=>{const{register:l}=E.useFormContext(),{error:d}=H(o),m=a?l(a):l;return t.createElement(O,{css:e,description:s,error:d,fieldId:o,label:r,prompt:i,required:Boolean(a==null?void 0:a.required)},t.createElement(te,{id:o,name:o,ref:m,...d&&{state:"error"},...c}))};It.displayName="InputField";const la=n(y,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),ca=({node:e})=>t.createElement(la,{as:"pre"},e.value),da=n("em",{fontStyle:"italic"}),ma=({node:e,handleNode:r})=>{var o;return t.createElement(da,null,(o=e.children)==null?void 0:o.map(r))},ua=e=>{switch(e){case 1:return{size:"xl",as:"h1"};case 2:return{size:"lg",as:"h2"};case 3:return{size:"md",as:"h3"};case 4:return{size:"sm",as:"h4"};case 5:return{size:"xs",as:"h5"};default:return{size:"xs",as:"h6"}}},Ft=({node:e,handleNode:r,css:o})=>{var a;const{as:i,size:s}=ua(e.depth);return t.createElement(ee,{as:i,size:s,css:{color:"inherit",...o}},(a=e.children)==null?void 0:a.map(r))},pa=n(y,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),ga=({node:e})=>t.createElement(pa,{as:"code"},e.value),Mt=({node:e,css:r})=>t.createElement(Re,{src:e.url,alt:e.alt,css:r}),$a=({node:e,handleNode:r})=>{var o;return t.createElement(Se,{title:e.title,href:e.url},(o=e.children)==null?void 0:o.map(r))},Nt=({node:e,handleNode:r,css:o})=>{var a;return t.createElement(ue,{css:{"& p:before, & p:after":{display:"none"},...o},ordered:e.ordered},(a=e.children)==null?void 0:a.map(r))},ha=({node:e,handleNode:r})=>{var o;return t.createElement(ue.Item,null,(o=e.children)==null?void 0:o.map(r))},At=({node:e,handleNode:r,css:o})=>{var a;return t.createElement(M,{css:{color:"inherit",...o}},(a=e.children)==null?void 0:a.map(r))},fa=n("strong",{fontWeight:600}),ba=({node:e,handleNode:r})=>{var o;return t.createElement(fa,null,(o=e.children)==null?void 0:o.map(r))},ya=({node:e})=>e.value,Wt=({css:e})=>t.createElement(Ye,{css:{width:"100%",...e}}),va=n("div",{}),ze=(e,r)=>t.cloneElement(e,{css:{...r,...e.props.css?e.props.css:{}}}),Xe=({children:e,...r})=>t.createElement(va,{...r},t.Children.map(e,o=>{if(!t.isValidElement(o))return o;const a=o==null?void 0:o.type;return a===ee||a===Ft?ze(o,{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}}):a===M||a===At||a===ue||a===Nt?ze(o,{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}}):a===Ye||a===Wt?ze(o,{my:"$5"}):a===Re||a===Mt?ze(o,{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}):o}));Xe.displayName="StackContent";const xa={code:ca,emphasis:ma,heading:Ft,inlineCode:ga,image:Mt,link:$a,list:Nt,listItem:ha,paragraph:At,strong:ba,text:ya,thematicBreak:Wt},wa=e=>{var r,o;if((r=e.position)==null?void 0:r.start){const{line:a,column:i,offset:s}=(o=e.position)==null?void 0:o.start;return`${e.type}${a}${i}${s}`}return`${e.type}${+new Date}`},Lt=({content:e,customComponents:r={},css:o})=>{const a=Dr.default(e,{extensions:[Rr.default()],mdastExtensions:[kr.default.fromMarkdown]}),i={...xa,...r},s=c=>{const l=i[c.type];return l?t.createElement(l,{key:wa(c),node:c,handleNode:s}):null};return t.createElement(Xe,{css:o},a.children.map(s))};Lt.displayName="MarkdownContent";const Ea=n(y,{position:"relative"}),Sa=n(W,{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"}),Ca=({value:e,children:r})=>g.default.createElement(Ea,null,!!e&&g.default.createElement(Sa,{role:"status"},e),r),Ue=t.forwardRef(({css:e,hidePasswordText:r="Hide password",showPasswordText:o="Show password",...a},i)=>{const[s,c]=t.useState(!1),l=()=>c(d=>!d);return t.createElement(y,{css:{position:"relative",...e}},t.createElement(te,{...a,type:s?"text":"password",ref:i,css:{pr:"$sizes$2"}}),t.createElement(C,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:s?r:o,onClick:l,onMouseDown:d=>d.preventDefault(),size:"lg"},t.createElement($,{is:s?b.Eye:b.EyeCrossed,css:{size:20}})))});Ue.displayName="PasswordInput";const Pt=({css:e={},label:r="Password",name:o,prompt:a=void 0,description:i,validation:s,...c})=>{const{register:l}=E.useFormContext(),{error:d}=H(o),m=s?l(s):l;return t.createElement(O,{css:{...e,position:"relative"},description:i,error:d,fieldId:o,label:r,prompt:a,required:Boolean(s==null?void 0:s.required)},t.createElement(Ue,{autoComplete:"current-password",name:o,id:o,ref:m,...c}))};Pt.displayName="PasswordField";const ka=n(ot.Root,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),Da=n(ot.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),Bt=({value:e,theme:r="primary",...o})=>t.createElement(ka,{theme:r,...o},t.createElement(Da,{style:{width:`${e}%`}}));Bt.displayName="ProgressBar";const Ot=({css:e,label:r,value:o,...a})=>t.createElement(De,{css:e,label:r},t.createElement(ke,{value:o,...a}));Ot.displayName="RadioField";const Ra=n("fieldset",{all:"unset"}),Je=({children:e,css:r,direction:o="column",defaultValue:a,description:i,label:s,name:c,validation:l})=>{const{control:d}=E.useFormContext(),{error:m}=H(c);return t.createElement(Ra,{css:r},t.createElement(de,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(l==null?void 0:l.required)},s),i&&t.createElement(qe,{css:{mb:"$3"}},i),t.createElement(E.Controller,{control:d,name:c,rules:l,defaultValue:a,render:({onChange:p,value:u})=>t.createElement(Ve,{direction:o,defaultValue:a,onValueChange:p,value:u},e)}),m&&t.createElement(Ce,{css:{mt:"$2"}},m))};Je.Item=Ot,Je.displayName="RadioButtonField";const za=n(X.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"}}}}),Ta=n("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"}}]}),Ia=n(X.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),_t=({children:e,isFullWidth:r=!1,size:o="md",align:a="left",...i})=>t.createElement(za,{...i,align:a,isFullWidth:r,size:o},t.createElement(Ta,{align:a,containerIsFullWidth:r},t.createElement(Ia,null)),t.createElement(y,null,e)),Fa=({css:e,children:r,size:o,isFullWidth:a,align:i,gap:s="3",justify:c,...l})=>t.createElement(X.Root,{...l},t.createElement(xe,{direction:"row",justify:c,gap:s,css:e},t.Children.map(r,d=>t.isValidElement(d)&&(d==null?void 0:d.type)===_t?t.cloneElement(d,{size:o,isFullWidth:a,align:i}):d))),Ma=n($,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),Na=n(te,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),Ht=({size:e="md",css:r,value:o,clearText:a="Clear",onChange:i,...s})=>{const[c,l]=t.useState(o||""),[d,m]=t.useState(o?"CLEAR":"SEARCH"),p=()=>{l(""),m("SEARCH")},u=T=>{l(T.target.value),m(T.target.value?"CLEAR":"SEARCH"),i==null||i(T)},h=()=>d==="SEARCH"?t.createElement(Ma,{is:b.Search,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(C,{label:a,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:p},t.createElement($,{is:b.Close}));return t.createElement(y,{css:{position:"relative",...r}},t.createElement(Na,{size:e,type:"search",...s,value:c,onChange:u,css:{pr:e==="sm"?"$5":"$6"}}),h())};Ht.displayName="SearchInput";const Aa=n("select",{appearance:"none",backgroundColor:"white",backgroundImage:ct(v.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"}}}}),Ke=t.forwardRef(({placeholder:e,children:r,size:o="md",...a},i)=>t.createElement(Aa,{size:o,defaultValue:"",...a,ref:i},e&&t.createElement("option",{disabled:!0,hidden:!0,value:""},e),r));Ke.displayName="Select";const qt=({css:e=void 0,children:r,name:o,label:a,validation:i,prompt:s,description:c,...l})=>{const{register:d}=E.useFormContext(),{error:m}=H(o),p=i?d(i):d;return t.createElement(O,{css:e,description:c,error:m,fieldId:o,label:a,prompt:s,required:Boolean(i==null?void 0:i.required)},t.createElement(Ke,{name:o,id:o,...l,ref:p,...m&&{state:"error"}},r))};qt.displayName="SelectField";const Wa=n("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),Vt=(e,r,o)=>(e-r)/(o-r)*100,La=(e,r,o)=>{const a=Vt(e,r,o);return a<=10?0:a>=90?100:50},Pa=({min:e,max:r,steps:o=[]})=>o.length===0?null:t.createElement(Wa,null,o.map(a=>t.createElement(M,{as:"span",key:a.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${Vt(a.value,e,r)}%`,transform:`translateX(-${La(a.value,e,r)}%)`}},a.label))),Ba=({value:e=[],outputLabel:r=o=>`Current value is ${o}`})=>t.createElement(M,{css:{mt:"$4",color:"$tonal300",width:"100%"}},r(e.length===1?e[0]:e)),Ze=n(fe.Track,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),Oa=n(fe.Root,{alignItems:"center",display:"flex",position:"relative",touchAction:"none",userSelect:"none",cursor:"pointer",'&[data-orientation="horizontal"]':{height:"$1"},'&[data-orientation="vertical"]':{flexDirection:"column",width:"$1"},"&[data-disabled]":{cursor:"not-allowed",bg:"$tonal100"},variants:{theme:{light:{[`${Ze}`]:{bg:"#fff"}},tonal:{[`${Ze}`]:{bg:"$tonal200"}}}}}),_a=n(fe.Range,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),Ha=n(fe.Thumb,{bg:"$primaryMid",borderRadius:"$round",display:"block",size:"$1","&:hover":{bg:"$primaryDark"},"&:focus":{outline:"2px solid $primaryMid",outlineOffset:"2px"},"&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),j=({value:e,defaultValue:r,min:o=0,max:a=100,theme:i="tonal",css:s,children:c,...l})=>{const d=e||r;return t.createElement(Z,{css:s},t.createElement(Oa,{theme:i,defaultValue:r,value:e,min:o,max:a,...l},t.createElement(Ze,null,t.createElement(_a,null)),(d==null?void 0:d.length)&&d.map((m,p)=>t.createElement(Ha,{key:`thumb${p}`}))),c)};j.Value=Ba,j.Steps=Pa,j.displayName="Slider";const jt=({css:e,label:r,name:o,defaultValue:a,outputLabel:i,min:s=0,max:c=100,steps:l=[],...d})=>{const{control:m}=E.useFormContext();return g.default.createElement(O,{css:e,fieldId:o,label:r},g.default.createElement(E.Controller,{control:m,name:o,defaultValue:a,render:({onChange:p,value:u})=>g.default.createElement(j,{name:o,defaultValue:a,onValueChange:p,value:u,min:s,max:c,...d},g.default.createElement(j.Steps,{min:s,max:c,steps:l}),g.default.createElement(j.Value,{value:u||a,outputLabel:i}))}))};jt.displayName="SliderField";const qa=n(at.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"}}),Va=n(at.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),Gt=e=>t.createElement(qa,{...e},t.createElement(Va,null));Gt.displayName="Switch";const Yt=n("tbody",{});Yt.displayName="TableBody";const oe=n("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"bold"},"tr:nth-child(odd) &":{bg:"white"},"tr:nth-child(even) &":{bg:"$tonal50"}});oe.displayName="TableCell";const Xt=n("tfoot",{});Xt.displayName="TableFooter";const Te=n("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Te.displayName="TableFooterCell";const G=n("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});G.displayName="TableHeaderCell";const ja=n("thead",{variants:{theme:{primary:{[`${G}`]:{bg:"$primary"}},primaryDark:{[`${G}`]:{bg:"$primaryDark"}}}}}),Ut=({theme:e="primaryDark",...r})=>g.default.createElement(ja,{theme:e,...r});Ut.displayName="TableHeader";const Qe=n("tr",{});Qe.displayName="TableRow";const Ga=n("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${oe}, ${G}, ${Te}`]:{height:"$4"}},lg:{[`${oe}, ${G}, ${Te}`]:{height:"$5"}}},corners:{round:{[`${G}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${Qe}:last-child`]:{[`${oe}:first-child`]:{borderBottomLeftRadius:"$0"},[`${oe}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),L=({size:e="md",corners:r="round",...o})=>t.createElement(Ga,{size:e,corners:r,...o});L.Body=Yt,L.Cell=oe,L.Footer=Xt,L.FooterCell=Te,L.Header=Ut,L.HeaderCell=G,L.Row=Qe,L.displayName="Table";const Ya=n(be.Trigger,{cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:f.opacify(-.9,v.colors.primary.value)},"&:not([data-disabled]):active":{color:"$primary",bg:f.opacify(-.8,v.colors.primary.value),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:f.opacify(-.8,"white")},"&:not([data-disabled]):active":{bg:f.opacify(-.7,"white"),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Ie=({children:e,theme:r,disabled:o=!1,...a})=>t.createElement(Ya,{disabled:o,theme:r,...a},e);Ie.displayName="TabTrigger";const et=(e,r,o=[])=>g.default.Children.map(e,a=>g.default.isValidElement(a)&&o.includes(a==null?void 0:a.type)?g.default.cloneElement(a,{...r}):a),Xa=f.opacify(-.2,"white"),Ua=f.opacify(-.2,v.colors.primaryDark.value),Jt=n(C,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${Xa} !important`},dark:{bg:`${Ua} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),Kt=n(be.List,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{bg:"$primaryDark",borderBottom:"1px solid $tonal200"}},appearance:{uppercase:{textTransform:"uppercase"}}}}),Zt=({children:e,theme:r,appearance:o,enableTabScrolling:a,...i})=>{const s=t.useRef(null),[c,l]=t.useState(!1),[d,m]=t.useState(!1),[p,u]=t.useState(),h=t.useCallback(k=>{const x=s.current;if(x){const{scrollWidth:N,scrollLeft:D}=x,A=Math.round(N/4);let R=D;if(k==="right"){const z=x.scrollLeft+A;R=z<=N?z:D}else{const z=D-A;R=z>0?z:0}x.scroll({left:R,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:z,scrollLeft:P,offsetWidth:$e}=x;P===0?(l(!1),m(!0)):P+$e===z?(m(!1),l(!0)):(l(!0),m(!0))},500)}},[]);return t.useEffect(()=>{const k=yr.debounce(500,()=>{u(window.innerWidth)});return window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}},[]),t.useEffect(()=>{var k;const x=s.current;if(x){const{offsetWidth:N,scrollWidth:D}=x,A=D>N;(k=x.scroll)==null||k.call(x,{left:0}),l(!1),m(A)}},[p]),c||d||a?g.default.createElement(W,{css:{position:"relative"}},g.default.createElement(Jt,{size:"xl",label:"Scroll Left",theme:r,onClick:()=>h("left"),visible:c,css:{left:0}},g.default.createElement($,{is:b.ChevronLeft,size:"lg"})),g.default.createElement(Kt,{...i,ref:s,appearance:o,theme:r},et(e,{theme:r},[Ie])),g.default.createElement(Jt,{size:"xl",label:"Scroll right",theme:r,onClick:()=>h("right"),visible:d,css:{right:0}},g.default.createElement($,{is:b.ChevronRight,size:"lg"}))):g.default.createElement(Kt,{theme:r,...i,appearance:o,ref:s},et(e,{theme:r},[Ie]))},Ja=n(be.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),Qt=n(be.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),ge=({theme:e="light",children:r,...o})=>t.createElement(Ja,{theme:e,...o},et(r,{theme:e},[Zt,Qt]));ge.TriggerList=Zt,ge.Trigger=Ie,ge.Content=Qt,ge.displayName="Tabs";const Ka=n("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",fontFamily:"$body",fontWeight:400,lineHeight:1.4,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",transition:"all 75ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{state:{error:{border:"1px solid $danger"}}}}),tt=t.forwardRef((e,r)=>t.createElement(Ka,{...e,ref:r}));tt.displayName="Textarea";const er=({css:e=void 0,label:r,name:o,validation:a,prompt:i,description:s,...c})=>{const{register:l}=E.useFormContext(),{error:d}=H(o),m=a?l(a):l;return t.createElement(O,{css:e,description:s,error:d,fieldId:o,label:r,prompt:i,required:Boolean(a==null?void 0:a.required)},t.createElement(tt,{id:o,name:o,ref:m,...d&&{state:"error"},...c}))};er.displayName="TextareaField";const tr=400,Za=w({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),Qa=w({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),en=n("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${Za} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${Qa} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),tn=n("div",{alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$6",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:tr},"@allowMotion":{transition:"background-color 50ms ease-out, transform 150ms ease-out"},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),rn=t.memo(({ariaLive:e,height:r,id:o,message:a,role:i,type:s="blank",visible:c,calculateOffset:l,updateHeight:d})=>{const m=l(o,{reverseOrder:!0,margin:8}),p=u=>{u&&r===void 0&&d(o,u.getBoundingClientRect().height)};return t.createElement(en,{visible:c},t.createElement(tn,{ref:p,status:s,role:i,"aria-live":e,style:{transform:`translateY(${m}px)`}},s==="error"&&t.createElement($,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:b.Error}),t.createElement(M,{css:{color:"inherit"}},a),s==="loading"?t.createElement(_e,{css:{flex:"0 0 auto",ml:"auto"}}):t.createElement(C,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>Me.toast.dismiss(o)},t.createElement($,{is:b.Close}))))}),on=2147483647,an=n("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:on,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${tr/2}px)`}}),rr=({children:e})=>{const{toasts:r,handlers:o}=Me.useToaster(),{startPause:a,endPause:i,calculateOffset:s,updateHeight:c}=o;return t.createElement(t.Fragment,null,t.createElement(an,{onMouseEnter:a,onMouseLeave:i},r.map(l=>t.createElement(rn,{key:l.id,calculateOffset:s,updateHeight:c,...l}))),e)};rr.displayName="ToastProvider";const nn=n(ye.Content,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,px:"$3",py:"$2","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:Le},'&[data-side="right"]':{animationName:Pe},'&[data-side="bottom"]':{animationName:Ae},'&[data-side="left"]':{animationName:We}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),sn=n(ye.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),ln=({children:e,side:r="top",sideOffset:o=4,size:a="md",...i})=>t.createElement(nn,{side:r,sideOffset:o,size:a,...i},e,t.createElement(sn,null)),Fe=({children:e,delayDuration:r=350,...o})=>t.createElement(ye.Root,{delayDuration:r,...o},e);Fe.Content=ln,Fe.Trigger=n(ye.Trigger,{}),Fe.displayName="Tooltip";const cn=n(Tr.default,{}),or=t.forwardRef(({id:e,ratio:r=9/16,css:o,...a},i)=>t.createElement(Z,{css:o},t.createElement(y,{css:{borderRadius:"$0",position:"relative",paddingTop:`${r*100}%`,overflow:"hidden",height:0,width:"100%"}},t.createElement(cn,{...a,role:"figure",url:`https://player.vimeo.com/video/${e}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:i}))));or.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return zr.default}}),exports.Accordion=ie,exports.ActionIcon=C,exports.AlertDialog=S,exports.AlertProvider=co,exports.Box=y,exports.Button=ve,exports.Carousel=_,exports.Checkbox=Ee,exports.CheckboxField=wt,exports.Combobox=q,exports.DateField=Rt,exports.DateInput=Ge,exports.Dialog=pe,exports.Divider=Ye,exports.DropdownMenu=re,exports.FieldWrapper=O,exports.Flex=W,exports.Form=xt,exports.Grid=Tt,exports.Heading=ee,exports.Icon=$,exports.Image=Re,exports.InlineFieldWrapper=De,exports.Input=te,exports.InputField=It,exports.Label=de,exports.Link=Se,exports.List=ue,exports.Loader=_e,exports.MarkdownContent=Lt,exports.NotificationBadge=Ca,exports.PasswordField=Pt,exports.PasswordInput=Ue,exports.Popover=V,exports.ProgressBar=Bt,exports.RadioButton=ke,exports.RadioButtonField=Je,exports.RadioButtonGroup=Ve,exports.RadioCard=_t,exports.RadioCardGroup=Fa,exports.SearchInput=Ht,exports.Select=Ke,exports.SelectField=qt,exports.Slider=j,exports.SliderField=jt,exports.Stack=xe,exports.StackContent=Xe,exports.StyledButton=pt,exports.StyledLink=He,exports.Switch=Gt,exports.Table=L,exports.Tabs=ge,exports.Text=M,exports.Textarea=tt,exports.TextareaField=er,exports.ToastProvider=rr,exports.Tooltip=Fe,exports.ValidationError=Ce,exports.Video=or,exports.createTheme=Nr,exports.css=Fr,exports.getCssText=Mr,exports.globalCss=st,exports.keyframes=w,exports.media=it,exports.styled=n,exports.theme=v,exports.useAlert=mo,exports.utils=nt;

package/dist/index.js

@@ -1 +1 @@
-export{Accordion}from"./components/accordion/Accordion.js";export{ActionIcon}from"./components/action-icon/ActionIcon.js";export{AlertDialog}from"./components/alert-dialog/AlertDialog.js";export{AlertProvider,useAlert}from"./components/alert-dialog/alert-context/AlertContext.js";export{Box}from"./components/box/Box.js";export{Button,StyledButton}from"./components/button/Button.js";export{Carousel}from"./components/carousel/Carousel.js";export{Checkbox}from"./components/checkbox/Checkbox.js";export{CheckboxField}from"./components/checkbox-field/CheckboxField.js";export{Combobox}from"./components/combobox/Combobox.js";export{Dialog}from"./components/dialog/Dialog.js";export{DateInput}from"./components/date-input/DateInput.js";export{DateField}from"./components/date-field/DateField.js";export{Divider}from"./components/divider/Divider.js";export{DropdownMenu}from"./components/dropdown-menu/DropdownMenu.js";export{FieldWrapper}from"./components/field-wrapper/FieldWrapper.js";export{InlineFieldWrapper}from"./components/field-wrapper/InlineFieldWrapper.js";export{Flex}from"./components/flex/Flex.js";export{Form}from"./components/form/Form.js";import"dlv";import"react-hook-form";export{Grid}from"./components/grid/Grid.js";export{Heading}from"./components/heading/Heading.js";export{Icon}from"./components/icon/Icon.js";export{Image}from"./components/image/Image.js";export{Input}from"./components/input/Input.js";export{InputField}from"./components/input-field/InputField.js";export{Label}from"./components/label/Label.js";export{Link,StyledLink}from"./components/link/Link.js";export{List}from"./components/list/List.js";export{Loader}from"./components/loader/Loader.js";export{MarkdownContent}from"./components/markdown-content/MarkdownContent.js";export{NotificationBadge}from"./components/notification-badge/NotificationBadge.js";export{PasswordField}from"./components/password-field/PasswordField.js";export{PasswordInput}from"./components/password-input/PasswordInput.js";export{Popover}from"./components/popover/Popover.js";export{ProgressBar}from"./components/progress-bar/ProgressBar.js";export{RadioButton}from"./components/radio-button/RadioButton.js";export{RadioButtonGroup}from"./components/radio-button/RadioButtonGroup.js";export{RadioButtonField}from"./components/radio-button-field/RadioButtonField.js";export{RadioCard}from"./components/radio-card/RadioCard.js";export{RadioCardGroup}from"./components/radio-card/RadioCardGroup.js";export{SearchInput}from"./components/search-input/SearchInput.js";export{Select}from"./components/select/Select.js";export{SelectField}from"./components/select-field/SelectField.js";export{Slider}from"./components/slider/Slider.js";export{SliderField}from"./components/slider-field/SliderField.js";export{Stack}from"./components/stack/Stack.js";export{StackContent}from"./components/stack-content/StackContent.js";export{Switch}from"./components/switch/Switch.js";export{Table}from"./components/table/Table.js";export{Tabs}from"./components/tabs/Tabs.js";export{Text}from"./components/text/Text.js";export{Textarea}from"./components/textarea/Textarea.js";export{TextareaField}from"./components/textarea-field/TextareaField.js";export{ToastProvider}from"./components/toast/ToastProvider.js";export{Tooltip}from"./components/tooltip/Tooltip.js";export{ValidationError}from"./components/validation-error/ValidationError.js";export{Video}from"./components/video/Video.js";export{createTheme,css,getCssText,globalCss,keyframes,media,styled,theme,utils}from"./stitches.js";export{default as toast}from"react-hot-toast";
+import{Accordion as p}from"./components/accordion/Accordion.js";import{ActionIcon as x}from"./components/action-icon/ActionIcon.js";import{AlertDialog as a}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as d,useAlert as l}from"./components/alert-dialog/alert-context/AlertContext.js";import{Box as s}from"./components/box/Box.js";import{Button as c,StyledButton as F}from"./components/button/Button.js";import{Carousel as S}from"./components/carousel/Carousel.js";import{Checkbox as T}from"./components/checkbox/Checkbox.js";import{CheckboxField as g}from"./components/checkbox-field/CheckboxField.js";import{Combobox as B}from"./components/combobox/Combobox.js";import{Dialog as D}from"./components/dialog/Dialog.js";import{DateInput as w}from"./components/date-input/DateInput.js";import{DateField as L}from"./components/date-field/DateField.js";import{Divider as v}from"./components/divider/Divider.js";import{DropdownMenu as G}from"./components/dropdown-menu/DropdownMenu.js";import{FieldWrapper as V}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as E}from"./components/field-wrapper/InlineFieldWrapper.js";import{Flex as N}from"./components/flex/Flex.js";import{Form as q}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as J}from"./components/grid/Grid.js";import{Heading as O}from"./components/heading/Heading.js";import{Icon as U}from"./components/icon/Icon.js";import{Image as Y}from"./components/image/Image.js";import{Input as _}from"./components/input/Input.js";import{InputField as oo}from"./components/input-field/InputField.js";import{Label as eo}from"./components/label/Label.js";import{Link as po,StyledLink as mo}from"./components/link/Link.js";import{List as fo}from"./components/list/List.js";import{Loader as io}from"./components/loader/Loader.js";import{MarkdownContent as no}from"./components/markdown-content/MarkdownContent.js";import{NotificationBadge as uo}from"./components/notification-badge/NotificationBadge.js";import{PasswordField as Fo}from"./components/password-field/PasswordField.js";import{PasswordInput as So}from"./components/password-input/PasswordInput.js";import{Popover as To}from"./components/popover/Popover.js";import{ProgressBar as go}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Bo}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Do}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as wo}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as Lo}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as vo}from"./components/radio-card/RadioCardGroup.js";import{SearchInput as Go}from"./components/search-input/SearchInput.js";import{Select as Vo}from"./components/select/Select.js";import{SelectField as Eo}from"./components/select-field/SelectField.js";import{Slider as No}from"./components/slider/Slider.js";import{SliderField as qo}from"./components/slider-field/SliderField.js";import{Stack as Jo}from"./components/stack/Stack.js";import{StackContent as Oo}from"./components/stack-content/StackContent.js";import{Switch as Uo}from"./components/switch/Switch.js";import{Table as Yo}from"./components/table/Table.js";import{Tabs as _o}from"./components/tabs/Tabs.js";import{Text as or}from"./components/text/Text.js";import{Textarea as er}from"./components/textarea/Textarea.js";import{TextareaField as pr}from"./components/textarea-field/TextareaField.js";import{ToastProvider as xr}from"./components/toast/ToastProvider.js";import{Tooltip as ar}from"./components/tooltip/Tooltip.js";import{ValidationError as dr}from"./components/validation-error/ValidationError.js";import{Video as nr}from"./components/video/Video.js";import{createTheme as ur,css as cr,getCssText as Fr,globalCss as Cr,keyframes as Sr,media as Ir,styled as Tr,theme as br,utils as gr}from"./stitches.js";import{default as Br}from"react-hot-toast";export{p as Accordion,x as ActionIcon,a as AlertDialog,d as AlertProvider,s as Box,c as Button,S as Carousel,T as Checkbox,g as CheckboxField,B as Combobox,L as DateField,w as DateInput,D as Dialog,v as Divider,G as DropdownMenu,V as FieldWrapper,N as Flex,q as Form,J as Grid,O as Heading,U as Icon,Y as Image,E as InlineFieldWrapper,_ as Input,oo as InputField,eo as Label,po as Link,fo as List,io as Loader,no as MarkdownContent,uo as NotificationBadge,Fo as PasswordField,So as PasswordInput,To as Popover,go as ProgressBar,Bo as RadioButton,wo as RadioButtonField,Do as RadioButtonGroup,Lo as RadioCard,vo as RadioCardGroup,Go as SearchInput,Vo as Select,Eo as SelectField,No as Slider,qo as SliderField,Jo as Stack,Oo as StackContent,F as StyledButton,mo as StyledLink,Uo as Switch,Yo as Table,_o as Tabs,or as Text,er as Textarea,pr as TextareaField,xr as ToastProvider,ar as Tooltip,dr as ValidationError,nr as Video,ur as createTheme,cr as css,Fr as getCssText,Cr as globalCss,Sr as keyframes,Ir as media,Tr as styled,br as theme,Br as toast,l as useAlert,gr as utils};

package/dist/stitches.js

@@ -1 +1 @@
-import*as t from"@atom-learning/theme";import{createStitches as e}from"@stitches/react";const i={bg:t=>({background:t}),inset:t=>({top:t,right:t,bottom:t,left:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},m={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},o=e({theme:t,utils:i,media:m}),{css:r,getCssText:d,createTheme:n,globalCss:p,keyframes:g,styled:a,theme:h}=o;export{n as createTheme,r as css,d as getCssText,p as globalCss,g as keyframes,m as media,a as styled,h as theme,i as utils};
+import*as m from"@atom-learning/theme";import{createStitches as e}from"@stitches/react";const i={bg:t=>({background:t}),inset:t=>({top:t,right:t,bottom:t,left:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},o={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},n=e({theme:m,utils:i,media:o}),{css:d,getCssText:r,createTheme:p,globalCss:g,keyframes:s,styled:h,theme:a}=n;export{p as createTheme,d as css,r as getCssText,g as globalCss,s as keyframes,o as media,h as styled,a as theme,i as utils};

package/dist/utilities/css-wrapper/CSSWrapper.js

@@ -1 +1 @@
-import{createElement as o,Fragment as r}from"react";import{Box as s}from"../../components/box/Box.js";const p=({css:p,children:c})=>p?o(s,{css:p},c):o(r,null,c);p.displayName="CSSWrapper";export{p as CSSWrapper};
+import{createElement as p,Fragment as o}from"react";import{Box as t}from"../../components/box/Box.js";const m=({css:r,children:e})=>r?p(t,{css:r},e):p(o,null,e);m.displayName="CSSWrapper";export{m as CSSWrapper};

package/dist/utilities/style/capsize.js

@@ -1 +1 @@
-const e=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}});export{e as capsize};
+const a=(t,e)=>({"&::before":{content:"''",mb:`-${t}em`,display:"table"},"&::after":{content:"''",mt:`-${e||t}em`,display:"table"}});export{a as capsize};

package/dist/utilities/style/encode-background-icon.js

@@ -1 +1 @@
-import{toColorString as o,parseToHsl as e}from"polished";const t={chevron:o=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${o}"><polyline points="6 10 12 16 18 10"/></svg>`,search:o=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${o}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},r=(r,n)=>{const i=o(e(r));return`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(t[n](i))})`};export{r as encodeBackgroundIcon};
+import{toColorString as n,parseToHsl as r}from"polished";const s={chevron:o=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${o}"><polyline points="6 10 12 16 18 10"/></svg>`,search:o=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${o}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},i=(o,e)=>{const t=n(r(o));return`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(s[e](t))})`};export{i as encodeBackgroundIcon};

package/dist/utilities/style/keyframe-animations.js

@@ -1 +1 @@
-import{keyframes as t}from"../../stitches.js";const a=t({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),r=t({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),o=t({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),s=t({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),p=t({"0%":{opacity:0},"100%":{opacity:1}}),n=t({"0%":{opacity:1},"100%":{opacity:0}});export{p as fadeIn,n as fadeOut,o as slideDownAndFade,s as slideLeftAndFade,r as slideRightAndFade,a as slideUpAndFade};
+import{keyframes as t}from"../../stitches.js";const a=t({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),o=t({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),n=t({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),r=t({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),s=t({"0%":{opacity:0},"100%":{opacity:1}}),e=t({"0%":{opacity:1},"100%":{opacity:0}});export{s as fadeIn,e as fadeOut,n as slideDownAndFade,r as slideLeftAndFade,o as slideRightAndFade,a as slideUpAndFade};

package/dist/utilities/use-is-mounted-ref/index.js

@@ -1 +1 @@
-import{useRef as r,useEffect as t}from"react";const c=()=>{const c=r();return t((()=>(c.current=!0,()=>{c.current=!1}))),c};export{c as useIsMountedRef};
+import{useRef as r,useEffect as t}from"react";const u=()=>{const e=r();return t(()=>(e.current=!0,()=>{e.current=!1})),e};export{u as useIsMountedRef};

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "",
   "files": [
     "dist"
@@ -12,16 +12,18 @@
   "sideEffects": false,
   "scripts": {
     "dev": "NODE_ENV=development rollup -c -w",
-    "build:lib": "NODE_ENV=production rollup -c && tsc --emitDeclarationOnly && tsc-alias",
+    "build:lib": "NODE_ENV=production rollup -c",
+    "build:types": "NODE_ENV=production tsc --emitDeclarationOnly && tsc-alias",
     "build:docs": "node ./scripts/generate-component-props.mjs && node ./scripts/export-documentation.mjs",
     "start:sandbox": "vite -c ./sandbox/vite.config.js",
     "add-component": "node ./scripts/add-component.mjs",
-    "prepublishOnly": "run-s clean build:lib build:docs",
+    "prepublishOnly": "run-s clean build:lib build:types build:docs",
     "clean": "del ./dist/",
     "format": "prettier 'src/**/*.{js,ts,tsx}' --write",
     "lint": "eslint 'src/**/*.{js,ts,tsx}' --fix",
     "test": "jest --coverage",
     "test:watch": "jest --watch",
+    "test:ci": "jest --silent --ci",
     "validate": "run-p validate:**",
     "validate:dependencies": "yarn audit --groups dependencies",
     "validate:linting": "eslint 'src/**/*.{js,ts,tsx}' --quiet",
@@ -40,35 +42,36 @@
   "homepage": "https://github.com/Atom-Learning/components#readme",
   "size-limit": [
     {
-      "limit": "4s",
-      "path": "dist/index.js"
+      "limit": "10kb",
+      "path": "dist/index.js",
+      "import": "{ Box }"
     },
     {
-      "limit": "400ms",
+      "limit": "16kb",
       "path": "dist/index.js",
-      "import": "{ Box }"
+      "import": "{ Button }"
+    },
+    {
+      "limit": "75kb",
+      "path": "dist/index.js",
+      "import": "{  useAlert, AlertProvider }"
     }
   ],
   "devDependencies": {
     "@atom-learning/icons": "1.5.0",
     "@atom-learning/jest-stitches": "1.0.10",
     "@atom-learning/theme": "1.0.1",
-    "@babel/plugin-transform-modules-commonjs": "^7.12.1",
-    "@babel/preset-env": "^7.14.1",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.12.7",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@radix-ui/react-id": "0.1.1",
-    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-node-resolve": "^11.2.0",
-    "@rollup/plugin-typescript": "^8.2.5",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/git": "^9.0.0",
     "@semantic-release/npm": "^7.1.1",
     "@semantic-release/release-notes-generator": "^9.0.2",
-    "@size-limit/preset-big-lib": "^5.0.5",
+    "@size-limit/preset-small-lib": "^7.0.5",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.3",
     "@testing-library/react-hooks": "^7.0.2",
@@ -78,11 +81,12 @@
     "@typescript-eslint/eslint-plugin": "^4.29.1",
     "@typescript-eslint/parser": "^4.29.1",
     "@vitejs/plugin-react-refresh": "^1.3.3",
-    "babel-eslint": "^10.1.0",
-    "babel-plugin-transform-stitches-display-name": "^0.0.1",
+    "alias-hq": "^5.3.0",
     "change-case": "^4.1.2",
     "chokidar": "^3.5.1",
     "del-cli": "^3.0.1",
+    "es-jest": "^1.5.0",
+    "esbuild": "^0.14.10",
     "eslint": "^7.18.0",
     "eslint-config-prettier": "^7.2.0",
     "eslint-import-resolver-typescript": "^2.3.0",
@@ -105,12 +109,13 @@
     "react-docgen-typescript": "2.1.0",
     "react-dom": "^17.0.1",
     "rollup": "^2.39.0",
+    "rollup-plugin-esbuild": "^4.8.2",
     "rollup-plugin-summary": "^1.3.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-visualizer": "^4.2.2",
     "semantic-release": "^17.4.2",
     "semantic-release-slack-bot": "^2.1.1",
-    "size-limit": "^5.0.5",
+    "size-limit": "^7.0.5",
     "stitches-reset": "^1.0.0",
     "tsc-alias": "^1.3.5",
     "typescript": "4.2.2",