@atom-learning/components 1.0.0-rc.3 → 1.0.1

package/dist/docs/Divider.mdx

@@ -1,12 +1,16 @@
 ---
 title: Divider
 component: Divider
-description: Divider is a light wrapper around the basic HTML hr element
+description: Use Divider to render a horizontal or vertical line which will extend to parent node's width / height
 category: Content
 ---
 
-It adds default styling and the `css` prop.
+It adds default styling and the `css` prop. Provide `orientation` as `horizontal` or `vertical` to achieve desirable output
 
 ```tsx preview
 <Divider />
 ```
+
+```tsx preview
+<Divider orientation="vertical"/>
+```

package/dist/docs/DropdownMenu.mdx

@@ -16,11 +16,13 @@ Read more about the underlying UI component on the [Radix UI documentation site]
   <DropdownMenu.Trigger asChild>
     <Button>Click me</Button>
   </DropdownMenu.Trigger>
-  <DropdownMenu.Content sideOffset={25}>
-    <DropdownMenu.Item onClick={() => alert('Great clicking!')}>Item 1</DropdownMenu.Item>
+  <DropdownMenu.Content sideOffset={16}>
+    <DropdownMenu.Item onClick={() => alert('Great clicking!')}>
+      Item 1
+    </DropdownMenu.Item>
     <DropdownMenu.Item>Item 2</DropdownMenu.Item>
     <DropdownMenu.Separator />
-    <DropdownMenu.LinkItem href="/logout">Log Out</DropdownMenu.Item>
+    <DropdownMenu.LinkItem href="/logout">Log Out</DropdownMenu.LinkItem>
   </DropdownMenu.Content>
 </DropdownMenu>
 ```

package/dist/docs/RadioButtonField.mdx

@@ -0,0 +1,19 @@
+---
+title: Radio Button Field
+component: RadioButtonField
+description: Combines a RadioButtonGroup and RadioButtons with a Label and ValidationError
+category: Form fields
+---
+
+`RadioButtonField` wraps a `RadioButtonGroup` to provide a legend and a `ValidationError`. `RadioButtonField.Item` renders an individual `RadioButton` with an inline `Label`.
+
+**Note**: a `RadioButtonField.Item`’s `value` **must** be a `string`.
+
+```tsx preview
+<Form>
+  <RadioButtonField name="options" label="Please select an option">
+    <RadioButtonField.Item label="Option 1" value="1" />
+    <RadioButtonField.Item label="Option 2" value="2" />
+  </RadioButtonField>
+</Form>
+```

package/dist/docs/RadioCard.mdx

@@ -0,0 +1,62 @@
+---
+title: Radio Card
+component: RadioCardGroup,RadioCard
+description: A Radio Button that enables extra emphasis and descriptive capability
+category: Form primitives
+---
+
+A set of `RadioCard`s should be wrapped with a `RadioCardGroup` component to provide the correct HTML structure for our radio buttons. Any text within the card will be used as the label for the radio button, so ensure that you test this content and use `aria-hidden` to remove any unnecessary content from the announced text.
+
+```tsx preview
+<RadioCardGroup>
+  <RadioCard value="1">
+    <Text css={{ mb: '$2' }}>This is a radio card option</Text>
+    <Text size="sm" css={{ color: '$tonal300' }}>
+      With some additional text
+    </Text>
+  </RadioCard>
+  <RadioCard value="2">
+    <Text css={{ mb: '$2' }}>This is another radio card option</Text>
+    <Text size="sm" css={{ color: '$tonal300' }}>
+      With some additional text
+    </Text>
+  </RadioCard>
+  <RadioCard value="3">
+    <Text css={{ mb: '$2' }}>And a further radio card option</Text>
+    <Text size="sm" css={{ color: '$tonal300' }}>
+      With some additional text
+    </Text>
+  </RadioCard>
+</RadioCardGroup>
+```
+
+You can pass props to `RadioCardGroup` to control the styling of every `RadioCard` within. Change the radio button alignment within the card, toggle between two sizes, and render each card at full width.
+
+```tsx preview
+<RadioCardGroup align="right" size="lg" isFullWidth defaultValue="1">
+  <RadioCard value="1">
+    <Flex css={{ flexDirection: 'row', alignContent: 'center' }}>
+      <Text css={{ mr: '$4' }} size="sm">
+        £99
+      </Text>
+      <Heading size="xs">This is a radio card option</Heading>
+    </Flex>
+  </RadioCard>
+  <RadioCard value="2">
+    <Flex css={{ flexDirection: 'row', alignContent: 'center' }}>
+      <Text css={{ mr: '$4' }} size="sm">
+        £109
+      </Text>
+      <Heading size="xs">This is another radio card option</Heading>
+    </Flex>
+  </RadioCard>
+  <RadioCard value="3">
+    <Flex css={{ flexDirection: 'row', alignContent: 'center' }}>
+      <Text css={{ mr: '$4' }} size="sm">
+        £149
+      </Text>
+      <Heading size="xs">And a further additional radio card option</Heading>
+    </Flex>
+  </RadioCard>
+</RadioCardGroup>
+```

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";const e=["size"],t=["is","size"],r=["children","isLoading","onClick","href","appearance","size","theme","type"],o=["size"],a=["css","gap","direction","justify"],n=["size"],i=["title","description","onAction","cancelActionText","confirmActionText","onClose"],s=["children"],l=["align","as","direction","size","type","children","required"],d=["size","ordered"],c=["size","onClick","href"],m=["css","children"],p=["id"],u=["exclude"],h=["formMethods","handleSubmit","onSubmit","children"],b=["children","defaultValues","onSubmit","validationMode","render","persist"],g=["css","defaultChecked","label","name","validation","description"],$=["children","theme","appearance","size","label","href","disabled"],f=["size","children","closeDialogText"],x=["children","href"],y=["css","gap","minItemSize"],v=["type","size"],w=["css","label","name","validation","prompt","description"],E=["css","hidePasswordText","showPasswordText"],C=["css","label","name","prompt","description","validation"],z=["children","side","sideOffset","closePopoverText","size"],k=["value","theme"],S=["css","label","value"],O=["children"],j=["size","css"],R=["placeholder","children","size"],N=["css","children","name","label","validation","prompt","description"],F=["size"],T=["children","disabled","css"],D=["children"],I=["css","label","name","validation","prompt","description"],W=["children","side","sideOffset","size"],q=["children","delayDuration"],M=["id","ratio","css"];function A(){return(A=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function B(e,t){if(null==e)return{};var r,o,a={},n=Object.keys(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||(a[r]=e[r]);return a}Object.defineProperty(exports,"__esModule",{value:!0});var H=require("@radix-ui/react-alert-dialog"),L=require("react"),P=require("@atom-learning/theme"),V=require("@stitches/react"),Y=require("polished"),G=require("@radix-ui/react-visually-hidden"),X=require("uid"),_=require("pure-react-carousel"),U=require("@atom-learning/icons"),K=require("@radix-ui/react-checkbox"),J=require("react-hook-form"),Q=require("@radix-ui/react-radio-group"),Z=require("invariant"),ee=require("react-hook-form-persist"),te=require("dlv"),re=require("@reach/combobox"),oe=require("@radix-ui/react-dialog"),ae=require("@radix-ui/react-dropdown-menu"),ne=require("@radix-ui/react-popover"),ie=require("@radix-ui/react-progress"),se=require("mdast-util-directive"),le=require("mdast-util-from-markdown"),de=require("micromark-extension-directive"),ce=require("@radix-ui/react-switch"),me=require("@radix-ui/react-tabs"),pe=require("react-hot-toast"),ue=require("@radix-ui/react-tooltip"),he=require("react-player/vimeo");function be(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function ge(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var $e=be(L),fe=ge(P),xe=be(Z),ye=be(ee),ve=be(te),we=be(se),Ee=be(le),Ce=be(de),ze=be(pe),ke=be(he);const Se={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})},Oe={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",hover:"(hover: hover)"},je=V.createStitches({theme:fe,utils:Se,media:Oe}),{css:Re,getCssText:Ne,createTheme:Fe,globalCss:Te,keyframes:De,styled:Ie,theme:We}=je,qe=De({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),Me=De({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),Ae=De({"0%":{opacity:0},"100%":{opacity:1}}),Be=De({"0%":{opacity:1},"100%":{opacity:0}}),He=Ie(H.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",'&[data-state="open"]':{animation:`${Ae} 250ms ease-out`},'&[data-state="closed"]':{animation:`${Be} 550ms ease-out`}}),Le=Ie(H.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:"translate3d(-50%, -50%, 0)","&:focus":{outline:"none"},'&[data-state="open"]':{animation:`${qe} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Me} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),Pe=Ie(H.Root,{}),Ve=e=>L.createElement(Pe,Object.assign({},e));Ve.Description=H.Description,Ve.Title=H.Title,Ve.Action=H.Action,Ve.Cancel=H.Cancel,Ve.Content=t=>{let{size:r="sm"}=t,o=B(t,e);return L.createElement(L.Fragment,null,L.createElement(He,null),L.createElement(Le,Object.assign({size:r},o)))},Ve.Trigger=H.Trigger,Ve.displayName="AlertDialog";const Ye=Ie("div",{});Ye.displayName="Box";const Ge=Ie("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"}}}}),Xe=L.forwardRef(((e,r)=>{let{is:o,size:a="md"}=e,n=B(e,t);return L.createElement(Ge,Object.assign({size:a,"aria-hidden":"true"},n,{as:o,ref:r}))})),_e=Ie("div",{display:"flex"});_e.displayName="Flex";const Ue=Ie("div",{animationName:`${De({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}})}`,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:t="Loading",size:r="md"})=>L.createElement(_e,{css:A({justifyContent:"center"},e),role:"alert"},L.createElement(G.Root,null,t),L.createElement(Ue,{size:r}),L.createElement(Ue,{size:r}),L.createElement(Ue,{size:r})),Je=(e,t,r,o="white")=>({bg:e,color:o,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:t,color:o},"&:not([disabled]):active":{bg:r}}),Qe=Ie("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:{}},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:{true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:Je("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:Je("$primaryDark",Y.darken(.1,We.colors.primaryDark.value),Y.darken(.15,We.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:Je("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:Je("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:Je("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:(Ze="$primary",et="$primaryMid",tt="$primaryDark",{border:"1px solid",borderColor:"currentColor",color:Ze,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:et},"&:not([disabled]):active":{color:tt}})}]});var Ze,et,tt;const rt=({isLoading:e,children:t})=>L.createElement(L.Fragment,null,L.createElement(Ke,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),L.createElement(Ye,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},t)),ot=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},at=(e,t)=>L.Children.map(e,((e,r)=>(null==e?void 0:e.type)===Xe?L.cloneElement(e,{css:A({[0===r?"mr":"ml"]:"sm"===t?"$2":"$3",size:ot(t)},e.props.css?e.props.css:{})}):e)),nt=L.forwardRef(((e,t)=>{let{children:o,isLoading:a,onClick:n,href:i,appearance:s="solid",size:l="md",theme:d="primary",type:c="button"}=e,m=B(e,r);const p=i?{as:"a",href:i,onClick:void 0}:{};return L.createElement(Qe,Object.assign({isLoading:a||!1,onClick:a?void 0:n,appearance:s,size:l,theme:d,type:c},m,p,{ref:t}),"boolean"==typeof a?L.createElement(rt,{isLoading:a},at(o,l)):at(o,l))}));nt.displayName="Button";const it=({css:e,children:t})=>e?L.createElement(Ye,{css:e,"data-testid":"css-wrapper"},t):L.createElement(L.Fragment,null,t);it.displayName="CSSWrapper";const st=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}}),lt={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>`},dt=(e,t)=>{const r=Y.toColorString(Y.parseToHsl(e));return`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(lt[t](r))})`},ct=Ie("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:A({fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5},st(.3864)),sm:A({fontSize:"$lg",lineHeight:1.14},st(.2174,.2254)),md:A({fontSize:"$xl",lineHeight:1.14},st(.2174,.2254)),lg:A({fontSize:"$2xl",lineHeight:1.08},st(.1865,.1945)),xl:A({fontSize:"$3xl",lineHeight:1.12},st(.206,.214)),xxl:A({fontSize:"$4xl",lineHeight:1.06},st(.1793,.1873))}}}),mt=e=>{let{size:t="md"}=e,r=B(e,o);return L.createElement(ct,Object.assign({size:t},r))};mt.displayName="Heading";const pt=Ie("div",{display:"flex",flexWrap:"wrap","& > *":{m:0},variants:{direction:{row:{flexDirection:"row",alignItems:"center"},"row-reverse":{flexDirection:"row-reverse",alignItems:"center"},column:{flexDirection:"column"}},justify:{start:{justifyContent:"flex-start"},end:{justifyContent:"flex-end"},center:{justifyContent:"center"}},gap:Object.keys(We.space).reduce(((e,t)=>A({},e,{[t]:{mt:`-$space$${t}`,ml:`-$space$${t}`,"& > *":{mt:`$space$${t}`,ml:`$space$${t}`}}})),{})}}),ut=e=>{let{css:t,gap:r=2,direction:o="row",justify:n="start"}=e,i=B(e,a);return L.createElement(it,{css:t},L.createElement(pt,Object.assign({direction:o,gap:r,justify:n},i)))};ut.displayName="Stack";const ht=({applyCapsize:e=!0}={})=>({xs:A({fontSize:"$xs",lineHeight:1.6},e?st(.4364):{}),sm:A({fontSize:"$sm",lineHeight:1.53},e?st(.4056):{}),md:A({fontSize:"$md",lineHeight:1.5},e?st(.3864):{}),lg:A({fontSize:"$lg",lineHeight:1.52},e?st(.3983):{}),xl:A({fontSize:"$xl",lineHeight:1.42},e?st(.3506):{})}),bt=Ie("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,variants:{size:ht()}}),gt=L.forwardRef(((e,t)=>{let{size:r="md"}=e,o=B(e,n);return L.createElement(bt,Object.assign({size:r},o,{ref:t}))}));gt.displayName="Text";const $t=e=>{let{title:t,description:r,onAction:o,cancelActionText:a,confirmActionText:n,onClose:s}=e,l=B(e,i);return L.createElement(Ve,{defaultOpen:!0},L.createElement(Ve.Content,Object.assign({onEscapeKeyDown:e=>e.preventDefault(),onCloseAutoFocus:s},l),L.createElement(mt,{as:Ve.Title,size:"sm",css:{mb:"$5"}},t),r&&L.createElement(gt,{as:Ve.Description,css:{mb:"$5"}},r),L.createElement(ut,{gap:"2",justify:"end"},a&&L.createElement(nt,{appearance:"outline",as:Ve.Cancel,onClick:()=>o(!1),size:"sm"},a),L.createElement(nt,{as:Ve.Action,onClick:()=>o(!0),size:"sm"},n))))},ft=[],xt=(e,t)=>{switch(t.type){case"ADD":return[...e,A({},t.payload,{id:X.uid()})];case"REMOVE":return e.filter((({id:e})=>e!==t.payload));default:return e}},yt=L.createContext({showAlert:()=>null}),vt={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"}},wt=Ie(_.ButtonBack,vt),Et=Ie(_.ButtonNext,vt),Ct=Ie(_.DotGroup,{justifyContent:"center","& button":{bg:"$tonal200",border:"none",borderRadius:"50%",cursor:"pointer",mx:"$1",p:"$1",size:"$space$3",transition:"all 100ms ease-in",'&[class*="selected"]':{bg:"$primary"},"&:hover, &:focus":{bg:"$primaryMid"}}}),zt=Ie(_.Slide,{}),kt=Ie(_.Slider,{cursor:"grab",ml:"50%",overflow:"hidden",transform:"translateX(-50%)",'& [class*="sliderTray_"]':{p:"unset",m:"unset",transition:"transform .5s cubic-bezier(.645,.045,.355,1)"},'& [class*="slide_"]':{float:"left",pb:"0 !important"},'& [class*="slideInner"]':{display:"flex",justifyContent:"center"},variants:{overflow:{true:{overflow:"visible"}}}}),St=({children:e,css:t,slideHeight:r,slideWidth:o,numSlides:a})=>L.createElement(it,{css:t},L.createElement(_.CarouselProvider,{naturalSlideWidth:o,naturalSlideHeight:r,totalSlides:a},e));St.ArrowNext=e=>L.createElement(Et,Object.assign({},e),L.createElement(Xe,{is:U.ChevronRight})),St.ArrowPrevious=e=>L.createElement(wt,Object.assign({},e),L.createElement(Xe,{is:U.ChevronLeft})),St.Pagination=Ct,St.Slide=e=>{let{children:t}=e,r=B(e,s);return L.createElement(zt,Object.assign({},r,{tag:"div"}),L.createElement(Ye,{css:{px:"$3"}},t))},St.Slider=kt,St.displayName="Carousel";const Ot=Ie(K.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),jt=Ie(K.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"}}}}),Rt=L.forwardRef(((e,t)=>L.createElement(jt,Object.assign({},e,{ref:t}),L.createElement(Ot,null,L.createElement(Xe,{is:"indeterminate"===e.checked?U.Minus:U.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}})))));Rt.displayName="Checkbox";const{sm:Nt,md:Ft}=ht(),Tt=Ie("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:Nt,md:Ft},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{baseline:{alignItems:"baseline"},center:{alignItems:"center"}},direction:{reverse:{flexDirection:"row-reverse"},row:{flexDirection:"row"}}}}),Dt=Ie("span",{color:"$danger",ml:"$1",fontWeight:400}),It=e=>{let{align:t="baseline",as:r="label",direction:o="row",size:a="md",type:n="block",children:i,required:s}=e,d=B(e,l);return L.createElement(Tt,Object.assign({as:r,size:a,type:n,align:t,direction:o},d),i,s&&L.createElement(Dt,{"aria-hidden":!0},"*"))};It.displayName="Label";const Wt=Ie("li",{}),qt=Ie("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${Wt}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:ht({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${Wt}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${Wt}`]:{pl:"$2","&::marker":{content:"•",fontWeight:"bold"}}}}}}),Mt=e=>{let{size:t="md",ordered:r}=e,o=B(e,d);return L.createElement(qt,Object.assign({as:r?"ol":"ul",size:t},o))};Mt.Item=Wt;const At=Ie("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${bt} > &, ${ct} > &, ${Wt} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:ht()}}),Bt=L.forwardRef(((e,t)=>{let{size:r="md",onClick:o,href:a}=e,n=B(e,c);return a?L.createElement(At,Object.assign({size:r},n,{ref:t,href:a})):L.createElement(At,Object.assign({as:"button",size:r},n,{ref:t,onClick:o}))}));Bt.displayName="Link";const Ht=e=>{let{css:t,children:r}=e,o=B(e,m);return L.createElement(_e,Object.assign({css:A({color:"$danger",alignItems:"flex-start"},t)},o),L.createElement(Xe,{is:U.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),L.createElement(gt,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},r))},Lt=({children:e,css:t})=>L.createElement(gt,{size:"sm",css:A({color:"$tonal300",maxWidth:"80ch"},t)},e),Pt=({css:e,children:t,error:r,fieldId:o,label:a,prompt:n,description:i,required:s})=>L.createElement(Ye,{css:e},L.createElement(_e,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},L.createElement(It,{htmlFor:o,required:s},a),n&&L.createElement(Bt,{href:n.link,size:"sm"},n.label)),i&&L.createElement(Lt,{css:{mb:"$3"}},i),t,r&&L.createElement(Ht,{css:{mt:"$2"}},r));Pt.displayName="FieldWrapper";const Vt=Ie(Q.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"},":checked + &":{backgroundColor:"$primary",borderColor:"$primary"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),Yt=Ie(Q.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),Gt=e=>L.createElement(Vt,Object.assign({},e),L.createElement(Yt,null));Gt.displayName="RadioButton";const Xt=Ie(Q.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});Xt.displayName="RadioButtonGroup";const _t=({align:e="baseline",children:t,css:r,description:o,direction:a="row",error:n,label:i,required:s})=>L.createElement(Ye,{css:r},L.createElement(It,{align:e,direction:a,required:s,type:"inline"},L.Children.map(t,(e=>L.createElement(Ye,{css:A({["reverse"===a?"ml":"mr"]:"$3"},((null==e?void 0:e.type)===Rt||(null==e?void 0:e.type)===Gt)&&{transform:"translateY($space$0)"})},e))),i),n&&L.createElement(Ht,{css:{mt:"$2"}},n),o&&L.createElement(Lt,{css:{mt:"$2",["reverse"===a?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},o));var Ut;_t.displayName="InlineFieldWrapper",function(e){e.LOCAL="local",e.SESSION="session"}(Ut||(Ut={}));const Kt=Ie("form",{}),Jt=({persist:e,watch:t,setValue:r,children:o})=>{const{id:a}=e,n=B(e,p);let i=A({},n,{storage:n.storage===Ut.LOCAL?window.localStorage:window.sessionStorage});if(n.exclude){const e=B(i,u),r=t();i=A({},e,{include:Object.keys(r).filter((e=>{var t;if(null==(t=n.exclude)||!t.includes(e))return e}))})}return ye.default(a,{watch:t,setValue:r},i),o},Qt=e=>{let{formMethods:t,handleSubmit:r,onSubmit:o,children:a}=e,n=B(e,h);return L.createElement(J.FormProvider,Object.assign({},t),L.createElement(Kt,Object.assign({"aria-label":"form"},n,{onSubmit:r(o)}),a))},Zt=e=>{let{children:t,defaultValues:r={},onSubmit:o,validationMode:a="onBlur",render:n,persist:i}=e,s=B(e,b);xe.default(!(t&&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 l=J.useForm({defaultValues:r,mode:a}),{handleSubmit:d,watch:c,setValue:m}=l,p=n?n(l):t,u=A({formMethods:l,handleSubmit:d,onSubmit:o},s);return i?L.createElement(Jt,{persist:i,watch:c,setValue:m},L.createElement(Qt,Object.assign({},u),p)):L.createElement(Qt,Object.assign({},u),p)};Zt.displayName="Form";const er=e=>{var t;const{errors:r}=J.useFormContext(),o=e.split(/[,[\].]+?/).filter(Boolean);return{error:null==(t=ve.default(r,o))?void 0:t.message}};var tr;!function(e){e.ON="on",e.OFF="off"}(tr||(tr={}));const rr=e=>{let{css:t,defaultChecked:r=!1,label:o,name:a,validation:n,description:i}=e,s=B(e,g);const{control:l}=J.useFormContext(),{error:d}=er(a);return L.createElement(J.Controller,{control:l,name:a,defaultValue:r,rules:n,render:({onChange:e,value:a,name:l})=>L.createElement(_t,{css:t,description:i,error:d,label:o,required:Boolean(null==n?void 0:n.required)},L.createElement(Rt,Object.assign({defaultChecked:r,defaultValue:r?tr.ON:tr.OFF,checked:a,name:l,onCheckedChange:e,value:a?tr.ON:tr.OFF},d&&{state:"error"},s)))})};rr.displayName="CheckboxField";const or=Ie(re.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:dt(We.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"}}}}),ar=Ie(re.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),nr=Ie(re.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),ir=Ie(re.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)"});Te({":root":{"--reach-combobox":1}})();const sr=Ie(re.Combobox,{}),lr=e=>L.createElement(sr,Object.assign({},e));lr.displayName="Combobox",lr.Option=nr,lr.Input=or,lr.Popover=ir,lr.List=ar,lr.OptionText=re.ComboboxOptionText;const dr=Ie(oe.Close,{}),cr=(e,t,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),mr=(e,t,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:t,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),pr=(e,t,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),ur=Ie("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"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:cr("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:cr("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"simple",css:cr("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:cr("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:cr("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:mr("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"solid",css:mr("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:mr("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:mr("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:pr("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"outline",css:pr("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:pr("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:pr("$danger","$dangerMid","$dangerDark")}]}),hr=L.forwardRef(((e,t)=>{let{children:r,theme:o="primary",appearance:a="simple",size:n="md",label:i,href:s,disabled:l}=e,d=B(e,$);const c=`A single ${Xe.displayName} component is permitted as a child of ${hr.displayName}`;xe.default(1===L.Children.count(r),c);const m=s?{as:"a",href:l?null:s,onClick:void 0,"aria-disabled":!!l}:{type:"button"};return L.createElement(ur,Object.assign({},d,m,{"aria-label":i,theme:o,appearance:a,size:n,ref:t,disabled:l}),L.Children.map(r,(e=>{if(!L.isValidElement(e))throw new Error(c);return xe.default(e.type===Xe,`Children of type ${null==e?void 0:e.type} aren't permitted. Only an ${Xe.displayName} component is allowed in ${hr.displayName}`),L.cloneElement(e,{css:A({size:"lg"===n?20:16},e.props.css?e.props.css:{})})})))}));hr.displayName="ActionIcon";const br=De({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),gr=De({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),$r=De({"0%":{opacity:0},"100%":{opacity:1}}),fr=De({"0%":{opacity:1},"100%":{opacity:0}}),xr=Ie(oe.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",'&[data-state="open"]':{animation:`${$r} 250ms ease-out`},'&[data-state="closed"]':{animation:`${fr} 550ms ease-out`}}),yr=Ie(oe.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:"translate3d(-50%, -50%, 0)","&:focus":{outline:"none"},'&[data-state="open"]':{animation:`${br} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${gr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),vr=Ie(oe.Root,{}),wr=e=>L.createElement(vr,Object.assign({},e));wr.Close=dr,wr.Content=e=>{let{size:t="sm",children:r,closeDialogText:o="Close dialog"}=e,a=B(e,f);return L.createElement(L.Fragment,null,L.createElement(xr,null),L.createElement(yr,Object.assign({size:t},a),L.createElement(hr,{as:oe.Close,css:{position:"absolute",right:"$4",top:"$4"},label:o,size:"lg",theme:"neutral"},L.createElement(Xe,{is:U.Close})),r))},wr.Trigger=oe.Trigger,wr.displayName="Dialog";const Er=Ie("hr",{border:0,borderTop:"1px solid $tonal200",mx:"auto",width:"50%"}),Cr=De({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),zr=De({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),kr=De({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),Sr=De({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),Or=Ie(ae.Content,{bg:"white",borderRadius:"$0",boxShadow:"$0",py:"$3","@media (prefers-reduced-motion: no-preference)":{animationDuration:"400ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:kr},'&[data-side="right"]':{animationName:Sr},'&[data-side="bottom"]':{animationName:Cr},'&[data-side="left"]':{animationName:zr}}}}),jr=Ie(ae.Item,{alignItems:"center",color:"$tonal800",display:"flex",fontFamily:"$body",fontWeight:400,position:"relative",px:"$3","&:not(:last-child)":{mb:"$3"},"&[data-disabled]":{color:"$tonal100",pointerEvents:"none"},'&[aria-current="page"], &:focus':{"&::before":{borderLeft:"2px solid currentColor",content:"",height:"100%",left:0,outline:"none",position:"absolute",transform:"scale(1)"}},"&:focus":{color:"$primaryMid",outline:"none"}}),Rr=Ie("a",{textDecoration:"none"}),Nr=Ie(ae.Separator,{height:"1px",backgroundColor:"$tonal200",mb:"$3"}),Fr=Ie(ae.Trigger,{}),Tr=Ie(ae.Root,{}),Dr=e=>$e.default.createElement(Tr,Object.assign({},e));Dr.Content=Or,Dr.Item=jr,Dr.LinkItem=e=>{let{children:t,href:r}=e,o=B(e,x);return $e.default.createElement(jr,Object.assign({},o,{asChild:!0}),$e.default.createElement(Rr,{href:r,role:"menuitem"},t))},Dr.Separator=Nr,Dr.Trigger=Fr;const Ir=Ie("div",{display:"grid",variants:{gap:Object.keys(We.space).reduce(((e,t)=>A({},e,{[t]:{gap:`$space$${t}`}})),{})}}),Wr=e=>{let{css:t,gap:r=2,minItemSize:o}=e,a=B(e,y);return L.createElement(Ir,Object.assign({css:A({},t,{gridTemplateColumns:`repeat(auto-fit, minmax(${o}, 1fr))`}),gap:r},a))};Wr.displayName="Grid";const qr=Ie("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});qr.displayName="Image";const Mr=Ie("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"}}}}),Ar=L.forwardRef(((e,t)=>{let{type:r="text",size:o="md"}=e,a=B(e,v);return"number"===r?L.createElement(Mr,Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",size:o},a,{ref:t})):L.createElement(Mr,Object.assign({type:r,size:o},a,{ref:t}))}));Ar.displayName="Input";const Br=e=>{let{css:t,label:r,name:o,validation:a,prompt:n,description:i}=e,s=B(e,w);const{register:l}=J.useFormContext(),{error:d}=er(o),c=a?l(a):l;return L.createElement(Pt,{css:t,description:i,error:d,fieldId:o,label:r,prompt:n,required:Boolean(null==a?void 0:a.required)},L.createElement(Ar,Object.assign({id:o,name:o,ref:c},d&&{state:"error"},s)))};Br.displayName="InputField";const Hr=L.forwardRef(((e,t)=>{let{css:r,hidePasswordText:o="Hide password",showPasswordText:a="Show password"}=e,n=B(e,E);const[i,s]=L.useState(!1);return L.createElement(Ye,{css:A({position:"relative"},r)},L.createElement(Ar,Object.assign({},n,{type:i?"text":"password",ref:t,css:{pr:"$sizes$2"}})),L.createElement(hr,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:i?o:a,onClick:()=>s((e=>!e)),onMouseDown:e=>e.preventDefault(),size:"lg"},L.createElement(Xe,{is:i?U.Eye:U.EyeCrossed,css:{size:20}})))}));Hr.displayName="PasswordInput";const Lr=e=>{let{css:t={},label:r="Password",name:o,prompt:a,description:n,validation:i}=e,s=B(e,C);const{register:l}=J.useFormContext(),{error:d}=er(o),c=i?l(i):l;return L.createElement(Pt,{css:A({},t,{position:"relative"}),description:n,error:d,fieldId:o,label:r,prompt:a,required:Boolean(null==i?void 0:i.required)},L.createElement(Hr,Object.assign({autoComplete:"current-password",name:o,id:o,ref:c},s)))};Lr.displayName="PasswordField";const Pr=De({"0%":{opacity:0,transform:"scale(0.8)"},"100%":{opacity:1,transform:"scale(1)"}}),Vr=Ie(ne.Content,{animation:`${Pr} 75ms ease-out`,bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative",transformOrigin:"var(--radix-tooltip-content-transform-origin)",variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),Yr=Ie(ne.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}});Ie(ne.Root,{});const Gr=e=>L.createElement(ne.Root,Object.assign({},e));Gr.Content=e=>{let{children:t,side:r="top",sideOffset:o=8,closePopoverText:a="Close popover",size:n="md"}=e,i=B(e,z);return L.createElement(Vr,Object.assign({size:n,side:r,sideOffset:o},i),L.createElement(hr,{as:ne.Close,css:{position:"absolute",right:"$0",top:"$0"},label:a,size:"lg",theme:"neutral"},L.createElement(Xe,{is:U.Close})),t,L.createElement(Yr,{width:16,height:8}))},Gr.Trigger=ne.Trigger,Gr.displayName="Popover";const Xr=Ie(ie.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"}}}}),_r=Ie(ie.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),Ur=e=>{let{value:t,theme:r="primary"}=e,o=B(e,k);return L.createElement(Xr,Object.assign({theme:r},o),L.createElement(_r,{style:{width:`${t}%`}}))};Ur.displayName="ProgressBar";const Kr=e=>{let{css:t,label:r,value:o}=e,a=B(e,S);return L.createElement(_t,{css:t,label:r},L.createElement(Gt,Object.assign({value:o},a)))};Kr.displayName="RadioField";const Jr=Ie("fieldset",{all:"unset"}),Qr=({children:e,css:t,direction:r="column",defaultValue:o,description:a,label:n,name:i,validation:s})=>{const{control:l}=J.useFormContext(),{error:d}=er(i);return L.createElement(Jr,{css:t},L.createElement(It,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(null==s?void 0:s.required)},n),a&&L.createElement(gt,{size:"sm",css:{color:"$tonal300",mb:"$3",maxWidth:"80ch"}},a),L.createElement(J.Controller,{control:l,name:i,rules:s,defaultValue:o,render:({onChange:t,value:a})=>L.createElement(Xt,{direction:r,defaultValue:o,onValueChange:t,value:a},e)}),d&&L.createElement(Ht,{css:{mt:"$2"}},d))};Qr.Item=Kr,Qr.displayName="RadioGroupField";const Zr=Ie(Ye,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),eo=Ie("em",{fontStyle:"italic"}),to=({node:e,handleNode:t,css:r})=>{var o;const{as:a,size:n}=(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"}}})(e.depth);return L.createElement(mt,{as:a,size:n,css:A({color:"inherit"},r)},null==(o=e.children)?void 0:o.map(t))},ro=Ie(Ye,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),oo=({node:e,css:t})=>L.createElement(qr,{src:e.url,alt:e.alt,css:t}),ao=({node:e,handleNode:t,css:r})=>{var o;return L.createElement(Mt,{css:A({"& p:before, & p:after":{display:"none"}},r),ordered:e.ordered},null==(o=e.children)?void 0:o.map(t))},no=({node:e,handleNode:t,css:r})=>{var o;return L.createElement(gt,{css:A({color:"inherit"},r)},null==(o=e.children)?void 0:o.map(t))},io=Ie("strong",{fontWeight:600}),so=({css:e})=>L.createElement(Er,{css:A({width:"100%"},e)}),lo=Ie("div",{}),co=(e,t)=>L.cloneElement(e,{css:A({},t,e.props.css?e.props.css:{})}),mo=e=>{let{children:t}=e,r=B(e,O);return L.createElement(lo,Object.assign({},r),L.Children.map(t,(e=>{if(!L.isValidElement(e))return e;const t=null==e?void 0:e.type;return t===mt||t===to?co(e,{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}}):t===gt||t===no||t===Mt||t===ao?co(e,{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}}):t===Er||t===so?co(e,{my:"$5"}):t===qr||t===oo?co(e,{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}):e})))};mo.displayName="StackContent";const po={code:({node:e})=>L.createElement(Zr,{as:"pre"},e.value),emphasis:({node:e,handleNode:t})=>{var r;return L.createElement(eo,null,null==(r=e.children)?void 0:r.map(t))},heading:to,inlineCode:({node:e})=>L.createElement(ro,{as:"code"},e.value),image:oo,link:({node:e,handleNode:t})=>{var r;return L.createElement(Bt,{title:e.title,href:e.url},null==(r=e.children)?void 0:r.map(t))},list:ao,listItem:({node:e,handleNode:t})=>{var r;return L.createElement(Mt.Item,null,null==(r=e.children)?void 0:r.map(t))},paragraph:no,strong:({node:e,handleNode:t})=>{var r;return L.createElement(io,null,null==(r=e.children)?void 0:r.map(t))},text:({node:e})=>e.value,thematicBreak:so},uo=e=>{var t;if(null!=(t=e.position)&&t.start){var r;const{line:t,column:o,offset:a}=null==(r=e.position)?void 0:r.start;return`${e.type}${t}${o}${a}`}return`${e.type}${+new Date}`},ho=({content:e,customComponents:t={},css:r})=>{const o=Ee.default(e,{extensions:[Ce.default()],mdastExtensions:[we.default.fromMarkdown]}),a=A({},po,t),n=e=>{const t=a[e.type];return t?L.createElement(t,{key:uo(e),node:e,handleNode:n}):null};return L.createElement(mo,{css:r},o.children.map(n))};ho.displayName="MarkdownContent";const bo=e=>{let{size:t,css:r}=e,o=B(e,j);return L.createElement(Ye,{css:A({position:"relative"},r)},L.createElement(L.Fragment,null,L.createElement(Xe,{is:U.Search,css:{color:"$tonal300",pointerEvents:"none",position:"absolute",size:"sm"===t?"$1":20,top:"sm"===t?"$2":10,left:"sm"===t?"$2":10}}),L.createElement(Ar,Object.assign({size:t,css:{pl:"sm"===t?"$5":"$6"}},o,{type:"search"}))))};bo.displayName="SearchInput";const go=Ie("select",{appearance:"none",backgroundColor:"white",backgroundImage:dt(We.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"}}}}),$o=L.forwardRef(((e,t)=>{let{placeholder:r,children:o,size:a="md"}=e,n=B(e,R);return L.createElement(go,Object.assign({size:a,defaultValue:""},n,{ref:t}),r&&L.createElement("option",{disabled:!0,hidden:!0,value:""},r),o)}));$o.displayName="Select";const fo=e=>{let{css:t,children:r,name:o,label:a,validation:n,prompt:i,description:s}=e,l=B(e,N);const{register:d}=J.useFormContext(),{error:c}=er(o),m=n?d(n):d;return L.createElement(Pt,{css:t,description:s,error:c,fieldId:o,label:a,prompt:i,required:Boolean(null==n?void 0:n.required)},L.createElement($o,Object.assign({name:o,id:o},l,{ref:m},c&&{state:"error"}),r))};fo.displayName="SelectField";const xo=Ie(ce.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"}}),yo=Ie(ce.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 75ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),vo=e=>L.createElement(xo,Object.assign({},e),L.createElement(yo,null));vo.displayName="Switch";const wo=Ie("tbody",{});wo.displayName="TableBody";const Eo=Ie("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal300",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","tr:nth-child(even) &":{bg:"$tonal50"}});Eo.displayName="TableCell";const Co=Ie("tfoot",{});Co.displayName="TableFooter";const zo=Ie("td",{color:"$tonal300",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});zo.displayName="TableFooterCell";const ko=Ie("thead",{});ko.displayName="TableHeader";const So=Ie("th",{bg:"$primaryDark",color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-of-type":{borderTopLeftRadius:"$0",borderBottomLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0",borderBottomRightRadius:"$0"}});So.displayName="TableHeaderCell";const Oo=Ie("tr",{});Oo.displayName="TableRow";const jo=Ie("table",{borderCollapse:"collapse",fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${Eo}`]:{height:"$4"}},lg:{[`${Eo}`]:{height:"$5"}}}}}),Ro=e=>{let{size:t="md"}=e,r=B(e,F);return L.createElement(jo,Object.assign({size:t},r))};Ro.Body=wo,Ro.Cell=Eo,Ro.Footer=Co,Ro.FooterCell=zo,Ro.Header=ko,Ro.HeaderCell=So,Ro.Row=Oo,Ro.displayName="Table";const No=Ie(me.Trigger,{color:"$secondary",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",userSelect:"none","&:hover":{color:"$primary"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal300"},'&[data-state="active"]':{color:"$primary",fontWeight:"bold",boxShadow:"inset 0 -3px 0 0 currentColor"}}),Fo=e=>{let{children:t,disabled:r=!1,css:o}=e,a=B(e,T);return L.createElement(No,Object.assign({css:o,disabled:r},a),t)};Fo.displayName="TabTrigger";const To=Ie(me.Root,{display:"flex",flexDirection:"column"}),Do=Ie(me.Content,{flexGrow:1}),Io=Ie(me.List,{flexShrink:0,display:"flex",borderBottom:"1px solid $primaryDark"}),Wo=e=>{let{children:t}=e,r=B(e,D);return L.createElement(To,Object.assign({},r),t)};Wo.TriggerList=Io,Wo.Trigger=Fo,Wo.Content=Do,Wo.displayName="Tabs";const qo=Ie("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"}}}}),Mo=L.forwardRef(((e,t)=>L.createElement(qo,Object.assign({},e,{ref:t}))));Mo.displayName="Textarea";const Ao=e=>{let{css:t,label:r,name:o,validation:a,prompt:n,description:i}=e,s=B(e,I);const{register:l}=J.useFormContext(),{error:d}=er(o),c=a?l(a):l;return L.createElement(Pt,{css:t,description:i,error:d,fieldId:o,label:r,prompt:n,required:Boolean(null==a?void 0:a.required)},L.createElement(Mo,Object.assign({id:o,name:o,ref:c},d&&{state:"error"},s)))};Ao.displayName="TextareaField";const Bo=Ie("div",{position:"absolute",width:"100%",variants:{visible:{true:{animation:`${De({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}})} 250ms cubic-bezier(0.22, 1, 0.36, 1)`},false:{animation:`${De({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}})} 250ms cubic-bezier(0.22, 1, 0.36, 1)`,opacity:0}}}}),Ho=Ie("div",{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, transform 150ms ease-out",width:"100%","@sm":{width:400},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),Lo=L.memo((({ariaLive:e,height:t,id:r,message:o,role:a,type:n="blank",visible:i,calculateOffset:s,updateHeight:l})=>{const d=s(r,{reverseOrder:!0,margin:8});return L.createElement(Bo,{visible:i},L.createElement(Ho,{ref:e=>{e&&void 0===t&&l(r,e.getBoundingClientRect().height)},status:n,role:a,"aria-live":e,style:{transform:`translateY(${d}px)`}},"error"===n&&L.createElement(Xe,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:U.Error}),L.createElement(gt,{css:{color:"inherit"}},o),"loading"===n?L.createElement(Ke,{css:{flex:"0 0 auto",ml:"auto"}}):L.createElement(hr,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>pe.toast.dismiss(r)},L.createElement(Xe,{is:U.Close}))))})),Po=Ie("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:2147483647,"@sm":{top:"$3",right:"auto",left:"calc(50% - 200px)"}}),Vo=({children:e})=>{const{toasts:t,handlers:r}=pe.useToaster(),{startPause:o,endPause:a,calculateOffset:n,updateHeight:i}=r;return L.createElement(L.Fragment,null,L.createElement(Po,{onMouseEnter:o,onMouseLeave:a},t.map((e=>L.createElement(Lo,Object.assign({key:e.id,calculateOffset:n,updateHeight:i},e))))),e)};Vo.displayName="ToastProvider";const Yo=De({"0%":{opacity:0,transform:"scale(0.8)"},"100%":{opacity:1,transform:"scale(1)"}}),Go=Ie(ue.Content,{animation:`${Yo} 75ms ease-out`,backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.2,px:"$3",py:"$2",transformOrigin:"var(--radix-tooltip-content-transform-origin)",variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),Xo=Ie(ue.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),_o=e=>{let{children:t,delayDuration:r=100}=e,o=B(e,q);return L.createElement(ue.Root,Object.assign({delayDuration:r},o),t)};_o.Content=e=>{let{children:t,side:r="top",sideOffset:o=4,size:a="md"}=e,n=B(e,W);return L.createElement(Go,Object.assign({side:r,sideOffset:o,size:a},n),t,L.createElement(Xo,null))},_o.Trigger=ue.Trigger,_o.displayName="Tooltip";const Uo=Ie(ke.default,{}),Ko=e=>{let{id:t,ratio:r=9/16,css:o}=e,a=B(e,M);return L.createElement(it,{css:o},L.createElement(Ye,{css:{borderRadius:"$0",position:"relative",paddingTop:100*r+"%",overflow:"hidden",height:0,width:"100%"}},L.createElement(Uo,Object.assign({},a,{role:"figure",url:`https://player.vimeo.com/video/${t}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0}}))))};Ko.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return ze.default}}),exports.ActionIcon=hr,exports.AlertDialog=Ve,exports.AlertProvider=({children:e})=>{const[t,r]=L.useReducer(xt,ft),o=(()=>{const e=L.useRef();return L.useEffect((()=>(e.current=!0,()=>{e.current=!1}))),e})();return L.createElement(yt.Provider,{value:{showAlert:e=>r({payload:e,type:"ADD"})}},Boolean(t.length)&&L.createElement($t,Object.assign({},t[0],{key:t[0].id,onClose:()=>{o.current&&r({payload:t[0].id,type:"REMOVE"})}})),e)},exports.Box=Ye,exports.Button=nt,exports.Carousel=St,exports.Checkbox=Rt,exports.CheckboxField=rr,exports.Combobox=lr,exports.Dialog=wr,exports.Divider=Er,exports.DropdownMenu=Dr,exports.FieldWrapper=Pt,exports.Flex=_e,exports.Form=Zt,exports.Grid=Wr,exports.Heading=mt,exports.Icon=Xe,exports.Image=qr,exports.InlineFieldWrapper=_t,exports.Input=Ar,exports.InputField=Br,exports.Label=It,exports.Link=Bt,exports.List=Mt,exports.Loader=Ke,exports.MarkdownContent=ho,exports.PasswordField=Lr,exports.PasswordInput=Hr,exports.Popover=Gr,exports.ProgressBar=Ur,exports.RadioButton=Gt,exports.RadioButtonGroup=Xt,exports.RadioGroupField=Qr,exports.SearchInput=bo,exports.Select=$o,exports.SelectField=fo,exports.Stack=ut,exports.StackContent=mo,exports.StyledButton=Qe,exports.StyledLink=At,exports.Switch=vo,exports.Table=Ro,exports.Tabs=Wo,exports.Text=gt,exports.Textarea=Mo,exports.TextareaField=Ao,exports.ToastProvider=Vo,exports.Tooltip=_o,exports.ValidationError=Ht,exports.Video=Ko,exports.createTheme=Fe,exports.css=Re,exports.getCssText=Ne,exports.globalCss=Te,exports.keyframes=De,exports.media=Oe,exports.styled=Ie,exports.theme=We,exports.useAlert=()=>{const e=L.useContext(yt);if(void 0===e)throw new Error("useAlert must be used within a AlertProvider");return e},exports.utils=Se;
+"use strict";const e=["is","size"],t=["children","theme","appearance","size","label","href","disabled"],r=["size"],o=["children","isLoading","onClick","href","appearance","size","theme","type"],a=["size"],i=["css","gap","direction","justify"],n=["size"],s=["title","description","onAction","cancelActionText","confirmActionText","onClose"],l=["children"],d=["align","as","direction","size","type","children","required"],c=["size","ordered"],m=["size","onClick","href"],p=["css","children"],u=["id"],h=["exclude"],g=["formMethods","handleSubmit","onSubmit","children"],b=["children","defaultValues","onSubmit","validationMode","render","persist"],$=["css","defaultChecked","label","name","validation","description"],f=["size","children","closeDialogText"],x=["orientation"],y=["children","href"],v=["css","gap","minItemSize"],w=["type","size"],E=["css","label","name","validation","prompt","description"],z=["children"],C=["css","hidePasswordText","showPasswordText"],k=["css","label","name","prompt","description","validation"],S=["children","side","sideOffset","closePopoverText","size"],O=["value","theme"],j=["children","isFullWidth","size","align"],F=["css","children","size","isFullWidth","align","gap","justify"],R=["css","label","value"],N=["size","css"],T=["placeholder","children","size"],D=["css","children","name","label","validation","prompt","description"],I=["size"],W=["children","disabled","css"],M=["children"],q=["css","label","name","validation","prompt","description"],A=["children","side","sideOffset","size"],B=["children","delayDuration"],H=["id","ratio","css"];function L(){return(L=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}function P(e,t){if(null==e)return{};var r,o,a={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(a[r]=e[r]);return a}Object.defineProperty(exports,"__esModule",{value:!0});var V=require("invariant"),Y=require("react"),G=require("@atom-learning/theme"),X=require("@stitches/react"),_=require("@radix-ui/react-alert-dialog"),U=require("polished"),K=require("@radix-ui/react-visually-hidden"),J=require("uid"),Q=require("pure-react-carousel"),Z=require("@atom-learning/icons"),ee=require("@radix-ui/react-checkbox"),te=require("react-hook-form"),re=require("@radix-ui/react-radio-group"),oe=require("react-hook-form-persist"),ae=require("dlv"),ie=require("@reach/combobox"),ne=require("@radix-ui/react-dialog"),se=require("@radix-ui/react-dropdown-menu"),le=require("mdast-util-directive"),de=require("mdast-util-from-markdown"),ce=require("micromark-extension-directive"),me=require("@radix-ui/react-popover"),pe=require("@radix-ui/react-progress"),ue=require("@radix-ui/react-switch"),he=require("@radix-ui/react-tabs"),ge=require("react-hot-toast"),be=require("@radix-ui/react-tooltip"),$e=require("react-player/vimeo");function fe(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function xe(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var ye=fe(V),ve=fe(Y),we=xe(G),Ee=fe(oe),ze=fe(ae),Ce=fe(le),ke=fe(de),Se=fe(ce),Oe=fe(ge),je=fe($e);const Fe={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})},Re={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)"},Ne=X.createStitches({theme:we,utils:Fe,media:Re}),{css:Te,getCssText:De,createTheme:Ie,globalCss:We,keyframes:Me,styled:qe,theme:Ae}=Ne,Be=qe("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"}}}}),He=Y.forwardRef(((t,r)=>{let{is:o,size:a="md"}=t,i=P(t,e);return Y.createElement(Be,Object.assign({size:a,"aria-hidden":"true"},i,{as:o,ref:r}))})),Le=(e,t,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),Pe=(e,t,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:t,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),Ve=(e,t,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:t},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),Ye=qe("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"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:Le("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:Le("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"simple",css:Le("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:Le("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:Le("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:Pe("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"solid",css:Pe("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:Pe("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:Pe("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:Ve("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"outline",css:Ve("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:Ve("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:Ve("$danger","$dangerMid","$dangerDark")}]}),Ge=Y.forwardRef(((e,r)=>{let{children:o,theme:a="primary",appearance:i="simple",size:n="md",label:s,href:l,disabled:d}=e,c=P(e,t);const m=`A single ${He.displayName} component is permitted as a child of ${Ge.displayName}`;ye.default(1===Y.Children.count(o),m);const p=l?{as:"a",href:d?null:l,onClick:void 0,"aria-disabled":!!d}:{type:"button"};return Y.createElement(Ye,Object.assign({},c,p,{"aria-label":s,theme:a,appearance:i,size:n,ref:r,disabled:d}),Y.Children.map(o,(e=>{if(!Y.isValidElement(e))throw new Error(m);return ye.default(e.type===He,`Children of type ${null==e?void 0:e.type} aren't permitted. Only an ${He.displayName} component is allowed in ${Ge.displayName}`),Y.cloneElement(e,{css:L({size:"lg"===n?20:16},e.props.css?e.props.css:{})})})))}));Ge.displayName="ActionIcon";const Xe=qe("div",{});Xe.displayName="Box";const _e=({css:e,children:t})=>e?Y.createElement(Xe,{css:e},t):Y.createElement(Y.Fragment,null,t);_e.displayName="CSSWrapper";const Ue=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}}),Ke={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>`},Je=(e,t)=>{const r=U.toColorString(U.parseToHsl(e));return`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(Ke[t](r))})`},Qe=Me({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),Ze=Me({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),et=Me({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),tt=Me({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),rt=Me({"0%":{opacity:0},"100%":{opacity:1}}),ot=Me({"0%":{opacity:1},"100%":{opacity:0}}),at=Me({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),it=Me({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),nt=qe(_.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${rt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${ot} 550ms ease-out`}}}),st=qe(_.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:"translate3d(-50%, -50%, 0)","&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${at} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${it} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),lt=qe(_.Root,{}),dt=e=>Y.createElement(lt,Object.assign({},e));dt.Description=_.Description,dt.Title=_.Title,dt.Action=_.Action,dt.Cancel=_.Cancel,dt.Content=e=>{let{size:t="sm"}=e,o=P(e,r);return Y.createElement(Y.Fragment,null,Y.createElement(nt,null),Y.createElement(st,Object.assign({size:t},o)))},dt.Trigger=_.Trigger,dt.displayName="AlertDialog";const ct=qe("div",{display:"flex"});ct.displayName="Flex";const mt=qe("div",{animationName:`${Me({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}})}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),pt=({css:e={},message:t="Loading",size:r="md"})=>Y.createElement(ct,{css:L({justifyContent:"center"},e),role:"alert"},Y.createElement(K.Root,null,t),Y.createElement(mt,{size:r}),Y.createElement(mt,{size:r}),Y.createElement(mt,{size:r})),ut=(e,t,r,o="white")=>({bg:e,color:o,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:t,color:o},"&:not([disabled]):active":{bg:r}}),ht=qe("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:{}},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:{true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:ut("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:ut("$primaryDark",U.darken(.1,Ae.colors.primaryDark.value),U.darken(.15,Ae.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:ut("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:ut("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:ut("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:(gt="$primary",bt="$primaryMid",$t="$primaryDark",{border:"1px solid",borderColor:"currentColor",color:gt,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:bt},"&:not([disabled]):active":{color:$t}})}]});var gt,bt,$t;const ft=({isLoading:e,children:t})=>Y.createElement(Y.Fragment,null,Y.createElement(pt,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),Y.createElement(Xe,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},t)),xt=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},yt=(e,t)=>Y.Children.map(e,((e,r)=>(null==e?void 0:e.type)===He?Y.cloneElement(e,{css:L({[0===r?"mr":"ml"]:"sm"===t?"$2":"$3",size:xt(t)},e.props.css?e.props.css:{})}):e)),vt=Y.forwardRef(((e,t)=>{let{children:r,isLoading:a,onClick:i,href:n,appearance:s="solid",size:l="md",theme:d="primary",type:c="button"}=e,m=P(e,o);const p=n?{as:"a",href:n,onClick:void 0}:{},u=n?{}:{type:c};return Y.createElement(ht,Object.assign({isLoading:a||!1,onClick:a?void 0:i,appearance:s,size:l,theme:d},m,p,u,{ref:t}),"boolean"==typeof a?Y.createElement(ft,{isLoading:a},yt(r,l)):yt(r,l))}));vt.displayName="Button";const wt=qe("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:L({fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5},Ue(.3864)),sm:L({fontSize:"$lg",lineHeight:1.14},Ue(.2174,.2254)),md:L({fontSize:"$xl",lineHeight:1.14},Ue(.2174,.2254)),lg:L({fontSize:"$2xl",lineHeight:1.08},Ue(.1865,.1945)),xl:L({fontSize:"$3xl",lineHeight:1.12},Ue(.206,.214)),xxl:L({fontSize:"$4xl",lineHeight:1.06},Ue(.1793,.1873))}}}),Et=e=>{let{size:t="md"}=e,r=P(e,a);return Y.createElement(wt,Object.assign({size:t},r))};Et.displayName="Heading";const zt=qe("div",{display:"flex",flexWrap:"wrap","& > *":{m:0},variants:{direction:{row:{flexDirection:"row",alignItems:"center"},"row-reverse":{flexDirection:"row-reverse",alignItems:"center"},column:{flexDirection:"column"}},justify:{start:{justifyContent:"flex-start"},end:{justifyContent:"flex-end"},center:{justifyContent:"center"}},gap:Object.keys(Ae.space).reduce(((e,t)=>L({},e,{[t]:{mt:`-$space$${t}`,ml:`-$space$${t}`,"& > *":{mt:`$space$${t}`,ml:`$space$${t}`}}})),{})}}),Ct=e=>{let{css:t,gap:r=2,direction:o="row",justify:a="start"}=e,n=P(e,i);return Y.createElement(_e,{css:t},Y.createElement(zt,Object.assign({direction:o,gap:r,justify:a},n)))};Ct.displayName="Stack";const kt=({applyCapsize:e=!0}={})=>({xs:L({fontSize:"$xs",lineHeight:1.6},e?Ue(.4364):{}),sm:L({fontSize:"$sm",lineHeight:1.53},e?Ue(.4056):{}),md:L({fontSize:"$md",lineHeight:1.5},e?Ue(.3864):{}),lg:L({fontSize:"$lg",lineHeight:1.52},e?Ue(.3983):{}),xl:L({fontSize:"$xl",lineHeight:1.42},e?Ue(.3506):{})}),St=qe("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,variants:{size:kt()}}),Ot=Y.forwardRef(((e,t)=>{let{size:r="md"}=e,o=P(e,n);return Y.createElement(St,Object.assign({size:r},o,{ref:t}))}));Ot.displayName="Text";const jt=e=>{let{title:t,description:r,onAction:o,cancelActionText:a,confirmActionText:i,onClose:n}=e,l=P(e,s);return Y.createElement(dt,{defaultOpen:!0},Y.createElement(dt.Content,Object.assign({onEscapeKeyDown:e=>e.preventDefault(),onCloseAutoFocus:n},l),Y.createElement(Et,{as:dt.Title,size:"sm",css:{mb:"$5"}},t),r&&Y.createElement(Ot,{as:dt.Description,css:{mb:"$5"}},r),Y.createElement(Ct,{gap:"2",justify:"end"},a&&Y.createElement(vt,{appearance:"outline",as:dt.Cancel,onClick:()=>o(!1),size:"sm"},a),Y.createElement(vt,{as:dt.Action,onClick:()=>o(!0),size:"sm"},i))))},Ft=[],Rt=(e,t)=>{switch(t.type){case"ADD":return[...e,L({},t.payload,{id:J.uid()})];case"REMOVE":return e.filter((({id:e})=>e!==t.payload));default:return e}},Nt=Y.createContext({showAlert:()=>null}),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"}},Dt=qe(Q.ButtonBack,Tt),It=qe(Q.ButtonNext,Tt),Wt=qe(Q.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"}}}),Mt=qe(Q.Slide,{}),qt=qe(Q.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"}}}}),At=({children:e,css:t,slideHeight:r,slideWidth:o,numSlides:a})=>Y.createElement(_e,{css:t},Y.createElement(Q.CarouselProvider,{naturalSlideWidth:o,naturalSlideHeight:r,totalSlides:a},e));At.ArrowNext=e=>Y.createElement(It,Object.assign({},e),Y.createElement(He,{is:Z.ChevronRight})),At.ArrowPrevious=e=>Y.createElement(Dt,Object.assign({},e),Y.createElement(He,{is:Z.ChevronLeft})),At.Pagination=Wt,At.Slide=e=>{let{children:t}=e,r=P(e,l);return Y.createElement(Mt,Object.assign({},r,{tag:"div"}),Y.createElement(Xe,{css:{px:"$3"}},t))},At.Slider=qt,At.displayName="Carousel";const Bt=qe(ee.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),Ht=qe(ee.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"}}}}),Lt=Y.forwardRef(((e,t)=>Y.createElement(Ht,Object.assign({},e,{ref:t}),Y.createElement(Bt,null,Y.createElement(He,{is:"indeterminate"===e.checked?Z.Minus:Z.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}})))));Lt.displayName="Checkbox";const{sm:Pt,md:Vt}=kt(),Yt=qe("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:Pt,md:Vt},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"}},direction:{reverse:{flexDirection:"row-reverse"},row:{flexDirection:"row"}}}}),Gt=qe("span",{color:"$danger",ml:"$1",fontWeight:400}),Xt=e=>{let{align:t="start",as:r="label",direction:o="row",size:a="md",type:i="block",children:n,required:s}=e,l=P(e,d);return Y.createElement(Yt,Object.assign({as:r,size:a,type:i,align:t,direction:o},l),n,s&&Y.createElement(Gt,{"aria-hidden":!0},"*"))};Xt.displayName="Label";const _t=qe("li",{}),Ut=qe("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${_t}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:kt({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${_t}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${_t}`]:{pl:"$2","&::marker":{content:"•",fontWeight:"bold"}}}}}}),Kt=e=>{let{size:t="md",ordered:r}=e,o=P(e,c);return Y.createElement(Ut,Object.assign({as:r?"ol":"ul",size:t},o))};Kt.Item=_t;const Jt=qe("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${St} > &, ${wt} > &, ${_t} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:kt()}}),Qt=Y.forwardRef(((e,t)=>{let{size:r="md",onClick:o,href:a}=e,i=P(e,m);return a?Y.createElement(Jt,Object.assign({size:r},i,{ref:t,href:a})):Y.createElement(Jt,Object.assign({as:"button",size:r},i,{ref:t,onClick:o}))}));Qt.displayName="Link";const Zt=e=>{let{css:t,children:r}=e,o=P(e,p);return Y.createElement(ct,Object.assign({css:L({color:"$danger",alignItems:"flex-start"},t)},o),Y.createElement(He,{is:Z.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),Y.createElement(Ot,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},r))},er=({children:e,css:t})=>Y.createElement(Ot,{size:"sm",css:L({color:"$tonal300",maxWidth:"80ch"},t)},e),tr=({css:e,children:t,error:r,fieldId:o,label:a,prompt:i,description:n,required:s})=>Y.createElement(Xe,{css:e},Y.createElement(ct,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},Y.createElement(Xt,{htmlFor:o,required:s},a),i&&Y.createElement(Qt,{href:i.link,size:"sm"},i.label)),n&&Y.createElement(er,{css:{mb:"$3"}},n),t,r&&Y.createElement(Zt,{css:{mt:"$2"}},r));tr.displayName="FieldWrapper";const rr=qe(re.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"}}),or=qe(re.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),ar=e=>Y.createElement(rr,Object.assign({},e),Y.createElement(or,null));ar.displayName="RadioButton";const ir=qe(re.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});ir.displayName="RadioButtonGroup";const nr=({align:e="start",children:t,css:r,description:o,direction:a="row",error:i,label:n,required:s})=>Y.createElement(Xe,{css:r},Y.createElement(Xt,{align:e,direction:a,required:s,type:"inline"},Y.Children.map(t,(e=>Y.createElement(Xe,{css:L({["reverse"===a?"ml":"mr"]:"$3"},((null==e?void 0:e.type)===Lt||(null==e?void 0:e.type)===ar)&&{transform:"translateY($space$1)"})},e))),n),i&&Y.createElement(Zt,{css:{mt:"$2"}},i),o&&Y.createElement(er,{css:{mt:"$2",["reverse"===a?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},o));var sr;nr.displayName="InlineFieldWrapper",function(e){e.LOCAL="local",e.SESSION="session"}(sr||(sr={}));const lr=qe("form",{}),dr=({persist:e,watch:t,setValue:r,children:o})=>{const{id:a}=e,i=P(e,u);let n=L({},i,{storage:i.storage===sr.LOCAL?window.localStorage:window.sessionStorage});if(i.exclude){const e=P(n,h),r=t();n=L({},e,{include:Object.keys(r).filter((e=>{var t;if(null==(t=i.exclude)||!t.includes(e))return e}))})}return Ee.default(a,{watch:t,setValue:r},n),o},cr=e=>{let{formMethods:t,handleSubmit:r,onSubmit:o,children:a}=e,i=P(e,g);return Y.createElement(te.FormProvider,Object.assign({},t),Y.createElement(lr,Object.assign({"aria-label":"form"},i,{onSubmit:r(o)}),a))},mr=e=>{let{children:t,defaultValues:r={},onSubmit:o,validationMode:a="onBlur",render:i,persist:n}=e,s=P(e,b);ye.default(!(t&&i),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const l=te.useForm({defaultValues:r,mode:a}),{handleSubmit:d,watch:c,setValue:m}=l,p=i?i(l):t,u=L({formMethods:l,handleSubmit:d,onSubmit:o},s);return n?Y.createElement(dr,{persist:n,watch:c,setValue:m},Y.createElement(cr,Object.assign({},u),p)):Y.createElement(cr,Object.assign({},u),p)};mr.displayName="Form";const pr=e=>{var t;const{errors:r}=te.useFormContext(),o=e.split(/[,[\].]+?/).filter(Boolean);return{error:null==(t=ze.default(r,o))?void 0:t.message}};var ur;!function(e){e.ON="on",e.OFF="off"}(ur||(ur={}));const hr=e=>{let{css:t,defaultChecked:r=!1,label:o,name:a,validation:i,description:n}=e,s=P(e,$);const{control:l}=te.useFormContext(),{error:d}=pr(a);return Y.createElement(te.Controller,{control:l,name:a,defaultValue:r,rules:i,render:({onChange:e,value:a,name:l})=>Y.createElement(nr,{css:t,description:n,error:d,label:o,required:Boolean(null==i?void 0:i.required)},Y.createElement(Lt,Object.assign({defaultChecked:r,defaultValue:r?ur.ON:ur.OFF,checked:a,name:l,onCheckedChange:e,value:a?ur.ON:ur.OFF},d&&{state:"error"},s)))})};hr.displayName="CheckboxField";const gr=qe(ie.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:Je(Ae.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"}}}}),br=qe(ie.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),$r=qe(ie.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),fr=qe(ie.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)"});We({":root":{"--reach-combobox":1}})();const xr=qe(ie.Combobox,{}),yr=e=>Y.createElement(xr,Object.assign({},e));yr.displayName="Combobox",yr.Option=$r,yr.Input=gr,yr.Popover=fr,yr.List=br,yr.OptionText=ie.ComboboxOptionText;const vr=qe(ne.Close,{}),wr=Me({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),Er=Me({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),zr=qe(ne.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${rt} 250ms ease-out`},'&[data-state="closed"]':{animation:`${ot} 550ms ease-out`}}}),Cr=qe(ne.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:"translate3d(-50%, -50%, 0)","&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${wr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Er} 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"}}}}),kr=qe(ne.Root,{}),Sr=e=>Y.createElement(kr,Object.assign({},e));Sr.Close=vr,Sr.Content=e=>{let{size:t="sm",children:r,closeDialogText:o="Close dialog"}=e,a=P(e,f);return Y.createElement(Y.Fragment,null,Y.createElement(zr,null),Y.createElement(Cr,Object.assign({size:t},a),Y.createElement(Ge,{as:ne.Close,css:{position:"absolute",right:"$4",top:"$4"},label:o,size:"lg",theme:"neutral"},Y.createElement(He,{is:Z.Close})),r))},Sr.Trigger=ne.Trigger,Sr.displayName="Dialog";const Or=qe("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),jr=e=>{let{orientation:t="horizontal"}=e,r=P(e,x);return ve.default.createElement(Or,Object.assign({orientation:t},r))},Fr=qe(se.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:et},'&[data-side="right"]':{animationName:tt},'&[data-side="bottom"]':{animationName:Qe},'&[data-side="left"]':{animationName:Ze}}}}),Rr=qe(se.Item,{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"}}),Nr=qe("a",{textDecoration:"none"}),Tr=qe(se.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),Dr=qe(se.Trigger,{}),Ir=qe(se.Root,{}),Wr=e=>ve.default.createElement(Ir,Object.assign({},e));Wr.Content=Fr,Wr.Item=Rr,Wr.LinkItem=e=>{let{children:t,href:r}=e,o=P(e,y);return ve.default.createElement(Rr,Object.assign({},o,{asChild:!0}),ve.default.createElement(Nr,{href:r,role:"menuitem"},t))},Wr.Separator=Tr,Wr.Trigger=Dr;const Mr=qe("div",{display:"grid",variants:{gap:Object.keys(Ae.space).reduce(((e,t)=>L({},e,{[t]:{gap:`$space$${t}`}})),{})}}),qr=e=>{let{css:t,gap:r=2,minItemSize:o}=e,a=P(e,v);return Y.createElement(Mr,Object.assign({css:L({},t,{gridTemplateColumns:`repeat(auto-fit, minmax(${o}, 1fr))`}),gap:r},a))};qr.displayName="Grid";const Ar=qe("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});Ar.displayName="Image";const Br=qe("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"}}}}),Hr=Y.forwardRef(((e,t)=>{let{type:r="text",size:o="md"}=e,a=P(e,w);return"number"===r?Y.createElement(Br,Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",size:o},a,{ref:t})):Y.createElement(Br,Object.assign({type:r,size:o},a,{ref:t}))}));Hr.displayName="Input";const Lr=e=>{let{css:t,label:r,name:o,validation:a,prompt:i,description:n}=e,s=P(e,E);const{register:l}=te.useFormContext(),{error:d}=pr(o),c=a?l(a):l;return Y.createElement(tr,{css:t,description:n,error:d,fieldId:o,label:r,prompt:i,required:Boolean(null==a?void 0:a.required)},Y.createElement(Hr,Object.assign({id:o,name:o,ref:c},d&&{state:"error"},s)))};Lr.displayName="InputField";const Pr=qe(Xe,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),Vr=qe("em",{fontStyle:"italic"}),Yr=({node:e,handleNode:t,css:r})=>{var o;const{as:a,size:i}=(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"}}})(e.depth);return Y.createElement(Et,{as:a,size:i,css:L({color:"inherit"},r)},null==(o=e.children)?void 0:o.map(t))},Gr=qe(Xe,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),Xr=({node:e,css:t})=>Y.createElement(Ar,{src:e.url,alt:e.alt,css:t}),_r=({node:e,handleNode:t,css:r})=>{var o;return Y.createElement(Kt,{css:L({"& p:before, & p:after":{display:"none"}},r),ordered:e.ordered},null==(o=e.children)?void 0:o.map(t))},Ur=({node:e,handleNode:t,css:r})=>{var o;return Y.createElement(Ot,{css:L({color:"inherit"},r)},null==(o=e.children)?void 0:o.map(t))},Kr=qe("strong",{fontWeight:600}),Jr=({css:e})=>Y.createElement(jr,{css:L({width:"100%"},e)}),Qr=qe("div",{}),Zr=(e,t)=>Y.cloneElement(e,{css:L({},t,e.props.css?e.props.css:{})}),eo=e=>{let{children:t}=e,r=P(e,z);return Y.createElement(Qr,Object.assign({},r),Y.Children.map(t,(e=>{if(!Y.isValidElement(e))return e;const t=null==e?void 0:e.type;return t===Et||t===Yr?Zr(e,{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}}):t===Ot||t===Ur||t===Kt||t===_r?Zr(e,{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}}):t===jr||t===Jr?Zr(e,{my:"$5"}):t===Ar||t===Xr?Zr(e,{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}):e})))};eo.displayName="StackContent";const to={code:({node:e})=>Y.createElement(Pr,{as:"pre"},e.value),emphasis:({node:e,handleNode:t})=>{var r;return Y.createElement(Vr,null,null==(r=e.children)?void 0:r.map(t))},heading:Yr,inlineCode:({node:e})=>Y.createElement(Gr,{as:"code"},e.value),image:Xr,link:({node:e,handleNode:t})=>{var r;return Y.createElement(Qt,{title:e.title,href:e.url},null==(r=e.children)?void 0:r.map(t))},list:_r,listItem:({node:e,handleNode:t})=>{var r;return Y.createElement(Kt.Item,null,null==(r=e.children)?void 0:r.map(t))},paragraph:Ur,strong:({node:e,handleNode:t})=>{var r;return Y.createElement(Kr,null,null==(r=e.children)?void 0:r.map(t))},text:({node:e})=>e.value,thematicBreak:Jr},ro=e=>{var t;if(null!=(t=e.position)&&t.start){var r;const{line:t,column:o,offset:a}=null==(r=e.position)?void 0:r.start;return`${e.type}${t}${o}${a}`}return`${e.type}${+new Date}`},oo=({content:e,customComponents:t={},css:r})=>{const o=ke.default(e,{extensions:[Se.default()],mdastExtensions:[Ce.default.fromMarkdown]}),a=L({},to,t),i=e=>{const t=a[e.type];return t?Y.createElement(t,{key:ro(e),node:e,handleNode:i}):null};return Y.createElement(eo,{css:r},o.children.map(i))};oo.displayName="MarkdownContent";const ao=Y.forwardRef(((e,t)=>{let{css:r,hidePasswordText:o="Hide password",showPasswordText:a="Show password"}=e,i=P(e,C);const[n,s]=Y.useState(!1);return Y.createElement(Xe,{css:L({position:"relative"},r)},Y.createElement(Hr,Object.assign({},i,{type:n?"text":"password",ref:t,css:{pr:"$sizes$2"}})),Y.createElement(Ge,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:n?o:a,onClick:()=>s((e=>!e)),onMouseDown:e=>e.preventDefault(),size:"lg"},Y.createElement(He,{is:n?Z.Eye:Z.EyeCrossed,css:{size:20}})))}));ao.displayName="PasswordInput";const io=e=>{let{css:t={},label:r="Password",name:o,prompt:a,description:i,validation:n}=e,s=P(e,k);const{register:l}=te.useFormContext(),{error:d}=pr(o),c=n?l(n):l;return Y.createElement(tr,{css:L({},t,{position:"relative"}),description:i,error:d,fieldId:o,label:r,prompt:a,required:Boolean(null==n?void 0:n.required)},Y.createElement(ao,Object.assign({autoComplete:"current-password",name:o,id:o,ref:c},s)))};io.displayName="PasswordField";const no=qe(me.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:et},'&[data-side="right"]':{animationName:tt},'&[data-side="bottom"]':{animationName:Qe},'&[data-side="left"]':{animationName:Ze}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),so=qe(me.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}});qe(me.Root,{});const lo=e=>Y.createElement(me.Root,Object.assign({},e));lo.Content=e=>{let{children:t,side:r="top",sideOffset:o=8,closePopoverText:a="Close popover",size:i="md"}=e,n=P(e,S);return Y.createElement(no,Object.assign({size:i,side:r,sideOffset:o},n),Y.createElement(Ge,{as:me.Close,css:{position:"absolute",right:"$0",top:"$0"},label:a,size:"lg",theme:"neutral"},Y.createElement(He,{is:Z.Close})),t,Y.createElement(so,{width:16,height:8}))},lo.Trigger=me.Trigger,lo.displayName="Popover";const co=qe(pe.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"}}}}),mo=qe(pe.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),po=e=>{let{value:t,theme:r="primary"}=e,o=P(e,O);return Y.createElement(co,Object.assign({theme:r},o),Y.createElement(mo,{style:{width:`${t}%`}}))};po.displayName="ProgressBar";const uo=qe(re.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"}}}}),ho=qe("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"}}]}),go=qe(re.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),bo=e=>{let{children:t,isFullWidth:r=!1,size:o="md",align:a="left"}=e,i=P(e,j);return Y.createElement(uo,Object.assign({},i,{align:a,isFullWidth:r,size:o}),Y.createElement(ho,{align:a,containerIsFullWidth:r},Y.createElement(go,null)),Y.createElement(Xe,null,t))},$o=e=>{let{css:t,label:r,value:o}=e,a=P(e,R);return Y.createElement(nr,{css:t,label:r},Y.createElement(ar,Object.assign({value:o},a)))};$o.displayName="RadioField";const fo=qe("fieldset",{all:"unset"}),xo=({children:e,css:t,direction:r="column",defaultValue:o,description:a,label:i,name:n,validation:s})=>{const{control:l}=te.useFormContext(),{error:d}=pr(n);return Y.createElement(fo,{css:t},Y.createElement(Xt,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(null==s?void 0:s.required)},i),a&&Y.createElement(er,{css:{mb:"$3"}},a),Y.createElement(te.Controller,{control:l,name:n,rules:s,defaultValue:o,render:({onChange:t,value:a})=>Y.createElement(ir,{direction:r,defaultValue:o,onValueChange:t,value:a},e)}),d&&Y.createElement(Zt,{css:{mt:"$2"}},d))};xo.Item=$o,xo.displayName="RadioButtonField";const yo=e=>{let{size:t,css:r}=e,o=P(e,N);return Y.createElement(Xe,{css:L({position:"relative"},r)},Y.createElement(Y.Fragment,null,Y.createElement(He,{is:Z.Search,css:{color:"$tonal300",pointerEvents:"none",position:"absolute",size:"sm"===t?"$1":20,top:"sm"===t?"$2":10,left:"sm"===t?"$2":10}}),Y.createElement(Hr,Object.assign({size:t,css:{pl:"sm"===t?"$5":"$6"}},o,{type:"search"}))))};yo.displayName="SearchInput";const vo=qe("select",{appearance:"none",backgroundColor:"white",backgroundImage:Je(Ae.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"}}}}),wo=Y.forwardRef(((e,t)=>{let{placeholder:r,children:o,size:a="md"}=e,i=P(e,T);return Y.createElement(vo,Object.assign({size:a,defaultValue:""},i,{ref:t}),r&&Y.createElement("option",{disabled:!0,hidden:!0,value:""},r),o)}));wo.displayName="Select";const Eo=e=>{let{css:t,children:r,name:o,label:a,validation:i,prompt:n,description:s}=e,l=P(e,D);const{register:d}=te.useFormContext(),{error:c}=pr(o),m=i?d(i):d;return Y.createElement(tr,{css:t,description:s,error:c,fieldId:o,label:a,prompt:n,required:Boolean(null==i?void 0:i.required)},Y.createElement(wo,Object.assign({name:o,id:o},l,{ref:m},c&&{state:"error"}),r))};Eo.displayName="SelectField";const zo=qe(ue.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"}}),Co=qe(ue.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),ko=e=>Y.createElement(zo,Object.assign({},e),Y.createElement(Co,null));ko.displayName="Switch";const So=qe("tbody",{});So.displayName="TableBody";const Oo=qe("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","tr:nth-child(even) &":{bg:"$tonal50"}});Oo.displayName="TableCell";const jo=qe("tfoot",{});jo.displayName="TableFooter";const Fo=qe("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Fo.displayName="TableFooterCell";const Ro=qe("thead",{});Ro.displayName="TableHeader";const No=qe("th",{bg:"$primaryDark",color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-of-type":{borderTopLeftRadius:"$0",borderBottomLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0",borderBottomRightRadius:"$0"}});No.displayName="TableHeaderCell";const To=qe("tr",{});To.displayName="TableRow";const Do=qe("table",{borderCollapse:"collapse",fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${Oo}`]:{height:"$4"}},lg:{[`${Oo}`]:{height:"$5"}}}}}),Io=e=>{let{size:t="md"}=e,r=P(e,I);return Y.createElement(Do,Object.assign({size:t},r))};Io.Body=So,Io.Cell=Oo,Io.Footer=jo,Io.FooterCell=Fo,Io.Header=Ro,Io.HeaderCell=No,Io.Row=To,Io.displayName="Table";const Wo=qe(he.Trigger,{color:"$secondary",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",userSelect:"none","&:hover":{color:"$primary"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal300",cursor:"default"},'&[data-state="active"]':{color:"$primary",fontWeight:"bold",boxShadow:"inset 0 -3px 0 0 currentColor"}}),Mo=e=>{let{children:t,disabled:r=!1,css:o}=e,a=P(e,W);return Y.createElement(Wo,Object.assign({css:o,disabled:r},a),t)};Mo.displayName="TabTrigger";const qo=qe(he.Root,{display:"flex",flexDirection:"column"}),Ao=qe(he.Content,{flexGrow:1}),Bo=qe(he.List,{flexShrink:0,display:"flex",borderBottom:"1px solid $primaryDark"}),Ho=e=>{let{children:t}=e,r=P(e,M);return Y.createElement(qo,Object.assign({},r),t)};Ho.TriggerList=Bo,Ho.Trigger=Mo,Ho.Content=Ao,Ho.displayName="Tabs";const Lo=qe("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"}}}}),Po=Y.forwardRef(((e,t)=>Y.createElement(Lo,Object.assign({},e,{ref:t}))));Po.displayName="Textarea";const Vo=e=>{let{css:t,label:r,name:o,validation:a,prompt:i,description:n}=e,s=P(e,q);const{register:l}=te.useFormContext(),{error:d}=pr(o),c=a?l(a):l;return Y.createElement(tr,{css:t,description:n,error:d,fieldId:o,label:r,prompt:i,required:Boolean(null==a?void 0:a.required)},Y.createElement(Po,Object.assign({id:o,name:o,ref:c},d&&{state:"error"},s)))};Vo.displayName="TextareaField";const Yo=qe("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${Me({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}})} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${Me({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}})} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),Go=qe("div",{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:400},"@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"}}}}),Xo=Y.memo((({ariaLive:e,height:t,id:r,message:o,role:a,type:i="blank",visible:n,calculateOffset:s,updateHeight:l})=>{const d=s(r,{reverseOrder:!0,margin:8});return Y.createElement(Yo,{visible:n},Y.createElement(Go,{ref:e=>{e&&void 0===t&&l(r,e.getBoundingClientRect().height)},status:i,role:a,"aria-live":e,style:{transform:`translateY(${d}px)`}},"error"===i&&Y.createElement(He,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:Z.Error}),Y.createElement(Ot,{css:{color:"inherit"}},o),"loading"===i?Y.createElement(pt,{css:{flex:"0 0 auto",ml:"auto"}}):Y.createElement(Ge,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>ge.toast.dismiss(r)},Y.createElement(He,{is:Z.Close}))))})),_o=qe("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:2147483647,"@sm":{top:"$3",right:"auto",left:"calc(50% - 200px)"}}),Uo=({children:e})=>{const{toasts:t,handlers:r}=ge.useToaster(),{startPause:o,endPause:a,calculateOffset:i,updateHeight:n}=r;return Y.createElement(Y.Fragment,null,Y.createElement(_o,{onMouseEnter:o,onMouseLeave:a},t.map((e=>Y.createElement(Xo,Object.assign({key:e.id,calculateOffset:i,updateHeight:n},e))))),e)};Uo.displayName="ToastProvider";const Ko=qe(be.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:et},'&[data-side="right"]':{animationName:tt},'&[data-side="bottom"]':{animationName:Qe},'&[data-side="left"]':{animationName:Ze}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),Jo=qe(be.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),Qo=e=>{let{children:t,delayDuration:r=350}=e,o=P(e,B);return Y.createElement(be.Root,Object.assign({delayDuration:r},o),t)};Qo.Content=e=>{let{children:t,side:r="top",sideOffset:o=4,size:a="md"}=e,i=P(e,A);return Y.createElement(Ko,Object.assign({side:r,sideOffset:o,size:a},i),t,Y.createElement(Jo,null))},Qo.Trigger=qe(be.Trigger,{}),Qo.displayName="Tooltip";const Zo=qe(je.default,{}),ea=e=>{let{id:t,ratio:r=9/16,css:o}=e,a=P(e,H);return Y.createElement(_e,{css:o},Y.createElement(Xe,{css:{borderRadius:"$0",position:"relative",paddingTop:100*r+"%",overflow:"hidden",height:0,width:"100%"}},Y.createElement(Zo,Object.assign({},a,{role:"figure",url:`https://player.vimeo.com/video/${t}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0}}))))};ea.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return Oe.default}}),exports.ActionIcon=Ge,exports.AlertDialog=dt,exports.AlertProvider=({children:e})=>{const[t,r]=Y.useReducer(Rt,Ft),o=(()=>{const e=Y.useRef();return Y.useEffect((()=>(e.current=!0,()=>{e.current=!1}))),e})();return Y.createElement(Nt.Provider,{value:{showAlert:e=>r({payload:e,type:"ADD"})}},Boolean(t.length)&&Y.createElement(jt,Object.assign({},t[0],{key:t[0].id,onClose:()=>{o.current&&r({payload:t[0].id,type:"REMOVE"})}})),e)},exports.Box=Xe,exports.Button=vt,exports.Carousel=At,exports.Checkbox=Lt,exports.CheckboxField=hr,exports.Combobox=yr,exports.Dialog=Sr,exports.Divider=jr,exports.DropdownMenu=Wr,exports.FieldWrapper=tr,exports.Flex=ct,exports.Form=mr,exports.Grid=qr,exports.Heading=Et,exports.Icon=He,exports.Image=Ar,exports.InlineFieldWrapper=nr,exports.Input=Hr,exports.InputField=Lr,exports.Label=Xt,exports.Link=Qt,exports.List=Kt,exports.Loader=pt,exports.MarkdownContent=oo,exports.PasswordField=io,exports.PasswordInput=ao,exports.Popover=lo,exports.ProgressBar=po,exports.RadioButton=ar,exports.RadioButtonField=xo,exports.RadioButtonGroup=ir,exports.RadioCard=bo,exports.RadioCardGroup=e=>{let{css:t,children:r,size:o,isFullWidth:a,align:i,gap:n="3",justify:s}=e,l=P(e,F);return Y.createElement(re.Root,Object.assign({},l),Y.createElement(Ct,{direction:"row",justify:s,gap:n,css:t},Y.Children.map(r,(e=>Y.isValidElement(e)&&(null==e?void 0:e.type)===bo?Y.cloneElement(e,{size:o,isFullWidth:a,align:i}):e))))},exports.SearchInput=yo,exports.Select=wo,exports.SelectField=Eo,exports.Stack=Ct,exports.StackContent=eo,exports.StyledButton=ht,exports.StyledLink=Jt,exports.Switch=ko,exports.Table=Io,exports.Tabs=Ho,exports.Text=Ot,exports.Textarea=Po,exports.TextareaField=Vo,exports.ToastProvider=Uo,exports.Tooltip=Qo,exports.ValidationError=Zt,exports.Video=ea,exports.createTheme=Ie,exports.css=Te,exports.getCssText=De,exports.globalCss=We,exports.keyframes=Me,exports.media=Re,exports.styled=qe,exports.theme=Ae,exports.useAlert=()=>{const e=Y.useContext(Nt);if(void 0===e)throw new Error("useAlert must be used within a AlertProvider");return e},exports.utils=Fe;

package/dist/index.js

@@ -1 +1 @@
-export{AlertDialog}from"./components/alert-dialog/AlertDialog.js";export{AlertProvider,useAlert}from"./components/alert-dialog/alert-context/AlertContext.js";export{Box}from"./components/box/Box.js";export{Button,StyledButton}from"./components/button/Button.js";export{Carousel}from"./components/carousel/Carousel.js";export{Checkbox}from"./components/checkbox/Checkbox.js";export{CheckboxField}from"./components/checkbox-field/CheckboxField.js";export{Combobox}from"./components/combobox/Combobox.js";export{Dialog}from"./components/dialog/Dialog.js";export{Divider}from"./components/divider/Divider.js";export{DropdownMenu}from"./components/dropdown-menu/DropdownMenu.js";export{FieldWrapper}from"./components/field-wrapper/FieldWrapper.js";export{InlineFieldWrapper}from"./components/field-wrapper/InlineFieldWrapper.js";export{Flex}from"./components/flex/Flex.js";export{Form}from"./components/form/Form.js";import"dlv";import"react-hook-form";export{Grid}from"./components/grid/Grid.js";export{Heading}from"./components/heading/Heading.js";export{ActionIcon}from"./components/action-icon/ActionIcon.js";export{Icon}from"./components/icon/Icon.js";export{Image}from"./components/image/Image.js";export{Input}from"./components/input/Input.js";export{InputField}from"./components/input-field/InputField.js";export{Label}from"./components/label/Label.js";export{Link,StyledLink}from"./components/link/Link.js";export{List}from"./components/list/List.js";export{Loader}from"./components/loader/Loader.js";export{PasswordField}from"./components/password-field/PasswordField.js";export{PasswordInput}from"./components/password-input/PasswordInput.js";export{Popover}from"./components/popover/Popover.js";export{ProgressBar}from"./components/progress-bar/ProgressBar.js";export{RadioButton}from"./components/radio/RadioButton.js";export{RadioButtonGroup}from"./components/radio/RadioButtonGroup.js";export{RadioGroupField}from"./components/radio-field/RadioGroupField.js";export{MarkdownContent}from"./components/markdown-content/MarkdownContent.js";export{SearchInput}from"./components/search-input/SearchInput.js";export{Select}from"./components/select/Select.js";export{SelectField}from"./components/select-field/SelectField.js";export{Stack}from"./components/stack/Stack.js";export{StackContent}from"./components/stack-content/StackContent.js";export{Switch}from"./components/switch/Switch.js";export{Table}from"./components/table/Table.js";export{Tabs}from"./components/tabs/Tabs.js";export{Text}from"./components/text/Text.js";export{Textarea}from"./components/textarea/Textarea.js";export{TextareaField}from"./components/textarea-field/TextareaField.js";export{ToastProvider}from"./components/toast/ToastProvider.js";export{Tooltip}from"./components/tooltip/Tooltip.js";export{ValidationError}from"./components/validation-error/ValidationError.js";export{Video}from"./components/video/Video.js";export{createTheme,css,getCssText,globalCss,keyframes,media,styled,theme,utils}from"./stitches.js";export{default as toast}from"react-hot-toast";
+export{ActionIcon}from"./components/action-icon/ActionIcon.js";export{AlertDialog}from"./components/alert-dialog/AlertDialog.js";export{AlertProvider,useAlert}from"./components/alert-dialog/alert-context/AlertContext.js";export{Box}from"./components/box/Box.js";export{Button,StyledButton}from"./components/button/Button.js";export{Carousel}from"./components/carousel/Carousel.js";export{Checkbox}from"./components/checkbox/Checkbox.js";export{CheckboxField}from"./components/checkbox-field/CheckboxField.js";export{Combobox}from"./components/combobox/Combobox.js";export{Dialog}from"./components/dialog/Dialog.js";export{Divider}from"./components/divider/Divider.js";export{DropdownMenu}from"./components/dropdown-menu/DropdownMenu.js";export{FieldWrapper}from"./components/field-wrapper/FieldWrapper.js";export{InlineFieldWrapper}from"./components/field-wrapper/InlineFieldWrapper.js";export{Flex}from"./components/flex/Flex.js";export{Form}from"./components/form/Form.js";import"dlv";import"react-hook-form";export{Grid}from"./components/grid/Grid.js";export{Heading}from"./components/heading/Heading.js";export{Icon}from"./components/icon/Icon.js";export{Image}from"./components/image/Image.js";export{Input}from"./components/input/Input.js";export{InputField}from"./components/input-field/InputField.js";export{Label}from"./components/label/Label.js";export{Link,StyledLink}from"./components/link/Link.js";export{List}from"./components/list/List.js";export{Loader}from"./components/loader/Loader.js";export{MarkdownContent}from"./components/markdown-content/MarkdownContent.js";export{PasswordField}from"./components/password-field/PasswordField.js";export{PasswordInput}from"./components/password-input/PasswordInput.js";export{Popover}from"./components/popover/Popover.js";export{ProgressBar}from"./components/progress-bar/ProgressBar.js";export{RadioButton}from"./components/radio-button/RadioButton.js";export{RadioButtonGroup}from"./components/radio-button/RadioButtonGroup.js";export{RadioCard}from"./components/radio-card/RadioCard.js";export{RadioCardGroup}from"./components/radio-card/RadioCardGroup.js";export{RadioButtonField}from"./components/radio-button-field/RadioButtonField.js";export{SearchInput}from"./components/search-input/SearchInput.js";export{Select}from"./components/select/Select.js";export{SelectField}from"./components/select-field/SelectField.js";export{Stack}from"./components/stack/Stack.js";export{StackContent}from"./components/stack-content/StackContent.js";export{Switch}from"./components/switch/Switch.js";export{Table}from"./components/table/Table.js";export{Tabs}from"./components/tabs/Tabs.js";export{Text}from"./components/text/Text.js";export{Textarea}from"./components/textarea/Textarea.js";export{TextareaField}from"./components/textarea-field/TextareaField.js";export{ToastProvider}from"./components/toast/ToastProvider.js";export{Tooltip}from"./components/tooltip/Tooltip.js";export{ValidationError}from"./components/validation-error/ValidationError.js";export{Video}from"./components/video/Video.js";export{createTheme,css,getCssText,globalCss,keyframes,media,styled,theme,utils}from"./stitches.js";export{default as toast}from"react-hot-toast";