@atom-learning/components 1.6.1 → 1.6.2

package/dist/docs/Grid.mdx

@@ -16,3 +16,13 @@ The `gap` prop specifies the distance between items in the grid using the theme'
   ))}
 </Grid>
 ```
+
+Should you need further control of the size of grid items, you can pass `maxItemSize`, which accepts the same value types as `minItemSize`. This is useful when you wish to control the width of items that may or may not fill the container width based on content, so they do not stretch to fill the width.
+
+```tsx
+<Grid minItemSize="10em" maxItemSize="10em" gap="3" css={{ width: '100%' }}>
+  {Array.from(Array(3)).map((_, i) => (
+    <Box key={i} css={{ bg: '$primary', height: '10em' }} />
+  ))}
+</Grid>
+```

package/dist/index.cjs.js

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

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "",
   "files": [
     "dist"