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