@atom-learning/components 1.17.2 → 1.18.1

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