@atom-learning/components 1.17.2 → 1.17.3

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