@atom-learning/components 1.7.1 → 1.7.2

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