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