@hope-ui/solid/dist/index.cjs

The SolidJS component library you've hoped for.

"use strict";var du=Object.defineProperty,uu=Object.defineProperties;var gu=Object.getOwnPropertyDescriptors;var Zr=Object.getOwnPropertySymbols;var pu=Object.prototype.hasOwnProperty,fu=Object.prototype.propertyIsEnumerable;var Qr=(e,t,r)=>t in e?du(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,A=(e,t)=>{for(var r in t||(t={}))pu.call(t,r)&&Qr(e,r,t[r]);if(Zr)for(var r of Zr(t))fu.call(t,r)&&Qr(e,r,t[r]);return e},pe=(e,t)=>uu(e,gu(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var s=require("solid-js/web"),i=require("solid-js"),re=require("solid-js/store"),Jr=require("@stitches/core"),hu=require("lodash.merge"),we=require("solid-transition-group"),po=require("focus-trap"),at=require("scroll-lock"),G=require("@floating-ui/dom");function mu(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var Gr=mu(hu);const bu=!1;function fo(e){return typeof e=="number"}function Qe(e){return Array.isArray(e)}function ft(e){const t=typeof e;return e!=null&&(t==="object"||t==="function")&&!Qe(e)}function ne(e){return typeof e=="function"}function er(e){return e==null}function ho(e){return Object.prototype.toString.call(e)==="[object String]"}function Cu(e){return typeof e=="undefined"||e===void 0}function Zt(){}function vu(e){return e}function mo(e,t){return ft(e)?Object.keys(e).reduce((r,o)=>(r[o]=t(e[o]),r),{}):e!=null?t(e):null}function te(e,t){return e&&(ne(e)?e(t):e[0](e[1],t)),t==null?void 0:t.defaultPrevented}function ae(...e){return function(t){e.some(r=>te(r,t))}}function bo(e){return Array(e).fill(1).map((t,r)=>r+1)}const Co={classList:{add:Zt,remove:Zt}},vo=()=>typeof Storage!="undefined",So="hope-ui-color-mode",Je={light:"hope-ui-light",dark:"hope-ui-dark"};function Su(){if(!vo())return null;try{return localStorage.getItem(So)}catch{return null}}function yo(e){if(!!vo())try{localStorage.setItem(So,e)}catch{}}function $o(e){const t=Su();return t||(e==="system"?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e)}function xo(e){return e?Je.dark:Je.light}function wo(e){const t=s.isServer?Co:document.body;t.classList.add(xo(e)),t.classList.remove(e?Je.light:Je.dark)}const Po={px:"1px","0_5":"0.125rem","1":"0.25rem","1_5":"0.375rem","2":"0.5rem","2_5":"0.625rem","3":"0.75rem","3_5":"0.875rem","4":"1rem","5":"1.25rem","6":"1.5rem","7":"1.75rem","8":"2rem","9":"2.25rem","10":"2.5rem","12":"3rem","14":"3.5rem","16":"4rem","20":"5rem","24":"6rem","28":"7rem","32":"8rem","36":"9rem","40":"10rem","44":"11rem","48":"12rem","52":"13rem","56":"14rem","60":"15rem","64":"16rem","72":"18rem","80":"20rem","96":"24rem"},tt=pe(A({},Po),{prose:"65ch",max:"max-content",min:"min-content",full:"100%",screenW:"100vw",screenH:"100vh",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem","8xl":"90rem",containerSm:"640px",containerMd:"768px",containerLg:"1024px",containerXl:"1280px",container2xl:"1536px"}),yu={sm:`(min-width: ${tt.containerSm})`,md:`(min-width: ${tt.containerMd})`,lg:`(min-width: ${tt.containerLg})`,xl:`(min-width: ${tt.containerXl})`,"2xl":`(min-width: ${tt.container2xl})`,"reduce-motion":"(prefers-reduced-motion: reduce)",light:"(prefers-color-scheme: light)",dark:"(prefers-color-scheme: dark)"},$u={bg:e=>({background:e}),bgColor:e=>({backgroundColor:e})},xu={borderX:e=>({borderLeft:e,borderRight:e}),borderY:e=>({borderTop:e,borderBottom:e})},wu={d:e=>({display:e})},Pu={m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),marginStart:e=>({marginInlineStart:e}),ms:e=>({marginInlineStart:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),marginEnd:e=>({marginInlineEnd:e}),me:e=>({marginInlineEnd:e}),mx:e=>({marginInlineStart:e,marginInlineEnd:e}),my:e=>({marginTop:e,marginBottom:e}),spaceX:e=>({"& > * + *":{marginLeft:e}}),spaceY:e=>({"& > * + *":{marginTop:e}})},_u={p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),paddingStart:e=>({paddingInlineStart:e}),ps:e=>({paddingInlineStart:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),pe:e=>({paddingInlineEnd:e}),paddingEnd:e=>({paddingInlineEnd:e}),px:e=>({paddingInlineStart:e,paddingInlineEnd:e}),py:e=>({paddingTop:e,paddingBottom:e})},Iu={pos:e=>({position:e})};function _e(...e){return e.map(t=>`[role=group]${t} &, [data-group]${t} &, .group${t} &`).join(", ")}function ye(...e){return e.map(t=>`[data-peer]${t} ~ &, .peer${t} ~ &`).join(", ")}const ku={_hover:e=>({"&:hover, &[data-hover]":e}),_active:e=>({"&:active, &[data-active]":e}),_focus:e=>({"&:focus, &[data-focus]":e}),_highlighted:e=>({"&[data-highlighted]":e}),_focusWithin:e=>({"&:focus-within":e}),_focusVisible:e=>({"&:focus-visible":e}),_disabled:e=>({"&[disabled], &[aria-disabled=true], &[data-disabled]":e}),_readOnly:e=>({"&[aria-readonly=true], &[readonly], &[data-readonly]":e}),_before:e=>({"&::before":e}),_after:e=>({"&::after":e}),_empty:e=>({"&:empty":e}),_expanded:e=>({"&[aria-expanded=true], &[data-expanded]":e}),_checked:e=>({"&[aria-checked=true], &[data-checked]":e}),_grabbed:e=>({"&[aria-grabbed=true], &[data-grabbed]":e}),_pressed:e=>({"&[aria-pressed=true], &[data-pressed]":e}),_invalid:e=>({"&[aria-invalid=true], &[data-invalid]":e}),_valid:e=>({"&[data-valid], &[data-state=valid]":e}),_loading:e=>({"&[data-loading], &[aria-busy=true]":e}),_selected:e=>({"&[aria-selected=true], &[data-selected]":e}),_hidden:e=>({"&[hidden], &[data-hidden]":e}),_even:e=>({"&:nth-of-type(even)":e}),_odd:e=>({"&:nth-of-type(odd)":e}),_first:e=>({"&:first-of-type":e}),_last:e=>({"&:last-of-type":e}),_notFirst:e=>({"&:not(:first-of-type)":e}),_notLast:e=>({"&:not(:last-of-type)":e}),_visited:e=>({"&:visited":e}),_activeLink:e=>({"&[aria-current=page]":e}),_activeStep:e=>({"&[aria-current=step]":e}),_indeterminate:e=>({"&:indeterminate, &[aria-checked=mixed], &[data-indeterminate]":e}),_groupHover:e=>({[_e(":hover","[data-hover]")]:e}),_peerHover:e=>({[ye(":hover","[data-hover]")]:e}),_groupFocus:e=>({[_e(":focus","[data-focus]")]:e}),_peerFocus:e=>({[ye(":focus","[data-focus]")]:e}),_groupFocusVisible:e=>({[_e(":focus-visible")]:e}),_peerFocusVisible:e=>({[ye(":focus-visible")]:e}),_groupActive:e=>({[_e(":active","[data-active]")]:e}),_peerActive:e=>({[ye(":active","[data-active]")]:e}),_groupSelected:e=>({[_e("[aria-selected=true]","[data-selected]")]:e}),_peerSelected:e=>({[ye("[aria-selected=true]","[data-selected]")]:e}),_groupDisabled:e=>({[_e(":disabled","[data-disabled]")]:e}),_peerDisabled:e=>({[ye(":disabled","[data-disabled]")]:e}),_groupInvalid:e=>({[_e(":invalid","[data-invalid]")]:e}),_peerInvalid:e=>({[ye(":invalid","[data-invalid]")]:e}),_groupChecked:e=>({[_e(":checked","[data-checked]")]:e}),_peerChecked:e=>({[ye(":checked","[data-checked]")]:e}),_groupFocusWithin:e=>({[_e(":focus-within")]:e}),_peerFocusWithin:e=>({[ye(":focus-within")]:e}),_peerPlaceholderShown:e=>({[ye(":placeholder-shown")]:e}),_placeholder:e=>({"&::placeholder":e}),_placeholderShown:e=>({"&:placeholder-shown":e}),_fullScreen:e=>({"&:fullscreen":e}),_selection:e=>({"&::selection":e}),_mediaDark:e=>({"@media (prefers-color-scheme: dark)":e}),_mediaReduceMotion:e=>({"@media (prefers-reduced-motion: reduce)":e}),_dark:e=>({".hope-ui-dark &":e}),_light:e=>({".hope-ui-light &":e})},Tu={borderTopRadius:e=>({borderTopLeftRadius:e,borderTopRightRadius:e}),borderRightRadius:e=>({borderTopRightRadius:e,borderBottomRightRadius:e}),borderStartRadius:e=>({borderStartStartRadius:e,borderEndStartRadius:e}),borderBottomRadius:e=>({borderBottomLeftRadius:e,borderBottomRightRadius:e}),borderLeftRadius:e=>({borderTopLeftRadius:e,borderBottomLeftRadius:e}),borderEndRadius:e=>({borderStartEndRadius:e,borderEndEndRadius:e}),rounded:e=>({borderRadius:e}),roundedTop:e=>({borderTopLeftRadius:e,borderTopRightRadius:e}),roundedRight:e=>({borderTopRightRadius:e,borderBottomRightRadius:e}),roundedStart:e=>({borderStartStartRadius:e,borderEndStartRadius:e}),roundedBottom:e=>({borderBottomLeftRadius:e,borderBottomRightRadius:e}),roundedLeft:e=>({borderTopLeftRadius:e,borderBottomLeftRadius:e}),roundedEnd:e=>({borderStartEndRadius:e,borderEndEndRadius:e})},zu={shadow:e=>({boxShadow:e})},Bu={w:e=>({width:e}),minW:e=>({minWidth:e}),maxW:e=>({maxWidth:e}),h:e=>({height:e}),minH:e=>({minHeight:e}),maxH:e=>({maxHeight:e}),boxSize:e=>({width:e,height:e})},Au={noOfLines:e=>({overflow:"hidden",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":e})},Lu=A(A(A(A(A(A(A(A(A(A(A({},$u),xu),wu),Iu),ku),Tu),Pu),_u),zu),Bu),Au),Hu={blackAlpha1:"#00000003",blackAlpha2:"#00000007",blackAlpha3:"#0000000c",blackAlpha4:"#00000012",blackAlpha5:"#00000017",blackAlpha6:"#0000001d",blackAlpha7:"#00000024",blackAlpha8:"#00000038",blackAlpha9:"#00000070",blackAlpha10:"#0000007a",blackAlpha11:"#00000090",blackAlpha12:"#000000e8"},Du={whiteAlpha1:"#ffffff00",whiteAlpha2:"#ffffff03",whiteAlpha3:"#ffffff09",whiteAlpha4:"#ffffff0e",whiteAlpha5:"#ffffff16",whiteAlpha6:"#ffffff20",whiteAlpha7:"#ffffff2d",whiteAlpha8:"#ffffff3f",whiteAlpha9:"#ffffff62",whiteAlpha10:"#ffffff72",whiteAlpha11:"#ffffff97",whiteAlpha12:"#ffffffeb"},Eu=A(A({},Hu),Du),Mu={primary1:"#fafdfe",primary2:"#f2fcfd",primary3:"#e7f9fb",primary4:"#d8f3f6",primary5:"#c4eaef",primary6:"#aadee6",primary7:"#84cdda",primary8:"#3db9cf",primary9:"#05a2c2",primary10:"#0894b3",primary11:"#0c7792",primary12:"#04313c"},Ou={accent1:"#fdfcfe",accent2:"#fbfaff",accent3:"#f5f2ff",accent4:"#ede9fe",accent5:"#e4defc",accent6:"#d7cff9",accent7:"#c4b8f3",accent8:"#aa99ec",accent9:"#6e56cf",accent10:"#644fc1",accent11:"#5746af",accent12:"#20134b"},Ru={neutral1:"#fbfcfd",neutral2:"#f8f9fa",neutral3:"#f1f3f5",neutral4:"#eceef0",neutral5:"#e6e8eb",neutral6:"#dfe3e6",neutral7:"#d7dbdf",neutral8:"#c1c8cd",neutral9:"#889096",neutral10:"#7e868c",neutral11:"#687076",neutral12:"#11181c"},Wu={success1:"#fbfefc",success2:"#f2fcf5",success3:"#e9f9ee",success4:"#ddf3e4",success5:"#ccebd7",success6:"#b4dfc4",success7:"#92ceac",success8:"#5bb98c",success9:"#30a46c",success10:"#299764",success11:"#18794e",success12:"#153226"},Fu={info1:"#fbfdff",info2:"#f5faff",info3:"#edf6ff",info4:"#e1f0ff",info5:"#cee7fe",info6:"#b7d9f8",info7:"#96c7f2",info8:"#5eb0ef",info9:"#0091ff",info10:"#0081f1",info11:"#006adc",info12:"#00254d"},Nu={warning1:"#fefdfb",warning2:"#fff9ed",warning3:"#fff4d5",warning4:"#ffecbc",warning5:"#ffe3a2",warning6:"#ffd386",warning7:"#f3ba63",warning8:"#ee9d2b",warning9:"#ffb224",warning10:"#ffa01c",warning11:"#ad5700",warning12:"#4e2009"},Vu={danger1:"#fffcfc",danger2:"#fff8f8",danger3:"#ffefef",danger4:"#ffe5e5",danger5:"#fdd8d8",danger6:"#f9c6c6",danger7:"#f3aeaf",danger8:"#eb9091",danger9:"#e5484d",danger10:"#dc3d43",danger11:"#cd2b31",danger12:"#381316"},qu={loContrast:"white",background:"$loContrast",focusRing:"#96c7f2",closeButtonHoverBackground:"$blackAlpha4",closeButtonActiveBackground:"$blackAlpha5",progressStripe:"$whiteAlpha6"},ju=A(A(A(A(A(A(A(A({},Mu),Ou),Ru),Wu),Fu),Nu),Vu),qu),Ku={primary1:"#07191d",primary2:"#061e24",primary3:"#072830",primary4:"#07303b",primary5:"#073844",primary6:"#064150",primary7:"#045063",primary8:"#00647d",primary9:"#05a2c2",primary10:"#00b1cc",primary11:"#00c2d7",primary12:"#e1f8fa"},Uu={accent1:"#17151f",accent2:"#1c172b",accent3:"#251e40",accent4:"#2c2250",accent5:"#32275f",accent6:"#392c72",accent7:"#443592",accent8:"#5842c3",accent9:"#6e56cf",accent10:"#7c66dc",accent11:"#9e8cfc",accent12:"#f1eefe"},Xu={neutral1:"#151718",neutral2:"#1a1d1e",neutral3:"#202425",neutral4:"#26292b",neutral5:"#2b2f31",neutral6:"#313538",neutral7:"#3a3f42",neutral8:"#4c5155",neutral9:"#697177",neutral10:"#787f85",neutral11:"#9ba1a6",neutral12:"#ecedee"},Yu={success1:"#0d1912",success2:"#0c1f17",success3:"#0f291e",success4:"#113123",success5:"#133929",success6:"#164430",success7:"#1b543a",success8:"#236e4a",success9:"#30a46c",success10:"#3cb179",success11:"#4cc38a",success12:"#e5fbeb"},Zu={info1:"#0f1720",info2:"#0f1b2d",info3:"#10243e",info4:"#102a4c",info5:"#0f3058",info6:"#0d3868",info7:"#0a4481",info8:"#0954a5",info9:"#0091ff",info10:"#369eff",info11:"#52a9ff",info12:"#eaf6ff"},Qu={warning1:"#1f1300",warning2:"#271700",warning3:"#341c00",warning4:"#3f2200",warning5:"#4a2900",warning6:"#573300",warning7:"#693f05",warning8:"#824e00",warning9:"#ffb224",warning10:"#ffcb47",warning11:"#f1a10d",warning12:"#fef3dd"},Ju={danger1:"#1f1315",danger2:"#291415",danger3:"#3c181a",danger4:"#481a1d",danger5:"#541b1f",danger6:"#671e22",danger7:"#822025",danger8:"#aa2429",danger9:"#e5484d",danger10:"#f2555a",danger11:"#ff6369",danger12:"#feecee"},Gu={loContrast:"$neutral1",background:"$loContrast",focusRing:"#0a4481",closeButtonHoverBackground:"$whiteAlpha4",closeButtonActiveBackground:"$whiteAlpha5",progressStripe:"$blackAlpha6"},eg=A(A(A(A(A(A(A(A({},Ku),Uu),Xu),Yu),Zu),Qu),Ju),Gu),tg={none:"0",xs:"0.125rem",sm:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},rg={none:"0 0 #0000",xs:"0 1px 2px 0 rgb(0 0 0 / 0.05)",sm:"0 1px 3px 0 rgb(0 0 0 / 0.09), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.09), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.09), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.09), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.24)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.06)",outline:"0 0 0 3px $colors$focusRing"},og={lg:"rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"},ng={sans:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol","Noto Color Emoji"',serif:'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',mono:'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'},sg={"2xs":"0.625rem",xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},ag={hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},ig={normal:"normal",none:1,shorter:1.25,short:1.375,base:1.5,tall:1.625,taller:2,"3":".75rem","4":"1rem","5":"1.25rem","6":"1.5rem","7":"1.75rem","8":"2rem","9":"2.25rem","10":"2.5rem"},lg={tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},cg={hide:-1,auto:"auto",base:0,docked:10,sticky:1e3,banner:1100,overlay:1200,modal:1300,dropdown:1400,popover:1500,tooltip:1600,skipLink:1700,notification:1800},dg={colors:A(A({},Eu),ju),space:Po,sizes:tt,fonts:ng,fontSizes:sg,fontWeights:ag,letterSpacings:lg,lineHeights:ig,radii:tg,shadows:rg,zIndices:cg},ug={colors:eg,shadows:og},{theme:_o,css:y,globalCss:Te,config:gg,createTheme:Io,getCssText:pg,keyframes:Ge}=Jr.createStitches({prefix:"hope",themeMap:pe(A({},Jr.defaultThemeMap),{borderWidth:"sizes",borderTopWidth:"sizes",borderRightWidth:"sizes",borderBottomWidth:"sizes",borderLeftWidth:"sizes",strokeWidth:"sizes"}),theme:dg,media:yu,utils:Lu}),oe={fade:"hope-modal-fade-transition",fadeInBottom:"hope-modal-fade-in-bottom-transition",scale:"hope-modal-scale-transition"},ko=Te({[`.${oe.fade}-enter, .${oe.fade}-exit-to`]:{opacity:0},[`.${oe.fade}-enter-to, .${oe.fade}-exit`]:{opacity:1},[`.${oe.fade}-enter-active`]:{transition:"opacity 300ms ease-out"},[`.${oe.fade}-exit-active`]:{transition:"opacity 200ms ease-in"},[`.${oe.fadeInBottom}-enter, .${oe.fadeInBottom}-exit-to`]:{opacity:0,transform:"translateY(16px)"},[`.${oe.fadeInBottom}-enter-to, .${oe.fadeInBottom}-exit`]:{opacity:1,transform:"translateY(0)"},[`.${oe.fadeInBottom}-enter-active`]:{transitionProperty:"opacity, transform",transitionDuration:"300ms",transitionTimingFunction:"ease-out"},[`.${oe.fadeInBottom}-exit-active`]:{transitionProperty:"opacity, transform",transitionDuration:"200ms",transitionTimingFunction:"ease-in"},[`.${oe.scale}-enter, .${oe.scale}-exit-to`]:{opacity:0,transform:"scale(0.95)"},[`.${oe.scale}-enter-to, .${oe.scale}-exit`]:{opacity:1,transform:"scale(1)"},[`.${oe.scale}-enter-active`]:{transitionProperty:"opacity, transform",transitionDuration:"300ms",transitionTimingFunction:"ease-out"},[`.${oe.scale}-exit-active`]:{transitionProperty:"opacity, transform",transitionDuration:"200ms",transitionTimingFunction:"ease-in"}}),tr=y({zIndex:"$overlay",position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"hsl(0 0% 0% / 65%)"}),rr=y({zIndex:"$modal",position:"fixed",top:0,left:0,display:"flex",width:"100vw",height:"100vh","@supports(height: -webkit-fill-available)":{height:"-webkit-fill-available"},outline:"none","&:focus":{outline:"none"}}),To=y(rr,{justifyContent:"center",variants:{centered:{true:{alignItems:"center"},false:{alignItems:"flex-start"}},scrollBehavior:{inside:{overflow:"hidden"},outside:{overflow:"auto"}}}}),or=y({zIndex:"$modal",position:"relative",display:"flex",flexDirection:"column",width:"100%",outline:"none",boxShadow:"$lg",backgroundColor:"$loContrast",color:"inherit","&:focus":{outline:"none"}}),zo=y(or,{justifyContent:"center",my:"3.75rem",borderRadius:"$sm",variants:{size:{xs:{maxWidth:"$xs"},sm:{maxWidth:"$sm"},md:{maxWidth:"$md"},lg:{maxWidth:"$lg"},xl:{maxWidth:"$xl"},"2xl":{maxWidth:"$2xl"},"3xl":{maxWidth:"$3xl"},"4xl":{maxWidth:"$4xl"},"5xl":{maxWidth:"$5xl"},"6xl":{maxWidth:"$6xl"},"7xl":{maxWidth:"$7xl"},"8xl":{maxWidth:"$8xl"},full:{maxWidth:"100vw",minHeight:"100vh","@supports(min-height: -webkit-fill-available)":{minHeight:"-webkit-fill-available"},my:0,borderRadius:"$none"}},scrollBehavior:{inside:{maxHeight:"calc(100% - 7.5rem)"},outside:{maxHeight:"none"}}}}),Bo=y({flex:0,pt:"$5",px:"$5",pb:"$3",fontSize:"$lg",fontWeight:"$medium"}),Ao=y({flex:1,px:"$5",py:"$2",variants:{scrollBehavior:{inside:{overflow:"auto"},outside:{overflow:void 0}}}}),Lo=y({display:"flex",alignItems:"center",justifyContent:"flex-end",pt:"$3",px:"$5",pb:"$5"}),Ho=y({position:"absolute",top:"$4",insetInlineEnd:"$4"}),X={fade:"hope-drawer-fade-transition",slideInTop:"hope-drawer-slide-in-top-transition",slideInRight:"hope-drawer-slide-in-right-transition",slideInBottom:"hope-drawer-slide-in-bottom-transition",slideInLeft:"hope-drawer-slide-in-left-transition"},Do=Te({[`.${X.fade}-enter, .${X.fade}-exit-to`]:{opacity:0},[`.${X.fade}-enter-to, .${X.fade}-exit`]:{opacity:1},[`.${X.fade}-enter-active, .${X.fade}-exit-active`]:{transition:"opacity 500ms ease-in-out"},[`.${X.slideInTop}-enter-active, .${X.slideInTop}-exit-active,
    .${X.slideInRight}-enter-active, .${X.slideInRight}-exit-active,
    .${X.slideInBottom}-enter-active, .${X.slideInBottom}-exit-active,
    .${X.slideInLeft}-enter-active, .${X.slideInLeft}-exit-active`]:{transition:"transform 500ms ease-in-out"},[`.${X.slideInTop}-enter, .${X.slideInTop}-exit-to`]:{transform:"translateY(-100%)"},[`.${X.slideInTop}-enter-to, .${X.slideInTop}-exit`]:{transform:"translateY(0)"},[`.${X.slideInRight}-enter, .${X.slideInRight}-exit-to`]:{transform:"translateX(100%)"},[`.${X.slideInRight}-enter-to, .${X.slideInRight}-exit`]:{transform:"translateX(0)"},[`.${X.slideInBottom}-enter, .${X.slideInBottom}-exit-to`]:{transform:"translateY(100%)"},[`.${X.slideInBottom}-enter-to, .${X.slideInBottom}-exit`]:{transform:"translateY(0)"},[`.${X.slideInLeft}-enter, .${X.slideInLeft}-exit-to`]:{transform:"translateX(-100%)"},[`.${X.slideInLeft}-enter-to, .${X.slideInLeft}-exit`]:{transform:"translateX(0)"}}),Eo=y(rr,{overflow:"hidden",variants:{placement:{top:{alignItems:"flex-start",justifyContent:"stretch"},right:{alignItems:"stretch",justifyContent:"flex-end"},bottom:{alignItems:"flex-end",justifyContent:"stretch"},left:{alignItems:"stretch",justifyContent:"flex-start"}}}}),Mo=y(or,{maxHeight:"100vh",variants:{size:{xs:{maxWidth:"$xs"},sm:{maxWidth:"$md"},md:{maxWidth:"$lg"},lg:{maxWidth:"$2xl"},xl:{maxWidth:"$4xl"},full:{maxWidth:"100vw",height:"100vh"}},placement:{top:{},right:{},bottom:{},left:{}},fullHeight:{true:{height:"100vh"},false:{}}},compoundVariants:[{placement:"top",size:"xs",css:{maxWidth:"100vw"}},{placement:"top",size:"sm",css:{maxWidth:"100vw"}},{placement:"top",size:"md",css:{maxWidth:"100vw"}},{placement:"top",size:"lg",css:{maxWidth:"100vw"}},{placement:"top",size:"xl",css:{maxWidth:"100vw"}},{placement:"bottom",size:"xs",css:{maxWidth:"100vw"}},{placement:"bottom",size:"sm",css:{maxWidth:"100vw"}},{placement:"bottom",size:"md",css:{maxWidth:"100vw"}},{placement:"bottom",size:"lg",css:{maxWidth:"100vw"}},{placement:"bottom",size:"xl",css:{maxWidth:"100vw"}}]}),ke={scaleTopLeft:"hope-menu-scale-top-left-transition",scaleTopRight:"hope-menu-scale-top-right-transition",scaleBottomLeft:"hope-menu-scale-bottom-left-transition",scaleBottomRight:"hope-menu-scale-bottom-right-transition"};function $t(e,t){return{[`.${e}-enter, .${e}-exit-to`]:{opacity:0,transform:"scale(0.8)"},[`.${e}-enter-to, .${e}-exit`]:{opacity:1,transform:"scale(1)"},[`.${e}-enter-active`]:{transformOrigin:t,transitionProperty:"opacity, transform",transitionDuration:"200ms",transitionTimingFunction:"ease-out"},[`.${e}-exit-active`]:{transformOrigin:t,transitionProperty:"opacity, transform",transitionDuration:"100ms",transitionTimingFunction:"ease-in"}}}const Oo=Te(A(A(A(A({},$t(ke.scaleTopLeft,"top left")),$t(ke.scaleTopRight,"top right")),$t(ke.scaleBottomLeft,"bottom left")),$t(ke.scaleBottomRight,"bottom right"))),Ro=y({appearance:"none",display:"inline-flex",alignItems:"center",outline:"none"}),Wo=y({zIndex:"$dropdown",position:"absolute",left:0,top:"100%",display:"flex",flexDirection:"column",minWidth:"$56",overflowY:"auto",outline:"none",margin:0,boxShadow:"$md",border:"1px solid $colors$neutral7",borderRadius:"$sm",backgroundColor:"$loContrast",px:0,py:"$1","&:focus":{outline:"none"}}),Fo=y({}),No=y({display:"flex",alignItems:"center",mx:"$1",py:"$2",px:"$3",color:"$neutral11",fontSize:"$xs",fontWeight:"$medium",lineHeight:"$4"});function Fe(e){return{color:e.color,["&[data-active]"]:{backgroundColor:e.bgColorActive}}}const Vo=y({position:"relative",display:"flex",alignItems:"center",mx:"$1",borderRadius:"$sm",py:"$2",px:"$3",fontSize:"$base",fontWeight:"$normal",lineHeight:"$6",cursor:"pointer",userSelect:"none",transition:"color 250ms, background-color 250ms","&[data-disabled]":{color:"$neutral8",cursor:"not-allowed"},variants:{colorScheme:{primary:Fe({color:"$primary11",bgColorActive:"$primary3"}),accent:Fe({color:"$accent11",bgColorActive:"$accent3"}),neutral:Fe({color:"$neutral12",bgColorActive:"$neutral4"}),success:Fe({color:"$success11",bgColorActive:"$success3"}),info:Fe({color:"$info11",bgColorActive:"$info3"}),warning:Fe({color:"$warning11",bgColorActive:"$warning3"}),danger:Fe({color:"$danger11",bgColorActive:"$danger3"})}},defaultVariants:{colorScheme:"neutral"}}),qo=y({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0}),jo=y({flexGrow:1}),Ko=y({flexShrink:0,color:"$neutral11",fontSize:"$sm",lineHeight:"$none"}),Tt=Ge({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}}),fg=Ge({from:{opacity:0},to:{opacity:1}}),Ce={slideInTop:"hope-notification-slide-in-top-transition",slideInRight:"hope-notification-slide-in-right-transition",slideInBottom:"hope-notification-slide-in-bottom-transition",slideInLeft:"hope-notification-slide-in-left-transition"};function xt(e){return{[`.${e.name}-enter, .${e.name}-exit-to`]:{opacity:0,transform:e.enterTransform},[`.${e.name}-enter-to, .${e.name}-exit`]:{opacity:1,transform:e.leaveTransform},[`.${e.name}-enter-active`]:{transitionProperty:"opacity, transform",transitionTimingFunction:"cubic-bezier(.51,.3,0,1.21)",transitionDuration:"300ms"},[`.${e.name}-exit-active`]:{transitionProperty:"opacity, transform",transitionTimingFunction:"ease-in",transitionDuration:"200ms"}}}const Uo=Te(A(A(A(A({},xt({name:Ce.slideInTop,enterTransform:"translateY(-100%)",leaveTransform:"translateY(0)"})),xt({name:Ce.slideInRight,enterTransform:"translateX(100%)",leaveTransform:"translateX(0)"})),xt({name:Ce.slideInBottom,enterTransform:"translateY(100%)",leaveTransform:"translateY(0)"})),xt({name:Ce.slideInLeft,enterTransform:"translateX(-100%)",leaveTransform:"translateX(0)"}))),Xo=y({position:"fixed",zIndex:"$notification",display:"flex",flexDirection:"column",alignItems:"flex-end",gap:"$4",width:"calc(100% - 32px)",maxWidth:"$md",variants:{placement:{"top-start":{top:"$4",left:"$4"},top:{top:"$4",left:"50%",transform:"translateX(-50%)"},"top-end":{top:"$4",right:"$4"},"bottom-start":{bottom:"$4",left:"$4"},bottom:{bottom:"$4",left:"50%",transform:"translateX(-50%)"},"bottom-end":{bottom:"$4",right:"$4"}}},defaultVariants:{placement:"top-end"}}),Yo=y({position:"relative",display:"flex",alignItems:"center",width:"100%",maxWidth:"$md",borderRadius:"$sm",border:"1px solid $colors$neutral5",boxShadow:"$lg",backgroundColor:"$loContrast",padding:"$3",fontSize:"$sm",lineHeight:"$5",variants:{status:{success:{},info:{},warning:{},danger:{}}}}),Zo=y({animation:`1s linear infinite ${Tt}`}),Qo=y({flexShrink:0,variants:{status:{success:{color:"$success9"},info:{color:"$info9"},warning:{color:"$warning9"},danger:{color:"$danger9"}}}}),Jo=y({fontWeight:"$medium"}),Go=y({display:"inline-block",color:"$neutral11"}),Ae={scale:"hope-popover-scale-transition"},en=Te({[`.${Ae.scale}-enter, .${Ae.scale}-exit-to`]:{opacity:0,transform:"scale(0.95)"},[`.${Ae.scale}-enter-to, .${Ae.scale}-exit`]:{opacity:1,transform:"scale(1)"},[`.${Ae.scale}-enter-active`]:{transitionProperty:"opacity, transform",transitionDuration:"300ms",transitionTimingFunction:"ease"},[`.${Ae.scale}-exit-active`]:{transitionProperty:"opacity, transform",transitionDuration:"200ms",transitionTimingFunction:"ease-in-out"}}),tn=y({zIndex:"$popover",position:"absolute",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",maxWidth:"$xs",outline:"none",boxShadow:"$md",border:"1px solid $colors$neutral7",borderRadius:"$sm",backgroundColor:"$loContrast",color:"inherit","&:focus":{outline:"none"}}),rn=y({display:"flex",alignItems:"center",flex:0,borderColor:"inherit",borderBottomWidth:"1px",px:"$3",py:"$2",fontSize:"$base",fontWeight:"$medium"}),on=y({flex:1,px:"$3",py:"$2"}),nn=y({display:"flex",alignItems:"center",borderColor:"inherit",borderTopWidth:"1px",px:"$3",py:"$2"}),sn=y({position:"absolute",top:"$2",insetInlineEnd:"$2"}),an=y({zIndex:"$popover",position:"absolute",boxSize:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:"inherit",backgroundColor:"inherit",transform:"rotate(45deg)",variants:{popoverPlacement:{left:{borderLeft:0,borderBottom:0},top:{borderLeft:0,borderTop:0},right:{borderTop:0,borderRight:0},bottom:{borderRight:0,borderBottom:0}}}});function wt(e){return{minHeight:e.minHeight,fontSize:e.fontSize,lineHeight:e.lineHeight}}const xe={xs:wt({fontSize:"$xs",lineHeight:"$4",minHeight:"$6"}),sm:wt({fontSize:"$sm",lineHeight:"$5",minHeight:"$8"}),md:wt({fontSize:"$base",lineHeight:"$6",minHeight:"$10"}),lg:wt({fontSize:"$lg",lineHeight:"$7",minHeight:"$12"})},eo={"&:disabled":{opacity:.4,cursor:"not-allowed"},"&:focus":{boxShadow:"0 0 0 3px $colors$primary5",borderColor:"$primary8"},"&[aria-invalid=true]":{borderColor:"$danger8"},"&[aria-invalid=true]:focus":{boxShadow:"0 0 0 3px $colors$danger5"}},zt=y({appearance:"none",position:"relative",width:"100%",minWidth:0,outline:"none",borderRadius:"$sm",backgroundColor:"transparent",padding:0,color:"$neutral12",fontSize:"$base",lineHeight:"$base",transition:"color 250ms, border-color 250ms, background-color 250ms, box-shadow 250ms","&[readonly]":{boxShadow:"none !important",userSelect:"all",cursor:"default"},"&::placeholder":{color:"$neutral9",opacity:1},variants:{variant:{outline:A({border:"1px solid $neutral7",backgroundColor:"transparent","&:hover":{borderColor:"$neutral8"}},eo),filled:A({border:"1px solid transparent",backgroundColor:"$neutral3","&:hover, &:focus":{backgroundColor:"$neutral4"}},eo),unstyled:{border:"1px solid transparent",backgroundColor:"transparent"}},size:A({},xe)}});function me(e){return[{variant:e.variant,size:e.size,css:{px:e.paddingX}},{withLeftElement:!0,variant:e.variant,size:e.size,css:{paddingInlineStart:e.paddingWithElement}},{withRightElement:!0,variant:e.variant,size:e.size,css:{paddingInlineEnd:e.paddingWithElement}}]}const ln=y(zt,{variants:{withLeftElement:{true:{}},withRightElement:{true:{}},withLeftAddon:{true:{borderLeftRadius:0}},withRightAddon:{true:{borderRightRadius:0}}},compoundVariants:[...me({variant:"outline",size:"xs",paddingX:"$2",paddingWithElement:"$6"}),...me({variant:"outline",size:"sm",paddingX:"$2_5",paddingWithElement:"$8"}),...me({variant:"outline",size:"md",paddingX:"$3",paddingWithElement:"$10"}),...me({variant:"outline",size:"lg",paddingX:"$4",paddingWithElement:"$12"}),...me({variant:"filled",size:"xs",paddingX:"$2",paddingWithElement:"$6"}),...me({variant:"filled",size:"sm",paddingX:"$2_5",paddingWithElement:"$8"}),...me({variant:"filled",size:"md",paddingX:"$3",paddingWithElement:"$10"}),...me({variant:"filled",size:"lg",paddingX:"$4",paddingWithElement:"$12"}),...me({variant:"unstyled",size:"xs",paddingX:0,paddingWithElement:"$6"}),...me({variant:"unstyled",size:"sm",paddingX:0,paddingWithElement:"$8"}),...me({variant:"unstyled",size:"md",paddingX:0,paddingWithElement:"$10"}),...me({variant:"unstyled",size:"lg",paddingX:0,paddingWithElement:"$12"})]}),cn=y({position:"relative",display:"flex",width:"100%"}),dn=y({position:"absolute",top:"0",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center",variants:{placement:{left:{insetInlineStart:"0"},right:{insetInlineEnd:"0"}},size:{xs:pe(A({},xe.xs),{width:xe.xs.minHeight}),sm:pe(A({},xe.sm),{width:xe.sm.minHeight}),md:pe(A({},xe.md),{width:xe.md.minHeight}),lg:pe(A({},xe.lg),{width:xe.lg.minHeight})}}});function be(e){return{variant:e.variant,size:e.size,css:{px:e.paddingX}}}const un=y({display:"flex",alignItems:"center",flex:"0 0 auto",width:"auto",whiteSpace:"nowrap",variants:{placement:{left:{marginEnd:"-1px"},right:{marginStart:"-1px"}},variant:{outline:{borderRadius:"$sm",border:"1px solid $neutral7",backgroundColor:"$neutral3",color:"$neutral12"},filled:{borderRadius:"$sm",border:"1px solid transparent",backgroundColor:"$neutral3",color:"$neutral12"},unstyled:{border:"1px solid transparent",backgroundColor:"transparent"}},size:A({},xe)},compoundVariants:[{variant:"outline",placement:"left",css:{borderRightRadius:0,borderInlineEndColor:"transparent"}},{variant:"outline",placement:"right",css:{borderLeftRadius:0,borderInlineStartColor:"transparent"}},{variant:"filled",placement:"left",css:{borderStartEndRadius:0,borderEndEndRadius:0,borderInlineEndColor:"transparent"}},{variant:"filled",placement:"right",css:{borderStartStartRadius:0,borderEndStartRadius:0,borderInlineStartColor:"transparent"}},be({variant:"outline",size:"xs",paddingX:"$2"}),be({variant:"outline",size:"sm",paddingX:"$2_5"}),be({variant:"outline",size:"md",paddingX:"$3"}),be({variant:"outline",size:"lg",paddingX:"$4"}),be({variant:"filled",size:"xs",paddingX:"$2"}),be({variant:"filled",size:"sm",paddingX:"$2_5"}),be({variant:"filled",size:"md",paddingX:"$3"}),be({variant:"filled",size:"lg",paddingX:"$4"}),be({variant:"unstyled",size:"xs",paddingX:0}),be({variant:"unstyled",size:"sm",paddingX:0}),be({variant:"unstyled",size:"md",paddingX:0}),be({variant:"unstyled",size:"lg",paddingX:0})]}),Le={fadeInTop:"hope-select-fade-in-top-transition"},gn=Te({[`.${Le.fadeInTop}-enter, .${Le.fadeInTop}-exit-to`]:{opacity:0,transform:"translateY(-16px)"},[`.${Le.fadeInTop}-enter-to, .${Le.fadeInTop}-exit`]:{opacity:1,transform:"translateY(0)"},[`.${Le.fadeInTop}-enter-active`]:{transitionProperty:"opacity, transform",transitionDuration:"200ms",transitionTimingFunction:"ease-out"},[`.${Le.fadeInTop}-exit-active`]:{transitionProperty:"opacity, transform",transitionDuration:"100ms",transitionTimingFunction:"ease-in"}});function jt(e,t,r){return Object.entries({xs:{start:t!=null?t:"$2",end:r!=null?r:"$1"},sm:{start:t!=null?t:"$2_5",end:r!=null?r:"$1_5"},md:{start:t!=null?t:"$3",end:r!=null?r:"$2"},lg:{start:t!=null?t:"$4",end:r!=null?r:"$3"}}).map(([o,a])=>({variant:e,size:o,css:{paddingInlineStart:a.start,paddingInlineEnd:a.end}}))}const pn=y(zt,{appearance:"none",display:"inline-flex",alignItems:"center",outline:"none",cursor:"pointer","&:focus":{outline:"none"},compoundVariants:[...jt("outline"),...jt("filled"),...jt("unstyled",0,0)]}),nr=y({flexGrow:1,flexShrink:1,textAlign:"start",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),fn=y({display:"inline-flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap",flexGrow:1,flexShrink:1,variants:{size:{xs:{gap:"$0_5",py:"$0_5"},sm:{gap:"$1",py:"$1"},md:{gap:"$1_5",py:"$1_5"},lg:{gap:"$2",py:"$2"}}}}),hn=y({display:"inline-flex",justifyContent:"center",alignItems:"center",gap:"$0_5",borderRadius:"$sm",py:0,pl:"$2",lineHeight:"$none",variants:{variant:{subtle:{backgroundColor:"$neutral4",color:"$neutral12"},outline:{border:"1px solid $colors$neutral7",backgroundColor:"$loContrast",color:"$neutral12"}},size:{xs:{height:"$4",fontSize:"$2xs"},sm:{height:"$5",fontSize:"$xs"},md:{height:"$6",fontSize:"$sm"},lg:{height:"$7",fontSize:"$base"}}}}),mn=y({appearance:"none",display:"inline-flex",justifyContent:"center",alignItems:"center",height:"100%",outline:"none",borderRightRadius:"$sm",backgroundColor:"transparent",px:"$1",color:"inherit",lineHeight:"$none",textDecoration:"none",cursor:"pointer",userSelect:"none",transition:"color 250ms, background-color 250ms, box-shadow 250ms","&:hover":{backgroundColor:"$neutral7"},"&:focus":{outline:"none",boxShadow:"$outline"}}),bn=y(nr,{color:"$neutral9",opacity:1}),Cn=y({flexGrow:0,flexShrink:0,marginInlineStart:"auto",color:"$neutral11",fontSize:"1.25em",pointerEvents:"none",transition:"transform 250ms",transformOrigin:"center",variants:{opened:{true:{transform:"rotate(-180deg)"}}}}),vn=y({zIndex:"$dropdown",position:"absolute",left:0,top:"100%",display:"flex",flexDirection:"column",width:"100%",overflow:"hidden",margin:0,boxShadow:"$md",border:"1px solid $colors$neutral7",borderRadius:"$sm",backgroundColor:"$loContrast",padding:0}),Sn=y({position:"relative",display:"flex",flexDirection:"column",maxHeight:"$60",width:"100%",overflowY:"auto",margin:0,padding:"$1",listStyle:"none"}),yn=y({}),$n=y({display:"flex",alignItems:"center",py:"$2",px:"$3",color:"$neutral11",fontSize:"$xs",lineHeight:"$4"}),xn=y({position:"relative",display:"flex",alignItems:"center",borderRadius:"$sm",color:"$neutral12",fontSize:"$base",fontWeight:"$normal",lineHeight:"$6",cursor:"pointer",userSelect:"none","&[data-disabled]":{color:"$neutral8",cursor:"not-allowed"},["&[data-active]"]:{backgroundColor:"$neutral4"}}),wn=y({display:"inline-flex",alignItems:"center",py:"$2",paddingInlineStart:"$3",paddingInlineEnd:"$6"}),Pn=y({position:"absolute",top:0,bottom:0,right:0,display:"flex",alignItems:"center",paddingInlineEnd:"$3",color:"$primary10",pointerEvents:"none"}),He={scale:"hope-tooltip-scale-transition"},_n=Te({[`.${He.scale}-enter, .${He.scale}-exit-to`]:{opacity:0,transform:"scale(0.90)"},[`.${He.scale}-enter-to, .${He.scale}-exit`]:{opacity:1,transform:"scale(1)"},[`.${He.scale}-enter-active`]:{transitionProperty:"opacity, transform",transitionDuration:"200ms",transitionTimingFunction:"ease"},[`.${He.scale}-exit-active`]:{transitionProperty:"opacity, transform",transitionDuration:"150ms",transitionTimingFunction:"ease-in-out"}}),In=y({zIndex:"$tooltip",position:"absolute",maxWidth:"$96",boxShadow:"$md",borderRadius:"$sm",backgroundColor:"$neutral12",px:"$2",py:"$1",color:"$neutral1",fontSize:"$sm",fontWeight:"$normal",lineHeight:"$4"}),kn=y({zIndex:"$tooltip",position:"absolute",boxSize:"8px",backgroundColor:"inherit",transform:"rotate(45deg)"}),hg=Te({"*, ::before, ::after":{boxSizing:"border-box",borderWidth:"0",borderStyle:"solid"},"*":{margin:0},"html, body":{height:"100%"},html:{fontFamily:"$sans",lineHeight:"$base",fontSize:"16px"},body:{backgroundColor:"$background",color:"$neutral12",fontFamily:"inherit",lineHeight:"inherit","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",fontWeight:"inherit"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"button, input, textarea, select, optgroup":{fontFamily:"inherit",fontSize:"100%"},"button:focus":{outline:"5px auto -webkit-focus-ring-color"},fieldset:{margin:0,padding:0},"ol, ul":{margin:0,padding:0},a:{backgroundColor:"transparent",color:"inherit",textDecoration:"inherit"}});function to(e,t,r){Object.entries(e).forEach(([o,a])=>{if(ft(a))if(o in r){const n=o;r[n]=A(A({},r[n]),a)}else t[o]=A(A({},t[o]),a);else t[o]=a})}function mg(e,t){const r={},o={"@sm":{},"@md":{},"@lg":{},"@xl":{},"@2xl":{},"@reduce-motion":{},"@light":{},"@dark":{}};return t==null||t.forEach(a=>a&&to(a,r,o)),Object.entries(e).forEach(([a,n])=>{n!=null&&a!=="css"&&(a.startsWith("_")?r[a]=n:ft(n)?Object.keys(n).forEach(l=>{if(l==="@initial")r[a]=n[l];else if(l in o){const c=l;o[c]=pe(A({},o[c]),{[a]:n[c]})}}):r[a]=n)}),e.css&&to(e.css,r,o),A(A({},r),o)}function ro(e,t){const r=e==="dark",o=r?Je.dark:Je.light,a=r?Gr.default({},ug,t):t,n=Io(o,a);return Gr.default({},_o,n)}function sr(e,t){return ft(e)?Object.keys(e).reduce((r,o)=>(r[o]=t(e[o]),r),{}):e!=null?t(e):null}function oo(e){return e.startsWith("$")?`var(--hope-colors-${e.substring(1)})`:e}const Bt=y({position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}),ht=i.createContext();function bg(){Do(),Oo(),ko(),Uo(),en(),gn(),_n()}function Cg(e){var v,I,p,C,x,b,P,w;const t={enableCssReset:!0};e=i.mergeProps(t,e);const r=ro("light",(I=(v=e.config)==null?void 0:v.lightTheme)!=null?I:{}),o=ro("dark",(C=(p=e.config)==null?void 0:p.darkTheme)!=null?C:{}),a=$o((b=(x=e.config)==null?void 0:x.initialColorMode)!=null?b:"light"),n=a==="dark"?o:r,[l,c]=i.createSignal(a),[d,u]=i.createSignal(n),f=()=>l()==="dark",g=z=>{c(z),yo(z)},h=()=>{g(f()?"light":"dark")},m={components:(w=(P=e.config)==null?void 0:P.components)!=null?w:{},theme:d,colorMode:l,setColorMode:g,toggleColorMode:h};return i.createEffect(()=>{u(f()?o:r),wo(f())}),e.enableCssReset&&hg(),bg(),s.createComponent(ht.Provider,{value:m,get children(){return e.children}})}function vg(){const e=i.useContext(ht);if(!e)throw new Error("[Hope UI]: useTheme must be used within a HopeProvider");return e.theme}function _(){const e=i.useContext(ht);if(!e)throw new Error("[Hope UI]: useStyleConfig must be used within a HopeProvider");return e.components}function Tn(){const e=i.useContext(ht);if(!e)throw new Error("[Hope UI]: useColorMode must be used within a HopeProvider");return{colorMode:e.colorMode,setColorMode:e.setColorMode,toggleColorMode:e.toggleColorMode}}function Sg(e,t){const{colorMode:r}=Tn();return()=>r()==="dark"?t:e}function $(e){return`.${e}`}function S(...e){return e.filter(Boolean).join(" ")}function ar(e,t,r){return(e-t)*100/(r-t)}function ct(e,t,r){let o=e+1;return o>t&&(o=r?0:t),o}function dt(e,t,r){let o=e-1;return o<0&&(o=r?t:0),o}const yg={border:!0,borderWidth:!0,borderStyle:!0,borderColor:!0,borderTop:!0,borderTopWidth:!0,borderTopStyle:!0,borderTopColor:!0,borderRight:!0,borderRightWidth:!0,borderRightStyle:!0,borderRightColor:!0,borderBottom:!0,borderBottomWidth:!0,borderBottomStyle:!0,borderBottomColor:!0,borderLeft:!0,borderLeftWidth:!0,borderLeftStyle:!0,borderLeftColor:!0,borderX:!0,borderY:!0},$g={color:!0,background:!0,bg:!0,backgroundColor:!0,bgColor:!0,opacity:!0},xg={css:!0},wg={alignItems:!0,alignContent:!0,alignSelf:!0,justifyItems:!0,justifyContent:!0,justifySelf:!0,flexDirection:!0,flexWrap:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:!0,order:!0},Pg={gridTemplate:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,gridRow:!0,gridRowStart:!0,gridRowEnd:!0,gridColumn:!0,gridColumnStart:!0,gridColumnEnd:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,placeItems:!0,placeContent:!0,placeSelf:!0,gap:!0,rowGap:!0,columnGap:!0},_g={appearance:!0,userSelect:!0,pointerEvents:!0,resize:!0,cursor:!0,outline:!0,outlineOffset:!0,outlineColor:!0},Ig={display:!0,d:!0,verticalAlign:!0,overflow:!0,overflowX:!0,overflowY:!0,objectFit:!0,objectPosition:!0},kg={margin:!0,m:!0,marginTop:!0,mt:!0,marginRight:!0,mr:!0,marginStart:!0,ms:!0,marginBottom:!0,mb:!0,marginLeft:!0,ml:!0,marginEnd:!0,me:!0,mx:!0,my:!0},Tg={padding:!0,p:!0,paddingTop:!0,pt:!0,paddingRight:!0,pr:!0,paddingStart:!0,ps:!0,paddingBottom:!0,pb:!0,paddingLeft:!0,pl:!0,paddingEnd:!0,pe:!0,px:!0,py:!0},zg={position:!0,pos:!0,zIndex:!0,top:!0,right:!0,bottom:!0,left:!0},Bg={_hover:!0,_active:!0,_focus:!0,_highlighted:!0,_focusWithin:!0,_focusVisible:!0,_disabled:!0,_readOnly:!0,_before:!0,_after:!0,_empty:!0,_expanded:!0,_checked:!0,_grabbed:!0,_pressed:!0,_invalid:!0,_valid:!0,_loading:!0,_selected:!0,_hidden:!0,_even:!0,_odd:!0,_first:!0,_last:!0,_notFirst:!0,_notLast:!0,_visited:!0,_activeLink:!0,_activeStep:!0,_indeterminate:!0,_groupHover:!0,_peerHover:!0,_groupFocus:!0,_peerFocus:!0,_groupFocusVisible:!0,_peerFocusVisible:!0,_groupActive:!0,_peerActive:!0,_groupSelected:!0,_peerSelected:!0,_groupDisabled:!0,_peerDisabled:!0,_groupInvalid:!0,_peerInvalid:!0,_groupChecked:!0,_peerChecked:!0,_groupFocusWithin:!0,_peerFocusWithin:!0,_peerPlaceholderShown:!0,_placeholder:!0,_placeholderShown:!0,_fullScreen:!0,_selection:!0,_mediaDark:!0,_mediaReduceMotion:!0,_dark:!0,_light:!0},Ag={borderRadius:!0,borderTopRightRadius:!0,borderTopLeftRadius:!0,borderBottomRightRadius:!0,borderBottomLeftRadius:!0,borderTopRadius:!0,borderRightRadius:!0,borderStartRadius:!0,borderBottomRadius:!0,borderLeftRadius:!0,borderEndRadius:!0,rounded:!0,roundedTop:!0,roundedRight:!0,roundedStart:!0,roundedBottom:!0,roundedLeft:!0,roundedEnd:!0},Lg={textShadow:!0,boxShadow:!0,shadow:!0},Hg={width:!0,w:!0,minWidth:!0,minW:!0,maxWidth:!0,maxW:!0,height:!0,h:!0,minHeight:!0,minH:!0,maxHeight:!0,maxH:!0,boxSize:!0},Dg={transform:!0,transformOrigin:!0,clipPath:!0},Eg={transition:!0,transitionProperty:!0,transitionTimingFunction:!0,transitionDuration:!0,transitionDelay:!0,animation:!0,willChange:!0},Mg={fontFamily:!0,fontSize:!0,fontWeight:!0,lineHeight:!0,letterSpacing:!0,textAlign:!0,fontStyle:!0,textTransform:!0,textDecoration:!0,noOfLines:!0},Og=A(A(A(A(A(A(A(A(A(A(A(A(A(A(A(A(A({},yg),$g),wg),Pg),_g),Ig),kg),Tg),zg),Ag),Lg),Hg),Dg),Eg),Mg),Bg),xg),Rg=y({});function Wg(e,t){return Rg({css:mg(e,t)})}function Fg(e){return Object.keys(e).filter(t=>t in Og)}const Kt=(e,t)=>{const r=o=>{const a=Fg(o),n=i.mergeProps({as:e},o),[l,c,d]=i.splitProps(n,["as","class","className","__baseStyle"],a),u=i.createMemo(()=>[ne(t==null?void 0:t.baseStyle)?t==null?void 0:t.baseStyle(o):t==null?void 0:t.baseStyle,l.__baseStyle]),f=()=>S(t==null?void 0:t.baseClass,l.class,l.className,Wg(c,u()));return s.createComponent(s.Dynamic,s.mergeProps({get component(){var g;return(g=l.as)!=null?g:"div"},get class(){return f()}},d))};return r.toString=()=>t!=null&&t.baseClass?$(t.baseClass):"",r};function Ng(){const e=new Map;return new Proxy(Kt,{apply(t,r,o){return Kt(...o)},get(t,r){return e.has(r)||e.set(r,Kt(r)),e.get(r)}})}const E=Ng(),L=E.div,zn="hope-accordion";function Bn(e){var b;const t=_().Accordion,[r,o]=i.createSignal([]),[a,n]=re.createStore({_expandedIndex:(b=e.defaultIndex)!=null?b:e.allowMultiple?[]:-1,focusedIndex:-1,get isControlled(){return e.index!==void 0},get expandedIndex(){return this.isControlled?e.index:this._expandedIndex}}),[l,c]=i.splitProps(e,["class","allowMultiple","index","defaultIndex","onChange"]),d=i.createMemo(()=>r().slice().reverse()),u=P=>{n("focusedIndex",P)},f=(P,w)=>{var O;let z=-1;l.allowMultiple&&Qe(a.expandedIndex)?z=w?[...a.expandedIndex,P]:a.expandedIndex.filter(R=>R!==P):w?z=P:z=-1,n("_expandedIndex",z),(O=l.onChange)==null||O.call(l,z)},g=P=>Qe(a.expandedIndex)?a.expandedIndex.includes(P):a.expandedIndex===P,h=P=>o(w=>[...w,P]).length-1,m=()=>{const P=r().length-1;let w=ct(a.focusedIndex,P,!0),z=r()[w];for(;z.disabled;)w=ct(w,P,!0),z=r()[w];z.focus()},v=()=>{const P=r().length-1;let w=dt(a.focusedIndex,P,!0),z=r()[w];for(;z.disabled;)w=dt(w,P,!0),z=r()[w];z.focus()},I=()=>{var P;(P=r().find(w=>!w.disabled))==null||P.focus()},p=()=>{var P;(P=d().find(w=>!w.disabled))==null||P.focus()},C=()=>S(l.class,zn);i.onCleanup(()=>{u(-1)});const x={state:a,setFocusedIndex:u,setExpandedIndex:f,isExpandedIndex:g,registerAccordionButton:h,focusNextAccordionButton:m,focusPrevAccordionButton:v,focusFirstAccordionButton:I,focusLastAccordionButton:p};return s.createComponent(An.Provider,{value:x,get children(){return s.createComponent(L,s.mergeProps({get class(){return C()},get __baseStyle(){var P;return(P=t==null?void 0:t.baseStyle)==null?void 0:P.root}},c))}})}Bn.toString=()=>$(zn);const An=i.createContext();function Ln(){const e=i.useContext(An);if(!e)throw new Error("[Hope UI]: useAccordionContext must be used within a `<Accordion />` component");return e}const Hn=y({borderTopWidth:"1px",borderColor:"$neutral7",overflowAnchor:"none","&:last-of-type":{borderBottomWidth:"1px"}}),Dn=y({appearance:"none",display:"flex",alignItems:"center",width:"100%",outline:"none",backgroundColor:"transparent",px:"$4",py:"$2",color:"inherit",fontSize:"$base",lineHeight:"$6",cursor:"pointer",transition:"background-color 250ms","&:disabled":{opacity:.4,cursor:"not-allowed"},"&:hover":{backgroundColor:"$neutral4"},"&:focus":{outline:"none",boxShadow:"$outline"}}),En=y({flexGrow:0,flexShrink:0,fontSize:"1.25em",pointerEvents:"none",transition:"transform 250ms",transformOrigin:"center",variants:{expanded:{true:{transform:"rotate(-180deg)"}},disabled:{true:{opacity:.4}}}}),Mn=y({pt:"$2",px:"$4",pb:"$4"});function ir(e){return e!=null&&typeof e=="object"&&"nodeType"in e&&e.nodeType===Node.ELEMENT_NODE}function On(e){var r;if(!ir(e))return!1;const t=(r=e.ownerDocument.defaultView)!=null?r:window;return e instanceof t.HTMLElement}function ut(e){var t;return ir(e)&&(t=e.ownerDocument)!=null?t:document}function _t(e,t){const r=e.target;return e.button>0||r&&!ut(r).body.contains(r)?!1:!(t!=null&&t.contains(r))}function lr(e){const{key:t,keyCode:r}=e;return r>=37&&r<=40&&t.indexOf("Arrow")!==0?`Arrow${t}`:t}function Rn(e){const t=ut(e);return t==null?void 0:t.activeElement}function De(e,t){return e?e===t||e.contains(t):!1}function gt(e){var o,a;const t=(o=e.target)!=null?o:e.currentTarget,r=Rn(t);return(a=e.relatedTarget)!=null?a:r}function cr(e){return e&&e.clientHeight<e.scrollHeight}function dr(e,t){const{offsetHeight:r,offsetTop:o}=e,{offsetHeight:a,scrollTop:n}=t,l=o<n,c=o+r>n+a;l?t.scrollTo(0,o):c&&t.scrollTo(0,o-a+r)}function rt(e){const t=Object.getOwnPropertyDescriptor(e,"children");return t==null?!1:ne(t.value)}const Wn="hope-accordion__item";function Fn(e){const t=`hope-accordion-item-${i.createUniqueId()}`,r=_().Accordion,o=Ln(),[a,n]=re.createStore({index:-1,get buttonId(){return`${t}-button`},get panelId(){return`${t}-panel`},get expanded(){return o.isExpandedIndex(this.index)},get disabled(){var C;return(C=e.disabled)!=null?C:!1}}),[l,c]=i.splitProps(e,["class","children"]),d=C=>{const x=o.registerAccordionButton(C);n("index",x)},u=()=>{o.setFocusedIndex(a.index)},f=()=>{o.setExpandedIndex(a.index,!a.expanded)},g=i.createMemo(()=>({ArrowDown:o.focusNextAccordionButton,ArrowUp:o.focusPrevAccordionButton,Home:o.focusFirstAccordionButton,End:o.focusLastAccordionButton})),h=C=>{const x=lr(C),b=g()[x];b&&(C.preventDefault(),te(b,C))},m=()=>a.expanded,v=()=>a.disabled,I=()=>S(l.class,Wn,Hn()),p={state:a,registerButton:d,setFocusedIndex:u,toggleExpandedState:f,onButtonKeyDown:h};return s.createComponent(Nn.Provider,{value:p,get children(){return s.createComponent(L,s.mergeProps({get class(){return I()},get __baseStyle(){var C;return(C=r==null?void 0:r.baseStyle)==null?void 0:C.item}},c,{get children(){return s.createComponent(i.Show,{get when(){return rt(l)},get fallback(){return l.children},get children(){var C;return(C=l.children)==null?void 0:C.call(l,{expanded:m,disabled:v})}})}}))}})}Fn.toString=()=>$(Wn);const Nn=i.createContext();function At(){const e=i.useContext(Nn);if(!e)throw new Error("[Hope UI]: useAccordionItemContext must be used within a `<AccordionItem />` component");return e}const Vn="hope-accordion__button";function qn(e){const t=_().Accordion,r=At(),[o,a]=i.splitProps(e,["ref","class","disabled","onClick","onFocus","onKeyDown"]),n=f=>{r.registerButton(f),ne(o.ref)?o.ref(f):o.ref=f},l=f=>{te(o.onClick,f),r.toggleExpandedState()},c=f=>{te(o.onFocus,f),r.setFocusedIndex()},d=f=>{ae(o.onKeyDown,r.onButtonKeyDown)(f)},u=()=>S(o.class,Vn,Dn());return s.createComponent(E.button,s.mergeProps({role:"button",type:"button",ref:n,get id(){return r.state.buttonId},get["aria-controls"](){return r.state.panelId},get["aria-expanded"](){return r.state.expanded},get disabled(){return r.state.disabled},get class(){return u()},get __baseStyle(){var f;return(f=t==null?void 0:t.baseStyle)==null?void 0:f.button},onClick:l,onFocus:c,onKeyDown:d},a))}qn.toString=()=>$(Vn);const jn=y({display:"inline-block",flexShrink:0,boxSize:"1em",color:"currentColor",lineHeight:"1em",verticalAlign:"middle"}),Vg=s.template('<svg><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>',4,!0),no={viewBox:"0 0 24 24",path:()=>Vg.cloneNode(!0)},Lt="hope-icon";function Me(e){const t={viewBox:no.viewBox},r=i.mergeProps(t,e),[o,a]=i.splitProps(r,["as","class","children","viewBox"]),n=()=>S(o.class,Lt,jn()),l=()=>o.as&&!ho(o.as);return s.createComponent(i.Show,{get when(){return l()},get fallback(){return s.c