@atom-learning/components 1.18.0 → 1.19.0

package/dist/docs/Stepper.mdx

@@ -16,7 +16,10 @@ category: Navigation
 The root `Stepper` component must be passed `stepCount` as a number in order to display the desired number of bullet steps. It also takes `onStepChange` as a function that takes `activeStep` as an argument. This can be used to determine what content to display, based on the current step. It can also take `onComplete` as a function that gets called when the user clicks the `StepForward` button while on the last step.
 
 ```tsx preview
-<Stepper stepCount={3}>
+<Stepper
+  stepCount={3}
+  css={{ display: 'grid', gridTemplateColumns: '1fr auto 1fr' }}
+>
   <Stepper.StepBack>Back</Stepper.StepBack>
   <Stepper.Steps />
   <Stepper.StepForward>Next</Stepper.StepForward>
@@ -35,9 +38,10 @@ Below is a more complex example that shows how to dynamically render the button
   onStepChange={(activeStep) =>
     console.log('Do something with the active step')
   }
+  css={{ display: 'grid', gridTemplateColumns: '1fr auto 1fr' }}
 >
   <Stepper.StepBack label={(activeStep) => 'Back'} />
-  <Stepper.Steps css={{ width: '200px' }} />
+  <Stepper.Steps />
   <Stepper.StepForward
     label={(activeStep) => (activeStep === 2 ? 'Finish' : 'Next')}
   />
@@ -45,13 +49,56 @@ Below is a more complex example that shows how to dynamically render the button
 ```
 
 Below is how to override the forward default behavior if some logic or validation need to be done before moving to the next step
+
 ```tsx preview
-<Stepper stepCount={3}>
+<Stepper
+  stepCount={3}
+  css={{ display: 'grid', gridTemplateColumns: '1fr auto 1fr' }}
+>
   <Stepper.StepBack>Back</Stepper.StepBack>
   <Stepper.Steps />
-  <Stepper.StepForward onClick={(goToNextStep) => {
-    // do something before
-    goToNextStep()
-  }}>Next</Stepper.StepForward>
+  <Stepper.StepForward
+    onClick={(goToNextStep) => {
+      // do something before
+      goToNextStep()
+    }}
+  >
+    Next
+  </Stepper.StepForward>
+</Stepper>
+```
+
+The root `Stepper` component also allows the user to pass a `steps` prop in order to render step labels. When the `steps` prop is passed, the `Stepper` component will be used as a controlled component thereby taking control of its state. When used as a controlled component, navigation across steps, and identifying the state of a step would be controlled by the array of steps passed to the component.
+
+Below is an example that shows how to use the controlled component. Each object in the `steps` array must include a `label` and a `status` property to determine what content to render based on the current position.
+
+```tsx preview
+<Stepper
+  steps={[
+    {
+      label: 'Step 1',
+      status: 'viewed'
+    },
+    {
+      label: 'Step 2',
+      status: 'active'
+    },
+    {
+      label: 'Step 4',
+      status: 'default'
+    }
+  ]}
+>
+  <Stepper.Steps />
 </Stepper>
-```
+```
+
+The root `Stepper` component also allows the user to pass a `orientation` prop in order to the alternate the component direction .
+
+Below is an example that shows how to render steps in vertical direction.
+
+```tsx preview
+<Stepper stepCount={2} orientation="vertical">
+  <Stepper.Steps />
+</Stepper>
+```

package/dist/index.cjs.js

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

package/package.json

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