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