@atom-learning/components 1.2.3 → 1.3.0

package/dist/docs/Table.mdx

@@ -122,3 +122,17 @@ The `Table` component has 2 size variants that control the row height. The two a
   </Table.Body>
 </Table>
 ```
+
+The `Table` component by default renders with a slight border radius. If you want to remove this, for example if you are rendering the `Table` inside another component that has border radius, you can remove this by setting `corners="square"`. The default is `corners="round"`.
+
+```tsx
+<Table corners="square">...</Table>
+```
+
+`Table.Header` accepts a theme prop, the current available options are `primary` and `primaryDark`. The default is `primaryDark`.
+
+```tsx
+<Table>
+  <Table.Header theme="primary">...</Table.Header>
+</Table>
+```

package/dist/docs/Tabs.mdx

@@ -27,15 +27,23 @@ The component provides a set of default styles, which can be overwritten by usin
 </Tabs>
 ```
 
-It also takes a `defaultValue` prop that should match one of the triggers' `value` prop.
+It takes a `defaultValue` prop that should match one of the triggers' `value` prop.
 
 ```tsx
 <Tabs defaultValue="tab1">
 ```
 
+It also takes a `theme` prop that should either be "light" or "dark".
+
+```tsx
+<Tabs theme="light"></Tabs>
+<Tabs theme="dark"></Tabs>
+```
+
 ## Tabs.TriggerList
 
 The `Tabs.TriggerList` component simply holds the individual `Tabs.Trigger` components. It can also get custom styling via the `css` prop.
+`Tabs.TriggerList` will automatically show `<` & `>` buttons in case the content is overshooting the available space.
 
 ## Tabs.Trigger
 

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"],$=["id"],f=["exclude"],y=["formMethods","handleSubmit","onSubmit","children"],x=["children","defaultValues","onSubmit","validationMode","render","persist"],v=["css","defaultChecked","label","name","validation","description"],w=["size","children","closeDialogText"],E=["orientation"],C=["children","href"],z=["css","gap","minItemSize"],k=["type","size"],S=["css","label","name","validation","prompt","description"],O=["children"],j=["css","hidePasswordText","showPasswordText"],R=["css","label","name","prompt","description","validation"],F=["children","side","sideOffset","closePopoverText","size"],N=["value","theme"],D=["children","isFullWidth","size","align"],T=["css","children","size","isFullWidth","align","gap","justify"],I=["css","label","value"],W=["size","css"],M=["placeholder","children","size"],q=["css","children","name","label","validation","prompt","description"],A=["size"],B=["children","disabled","css"],H=["children"],L=["css","label","name","validation","prompt","description"],P=["children","side","sideOffset","size"],V=["children","delayDuration"],Y=["id","ratio","css"];function G(){return(G=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 X(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 _=require("@radix-ui/react-accordion"),U=require("react"),K=require("@atom-learning/theme"),J=require("@stitches/react"),Q=require("@atom-learning/icons"),Z=require("polished"),ee=require("invariant"),te=require("@radix-ui/react-alert-dialog"),re=require("@radix-ui/react-visually-hidden"),ae=require("uid"),oe=require("pure-react-carousel"),ie=require("@radix-ui/react-checkbox"),ne=require("react-hook-form"),se=require("@radix-ui/react-radio-group"),le=require("react-hook-form-persist"),de=require("dlv"),ce=require("@reach/combobox"),me=require("@radix-ui/react-dialog"),pe=require("@radix-ui/react-dropdown-menu"),ue=require("mdast-util-directive"),he=require("mdast-util-from-markdown"),ge=require("micromark-extension-directive"),be=require("@radix-ui/react-popover"),$e=require("@radix-ui/react-progress"),fe=require("@radix-ui/react-switch"),ye=require("@radix-ui/react-tabs"),xe=require("react-hot-toast"),ve=require("@radix-ui/react-tooltip"),we=require("react-player/vimeo");function Ee(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function Ce(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 ze=Ee(U),ke=Ce(K),Se=Ee(ee),Oe=Ee(le),je=Ee(de),Re=Ee(ue),Fe=Ee(he),Ne=Ee(ge),De=Ee(xe),Te=Ee(we);const Ie={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})},We={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)"},Me=J.createStitches({theme:ke,utils:Ie,media:We}),{css:qe,getCssText:Ae,createTheme:Be,globalCss:He,keyframes:Le,styled:Pe,theme:Ve}=Me,Ye=Pe(_.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),Ge=Pe("div",{});Ge.displayName="Box";const Xe=Pe("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"}}}}),_e=U.forwardRef(((e,r)=>{let{is:a,size:o="md"}=e,i=X(e,t);return U.createElement(Xe,Object.assign({size:o,"aria-hidden":"true"},i,{as:a,ref:r}))})),Ue=(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}}),Ke=Pe(_.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:Ue("$primaryDark",Z.darken(.1,Ve.colors.primaryDark.value),Z.darken(.15,Ve.colors.primaryDark.value)),light:Ue("#fff",Z.darken(.1,"#fff"),Z.darken(.15,"#fff"),"$tonal600")}}}),Je=({css:e,children:t})=>e?U.createElement(Ge,{css:e},t):U.createElement(U.Fragment,null,t);Je.displayName="CSSWrapper";const Qe=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}}),Ze={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>`},et=(e,t)=>{const r=Z.toColorString(Z.parseToHsl(e));return`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(Ze[t](r))})`},tt=Le({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),rt=Le({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),at=Le({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),ot=Le({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),it=Le({"0%":{opacity:0},"100%":{opacity:1}}),nt=Le({"0%":{opacity:1},"100%":{opacity:0}}),st=Le({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),lt=Le({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),dt=Pe(_.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${st} 300ms ease-out`},'&[data-state="closed"]':{animation:`${lt} 300ms ease-out`}}}),ct=Pe(_.Root,{width:"100%"}),mt=e=>{let{type:t="single",children:r}=e,a=X(e,o);return ze.default.createElement(ct,Object.assign({type:t},a),r)};mt.Item=t=>{let{children:r,value:a}=t,o=X(t,e);return ze.default.createElement(Ye,Object.assign({value:a},o),r)},mt.Content=e=>{let{children:t,css:r}=e,o=X(e,a);return ze.default.createElement(dt,Object.assign({},o),ze.default.createElement(Je,{css:r},t))},mt.Trigger=e=>{let{theme:t="primaryDark",children:a}=e,o=X(e,r);return ze.default.createElement(Ke,Object.assign({theme:t},o),ze.default.createElement(Ge,null,a),ze.default.createElement(_e,{is:Q.ChevronDown}))},mt.displayName="Accordion";const pt=(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"}}),ut=(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"}}),ht=(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"}}),gt=Pe("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"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:pt("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:pt("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"simple",css:pt("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:pt("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:pt("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:ut("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"solid",css:ut("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:ut("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:ut("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:ht("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"outline",css:ht("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:ht("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:ht("$danger","$dangerMid","$dangerDark")}]}),bt=U.forwardRef(((e,t)=>{let{children:r,theme:a="primary",appearance:o="simple",size:n="md",label:s,href:l,disabled:d}=e,c=X(e,i);const m=`A single ${_e.displayName} component is permitted as a child of ${bt.displayName}`;Se.default(1===U.Children.count(r),m);const p=l?{as:"a",href:d?null:l,onClick:void 0,"aria-disabled":!!d}:{type:"button"};return U.createElement(gt,Object.assign({},c,p,{"aria-label":s,theme:a,appearance:o,size:n,ref:t,disabled:d}),U.Children.map(r,(e=>{if(!U.isValidElement(e))throw new Error(m);return Se.default(e.type===_e,`Children of type ${null==e?void 0:e.type} aren't permitted. Only an ${_e.displayName} component is allowed in ${bt.displayName}`),U.cloneElement(e,{css:G({size:"lg"===n?20:16},e.props.css?e.props.css:{})})})))}));bt.displayName="ActionIcon";const $t=Le({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),ft=Le({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),yt=Pe(te.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${it} 250ms ease-out`},'&[data-state="closed"]':{animation:`${nt} 550ms ease-out`}}}),xt=Pe(te.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:`${$t} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${ft} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),vt=Pe(te.Root,{}),wt=e=>U.createElement(vt,Object.assign({},e));wt.Description=te.Description,wt.Title=te.Title,wt.Action=te.Action,wt.Cancel=te.Cancel,wt.Content=e=>{let{size:t="sm"}=e,r=X(e,n);return U.createElement(U.Fragment,null,U.createElement(yt,null),U.createElement(xt,Object.assign({size:t},r)))},wt.Trigger=te.Trigger,wt.displayName="AlertDialog";const Et=Pe("div",{display:"flex"});Et.displayName="Flex";const Ct=Pe("div",{animationName:`${Le({"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"}}}}),zt=({css:e={},message:t="Loading",size:r="md"})=>U.createElement(Et,{css:G({justifyContent:"center"},e),role:"alert"},U.createElement(re.Root,null,t),U.createElement(Ct,{size:r}),U.createElement(Ct,{size:r}),U.createElement(Ct,{size:r})),kt=(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}}),St=Pe("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:kt("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:kt("$primaryDark",Z.darken(.1,Ve.colors.primaryDark.value),Z.darken(.15,Ve.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:kt("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:kt("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:kt("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:(Ot="$primary",jt="$primaryMid",Rt="$primaryDark",{border:"1px solid",borderColor:"currentColor",color:Ot,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:jt},"&:not([disabled]):active":{color:Rt}})}]});var Ot,jt,Rt;const Ft=({isLoading:e,children:t})=>U.createElement(U.Fragment,null,U.createElement(zt,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),U.createElement(Ge,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},t)),Nt=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},Dt=(e,t)=>U.Children.map(e,((e,r)=>(null==e?void 0:e.type)===_e?U.cloneElement(e,{css:G({[0===r?"mr":"ml"]:"sm"===t?"$2":"$3",size:Nt(t)},e.props.css?e.props.css:{})}):e)),Tt=U.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=X(e,s);const p=i?{as:"a",href:i,onClick:void 0}:{},u=i?{}:{type:c};return U.createElement(St,Object.assign({isLoading:a||!1,onClick:a?void 0:o,appearance:n,size:l,theme:d},m,p,u,{ref:t}),"boolean"==typeof a?U.createElement(Ft,{isLoading:a},Dt(r,l)):Dt(r,l))}));Tt.displayName="Button";const It=Pe("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:G({fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5},Qe(.3864)),sm:G({fontSize:"$lg",lineHeight:1.14},Qe(.2174,.2254)),md:G({fontSize:"$xl",lineHeight:1.14},Qe(.2174,.2254)),lg:G({fontSize:"$2xl",lineHeight:1.08},Qe(.1865,.1945)),xl:G({fontSize:"$3xl",lineHeight:1.12},Qe(.206,.214)),xxl:G({fontSize:"$4xl",lineHeight:1.06},Qe(.1793,.1873))}}}),Wt=e=>{let{size:t="md"}=e,r=X(e,l);return U.createElement(It,Object.assign({size:t},r))};Wt.displayName="Heading";const Mt=Pe("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(Ve.space).reduce(((e,t)=>G({},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=X(e,d);return U.createElement(Je,{css:t},U.createElement(Mt,Object.assign({direction:a,gap:r,justify:o},i)))};qt.displayName="Stack";const At=({applyCapsize:e=!0}={})=>({xs:G({fontSize:"$xs",lineHeight:1.6},e?Qe(.4364):{}),sm:G({fontSize:"$sm",lineHeight:1.53},e?Qe(.4056):{}),md:G({fontSize:"$md",lineHeight:1.5},e?Qe(.3864):{}),lg:G({fontSize:"$lg",lineHeight:1.52},e?Qe(.3983):{}),xl:G({fontSize:"$xl",lineHeight:1.42},e?Qe(.3506):{})}),Bt=Pe("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,variants:{size:At()}}),Ht=U.forwardRef(((e,t)=>{let{size:r="md"}=e,a=X(e,c);return U.createElement(Bt,Object.assign({size:r},a,{ref:t}))}));Ht.displayName="Text";const Lt=e=>{let{title:t,description:r,onAction:a,cancelActionText:o,confirmActionText:i,onClose:n}=e,s=X(e,m);return U.createElement(wt,{defaultOpen:!0},U.createElement(wt.Content,Object.assign({onEscapeKeyDown:e=>e.preventDefault(),onCloseAutoFocus:n},s),U.createElement(Wt,{as:wt.Title,size:"sm",css:{mb:"$5"}},t),r&&U.createElement(Ht,{as:wt.Description,css:{mb:"$5"}},r),U.createElement(qt,{gap:"2",justify:"end"},o&&U.createElement(Tt,{appearance:"outline",as:wt.Cancel,onClick:()=>a(!1),size:"sm"},o),U.createElement(Tt,{as:wt.Action,onClick:()=>a(!0),size:"sm"},i))))},Pt=[],Vt=(e,t)=>{switch(t.type){case"ADD":return[...e,G({},t.payload,{id:ae.uid()})];case"REMOVE":return e.filter((({id:e})=>e!==t.payload));default:return e}},Yt=U.createContext({showAlert:()=>null}),Gt={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"}},Xt=Pe(oe.ButtonBack,Gt),_t=Pe(oe.ButtonNext,Gt),Ut=Pe(oe.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"}}}),Kt=Pe(oe.Slide,{}),Jt=Pe(oe.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"}}}}),Qt=({children:e,css:t,slideHeight:r,slideWidth:a,numSlides:o})=>U.createElement(Je,{css:t},U.createElement(oe.CarouselProvider,{naturalSlideWidth:a,naturalSlideHeight:r,totalSlides:o},e));Qt.ArrowNext=e=>U.createElement(_t,Object.assign({},e),U.createElement(_e,{is:Q.ChevronRight})),Qt.ArrowPrevious=e=>U.createElement(Xt,Object.assign({},e),U.createElement(_e,{is:Q.ChevronLeft})),Qt.Pagination=Ut,Qt.Slide=e=>{let{children:t}=e,r=X(e,p);return U.createElement(Kt,Object.assign({},r,{tag:"div"}),U.createElement(Ge,{css:{px:"$3"}},t))},Qt.Slider=Jt,Qt.displayName="Carousel";const Zt=Pe(ie.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),er=Pe(ie.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"}}}}),tr=U.forwardRef(((e,t)=>U.createElement(er,Object.assign({},e,{ref:t}),U.createElement(Zt,null,U.createElement(_e,{is:"indeterminate"===e.checked?Q.Minus:Q.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}})))));tr.displayName="Checkbox";const{sm:rr,md:ar}=At(),or=Pe("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:rr,md:ar},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"}}]}),ir=Pe("span",{color:"$danger",ml:"$1",fontWeight:400}),nr=e=>{let{align:t="start",as:r="label",direction:a="row",size:o="md",type:i="block",children:n,required:s}=e,l=X(e,u);return U.createElement(or,Object.assign({as:r,size:o,type:i,align:t,direction:a},l),n,s&&U.createElement(ir,{"aria-hidden":!0},"*"))};nr.displayName="Label";const sr=Pe("li",{}),lr=Pe("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${sr}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:At({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${sr}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${sr}`]:{pl:"$2","&::marker":{content:"•",fontWeight:"bold"}}}}}}),dr=e=>{let{size:t="md",ordered:r}=e,a=X(e,h);return U.createElement(lr,Object.assign({as:r?"ol":"ul",size:t},a))};dr.Item=sr;const cr=Pe("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${Bt} > &, ${It} > &, ${sr} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:At()}}),mr=U.forwardRef(((e,t)=>{let{size:r="md",onClick:a,href:o}=e,i=X(e,g);return o?U.createElement(cr,Object.assign({size:r},i,{ref:t,href:o})):U.createElement(cr,Object.assign({as:"button",size:r},i,{ref:t,onClick:a}))}));mr.displayName="Link";const pr=e=>{let{css:t,children:r}=e,a=X(e,b);return U.createElement(Et,Object.assign({css:G({color:"$danger",alignItems:"flex-start"},t)},a),U.createElement(_e,{is:Q.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),U.createElement(Ht,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},r))},ur=({children:e,css:t})=>U.createElement(Ht,{size:"sm",css:G({color:"$tonal300",maxWidth:"80ch"},t)},e),hr=({css:e,children:t,error:r,fieldId:a,label:o,prompt:i,description:n,required:s})=>U.createElement(Ge,{css:e},U.createElement(Et,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},U.createElement(nr,{htmlFor:a,required:s},o),i&&U.createElement(mr,{href:i.link,size:"sm"},i.label)),n&&U.createElement(ur,{css:{mb:"$3"}},n),t,r&&U.createElement(pr,{css:{mt:"$2"}},r));hr.displayName="FieldWrapper";const gr=Pe(se.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"}}),br=Pe(se.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),$r=e=>U.createElement(gr,Object.assign({},e),U.createElement(br,null));$r.displayName="RadioButton";const fr=Pe(se.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});fr.displayName="RadioButtonGroup";const yr=({align:e="start",children:t,css:r,description:a,direction:o="row",error:i,label:n,required:s})=>U.createElement(Ge,{css:r},U.createElement(nr,{align:e,direction:o,required:s,type:"inline"},U.Children.map(t,(e=>U.createElement(Ge,{css:G({["reverse"===o?"ml":"mr"]:"$3"},((null==e?void 0:e.type)===tr||(null==e?void 0:e.type)===$r)&&{transform:"translateY($space$1)"})},e))),n),i&&U.createElement(pr,{css:{mt:"$2"}},i),a&&U.createElement(ur,{css:{mt:"$2",["reverse"===o?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},a));var xr;yr.displayName="InlineFieldWrapper",function(e){e.LOCAL="local",e.SESSION="session"}(xr||(xr={}));const vr=Pe("form",{}),wr=({persist:e,watch:t,setValue:r,children:a})=>{const{id:o}=e,i=X(e,$);let n=G({},i,{storage:i.storage===xr.LOCAL?window.localStorage:window.sessionStorage});if(i.exclude){const e=X(n,f),r=t();n=G({},e,{include:Object.keys(r).filter((e=>{var t;if(null==(t=i.exclude)||!t.includes(e))return e}))})}return Oe.default(o,{watch:t,setValue:r},n),a},Er=e=>{let{formMethods:t,handleSubmit:r,onSubmit:a,children:o}=e,i=X(e,y);return U.createElement(ne.FormProvider,Object.assign({},t),U.createElement(vr,Object.assign({"aria-label":"form"},i,{onSubmit:r(a)}),o))},Cr=e=>{let{children:t,defaultValues:r={},onSubmit:a,validationMode:o="onBlur",render:i,persist:n}=e,s=X(e,x);Se.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=ne.useForm({defaultValues:r,mode:o}),{handleSubmit:d,watch:c,setValue:m}=l,p=i?i(l):t,u=G({formMethods:l,handleSubmit:d,onSubmit:a},s);return n?U.createElement(wr,{persist:n,watch:c,setValue:m},U.createElement(Er,Object.assign({},u),p)):U.createElement(Er,Object.assign({},u),p)};Cr.displayName="Form";const zr=e=>{var t;const{errors:r}=ne.useFormContext(),a=e.split(/[,[\].]+?/).filter(Boolean);return{error:null==(t=je.default(r,a))?void 0:t.message}};var kr;!function(e){e.ON="on",e.OFF="off"}(kr||(kr={}));const Sr=e=>{let{css:t,defaultChecked:r=!1,label:a,name:o,validation:i,description:n}=e,s=X(e,v);const{control:l}=ne.useFormContext(),{error:d}=zr(o);return U.createElement(ne.Controller,{control:l,name:o,defaultValue:r,rules:i,render:({onChange:e,value:o,name:l})=>U.createElement(yr,{css:t,description:n,error:d,label:a,required:Boolean(null==i?void 0:i.required)},U.createElement(tr,Object.assign({defaultChecked:r,defaultValue:r?kr.ON:kr.OFF,checked:o,name:l,onCheckedChange:e,value:o?kr.ON:kr.OFF},d&&{state:"error"},s)))})};Sr.displayName="CheckboxField";const Or=Pe(ce.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:et(Ve.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"}}}}),jr=Pe(ce.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),Rr=Pe(ce.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),Fr=Pe(ce.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)"});He({":root":{"--reach-combobox":1}})();const Nr=Pe(ce.Combobox,{}),Dr=e=>U.createElement(Nr,Object.assign({},e));Dr.displayName="Combobox",Dr.Option=Rr,Dr.Input=Or,Dr.Popover=Fr,Dr.List=jr,Dr.OptionText=ce.ComboboxOptionText;const Tr=Pe(me.Close,{}),Ir=Le({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),Wr=Le({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),Mr=Pe(me.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${it} 250ms ease-out`},'&[data-state="closed"]':{animation:`${nt} 550ms ease-out`}}}),qr=Pe(me.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:`${Ir} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Wr} 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"}}}}),Ar=Pe(me.Root,{}),Br=e=>U.createElement(Ar,Object.assign({},e));Br.Close=Tr,Br.Content=e=>{let{size:t="sm",children:r,closeDialogText:a="Close dialog"}=e,o=X(e,w);return U.createElement(U.Fragment,null,U.createElement(Mr,null),U.createElement(qr,Object.assign({size:t},o),U.createElement(bt,{as:me.Close,css:{position:"absolute",right:"$4",top:"$4"},label:a,size:"lg",theme:"neutral"},U.createElement(_e,{is:Q.Close})),r))},Br.Trigger=me.Trigger,Br.displayName="Dialog";const Hr=Pe("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),Lr=e=>{let{orientation:t="horizontal"}=e,r=X(e,E);return ze.default.createElement(Hr,Object.assign({orientation:t},r))},Pr=Pe(pe.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:at},'&[data-side="right"]':{animationName:ot},'&[data-side="bottom"]':{animationName:tt},'&[data-side="left"]':{animationName:rt}}}}),Vr=Pe(pe.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"}}),Yr=Pe("a",{textDecoration:"none"}),Gr=Pe(pe.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),Xr=Pe(pe.Trigger,{}),_r=Pe(pe.Root,{}),Ur=e=>ze.default.createElement(_r,Object.assign({},e));Ur.Content=Pr,Ur.Item=Vr,Ur.LinkItem=e=>{let{children:t,href:r}=e,a=X(e,C);return ze.default.createElement(Vr,Object.assign({},a,{asChild:!0}),ze.default.createElement(Yr,{href:r,role:"menuitem"},t))},Ur.Separator=Gr,Ur.Trigger=Xr;const Kr=Pe("div",{display:"grid",variants:{gap:Object.keys(Ve.space).reduce(((e,t)=>G({},e,{[t]:{gap:`$space$${t}`}})),{})}}),Jr=e=>{let{css:t,gap:r=2,minItemSize:a}=e,o=X(e,z);return U.createElement(Kr,Object.assign({css:G({},t,{gridTemplateColumns:`repeat(auto-fit, minmax(${a}, 1fr))`}),gap:r},o))};Jr.displayName="Grid";const Qr=Pe("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});Qr.displayName="Image";const Zr=Pe("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"}}}}),ea=U.forwardRef(((e,t)=>{let{type:r="text",size:a="md"}=e,o=X(e,k);return"number"===r?U.createElement(Zr,Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",size:a},o,{ref:t})):U.createElement(Zr,Object.assign({type:r,size:a},o,{ref:t}))}));ea.displayName="Input";const ta=e=>{let{css:t,label:r,name:a,validation:o,prompt:i,description:n}=e,s=X(e,S);const{register:l}=ne.useFormContext(),{error:d}=zr(a),c=o?l(o):l;return U.createElement(hr,{css:t,description:n,error:d,fieldId:a,label:r,prompt:i,required:Boolean(null==o?void 0:o.required)},U.createElement(ea,Object.assign({id:a,name:a,ref:c},d&&{state:"error"},s)))};ta.displayName="InputField";const ra=Pe(Ge,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),aa=Pe("em",{fontStyle:"italic"}),oa=({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 U.createElement(Wt,{as:o,size:i,css:G({color:"inherit"},r)},null==(a=e.children)?void 0:a.map(t))},ia=Pe(Ge,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),na=({node:e,css:t})=>U.createElement(Qr,{src:e.url,alt:e.alt,css:t}),sa=({node:e,handleNode:t,css:r})=>{var a;return U.createElement(dr,{css:G({"& p:before, & p:after":{display:"none"}},r),ordered:e.ordered},null==(a=e.children)?void 0:a.map(t))},la=({node:e,handleNode:t,css:r})=>{var a;return U.createElement(Ht,{css:G({color:"inherit"},r)},null==(a=e.children)?void 0:a.map(t))},da=Pe("strong",{fontWeight:600}),ca=({css:e})=>U.createElement(Lr,{css:G({width:"100%"},e)}),ma=Pe("div",{}),pa=(e,t)=>U.cloneElement(e,{css:G({},t,e.props.css?e.props.css:{})}),ua=e=>{let{children:t}=e,r=X(e,O);return U.createElement(ma,Object.assign({},r),U.Children.map(t,(e=>{if(!U.isValidElement(e))return e;const t=null==e?void 0:e.type;return t===Wt||t===oa?pa(e,{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}}):t===Ht||t===la||t===dr||t===sa?pa(e,{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}}):t===Lr||t===ca?pa(e,{my:"$5"}):t===Qr||t===na?pa(e,{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}):e})))};ua.displayName="StackContent";const ha={code:({node:e})=>U.createElement(ra,{as:"pre"},e.value),emphasis:({node:e,handleNode:t})=>{var r;return U.createElement(aa,null,null==(r=e.children)?void 0:r.map(t))},heading:oa,inlineCode:({node:e})=>U.createElement(ia,{as:"code"},e.value),image:na,link:({node:e,handleNode:t})=>{var r;return U.createElement(mr,{title:e.title,href:e.url},null==(r=e.children)?void 0:r.map(t))},list:sa,listItem:({node:e,handleNode:t})=>{var r;return U.createElement(dr.Item,null,null==(r=e.children)?void 0:r.map(t))},paragraph:la,strong:({node:e,handleNode:t})=>{var r;return U.createElement(da,null,null==(r=e.children)?void 0:r.map(t))},text:({node:e})=>e.value,thematicBreak:ca},ga=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=Fe.default(e,{extensions:[Ne.default()],mdastExtensions:[Re.default.fromMarkdown]}),o=G({},ha,t),i=e=>{const t=o[e.type];return t?U.createElement(t,{key:ga(e),node:e,handleNode:i}):null};return U.createElement(ua,{css:r},a.children.map(i))};ba.displayName="MarkdownContent";const $a=U.forwardRef(((e,t)=>{let{css:r,hidePasswordText:a="Hide password",showPasswordText:o="Show password"}=e,i=X(e,j);const[n,s]=U.useState(!1);return U.createElement(Ge,{css:G({position:"relative"},r)},U.createElement(ea,Object.assign({},i,{type:n?"text":"password",ref:t,css:{pr:"$sizes$2"}})),U.createElement(bt,{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"},U.createElement(_e,{is:n?Q.Eye:Q.EyeCrossed,css:{size:20}})))}));$a.displayName="PasswordInput";const fa=e=>{let{css:t={},label:r="Password",name:a,prompt:o,description:i,validation:n}=e,s=X(e,R);const{register:l}=ne.useFormContext(),{error:d}=zr(a),c=n?l(n):l;return U.createElement(hr,{css:G({},t,{position:"relative"}),description:i,error:d,fieldId:a,label:r,prompt:o,required:Boolean(null==n?void 0:n.required)},U.createElement($a,Object.assign({autoComplete:"current-password",name:a,id:a,ref:c},s)))};fa.displayName="PasswordField";const ya=Pe(be.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:at},'&[data-side="right"]':{animationName:ot},'&[data-side="bottom"]':{animationName:tt},'&[data-side="left"]':{animationName:rt}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),xa=Pe(be.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}});Pe(be.Root,{});const va=e=>U.createElement(be.Root,Object.assign({},e));va.Content=e=>{let{children:t,side:r="top",sideOffset:a=8,closePopoverText:o="Close popover",size:i="md"}=e,n=X(e,F);return U.createElement(ya,Object.assign({size:i,side:r,sideOffset:a},n),U.createElement(bt,{as:be.Close,css:{position:"absolute",right:"$0",top:"$0"},label:o,size:"lg",theme:"neutral"},U.createElement(_e,{is:Q.Close})),t,U.createElement(xa,{width:16,height:8}))},va.Trigger=be.Trigger,va.displayName="Popover";const wa=Pe($e.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"}}}}),Ea=Pe($e.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),Ca=e=>{let{value:t,theme:r="primary"}=e,a=X(e,N);return U.createElement(wa,Object.assign({theme:r},a),U.createElement(Ea,{style:{width:`${t}%`}}))};Ca.displayName="ProgressBar";const za=Pe(se.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"}}}}),ka=Pe("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"}}]}),Sa=Pe(se.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),Oa=e=>{let{children:t,isFullWidth:r=!1,size:a="md",align:o="left"}=e,i=X(e,D);return U.createElement(za,Object.assign({},i,{align:o,isFullWidth:r,size:a}),U.createElement(ka,{align:o,containerIsFullWidth:r},U.createElement(Sa,null)),U.createElement(Ge,null,t))},ja=e=>{let{css:t,label:r,value:a}=e,o=X(e,I);return U.createElement(yr,{css:t,label:r},U.createElement($r,Object.assign({value:a},o)))};ja.displayName="RadioField";const Ra=Pe("fieldset",{all:"unset"}),Fa=({children:e,css:t,direction:r="column",defaultValue:a,description:o,label:i,name:n,validation:s})=>{const{control:l}=ne.useFormContext(),{error:d}=zr(n);return U.createElement(Ra,{css:t},U.createElement(nr,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(null==s?void 0:s.required)},i),o&&U.createElement(ur,{css:{mb:"$3"}},o),U.createElement(ne.Controller,{control:l,name:n,rules:s,defaultValue:a,render:({onChange:t,value:o})=>U.createElement(fr,{direction:r,defaultValue:a,onValueChange:t,value:o},e)}),d&&U.createElement(pr,{css:{mt:"$2"}},d))};Fa.Item=ja,Fa.displayName="RadioButtonField";const Na=e=>{let{size:t,css:r}=e,a=X(e,W);return U.createElement(Ge,{css:G({position:"relative"},r)},U.createElement(U.Fragment,null,U.createElement(_e,{is:Q.Search,css:{color:"$tonal300",pointerEvents:"none",position:"absolute",size:"sm"===t?"$1":20,top:"sm"===t?"$2":10,left:"sm"===t?"$2":10}}),U.createElement(ea,Object.assign({size:t,css:{pl:"sm"===t?"$5":"$6"}},a,{type:"search"}))))};Na.displayName="SearchInput";const Da=Pe("select",{appearance:"none",backgroundColor:"white",backgroundImage:et(Ve.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"}}}}),Ta=U.forwardRef(((e,t)=>{let{placeholder:r,children:a,size:o="md"}=e,i=X(e,M);return U.createElement(Da,Object.assign({size:o,defaultValue:""},i,{ref:t}),r&&U.createElement("option",{disabled:!0,hidden:!0,value:""},r),a)}));Ta.displayName="Select";const Ia=e=>{let{css:t,children:r,name:a,label:o,validation:i,prompt:n,description:s}=e,l=X(e,q);const{register:d}=ne.useFormContext(),{error:c}=zr(a),m=i?d(i):d;return U.createElement(hr,{css:t,description:s,error:c,fieldId:a,label:o,prompt:n,required:Boolean(null==i?void 0:i.required)},U.createElement(Ta,Object.assign({name:a,id:a},l,{ref:m},c&&{state:"error"}),r))};Ia.displayName="SelectField";const Wa=Pe(fe.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"}}),Ma=Pe(fe.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),qa=e=>U.createElement(Wa,Object.assign({},e),U.createElement(Ma,null));qa.displayName="Switch";const Aa=Pe("tbody",{});Aa.displayName="TableBody";const Ba=Pe("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"}});Ba.displayName="TableCell";const Ha=Pe("tfoot",{});Ha.displayName="TableFooter";const La=Pe("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});La.displayName="TableFooterCell";const Pa=Pe("thead",{});Pa.displayName="TableHeader";const Va=Pe("th",{bg:"$primaryDark",color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}});Va.displayName="TableHeaderCell";const Ya=Pe("tr",{"&:last-child":{"td:first-child":{borderBottomLeftRadius:"$0"},"td:last-child":{borderBottomRightRadius:"$0"}}});Ya.displayName="TableRow";const Ga=Pe("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${Ba}, ${Va}, ${La}`]:{height:"$4"}},lg:{[`${Ba}, ${Va}, ${La}`]:{height:"$5"}}}}}),Xa=e=>{let{size:t="md"}=e,r=X(e,A);return U.createElement(Ga,Object.assign({size:t},r))};Xa.Body=Aa,Xa.Cell=Ba,Xa.Footer=Ha,Xa.FooterCell=La,Xa.Header=Pa,Xa.HeaderCell=Va,Xa.Row=Ya,Xa.displayName="Table";const _a=Pe(ye.Trigger,{color:"$secondary",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",userSelect:"none","&:hover":{color:"$primary"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal300",cursor:"default"},'&[data-state="active"]':{color:"$primary",fontWeight:"bold",boxShadow:"inset 0 -3px 0 0 currentColor"}}),Ua=e=>{let{children:t,disabled:r=!1,css:a}=e,o=X(e,B);return U.createElement(_a,Object.assign({css:a,disabled:r},o),t)};Ua.displayName="TabTrigger";const Ka=Pe(ye.Root,{display:"flex",flexDirection:"column"}),Ja=Pe(ye.Content,{flexGrow:1}),Qa=Pe(ye.List,{flexShrink:0,display:"flex",borderBottom:"1px solid $primaryDark"}),Za=e=>{let{children:t}=e,r=X(e,H);return U.createElement(Ka,Object.assign({},r),t)};Za.TriggerList=Qa,Za.Trigger=Ua,Za.Content=Ja,Za.displayName="Tabs";const eo=Pe("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"}}}}),to=U.forwardRef(((e,t)=>U.createElement(eo,Object.assign({},e,{ref:t}))));to.displayName="Textarea";const ro=e=>{let{css:t,label:r,name:a,validation:o,prompt:i,description:n}=e,s=X(e,L);const{register:l}=ne.useFormContext(),{error:d}=zr(a),c=o?l(o):l;return U.createElement(hr,{css:t,description:n,error:d,fieldId:a,label:r,prompt:i,required:Boolean(null==o?void 0:o.required)},U.createElement(to,Object.assign({id:a,name:a,ref:c},d&&{state:"error"},s)))};ro.displayName="TextareaField";const ao=Pe("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${Le({"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:`${Le({"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)`}}}}}),oo=Pe("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"}}}}),io=U.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 U.createElement(ao,{visible:n},U.createElement(oo,{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&&U.createElement(_e,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:Q.Error}),U.createElement(Ht,{css:{color:"inherit"}},a),"loading"===i?U.createElement(zt,{css:{flex:"0 0 auto",ml:"auto"}}):U.createElement(bt,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>xe.toast.dismiss(r)},U.createElement(_e,{is:Q.Close}))))})),no=Pe("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:2147483647,"@sm":{top:"$3",right:"auto",left:"calc(50% - 200px)"}}),so=({children:e})=>{const{toasts:t,handlers:r}=xe.useToaster(),{startPause:a,endPause:o,calculateOffset:i,updateHeight:n}=r;return U.createElement(U.Fragment,null,U.createElement(no,{onMouseEnter:a,onMouseLeave:o},t.map((e=>U.createElement(io,Object.assign({key:e.id,calculateOffset:i,updateHeight:n},e))))),e)};so.displayName="ToastProvider";const lo=Pe(ve.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:at},'&[data-side="right"]':{animationName:ot},'&[data-side="bottom"]':{animationName:tt},'&[data-side="left"]':{animationName:rt}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),co=Pe(ve.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),mo=e=>{let{children:t,delayDuration:r=350}=e,a=X(e,V);return U.createElement(ve.Root,Object.assign({delayDuration:r},a),t)};mo.Content=e=>{let{children:t,side:r="top",sideOffset:a=4,size:o="md"}=e,i=X(e,P);return U.createElement(lo,Object.assign({side:r,sideOffset:a,size:o},i),t,U.createElement(co,null))},mo.Trigger=Pe(ve.Trigger,{}),mo.displayName="Tooltip";const po=Pe(Te.default,{}),uo=U.forwardRef(((e,t)=>{let{id:r,ratio:a=9/16,css:o}=e,i=X(e,Y);return U.createElement(Je,{css:o},U.createElement(Ge,{css:{borderRadius:"$0",position:"relative",paddingTop:100*a+"%",overflow:"hidden",height:0,width:"100%"}},U.createElement(po,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}))))}));uo.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return De.default}}),exports.Accordion=mt,exports.ActionIcon=bt,exports.AlertDialog=wt,exports.AlertProvider=({children:e})=>{const[t,r]=U.useReducer(Vt,Pt),a=(()=>{const e=U.useRef();return U.useEffect((()=>(e.current=!0,()=>{e.current=!1}))),e})();return U.createElement(Yt.Provider,{value:{showAlert:e=>r({payload:e,type:"ADD"})}},Boolean(t.length)&&U.createElement(Lt,Object.assign({},t[0],{key:t[0].id,onClose:()=>{a.current&&r({payload:t[0].id,type:"REMOVE"})}})),e)},exports.Box=Ge,exports.Button=Tt,exports.Carousel=Qt,exports.Checkbox=tr,exports.CheckboxField=Sr,exports.Combobox=Dr,exports.Dialog=Br,exports.Divider=Lr,exports.DropdownMenu=Ur,exports.FieldWrapper=hr,exports.Flex=Et,exports.Form=Cr,exports.Grid=Jr,exports.Heading=Wt,exports.Icon=_e,exports.Image=Qr,exports.InlineFieldWrapper=yr,exports.Input=ea,exports.InputField=ta,exports.Label=nr,exports.Link=mr,exports.List=dr,exports.Loader=zt,exports.MarkdownContent=ba,exports.PasswordField=fa,exports.PasswordInput=$a,exports.Popover=va,exports.ProgressBar=Ca,exports.RadioButton=$r,exports.RadioButtonField=Fa,exports.RadioButtonGroup=fr,exports.RadioCard=Oa,exports.RadioCardGroup=e=>{let{css:t,children:r,size:a,isFullWidth:o,align:i,gap:n="3",justify:s}=e,l=X(e,T);return U.createElement(se.Root,Object.assign({},l),U.createElement(qt,{direction:"row",justify:s,gap:n,css:t},U.Children.map(r,(e=>U.isValidElement(e)&&(null==e?void 0:e.type)===Oa?U.cloneElement(e,{size:a,isFullWidth:o,align:i}):e))))},exports.SearchInput=Na,exports.Select=Ta,exports.SelectField=Ia,exports.Stack=qt,exports.StackContent=ua,exports.StyledButton=St,exports.StyledLink=cr,exports.Switch=qa,exports.Table=Xa,exports.Tabs=Za,exports.Text=Ht,exports.Textarea=to,exports.TextareaField=ro,exports.ToastProvider=so,exports.Tooltip=mo,exports.ValidationError=pr,exports.Video=uo,exports.createTheme=Be,exports.css=qe,exports.getCssText=Ae,exports.globalCss=He,exports.keyframes=Le,exports.media=We,exports.styled=Pe,exports.theme=Ve,exports.useAlert=()=>{const e=U.useContext(Yt);if(void 0===e)throw new Error("useAlert must be used within a AlertProvider");return e},exports.utils=Ie;
+"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"],E=["orientation"],k=["children","href"],C=["css","gap","minItemSize"],z=["type","size"],S=["css","label","name","validation","prompt","description"],O=["children"],j=["css","hidePasswordText","showPasswordText"],D=["css","label","name","prompt","description","validation"],R=["children","side","sideOffset","closePopoverText","size"],F=["value","theme"],N=["children","isFullWidth","size","align"],T=["css","children","size","isFullWidth","align","gap","justify"],I=["css","label","value"],W=["size","css"],M=["placeholder","children","size"],q=["css","children","name","label","validation","prompt","description"],L=["theme"],A=["size","corners"],B=["children","theme","disabled"],H=["children","theme","enableTabScrolling"],P=["theme","children"],V=["css","label","name","validation","prompt","description"],Y=["children","side","sideOffset","size"],G=["children","delayDuration"],X=["id","ratio","css"];function _(){return(_=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 U(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 K=require("@radix-ui/react-accordion"),J=require("react"),Q=require("@atom-learning/theme"),Z=require("@stitches/react"),ee=require("@atom-learning/icons"),te=require("polished"),re=require("invariant"),ae=require("@radix-ui/react-alert-dialog"),oe=require("@radix-ui/react-visually-hidden"),ie=require("uid"),ne=require("pure-react-carousel"),se=require("@radix-ui/react-checkbox"),le=require("react-hook-form"),de=require("@radix-ui/react-radio-group"),ce=require("react-hook-form-persist"),me=require("dlv"),pe=require("@reach/combobox"),ue=require("@radix-ui/react-dialog"),he=require("@radix-ui/react-dropdown-menu"),ge=require("mdast-util-directive"),be=require("mdast-util-from-markdown"),fe=require("micromark-extension-directive"),$e=require("@radix-ui/react-popover"),ye=require("@radix-ui/react-progress"),xe=require("@radix-ui/react-switch"),ve=require("@radix-ui/react-tabs"),we=require("throttle-debounce"),Ee=require("react-hot-toast"),ke=require("@radix-ui/react-tooltip"),Ce=require("react-player/vimeo");function ze(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function Se(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 Oe=ze(J),je=Se(Q),De=ze(re),Re=ze(ce),Fe=ze(me),Ne=ze(ge),Te=ze(be),Ie=ze(fe),We=ze(Ee),Me=ze(Ce);const qe={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})},Le={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)"},Ae=Z.createStitches({theme:je,utils:qe,media:Le}),{css:Be,getCssText:He,createTheme:Pe,globalCss:Ve,keyframes:Ye,styled:Ge,theme:Xe}=Ae,_e=Ge(K.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),Ue=Ge("div",{});Ue.displayName="Box";const Ke=Ge("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"}}}}),Je=J.forwardRef(((e,r)=>{let{is:a,size:o="md"}=e,i=U(e,t);return J.createElement(Ke,Object.assign({size:o,"aria-hidden":"true"},i,{as:a,ref:r}))})),Qe=(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}}),Ze=Ge(K.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:Qe("$primaryDark",te.darken(.1,Xe.colors.primaryDark.value),te.darken(.15,Xe.colors.primaryDark.value)),light:Qe("#fff",te.darken(.1,"#fff"),te.darken(.15,"#fff"),"$tonal600")}}}),et=({css:e,children:t})=>e?J.createElement(Ue,{css:e},t):J.createElement(J.Fragment,null,t);et.displayName="CSSWrapper";const tt=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}}),rt={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>`},at=(e,t)=>{const r=te.toColorString(te.parseToHsl(e));return`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(rt[t](r))})`},ot=Ye({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),it=Ye({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),nt=Ye({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),st=Ye({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),lt=Ye({"0%":{opacity:0},"100%":{opacity:1}}),dt=Ye({"0%":{opacity:1},"100%":{opacity:0}}),ct=Ye({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),mt=Ye({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),pt=Ge(K.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${ct} 300ms ease-out`},'&[data-state="closed"]':{animation:`${mt} 300ms ease-out`}}}),ut=Ge(K.Root,{width:"100%"}),ht=e=>{let{type:t="single",children:r}=e,a=U(e,o);return Oe.default.createElement(ut,Object.assign({type:t},a),r)};ht.Item=t=>{let{children:r,value:a}=t,o=U(t,e);return Oe.default.createElement(_e,Object.assign({value:a},o),r)},ht.Content=e=>{let{children:t,css:r}=e,o=U(e,a);return Oe.default.createElement(pt,Object.assign({},o),Oe.default.createElement(et,{css:r},t))},ht.Trigger=e=>{let{theme:t="primaryDark",children:a}=e,o=U(e,r);return Oe.default.createElement(Ze,Object.assign({theme:t},o),Oe.default.createElement(Ue,null,a),Oe.default.createElement(Je,{is:ee.ChevronDown}))},ht.displayName="Accordion";const gt=(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"}}),bt=(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"}}),ft=(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"}}),$t=Ge("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:gt("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:gt("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:gt("$primaryDark",te.darken(.1,Xe.colors.primaryDark.value),te.darken(.15,Xe.colors.primaryDark.value))},{theme:"success",appearance:"simple",css:gt("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:gt("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:gt("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:bt("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:bt("$primaryDark",te.darken(.1,Xe.colors.primaryDark.value),te.darken(.15,Xe.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:bt("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:bt("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:bt("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:ft("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:ft("$primaryDark",te.darken(.1,Xe.colors.primaryDark.value),te.darken(.15,Xe.colors.primaryDark.value))},{theme:"success",appearance:"outline",css:ft("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:ft("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:ft("$danger","$dangerMid","$dangerDark")}]}),yt=J.forwardRef(((e,t)=>{let{children:r,theme:a="primary",appearance:o="simple",size:n="md",label:s,href:l,disabled:d}=e,c=U(e,i);const m=`A single ${Je.displayName} component is permitted as a child of ${yt.displayName}`;De.default(1===J.Children.count(r),m);const p=l?{as:"a",href:d?null:l,onClick:void 0,"aria-disabled":!!d}:{type:"button"};return J.createElement($t,Object.assign({},c,p,{"aria-label":s,theme:a,appearance:o,size:n,ref:t,disabled:d}),J.Children.map(r,(e=>{if(!J.isValidElement(e))throw new Error(m);return De.default(e.type===Je,`Children of type ${null==e?void 0:e.type} aren't permitted. Only an ${Je.displayName} component is allowed in ${yt.displayName}`),J.cloneElement(e,{css:_({size:["lg","xl"].includes(n)?20:16},e.props.css?e.props.css:{})})})))}));yt.displayName="ActionIcon";const xt=Ye({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),vt=Ye({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),wt=Ge(ae.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${lt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${dt} 550ms ease-out`}}}),Et=Ge(ae.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:`${xt} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${vt} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),kt=Ge(ae.Root,{}),Ct=e=>J.createElement(kt,Object.assign({},e));Ct.Description=ae.Description,Ct.Title=ae.Title,Ct.Action=ae.Action,Ct.Cancel=ae.Cancel,Ct.Content=e=>{let{size:t="sm"}=e,r=U(e,n);return J.createElement(J.Fragment,null,J.createElement(wt,null),J.createElement(Et,Object.assign({size:t},r)))},Ct.Trigger=ae.Trigger,Ct.displayName="AlertDialog";const zt=Ge("div",{display:"flex"});zt.displayName="Flex";const St=Ge("div",{animationName:`${Ye({"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"}}}}),Ot=({css:e={},message:t="Loading",size:r="md"})=>J.createElement(zt,{css:_({justifyContent:"center"},e),role:"alert"},J.createElement(oe.Root,null,t),J.createElement(St,{size:r}),J.createElement(St,{size:r}),J.createElement(St,{size:r})),jt=(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}}),Dt=Ge("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:jt("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:jt("$primaryDark",te.darken(.1,Xe.colors.primaryDark.value),te.darken(.15,Xe.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:jt("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:jt("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:jt("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:(Rt="$primary",Ft="$primaryMid",Nt="$primaryDark",{border:"1px solid",borderColor:"currentColor",color:Rt,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:Ft},"&:not([disabled]):active":{color:Nt}})}]});var Rt,Ft,Nt;const Tt=({isLoading:e,children:t})=>J.createElement(J.Fragment,null,J.createElement(Ot,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),J.createElement(Ue,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},t)),It=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},Wt=(e,t)=>J.Children.map(e,((e,r)=>(null==e?void 0:e.type)===Je?J.cloneElement(e,{css:_({[0===r?"mr":"ml"]:"sm"===t?"$2":"$3",size:It(t)},e.props.css?e.props.css:{})}):e)),Mt=J.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=U(e,s);const p=i?{as:"a",href:i,onClick:void 0}:{},u=i?{}:{type:c};return J.createElement(Dt,Object.assign({isLoading:a||!1,onClick:a?void 0:o,appearance:n,size:l,theme:d},m,p,u,{ref:t}),"boolean"==typeof a?J.createElement(Tt,{isLoading:a},Wt(r,l)):Wt(r,l))}));Mt.displayName="Button";const qt=Ge("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:_({fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5},tt(.3864)),sm:_({fontSize:"$lg",lineHeight:1.14},tt(.2174,.2254)),md:_({fontSize:"$xl",lineHeight:1.14},tt(.2174,.2254)),lg:_({fontSize:"$2xl",lineHeight:1.08},tt(.1865,.1945)),xl:_({fontSize:"$3xl",lineHeight:1.12},tt(.206,.214)),xxl:_({fontSize:"$4xl",lineHeight:1.06},tt(.1793,.1873))}}}),Lt=e=>{let{size:t="md"}=e,r=U(e,l);return J.createElement(qt,Object.assign({size:t},r))};Lt.displayName="Heading";const At=Ge("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(Xe.space).reduce(((e,t)=>_({},e,{[t]:{mt:`-$space$${t}`,ml:`-$space$${t}`,"& > *":{mt:`$space$${t}`,ml:`$space$${t}`}}})),{})}}),Bt=e=>{let{css:t,gap:r=2,direction:a="row",justify:o="start"}=e,i=U(e,d);return J.createElement(et,{css:t},J.createElement(At,Object.assign({direction:a,gap:r,justify:o},i)))};Bt.displayName="Stack";const Ht=({applyCapsize:e=!0}={})=>({xs:_({fontSize:"$xs",lineHeight:1.6},e?tt(.4364):{}),sm:_({fontSize:"$sm",lineHeight:1.53},e?tt(.4056):{}),md:_({fontSize:"$md",lineHeight:1.5},e?tt(.3864):{}),lg:_({fontSize:"$lg",lineHeight:1.52},e?tt(.3983):{}),xl:_({fontSize:"$xl",lineHeight:1.42},e?tt(.3506):{})}),Pt=Ge("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,variants:{size:Ht()}}),Vt=J.forwardRef(((e,t)=>{let{size:r="md"}=e,a=U(e,c);return J.createElement(Pt,Object.assign({size:r},a,{ref:t}))}));Vt.displayName="Text";const Yt=e=>{let{title:t,description:r,onAction:a,cancelActionText:o,confirmActionText:i,onClose:n}=e,s=U(e,m);return J.createElement(Ct,{defaultOpen:!0},J.createElement(Ct.Content,Object.assign({onEscapeKeyDown:e=>e.preventDefault(),onCloseAutoFocus:n},s),J.createElement(Lt,{as:Ct.Title,size:"sm",css:{mb:"$5"}},t),r&&J.createElement(Vt,{as:Ct.Description,css:{mb:"$5"}},r),J.createElement(Bt,{gap:"2",justify:"end"},o&&J.createElement(Mt,{appearance:"outline",as:Ct.Cancel,onClick:()=>a(!1),size:"sm"},o),J.createElement(Mt,{as:Ct.Action,onClick:()=>a(!0),size:"sm"},i))))},Gt=[],Xt=(e,t)=>{switch(t.type){case"ADD":return[...e,_({},t.payload,{id:ie.uid()})];case"REMOVE":return e.filter((({id:e})=>e!==t.payload));default:return e}},_t=J.createContext({showAlert:()=>null}),Ut={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"}},Kt=Ge(ne.ButtonBack,Ut),Jt=Ge(ne.ButtonNext,Ut),Qt=Ge(ne.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"}}}),Zt=Ge(ne.Slide,{}),er=Ge(ne.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"}}}}),tr=({children:e,css:t,slideHeight:r,slideWidth:a,numSlides:o})=>J.createElement(et,{css:t},J.createElement(ne.CarouselProvider,{naturalSlideWidth:a,naturalSlideHeight:r,totalSlides:o},e));tr.ArrowNext=e=>J.createElement(Jt,Object.assign({},e),J.createElement(Je,{is:ee.ChevronRight})),tr.ArrowPrevious=e=>J.createElement(Kt,Object.assign({},e),J.createElement(Je,{is:ee.ChevronLeft})),tr.Pagination=Qt,tr.Slide=e=>{let{children:t}=e,r=U(e,p);return J.createElement(Zt,Object.assign({},r,{tag:"div"}),J.createElement(Ue,{css:{px:"$3"}},t))},tr.Slider=er,tr.displayName="Carousel";const rr=Ge(se.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),ar=Ge(se.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"}}}}),or=J.forwardRef(((e,t)=>J.createElement(ar,Object.assign({},e,{ref:t}),J.createElement(rr,null,J.createElement(Je,{is:"indeterminate"===e.checked?ee.Minus:ee.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}})))));or.displayName="Checkbox";const{sm:ir,md:nr}=Ht(),sr=Ge("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:ir,md:nr},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"}}]}),lr=Ge("span",{color:"$danger",ml:"$1",fontWeight:400}),dr=e=>{let{align:t="start",as:r="label",direction:a="row",size:o="md",type:i="block",children:n,required:s}=e,l=U(e,u);return J.createElement(sr,Object.assign({as:r,size:o,type:i,align:t,direction:a},l),n,s&&J.createElement(lr,{"aria-hidden":!0},"*"))};dr.displayName="Label";const cr=Ge("li",{}),mr=Ge("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${cr}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:Ht({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${cr}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${cr}`]:{pl:"$2","&::marker":{content:"•",fontWeight:"bold"}}}}}}),pr=e=>{let{size:t="md",ordered:r}=e,a=U(e,h);return J.createElement(mr,Object.assign({as:r?"ol":"ul",size:t},a))};pr.Item=cr;const ur=Ge("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${Pt} > &, ${qt} > &, ${cr} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:Ht()}}),hr=J.forwardRef(((e,t)=>{let{size:r="md",onClick:a,href:o}=e,i=U(e,g);return o?J.createElement(ur,Object.assign({size:r},i,{ref:t,href:o})):J.createElement(ur,Object.assign({as:"button",size:r},i,{ref:t,onClick:a}))}));hr.displayName="Link";const gr=e=>{let{css:t,children:r}=e,a=U(e,b);return J.createElement(zt,Object.assign({css:_({color:"$danger",alignItems:"flex-start"},t)},a),J.createElement(Je,{is:ee.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),J.createElement(Vt,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},r))},br=({children:e,css:t})=>J.createElement(Vt,{size:"sm",css:_({color:"$tonal300",maxWidth:"80ch"},t)},e),fr=({css:e,children:t,error:r,fieldId:a,label:o,prompt:i,description:n,required:s})=>J.createElement(Ue,{css:e},J.createElement(zt,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},J.createElement(dr,{htmlFor:a,required:s},o),i&&J.createElement(hr,{href:i.link,size:"sm"},i.label)),n&&J.createElement(br,{css:{mb:"$3"}},n),t,r&&J.createElement(gr,{css:{mt:"$2"}},r));fr.displayName="FieldWrapper";const $r=Ge(de.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"}}),yr=Ge(de.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),xr=e=>J.createElement($r,Object.assign({},e),J.createElement(yr,null));xr.displayName="RadioButton";const vr=Ge(de.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});vr.displayName="RadioButtonGroup";const wr=({align:e="start",children:t,css:r,description:a,direction:o="row",error:i,label:n,required:s})=>J.createElement(Ue,{css:r},J.createElement(dr,{align:e,direction:o,required:s,type:"inline"},J.Children.map(t,(e=>J.createElement(Ue,{css:_({["reverse"===o?"ml":"mr"]:"$3"},((null==e?void 0:e.type)===or||(null==e?void 0:e.type)===xr)&&{transform:"translateY($space$1)"})},e))),n),i&&J.createElement(gr,{css:{mt:"$2"}},i),a&&J.createElement(br,{css:{mt:"$2",["reverse"===o?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},a));var Er;wr.displayName="InlineFieldWrapper",function(e){e.LOCAL="local",e.SESSION="session"}(Er||(Er={}));const kr=Ge("form",{}),Cr=({persist:e,watch:t,setValue:r,children:a})=>{const{id:o}=e,i=U(e,f);let n=_({},i,{storage:i.storage===Er.LOCAL?window.localStorage:window.sessionStorage});if(i.exclude){const e=U(n,$),r=t();n=_({},e,{include:Object.keys(r).filter((e=>{var t;if(null==(t=i.exclude)||!t.includes(e))return e}))})}return Re.default(o,{watch:t,setValue:r},n),a},zr=e=>{let{formMethods:t,handleSubmit:r,onSubmit:a,children:o}=e,i=U(e,y);return J.createElement(le.FormProvider,Object.assign({},t),J.createElement(kr,Object.assign({"aria-label":"form"},i,{onSubmit:r(a)}),o))},Sr=e=>{let{children:t,defaultValues:r={},onSubmit:a,validationMode:o="onBlur",render:i,persist:n}=e,s=U(e,x);De.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=le.useForm({defaultValues:r,mode:o}),{handleSubmit:d,watch:c,setValue:m}=l,p=i?i(l):t,u=_({formMethods:l,handleSubmit:d,onSubmit:a},s);return n?J.createElement(Cr,{persist:n,watch:c,setValue:m},J.createElement(zr,Object.assign({},u),p)):J.createElement(zr,Object.assign({},u),p)};Sr.displayName="Form";const Or=e=>{var t;const{errors:r}=le.useFormContext(),a=e.split(/[,[\].]+?/).filter(Boolean);return{error:null==(t=Fe.default(r,a))?void 0:t.message}};var jr;!function(e){e.ON="on",e.OFF="off"}(jr||(jr={}));const Dr=e=>{let{css:t,defaultChecked:r=!1,label:a,name:o,validation:i,description:n}=e,s=U(e,v);const{control:l}=le.useFormContext(),{error:d}=Or(o);return J.createElement(le.Controller,{control:l,name:o,defaultValue:r,rules:i,render:({onChange:e,value:o,name:l})=>J.createElement(wr,{css:t,description:n,error:d,label:a,required:Boolean(null==i?void 0:i.required)},J.createElement(or,Object.assign({defaultChecked:r,defaultValue:r?jr.ON:jr.OFF,checked:o,name:l,onCheckedChange:e,value:o?jr.ON:jr.OFF},d&&{state:"error"},s)))})};Dr.displayName="CheckboxField";const Rr=Ge(pe.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:at(Xe.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"}}}}),Fr=Ge(pe.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),Nr=Ge(pe.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),Tr=Ge(pe.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)"});Ve({":root":{"--reach-combobox":1}})();const Ir=Ge(pe.Combobox,{}),Wr=e=>J.createElement(Ir,Object.assign({},e));Wr.displayName="Combobox",Wr.Option=Nr,Wr.Input=Rr,Wr.Popover=Tr,Wr.List=Fr,Wr.OptionText=pe.ComboboxOptionText;const Mr=Ge(ue.Close,{}),qr=Ye({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),Lr=Ye({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),Ar=Ge(ue.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${lt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${dt} 550ms ease-out`}}}),Br=Ge(ue.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:`${qr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Lr} 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"}}}}),Hr=Ge(ue.Root,{}),Pr=e=>J.createElement(Hr,Object.assign({},e));Pr.Close=Mr,Pr.Content=e=>{let{size:t="sm",children:r,closeDialogText:a="Close dialog"}=e,o=U(e,w);return J.createElement(J.Fragment,null,J.createElement(Ar,null),J.createElement(Br,Object.assign({size:t},o),J.createElement(yt,{as:ue.Close,css:{position:"absolute",right:"$4",top:"$4"},label:a,size:"lg",theme:"neutral"},J.createElement(Je,{is:ee.Close})),r))},Pr.Trigger=ue.Trigger,Pr.displayName="Dialog";const Vr=Ge("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),Yr=e=>{let{orientation:t="horizontal"}=e,r=U(e,E);return Oe.default.createElement(Vr,Object.assign({orientation:t},r))},Gr=Ge(he.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:nt},'&[data-side="right"]':{animationName:st},'&[data-side="bottom"]':{animationName:ot},'&[data-side="left"]':{animationName:it}}}}),Xr=Ge(he.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"}}),_r=Ge("a",{textDecoration:"none"}),Ur=Ge(he.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),Kr=Ge(he.Trigger,{}),Jr=Ge(he.Root,{}),Qr=e=>Oe.default.createElement(Jr,Object.assign({},e));Qr.Content=Gr,Qr.Item=Xr,Qr.LinkItem=e=>{let{children:t,href:r}=e,a=U(e,k);return Oe.default.createElement(Xr,Object.assign({},a,{asChild:!0}),Oe.default.createElement(_r,{href:r,role:"menuitem"},t))},Qr.Separator=Ur,Qr.Trigger=Kr;const Zr=Ge("div",{display:"grid",variants:{gap:Object.keys(Xe.space).reduce(((e,t)=>_({},e,{[t]:{gap:`$space$${t}`}})),{})}}),ea=e=>{let{css:t,gap:r=2,minItemSize:a}=e,o=U(e,C);return J.createElement(Zr,Object.assign({css:_({},t,{gridTemplateColumns:`repeat(auto-fit, minmax(${a}, 1fr))`}),gap:r},o))};ea.displayName="Grid";const ta=Ge("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});ta.displayName="Image";const ra=Ge("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"}}}}),aa=J.forwardRef(((e,t)=>{let{type:r="text",size:a="md"}=e,o=U(e,z);return"number"===r?J.createElement(ra,Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",size:a},o,{ref:t})):J.createElement(ra,Object.assign({type:r,size:a},o,{ref:t}))}));aa.displayName="Input";const oa=e=>{let{css:t,label:r,name:a,validation:o,prompt:i,description:n}=e,s=U(e,S);const{register:l}=le.useFormContext(),{error:d}=Or(a),c=o?l(o):l;return J.createElement(fr,{css:t,description:n,error:d,fieldId:a,label:r,prompt:i,required:Boolean(null==o?void 0:o.required)},J.createElement(aa,Object.assign({id:a,name:a,ref:c},d&&{state:"error"},s)))};oa.displayName="InputField";const ia=Ge(Ue,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),na=Ge("em",{fontStyle:"italic"}),sa=({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 J.createElement(Lt,{as:o,size:i,css:_({color:"inherit"},r)},null==(a=e.children)?void 0:a.map(t))},la=Ge(Ue,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),da=({node:e,css:t})=>J.createElement(ta,{src:e.url,alt:e.alt,css:t}),ca=({node:e,handleNode:t,css:r})=>{var a;return J.createElement(pr,{css:_({"& p:before, & p:after":{display:"none"}},r),ordered:e.ordered},null==(a=e.children)?void 0:a.map(t))},ma=({node:e,handleNode:t,css:r})=>{var a;return J.createElement(Vt,{css:_({color:"inherit"},r)},null==(a=e.children)?void 0:a.map(t))},pa=Ge("strong",{fontWeight:600}),ua=({css:e})=>J.createElement(Yr,{css:_({width:"100%"},e)}),ha=Ge("div",{}),ga=(e,t)=>J.cloneElement(e,{css:_({},t,e.props.css?e.props.css:{})}),ba=e=>{let{children:t}=e,r=U(e,O);return J.createElement(ha,Object.assign({},r),J.Children.map(t,(e=>{if(!J.isValidElement(e))return e;const t=null==e?void 0:e.type;return t===Lt||t===sa?ga(e,{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}}):t===Vt||t===ma||t===pr||t===ca?ga(e,{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}}):t===Yr||t===ua?ga(e,{my:"$5"}):t===ta||t===da?ga(e,{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}):e})))};ba.displayName="StackContent";const fa={code:({node:e})=>J.createElement(ia,{as:"pre"},e.value),emphasis:({node:e,handleNode:t})=>{var r;return J.createElement(na,null,null==(r=e.children)?void 0:r.map(t))},heading:sa,inlineCode:({node:e})=>J.createElement(la,{as:"code"},e.value),image:da,link:({node:e,handleNode:t})=>{var r;return J.createElement(hr,{title:e.title,href:e.url},null==(r=e.children)?void 0:r.map(t))},list:ca,listItem:({node:e,handleNode:t})=>{var r;return J.createElement(pr.Item,null,null==(r=e.children)?void 0:r.map(t))},paragraph:ma,strong:({node:e,handleNode:t})=>{var r;return J.createElement(pa,null,null==(r=e.children)?void 0:r.map(t))},text:({node:e})=>e.value,thematicBreak:ua},$a=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}`},ya=({content:e,customComponents:t={},css:r})=>{const a=Te.default(e,{extensions:[Ie.default()],mdastExtensions:[Ne.default.fromMarkdown]}),o=_({},fa,t),i=e=>{const t=o[e.type];return t?J.createElement(t,{key:$a(e),node:e,handleNode:i}):null};return J.createElement(ba,{css:r},a.children.map(i))};ya.displayName="MarkdownContent";const xa=J.forwardRef(((e,t)=>{let{css:r,hidePasswordText:a="Hide password",showPasswordText:o="Show password"}=e,i=U(e,j);const[n,s]=J.useState(!1);return J.createElement(Ue,{css:_({position:"relative"},r)},J.createElement(aa,Object.assign({},i,{type:n?"text":"password",ref:t,css:{pr:"$sizes$2"}})),J.createElement(yt,{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"},J.createElement(Je,{is:n?ee.Eye:ee.EyeCrossed,css:{size:20}})))}));xa.displayName="PasswordInput";const va=e=>{let{css:t={},label:r="Password",name:a,prompt:o,description:i,validation:n}=e,s=U(e,D);const{register:l}=le.useFormContext(),{error:d}=Or(a),c=n?l(n):l;return J.createElement(fr,{css:_({},t,{position:"relative"}),description:i,error:d,fieldId:a,label:r,prompt:o,required:Boolean(null==n?void 0:n.required)},J.createElement(xa,Object.assign({autoComplete:"current-password",name:a,id:a,ref:c},s)))};va.displayName="PasswordField";const wa=Ge($e.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:nt},'&[data-side="right"]':{animationName:st},'&[data-side="bottom"]':{animationName:ot},'&[data-side="left"]':{animationName:it}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),Ea=Ge($e.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}});Ge($e.Root,{});const ka=e=>J.createElement($e.Root,Object.assign({},e));ka.Content=e=>{let{children:t,side:r="top",sideOffset:a=8,closePopoverText:o="Close popover",size:i="md"}=e,n=U(e,R);return J.createElement(wa,Object.assign({size:i,side:r,sideOffset:a},n),J.createElement(yt,{as:$e.Close,css:{position:"absolute",right:"$0",top:"$0"},label:o,size:"lg",theme:"neutral"},J.createElement(Je,{is:ee.Close})),t,J.createElement(Ea,{width:16,height:8}))},ka.Trigger=$e.Trigger,ka.displayName="Popover";const Ca=Ge(ye.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"}}}}),za=Ge(ye.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),Sa=e=>{let{value:t,theme:r="primary"}=e,a=U(e,F);return J.createElement(Ca,Object.assign({theme:r},a),J.createElement(za,{style:{width:`${t}%`}}))};Sa.displayName="ProgressBar";const Oa=Ge(de.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"}}}}),ja=Ge("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"}}]}),Da=Ge(de.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),Ra=e=>{let{children:t,isFullWidth:r=!1,size:a="md",align:o="left"}=e,i=U(e,N);return J.createElement(Oa,Object.assign({},i,{align:o,isFullWidth:r,size:a}),J.createElement(ja,{align:o,containerIsFullWidth:r},J.createElement(Da,null)),J.createElement(Ue,null,t))},Fa=e=>{let{css:t,label:r,value:a}=e,o=U(e,I);return J.createElement(wr,{css:t,label:r},J.createElement(xr,Object.assign({value:a},o)))};Fa.displayName="RadioField";const Na=Ge("fieldset",{all:"unset"}),Ta=({children:e,css:t,direction:r="column",defaultValue:a,description:o,label:i,name:n,validation:s})=>{const{control:l}=le.useFormContext(),{error:d}=Or(n);return J.createElement(Na,{css:t},J.createElement(dr,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(null==s?void 0:s.required)},i),o&&J.createElement(br,{css:{mb:"$3"}},o),J.createElement(le.Controller,{control:l,name:n,rules:s,defaultValue:a,render:({onChange:t,value:o})=>J.createElement(vr,{direction:r,defaultValue:a,onValueChange:t,value:o},e)}),d&&J.createElement(gr,{css:{mt:"$2"}},d))};Ta.Item=Fa,Ta.displayName="RadioButtonField";const Ia=e=>{let{size:t,css:r}=e,a=U(e,W);return J.createElement(Ue,{css:_({position:"relative"},r)},J.createElement(J.Fragment,null,J.createElement(Je,{is:ee.Search,css:{color:"$tonal300",pointerEvents:"none",position:"absolute",size:"sm"===t?"$1":20,top:"sm"===t?"$2":10,left:"sm"===t?"$2":10}}),J.createElement(aa,Object.assign({size:t,css:{pl:"sm"===t?"$5":"$6"}},a,{type:"search"}))))};Ia.displayName="SearchInput";const Wa=Ge("select",{appearance:"none",backgroundColor:"white",backgroundImage:at(Xe.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"}}}}),Ma=J.forwardRef(((e,t)=>{let{placeholder:r,children:a,size:o="md"}=e,i=U(e,M);return J.createElement(Wa,Object.assign({size:o,defaultValue:""},i,{ref:t}),r&&J.createElement("option",{disabled:!0,hidden:!0,value:""},r),a)}));Ma.displayName="Select";const qa=e=>{let{css:t,children:r,name:a,label:o,validation:i,prompt:n,description:s}=e,l=U(e,q);const{register:d}=le.useFormContext(),{error:c}=Or(a),m=i?d(i):d;return J.createElement(fr,{css:t,description:s,error:c,fieldId:a,label:o,prompt:n,required:Boolean(null==i?void 0:i.required)},J.createElement(Ma,Object.assign({name:a,id:a},l,{ref:m},c&&{state:"error"}),r))};qa.displayName="SelectField";const La=Ge(xe.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"}}),Aa=Ge(xe.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),Ba=e=>J.createElement(La,Object.assign({},e),J.createElement(Aa,null));Ba.displayName="Switch";const Ha=Ge("tbody",{});Ha.displayName="TableBody";const Pa=Ge("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"}});Pa.displayName="TableCell";const Va=Ge("tfoot",{});Va.displayName="TableFooter";const Ya=Ge("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Ya.displayName="TableFooterCell";const Ga=Ge("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Ga.displayName="TableHeaderCell";const Xa=Ge("thead",{variants:{theme:{primary:{[`${Ga}`]:{bg:"$primary"}},primaryDark:{[`${Ga}`]:{bg:"$primaryDark"}}}}}),_a=e=>{let{theme:t="primaryDark"}=e,r=U(e,L);return Oe.default.createElement(Xa,Object.assign({theme:t},r))};_a.displayName="TableHeader";const Ua=Ge("tr",{});Ua.displayName="TableRow";const Ka=Ge("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${Pa}, ${Ga}, ${Ya}`]:{height:"$4"}},lg:{[`${Pa}, ${Ga}, ${Ya}`]:{height:"$5"}}},corners:{round:{[`${Ga}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${Ua}:last-child`]:{[`${Pa}:first-child`]:{borderBottomLeftRadius:"$0"},[`${Pa}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),Ja=e=>{let{size:t="md",corners:r="round"}=e,a=U(e,A);return J.createElement(Ka,Object.assign({size:t,corners:r},a))};Ja.Body=Ha,Ja.Cell=Pa,Ja.Footer=Va,Ja.FooterCell=Ya,Ja.Header=_a,Ja.HeaderCell=Ga,Ja.Row=Ua,Ja.displayName="Table";const Qa=Ge(ve.Trigger,{textTransform:"uppercase",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{bg:"white",'&[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:te.opacify(-.9,Xe.colors.primary.value)},"&:not([data-disabled]):active":{color:"$primary",bg:te.opacify(-.8,Xe.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:te.opacify(-.8,"white")},"&:not([data-disabled]):active":{bg:te.opacify(-.7,"white"),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Za=e=>{let{children:t,theme:r,disabled:a=!1}=e,o=U(e,B);return J.createElement(Qa,Object.assign({disabled:a,theme:r},o),t)};Za.displayName="TabTrigger";const eo=(e,t,r=[])=>Oe.default.Children.map(e,(e=>Oe.default.isValidElement(e)&&r.includes(null==e?void 0:e.type)?Oe.default.cloneElement(e,_({},t)):e)),to=te.opacify(-.2,"white"),ro=te.opacify(-.2,Xe.colors.primaryDark.value),ao=Ge(yt,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${to} !important`},dark:{bg:`${ro} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),oo=Ge(ve.List,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{borderBottom:"1px solid $tonal200"}}}}),io=e=>{let{children:t,theme:r,enableTabScrolling:a}=e,o=U(e,H);const i=J.useRef(null),[n,s]=J.useState(!1),[l,d]=J.useState(!1),[c,m]=J.useState(window.innerWidth),p=J.useCallback((e=>{const t=i.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?(s(!1),d(!0)):r+a===e?(d(!1),s(!0)):(s(!0),d(!0))}),500)}}),[]);J.useEffect((()=>{const e=we.debounce((()=>{m(window.innerWidth)}),500);return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),J.useEffect((()=>{const e=i.current;if(e){const{offsetWidth:t,scrollWidth:r}=e,a=r>t;null==e.scroll||e.scroll({left:0}),s(!1),d(a)}}),[c]);return n||l||a?Oe.default.createElement(zt,{css:{position:"relative"}},Oe.default.createElement(ao,{size:"xl",label:"Scroll Left",theme:r,onClick:()=>p("left"),visible:n,css:{left:0}},Oe.default.createElement(Je,{is:ee.ChevronLeft,size:"lg"})),Oe.default.createElement(oo,Object.assign({},o,{ref:i,theme:r}),eo(t,{theme:r},[Za])),Oe.default.createElement(ao,{size:"xl",label:"Scroll right",theme:r,onClick:()=>p("right"),visible:l,css:{right:0}},Oe.default.createElement(Je,{is:ee.ChevronRight,size:"lg"}))):Oe.default.createElement(oo,Object.assign({theme:r},o,{ref:i}),eo(t,{theme:r},[Za]))},no=Ge(ve.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{bg:"white",color:"$primary"},dark:{bg:"$primaryDark",color:"white"}}}}),so=Ge(ve.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{color:"white"}}}}),lo=e=>{let{theme:t="light",children:r}=e,a=U(e,P);return J.createElement(no,Object.assign({theme:t},a),eo(r,{theme:t},[io,so]))};lo.TriggerList=io,lo.Trigger=Za,lo.Content=so,lo.displayName="Tabs";const co=Ge("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"}}}}),mo=J.forwardRef(((e,t)=>J.createElement(co,Object.assign({},e,{ref:t}))));mo.displayName="Textarea";const po=e=>{let{css:t,label:r,name:a,validation:o,prompt:i,description:n}=e,s=U(e,V);const{register:l}=le.useFormContext(),{error:d}=Or(a),c=o?l(o):l;return J.createElement(fr,{css:t,description:n,error:d,fieldId:a,label:r,prompt:i,required:Boolean(null==o?void 0:o.required)},J.createElement(mo,Object.assign({id:a,name:a,ref:c},d&&{state:"error"},s)))};po.displayName="TextareaField";const uo=Ge("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${Ye({"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:`${Ye({"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)`}}}}}),ho=Ge("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"}}}}),go=J.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 J.createElement(uo,{visible:n},J.createElement(ho,{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&&J.createElement(Je,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:ee.Error}),J.createElement(Vt,{css:{color:"inherit"}},a),"loading"===i?J.createElement(Ot,{css:{flex:"0 0 auto",ml:"auto"}}):J.createElement(yt,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>Ee.toast.dismiss(r)},J.createElement(Je,{is:ee.Close}))))})),bo=Ge("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:2147483647,"@sm":{top:"$3",right:"auto",left:"calc(50% - 200px)"}}),fo=({children:e})=>{const{toasts:t,handlers:r}=Ee.useToaster(),{startPause:a,endPause:o,calculateOffset:i,updateHeight:n}=r;return J.createElement(J.Fragment,null,J.createElement(bo,{onMouseEnter:a,onMouseLeave:o},t.map((e=>J.createElement(go,Object.assign({key:e.id,calculateOffset:i,updateHeight:n},e))))),e)};fo.displayName="ToastProvider";const $o=Ge(ke.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:nt},'&[data-side="right"]':{animationName:st},'&[data-side="bottom"]':{animationName:ot},'&[data-side="left"]':{animationName:it}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),yo=Ge(ke.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),xo=e=>{let{children:t,delayDuration:r=350}=e,a=U(e,G);return J.createElement(ke.Root,Object.assign({delayDuration:r},a),t)};xo.Content=e=>{let{children:t,side:r="top",sideOffset:a=4,size:o="md"}=e,i=U(e,Y);return J.createElement($o,Object.assign({side:r,sideOffset:a,size:o},i),t,J.createElement(yo,null))},xo.Trigger=Ge(ke.Trigger,{}),xo.displayName="Tooltip";const vo=Ge(Me.default,{}),wo=J.forwardRef(((e,t)=>{let{id:r,ratio:a=9/16,css:o}=e,i=U(e,X);return J.createElement(et,{css:o},J.createElement(Ue,{css:{borderRadius:"$0",position:"relative",paddingTop:100*a+"%",overflow:"hidden",height:0,width:"100%"}},J.createElement(vo,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}))))}));wo.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return We.default}}),exports.Accordion=ht,exports.ActionIcon=yt,exports.AlertDialog=Ct,exports.AlertProvider=({children:e})=>{const[t,r]=J.useReducer(Xt,Gt),a=(()=>{const e=J.useRef();return J.useEffect((()=>(e.current=!0,()=>{e.current=!1}))),e})();return J.createElement(_t.Provider,{value:{showAlert:e=>r({payload:e,type:"ADD"})}},Boolean(t.length)&&J.createElement(Yt,Object.assign({},t[0],{key:t[0].id,onClose:()=>{a.current&&r({payload:t[0].id,type:"REMOVE"})}})),e)},exports.Box=Ue,exports.Button=Mt,exports.Carousel=tr,exports.Checkbox=or,exports.CheckboxField=Dr,exports.Combobox=Wr,exports.Dialog=Pr,exports.Divider=Yr,exports.DropdownMenu=Qr,exports.FieldWrapper=fr,exports.Flex=zt,exports.Form=Sr,exports.Grid=ea,exports.Heading=Lt,exports.Icon=Je,exports.Image=ta,exports.InlineFieldWrapper=wr,exports.Input=aa,exports.InputField=oa,exports.Label=dr,exports.Link=hr,exports.List=pr,exports.Loader=Ot,exports.MarkdownContent=ya,exports.PasswordField=va,exports.PasswordInput=xa,exports.Popover=ka,exports.ProgressBar=Sa,exports.RadioButton=xr,exports.RadioButtonField=Ta,exports.RadioButtonGroup=vr,exports.RadioCard=Ra,exports.RadioCardGroup=e=>{let{css:t,children:r,size:a,isFullWidth:o,align:i,gap:n="3",justify:s}=e,l=U(e,T);return J.createElement(de.Root,Object.assign({},l),J.createElement(Bt,{direction:"row",justify:s,gap:n,css:t},J.Children.map(r,(e=>J.isValidElement(e)&&(null==e?void 0:e.type)===Ra?J.cloneElement(e,{size:a,isFullWidth:o,align:i}):e))))},exports.SearchInput=Ia,exports.Select=Ma,exports.SelectField=qa,exports.Stack=Bt,exports.StackContent=ba,exports.StyledButton=Dt,exports.StyledLink=ur,exports.Switch=Ba,exports.Table=Ja,exports.Tabs=lo,exports.Text=Vt,exports.Textarea=mo,exports.TextareaField=po,exports.ToastProvider=fo,exports.Tooltip=xo,exports.ValidationError=gr,exports.Video=wo,exports.createTheme=Pe,exports.css=Be,exports.getCssText=He,exports.globalCss=Ve,exports.keyframes=Ye,exports.media=Le,exports.styled=Ge,exports.theme=Xe,exports.useAlert=()=>{const e=J.useContext(_t);if(void 0===e)throw new Error("useAlert must be used within a AlertProvider");return e},exports.utils=qe;

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "description": "",
   "files": [
     "dist"
@@ -148,6 +148,7 @@
     "react-hook-form-persist": "^2.0.0",
     "react-hot-toast": "^1.0.2",
     "react-player": "^2.9.0",
+    "throttle-debounce": "^3.0.1",
     "uid": "^2.0.0"
   },
   "husky": {