@atom-learning/components 2.3.0 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/components/empty-state/EmptyStateImage.d.ts +6 -273
  3. package/dist/components/empty-state/EmptyStateImage.js +1 -1
  4. package/dist/components/index.d.ts +1 -0
  5. package/dist/components/search-field/SearchField.d.ts +15 -0
  6. package/dist/components/search-field/SearchField.js +1 -0
  7. package/dist/components/search-field/index.d.ts +1 -0
  8. package/dist/components/search-input/SearchInput.d.ts +1 -2
  9. package/dist/components/search-input/SearchInput.js +1 -1
  10. package/dist/components/search-input/index.d.ts +1 -0
  11. package/dist/docgen.json +1 -1
  12. package/dist/docs/SearchField.mdx +26 -0
  13. package/dist/index.cjs.js +1 -1
  14. package/dist/index.js +1 -1
  15. package/package.json +1 -1
package/dist/docs/SearchField.mdx ADDED
@@ -0,0 +1,26 @@
1
+ ---
2
+ title: Search Field
3
+ component: SearchField
4
+ description: SearchField renders a field composed of an SearchInput, a Label and a InlineMessage
5
+ category: Form fields
6
+ ---
7
+
8
+ `SearchField` is the preferred way to render a form field for search inputs.
9
+
10
+ In addition to text `Label` (required) and a validation error (optional), `SearchField` accepts all the same props as `SearchInput` and will pass them on to the `SearchInput` it renders. However, as with all our composed components,
11
+ `SearchField`’s `css` prop will be applied to a containing `Box`—the styling of the individual components inside `SearchField` cannot be altered.
12
+
13
+ Err on the side of using consistent form fields, but if you really need something with different styling then consider composing your own field from the
14
+ `SearchInput`, `Label` and `InlineMessage` components.
15
+
16
+ ```tsx preview
17
+ <Form>
18
+ <SearchField
19
+ name="Email address"
20
+ label="Email address"
21
+ placeholder="your.name@example.com"
22
+ type="email"
23
+ css={{ width: 320 }}
24
+ />
25
+ </Form>
26
+ ```
package/dist/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var We=require("@radix-ui/react-accordion"),I=require("react"),dr=require("@atom-learning/theme"),cr=require("@stitches/react"),b=require("@atom-learning/icons"),v=require("color2k"),mr=require("invariant"),_=require("@radix-ui/react-alert-dialog"),pr=require("@radix-ui/react-visually-hidden"),ur=require("uid"),Z=require("pure-react-carousel"),hr=require("@radix-ui/react-checkbox"),N=require("react-hook-form"),$r=require("@radix-ui/react-radio-group"),fr=require("react-hook-form-persist"),gr=require("dlv"),Ot=require("@radix-ui/react-slot"),br=require("@radix-ui/react-toggle-group"),me=require("@reach/combobox"),q=require("@radix-ui/react-dialog"),yr=require("dayzed"),pe=require("@radix-ui/react-popover"),vr=require("dayjs"),xr=require("dayjs/plugin/customParseFormat"),we=require("@radix-ui/react-dropdown-menu"),wr=require("mdast-util-directive"),Er=require("mdast-util-from-markdown"),Cr=require("micromark-extension-directive"),Pt=require("throttle-debounce"),Sr=require("@radix-ui/react-progress"),Ae=require("@radix-ui/react-slider"),kr=require("@radix-ui/react-switch"),Be=require("@radix-ui/react-tabs"),ot=require("react-hot-toast"),Ee=require("@radix-ui/react-tooltip"),zr=require("react-player/vimeo"),Dr=require("@radix-ui/react-navigation-menu");function H(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function j(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=j(I),m=H(I),Rr=j(dr),Oe=H(mr),Ir=j(pr),Ht=j(hr),ue=j($r),Tr=H(fr),Fr=H(gr),Pe=j(br),Ce=H(vr),Nr=H(xr),Mr=H(wr),Lr=H(Er),Wr=H(Cr),Vt=j(Sr),_t=j(kr),Ar=H(ot),Br=H(zr),ee=j(Dr);const qt={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})},jt={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=cr.createStitches({theme:Rr,utils:qt,media:jt}),{css:Pr,getCssText:Hr,createTheme:Vr,globalCss:Gt,keyframes:D,styled:i,theme:C}=Or,w=i("div",{});w.displayName="Box";const he=({css:e,children:t})=>e?o.createElement(w,{css:e},t):o.createElement(o.Fragment,null,t);he.displayName="CSSWrapper";const V=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}}),_r={chevron:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><polyline points="6 10 12 16 18 10"/></svg>`,search:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},Yt=(e,t)=>`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(_r[t](v.toHex(e)))})`,He=({position:e="relative",zIndex:t=1}={})=>({outline:"none",position:["relative","absolute","fixed","sticky"].includes(e)?e:"relative",zIndex:t>1?t:1,boxShadow:"white 0px 0px 0px 2px, $colors$primary 0px 0px 0px 4px"}),rt=D({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),at=D({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),nt=D({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),it=D({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),Ut=D({"0%":{opacity:0},"100%":{opacity:1}}),lt=D({"0%":{opacity:1},"100%":{opacity:0}}),qr=D({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),jr=D({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),Gr=i(We.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${qr} 300ms ease-out`},'&[data-state="closed"]':{animation:`${jr} 300ms ease-out`}}}),Yr=({children:e,css:t,...r})=>m.default.createElement(Gr,{...r},m.default.createElement(he,{css:t},e)),Ur=i(We.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),Xr=({children:e,value:t,...r})=>m.default.createElement(Ur,{value:t,...r},e),Xt=i("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),f=o.forwardRef(({is:e,size:t="md",...r},a)=>o.createElement(Xt,{size:t,"aria-hidden":"true",...r,as:e,ref:a})),Jt=(e,t,r,a="#fff")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:t},"&:not([disabled]):active":{bg:r}}),Jr=i(f,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),Kr=i(We.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:Jt("$primaryDark",v.darken(C.colors.primaryDark.value,.1),v.darken(C.colors.primaryDark.value,.15)),light:Jt("#fff",v.darken("#fff",.1),v.darken("#fff",.15),"$tonal600")}}}),Qr=({theme:e="primaryDark",children:t,...r})=>m.default.createElement(Kr,{theme:e,...r},t,m.default.createElement(Jr,{is:b.ChevronDown})),Zr=i(We.Root,{width:"100%"}),Se=m.default.forwardRef(({type:e="single",children:t,...r},a)=>m.default.createElement(Zr,{ref:a,type:e,...r},t));Se.Item=Xr,Se.Content=Yr,Se.Trigger=Qr,Se.displayName="Accordion";const T=i("div",{display:"flex"});T.displayName="Flex";const te=({applyCapsize:e=!0}={})=>({xs:{fontSize:"$xs",lineHeight:1.6,...e?V(.4364):{}},sm:{fontSize:"$sm",lineHeight:1.53,...e?V(.4056):{}},md:{fontSize:"$md",lineHeight:1.5,...e?V(.3864):{}},lg:{fontSize:"$lg",lineHeight:1.52,...e?V(.3983):{}},xl:{fontSize:"$xl",lineHeight:1.42,...e?V(.3506):{}}}),st=i("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{size:te()}}),L=o.forwardRef(({size:e="md",...t},r)=>o.createElement(st,{size:e,...t,ref:r}));L.displayName="Text";const Kt=i(L,{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"}}}}),Qt=i("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}}),ke=Qt;ke.displayName="Image";const Zt=i(ke,{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"}}}}),eo=i("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"}}}}),ea=i(T,{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"}}}}),ze=({size:e="sm",children:t,...r})=>o.createElement(ea,{size:e,...r},o.Children.map(t,a=>o.isValidElement(a)&&(a.type===Zt||a.type===eo||a.type===Kt)?o.cloneElement(a,{...a.props,size:e}):a));ze.displayName="EmptyState",ze.Image=Zt,ze.Title=eo,ze.Body=Kt;const ta={xs:"sm",sm:"sm",md:"md",lg:"lg"},$e=(e,t,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),De=(e,t,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:t,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),Re=(e,t,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),oa=i("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:$e("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:$e("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:$e("$primaryDark",v.darken(C.colors.primaryDark.value,.1),v.darken(C.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:$e("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:$e("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:$e("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:De("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:De("$primaryDark",v.darken(C.colors.primaryDark.value,.1),v.darken(C.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:De("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:De("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:De("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:Re("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:Re("$primaryDark",v.darken(C.colors.primaryDark.value,.1),v.darken(C.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:Re("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:Re("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:Re("$danger","$dangerMid","$dangerDark")}]}),F=o.forwardRef(({children:e,theme:t="primary",appearance:r="simple",size:a="sm",label:n,href:l,disabled:s,...c},d)=>{const p=`A single ${f.displayName} component is permitted as a child of ${F.displayName}`;return Oe.default(o.Children.count(e)===1,p),o.createElement(oa,{...c,...l?{as:"a",href:s?null:l,onClick:void 0,"aria-disabled":!!s}:{type:"button"},"aria-label":n,theme:t,appearance:r,size:a,ref:d,disabled:s},o.Children.map(e,$=>{if(!o.isValidElement($))throw new Error(p);return Oe.default($.type===f,`Children of type ${$==null?void 0:$.type} aren't permitted. Only an ${f.displayName} component is allowed in ${F.displayName}`),o.cloneElement($,{size:ta[a],css:{...$.props.css?$.props.css:{}}})}))});F.displayName="ActionIcon";const to=2147483647,Ve=1147483646,dt="translate3d(-50%, -50%, 0)",oo="translate3d(-50%, 50vh, 0)",ra=D({"0%":{transform:oo},"100%":{transform:dt}}),aa=D({"0%":{transform:dt},"100%":{transform:oo}}),na=i(_.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",zIndex:Ve,"@allowMotion":{'&[data-state="open"]':{animation:`${Ut} 250ms ease-out`},'&[data-state="closed"]':{animation:`${lt} 550ms ease-out`}}}),ia=i(_.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:dt,"&:focus":{outline:"none"},zIndex:Ve,"@allowMotion":{'&[data-state="open"]':{animation:`${ra} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${aa} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),la=({size:e="sm",...t})=>o.createElement(_.Portal,null,o.createElement(na,null),o.createElement(ia,{size:e,...t})),sa=i(_.Root,{}),M=e=>o.createElement(sa,{...e});M.Description=_.Description,M.Title=_.Title,M.Action=_.Action,M.Cancel=_.Cancel,M.Content=la,M.Trigger=_.Trigger,M.displayName="AlertDialog";const da=()=>{const e=I.useRef();return I.useEffect(()=>(e.current=!0,()=>{e.current=!1})),e},ca=D({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),ct=i("div",{animationName:`${ca}`,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"}}}}),mt=({css:e={},message:t="Loading",size:r="md"})=>o.createElement(T,{css:{justifyContent:"center",...e},role:"alert"},o.createElement(Ir.Root,null,t),o.createElement(ct,{size:r}),o.createElement(ct,{size:r}),o.createElement(ct,{size:r})),pt=(e,t,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:t},"&:not([disabled]):active":{color:r}}),fe=(e,t,r,a="white")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:t,color:a},"&:not([disabled]):active":{bg:r}}),ro=i("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{false:{width:"max-content"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:fe("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:fe("$primaryDark",v.darken(C.colors.primaryDark.value,.1),v.darken(C.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:fe("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:fe("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:fe("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:fe("white",v.opacify("white",-.1),v.opacify("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:pt("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:pt("white",v.opacify("white",-.2),v.opacify("white",-.35))},{theme:"secondary",appearance:"outline",css:pt("$primaryDark",v.darken(C.colors.primaryDark.value,.1),v.darken(C.colors.primaryDark.value,.15))}]}),ma=({isLoading:e,children:t})=>o.createElement(o.Fragment,null,o.createElement(mt,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(w,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},t)),pa=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},ao=(e,t)=>o.Children.map(e,(r,a)=>(r==null?void 0:r.type)===f?o.cloneElement(r,{css:{[a===0?"mr":"ml"]:t==="sm"?"$2":"$3",size:pa(t),...r.props.css?r.props.css:{}}}):r),G=o.forwardRef(({children:e,isLoading:t,onClick:r,href:a,appearance:n="solid",size:l="md",theme:s="primary",type:c="button",...d},p)=>o.createElement(ro,{isLoading:t||!1,onClick:t?void 0:r,appearance:n,size:l,theme:s,...d,...a?{as:"a",href:a,onClick:void 0}:{},...a?{}:{type:c},ref:p},typeof t=="boolean"?o.createElement(ma,{isLoading:t},ao(e,l)):ao(e,l)));G.displayName="Button";const ut=i("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:{fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5,...V(.3864)},sm:{fontSize:"$lg",lineHeight:1.14,...V(.2174,.2254)},md:{fontSize:"$xl",lineHeight:1.14,...V(.2174,.2254)},lg:{fontSize:"$2xl",lineHeight:1.08,...V(.1865,.1945)},xl:{fontSize:"$3xl",lineHeight:1.12,...V(.206,.214)},xxl:{fontSize:"$4xl",lineHeight:1.06,...V(.1793,.1873)}}}}),_e=o.forwardRef(({size:e="md",...t},r)=>o.createElement(ut,{ref:r,size:e,...t}));_e.displayName="Heading";const ua=Object.keys(C.space).reduce((e,t)=>({...e,[t]:{mt:`-$space$${t}`,ml:`-$space$${t}`,"& > *":{mt:`$space$${t}`,ml:`$space$${t}`}}}),{}),ha=i("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:{...ua,false:{}}}}),ge=o.forwardRef(({css:e,gap:t=2,direction:r="row",wrap:a="wrap",justify:n="start",align:l,...s},c)=>o.createElement(he,{css:e},o.createElement(ha,{ref:c,direction:r,gap:t,wrap:a,justify:n,align:typeof l>"u"&&r!=="column"?"center":l,...s})));ge.displayName="Stack";const $a=({title:e,description:t,onAction:r,cancelActionText:a,confirmActionText:n,onClose:l,...s})=>o.createElement(M,{defaultOpen:!0},o.createElement(M.Content,{onEscapeKeyDown:c=>c.preventDefault(),onCloseAutoFocus:l,...s},o.createElement(_e,{as:M.Title,size:"sm",css:{mb:"$5"}},e),t&&o.createElement(L,{as:M.Description,css:{mb:"$5"}},t),o.createElement(ge,{gap:"2",justify:"end"},a&&o.createElement(G,{appearance:"outline",as:M.Cancel,onClick:()=>r(!1),size:"sm"},a),o.createElement(G,{as:M.Action,onClick:()=>r(!0),size:"sm"},n)))),fa=[],ga=(e,t)=>{switch(t.type){case"ADD":return[...e,{...t.payload,id:ur.uid()}];case"REMOVE":return e.filter(({id:r})=>r!==t.payload);default:return e}},no=o.createContext({showAlert:()=>null}),ba=({children:e})=>{const[t,r]=o.useReducer(ga,fa),a=da();return o.createElement(no.Provider,{value:{showAlert:n=>r({payload:n,type:"ADD"})}},Boolean(t.length)&&o.createElement($a,{...t[0],key:t[0].id,onClose:()=>{a.current&&r({payload:t[0].id,type:"REMOVE"})}}),e)},ya=()=>{const e=o.useContext(no);if(e===void 0)throw new Error("useAlert must be used within a AlertProvider");return e},va=i(T,{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"}}}}),io=({theme:e="info",size:t="sm",children:r,...a})=>o.createElement(va,{role:"status",theme:e,size:t,...a},o.createElement(w,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},r));io.displayName="Badge";const lo={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"}},xa=i(Z.ButtonBack,lo),wa=i(Z.ButtonNext,lo),Ea=e=>o.createElement(xa,{...e},o.createElement(f,{is:b.ChevronLeft})),Ca=e=>o.createElement(wa,{...e},o.createElement(f,{is:b.ChevronRight})),Sa=i(Z.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"}}}),ka=i(Z.Slide,{}),za=({children:e,...t})=>o.createElement(ka,{...t,tag:"div"},o.createElement(w,{css:{px:"$3"}},e)),Da=i(Z.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"}}}}),oe=({children:e,css:t,slideHeight:r,slideWidth:a,numSlides:n,...l})=>o.createElement(he,{css:t},o.createElement(Z.CarouselProvider,{naturalSlideWidth:a,naturalSlideHeight:r,totalSlides:n,...l},e)),Ra=()=>o.useContext(Z.CarouselContext);oe.ArrowNext=Ca,oe.ArrowPrevious=Ea,oe.Pagination=Sa,oe.Slide=za,oe.Slider=Da,oe.displayName="Carousel";const Ia=i(Ht.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),Ta=i(Ht.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"}}}}),qe=o.forwardRef((e,t)=>o.createElement(Ta,{...e,ref:t},o.createElement(Ia,null,o.createElement(f,{is:e.checked==="indeterminate"?b.Minus:b.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));qe.displayName="Checkbox";const{sm:Fa,md:Na}=te(),Ma=i("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:Fa,md:Na},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"}}]}),La=i("span",{color:"$danger",ml:"$1",fontWeight:400}),Ie=({align:e="start",as:t="label",direction:r="row",size:a="md",type:n="block",children:l,required:s,...c})=>o.createElement(Ma,{as:t,size:a,type:n,align:e,direction:r,...c},l,s&&o.createElement(La,{"aria-hidden":!0},"*"));Ie.displayName="Label";const Te=i("li",{}),so=i("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${Te}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:te({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${Te}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${Te}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}}}}),je=o.forwardRef(({size:e="md",ordered:t,...r},a)=>o.createElement(so,{ref:a,as:t?"ol":"ul",size:e,...r}));je.Item=Te;const ht=i("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${st} > &, ${ut} > &, ${Te} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:te()}}),Ge=o.forwardRef(({size:e="md",onClick:t,href:r,...a},n)=>r?o.createElement(ht,{size:e,...a,ref:n,href:r}):o.createElement(ht,{as:"button",size:e,...a,ref:n,onClick:t}));Ge.displayName="Link";const Wa={success:{color:"$success"},warning:{color:"$warningText","& svg":{color:"$warningDark"}},info:{color:"$primary"},neutral:{color:"$tonal400"},error:{color:"$danger"}},Aa={success:b.OkCircle,warning:b.Danger,info:b.Info,neutral:b.Info,error:b.Error},Ba=i(T,{variants:{theme:Wa}}),Oa=i(f,{flexShrink:"0",mr:"$2"}),Ye=({css:e,showIcon:t=!0,theme:r="error",size:a="sm",children:n,...l})=>o.createElement(Ba,{theme:r,css:e,...l},t&&o.createElement(Oa,{size:"sm",is:Aa[r]}),o.createElement(L,{as:"span",size:a,css:{color:"inherit",transform:"translateY($space$0)"}},n)),$t=({children:e,css:t})=>o.createElement(L,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...t}},e),X=({css:e,children:t,error:r,fieldId:a,label:n,prompt:l,description:s,required:c})=>o.createElement(w,{css:e},o.createElement(T,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},o.createElement(Ie,{htmlFor:a,required:c},n),l&&o.createElement(Ge,{href:l.link,size:"sm"},l.label)),s&&o.createElement($t,{css:{mb:"$3"}},s),t,r&&o.createElement(Ye,{css:{mt:"$2"}},r));X.displayName="FieldWrapper";const Pa=i(ue.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"}}),Ha=i(ue.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),Ue=e=>o.createElement(Pa,{...e},o.createElement(Ha,null));Ue.displayName="RadioButton";const ft=i(ue.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});ft.displayName="RadioButtonGroup";const Xe=({align:e="start",children:t,css:r,description:a,direction:n="row",error:l,label:s,required:c})=>o.createElement(w,{css:r},o.createElement(Ie,{align:e,direction:n,required:c,type:"inline"},o.Children.map(t,d=>o.createElement(w,{css:{[n==="reverse"?"ml":"mr"]:"$3",...((d==null?void 0:d.type)===qe||(d==null?void 0:d.type)===Ue)&&{transform:"translateY($space$1)"}}},d)),s),l&&o.createElement(Ye,{css:{mt:"$2"}},l),a&&o.createElement($t,{css:{mt:"$2",[n==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},a));Xe.displayName="InlineFieldWrapper";var co=(e=>(e.LOCAL="local",e.SESSION="session",e))(co||{});const Va=i("form",{}),_a=({persist:e,watch:t,setValue:r,children:a})=>{const{id:n,...l}=e;let s={...l,storage:l.storage===co.LOCAL?window.localStorage:window.sessionStorage};if(l.exclude){const{exclude:c,...d}=s,p=t(),$=Object.keys(p).filter(u=>{var h;if(!((h=l.exclude)!=null&&h.includes(u)))return u});s={...d,include:$}}return Tr.default(n,{watch:t,setValue:r},s),a},mo=({formMethods:e,handleSubmit:t,onSubmit:r,onError:a,children:n,...l})=>o.createElement(N.FormProvider,{...e},o.createElement(Va,{"aria-label":"form",...l,onSubmit:t(r,a)},n)),po=({children:e,defaultValues:t={},onSubmit:r,onError:a,validationMode:n="onBlur",render:l,persist:s,...c})=>{Oe.default(!(e&&l),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const d=N.useForm({defaultValues:t,mode:n}),{handleSubmit:p,watch:$,setValue:u}=d,h=l?l(d):e,y={formMethods:d,handleSubmit:p,onSubmit:r,onError:a,...c};return s?o.createElement(_a,{persist:s,watch:$,setValue:u},o.createElement(mo,{...y},h)):o.createElement(mo,{...y},h)};po.displayName="Form";const re=e=>{var t;const{errors:r}=N.useFormContext(),a=e.split(/[,[\].]+?/).filter(Boolean);return{error:(t=(()=>Fr.default(r,a))())==null?void 0:t.message}};var qa=(e=>(e.ON="on",e.OFF="off",e))(qa||{});const uo=({css:e,defaultChecked:t=!1,label:r,name:a,validation:n,description:l,...s})=>{const{control:c}=N.useFormContext(),{error:d}=re(a);return o.createElement(N.Controller,{control:c,name:a,defaultValue:t,rules:n,render:({onChange:p,value:$,name:u})=>o.createElement(Xe,{css:e,description:l,error:d,label:r,required:Boolean(n==null?void 0:n.required)},o.createElement(qe,{defaultChecked:t,defaultValue:t?"on":"off",checked:$,name:u,onCheckedChange:p,value:$?"on":"off",...d&&{state:"error"},...s}))})};uo.displayName="CheckboxField";const ja=(e,t)=>{let r;switch(typeof e){case"object":r={},Object.keys(e).forEach(a=>{const n=e[a];r[a]=n&&t(n)});break;default:r=t(e)}return r},ho={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},Ga=i("span",{display:"inline-flex",alignItems:"center",px:"$1",flexGrow:1,...ho,"& > *:not(:last-child)":{mr:"$1"}}),Ya={sm:"sm",md:"sm",lg:"md"},Ua=i(f,{flexShrink:0}),$o=({...e})=>{const t=o.useContext(fo),{size:r}=t,a=o.useMemo(()=>ja(r,n=>Ya[n]),[r]);return o.createElement(Ua,{...e,size:a})},Xa=({children:e,...t})=>{const r=o.Children.toArray(e),a=r.length<=1;return o.createElement(Ga,{...t},r.map(n=>!a&&typeof n=="string"?o.createElement(w,{as:"span",css:ho,key:n},n):o.isValidElement(n)&&n.type===f?o.createElement($o,{...n.props}):n))},Ja=i(T,{px:"$2",border:"1px solid",borderRadius:"$0",alignItems:"center",fontFamily:"$body",maxWidth:"100%",borderColor:"$primary",color:"$primaryMid",bg:"$primaryLight","&[data-disabled]":{opacity:"0.3",pointerEvents:"none"},variants:{size:{sm:{height:"$2",...te({applyCapsize:!0}).sm},md:{height:"$3",...te({applyCapsize:!0}).sm},lg:{height:"$4",...te({applyCapsize:!0}).md}}}}),fo=o.createContext({}),Ka=({size:e,children:t})=>{const r=o.useMemo(()=>({size:e}),[e]);return o.createElement(fo.Provider,{value:r},t)},Qa=o.forwardRef(({asWorkaround:e,size:t="md",...r},a)=>o.createElement(Ka,{size:t},o.createElement(Ja,{ref:a,as:e,size:t,...r}))),J=Qa;J.Content=Xa,J.Icon=$o,J.displayName="Chip";const gt=o.forwardRef(({gap:e=2,...t},r)=>o.createElement(ge,{ref:r,direction:"row",gap:e,align:!1,...t})),go=o.createContext({onDismiss:()=>null}),Za=({children:e,disabled:t,onDismiss:r})=>{const a=o.useMemo(()=>({disabled:t,onDismiss:r}),[t,r]);return o.createElement(go.Provider,{value:a},e)},en=({as:e="div",disabled:t,onDismiss:r,...a})=>o.createElement(Za,{disabled:t,onDismiss:r},o.createElement(e,{...a})),bt=o.createContext({isDismissed:!1,setIsDismissed:()=>null}),tn=({children:e,disabled:t})=>{const[r,a]=o.useState(!1),n=o.useMemo(()=>({disabled:t,isDismissed:r,setIsDismissed:a}),[t,r]);return o.createElement(bt.Provider,{value:n},e)},on=({asChild:e=!1,value:t,onDismiss:r,...a})=>{const n=o.useContext(bt),{isDismissed:l,disabled:s}=n;if(o.useEffect(()=>{l&&(r==null||r(t))},[l]),l)return null;const c={...s&&{["data-disabled"]:""},...a};return o.createElement(e?Ot.Slot:"div",{...c})},rn=({disabled:e=!1,...t})=>o.createElement(tn,{disabled:e},o.createElement(on,{...t})),an=e=>o.createElement("button",{type:"button",...e},"Dismiss"),bo=({asChild:e=!1,...t})=>{const r=o.useContext(bt);if(r===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:a,disabled:n}=r,l={disabled:n,onClick:()=>{a(!0)},...t};return o.createElement(e?Ot.Slot:an,{...l})},Je=rn;Je.Trigger=bo,Je.displayName="Dismissible";const nn=({children:e,disabled:t=!1,...r})=>{const a=o.useContext(go);if(a===void 0)throw new Error("DismissibleGroup.Item can only be used within a DismissibleGroup");const{onDismiss:n,disabled:l}=a;return o.createElement(Je,{disabled:l||t,onDismiss:n,...r},e)},ae=en;ae.Item=nn,ae.Trigger=bo,ae.displayName="DismissibleGroup";const ln=i(J,{px:"$1"}),sn=({size:e="md",children:t,dismissActionLabel:r="Dismiss",...a})=>o.createElement(ae.Item,{asChild:!0,...a},o.createElement(ln,{size:e},o.createElement(J.Content,null,t),o.createElement(ae.Trigger,{asChild:!0},o.createElement(F,{label:r,css:{color:"$tonal200"},size:e==="sm"?"xs":"sm"},o.createElement(f,{is:b.Close}))))),dn=o.forwardRef((e,t)=>o.createElement(gt,{as:ae,ref:t,...e})),yt=dn;yt.Item=sn,yt.displayName="ChipDismissibleGroup";const yo=i(f,{display:"none"}),cn=i(J,{"&:not([disabled])":{cursor:"pointer","&:hover":{bg:"$tonal100",color:"$tonal600",borderColor:"currentColor"},"&:focus-visible":{...He()},'&[data-state="on"]':{"&:hover":{bg:"$white",color:"$primaryDark"}}},'&[data-state="off"]':{color:"$tonal400",bg:"$tonal50",borderColor:"$tonal200"},'&[data-state="on"]':{[`& ${yo}`]:{display:"block"}}}),mn=({size:e="md",children:t,...r})=>o.createElement(Pe.Item,{...r,asChild:!0},o.createElement(cn,{asWorkaround:"button"},o.createElement(yo,{is:b.Ok,size:e==="lg"?"md":"sm"}),o.createElement(J.Content,null,t))),pn=o.forwardRef((e,t)=>o.createElement(gt,{ref:t,as:Pe.Root,orientation:"horizontal",...e})),vt=pn;vt.Item=mn,vt.displayName="ChipToggleGroupItem";const un=i(me.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:Yt(C.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"}}}}),hn=i(me.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),$n=i(me.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),fn=i(me.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)"});Gt({":root":{"--reach-combobox":1}})();const gn=i(me.Combobox,{}),ne=e=>o.createElement(gn,{...e});ne.displayName="Combobox",ne.Option=$n,ne.Input=un,ne.Popover=fn,ne.List=hn,ne.OptionText=me.ComboboxOptionText;const xt=i(w,{width:"100vw",height:"100vh"}),bn=i(q.Close,{}),wt="translate3d(-50%, -50%, 0)",vo="translate3d(-50%, 50vh, 0)",xo="modal_overlay",yn=D({"0%":{transform:vo},"100%":{transform:wt}}),vn=D({"0%":{transform:wt},"100%":{transform:vo}}),xn=i(q.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:Ve,"@allowMotion":{'&[data-state="open"]':{animation:`${Ut} 250ms ease-out`},'&[data-state="closed"]':{animation:`${lt} 550ms ease-out`}}}),wn=i(q.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:wt,zIndex:Ve,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${yn} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${vn} 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"}}}}),En=({size:e="sm",children:t,closeDialogText:r="Close dialog",showCloseButton:a=!0,...n})=>o.createElement(q.Portal,null,o.createElement(xn,{id:xo},o.Children.map(t,l=>(l==null?void 0:l.type)===xt&&l),o.createElement(wn,{size:e,"aria-label":"Dialog",onPointerDownOutside:l=>{const s=l.target;(s==null?void 0:s.id)!==xo&&l.preventDefault()},...n},a&&o.createElement(F,{as:q.Close,css:{position:"absolute",right:"$4",top:"$4"},label:r,size:"md",theme:"neutral"},o.createElement(f,{is:b.Close})),o.Children.map(t,l=>(l==null?void 0:l.type)!==xt&&l)))),Cn=i(q.Root,{}),K=e=>o.createElement(Cn,{...e});K.Background=xt,K.Close=bn,K.Content=En,K.Description=q.Description,K.Title=q.Title,K.Trigger=q.Trigger,K.displayName="Dialog";const Sn=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],kn=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wo={open:"Open calendar",next:"Next month",previous:"Previous month",nextYear:"Next year",previousYear:"Previous year"},zn=i("button",{bg:"transparent",border:"none",borderRadius:"$round",color:"$tonal900",cursor:"pointer",fontFamily:"$body",fontSize:"$sm",size:"$3",p:0,transition:"all 75ms","&:hover":{bg:"$tonal100"},"&:active":{color:"white",bg:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"2px"},variants:{isSelected:{true:{bg:"$primary",color:"white","&:hover":{bg:"$primary"}}},isToday:{true:{bg:"$tonal100"}},isOutsideMonth:{true:{color:"$tonal200"}}}}),Et=i("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),Dn=i(G,{color:"$tonal600",p:"$3",width:"$6",variants:{selected:{false:{color:"$tonal600 !important",fontWeight:"400","&:hover":{bg:"$tonal100 !important",color:"$tonal600 !important"},"&[disabled]":{bg:"white !important"}}}}}),Rn=(e,t)=>{const r=e.slice(0,t);return e.slice(t).concat(r)},Eo=({css:e,refDateSelected:t,refDateToday:r,firstDayOfWeek:a=0,monthNames:n=Sn,weekdayNames:l=kn,labels:s=wo,date:c=new Date,minDate:d,maxDate:p,setYear:$,...u})=>{const[h,y]=o.useState(!1),[g,x]=o.useState(c==null?void 0:c.getFullYear()),R=S=>{const P=c;P.setFullYear(S),$(P),y(!1)},k=d&&g-16<=d.getFullYear(),E=p&&g>=p.getFullYear(),A=Array.from({length:16},(S,P)=>{const U=g-P;return p&&U>p.getFullYear()||d&&U<d.getFullYear()?0:U}),{calendars:z,getBackProps:B,getForwardProps:O,getDateProps:ce}=yr.useDayzed({firstDayOfWeek:a,showOutsideDays:!0,date:c,minDate:d,maxDate:p,...u});return z.length?o.createElement(w,{css:{position:"relative",width:"min-content",mt:"-$1",...e}},o.createElement(T,{css:{position:"absolute",top:0,right:"-$1"}},o.createElement(F,{label:s[h?"previousYear":"previous"],theme:"neutral",size:"md",...!h&&B({calendars:z}),...h&&{onClick:()=>x(g-16)},disabled:h&&k},o.createElement(f,{is:b.ChevronLeft})),o.createElement(F,{label:s[h?"nextYear":"next"],theme:"neutral",size:"md",...!h&&O({calendars:z}),...h&&{onClick:()=>x(g+16)},disabled:h&&E},o.createElement(f,{is:b.ChevronRight}))),h&&o.createElement(Et,{css:{gridTemplateColumns:"repeat(4, 1fr)",pt:"$7",direction:"rtl",gridGap:"$3 $1"}},A.map((S,P)=>{const U=S===c.getFullYear();return S?o.createElement(Dn,{key:`${S}${P}`,theme:U?"primary":"neutral",isRounded:!0,onClick:()=>R(S),selected:U},S):o.createElement(w,{key:P,css:{width:"$6",height:"$4"}})})),!h&&z.map(({month:S,year:P,weeks:U})=>o.createElement(w,{key:`${S}${P}`},o.createElement(T,{css:{height:"$4",alignItems:"center",mb:"$4"}},o.createElement(G,{theme:"neutral",css:{px:"0",color:"$tonal600"},onClick:()=>y(!0)},n[S]," ",P)),o.createElement(Et,{css:{mb:"$3"}},Rn(l,a).map(Le=>o.createElement(L,{as:"span",size:"sm",key:`${S}${P}${Le}`,css:{fontWeight:600,textAlign:"center"}},Le))),o.createElement(Et,null,U.map((Le,ar)=>Le.map((tt,nr)=>{const Wt=`${S}${P}${ar}${nr}`;if(!tt)return o.createElement("div",{key:Wt});const{date:ir,selected:At,today:Bt,prevMonth:lr,nextMonth:sr}=tt;return o.createElement(zn,{isOutsideMonth:lr||sr,isSelected:At,isToday:Bt,key:Wt,ref:At?t:Bt?r:null,...ce({dateObj:tt}),type:"button"},ir.getDate())})))))):null};Eo.displayName="Calendar";const Co=i("input",{appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",px:"$3",transition:"all 100ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{size:{sm:{height:"$3",fontSize:"$sm"},md:{height:"$4",fontSize:"$md"}},state:{error:{border:"1px solid $danger"}}}}),be=o.forwardRef(({type:e="text",size:t="md",...r},a)=>e==="number"?o.createElement(Co,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:t,...r,ref:a}):o.createElement(Co,{type:e,size:t,...r,ref:a}));be.displayName="Input";const In=i(pe.Content,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:nt},'&[data-side="right"]':{animationName:it},'&[data-side="bottom"]':{animationName:rt},'&[data-side="left"]':{animationName:at}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),Tn=i(pe.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),Fn=({children:e,side:t="top",sideOffset:r=8,closePopoverText:a="Close popover",showCloseButton:n=!0,size:l="md",...s})=>o.createElement(In,{size:l,side:t,sideOffset:r,...s},n&&o.createElement(F,{as:pe.Close,css:{position:"absolute",right:"$0",top:"$0"},label:a,size:"md",theme:"neutral"},o.createElement(f,{is:b.Close})),e,o.createElement(Tn,{width:16,height:8}));i(pe.Root,{});const ie=e=>o.createElement(pe.Root,{...e});ie.Content=Fn,ie.Trigger=pe.Trigger,ie.displayName="Popover";const So="DD/MM/YYYY";Ce.default.extend(Nr.default);const Nn=(e,t=So)=>{const[r,a]=I.useState(e?Ce.default(e).toDate():void 0),[n,l]=I.useState(e?Ce.default(e).format(t):"");return{dateString:n,date:r,setDate:(s,c=!1)=>{const d=c?Ce.default(s,t,!0):Ce.default(s);a(d.isValid()?d.toDate():void 0),l(c?s:d.format(t))}}},Ct=o.forwardRef(({initialDate:e,dateFormat:t=So,firstDayOfWeek:r=1,disabled:a,monthNames:n,weekdayNames:l,size:s="md",labels:c,revalidate:d,onChange:p,minDate:$,maxDate:u,...h},y)=>{const{date:g,dateString:x,setDate:R}=Nn(e,t),k={...wo,...c},[E,A]=o.useState(!1),z=o.useRef(null),B=o.useRef(null);return o.useEffect(()=>{p==null||p(g)},[g,p]),o.createElement(w,{css:{position:"relative"}},o.createElement(be,{name:"date",disabled:a,size:s,...h,onChange:O=>R(O.target.value,!0),value:x,ref:y}),o.createElement(ie,{modal:!0,open:E,onOpenChange:A},o.createElement(ie.Trigger,{asChild:!0},o.createElement(F,{css:{position:"absolute",top:"0",right:"0"},disabled:a,label:k.open,size:s,theme:"neutral"},o.createElement(f,{is:b.CalendarEvent}))),o.createElement(ie.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:O=>{var ce,S;O.preventDefault(),g?(ce=B.current)==null||ce.focus():(S=z.current)==null||S.focus()}},o.createElement(Eo,{date:g||new Date,selected:g,onDateSelected:async O=>{A(!1),await R(O.date,!1),d&&d()},setYear:async O=>{await R(O,!1),d&&d()},minDate:$,maxDate:u,refDateToday:z,refDateSelected:B,firstDayOfWeek:r,monthNames:n,weekdayNames:l,labels:k}))))});Ct.displayName="DateInput";const ko=({css:e,label:t,name:r,validation:a,prompt:n,description:l,...s})=>{const{register:c,trigger:d}=N.useFormContext(),{error:p}=re(r),$=a?c(a):c;return o.createElement(X,{css:e,description:l,error:p,fieldId:r,label:t,prompt:n,required:Boolean(a==null?void 0:a.required)},o.createElement(Ct,{id:r,name:r,ref:$,...p&&{state:"error"},...s,revalidate:d}))};ko.displayName="DateField";const zo=i("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),St=m.default.forwardRef(({orientation:e="horizontal",...t},r)=>m.default.createElement(zo,{ref:r,orientation:e,...t})),Mn=i(we.Content,{bg:"white",borderRadius:"$0",boxShadow:"$0",py:"$2","@allowMotion":{animationDuration:"250ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:nt},'&[data-side="right"]':{animationName:it},'&[data-side="bottom"]':{animationName:rt},'&[data-side="left"]':{animationName:at}}}}),Ln={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"}},Do=i(we.Item,Ln),Wn=i("a",{textDecoration:"none"}),An=({children:e,href:t,...r})=>m.default.createElement(Do,{...r,asChild:!0},m.default.createElement(Wn,{href:t,role:"menuitem"},e)),Bn=i(we.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),On=i(we.Trigger,{}),Pn=i(we.Root,{}),ye=e=>m.default.createElement(Pn,{...e});ye.Content=Mn,ye.Item=Do,ye.LinkItem=An,ye.Separator=Bn,ye.Trigger=On;const Hn=Object.keys(C.space).reduce((e,t)=>({...e,[t]:{gap:`$space$${t}`}}),{}),Vn=i("div",{display:"grid",variants:{gap:Hn}}),Ro=({css:e,gap:t=2,minItemSize:r,maxItemSize:a="1fr",...n})=>o.createElement(Vn,{css:{...r&&{gridTemplateColumns:`repeat(auto-fit, minmax(${r}, ${a}))`},...e},gap:t,...n});Ro.displayName="Grid";const Io=({accept:e,children:t,multiple:r=!1,onFileSelect:a,...n})=>{const l=s=>{const{files:c}=s.target;a(c)};return o.createElement(G,{as:"label",...n},o.createElement(f,{is:b.Upload}),t,o.createElement("input",{type:"file",onChange:l,accept:e,multiple:r,hidden:!0}))};Io.displayName="FileInput";const To=({css:e,label:t,name:r,validation:a,prompt:n,description:l,...s})=>{const{register:c}=N.useFormContext(),{error:d}=re(r),p=a?c(a):c;return o.createElement(X,{css:e,description:l,error:d,fieldId:r,label:t,prompt:n,required:Boolean(a==null?void 0:a.required)},o.createElement(be,{id:r,name:r,ref:p,...d&&{state:"error"},...s}))};To.displayName="InputField";const _n=i("div",{[`& > ${ut}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}},[`& > ${st}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${so}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${zo}`]:{my:"$5"},[`& > ${Qt}`]:{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}}),kt=o.forwardRef((e,t)=>o.createElement(_n,{ref:t,...e}));kt.displayName="StackContent";const qn=i(w,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),jn=({node:e})=>o.createElement(qn,{as:"pre"},e.value),Gn=i("em",{fontStyle:"italic"}),Yn=({node:e,handleNode:t})=>{var r;return o.createElement(Gn,null,(r=e.children)==null?void 0:r.map(t))},Un=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"}}},Xn=({node:e,handleNode:t,css:r})=>{var a;const{as:n,size:l}=Un(e.depth);return o.createElement(_e,{as:n,size:l,css:{color:"inherit",...r}},(a=e.children)==null?void 0:a.map(t))},Jn=i(w,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),Kn=({node:e})=>o.createElement(Jn,{as:"code"},e.value),Qn=({node:e,css:t})=>{var r;return o.createElement(ke,{src:e.url,alt:(r=e.alt)!=null?r:void 0,css:t})},Zn=({node:e,handleNode:t})=>{var r,a;return o.createElement(Ge,{title:(r=e.title)!=null?r:void 0,href:e.url},(a=e.children)==null?void 0:a.map(t))},ei=({node:e,handleNode:t,css:r})=>{var a;return o.createElement(je,{css:{"& p:before, & p:after":{display:"none"},...r},ordered:e.ordered||void 0},(a=e.children)==null?void 0:a.map(t))},ti=({node:e,handleNode:t})=>{var r;return o.createElement(je.Item,null,(r=e.children)==null?void 0:r.map(t))},oi=({node:e,handleNode:t,css:r})=>{var a;return o.createElement(L,{css:{color:"inherit",...r}},(a=e.children)==null?void 0:a.map(t))},ri=i("strong",{fontWeight:600}),ai=({node:e,handleNode:t})=>{var r;return o.createElement(ri,null,(r=e.children)==null?void 0:r.map(t))},ni=({node:e})=>e.value,ii=({css:e})=>o.createElement(St,{css:{width:"100%",...e}}),li={code:jn,emphasis:Yn,heading:Xn,inlineCode:Kn,image:Qn,link:Zn,list:ei,listItem:ti,paragraph:oi,strong:ai,text:ni,thematicBreak:ii},si=e=>{var t,r;if((t=e.position)!=null&&t.start){const{line:a,column:n,offset:l}=(r=e.position)==null?void 0:r.start;return`${e.type}${a}${n}${l}`}return`${e.type}${+new Date}`},Fo=({content:e,customComponents:t={},css:r})=>{const a=Lr.default(e,{extensions:[Wr.default()],mdastExtensions:[Mr.default.fromMarkdown]}),n={...li,...t},l=s=>{const c=n[s.type];return c?o.createElement(c,{key:si(s),node:s,handleNode:l}):null};return o.createElement(kt,{css:r},a.children.map(l))};Fo.displayName="MarkdownContent";const di=()=>{const[e,t]=I.useState({x:0,y:0}),{x:r,y:a}=e;return I.useEffect(()=>{const n=Pt.throttle(500,()=>{t({x:window.scrollX,y:window.scrollY})});return window.addEventListener("scroll",n),()=>{window.removeEventListener("scroll",n)}},[]),{x:r,y:a}},ci=m.default.forwardRef(({icon:e,...t},r)=>m.default.createElement(F,{size:"md",appearance:"simple",theme:"neutral",ref:r,...t},m.default.createElement(f,{is:e}))),mi=({src:e,alt:t="Atom Learning logo",css:r})=>m.default.createElement(ke,{src:e,alt:t,css:{mr:"$3",mb:"5px",'&[src$=".svg"]':{height:24,width:"auto"},...r}}),pi=i(L,{color:"$tonal400"}),ui=i("a",{display:"flex",alignItems:"center",textDecoration:"none",color:"$tonal400","&:hover, &:focus":{textDecoration:"none"}}),hi=()=>m.default.createElement(St,{orientation:"vertical",css:{minHeight:28,bg:"$tonal100"}}),$i=i("div",{bg:"white",position:"sticky",display:"flex",alignItems:"center",width:"100vw",top:"0",height:"$6",zIndex:1,borderBottom:"1px solid $tonal100",transition:"box-shadow .2s ease-out",variants:{hasScrolled:{true:{boxShadow:"0px 4px 4px -2px rgba(31, 31, 31, 0.1);"}}}}),fi=i(T,{alignItems:"center",height:"$4",mx:"$4",width:"100%","@md":{mx:"$5"}}),le=e=>{const{y:t}=di();return m.default.createElement($i,{hasScrolled:!!t},m.default.createElement(fi,{...e}))};le.Brand=ui,le.BrandLogo=mi,le.BrandName=pi,le.ActionIcon=ci,le.Divider=hi,le.displayName="TopBar";const gi=i(w,{position:"relative"}),bi=i(T,{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"}),yi=({value:e,children:t})=>m.default.createElement(gi,null,!!e&&m.default.createElement(bi,{role:"status"},e),t),zt=o.forwardRef(({css:e,hidePasswordText:t="Hide password",showPasswordText:r="Show password",size:a="md",...n},l)=>{const[s,c]=I.useState(!1),d=()=>c(p=>!p);return o.createElement(w,{css:{position:"relative",...e}},o.createElement(be,{...n,size:a,type:s?"text":"password",ref:l,css:{pr:"$sizes$2"}}),o.createElement(F,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:s?t:r,onClick:d,onMouseDown:p=>p.preventDefault(),size:a},o.createElement(f,{is:s?b.Eye:b.EyeCrossed})))});zt.displayName="PasswordInput";const No=({css:e={},label:t="Password",name:r,prompt:a=void 0,description:n,validation:l,...s})=>{const{register:c}=N.useFormContext(),{error:d}=re(r),p=l?c(l):c;return o.createElement(X,{css:{...e,position:"relative"},description:n,error:d,fieldId:r,label:t,prompt:a,required:Boolean(l==null?void 0:l.required)},o.createElement(zt,{autoComplete:"current-password",name:r,id:r,ref:p,...s}))};No.displayName="PasswordField";const vi=i(Vt.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"}}}}),xi=i(Vt.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),Mo=({value:e,max:t=100,theme:r="primary",...a})=>o.createElement(vi,{value:e,max:t,theme:r,...a},o.createElement(xi,{style:{width:"100%",transform:`translateX(-${100-(e||0)/t*100}%)`}}));Mo.displayName="ProgressBar";const Lo=o.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1,direction:"horizontal",hideLabels:!1,completedSteps:[]}),wi=({children:e,stepCount:t,allowSkip:r,onComplete:a,onStepChange:n,direction:l,steps:s,hideLabels:c})=>{const[d,p]=o.useState(0),[$,u]=o.useState([0]),[h,y]=o.useState([]),g=!t;o.useEffect(()=>{u(E=>E.includes(d)?E:[...E,d]),n==null||n(d)},[d,n]);const x=()=>{const E=a&&d===t-1,A=d<t-1;if((a||A)&&y(z=>z.includes(d)?z:[...z,d]),E)return a==null?void 0:a();if(A)return p(z=>z+1)},R=()=>{p(E=>E-1)},k=E=>{p(E)};return o.createElement(Lo.Provider,{value:{steps:s||Array(t).fill(""),goToPreviousStep:g?void 0:R,goToNextStep:g?void 0:x,goToStep:g?void 0:k,activeStep:d,viewedSteps:$,completedSteps:h,allowSkip:r,direction:l,hideLabels:c}},e)},Dt=()=>{const e=o.useContext(Lo);if(!e)throw new Error("Ensure that you wrap any components with the root component Stepper");return e},Ei=({label:e,children:t,...r})=>{const{activeStep:a,goToPreviousStep:n}=Dt();return o.createElement(G,{size:"sm",appearance:"outline",...r,disabled:a===0,onClick:n},t||(e==null?void 0:e(a)))},Ci=({label:e,children:t,onClick:r,...a})=>{const{goToNextStep:n,activeStep:l}=Dt();return o.createElement(G,{size:"sm",...a,onClick:()=>{if(r)return r(n);n==null||n()},css:{ml:"auto"}},t||(e==null?void 0:e(l)))},Si=i(T,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$tonal50",zIndex:1,flex:"none",variants:{status:{default:{bg:"$tonal50",color:"$tonal300"},active:{bg:"white",color:"$primaryMid",border:"2px solid",borderColor:"currentColor"},viewed:{bg:"white",border:"2px solid $tonal200",color:"$tonal600"},completed:{bg:"$primary",color:"white"},reviewed:{bg:"$primaryMid",color:"white"},success:{bg:"$success",color:"white"}}}}),ki=i(T,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&: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"}}},status:{completed:{"&:hover":{"& :first-child":{bg:"$primaryMid",color:"white !important"},"& :last-child":{color:"$primaryMid"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary",outlineOffset:"2px"}}},active:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary",outlineOffset:"2px"}}},default:{},viewed:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}},success:{},reviewed:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}}}}}),zi=i(L,{fontWeight:600,variants:{direction:{vertical:{ml:"$3",textAlign:"left"},horizontal:{mt:"$3",textAlign:"center"}},status:{default:{color:"$tonal300",fontWeight:400},active:{color:"$primaryMid"},viewed:{color:"$tonal600"},completed:{color:"$primary"},success:{color:"$success"},reviewed:{}}}});var W=(e=>(e.ACTIVE="active",e.VIEWED="viewed",e.SUCCESS="success",e.DEFAULT="default",e.COMPLETED="completed",e.REVIEWED="reviewed",e))(W||{});const Di=i(T,{justifyContent:"space-between",variants:{direction:{vertical:{flexDirection:"column"},horizontal:{flexDirection:"row"}}}}),Ri=({css:e})=>{const{steps:t,goToStep:r,activeStep:a,viewedSteps:n,allowSkip:l,direction:s,hideLabels:c,completedSteps:d}=Dt(),p=u=>{const h=t[u];return h.status?h.status:d.length===t.length?W.SUCCESS:a===u&&d.includes(a)?W.REVIEWED:a===u?W.ACTIVE:d.includes(u)?W.COMPLETED:n.includes(u)?W.VIEWED:W.DEFAULT},$=u=>{var h;const y=(h=t[u])==null?void 0:h.status;return d.length===t.length||y===W.SUCCESS?W.SUCCESS:y===W.VIEWED||u<Math.max(...n)?W.ACTIVE:W.DEFAULT};return o.createElement(Di,{css:e,direction:s},t.map((u,h)=>{const y=p(h),g=$(h);return o.createElement(ki,{tabIndex:0,key:`step_${h}`,direction:s,separator:g,status:y,css:s==="horizontal"?{width:`calc(100% / ${t.length})`}:{height:`calc(100% / ${t.length})`}},o.createElement(Si,{as:l?"button":"div",onClick:()=>l&&n.includes(h)?r==null?void 0:r(h):void 0,status:y,"aria-current":h===a?"step":void 0,"aria-label":u.label?"":`step ${h+1}`,"aria-labelledby":u.label?`step-${h}`:void 0,css:{cursor:l&&n.includes(h)?"pointer":"auto"}},u.status==="success"?o.createElement(f,{is:b.Ok}):h+1),u.label&&!c&&o.createElement(zi,{as:"span",id:`step-${h}`,direction:s,status:y},u.label))}))},Fe=({children:e,stepCount:t,allowSkip:r,onComplete:a,onStepChange:n,direction:l="horizontal",steps:s,hideLabels:c=!1,css:d})=>{Oe.default(!(t&&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 p=(s==null?void 0:s.length)||t||0;return o.createElement(wi,{stepCount:p,allowSkip:r,onComplete:a,onStepChange:t?n:void 0,direction:l,steps:s||Array(p).fill(""),hideLabels:c},o.createElement(w,{"aria-label":"progress",css:{width:"100%",...d}},e))};Fe.StepBack=Ei,Fe.StepForward=Ci,Fe.Steps=Ri,Fe.displayName="Stepper";const Wo=({css:e,label:t,value:r,...a})=>o.createElement(Xe,{css:e,label:t},o.createElement(Ue,{value:r,...a}));Wo.displayName="RadioField";const Ii=i("fieldset",{all:"unset"}),Rt=({children:e,css:t,direction:r="column",defaultValue:a,description:n,label:l,name:s,validation:c,onValueChange:d})=>{const{control:p}=N.useFormContext(),{error:$}=re(s);return o.createElement(Ii,{css:t},o.createElement(Ie,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(c==null?void 0:c.required)},l),n&&o.createElement($t,{css:{mb:"$3"}},n),o.createElement(N.Controller,{control:p,name:s,rules:c,defaultValue:a,render:({onChange:u,value:h})=>o.createElement(ft,{direction:r,defaultValue:a,onValueChange:y=>{u(y),d==null||d(y)},value:h},e)}),$&&o.createElement(Ye,{css:{mt:"$2"}},$))};Rt.Item=Wo,Rt.displayName="RadioButtonField";const Ti=i(ue.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"}}}}),Fi=i("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),Ni=i(ue.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),Ao=({children:e,isFullWidth:t=!1,size:r="md",align:a="left",...n})=>o.createElement(Ti,{...n,align:a,isFullWidth:t,size:r},o.createElement(Fi,{align:a,containerIsFullWidth:t},o.createElement(Ni,null)),o.createElement(w,null,e)),Mi=({css:e,children:t,size:r,isFullWidth:a,align:n,gap:l="3",justify:s,...c})=>o.createElement(ue.Root,{...c},o.createElement(ge,{direction:"row",justify:s,gap:l,css:e},o.Children.map(t,d=>o.isValidElement(d)&&(d==null?void 0:d.type)===Ao?o.cloneElement(d,{size:r,isFullWidth:a,align:n}):d))),Li=()=>{const e=o.useRef(null),t=o.useCallback(r=>{r&&(e.current=r)},[]);return[e,t]};var Wi=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(Wi||{});const Ai=i(f,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),Bi=i(be,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),Bo=({size:e="md",css:t,value:r,clearText:a="Clear",onChange:n,...l})=>{const[s,c]=Li(),[d,p]=o.useState(r||""),[$,u]=o.useState(r?"CLEAR":"SEARCH"),h=()=>{var x,R;const k=s.current;if(!k)return;const E=(x=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:x.set;(R=E==null?void 0:E.call)==null||R.call(E,k,"");const A=new Event("input",{bubbles:!0});k.dispatchEvent(A),k.focus()},y=x=>{p(x.target.value),u(x.target.value?"CLEAR":"SEARCH"),n==null||n(x)},g=()=>$==="SEARCH"?o.createElement(Ai,{is:b.Search,size:e,css:{size:e=="sm"?"$1":20}}):o.createElement(F,{label:a,theme:"neutral",size:e,css:{position:"absolute",top:"0",right:"$1"},onClick:h},o.createElement(f,{is:b.Close}));return o.createElement(w,{css:{position:"relative",...t}},o.createElement(Bi,{ref:c,size:e,type:"search",...l,value:d,onChange:y,css:{pr:e==="sm"?"$5":"$6"}}),g())};Bo.displayName="SearchInput";const Oi=i("select",{appearance:"none",backgroundColor:"white",backgroundImage:Yt(C.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"}}}}),It=o.forwardRef(({placeholder:e,children:t,size:r="md",...a},n)=>{const l={size:r,ref:n,...a};return!a.value&&!a.defaultValue&&(l.defaultValue=""),o.createElement(Oi,{...l},e&&o.createElement("option",{disabled:!0,hidden:!0,value:""},e),t)});It.displayName="Select";const Oo=({css:e=void 0,children:t,name:r,label:a,validation:n,prompt:l,description:s,...c})=>{const{register:d}=N.useFormContext(),{error:p}=re(r),$=n?d(n):d;return o.createElement(X,{css:e,description:s,error:p,fieldId:r,label:a,prompt:l,required:Boolean(n==null?void 0:n.required)},o.createElement(It,{name:r,id:r,...c,ref:$,...p&&{state:"error"}},t))};Oo.displayName="SelectField";const Pi=i("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),Po=(e,t,r)=>(e-t)/(r-t)*100,Hi=(e,t,r)=>{const a=Po(e,t,r);return a<=10?0:a>=90?100:50},Vi=({min:e,max:t,steps:r=[]})=>r.length===0?null:o.createElement(Pi,null,r.map(a=>o.createElement(L,{as:"span",key:a.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${Po(a.value,e,t)}%`,transform:`translateX(-${Hi(a.value,e,t)}%)`}},a.label))),_i=({value:e=[],outputLabel:t=r=>`Current value is ${r}`})=>o.createElement(L,{css:{mt:"$4",color:"$tonal300",width:"100%"}},t(e.length===1?e[0]:e)),Tt=i(Ae.Track,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),qi=i(Ae.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:{[`${Tt}`]:{bg:"#fff"}},tonal:{[`${Tt}`]:{bg:"$tonal200"}}}}}),ji=i(Ae.Range,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),Gi=i(Ae.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"}}),se=({value:e,defaultValue:t,min:r=0,max:a=100,theme:n="tonal",css:l,children:s,...c})=>{const d=e||t;return o.createElement(he,{css:l},o.createElement(qi,{theme:n,defaultValue:t,value:e,min:r,max:a,...c},o.createElement(Tt,null,o.createElement(ji,null)),(d==null?void 0:d.length)&&d.map((p,$)=>o.createElement(Gi,{key:`thumb${$}`}))),s)};se.Value=_i,se.Steps=Vi,se.displayName="Slider";const Ho=({css:e,label:t,name:r,defaultValue:a,outputLabel:n,min:l=0,max:s=100,steps:c=[],...d})=>{const{control:p}=N.useFormContext();return m.default.createElement(X,{css:e,fieldId:r,label:t},m.default.createElement(N.Controller,{control:p,name:r,defaultValue:a,render:({onChange:$,value:u})=>m.default.createElement(se,{name:r,defaultValue:a,onValueChange:$,value:u,min:l,max:s,...d},m.default.createElement(se.Steps,{min:l,max:s,steps:c}),m.default.createElement(se.Value,{value:u||a,outputLabel:n}))}))};Ho.displayName="SliderField";const Yi=i(_t.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"}}),Ui=i(_t.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),Vo=e=>o.createElement(Yi,{...e},o.createElement(Ui,null));Vo.displayName="Switch";const Ke=i("tr",{bg:"unset"});Ke.displayName="TableRow";const Xi=i("tbody",{variants:{striped:{true:{[`${Ke}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),_o=({striped:e=!0,...t})=>o.createElement(Xi,{striped:e,...t});_o.displayName="TableBody";const ve=i("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"bold"}});ve.displayName="TableCell";const qo=i("tfoot",{});qo.displayName="TableFooter";const Qe=i("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Qe.displayName="TableFooterCell";const Q=i("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Q.displayName="TableHeaderCell";const Ji=i("thead",{variants:{theme:{primary:{[`${Q}`]:{bg:"$primary"}},primaryDark:{[`${Q}`]:{bg:"$primaryDark"}},light:{[`${Q}`]:{bg:"$tonal50",color:"$tonal600"}}}}}),jo=({theme:e="primaryDark",...t})=>m.default.createElement(Ji,{theme:e,...t});jo.displayName="TableHeader";const Ki=i("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${ve}, ${Q}, ${Qe}`]:{height:"$4"}},lg:{[`${ve}, ${Q}, ${Qe}`]:{height:"$5"}}},corners:{round:{[`${Q}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${Ke}:last-child`]:{[`${ve}:first-child`]:{borderBottomLeftRadius:"$0"},[`${ve}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),Y=({size:e="md",corners:t="round",...r})=>o.createElement(Ki,{size:e,corners:t,...r});Y.Body=_o,Y.Cell=ve,Y.Footer=qo,Y.FooterCell=Qe,Y.Header=jo,Y.HeaderCell=Q,Y.Row=Ke,Y.displayName="Table";const Qi=i(Be.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:v.opacify(C.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:v.opacify(C.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:v.opacify("white",-.8)},"&:not([data-disabled]):active":{bg:v.opacify("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Ze=({children:e,theme:t,disabled:r=!1,...a})=>o.createElement(Qi,{disabled:r,theme:t,...a},e);Ze.displayName="TabTrigger";const Ft=(e,t,r=[])=>m.default.Children.map(e,a=>m.default.isValidElement(a)&&r.includes(a==null?void 0:a.type)?m.default.cloneElement(a,{...t}):a),Zi=v.opacify("white",-.2),el=v.opacify(C.colors.primaryDark.value,-.2),Go=i(F,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${Zi} !important`},dark:{bg:`${el} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),Yo=i(Be.List,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{bg:"$primaryDark",borderBottom:"1px solid $tonal200"}},appearance:{uppercase:{"& button":{textTransform:"uppercase"}}}}}),Uo=({children:e,theme:t,appearance:r,enableTabScrolling:a,scrollPercentage:n=10,...l})=>{const s=I.useRef(null),[c,d]=I.useState(!1),[p,$]=I.useState(!1),[u,h]=I.useState(),y=I.useCallback(g=>{const x=s.current;if(x){const{scrollWidth:R,scrollLeft:k,offsetWidth:E}=x,A=Math.round(R*(n/100));let z=k;if(g==="right"){const B=k+A;z=B+E<=R?B:R-E}else{const B=k-A;z=B>0?B:0}x.scroll({left:z,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:B,scrollLeft:O,offsetWidth:ce}=x,S=B-(O+ce);O===0?(d(!1),$(!0)):S<5?($(!1),d(!0)):(d(!0),$(!0))},500)}},[]);return I.useEffect(()=>{const g=Pt.debounce(500,()=>{h(window.innerWidth)});return window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)}},[]),I.useEffect(()=>{var g;const x=s.current;if(x){const{offsetWidth:R,scrollWidth:k}=x,E=k>R;(g=x.scroll)==null||g.call(x,{left:0}),d(!1),$(E)}},[u]),c||p||a?m.default.createElement(T,{css:{position:"relative"}},m.default.createElement(Go,{size:"lg",label:"Scroll Left",theme:t,onClick:()=>y("left"),visible:c,css:{left:0}},m.default.createElement(f,{is:b.ChevronLeft})),m.default.createElement(Yo,{...l,ref:s,appearance:r,theme:t},Ft(e,{theme:t},[Ze])),m.default.createElement(Go,{size:"lg",label:"Scroll right",theme:t,onClick:()=>y("right"),visible:p,css:{right:0}},m.default.createElement(f,{is:b.ChevronRight}))):m.default.createElement(Yo,{theme:t,...l,appearance:r,ref:s},Ft(e,{theme:t},[Ze]))},tl=i(Be.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),Xo=i(Be.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),Ne=({theme:e="light",children:t,...r})=>o.createElement(tl,{theme:e,...r},Ft(t,{theme:e},[Uo,Xo]));Ne.TriggerList=Uo,Ne.Trigger=Ze,Ne.Content=Xo,Ne.displayName="Tabs";const ol=i("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",fontFamily:"$body",fontWeight:400,lineHeight:1.4,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",transition:"all 75ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{state:{error:{border:"1px solid $danger"}}}}),Nt=o.forwardRef((e,t)=>o.createElement(ol,{...e,ref:t}));Nt.displayName="Textarea";const Jo=({css:e=void 0,label:t,name:r,validation:a,prompt:n,description:l,...s})=>{const{register:c}=N.useFormContext(),{error:d}=re(r),p=a?c(a):c;return o.createElement(X,{css:e,description:l,error:d,fieldId:r,label:t,prompt:n,required:Boolean(a==null?void 0:a.required)},o.createElement(Nt,{id:r,name:r,ref:p,...d&&{state:"error"},...s}))};Jo.displayName="TextareaField";const Ko=400,rl=D({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),al=D({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),nl=i("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${rl} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${al} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),il=i("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$6",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:Ko},"@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"}}}}),ll=o.memo(({ariaLive:e,height:t,id:r,message:a,role:n,type:l="blank",visible:s,calculateOffset:c,updateHeight:d})=>{const p=c(r,{reverseOrder:!0,margin:8});return o.createElement(nl,{visible:s},o.createElement(il,{ref:$=>{$&&t===void 0&&d(r,$.getBoundingClientRect().height)},status:l,role:n,"aria-live":e,style:{transform:`translateY(${p}px)`}},l==="error"&&o.createElement(f,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:b.Error}),o.createElement(L,{css:{color:"inherit"}},a),l==="loading"?o.createElement(mt,{css:{flex:"0 0 auto",ml:"auto"}}):o.createElement(F,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>ot.toast.dismiss(r)},o.createElement(f,{is:b.Close}))))}),sl=i("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:to,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${Ko/2}px)`}}),Qo=({children:e})=>{const{toasts:t,handlers:r}=ot.useToaster(),{startPause:a,endPause:n,calculateOffset:l,updateHeight:s}=r;return o.createElement(o.Fragment,null,o.createElement(sl,{onMouseEnter:a,onMouseLeave:n},t.map(c=>o.createElement(ll,{key:c.id,calculateOffset:l,updateHeight:s,...c}))),e)};Qo.displayName="ToastProvider";const de=i(Pe.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":{...He(),'&[data-state="off"]':{borderColor:"$tonal200 !important"},'&[data-state="on"]':{boxShadow:`inset currentColor 0px 0px 0px 1px, ${He().boxShadow}`}}},"&[disabled]":{opacity:.3,cursor:"not-allowed"},'&[data-state="on"]':{color:"$primary",borderColor:"currentColor !important",boxShadow:"inset currentColor 0px 0px 0px 1px"}}),dl=de,et={sm:"32px",md:"40px",lg:"48px"},cl={sm:"$4",md:"$5",lg:"$5"},ml={sm:"$2",md:"$3",lg:"$3"},Mt=e=>({fontSize:`$${e}`,px:cl[e],minHeight:et[e],"& > *:not(:last-child)":{mr:ml[e]}}),pl=i(de,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${Xt}`]:{flexShrink:0},variants:{size:{sm:Mt("sm"),md:Mt("md"),lg:Mt("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:et.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:et.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:et.lg,p:0}}]}),ul=o.forwardRef(({size:e="md",children:t,...r},a)=>{var n;const l=o.Children.toArray(t),s=l.length<=1,c=s&&o.isValidElement(l[0])&&((n=l[0])==null?void 0:n.type)===f;return o.createElement(pl,{ref:a,size:e,isIconOnly:c,...r},l.map(d=>!s&&typeof d=="string"?o.createElement("span",{key:d},d):o.isValidElement(d)&&(d==null?void 0:d.type)===f?o.cloneElement(d,{...d.props,size:e}):d))}),hl=i(Pe.Root,{width:"fit-content",variants:{isFullWidth:{true:{width:"100%",[`& ${de}`]:{flexBasis:0,flexGrow:1}}},hasGap:{true:{[`& ${de}`]:{borderRadius:"$0"}},false:{borderRadius:"$0",bg:"white",[`& ${de}`]:{bg:"transparent",borderRadius:0,position:"relative","&:not(:last-child)::before":{content:"",position:"absolute"}}}},direction:{column:{},row:{}}},compoundVariants:[{hasGap:!1,direction:"row",css:{[`& ${de}`]:{"&: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:{[`& ${de}`]:{"&: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"}}}}]}),$l=e=>e==="horizontal"?"row":"column",fl=o.forwardRef(({orientation:e="horizontal",gap:t=!1,isFullWidth:r,children:a,wrap:n="no-wrap",...l},s)=>{const c=typeof t=="number",d=$l(e);return o.createElement(hl,{ref:s,direction:d,hasGap:c,isFullWidth:r,orientation:e,...l},o.createElement(ge,{direction:d,gap:c&&t,align:!1,wrap:n},a))}),gl={Item:dl,Button:ul,Root:fl},bl=i(Ee.Content,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,px:"$3",py:"$2","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:nt},'&[data-side="right"]':{animationName:it},'&[data-side="bottom"]':{animationName:rt},'&[data-side="left"]':{animationName:at}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),yl=i(Ee.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),vl=({children:e,side:t="top",sideOffset:r=4,size:a="md",...n})=>o.createElement(bl,{side:t,sideOffset:r,size:a,...n},e,o.createElement(yl,null)),Me=({children:e,delayDuration:t=350,...r})=>o.createElement(Ee.Root,{delayDuration:t,...r},e);Me.Content=vl,Me.Trigger=i(Ee.Trigger,{}),Me.Provider=Ee.Provider,Me.displayName="Tooltip";const xl=i(Br.default,{}),Zo=o.forwardRef(({id:e,ratio:t=9/16,css:r,...a},n)=>o.createElement(he,{css:r},o.createElement(w,{css:{borderRadius:"$0",position:"relative",paddingTop:`${t*100}%`,overflow:"hidden",height:0,width:"100%"}},o.createElement(xl,{...a,role:"figure",url:`https://player.vimeo.com/video/${e}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:n}))));Zo.displayName="Video";const er=m.default.createContext(void 0),wl=()=>{const e=m.default.useContext(er);if(e===void 0)throw new Error("useNavigationMenuContext must be used within a NavigationMenuContextProvider");return e},tr={fontWeight:"bold",color:"$tonal500","&::after":{backgroundColor:"$tonal500",borderRadius:"$1",bottom:0,content:"",display:"block",height:"2px",left:"50%",position:"absolute",transform:"translate(-50%,0)",width:"$2"}},or={background:"none",color:"$tonal400",opacity:"30%",cursor:"default"},Lt={all:"unset",position:"relative",color:"$tonal400",outline:"none",cursor:"pointer",fontFamily:"$body",userSelect:"none",padding:"$3",borderRadius:"$1","&:hover":{background:"$tonal50",color:"$tonal600"},"&:active":{background:"$tonal100",color:"$tonal600"},"&:focus-visible":{boxShadow:`0 0 0 2px ${C.colors.primary}`},"&:disabled":{...or}},El=i(ee.Trigger,Lt,{display:"flex",alignItems:"center",borderRadius:"$1",justifyContent:"space-between",gap:"$1",'&[data-state="open"]':{background:"$tonal100"},variants:{active:{true:{...tr}}}}),Cl=i(ee.Link,Lt,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary"}},link:{"&[data-active]":{...tr}}}}}),Sl=m.default.forwardRef(({children:e,active:t,...r},a)=>m.default.createElement(El,{active:t,...r,ref:a},e,m.default.createElement(f,{is:b.ChevronDown,css:{"[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform .2s ease"}},size:"sm"}))),kl=i("ul",{all:"unset"}),zl=i("li",{all:"unset"}),Dl=i("button",{...Lt,...or}),rr=m.default.forwardRef(({children:e,href:t,disabled:r,css:a,variant:n="link",...l},s)=>r?m.default.createElement(Dl,{disabled:!0,...l},e):m.default.createElement(zl,null,m.default.createElement(Cl,{href:t,ref:s,elementType:n,css:a,...l},e))),Rl=m.default.forwardRef((e,t)=>m.default.createElement(rr,{ref:t,variant:"dropdownItem",...e})),Il=i(ee.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"0px 3px 6px rgba(51, 51, 51, 0.15), 0px 3px 6px rgba(51, 51, 51, 0.2)",borderRadius:"$1"}),Tl=({children:e,title:t,...r})=>{const{onNodeUpdate:a}=wl();return m.default.createElement(ee.Item,{value:t},m.default.createElement(Sl,{...r,ref:n=>a(n,t)},t),m.default.createElement(Il,null,e))},Fl=D({"0%, 50%":{opacity:0},"100%":{opacity:1}}),Nl=i(ee.Root,{display:"flex",justifyContent:"center",position:"relative"}),Ml=i(ee.List,{all:"unset",display:"flex",justifyContent:"center",alignItems:"center",gap:"$1",listStyle:"none"}),Ll=i(ee.Viewport,{zIndex:to}),Wl=i("div",{position:"absolute",left:0,top:"100%",width:"100%",display:"flex",justifyContent:"center"}),xe=({children:e,css:t})=>{const[r,a]=m.default.useState(),[n,l]=m.default.useState(),[s,c]=m.default.useState(0),d=m.default.useRef(null),p=200;m.default.useLayoutEffect(()=>{d.current&&c(d.current.offsetWidth)},[]),m.default.useEffect(()=>{let u;return n===""&&(u=setTimeout(()=>a(null),p)),()=>{u!==null&&clearTimeout(u)}},[n]);const $=(u,h)=>{if(u&&s&&n===h){const y=s/2,g=s-u.offsetLeft-u.offsetWidth+u.offsetWidth/2;a(Math.round(y-g))}return u};return m.default.createElement(er.Provider,{value:{onNodeUpdate:$}},m.default.createElement(Nl,{onValueChange:l,css:t},m.default.createElement(Ml,{ref:d},e),m.default.createElement(Wl,null,m.default.createElement(Ll,{css:{transform:`translateX(${r||0}px)`,'&[data-state="open"]':{animation:`${Fl} ${p}ms ease`},'&[data-state="closed"]':{animation:`${lt} ${p}ms ease-out`}}}))))};xe.Link=rr,xe.Dropdown=Tl,xe.DropdownContent=kl,xe.DropdownItem=Rl,xe.displayName="NavigationMenu",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return Ar.default}}),exports.Accordion=Se,exports.ActionIcon=F,exports.AlertDialog=M,exports.AlertProvider=ba,exports.Badge=io,exports.Box=w,exports.Button=G,exports.Carousel=oe,exports.Checkbox=qe,exports.CheckboxField=uo,exports.Chip=J,exports.ChipDismissibleGroup=yt,exports.ChipGroup=gt,exports.ChipToggleGroup=vt,exports.Combobox=ne,exports.DateField=ko,exports.DateInput=Ct,exports.Dialog=K,exports.Dismissible=Je,exports.DismissibleGroup=ae,exports.Divider=St,exports.DropdownMenu=ye,exports.EmptyState=ze,exports.FieldWrapper=X,exports.FileInput=Io,exports.Flex=T,exports.Form=po,exports.Grid=Ro,exports.Heading=_e,exports.Icon=f,exports.Image=ke,exports.InlineFieldWrapper=Xe,exports.InlineMessage=Ye,exports.Input=be,exports.InputField=To,exports.Label=Ie,exports.Link=Ge,exports.List=je,exports.Loader=mt,exports.MarkdownContent=Fo,exports.NavigationMenu=xe,exports.NotificationBadge=yi,exports.PasswordField=No,exports.PasswordInput=zt,exports.Popover=ie,exports.ProgressBar=Mo,exports.RadioButton=Ue,exports.RadioButtonField=Rt,exports.RadioButtonGroup=ft,exports.RadioCard=Ao,exports.RadioCardGroup=Mi,exports.SearchInput=Bo,exports.Select=It,exports.SelectField=Oo,exports.Slider=se,exports.SliderField=Ho,exports.Stack=ge,exports.StackContent=kt,exports.Stepper=Fe,exports.StyledButton=ro,exports.StyledLink=ht,exports.Switch=Vo,exports.Table=Y,exports.Tabs=Ne,exports.Text=L,exports.Textarea=Nt,exports.TextareaField=Jo,exports.ToastProvider=Qo,exports.ToggleGroup=gl,exports.Tooltip=Me,exports.TopBar=le,exports.Video=Zo,exports.createTheme=Vr,exports.css=Pr,exports.focusVisibleStyleBlock=He,exports.getCssText=Hr,exports.globalCss=Gt,exports.keyframes=D,exports.media=jt,exports.styled=i,exports.theme=C,exports.useAlert=ya,exports.useCarousel=Ra,exports.utils=qt;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var We=require("@radix-ui/react-accordion"),R=require("react"),cr=require("@atom-learning/theme"),mr=require("@stitches/react"),b=require("@atom-learning/icons"),v=require("color2k"),pr=require("invariant"),V=require("@radix-ui/react-alert-dialog"),ur=require("@radix-ui/react-visually-hidden"),hr=require("uid"),ee=require("pure-react-carousel"),$r=require("@radix-ui/react-checkbox"),F=require("react-hook-form"),fr=require("@radix-ui/react-radio-group"),gr=require("react-hook-form-persist"),br=require("dlv"),Pt=require("@radix-ui/react-slot"),yr=require("@radix-ui/react-toggle-group"),me=require("@reach/combobox"),_=require("@radix-ui/react-dialog"),vr=require("dayzed"),pe=require("@radix-ui/react-popover"),xr=require("dayjs"),wr=require("dayjs/plugin/customParseFormat"),we=require("@radix-ui/react-dropdown-menu"),Er=require("mdast-util-directive"),Cr=require("mdast-util-from-markdown"),Sr=require("micromark-extension-directive"),Ht=require("throttle-debounce"),kr=require("@radix-ui/react-progress"),Ae=require("@radix-ui/react-slider"),zr=require("@radix-ui/react-switch"),Be=require("@radix-ui/react-tabs"),ot=require("react-hot-toast"),Ee=require("@radix-ui/react-tooltip"),Dr=require("react-player/vimeo"),Rr=require("@radix-ui/react-navigation-menu");function H(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function j(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=j(R),m=H(R),Ir=j(cr),Oe=H(pr),Tr=j(ur),qt=j($r),ue=j(fr),Fr=H(gr),Nr=H(br),Pe=j(yr),Ce=H(xr),Mr=H(wr),Lr=H(Er),Wr=H(Cr),Ar=H(Sr),Vt=j(kr),_t=j(zr),Br=H(ot),Or=H(Dr),te=j(Rr);const jt={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})},Gt={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},Pr=mr.createStitches({theme:Ir,utils:jt,media:Gt}),{css:Hr,getCssText:qr,createTheme:Vr,globalCss:Yt,keyframes:D,styled:i,theme:E}=Pr,w=i("div",{});w.displayName="Box";const he=({css:e,children:t})=>e?o.createElement(w,{css:e},t):o.createElement(o.Fragment,null,t);he.displayName="CSSWrapper";const q=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}}),_r={chevron:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><polyline points="6 10 12 16 18 10"/></svg>`,search:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},Ut=(e,t)=>`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(_r[t](v.toHex(e)))})`,He=({position:e="relative",zIndex:t=1}={})=>({outline:"none",position:["relative","absolute","fixed","sticky"].includes(e)?e:"relative",zIndex:t>1?t:1,boxShadow:"white 0px 0px 0px 2px, $colors$primary 0px 0px 0px 4px"}),rt=D({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),at=D({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),nt=D({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),it=D({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),Xt=D({"0%":{opacity:0},"100%":{opacity:1}}),lt=D({"0%":{opacity:1},"100%":{opacity:0}}),jr=D({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),Gr=D({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),Yr=i(We.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${jr} 300ms ease-out`},'&[data-state="closed"]':{animation:`${Gr} 300ms ease-out`}}}),Ur=({children:e,css:t,...r})=>m.default.createElement(Yr,{...r},m.default.createElement(he,{css:t},e)),Xr=i(We.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),Jr=({children:e,value:t,...r})=>m.default.createElement(Xr,{value:t,...r},e),Jt=i("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),f=o.forwardRef(({is:e,size:t="md",...r},a)=>o.createElement(Jt,{size:t,"aria-hidden":"true",...r,as:e,ref:a})),Kt=(e,t,r,a="#fff")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:t},"&:not([disabled]):active":{bg:r}}),Kr=i(f,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),Qr=i(We.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:Kt("$primaryDark",v.darken(E.colors.primaryDark.value,.1),v.darken(E.colors.primaryDark.value,.15)),light:Kt("#fff",v.darken("#fff",.1),v.darken("#fff",.15),"$tonal600")}}}),Zr=({theme:e="primaryDark",children:t,...r})=>m.default.createElement(Qr,{theme:e,...r},t,m.default.createElement(Kr,{is:b.ChevronDown})),ea=i(We.Root,{width:"100%"}),Se=m.default.forwardRef(({type:e="single",children:t,...r},a)=>m.default.createElement(ea,{ref:a,type:e,...r},t));Se.Item=Jr,Se.Content=Ur,Se.Trigger=Zr,Se.displayName="Accordion";const I=i("div",{display:"flex"});I.displayName="Flex";const oe=({applyCapsize:e=!0}={})=>({xs:{fontSize:"$xs",lineHeight:1.6,...e?q(.4364):{}},sm:{fontSize:"$sm",lineHeight:1.53,...e?q(.4056):{}},md:{fontSize:"$md",lineHeight:1.5,...e?q(.3864):{}},lg:{fontSize:"$lg",lineHeight:1.52,...e?q(.3983):{}},xl:{fontSize:"$xl",lineHeight:1.42,...e?q(.3506):{}}}),st=i("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{size:oe()}}),W=o.forwardRef(({size:e="md",...t},r)=>o.createElement(st,{size:e,...t,ref:r}));W.displayName="Text";const Qt=i(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"}}}}),Zt=i("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}}),ke=Zt;ke.displayName="Image";const ta=i("div",{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"}}}}),oa=i(ke,{maxHeight:"100%"}),eo=({size:e,...t})=>m.default.createElement(ta,{size:e},m.default.createElement(oa,{...t})),to=i("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"}}}}),ra=i(I,{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"}}}}),ze=({size:e="sm",children:t,...r})=>o.createElement(ra,{size:e,...r},o.Children.map(t,a=>o.isValidElement(a)&&(a.type===eo||a.type===to||a.type===Qt)?o.cloneElement(a,{...a.props,size:e}):a));ze.displayName="EmptyState",ze.Image=eo,ze.Title=to,ze.Body=Qt;const aa={xs:"sm",sm:"sm",md:"md",lg:"lg"},$e=(e,t,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),De=(e,t,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:t,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),Re=(e,t,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),na=i("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:$e("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:$e("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:$e("$primaryDark",v.darken(E.colors.primaryDark.value,.1),v.darken(E.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:$e("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:$e("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:$e("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:De("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:De("$primaryDark",v.darken(E.colors.primaryDark.value,.1),v.darken(E.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:De("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:De("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:De("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:Re("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:Re("$primaryDark",v.darken(E.colors.primaryDark.value,.1),v.darken(E.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:Re("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:Re("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:Re("$danger","$dangerMid","$dangerDark")}]}),N=o.forwardRef(({children:e,theme:t="primary",appearance:r="simple",size:a="sm",label:n,href:l,disabled:d,...c},s)=>{const p=`A single ${f.displayName} component is permitted as a child of ${N.displayName}`;return Oe.default(o.Children.count(e)===1,p),o.createElement(na,{...c,...l?{as:"a",href:d?null:l,onClick:void 0,"aria-disabled":!!d}:{type:"button"},"aria-label":n,theme:t,appearance:r,size:a,ref:s,disabled:d},o.Children.map(e,$=>{if(!o.isValidElement($))throw new Error(p);return Oe.default($.type===f,`Children of type ${$==null?void 0:$.type} aren't permitted. Only an ${f.displayName} component is allowed in ${N.displayName}`),o.cloneElement($,{size:aa[a],css:{...$.props.css?$.props.css:{}}})}))});N.displayName="ActionIcon";const oo=2147483647,qe=1147483646,dt="translate3d(-50%, -50%, 0)",ro="translate3d(-50%, 50vh, 0)",ia=D({"0%":{transform:ro},"100%":{transform:dt}}),la=D({"0%":{transform:dt},"100%":{transform:ro}}),sa=i(V.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",zIndex:qe,"@allowMotion":{'&[data-state="open"]':{animation:`${Xt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${lt} 550ms ease-out`}}}),da=i(V.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:dt,"&:focus":{outline:"none"},zIndex:qe,"@allowMotion":{'&[data-state="open"]':{animation:`${ia} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${la} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),ca=({size:e="sm",...t})=>o.createElement(V.Portal,null,o.createElement(sa,null),o.createElement(da,{size:e,...t})),ma=i(V.Root,{}),L=e=>o.createElement(ma,{...e});L.Description=V.Description,L.Title=V.Title,L.Action=V.Action,L.Cancel=V.Cancel,L.Content=ca,L.Trigger=V.Trigger,L.displayName="AlertDialog";const pa=()=>{const e=R.useRef();return R.useEffect(()=>(e.current=!0,()=>{e.current=!1})),e},ua=D({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),ct=i("div",{animationName:`${ua}`,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"}}}}),mt=({css:e={},message:t="Loading",size:r="md"})=>o.createElement(I,{css:{justifyContent:"center",...e},role:"alert"},o.createElement(Tr.Root,null,t),o.createElement(ct,{size:r}),o.createElement(ct,{size:r}),o.createElement(ct,{size:r})),pt=(e,t,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:t},"&:not([disabled]):active":{color:r}}),fe=(e,t,r,a="white")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:t,color:a},"&:not([disabled]):active":{bg:r}}),ao=i("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{false:{width:"max-content"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:fe("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:fe("$primaryDark",v.darken(E.colors.primaryDark.value,.1),v.darken(E.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:fe("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:fe("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:fe("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:fe("white",v.opacify("white",-.1),v.opacify("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:pt("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:pt("white",v.opacify("white",-.2),v.opacify("white",-.35))},{theme:"secondary",appearance:"outline",css:pt("$primaryDark",v.darken(E.colors.primaryDark.value,.1),v.darken(E.colors.primaryDark.value,.15))}]}),ha=({isLoading:e,children:t})=>o.createElement(o.Fragment,null,o.createElement(mt,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(w,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},t)),$a=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},no=(e,t)=>o.Children.map(e,(r,a)=>(r==null?void 0:r.type)===f?o.cloneElement(r,{css:{[a===0?"mr":"ml"]:t==="sm"?"$2":"$3",size:$a(t),...r.props.css?r.props.css:{}}}):r),G=o.forwardRef(({children:e,isLoading:t,onClick:r,href:a,appearance:n="solid",size:l="md",theme:d="primary",type:c="button",...s},p)=>o.createElement(ao,{isLoading:t||!1,onClick:t?void 0:r,appearance:n,size:l,theme:d,...s,...a?{as:"a",href:a,onClick:void 0}:{},...a?{}:{type:c},ref:p},typeof t=="boolean"?o.createElement(ha,{isLoading:t},no(e,l)):no(e,l)));G.displayName="Button";const ut=i("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:{fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5,...q(.3864)},sm:{fontSize:"$lg",lineHeight:1.14,...q(.2174,.2254)},md:{fontSize:"$xl",lineHeight:1.14,...q(.2174,.2254)},lg:{fontSize:"$2xl",lineHeight:1.08,...q(.1865,.1945)},xl:{fontSize:"$3xl",lineHeight:1.12,...q(.206,.214)},xxl:{fontSize:"$4xl",lineHeight:1.06,...q(.1793,.1873)}}}}),Ve=o.forwardRef(({size:e="md",...t},r)=>o.createElement(ut,{ref:r,size:e,...t}));Ve.displayName="Heading";const fa=Object.keys(E.space).reduce((e,t)=>({...e,[t]:{mt:`-$space$${t}`,ml:`-$space$${t}`,"& > *":{mt:`$space$${t}`,ml:`$space$${t}`}}}),{}),ga=i("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:{...fa,false:{}}}}),ge=o.forwardRef(({css:e,gap:t=2,direction:r="row",wrap:a="wrap",justify:n="start",align:l,...d},c)=>o.createElement(he,{css:e},o.createElement(ga,{ref:c,direction:r,gap:t,wrap:a,justify:n,align:typeof l>"u"&&r!=="column"?"center":l,...d})));ge.displayName="Stack";const ba=({title:e,description:t,onAction:r,cancelActionText:a,confirmActionText:n,onClose:l,...d})=>o.createElement(L,{defaultOpen:!0},o.createElement(L.Content,{onEscapeKeyDown:c=>c.preventDefault(),onCloseAutoFocus:l,...d},o.createElement(Ve,{as:L.Title,size:"sm",css:{mb:"$5"}},e),t&&o.createElement(W,{as:L.Description,css:{mb:"$5"}},t),o.createElement(ge,{gap:"2",justify:"end"},a&&o.createElement(G,{appearance:"outline",as:L.Cancel,onClick:()=>r(!1),size:"sm"},a),o.createElement(G,{as:L.Action,onClick:()=>r(!0),size:"sm"},n)))),ya=[],va=(e,t)=>{switch(t.type){case"ADD":return[...e,{...t.payload,id:hr.uid()}];case"REMOVE":return e.filter(({id:r})=>r!==t.payload);default:return e}},io=o.createContext({showAlert:()=>null}),xa=({children:e})=>{const[t,r]=o.useReducer(va,ya),a=pa();return o.createElement(io.Provider,{value:{showAlert:n=>r({payload:n,type:"ADD"})}},Boolean(t.length)&&o.createElement(ba,{...t[0],key:t[0].id,onClose:()=>{a.current&&r({payload:t[0].id,type:"REMOVE"})}}),e)},wa=()=>{const e=o.useContext(io);if(e===void 0)throw new Error("useAlert must be used within a AlertProvider");return e},Ea=i(I,{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"}}}}),lo=({theme:e="info",size:t="sm",children:r,...a})=>o.createElement(Ea,{role:"status",theme:e,size:t,...a},o.createElement(w,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},r));lo.displayName="Badge";const so={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"}},Ca=i(ee.ButtonBack,so),Sa=i(ee.ButtonNext,so),ka=e=>o.createElement(Ca,{...e},o.createElement(f,{is:b.ChevronLeft})),za=e=>o.createElement(Sa,{...e},o.createElement(f,{is:b.ChevronRight})),Da=i(ee.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"}}}),Ra=i(ee.Slide,{}),Ia=({children:e,...t})=>o.createElement(Ra,{...t,tag:"div"},o.createElement(w,{css:{px:"$3"}},e)),Ta=i(ee.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"}}}}),re=({children:e,css:t,slideHeight:r,slideWidth:a,numSlides:n,...l})=>o.createElement(he,{css:t},o.createElement(ee.CarouselProvider,{naturalSlideWidth:a,naturalSlideHeight:r,totalSlides:n,...l},e)),Fa=()=>o.useContext(ee.CarouselContext);re.ArrowNext=za,re.ArrowPrevious=ka,re.Pagination=Da,re.Slide=Ia,re.Slider=Ta,re.displayName="Carousel";const Na=i(qt.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),Ma=i(qt.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"}}}}),_e=o.forwardRef((e,t)=>o.createElement(Ma,{...e,ref:t},o.createElement(Na,null,o.createElement(f,{is:e.checked==="indeterminate"?b.Minus:b.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));_e.displayName="Checkbox";const{sm:La,md:Wa}=oe(),Aa=i("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:La,md:Wa},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"}}]}),Ba=i("span",{color:"$danger",ml:"$1",fontWeight:400}),Ie=({align:e="start",as:t="label",direction:r="row",size:a="md",type:n="block",children:l,required:d,...c})=>o.createElement(Aa,{as:t,size:a,type:n,align:e,direction:r,...c},l,d&&o.createElement(Ba,{"aria-hidden":!0},"*"));Ie.displayName="Label";const Te=i("li",{}),co=i("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${Te}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:oe({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${Te}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${Te}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}}}}),je=o.forwardRef(({size:e="md",ordered:t,...r},a)=>o.createElement(co,{ref:a,as:t?"ol":"ul",size:e,...r}));je.Item=Te;const ht=i("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${st} > &, ${ut} > &, ${Te} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:oe()}}),Ge=o.forwardRef(({size:e="md",onClick:t,href:r,...a},n)=>r?o.createElement(ht,{size:e,...a,ref:n,href:r}):o.createElement(ht,{as:"button",size:e,...a,ref:n,onClick:t}));Ge.displayName="Link";const Oa={success:{color:"$success"},warning:{color:"$warningText","& svg":{color:"$warningDark"}},info:{color:"$primary"},neutral:{color:"$tonal400"},error:{color:"$danger"}},Pa={success:b.OkCircle,warning:b.Danger,info:b.Info,neutral:b.Info,error:b.Error},Ha=i(I,{variants:{theme:Oa}}),qa=i(f,{flexShrink:"0",mr:"$2"}),Ye=({css:e,showIcon:t=!0,theme:r="error",size:a="sm",children:n,...l})=>o.createElement(Ha,{theme:r,css:e,...l},t&&o.createElement(qa,{size:"sm",is:Pa[r]}),o.createElement(W,{as:"span",size:a,css:{color:"inherit",transform:"translateY($space$0)"}},n)),$t=({children:e,css:t})=>o.createElement(W,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...t}},e),Y=({css:e,children:t,error:r,fieldId:a,label:n,prompt:l,description:d,required:c})=>o.createElement(w,{css:e},o.createElement(I,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},o.createElement(Ie,{htmlFor:a,required:c},n),l&&o.createElement(Ge,{href:l.link,size:"sm"},l.label)),d&&o.createElement($t,{css:{mb:"$3"}},d),t,r&&o.createElement(Ye,{css:{mt:"$2"}},r));Y.displayName="FieldWrapper";const Va=i(ue.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"}}),_a=i(ue.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),Ue=e=>o.createElement(Va,{...e},o.createElement(_a,null));Ue.displayName="RadioButton";const ft=i(ue.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});ft.displayName="RadioButtonGroup";const Xe=({align:e="start",children:t,css:r,description:a,direction:n="row",error:l,label:d,required:c})=>o.createElement(w,{css:r},o.createElement(Ie,{align:e,direction:n,required:c,type:"inline"},o.Children.map(t,s=>o.createElement(w,{css:{[n==="reverse"?"ml":"mr"]:"$3",...((s==null?void 0:s.type)===_e||(s==null?void 0:s.type)===Ue)&&{transform:"translateY($space$1)"}}},s)),d),l&&o.createElement(Ye,{css:{mt:"$2"}},l),a&&o.createElement($t,{css:{mt:"$2",[n==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},a));Xe.displayName="InlineFieldWrapper";var mo=(e=>(e.LOCAL="local",e.SESSION="session",e))(mo||{});const ja=i("form",{}),Ga=({persist:e,watch:t,setValue:r,children:a})=>{const{id:n,...l}=e;let d={...l,storage:l.storage===mo.LOCAL?window.localStorage:window.sessionStorage};if(l.exclude){const{exclude:c,...s}=d,p=t(),$=Object.keys(p).filter(u=>{var h;if(!((h=l.exclude)!=null&&h.includes(u)))return u});d={...s,include:$}}return Fr.default(n,{watch:t,setValue:r},d),a},po=({formMethods:e,handleSubmit:t,onSubmit:r,onError:a,children:n,...l})=>o.createElement(F.FormProvider,{...e},o.createElement(ja,{"aria-label":"form",...l,onSubmit:t(r,a)},n)),uo=({children:e,defaultValues:t={},onSubmit:r,onError:a,validationMode:n="onBlur",render:l,persist:d,...c})=>{Oe.default(!(e&&l),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const s=F.useForm({defaultValues:t,mode:n}),{handleSubmit:p,watch:$,setValue:u}=s,h=l?l(s):e,y={formMethods:s,handleSubmit:p,onSubmit:r,onError:a,...c};return d?o.createElement(Ga,{persist:d,watch:$,setValue:u},o.createElement(po,{...y},h)):o.createElement(po,{...y},h)};uo.displayName="Form";const J=e=>{var t;const{errors:r}=F.useFormContext(),a=e.split(/[,[\].]+?/).filter(Boolean);return{error:(t=(()=>Nr.default(r,a))())==null?void 0:t.message}};var Ya=(e=>(e.ON="on",e.OFF="off",e))(Ya||{});const ho=({css:e,defaultChecked:t=!1,label:r,name:a,validation:n,description:l,...d})=>{const{control:c}=F.useFormContext(),{error:s}=J(a);return o.createElement(F.Controller,{control:c,name:a,defaultValue:t,rules:n,render:({onChange:p,value:$,name:u})=>o.createElement(Xe,{css:e,description:l,error:s,label:r,required:Boolean(n==null?void 0:n.required)},o.createElement(_e,{defaultChecked:t,defaultValue:t?"on":"off",checked:$,name:u,onCheckedChange:p,value:$?"on":"off",...s&&{state:"error"},...d}))})};ho.displayName="CheckboxField";const Ua=(e,t)=>{let r;switch(typeof e){case"object":r={},Object.keys(e).forEach(a=>{const n=e[a];r[a]=n&&t(n)});break;default:r=t(e)}return r},$o={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},Xa=i("span",{display:"inline-flex",alignItems:"center",px:"$1",flexGrow:1,...$o,"& > *:not(:last-child)":{mr:"$1"}}),Ja={sm:"sm",md:"sm",lg:"md"},Ka=i(f,{flexShrink:0}),fo=({...e})=>{const t=o.useContext(go),{size:r}=t,a=o.useMemo(()=>Ua(r,n=>Ja[n]),[r]);return o.createElement(Ka,{...e,size:a})},Qa=({children:e,...t})=>{const r=o.Children.toArray(e),a=r.length<=1;return o.createElement(Xa,{...t},r.map(n=>!a&&typeof n=="string"?o.createElement(w,{as:"span",css:$o,key:n},n):o.isValidElement(n)&&n.type===f?o.createElement(fo,{...n.props}):n))},Za=i(I,{px:"$2",border:"1px solid",borderRadius:"$0",alignItems:"center",fontFamily:"$body",maxWidth:"100%",borderColor:"$primary",color:"$primaryMid",bg:"$primaryLight","&[data-disabled]":{opacity:"0.3",pointerEvents:"none"},variants:{size:{sm:{height:"$2",...oe({applyCapsize:!0}).sm},md:{height:"$3",...oe({applyCapsize:!0}).sm},lg:{height:"$4",...oe({applyCapsize:!0}).md}}}}),go=o.createContext({}),en=({size:e,children:t})=>{const r=o.useMemo(()=>({size:e}),[e]);return o.createElement(go.Provider,{value:r},t)},tn=o.forwardRef(({asWorkaround:e,size:t="md",...r},a)=>o.createElement(en,{size:t},o.createElement(Za,{ref:a,as:e,size:t,...r}))),K=tn;K.Content=Qa,K.Icon=fo,K.displayName="Chip";const gt=o.forwardRef(({gap:e=2,...t},r)=>o.createElement(ge,{ref:r,direction:"row",gap:e,align:!1,...t})),bo=o.createContext({onDismiss:()=>null}),on=({children:e,disabled:t,onDismiss:r})=>{const a=o.useMemo(()=>({disabled:t,onDismiss:r}),[t,r]);return o.createElement(bo.Provider,{value:a},e)},rn=({as:e="div",disabled:t,onDismiss:r,...a})=>o.createElement(on,{disabled:t,onDismiss:r},o.createElement(e,{...a})),bt=o.createContext({isDismissed:!1,setIsDismissed:()=>null}),an=({children:e,disabled:t})=>{const[r,a]=o.useState(!1),n=o.useMemo(()=>({disabled:t,isDismissed:r,setIsDismissed:a}),[t,r]);return o.createElement(bt.Provider,{value:n},e)},nn=({asChild:e=!1,value:t,onDismiss:r,...a})=>{const n=o.useContext(bt),{isDismissed:l,disabled:d}=n;if(o.useEffect(()=>{l&&(r==null||r(t))},[l]),l)return null;const c={...d&&{["data-disabled"]:""},...a};return o.createElement(e?Pt.Slot:"div",{...c})},ln=({disabled:e=!1,...t})=>o.createElement(an,{disabled:e},o.createElement(nn,{...t})),sn=e=>o.createElement("button",{type:"button",...e},"Dismiss"),yo=({asChild:e=!1,...t})=>{const r=o.useContext(bt);if(r===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:a,disabled:n}=r,l={disabled:n,onClick:()=>{a(!0)},...t};return o.createElement(e?Pt.Slot:sn,{...l})},Je=ln;Je.Trigger=yo,Je.displayName="Dismissible";const dn=({children:e,disabled:t=!1,...r})=>{const a=o.useContext(bo);if(a===void 0)throw new Error("DismissibleGroup.Item can only be used within a DismissibleGroup");const{onDismiss:n,disabled:l}=a;return o.createElement(Je,{disabled:l||t,onDismiss:n,...r},e)},ae=rn;ae.Item=dn,ae.Trigger=yo,ae.displayName="DismissibleGroup";const cn=i(K,{px:"$1"}),mn=({size:e="md",children:t,dismissActionLabel:r="Dismiss",...a})=>o.createElement(ae.Item,{asChild:!0,...a},o.createElement(cn,{size:e},o.createElement(K.Content,null,t),o.createElement(ae.Trigger,{asChild:!0},o.createElement(N,{label:r,css:{color:"$tonal200"},size:e==="sm"?"xs":"sm"},o.createElement(f,{is:b.Close}))))),pn=o.forwardRef((e,t)=>o.createElement(gt,{as:ae,ref:t,...e})),yt=pn;yt.Item=mn,yt.displayName="ChipDismissibleGroup";const vo=i(f,{display:"none"}),un=i(K,{"&:not([disabled])":{cursor:"pointer","&:hover":{bg:"$tonal100",color:"$tonal600",borderColor:"currentColor"},"&:focus-visible":{...He()},'&[data-state="on"]':{"&:hover":{bg:"$white",color:"$primaryDark"}}},'&[data-state="off"]':{color:"$tonal400",bg:"$tonal50",borderColor:"$tonal200"},'&[data-state="on"]':{[`& ${vo}`]:{display:"block"}}}),hn=({size:e="md",children:t,...r})=>o.createElement(Pe.Item,{...r,asChild:!0},o.createElement(un,{asWorkaround:"button"},o.createElement(vo,{is:b.Ok,size:e==="lg"?"md":"sm"}),o.createElement(K.Content,null,t))),$n=o.forwardRef((e,t)=>o.createElement(gt,{ref:t,as:Pe.Root,orientation:"horizontal",...e})),vt=$n;vt.Item=hn,vt.displayName="ChipToggleGroupItem";const fn=i(me.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:Ut(E.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"}}}}),gn=i(me.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),bn=i(me.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),yn=i(me.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)"});Yt({":root":{"--reach-combobox":1}})();const vn=i(me.Combobox,{}),ne=e=>o.createElement(vn,{...e});ne.displayName="Combobox",ne.Option=bn,ne.Input=fn,ne.Popover=yn,ne.List=gn,ne.OptionText=me.ComboboxOptionText;const xt=i(w,{width:"100vw",height:"100vh"}),xn=i(_.Close,{}),wt="translate3d(-50%, -50%, 0)",xo="translate3d(-50%, 50vh, 0)",wo="modal_overlay",wn=D({"0%":{transform:xo},"100%":{transform:wt}}),En=D({"0%":{transform:wt},"100%":{transform:xo}}),Cn=i(_.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:qe,"@allowMotion":{'&[data-state="open"]':{animation:`${Xt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${lt} 550ms ease-out`}}}),Sn=i(_.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:wt,zIndex:qe,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${wn} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${En} 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"}}}}),kn=({size:e="sm",children:t,closeDialogText:r="Close dialog",showCloseButton:a=!0,...n})=>o.createElement(_.Portal,null,o.createElement(Cn,{id:wo},o.Children.map(t,l=>(l==null?void 0:l.type)===xt&&l),o.createElement(Sn,{size:e,"aria-label":"Dialog",onPointerDownOutside:l=>{const d=l.target;(d==null?void 0:d.id)!==wo&&l.preventDefault()},...n},a&&o.createElement(N,{as:_.Close,css:{position:"absolute",right:"$4",top:"$4"},label:r,size:"md",theme:"neutral"},o.createElement(f,{is:b.Close})),o.Children.map(t,l=>(l==null?void 0:l.type)!==xt&&l)))),zn=i(_.Root,{}),Q=e=>o.createElement(zn,{...e});Q.Background=xt,Q.Close=xn,Q.Content=kn,Q.Description=_.Description,Q.Title=_.Title,Q.Trigger=_.Trigger,Q.displayName="Dialog";const Dn=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Rn=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],Eo={open:"Open calendar",next:"Next month",previous:"Previous month",nextYear:"Next year",previousYear:"Previous year"},In=i("button",{bg:"transparent",border:"none",borderRadius:"$round",color:"$tonal900",cursor:"pointer",fontFamily:"$body",fontSize:"$sm",size:"$3",p:0,transition:"all 75ms","&:hover":{bg:"$tonal100"},"&:active":{color:"white",bg:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"2px"},variants:{isSelected:{true:{bg:"$primary",color:"white","&:hover":{bg:"$primary"}}},isToday:{true:{bg:"$tonal100"}},isOutsideMonth:{true:{color:"$tonal200"}}}}),Et=i("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),Tn=i(G,{color:"$tonal600",p:"$3",width:"$6",variants:{selected:{false:{color:"$tonal600 !important",fontWeight:"400","&:hover":{bg:"$tonal100 !important",color:"$tonal600 !important"},"&[disabled]":{bg:"white !important"}}}}}),Fn=(e,t)=>{const r=e.slice(0,t);return e.slice(t).concat(r)},Co=({css:e,refDateSelected:t,refDateToday:r,firstDayOfWeek:a=0,monthNames:n=Dn,weekdayNames:l=Rn,labels:d=Eo,date:c=new Date,minDate:s,maxDate:p,setYear:$,...u})=>{const[h,y]=o.useState(!1),[g,k]=o.useState(c==null?void 0:c.getFullYear()),C=z=>{const P=c;P.setFullYear(z),$(P),y(!1)},T=s&&g-16<=s.getFullYear(),x=p&&g>=p.getFullYear(),M=Array.from({length:16},(z,P)=>{const X=g-P;return p&&X>p.getFullYear()||s&&X<s.getFullYear()?0:X}),{calendars:S,getBackProps:B,getForwardProps:O,getDateProps:ce}=vr.useDayzed({firstDayOfWeek:a,showOutsideDays:!0,date:c,minDate:s,maxDate:p,...u});return S.length?o.createElement(w,{css:{position:"relative",width:"min-content",mt:"-$1",...e}},o.createElement(I,{css:{position:"absolute",top:0,right:"-$1"}},o.createElement(N,{label:d[h?"previousYear":"previous"],theme:"neutral",size:"md",...!h&&B({calendars:S}),...h&&{onClick:()=>k(g-16)},disabled:h&&T},o.createElement(f,{is:b.ChevronLeft})),o.createElement(N,{label:d[h?"nextYear":"next"],theme:"neutral",size:"md",...!h&&O({calendars:S}),...h&&{onClick:()=>k(g+16)},disabled:h&&x},o.createElement(f,{is:b.ChevronRight}))),h&&o.createElement(Et,{css:{gridTemplateColumns:"repeat(4, 1fr)",pt:"$7",direction:"rtl",gridGap:"$3 $1"}},M.map((z,P)=>{const X=z===c.getFullYear();return z?o.createElement(Tn,{key:`${z}${P}`,theme:X?"primary":"neutral",isRounded:!0,onClick:()=>C(z),selected:X},z):o.createElement(w,{key:P,css:{width:"$6",height:"$4"}})})),!h&&S.map(({month:z,year:P,weeks:X})=>o.createElement(w,{key:`${z}${P}`},o.createElement(I,{css:{height:"$4",alignItems:"center",mb:"$4"}},o.createElement(G,{theme:"neutral",css:{px:"0",color:"$tonal600"},onClick:()=>y(!0)},n[z]," ",P)),o.createElement(Et,{css:{mb:"$3"}},Fn(l,a).map(Le=>o.createElement(W,{as:"span",size:"sm",key:`${z}${P}${Le}`,css:{fontWeight:600,textAlign:"center"}},Le))),o.createElement(Et,null,X.map((Le,nr)=>Le.map((tt,ir)=>{const At=`${z}${P}${nr}${ir}`;if(!tt)return o.createElement("div",{key:At});const{date:lr,selected:Bt,today:Ot,prevMonth:sr,nextMonth:dr}=tt;return o.createElement(In,{isOutsideMonth:sr||dr,isSelected:Bt,isToday:Ot,key:At,ref:Bt?t:Ot?r:null,...ce({dateObj:tt}),type:"button"},lr.getDate())})))))):null};Co.displayName="Calendar";const So=i("input",{appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",px:"$3",transition:"all 100ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{size:{sm:{height:"$3",fontSize:"$sm"},md:{height:"$4",fontSize:"$md"}},state:{error:{border:"1px solid $danger"}}}}),be=o.forwardRef(({type:e="text",size:t="md",...r},a)=>e==="number"?o.createElement(So,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:t,...r,ref:a}):o.createElement(So,{type:e,size:t,...r,ref:a}));be.displayName="Input";const Nn=i(pe.Content,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:nt},'&[data-side="right"]':{animationName:it},'&[data-side="bottom"]':{animationName:rt},'&[data-side="left"]':{animationName:at}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),Mn=i(pe.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),Ln=({children:e,side:t="top",sideOffset:r=8,closePopoverText:a="Close popover",showCloseButton:n=!0,size:l="md",...d})=>o.createElement(Nn,{size:l,side:t,sideOffset:r,...d},n&&o.createElement(N,{as:pe.Close,css:{position:"absolute",right:"$0",top:"$0"},label:a,size:"md",theme:"neutral"},o.createElement(f,{is:b.Close})),e,o.createElement(Mn,{width:16,height:8}));i(pe.Root,{});const ie=e=>o.createElement(pe.Root,{...e});ie.Content=Ln,ie.Trigger=pe.Trigger,ie.displayName="Popover";const ko="DD/MM/YYYY";Ce.default.extend(Mr.default);const Wn=(e,t=ko)=>{const[r,a]=R.useState(e?Ce.default(e).toDate():void 0),[n,l]=R.useState(e?Ce.default(e).format(t):"");return{dateString:n,date:r,setDate:(d,c=!1)=>{const s=c?Ce.default(d,t,!0):Ce.default(d);a(s.isValid()?s.toDate():void 0),l(c?d:s.format(t))}}},Ct=o.forwardRef(({initialDate:e,dateFormat:t=ko,firstDayOfWeek:r=1,disabled:a,monthNames:n,weekdayNames:l,size:d="md",labels:c,revalidate:s,onChange:p,minDate:$,maxDate:u,...h},y)=>{const{date:g,dateString:k,setDate:C}=Wn(e,t),T={...Eo,...c},[x,M]=o.useState(!1),S=o.useRef(null),B=o.useRef(null);return o.useEffect(()=>{p==null||p(g)},[g,p]),o.createElement(w,{css:{position:"relative"}},o.createElement(be,{name:"date",disabled:a,size:d,...h,onChange:O=>C(O.target.value,!0),value:k,ref:y}),o.createElement(ie,{modal:!0,open:x,onOpenChange:M},o.createElement(ie.Trigger,{asChild:!0},o.createElement(N,{css:{position:"absolute",top:"0",right:"0"},disabled:a,label:T.open,size:d,theme:"neutral"},o.createElement(f,{is:b.CalendarEvent}))),o.createElement(ie.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:O=>{var ce,z;O.preventDefault(),g?(ce=B.current)==null||ce.focus():(z=S.current)==null||z.focus()}},o.createElement(Co,{date:g||new Date,selected:g,onDateSelected:async O=>{M(!1),await C(O.date,!1),s&&s()},setYear:async O=>{await C(O,!1),s&&s()},minDate:$,maxDate:u,refDateToday:S,refDateSelected:B,firstDayOfWeek:r,monthNames:n,weekdayNames:l,labels:T}))))});Ct.displayName="DateInput";const zo=({css:e,label:t,name:r,validation:a,prompt:n,description:l,...d})=>{const{register:c,trigger:s}=F.useFormContext(),{error:p}=J(r),$=a?c(a):c;return o.createElement(Y,{css:e,description:l,error:p,fieldId:r,label:t,prompt:n,required:Boolean(a==null?void 0:a.required)},o.createElement(Ct,{id:r,name:r,ref:$,...p&&{state:"error"},...d,revalidate:s}))};zo.displayName="DateField";const Do=i("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),St=m.default.forwardRef(({orientation:e="horizontal",...t},r)=>m.default.createElement(Do,{ref:r,orientation:e,...t})),An=i(we.Content,{bg:"white",borderRadius:"$0",boxShadow:"$0",py:"$2","@allowMotion":{animationDuration:"250ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:nt},'&[data-side="right"]':{animationName:it},'&[data-side="bottom"]':{animationName:rt},'&[data-side="left"]':{animationName:at}}}}),Bn={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"}},Ro=i(we.Item,Bn),On=i("a",{textDecoration:"none"}),Pn=({children:e,href:t,...r})=>m.default.createElement(Ro,{...r,asChild:!0},m.default.createElement(On,{href:t,role:"menuitem"},e)),Hn=i(we.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),qn=i(we.Trigger,{}),Vn=i(we.Root,{}),ye=e=>m.default.createElement(Vn,{...e});ye.Content=An,ye.Item=Ro,ye.LinkItem=Pn,ye.Separator=Hn,ye.Trigger=qn;const _n=Object.keys(E.space).reduce((e,t)=>({...e,[t]:{gap:`$space$${t}`}}),{}),jn=i("div",{display:"grid",variants:{gap:_n}}),Io=({css:e,gap:t=2,minItemSize:r,maxItemSize:a="1fr",...n})=>o.createElement(jn,{css:{...r&&{gridTemplateColumns:`repeat(auto-fit, minmax(${r}, ${a}))`},...e},gap:t,...n});Io.displayName="Grid";const To=({accept:e,children:t,multiple:r=!1,onFileSelect:a,...n})=>{const l=d=>{const{files:c}=d.target;a(c)};return o.createElement(G,{as:"label",...n},o.createElement(f,{is:b.Upload}),t,o.createElement("input",{type:"file",onChange:l,accept:e,multiple:r,hidden:!0}))};To.displayName="FileInput";const Fo=({css:e,label:t,name:r,validation:a,prompt:n,description:l,...d})=>{const{register:c}=F.useFormContext(),{error:s}=J(r),p=a?c(a):c;return o.createElement(Y,{css:e,description:l,error:s,fieldId:r,label:t,prompt:n,required:Boolean(a==null?void 0:a.required)},o.createElement(be,{id:r,name:r,ref:p,...s&&{state:"error"},...d}))};Fo.displayName="InputField";const Gn=i("div",{[`& > ${ut}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}},[`& > ${st}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${co}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${Do}`]:{my:"$5"},[`& > ${Zt}`]:{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}}),kt=o.forwardRef((e,t)=>o.createElement(Gn,{ref:t,...e}));kt.displayName="StackContent";const Yn=i(w,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),Un=({node:e})=>o.createElement(Yn,{as:"pre"},e.value),Xn=i("em",{fontStyle:"italic"}),Jn=({node:e,handleNode:t})=>{var r;return o.createElement(Xn,null,(r=e.children)==null?void 0:r.map(t))},Kn=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"}}},Qn=({node:e,handleNode:t,css:r})=>{var a;const{as:n,size:l}=Kn(e.depth);return o.createElement(Ve,{as:n,size:l,css:{color:"inherit",...r}},(a=e.children)==null?void 0:a.map(t))},Zn=i(w,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),ei=({node:e})=>o.createElement(Zn,{as:"code"},e.value),ti=({node:e,css:t})=>{var r;return o.createElement(ke,{src:e.url,alt:(r=e.alt)!=null?r:void 0,css:t})},oi=({node:e,handleNode:t})=>{var r,a;return o.createElement(Ge,{title:(r=e.title)!=null?r:void 0,href:e.url},(a=e.children)==null?void 0:a.map(t))},ri=({node:e,handleNode:t,css:r})=>{var a;return o.createElement(je,{css:{"& p:before, & p:after":{display:"none"},...r},ordered:e.ordered||void 0},(a=e.children)==null?void 0:a.map(t))},ai=({node:e,handleNode:t})=>{var r;return o.createElement(je.Item,null,(r=e.children)==null?void 0:r.map(t))},ni=({node:e,handleNode:t,css:r})=>{var a;return o.createElement(W,{css:{color:"inherit",...r}},(a=e.children)==null?void 0:a.map(t))},ii=i("strong",{fontWeight:600}),li=({node:e,handleNode:t})=>{var r;return o.createElement(ii,null,(r=e.children)==null?void 0:r.map(t))},si=({node:e})=>e.value,di=({css:e})=>o.createElement(St,{css:{width:"100%",...e}}),ci={code:Un,emphasis:Jn,heading:Qn,inlineCode:ei,image:ti,link:oi,list:ri,listItem:ai,paragraph:ni,strong:li,text:si,thematicBreak:di},mi=e=>{var t,r;if((t=e.position)!=null&&t.start){const{line:a,column:n,offset:l}=(r=e.position)==null?void 0:r.start;return`${e.type}${a}${n}${l}`}return`${e.type}${+new Date}`},No=({content:e,customComponents:t={},css:r})=>{const a=Wr.default(e,{extensions:[Ar.default()],mdastExtensions:[Lr.default.fromMarkdown]}),n={...ci,...t},l=d=>{const c=n[d.type];return c?o.createElement(c,{key:mi(d),node:d,handleNode:l}):null};return o.createElement(kt,{css:r},a.children.map(l))};No.displayName="MarkdownContent";const pi=()=>{const[e,t]=R.useState({x:0,y:0}),{x:r,y:a}=e;return R.useEffect(()=>{const n=Ht.throttle(500,()=>{t({x:window.scrollX,y:window.scrollY})});return window.addEventListener("scroll",n),()=>{window.removeEventListener("scroll",n)}},[]),{x:r,y:a}},ui=m.default.forwardRef(({icon:e,...t},r)=>m.default.createElement(N,{size:"md",appearance:"simple",theme:"neutral",ref:r,...t},m.default.createElement(f,{is:e}))),hi=({src:e,alt:t="Atom Learning logo",css:r})=>m.default.createElement(ke,{src:e,alt:t,css:{mr:"$3",mb:"5px",'&[src$=".svg"]':{height:24,width:"auto"},...r}}),$i=i(W,{color:"$tonal400"}),fi=i("a",{display:"flex",alignItems:"center",textDecoration:"none",color:"$tonal400","&:hover, &:focus":{textDecoration:"none"}}),gi=()=>m.default.createElement(St,{orientation:"vertical",css:{minHeight:28,bg:"$tonal100"}}),bi=i("div",{bg:"white",position:"sticky",display:"flex",alignItems:"center",width:"100vw",top:"0",height:"$6",zIndex:1,borderBottom:"1px solid $tonal100",transition:"box-shadow .2s ease-out",variants:{hasScrolled:{true:{boxShadow:"0px 4px 4px -2px rgba(31, 31, 31, 0.1);"}}}}),yi=i(I,{alignItems:"center",height:"$4",mx:"$4",width:"100%","@md":{mx:"$5"}}),le=e=>{const{y:t}=pi();return m.default.createElement(bi,{hasScrolled:!!t},m.default.createElement(yi,{...e}))};le.Brand=fi,le.BrandLogo=hi,le.BrandName=$i,le.ActionIcon=ui,le.Divider=gi,le.displayName="TopBar";const vi=i(w,{position:"relative"}),xi=i(I,{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"}),wi=({value:e,children:t})=>m.default.createElement(vi,null,!!e&&m.default.createElement(xi,{role:"status"},e),t),zt=o.forwardRef(({css:e,hidePasswordText:t="Hide password",showPasswordText:r="Show password",size:a="md",...n},l)=>{const[d,c]=R.useState(!1),s=()=>c(p=>!p);return o.createElement(w,{css:{position:"relative",...e}},o.createElement(be,{...n,size:a,type:d?"text":"password",ref:l,css:{pr:"$sizes$2"}}),o.createElement(N,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:d?t:r,onClick:s,onMouseDown:p=>p.preventDefault(),size:a},o.createElement(f,{is:d?b.Eye:b.EyeCrossed})))});zt.displayName="PasswordInput";const Mo=({css:e={},label:t="Password",name:r,prompt:a=void 0,description:n,validation:l,...d})=>{const{register:c}=F.useFormContext(),{error:s}=J(r),p=l?c(l):c;return o.createElement(Y,{css:{...e,position:"relative"},description:n,error:s,fieldId:r,label:t,prompt:a,required:Boolean(l==null?void 0:l.required)},o.createElement(zt,{autoComplete:"current-password",name:r,id:r,ref:p,...d}))};Mo.displayName="PasswordField";const Ei=i(Vt.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"}}}}),Ci=i(Vt.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),Lo=({value:e,max:t=100,theme:r="primary",...a})=>o.createElement(Ei,{value:e,max:t,theme:r,...a},o.createElement(Ci,{style:{width:"100%",transform:`translateX(-${100-(e||0)/t*100}%)`}}));Lo.displayName="ProgressBar";const Wo=o.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1,direction:"horizontal",hideLabels:!1,completedSteps:[]}),Si=({children:e,stepCount:t,allowSkip:r,onComplete:a,onStepChange:n,direction:l,steps:d,hideLabels:c})=>{const[s,p]=o.useState(0),[$,u]=o.useState([0]),[h,y]=o.useState([]),g=!t;o.useEffect(()=>{u(x=>x.includes(s)?x:[...x,s]),n==null||n(s)},[s,n]);const k=()=>{const x=a&&s===t-1,M=s<t-1;if((a||M)&&y(S=>S.includes(s)?S:[...S,s]),x)return a==null?void 0:a();if(M)return p(S=>S+1)},C=()=>{p(x=>x-1)},T=x=>{p(x)};return o.createElement(Wo.Provider,{value:{steps:d||Array(t).fill(""),goToPreviousStep:g?void 0:C,goToNextStep:g?void 0:k,goToStep:g?void 0:T,activeStep:s,viewedSteps:$,completedSteps:h,allowSkip:r,direction:l,hideLabels:c}},e)},Dt=()=>{const e=o.useContext(Wo);if(!e)throw new Error("Ensure that you wrap any components with the root component Stepper");return e},ki=({label:e,children:t,...r})=>{const{activeStep:a,goToPreviousStep:n}=Dt();return o.createElement(G,{size:"sm",appearance:"outline",...r,disabled:a===0,onClick:n},t||(e==null?void 0:e(a)))},zi=({label:e,children:t,onClick:r,...a})=>{const{goToNextStep:n,activeStep:l}=Dt();return o.createElement(G,{size:"sm",...a,onClick:()=>{if(r)return r(n);n==null||n()},css:{ml:"auto"}},t||(e==null?void 0:e(l)))},Di=i(I,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$tonal50",zIndex:1,flex:"none",variants:{status:{default:{bg:"$tonal50",color:"$tonal300"},active:{bg:"white",color:"$primaryMid",border:"2px solid",borderColor:"currentColor"},viewed:{bg:"white",border:"2px solid $tonal200",color:"$tonal600"},completed:{bg:"$primary",color:"white"},reviewed:{bg:"$primaryMid",color:"white"},success:{bg:"$success",color:"white"}}}}),Ri=i(I,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&: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"}}},status:{completed:{"&:hover":{"& :first-child":{bg:"$primaryMid",color:"white !important"},"& :last-child":{color:"$primaryMid"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary",outlineOffset:"2px"}}},active:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary",outlineOffset:"2px"}}},default:{},viewed:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}},success:{},reviewed:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}}}}}),Ii=i(W,{fontWeight:600,variants:{direction:{vertical:{ml:"$3",textAlign:"left"},horizontal:{mt:"$3",textAlign:"center"}},status:{default:{color:"$tonal300",fontWeight:400},active:{color:"$primaryMid"},viewed:{color:"$tonal600"},completed:{color:"$primary"},success:{color:"$success"},reviewed:{}}}});var A=(e=>(e.ACTIVE="active",e.VIEWED="viewed",e.SUCCESS="success",e.DEFAULT="default",e.COMPLETED="completed",e.REVIEWED="reviewed",e))(A||{});const Ti=i(I,{justifyContent:"space-between",variants:{direction:{vertical:{flexDirection:"column"},horizontal:{flexDirection:"row"}}}}),Fi=({css:e})=>{const{steps:t,goToStep:r,activeStep:a,viewedSteps:n,allowSkip:l,direction:d,hideLabels:c,completedSteps:s}=Dt(),p=u=>{const h=t[u];return h.status?h.status:s.length===t.length?A.SUCCESS:a===u&&s.includes(a)?A.REVIEWED:a===u?A.ACTIVE:s.includes(u)?A.COMPLETED:n.includes(u)?A.VIEWED:A.DEFAULT},$=u=>{var h;const y=(h=t[u])==null?void 0:h.status;return s.length===t.length||y===A.SUCCESS?A.SUCCESS:y===A.VIEWED||u<Math.max(...n)?A.ACTIVE:A.DEFAULT};return o.createElement(Ti,{css:e,direction:d},t.map((u,h)=>{const y=p(h),g=$(h);return o.createElement(Ri,{tabIndex:0,key:`step_${h}`,direction:d,separator:g,status:y,css:d==="horizontal"?{width:`calc(100% / ${t.length})`}:{height:`calc(100% / ${t.length})`}},o.createElement(Di,{as:l?"button":"div",onClick:()=>l&&n.includes(h)?r==null?void 0:r(h):void 0,status:y,"aria-current":h===a?"step":void 0,"aria-label":u.label?"":`step ${h+1}`,"aria-labelledby":u.label?`step-${h}`:void 0,css:{cursor:l&&n.includes(h)?"pointer":"auto"}},u.status==="success"?o.createElement(f,{is:b.Ok}):h+1),u.label&&!c&&o.createElement(Ii,{as:"span",id:`step-${h}`,direction:d,status:y},u.label))}))},Fe=({children:e,stepCount:t,allowSkip:r,onComplete:a,onStepChange:n,direction:l="horizontal",steps:d,hideLabels:c=!1,css:s})=>{Oe.default(!(t&&d),"`Stepper` should only be given one of `stepCount` or `steps`. When both are provided, `steps` will be used and `stepCount` will be ignored.");const p=(d==null?void 0:d.length)||t||0;return o.createElement(Si,{stepCount:p,allowSkip:r,onComplete:a,onStepChange:t?n:void 0,direction:l,steps:d||Array(p).fill(""),hideLabels:c},o.createElement(w,{"aria-label":"progress",css:{width:"100%",...s}},e))};Fe.StepBack=ki,Fe.StepForward=zi,Fe.Steps=Fi,Fe.displayName="Stepper";const Ao=({css:e,label:t,value:r,...a})=>o.createElement(Xe,{css:e,label:t},o.createElement(Ue,{value:r,...a}));Ao.displayName="RadioField";const Ni=i("fieldset",{all:"unset"}),Rt=({children:e,css:t,direction:r="column",defaultValue:a,description:n,label:l,name:d,validation:c,onValueChange:s})=>{const{control:p}=F.useFormContext(),{error:$}=J(d);return o.createElement(Ni,{css:t},o.createElement(Ie,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(c==null?void 0:c.required)},l),n&&o.createElement($t,{css:{mb:"$3"}},n),o.createElement(F.Controller,{control:p,name:d,rules:c,defaultValue:a,render:({onChange:u,value:h})=>o.createElement(ft,{direction:r,defaultValue:a,onValueChange:y=>{u(y),s==null||s(y)},value:h},e)}),$&&o.createElement(Ye,{css:{mt:"$2"}},$))};Rt.Item=Ao,Rt.displayName="RadioButtonField";const Mi=i(ue.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"}}}}),Li=i("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),Wi=i(ue.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),Bo=({children:e,isFullWidth:t=!1,size:r="md",align:a="left",...n})=>o.createElement(Mi,{...n,align:a,isFullWidth:t,size:r},o.createElement(Li,{align:a,containerIsFullWidth:t},o.createElement(Wi,null)),o.createElement(w,null,e)),Ai=({css:e,children:t,size:r,isFullWidth:a,align:n,gap:l="3",justify:d,...c})=>o.createElement(ue.Root,{...c},o.createElement(ge,{direction:"row",justify:d,gap:l,css:e},o.Children.map(t,s=>o.isValidElement(s)&&(s==null?void 0:s.type)===Bo?o.cloneElement(s,{size:r,isFullWidth:a,align:n}):s))),Bi=()=>{const e=o.useRef(null),t=o.useCallback(r=>{r&&(e.current=r)},[]);return[e,t]};var Oi=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(Oi||{});const Pi=i(f,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),Hi=i(be,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),It=o.forwardRef(({size:e="md",css:t,value:r,clearText:a="Clear",onChange:n,...l},d)=>{const[c,s]=Bi(),[p,$]=o.useState(r||""),[u,h]=o.useState(r?"CLEAR":"SEARCH");o.useImperativeHandle(d,()=>c.current);const y=()=>{var C,T;const x=c.current;if(!x)return;const M=(C=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:C.set;(T=M==null?void 0:M.call)==null||T.call(M,x,"");const S=new Event("input",{bubbles:!0});x.dispatchEvent(S),x.focus()},g=C=>{$(C.target.value),h(C.target.value?"CLEAR":"SEARCH"),n==null||n(C)},k=()=>u==="SEARCH"?o.createElement(Pi,{is:b.Search,size:e,css:{size:e=="sm"?"$1":20}}):o.createElement(N,{label:a,theme:"neutral",size:e,css:{position:"absolute",top:"0",right:"$1"},onClick:y},o.createElement(f,{is:b.Close}));return o.createElement(w,{css:{position:"relative",...t}},o.createElement(Hi,{ref:s,size:e,type:"search",...l,value:p,onChange:g,css:{pr:e==="sm"?"$5":"$6"}}),k())});It.displayName="SearchInput";const Oo=({css:e,label:t,name:r,validation:a,prompt:n,description:l,...d})=>{const{register:c}=F.useFormContext(),{error:s}=J(r),p=a?c(a):c;return o.createElement(Y,{css:e,description:l,error:s,fieldId:r,label:t,prompt:n,required:Boolean(a==null?void 0:a.required)},o.createElement(It,{id:r,name:r,ref:p,...s&&{state:"error"},...d}))};Oo.displayName="SearchField";const qi=i("select",{appearance:"none",backgroundColor:"white",backgroundImage:Ut(E.colors.tonal300.value,"chevron"),backgroundRepeat:"no-repeat, repeat",border:"1px solid $tonal300",borderRadius:"$0",color:"$tonal600",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{borderColor:"$primary",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$5"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$6"}},state:{error:{border:"1px solid $danger"}}}}),Tt=o.forwardRef(({placeholder:e,children:t,size:r="md",...a},n)=>{const l={size:r,ref:n,...a};return!a.value&&!a.defaultValue&&(l.defaultValue=""),o.createElement(qi,{...l},e&&o.createElement("option",{disabled:!0,hidden:!0,value:""},e),t)});Tt.displayName="Select";const Po=({css:e=void 0,children:t,name:r,label:a,validation:n,prompt:l,description:d,...c})=>{const{register:s}=F.useFormContext(),{error:p}=J(r),$=n?s(n):s;return o.createElement(Y,{css:e,description:d,error:p,fieldId:r,label:a,prompt:l,required:Boolean(n==null?void 0:n.required)},o.createElement(Tt,{name:r,id:r,...c,ref:$,...p&&{state:"error"}},t))};Po.displayName="SelectField";const Vi=i("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),Ho=(e,t,r)=>(e-t)/(r-t)*100,_i=(e,t,r)=>{const a=Ho(e,t,r);return a<=10?0:a>=90?100:50},ji=({min:e,max:t,steps:r=[]})=>r.length===0?null:o.createElement(Vi,null,r.map(a=>o.createElement(W,{as:"span",key:a.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${Ho(a.value,e,t)}%`,transform:`translateX(-${_i(a.value,e,t)}%)`}},a.label))),Gi=({value:e=[],outputLabel:t=r=>`Current value is ${r}`})=>o.createElement(W,{css:{mt:"$4",color:"$tonal300",width:"100%"}},t(e.length===1?e[0]:e)),Ft=i(Ae.Track,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),Yi=i(Ae.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:{[`${Ft}`]:{bg:"#fff"}},tonal:{[`${Ft}`]:{bg:"$tonal200"}}}}}),Ui=i(Ae.Range,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),Xi=i(Ae.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"}}),se=({value:e,defaultValue:t,min:r=0,max:a=100,theme:n="tonal",css:l,children:d,...c})=>{const s=e||t;return o.createElement(he,{css:l},o.createElement(Yi,{theme:n,defaultValue:t,value:e,min:r,max:a,...c},o.createElement(Ft,null,o.createElement(Ui,null)),(s==null?void 0:s.length)&&s.map((p,$)=>o.createElement(Xi,{key:`thumb${$}`}))),d)};se.Value=Gi,se.Steps=ji,se.displayName="Slider";const qo=({css:e,label:t,name:r,defaultValue:a,outputLabel:n,min:l=0,max:d=100,steps:c=[],...s})=>{const{control:p}=F.useFormContext();return m.default.createElement(Y,{css:e,fieldId:r,label:t},m.default.createElement(F.Controller,{control:p,name:r,defaultValue:a,render:({onChange:$,value:u})=>m.default.createElement(se,{name:r,defaultValue:a,onValueChange:$,value:u,min:l,max:d,...s},m.default.createElement(se.Steps,{min:l,max:d,steps:c}),m.default.createElement(se.Value,{value:u||a,outputLabel:n}))}))};qo.displayName="SliderField";const Ji=i(_t.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"}}),Ki=i(_t.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),Vo=e=>o.createElement(Ji,{...e},o.createElement(Ki,null));Vo.displayName="Switch";const Ke=i("tr",{bg:"unset"});Ke.displayName="TableRow";const Qi=i("tbody",{variants:{striped:{true:{[`${Ke}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),_o=({striped:e=!0,...t})=>o.createElement(Qi,{striped:e,...t});_o.displayName="TableBody";const ve=i("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"bold"}});ve.displayName="TableCell";const jo=i("tfoot",{});jo.displayName="TableFooter";const Qe=i("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Qe.displayName="TableFooterCell";const Z=i("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Z.displayName="TableHeaderCell";const Zi=i("thead",{variants:{theme:{primary:{[`${Z}`]:{bg:"$primary"}},primaryDark:{[`${Z}`]:{bg:"$primaryDark"}},light:{[`${Z}`]:{bg:"$tonal50",color:"$tonal600"}}}}}),Go=({theme:e="primaryDark",...t})=>m.default.createElement(Zi,{theme:e,...t});Go.displayName="TableHeader";const el=i("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${ve}, ${Z}, ${Qe}`]:{height:"$4"}},lg:{[`${ve}, ${Z}, ${Qe}`]:{height:"$5"}}},corners:{round:{[`${Z}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${Ke}:last-child`]:{[`${ve}:first-child`]:{borderBottomLeftRadius:"$0"},[`${ve}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),U=({size:e="md",corners:t="round",...r})=>o.createElement(el,{size:e,corners:t,...r});U.Body=_o,U.Cell=ve,U.Footer=jo,U.FooterCell=Qe,U.Header=Go,U.HeaderCell=Z,U.Row=Ke,U.displayName="Table";const tl=i(Be.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:v.opacify(E.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:v.opacify(E.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:v.opacify("white",-.8)},"&:not([data-disabled]):active":{bg:v.opacify("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Ze=({children:e,theme:t,disabled:r=!1,...a})=>o.createElement(tl,{disabled:r,theme:t,...a},e);Ze.displayName="TabTrigger";const Nt=(e,t,r=[])=>m.default.Children.map(e,a=>m.default.isValidElement(a)&&r.includes(a==null?void 0:a.type)?m.default.cloneElement(a,{...t}):a),ol=v.opacify("white",-.2),rl=v.opacify(E.colors.primaryDark.value,-.2),Yo=i(N,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${ol} !important`},dark:{bg:`${rl} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),Uo=i(Be.List,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{bg:"$primaryDark",borderBottom:"1px solid $tonal200"}},appearance:{uppercase:{"& button":{textTransform:"uppercase"}}}}}),Xo=({children:e,theme:t,appearance:r,enableTabScrolling:a,scrollPercentage:n=10,...l})=>{const d=R.useRef(null),[c,s]=R.useState(!1),[p,$]=R.useState(!1),[u,h]=R.useState(),y=R.useCallback(g=>{const k=d.current;if(k){const{scrollWidth:C,scrollLeft:T,offsetWidth:x}=k,M=Math.round(C*(n/100));let S=T;if(g==="right"){const B=T+M;S=B+x<=C?B:C-x}else{const B=T-M;S=B>0?B:0}k.scroll({left:S,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:B,scrollLeft:O,offsetWidth:ce}=k,z=B-(O+ce);O===0?(s(!1),$(!0)):z<5?($(!1),s(!0)):(s(!0),$(!0))},500)}},[]);return R.useEffect(()=>{const g=Ht.debounce(500,()=>{h(window.innerWidth)});return window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)}},[]),R.useEffect(()=>{var g;const k=d.current;if(k){const{offsetWidth:C,scrollWidth:T}=k,x=T>C;(g=k.scroll)==null||g.call(k,{left:0}),s(!1),$(x)}},[u]),c||p||a?m.default.createElement(I,{css:{position:"relative"}},m.default.createElement(Yo,{size:"lg",label:"Scroll Left",theme:t,onClick:()=>y("left"),visible:c,css:{left:0}},m.default.createElement(f,{is:b.ChevronLeft})),m.default.createElement(Uo,{...l,ref:d,appearance:r,theme:t},Nt(e,{theme:t},[Ze])),m.default.createElement(Yo,{size:"lg",label:"Scroll right",theme:t,onClick:()=>y("right"),visible:p,css:{right:0}},m.default.createElement(f,{is:b.ChevronRight}))):m.default.createElement(Uo,{theme:t,...l,appearance:r,ref:d},Nt(e,{theme:t},[Ze]))},al=i(Be.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),Jo=i(Be.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),Ne=({theme:e="light",children:t,...r})=>o.createElement(al,{theme:e,...r},Nt(t,{theme:e},[Xo,Jo]));Ne.TriggerList=Xo,Ne.Trigger=Ze,Ne.Content=Jo,Ne.displayName="Tabs";const nl=i("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",fontFamily:"$body",fontWeight:400,lineHeight:1.4,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",transition:"all 75ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{state:{error:{border:"1px solid $danger"}}}}),Mt=o.forwardRef((e,t)=>o.createElement(nl,{...e,ref:t}));Mt.displayName="Textarea";const Ko=({css:e=void 0,label:t,name:r,validation:a,prompt:n,description:l,...d})=>{const{register:c}=F.useFormContext(),{error:s}=J(r),p=a?c(a):c;return o.createElement(Y,{css:e,description:l,error:s,fieldId:r,label:t,prompt:n,required:Boolean(a==null?void 0:a.required)},o.createElement(Mt,{id:r,name:r,ref:p,...s&&{state:"error"},...d}))};Ko.displayName="TextareaField";const Qo=400,il=D({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),ll=D({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),sl=i("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${il} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${ll} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),dl=i("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$6",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:Qo},"@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"}}}}),cl=o.memo(({ariaLive:e,height:t,id:r,message:a,role:n,type:l="blank",visible:d,calculateOffset:c,updateHeight:s})=>{const p=c(r,{reverseOrder:!0,margin:8});return o.createElement(sl,{visible:d},o.createElement(dl,{ref:$=>{$&&t===void 0&&s(r,$.getBoundingClientRect().height)},status:l,role:n,"aria-live":e,style:{transform:`translateY(${p}px)`}},l==="error"&&o.createElement(f,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:b.Error}),o.createElement(W,{css:{color:"inherit"}},a),l==="loading"?o.createElement(mt,{css:{flex:"0 0 auto",ml:"auto"}}):o.createElement(N,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>ot.toast.dismiss(r)},o.createElement(f,{is:b.Close}))))}),ml=i("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:oo,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${Qo/2}px)`}}),Zo=({children:e})=>{const{toasts:t,handlers:r}=ot.useToaster(),{startPause:a,endPause:n,calculateOffset:l,updateHeight:d}=r;return o.createElement(o.Fragment,null,o.createElement(ml,{onMouseEnter:a,onMouseLeave:n},t.map(c=>o.createElement(cl,{key:c.id,calculateOffset:l,updateHeight:d,...c}))),e)};Zo.displayName="ToastProvider";const de=i(Pe.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":{...He(),'&[data-state="off"]':{borderColor:"$tonal200 !important"},'&[data-state="on"]':{boxShadow:`inset currentColor 0px 0px 0px 1px, ${He().boxShadow}`}}},"&[disabled]":{opacity:.3,cursor:"not-allowed"},'&[data-state="on"]':{color:"$primary",borderColor:"currentColor !important",boxShadow:"inset currentColor 0px 0px 0px 1px"}}),pl=de,et={sm:"32px",md:"40px",lg:"48px"},ul={sm:"$4",md:"$5",lg:"$5"},hl={sm:"$2",md:"$3",lg:"$3"},Lt=e=>({fontSize:`$${e}`,px:ul[e],minHeight:et[e],"& > *:not(:last-child)":{mr:hl[e]}}),$l=i(de,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${Jt}`]:{flexShrink:0},variants:{size:{sm:Lt("sm"),md:Lt("md"),lg:Lt("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:et.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:et.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:et.lg,p:0}}]}),fl=o.forwardRef(({size:e="md",children:t,...r},a)=>{var n;const l=o.Children.toArray(t),d=l.length<=1,c=d&&o.isValidElement(l[0])&&((n=l[0])==null?void 0:n.type)===f;return o.createElement($l,{ref:a,size:e,isIconOnly:c,...r},l.map(s=>!d&&typeof s=="string"?o.createElement("span",{key:s},s):o.isValidElement(s)&&(s==null?void 0:s.type)===f?o.cloneElement(s,{...s.props,size:e}):s))}),gl=i(Pe.Root,{width:"fit-content",variants:{isFullWidth:{true:{width:"100%",[`& ${de}`]:{flexBasis:0,flexGrow:1}}},hasGap:{true:{[`& ${de}`]:{borderRadius:"$0"}},false:{borderRadius:"$0",bg:"white",[`& ${de}`]:{bg:"transparent",borderRadius:0,position:"relative","&:not(:last-child)::before":{content:"",position:"absolute"}}}},direction:{column:{},row:{}}},compoundVariants:[{hasGap:!1,direction:"row",css:{[`& ${de}`]:{"&: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:{[`& ${de}`]:{"&: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"}}}}]}),bl=e=>e==="horizontal"?"row":"column",yl=o.forwardRef(({orientation:e="horizontal",gap:t=!1,isFullWidth:r,children:a,wrap:n="no-wrap",...l},d)=>{const c=typeof t=="number",s=bl(e);return o.createElement(gl,{ref:d,direction:s,hasGap:c,isFullWidth:r,orientation:e,...l},o.createElement(ge,{direction:s,gap:c&&t,align:!1,wrap:n},a))}),vl={Item:pl,Button:fl,Root:yl},xl=i(Ee.Content,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,px:"$3",py:"$2","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:nt},'&[data-side="right"]':{animationName:it},'&[data-side="bottom"]':{animationName:rt},'&[data-side="left"]':{animationName:at}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),wl=i(Ee.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),El=({children:e,side:t="top",sideOffset:r=4,size:a="md",...n})=>o.createElement(xl,{side:t,sideOffset:r,size:a,...n},e,o.createElement(wl,null)),Me=({children:e,delayDuration:t=350,...r})=>o.createElement(Ee.Root,{delayDuration:t,...r},e);Me.Content=El,Me.Trigger=i(Ee.Trigger,{}),Me.Provider=Ee.Provider,Me.displayName="Tooltip";const Cl=i(Or.default,{}),er=o.forwardRef(({id:e,ratio:t=9/16,css:r,...a},n)=>o.createElement(he,{css:r},o.createElement(w,{css:{borderRadius:"$0",position:"relative",paddingTop:`${t*100}%`,overflow:"hidden",height:0,width:"100%"}},o.createElement(Cl,{...a,role:"figure",url:`https://player.vimeo.com/video/${e}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:n}))));er.displayName="Video";const tr=m.default.createContext(void 0),Sl=()=>{const e=m.default.useContext(tr);if(e===void 0)throw new Error("useNavigationMenuContext must be used within a NavigationMenuContextProvider");return e},or={fontWeight:"bold",color:"$tonal500","&::after":{backgroundColor:"$tonal500",borderRadius:"$1",bottom:0,content:"",display:"block",height:"2px",left:"50%",position:"absolute",transform:"translate(-50%,0)",width:"$2"}},rr={background:"none",color:"$tonal400",opacity:"30%",cursor:"default"},Wt={all:"unset",position:"relative",color:"$tonal400",outline:"none",cursor:"pointer",fontFamily:"$body",userSelect:"none",padding:"$3",borderRadius:"$1","&:hover":{background:"$tonal50",color:"$tonal600"},"&:active":{background:"$tonal100",color:"$tonal600"},"&:focus-visible":{boxShadow:`0 0 0 2px ${E.colors.primary}`},"&:disabled":{...rr}},kl=i(te.Trigger,Wt,{display:"flex",alignItems:"center",borderRadius:"$1",justifyContent:"space-between",gap:"$1",'&[data-state="open"]':{background:"$tonal100"},variants:{active:{true:{...or}}}}),zl=i(te.Link,Wt,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary"}},link:{"&[data-active]":{...or}}}}}),Dl=m.default.forwardRef(({children:e,active:t,...r},a)=>m.default.createElement(kl,{active:t,...r,ref:a},e,m.default.createElement(f,{is:b.ChevronDown,css:{"[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform .2s ease"}},size:"sm"}))),Rl=i("ul",{all:"unset"}),Il=i("li",{all:"unset"}),Tl=i("button",{...Wt,...rr}),ar=m.default.forwardRef(({children:e,href:t,disabled:r,css:a,variant:n="link",...l},d)=>r?m.default.createElement(Tl,{disabled:!0,...l},e):m.default.createElement(Il,null,m.default.createElement(zl,{href:t,ref:d,elementType:n,css:a,...l},e))),Fl=m.default.forwardRef((e,t)=>m.default.createElement(ar,{ref:t,variant:"dropdownItem",...e})),Nl=i(te.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"0px 3px 6px rgba(51, 51, 51, 0.15), 0px 3px 6px rgba(51, 51, 51, 0.2)",borderRadius:"$1"}),Ml=({children:e,title:t,...r})=>{const{onNodeUpdate:a}=Sl();return m.default.createElement(te.Item,{value:t},m.default.createElement(Dl,{...r,ref:n=>a(n,t)},t),m.default.createElement(Nl,null,e))},Ll=D({"0%, 50%":{opacity:0},"100%":{opacity:1}}),Wl=i(te.Root,{display:"flex",justifyContent:"center",position:"relative"}),Al=i(te.List,{all:"unset",display:"flex",justifyContent:"center",alignItems:"center",gap:"$1",listStyle:"none"}),Bl=i(te.Viewport,{zIndex:oo}),Ol=i("div",{position:"absolute",left:0,top:"100%",width:"100%",display:"flex",justifyContent:"center"}),xe=({children:e,css:t})=>{const[r,a]=m.default.useState(),[n,l]=m.default.useState(),[d,c]=m.default.useState(0),s=m.default.useRef(null),p=200;m.default.useLayoutEffect(()=>{s.current&&c(s.current.offsetWidth)},[]),m.default.useEffect(()=>{let u;return n===""&&(u=setTimeout(()=>a(null),p)),()=>{u!==null&&clearTimeout(u)}},[n]);const $=(u,h)=>{if(u&&d&&n===h){const y=d/2,g=d-u.offsetLeft-u.offsetWidth+u.offsetWidth/2;a(Math.round(y-g))}return u};return m.default.createElement(tr.Provider,{value:{onNodeUpdate:$}},m.default.createElement(Wl,{onValueChange:l,css:t},m.default.createElement(Al,{ref:s},e),m.default.createElement(Ol,null,m.default.createElement(Bl,{css:{transform:`translateX(${r||0}px)`,'&[data-state="open"]':{animation:`${Ll} ${p}ms ease`},'&[data-state="closed"]':{animation:`${lt} ${p}ms ease-out`}}}))))};xe.Link=ar,xe.Dropdown=Ml,xe.DropdownContent=Rl,xe.DropdownItem=Fl,xe.displayName="NavigationMenu",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return Br.default}}),exports.Accordion=Se,exports.ActionIcon=N,exports.AlertDialog=L,exports.AlertProvider=xa,exports.Badge=lo,exports.Box=w,exports.Button=G,exports.Carousel=re,exports.Checkbox=_e,exports.CheckboxField=ho,exports.Chip=K,exports.ChipDismissibleGroup=yt,exports.ChipGroup=gt,exports.ChipToggleGroup=vt,exports.Combobox=ne,exports.DateField=zo,exports.DateInput=Ct,exports.Dialog=Q,exports.Dismissible=Je,exports.DismissibleGroup=ae,exports.Divider=St,exports.DropdownMenu=ye,exports.EmptyState=ze,exports.FieldWrapper=Y,exports.FileInput=To,exports.Flex=I,exports.Form=uo,exports.Grid=Io,exports.Heading=Ve,exports.Icon=f,exports.Image=ke,exports.InlineFieldWrapper=Xe,exports.InlineMessage=Ye,exports.Input=be,exports.InputField=Fo,exports.Label=Ie,exports.Link=Ge,exports.List=je,exports.Loader=mt,exports.MarkdownContent=No,exports.NavigationMenu=xe,exports.NotificationBadge=wi,exports.PasswordField=Mo,exports.PasswordInput=zt,exports.Popover=ie,exports.ProgressBar=Lo,exports.RadioButton=Ue,exports.RadioButtonField=Rt,exports.RadioButtonGroup=ft,exports.RadioCard=Bo,exports.RadioCardGroup=Ai,exports.SearchField=Oo,exports.SearchInput=It,exports.Select=Tt,exports.SelectField=Po,exports.Slider=se,exports.SliderField=qo,exports.Stack=ge,exports.StackContent=kt,exports.Stepper=Fe,exports.StyledButton=ao,exports.StyledLink=ht,exports.Switch=Vo,exports.Table=U,exports.Tabs=Ne,exports.Text=W,exports.Textarea=Mt,exports.TextareaField=Ko,exports.ToastProvider=Zo,exports.ToggleGroup=vl,exports.Tooltip=Me,exports.TopBar=le,exports.Video=er,exports.createTheme=Vr,exports.css=Hr,exports.focusVisibleStyleBlock=He,exports.getCssText=qr,exports.globalCss=Yt,exports.keyframes=D,exports.media=Gt,exports.styled=i,exports.theme=E,exports.useAlert=wa,exports.useCarousel=Fa,exports.utils=jt;
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{Accordion as p}from"./components/accordion/Accordion.js";import{EmptyState as x}from"./components/empty-state/EmptyState.js";import{ActionIcon as i}from"./components/action-icon/ActionIcon.js";import{AlertDialog as l}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as s,useAlert as n}from"./components/alert-dialog/alert-context/AlertContext.js";import{Badge as c}from"./components/badge/Badge.js";import{Box as C}from"./components/box/Box.js";import{Button as S,StyledButton as b}from"./components/button/Button.js";import{Carousel as B,useCarousel as I}from"./components/carousel/Carousel.js";import{Checkbox as k}from"./components/checkbox/Checkbox.js";import{CheckboxField as G}from"./components/checkbox-field/CheckboxField.js";import{Chip as P}from"./components/chip/Chip.js";import{ChipGroup as w}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as L}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as M}from"./components/chip-toggle-group/index.js";import{Combobox as V}from"./components/combobox/Combobox.js";import{Dialog as E}from"./components/dialog/Dialog.js";import{DateInput as j}from"./components/date-input/DateInput.js";import{DateField as z}from"./components/date-field/DateField.js";import{Dismissible as K}from"./components/dismissible/index.js";import{DismissibleGroup as Q}from"./components/dismissible-group/index.js";import{Divider as X}from"./components/divider/Divider.js";import{DropdownMenu as Z}from"./components/dropdown-menu/DropdownMenu.js";import{FieldWrapper as $}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as ro}from"./components/field-wrapper/InlineFieldWrapper.js";import{Flex as to}from"./components/flex/Flex.js";import{Form as mo}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as fo}from"./components/grid/Grid.js";import{Heading as ao}from"./components/heading/Heading.js";import{Icon as so}from"./components/icon/Icon.js";import{Image as uo}from"./components/image/Image.js";import{InlineMessage as go}from"./components/inline-message/InlineMessage.js";import{Input as Fo}from"./components/input/Input.js";import{FileInput as bo}from"./components/file-input/FileInput.js";import{InputField as Bo}from"./components/input-field/InputField.js";import{Label as ho}from"./components/label/Label.js";import{Link as Do,StyledLink as Go}from"./components/link/Link.js";import{List as Po}from"./components/list/List.js";import{Loader as wo}from"./components/loader/Loader.js";import{MarkdownContent as Lo}from"./components/markdown-content/MarkdownContent.js";import{TopBar as Mo}from"./components/top-bar/TopBar.js";import{NotificationBadge as Vo}from"./components/notification-badge/NotificationBadge.js";import{PasswordField as Eo}from"./components/password-field/PasswordField.js";import{PasswordInput as jo}from"./components/password-input/PasswordInput.js";import{Popover as zo}from"./components/popover/Popover.js";import{ProgressBar as Ko}from"./components/progress-bar/ProgressBar.js";import{Stepper as Qo}from"./components/stepper/Stepper.js";import{RadioButton as Xo}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Zo}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as $o}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as rr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as tr}from"./components/radio-card/RadioCardGroup.js";import{SearchInput as mr}from"./components/search-input/SearchInput.js";import{Select as fr}from"./components/select/Select.js";import{SelectField as ar}from"./components/select-field/SelectField.js";import{Slider as dr}from"./components/slider/Slider.js";import{SliderField as nr}from"./components/slider-field/SliderField.js";import{Stack as cr}from"./components/stack/Stack.js";import{StackContent as Cr}from"./components/stack-content/StackContent.js";import{Switch as Sr}from"./components/switch/Switch.js";import{Table as Tr}from"./components/table/Table.js";import{Tabs as Ir}from"./components/tabs/Tabs.js";import{Text as kr}from"./components/text/Text.js";import{Textarea as Gr}from"./components/textarea/Textarea.js";import{TextareaField as Pr}from"./components/textarea-field/TextareaField.js";import{ToastProvider as wr}from"./components/toast/ToastProvider.js";import{ToggleGroup as Lr}from"./components/toggle-group/index.js";import{Tooltip as Mr}from"./components/tooltip/Tooltip.js";import{Video as Vr}from"./components/video/Video.js";import{NavigationMenu as Er}from"./components/navigation/NavigationMenu.js";import{createTheme as jr,css as qr,getCssText as zr,globalCss as Jr,keyframes as Kr,media as Or,styled as Qr,theme as Ur,utils as Xr}from"./stitches.js";import{focusVisibleStyleBlock as Zr}from"./utilities/style/focus-visible-style-block.js";import{default as $r}from"react-hot-toast";export{p as Accordion,i as ActionIcon,l as AlertDialog,s as AlertProvider,c as Badge,C as Box,S as Button,B as Carousel,k as Checkbox,G as CheckboxField,P as Chip,L as ChipDismissibleGroup,w as ChipGroup,M as ChipToggleGroup,V as Combobox,z as DateField,j as DateInput,E as Dialog,K as Dismissible,Q as DismissibleGroup,X as Divider,Z as DropdownMenu,x as EmptyState,$ as FieldWrapper,bo as FileInput,to as Flex,mo as Form,fo as Grid,ao as Heading,so as Icon,uo as Image,ro as InlineFieldWrapper,go as InlineMessage,Fo as Input,Bo as InputField,ho as Label,Do as Link,Po as List,wo as Loader,Lo as MarkdownContent,Er as NavigationMenu,Vo as NotificationBadge,Eo as PasswordField,jo as PasswordInput,zo as Popover,Ko as ProgressBar,Xo as RadioButton,$o as RadioButtonField,Zo as RadioButtonGroup,rr as RadioCard,tr as RadioCardGroup,mr as SearchInput,fr as Select,ar as SelectField,dr as Slider,nr as SliderField,cr as Stack,Cr as StackContent,Qo as Stepper,b as StyledButton,Go as StyledLink,Sr as Switch,Tr as Table,Ir as Tabs,kr as Text,Gr as Textarea,Pr as TextareaField,wr as ToastProvider,Lr as ToggleGroup,Mr as Tooltip,Mo as TopBar,Vr as Video,jr as createTheme,qr as css,Zr as focusVisibleStyleBlock,zr as getCssText,Jr as globalCss,Kr as keyframes,Or as media,Qr as styled,Ur as theme,$r as toast,n as useAlert,I as useCarousel,Xr as utils};
1
+ import{Accordion as p}from"./components/accordion/Accordion.js";import{EmptyState as x}from"./components/empty-state/EmptyState.js";import{ActionIcon as i}from"./components/action-icon/ActionIcon.js";import{AlertDialog as l}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as s,useAlert as n}from"./components/alert-dialog/alert-context/AlertContext.js";import{Badge as c}from"./components/badge/Badge.js";import{Box as C}from"./components/box/Box.js";import{Button as S,StyledButton as b}from"./components/button/Button.js";import{Carousel as h,useCarousel as B}from"./components/carousel/Carousel.js";import{Checkbox as k}from"./components/checkbox/Checkbox.js";import{CheckboxField as G}from"./components/checkbox-field/CheckboxField.js";import{Chip as P}from"./components/chip/Chip.js";import{ChipGroup as w}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as L}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as M}from"./components/chip-toggle-group/index.js";import{Combobox as V}from"./components/combobox/Combobox.js";import{Dialog as E}from"./components/dialog/Dialog.js";import{DateInput as j}from"./components/date-input/DateInput.js";import{DateField as z}from"./components/date-field/DateField.js";import{Dismissible as K}from"./components/dismissible/index.js";import{DismissibleGroup as Q}from"./components/dismissible-group/index.js";import{Divider as X}from"./components/divider/Divider.js";import{DropdownMenu as Z}from"./components/dropdown-menu/DropdownMenu.js";import{FieldWrapper as $}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as ro}from"./components/field-wrapper/InlineFieldWrapper.js";import{Flex as to}from"./components/flex/Flex.js";import{Form as mo}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as fo}from"./components/grid/Grid.js";import{Heading as ao}from"./components/heading/Heading.js";import{Icon as so}from"./components/icon/Icon.js";import{Image as uo}from"./components/image/Image.js";import{InlineMessage as go}from"./components/inline-message/InlineMessage.js";import{Input as Fo}from"./components/input/Input.js";import{FileInput as bo}from"./components/file-input/FileInput.js";import{InputField as ho}from"./components/input-field/InputField.js";import{Label as Io}from"./components/label/Label.js";import{Link as Do,StyledLink as Go}from"./components/link/Link.js";import{List as Po}from"./components/list/List.js";import{Loader as wo}from"./components/loader/Loader.js";import{MarkdownContent as Lo}from"./components/markdown-content/MarkdownContent.js";import{TopBar as Mo}from"./components/top-bar/TopBar.js";import{NotificationBadge as Vo}from"./components/notification-badge/NotificationBadge.js";import{PasswordField as Eo}from"./components/password-field/PasswordField.js";import{PasswordInput as jo}from"./components/password-input/PasswordInput.js";import{Popover as zo}from"./components/popover/Popover.js";import{ProgressBar as Ko}from"./components/progress-bar/ProgressBar.js";import{Stepper as Qo}from"./components/stepper/Stepper.js";import{RadioButton as Xo}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Zo}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as $o}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as rr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as tr}from"./components/radio-card/RadioCardGroup.js";import{SearchInput as mr}from"./components/search-input/SearchInput.js";import{SearchField as fr}from"./components/search-field/SearchField.js";import{Select as ar}from"./components/select/Select.js";import{SelectField as dr}from"./components/select-field/SelectField.js";import{Slider as nr}from"./components/slider/Slider.js";import{SliderField as cr}from"./components/slider-field/SliderField.js";import{Stack as Cr}from"./components/stack/Stack.js";import{StackContent as Sr}from"./components/stack-content/StackContent.js";import{Switch as Tr}from"./components/switch/Switch.js";import{Table as Br}from"./components/table/Table.js";import{Tabs as kr}from"./components/tabs/Tabs.js";import{Text as Gr}from"./components/text/Text.js";import{Textarea as Pr}from"./components/textarea/Textarea.js";import{TextareaField as wr}from"./components/textarea-field/TextareaField.js";import{ToastProvider as Lr}from"./components/toast/ToastProvider.js";import{ToggleGroup as Mr}from"./components/toggle-group/index.js";import{Tooltip as Vr}from"./components/tooltip/Tooltip.js";import{Video as Er}from"./components/video/Video.js";import{NavigationMenu as jr}from"./components/navigation/NavigationMenu.js";import{createTheme as zr,css as Jr,getCssText as Kr,globalCss as Or,keyframes as Qr,media as Ur,styled as Xr,theme as Yr,utils as Zr}from"./stitches.js";import{focusVisibleStyleBlock as $r}from"./utilities/style/focus-visible-style-block.js";import{default as re}from"react-hot-toast";export{p as Accordion,i as ActionIcon,l as AlertDialog,s as AlertProvider,c as Badge,C as Box,S as Button,h as Carousel,k as Checkbox,G as CheckboxField,P as Chip,L as ChipDismissibleGroup,w as ChipGroup,M as ChipToggleGroup,V as Combobox,z as DateField,j as DateInput,E as Dialog,K as Dismissible,Q as DismissibleGroup,X as Divider,Z as DropdownMenu,x as EmptyState,$ as FieldWrapper,bo as FileInput,to as Flex,mo as Form,fo as Grid,ao as Heading,so as Icon,uo as Image,ro as InlineFieldWrapper,go as InlineMessage,Fo as Input,ho as InputField,Io as Label,Do as Link,Po as List,wo as Loader,Lo as MarkdownContent,jr as NavigationMenu,Vo as NotificationBadge,Eo as PasswordField,jo as PasswordInput,zo as Popover,Ko as ProgressBar,Xo as RadioButton,$o as RadioButtonField,Zo as RadioButtonGroup,rr as RadioCard,tr as RadioCardGroup,fr as SearchField,mr as SearchInput,ar as Select,dr as SelectField,nr as Slider,cr as SliderField,Cr as Stack,Sr as StackContent,Qo as Stepper,b as StyledButton,Go as StyledLink,Tr as Switch,Br as Table,kr as Tabs,Gr as Text,Pr as Textarea,wr as TextareaField,Lr as ToastProvider,Mr as ToggleGroup,Vr as Tooltip,Mo as TopBar,Er as Video,zr as createTheme,Jr as css,$r as focusVisibleStyleBlock,Kr as getCssText,Or as globalCss,Qr as keyframes,Ur as media,Xr as styled,Yr as theme,re as toast,n as useAlert,B as useCarousel,Zr as utils};
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "main": "dist/index.cjs.js",
5
5
  "typings": "dist/index.d.ts",
6
6
  "module": "dist/index.js",
7
- "version": "2.3.0",
7
+ "version": "2.4.1",
8
8
  "description": "",
9
9
  "files": [
10
10
  "dist"