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