@domphy/ui 0.1.33 → 0.1.34

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var He=Object.defineProperty,Eo=Object.defineProperties,ko=Object.getOwnPropertyDescriptor,To=Object.getOwnPropertyDescriptors,wo=Object.getOwnPropertyNames,Et=Object.getOwnPropertySymbols;var Tt=Object.prototype.hasOwnProperty,Po=Object.prototype.propertyIsEnumerable;var kt=(i,o,r)=>o in i?He(i,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[o]=r,wt=(i,o)=>{for(var r in o||(o={}))Tt.call(o,r)&&kt(i,r,o[r]);if(Et)for(var r of Et(o))Po.call(o,r)&&kt(i,r,o[r]);return i},Pt=(i,o)=>Eo(i,To(o));var Oo=(i,o)=>{for(var r in o)He(i,r,{get:o[r],enumerable:!0})},Io=(i,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of wo(o))!Tt.call(i,n)&&n!==r&&He(i,n,{get:()=>o[n],enumerable:!(e=ko(o,n))||e.enumerable});return i};var _o=i=>Io(He({},"__esModule",{value:!0}),i);var an={};Oo(an,{FieldState:()=>De,FormState:()=>vt,abbreviation:()=>Vo,alert:()=>Ao,avatar:()=>Wo,badge:()=>jo,blockquote:()=>Uo,breadcrumb:()=>Ko,breadcrumbEllipsis:()=>qo,button:()=>Xo,buttonSwitch:()=>zr,card:()=>zo,code:()=>Qo,combobox:()=>Go,command:()=>No,commandItem:()=>Do,commandSearch:()=>Mo,descriptionList:()=>er,details:()=>Zo,dialog:()=>tr,divider:()=>Wr,drawer:()=>Kr,emphasis:()=>or,field:()=>on,figure:()=>rr,form:()=>tn,formGroup:()=>nr,heading:()=>ar,horizontalRule:()=>lr,icon:()=>cr,image:()=>sr,inputCheckbox:()=>Jo,inputColor:()=>mr,inputDateTime:()=>ur,inputFile:()=>dr,inputNumber:()=>gr,inputOTP:()=>Fo,inputRadio:()=>kr,inputRange:()=>fr,inputSearch:()=>hr,inputSwitch:()=>Vr,inputText:()=>pr,keyboard:()=>br,label:()=>yr,link:()=>Sr,mark:()=>Cr,menu:()=>Zr,menuItem:()=>en,orderedList:()=>Br,pagination:()=>Ar,paragraph:()=>vr,popover:()=>qr,popoverArrow:()=>nt,preformated:()=>xr,progress:()=>Er,select:()=>Tr,selectBox:()=>_r,selectItem:()=>Ir,selectList:()=>Or,skeleton:()=>wr,small:()=>$r,spinner:()=>Pr,splitter:()=>$o,splitterHandle:()=>Lo,splitterPanel:()=>Ro,strong:()=>Rr,subscript:()=>Lr,superscript:()=>Nr,tab:()=>Jr,tabPanel:()=>Qr,table:()=>Mr,tabs:()=>Xr,tag:()=>Re,textarea:()=>Dr,toast:()=>Yr,toggle:()=>Ho,toggleGroup:()=>Bo,tooltip:()=>Gr,transitionGroup:()=>Ur,unorderedList:()=>Hr});module.exports=_o(an);var et=require("@domphy/core"),ae=require("@domphy/theme");function Vo(i={}){var e,n;let o=(0,et.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,et.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{_onInsert:t=>{t.tagName!="abbr"&&console.warn('"abbreviation" primitive patch must use abbr tag')},style:{fontSize:t=>(0,ae.themeSize)(t),backgroundColor:t=>(0,ae.themeColor)(t),color:t=>(0,ae.themeColor)(t,"shift-10",o.get(t)),textDecorationLine:"underline",textDecorationStyle:"dotted",textDecorationColor:t=>(0,ae.themeColor)(t,"shift-7",o.get(t)),textUnderlineOffset:(0,ae.themeSpacing)(.72),cursor:"help","&:hover":{color:t=>(0,ae.themeColor)(t,"shift-11",r.get(t)),textDecorationColor:t=>(0,ae.themeColor)(t,"shift-9",r.get(t))}}}}var Ot=require("@domphy/core"),v=require("@domphy/theme");function zo(i={}){var r;let o=(0,Ot.toState)((r=i.color)!=null?r:"neutral","color");return{style:{display:"grid",gridTemplateColumns:"1fr auto",gridTemplateAreas:'"image image" "title aside" "desc aside" "content content" "footer footer"',borderRadius:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*2),backgroundColor:e=>(0,v.themeColor)(e,"inherit",o.get(e)),color:e=>(0,v.themeColor)(e,"shift-10",o.get(e)),outline:e=>`1px solid ${(0,v.themeColor)(e,"shift-4",o.get(e))}`,outlineOffset:"-1px",overflow:"hidden","& > img":{gridArea:"image",width:"100%",height:"auto",display:"block"},"& > :is(h1,h2,h3,h4,h5,h6)":{gridArea:"title",paddingBlock:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*2),paddingInline:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*4),fontWeight:"600",margin:0},"& > p":{gridArea:"desc",paddingInline:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*4),color:e=>(0,v.themeColor)(e,"shift-9",o.get(e)),margin:0},"& > aside":{gridArea:"aside",alignSelf:"center",padding:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*2),height:"auto"},"& > div":{gridArea:"content",padding:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*4),color:e=>(0,v.themeColor)(e,"shift-10",o.get(e))},"& > footer":{gridArea:"footer",display:"flex",gap:(0,v.themeSpacing)(2),paddingBlock:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*2),paddingInline:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*4),borderTop:e=>`1px solid ${(0,v.themeColor)(e,"shift-3",o.get(e))}`}}}}var Be=require("@domphy/core"),Ie=require("@domphy/theme");function $o(i={}){let{direction:o="horizontal",defaultSize:r=50,min:e=10,max:n=90}=i;return{_onSchedule:(t,a)=>{(0,Be.merge)(a,{_context:{splitter:{direction:o,size:(0,Be.toState)(r),min:e,max:n}}})},style:{display:"flex",flexDirection:o==="horizontal"?"row":"column",overflow:"hidden"}}}function Ro(){return{_onMount:i=>{let o=i.getContext("splitter"),r=i.domElement,e=o.direction==="horizontal"?"width":"height";r.style[e]=`${o.size.get()}%`,r.style.flexShrink="0",r.style.overflow="auto";let n=o.size.addListener(t=>{r.style[e]=`${t}%`});i.addHook("Remove",n)}}}function Lo(){return{_onMount:i=>{let o=i.getContext("splitter"),r=i.domElement,e=o.direction==="horizontal";r.style.cursor=e?"col-resize":"row-resize";let n=t=>{t.preventDefault();let a=r.parentElement,l=u=>{let c=a.getBoundingClientRect(),m=e?(u.clientX-c.left)/c.width*100:(u.clientY-c.top)/c.height*100;o.size.set(Math.min(Math.max(m,o.min),o.max))},s=()=>{document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",l),document.addEventListener("mouseup",s)};r.addEventListener("mousedown",n),i.addHook("Remove",()=>r.removeEventListener("mousedown",n))},style:{flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:i=>(0,Ie.themeColor)(i,"shift-2"),"&:hover":{backgroundColor:i=>(0,Ie.themeColor)(i,"shift-3")},"&::after":{content:'""',borderRadius:(0,Ie.themeSpacing)(999),backgroundColor:i=>(0,Ie.themeColor)(i,"shift-4")}}}}var Fe=require("@domphy/core"),E=require("@domphy/theme");function No(){return{_onSchedule:(i,o)=>{(0,Fe.merge)(o,{_context:{command:{query:(0,Fe.toState)("")}}})},style:{display:"flex",flexDirection:"column",overflow:"hidden"}}}function Mo(i={}){let{color:o="neutral",accentColor:r="primary"}=i;return{_onInsert:e=>{e.tagName!=="input"&&console.warn('"commandSearch" patch must use input tag')},_onMount:e=>{let n=e.getContext("command"),t=e.domElement,a=()=>n.query.set(t.value);t.addEventListener("input",a),e.addHook("Remove",()=>t.removeEventListener("input",a))},style:{fontFamily:"inherit",fontSize:e=>(0,E.themeSize)(e,"inherit"),paddingInline:e=>(0,E.themeSpacing)((0,E.themeDensity)(e)*3),paddingBlock:e=>(0,E.themeSpacing)((0,E.themeDensity)(e)*2),border:"none",borderBottom:e=>`1px solid ${(0,E.themeColor)(e,"shift-3",o)}`,outline:"none",color:e=>(0,E.themeColor)(e,"shift-10",o),backgroundColor:e=>(0,E.themeColor)(e,"inherit",o),"&::placeholder":{color:e=>(0,E.themeColor)(e,"shift-7")},"&:focus-visible":{borderBottomColor:e=>(0,E.themeColor)(e,"shift-6",r)}}}}function Do(i={}){let{color:o="neutral",accentColor:r="primary"}=i;return{role:"option",_onMount:e=>{var s,u;let n=e.getContext("command"),t=e.domElement,a=(u=(s=t.textContent)==null?void 0:s.toLowerCase())!=null?u:"",l=n.query.addListener(c=>{t.hidden=c.length>0&&!a.includes(c.toLowerCase())});e.addHook("Remove",l)},style:{cursor:"pointer",display:"flex",alignItems:"center",width:"100%",fontSize:e=>(0,E.themeSize)(e,"inherit"),height:e=>(0,E.themeSpacing)(6+(0,E.themeDensity)(e)*2),paddingInline:e=>(0,E.themeSpacing)((0,E.themeDensity)(e)*3),border:"none",outline:"none",color:e=>(0,E.themeColor)(e,"shift-9",o),backgroundColor:e=>(0,E.themeColor)(e,"inherit",o),"&:hover:not([disabled])":{backgroundColor:e=>(0,E.themeColor)(e,"shift-2",o)},"&:focus-visible":{outline:e=>`${(0,E.themeSpacing)(.5)} solid ${(0,E.themeColor)(e,"shift-6",r)}`,outlineOffset:`-${(0,E.themeSpacing)(.5)}`}}}}var tt=require("@domphy/core"),W=require("@domphy/theme");function Ho(i={}){var e,n;let o=(0,tt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,tt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{role:"button",_onInsert:t=>{var c;t.tagName!=="button"&&console.warn('"toggle" patch must use button tag');let a=t.getContext("toggleGroup"),s=((c=t.parent)==null?void 0:c.children.items).filter(m=>m.type==="ElementNode"&&m.attributes.get("role")==="button"),u=t.key!==void 0?String(t.key):String(s.findIndex(m=>m===t));t.attributes.set("ariaPressed",m=>{let p=a.value.get(m);return Array.isArray(p)?p.includes(u):p===u}),t.addEvent("click",()=>{let m=a.value.get();if(a.multiple){let p=Array.isArray(m)?[...m]:[];a.value.set(p.includes(u)?p.filter(h=>h!==u):[...p,u])}else a.value.set(m===u?"":u)})},style:{cursor:"pointer",fontSize:t=>(0,W.themeSize)(t,"inherit"),height:(0,W.themeSpacing)(6),paddingBlock:(0,W.themeSpacing)(1),paddingInline:(0,W.themeSpacing)(2),border:"none",borderRadius:(0,W.themeSpacing)(1),color:t=>(0,W.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,W.themeColor)(t,"inherit",o.get(t)),transition:"background-color 300ms ease","&:hover:not([disabled])":{backgroundColor:t=>(0,W.themeColor)(t,"shift-2",o.get(t))},"&[aria-pressed=true]":{backgroundColor:t=>(0,W.themeColor)(t,"shift-3",r.get(t)),color:t=>(0,W.themeColor)(t,"shift-12",r.get(t))},"&:focus-visible":{outline:t=>`${(0,W.themeSpacing)(.5)} solid ${(0,W.themeColor)(t,"shift-6",r.get(t))}`,outlineOffset:`-${(0,W.themeSpacing)(.5)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}var It=require("@domphy/core"),le=require("@domphy/theme");function Bo(i={}){var e;let{multiple:o=!1,color:r="neutral"}=i;return{role:"group",_context:{toggleGroup:{value:(0,It.toState)((e=i.value)!=null?e:o?[]:""),multiple:o}},style:{display:"flex",paddingBlock:(0,le.themeSpacing)(1),paddingInline:(0,le.themeSpacing)(1),gap:(0,le.themeSpacing)(1),borderRadius:(0,le.themeSpacing)(2),fontSize:n=>(0,le.themeSize)(n,"inherit"),backgroundColor:n=>(0,le.themeColor)(n,"inherit",r),outline:n=>`1px solid ${(0,le.themeColor)(n,"shift-3",r)}`,outlineOffset:"-1px"}}}var ot=require("@domphy/theme");function Fo(){return{style:{display:"flex",alignItems:"center",gap:(0,ot.themeSpacing)(2),"& > *":{minWidth:(0,ot.themeSpacing)(9)+"!important"}},_onMount:i=>{let o=i.domElement,r=()=>Array.from(o.querySelectorAll("input")),e=a=>{let l=r(),s=a.target,u=l.indexOf(s);s.value&&u<l.length-1&&l[u+1].focus()},n=a=>{let l=r(),s=a.target,u=l.indexOf(s);a.key==="Backspace"&&!s.value&&u>0&&l[u-1].focus(),a.key==="ArrowLeft"&&u>0&&l[u-1].focus(),a.key==="ArrowRight"&&u<l.length-1&&l[u+1].focus()},t=a=>{var m,p,h;a.preventDefault();let l=(p=(m=a.clipboardData)==null?void 0:m.getData("text"))!=null?p:"",s=r(),u=s.indexOf(a.target);[...l].forEach((d,w)=>{s[u+w]&&(s[u+w].value=d)});let c=Math.min(u+l.length-1,s.length-1);(h=s[c])==null||h.focus()};o.addEventListener("input",e),o.addEventListener("keydown",n),o.addEventListener("paste",t),i.addHook("Remove",()=>{o.removeEventListener("input",e),o.removeEventListener("keydown",n),o.removeEventListener("paste",t)})}}}var _t=require("@domphy/core"),q=require("@domphy/theme");function Ao(i={}){var r;let o=(0,_t.toState)((r=i.color)!=null?r:"primary","color");return{role:"alert",dataTone:"shift-2",style:{display:"flex",alignItems:"flex-start",gap:(0,q.themeSpacing)(3),paddingBlock:e=>(0,q.themeSpacing)((0,q.themeDensity)(e)*2),paddingInline:e=>(0,q.themeSpacing)((0,q.themeDensity)(e)*4),boxShadow:e=>`inset ${(0,q.themeSpacing)(1)} 0 0 0 ${(0,q.themeColor)(e,"shift-8",o.get(e))}`,backgroundColor:e=>(0,q.themeColor)(e,"inherit",o.get(e)),color:e=>(0,q.themeColor)(e,"shift-10",o.get(e)),fontSize:e=>(0,q.themeSize)(e,"inherit")}}}var Vt=require("@domphy/core"),ye=require("@domphy/theme");function Wo(i={}){var r;let o=(0,Vt.toState)((r=i.color)!=null?r:"primary","color");return{dataTone:"shift-2",style:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",borderRadius:"50%",flexShrink:0,width:(0,ye.themeSpacing)(9),height:(0,ye.themeSpacing)(9),fontSize:e=>(0,ye.themeSize)(e,"inherit"),fontWeight:"600",userSelect:"none",backgroundColor:e=>(0,ye.themeColor)(e,"inherit",o.get(e)),color:e=>(0,ye.themeColor)(e,"shift-11",o.get(e)),"& img":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}}}var rt=require("@domphy/core"),he=require("@domphy/theme");function jo(i={}){var n;let{label:o=999}=i,r=(0,rt.toState)(o),e=(0,rt.toState)((n=i.color)!=null?n:"danger","color");return{style:{position:"relative","&::after":{content:t=>`"${r.get(t)}"`,position:"absolute",top:0,right:0,transform:"translate(50%,-50%)",paddingInline:(0,he.themeSpacing)(1),minWidth:(0,he.themeSpacing)(6),display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:t=>(0,he.themeSize)(t,"decrease-1"),borderRadius:(0,he.themeSpacing)(999),backgroundColor:t=>(0,he.themeColor)(t,"shift-9",e.get(t)),color:t=>(0,he.themeColor)(t,"shift-0",e.get(t))}}}}var zt=require("@domphy/core"),oe=require("@domphy/theme");function Ko(i={}){var e;let{separator:o="/"}=i,r=(0,zt.toState)((e=i.color)!=null?e:"neutral","color");return{_onInsert:n=>{n.tagName!=="nav"&&console.warn('"breadcrumb" patch must use nav tag')},ariaLabel:"breadcrumb",style:{display:"flex",alignItems:"center",flexWrap:"wrap",fontSize:n=>(0,oe.themeSize)(n,"inherit"),gap:(0,oe.themeSpacing)(1),color:n=>(0,oe.themeColor)(n,"shift-9",r.get(n)),backgroundColor:n=>(0,oe.themeColor)(n,"inherit",r.get(n)),"& > *":{display:"inline-flex",alignItems:"center",color:n=>(0,oe.themeColor)(n,"shift-8",r.get(n))},"& > *:not(:last-child)::after":{content:`"${o}"`,color:n=>(0,oe.themeColor)(n,"shift-4",r.get(n)),paddingInlineStart:(0,oe.themeSpacing)(1)},"& > [aria-current=page]":{color:n=>(0,oe.themeColor)(n,"shift-10",r.get(n)),pointerEvents:"none"}}}}var $t=require("@domphy/core"),Z=require("@domphy/theme");function qo(i={}){var r;let o=(0,$t.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!=="button"&&console.warn('"breadcrumbEllipsis" patch must use button tag')},ariaLabel:"More breadcrumb items",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:e=>(0,Z.themeSize)(e,"inherit"),paddingInline:(0,Z.themeSpacing)(1),border:"none",background:"none",cursor:"pointer",color:e=>(0,Z.themeColor)(e,"shift-8",o.get(e)),borderRadius:(0,Z.themeSpacing)(1),"&:hover":{color:e=>(0,Z.themeColor)(e,"shift-10",o.get(e)),backgroundColor:e=>(0,Z.themeColor)(e,"shift-2",o.get(e))},"&:focus-visible":{outline:e=>`${(0,Z.themeSpacing)(.5)} solid ${(0,Z.themeColor)(e,"shift-6",o.get(e))}`,outlineOffset:(0,Z.themeSpacing)(.5)}}}}var Ce=require("@domphy/core"),z=require("@domphy/theme");var Rt=require("@domphy/core"),M=require("@domphy/theme"),Yo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.707 5.293l5.293 5.292l5.293 -5.292a1 1 0 0 1 1.414 1.414l-5.292 5.293l5.292 5.293a1 1 0 0 1 -1.414 1.414l-5.293 -5.292l-5.293 5.292a1 1 0 1 1 -1.414 -1.414l5.292 -5.293l-5.292 -5.293a1 1 0 0 1 1.414 -1.414" /></svg>';function Re(i={}){var e;let{removable:o=!1}=i,r=(0,Rt.toState)((e=i.color)!=null?e:"neutral","color");return{dataTone:"shift-2",_onInit:n=>{let t={span:Yo,onClick:a=>{a.stopPropagation(),n.remove()},style:{display:"inline-flex",alignItems:"center",cursor:"pointer",borderRadius:(0,M.themeSpacing)(1),width:(0,M.themeSpacing)(4),height:(0,M.themeSpacing)(4),flexShrink:0,"&:hover":{backgroundColor:a=>(0,M.themeColor)(a,"shift-4",r.get(a))}}};o&&n.children.insert(t)},style:{display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",userSelect:"none",height:(0,M.themeSpacing)(6),paddingBlock:"0px",borderRadius:(0,M.themeSpacing)(1),paddingInlineStart:(0,M.themeSpacing)(2),paddingInlineEnd:o?(0,M.themeSpacing)(1):(0,M.themeSpacing)(2),gap:(0,M.themeSpacing)(2),fontSize:n=>(0,M.themeSize)(n,"inherit"),backgroundColor:n=>(0,M.themeColor)(n,"inherit",r.get(n)),color:n=>(0,M.themeColor)(n,"shift-9",r.get(n)),border:"none",outlineOffset:"-1px",outline:n=>`1px solid ${(0,M.themeColor)(n,"shift-4",r.get(n))}`}}}var Ae=require("@domphy/core"),se=require("@floating-ui/dom");function Se(i){let{open:o=!1,placement:r}=i,e=null,n=null,t=null,a=null,l=(0,Ae.toState)(o),s=()=>{t&&a&&(n&&n(),n=(0,se.autoUpdate)(t,a,()=>{(0,se.computePosition)(t,a,{placement:r.get(),middleware:[(0,se.offset)(12),(0,se.flip)(),(0,se.shift)()],strategy:"fixed"}).then(({x:d,y:w,placement:f})=>{Object.assign(a.style,{left:`${d}px`,top:`${w}px`}),r.set(f)})}),l.set(!0))},u=()=>{n&&n(),n=null,l.set(!1)},c=()=>{e&&clearTimeout(e),e=setTimeout(s,100)},m=()=>{e&&clearTimeout(e),e=setTimeout(u,100)},p={style:{position:"fixed",pointerEvents:"auto",visibility:d=>l.get(d)?"visible":"hidden"},_onMount:d=>a=d.domElement,_portal:d=>{let w=d.domElement.querySelector("#domphy-floating");if(!w){let f={div:[],id:"domphy-floating",style:{position:"fixed",inset:0,zIndex:20,pointerEvents:"none"}};w=d.children.insert(f).domElement}return w}};return(0,Ae.merge)(i.content,p),{show:c,hide:m,anchorPartial:{onKeyDown:d=>d.key==="Escape"&&m(),_onMount:d=>{let w=d.getRoot();t=d.domElement;let f=w.children.insert(i.content),Y=G=>{if(!l.get()||!t||!a)return;let Ee=G.target;!t.contains(Ee)&&!a.contains(Ee)&&m()};d.getRoot().domElement.addEventListener("click",Y),d.addHook("BeforeRemove",()=>{e&&clearTimeout(e),f&&f.remove(),d.getRoot().domElement.removeEventListener("click",Y)})}}}}function Go(i){let{options:o=[],placement:r="bottom",color:e="neutral",open:n=!1,multiple:t=!1}=i,a=(0,Ce.toState)(i.value),l=(0,Ce.toState)(n),{show:s,hide:u,anchorPartial:c}=Se({open:l,placement:(0,Ce.toState)(r),content:i.content}),m={onClick:()=>!t&&u()};(0,Ce.merge)(i.content,m);let p={border:"none",outline:"none",padding:0,margin:0,flex:1,height:(0,z.themeSpacing)(6),marginInlineStart:(0,z.themeSpacing)(2),fontSize:f=>(0,z.themeSize)(f,"inherit"),color:f=>(0,z.themeColor)(f,"shift-9",e),backgroundColor:f=>(0,z.themeColor)(f,"inherit",e)},h;i.input?((0,Ce.merge)(i.input,{onFocus:()=>s(),style:p,_key:"combobox-input"}),h=i.input):h={input:null,onFocus:()=>s(),value:f=>(a.get(f),""),style:p,_key:"combobox-input"};let d={div:f=>{let Y=a.get(f),G=Array.isArray(Y)?Y:[Y],te=o.filter(Oe=>G.includes(Oe.value)).map(Oe=>({span:Oe.label,$:[Re({color:e,removable:!0})],_key:Oe.value,_onRemove:Ze=>{let $e=a.get(),xt=(Array.isArray($e)?$e:[$e]).filter(xo=>xo!==Oe.value);t?a.set(xt):a.set(xt[0])}}));return te.push(h),te},style:{display:"flex",flexWrap:"wrap",gap:(0,z.themeSpacing)(1)}},w={_onInsert:f=>{f.tagName!="div"&&console.warn('"combobox" primitive patch must use div tag')},_onInit:f=>f.children.insert(d),style:{minWidth:(0,z.themeSpacing)(32),outlineOffset:"-1px",outline:f=>`1px solid ${(0,z.themeColor)(f,"shift-4","neutral")}`,paddingBlock:f=>(0,z.themeSpacing)((0,z.themeDensity)(f)*1),paddingInline:f=>(0,z.themeSpacing)((0,z.themeDensity)(f)*1),borderRadius:f=>(0,z.themeSpacing)((0,z.themeDensity)(f)*1),fontSize:f=>(0,z.themeSize)(f,"inherit"),color:f=>(0,z.themeColor)(f,"shift-9",e),backgroundColor:f=>(0,z.themeColor)(f,"inherit",e)}};return(0,Ce.merge)(c,w),c}var Lt=require("@domphy/core"),re=require("@domphy/theme");function nt(i={}){let{placement:o="bottom-end",color:r="neutral",sideOffset:e=(0,re.themeSpacing)(6),bordered:n=!0}=i,t=(0,Lt.toState)(o),a={top:"bottom",bottom:"top",left:"right",right:"left","top-start":"bottom-end","top-end":"bottom-start","bottom-start":"top-end","bottom-end":"top-start","left-start":"right-end","left-end":"right-start","right-start":"left-end","right-end":"left-start"},l=c=>{var m;return(m=a[t.get(c)])!=null?m:a["bottom-end"]},s=c=>c.includes("start")?e:c.includes("end")?"auto":"50%",u=c=>c.includes("end")?e:c.includes("start")?"auto":"50%";return{style:{fontSize:c=>(0,re.themeSize)(c),backgroundColor:c=>(0,re.themeColor)(c),color:c=>(0,re.themeColor)(c,"shift-9",r),position:"relative","&::after":{content:'""',position:"absolute",width:(0,re.themeSpacing)(1.5),height:(0,re.themeSpacing)(1.5),backgroundColor:c=>(0,re.themeColor)(c,"inherit",r),borderWidth:n?"1px":"0px",borderColor:c=>(0,re.themeColor)(c,"inherit",r),borderTopStyle:c=>{let m=l(c);return m.includes("top")||m.includes("right")?"solid":"none"},borderBottomStyle:c=>{let m=l(c);return m.includes("bottom")||m.includes("left")?"solid":"none"},borderLeftStyle:c=>{let m=l(c);return m.includes("top")||m.includes("left")?"solid":"none"},borderRightStyle:c=>{let m=l(c);return m.includes("bottom")||m.includes("right")?"solid":"none"},top:c=>{let m=l(c);return m.includes("top")?0:m.includes("bottom")?"auto":s(m)},right:c=>{let m=l(c);return m.includes("right")?0:m.includes("left")?"auto":u(m)},bottom:c=>{let m=l(c);return m.includes("bottom")?0:m.includes("top")?"auto":u(m)},left:c=>{let m=l(c);return m.includes("left")?0:m.includes("right")?"auto":s(m)},transform:c=>{let m=l(c),p=m.includes("right")||m.includes("end")&&!m.includes("left")?"50%":"-50%",h=m.includes("bottom")||m.includes("end")&&!m.includes("top")?"50%":"-50%";return`translate(${p},${h}) rotate(45deg)`}}}}}var Nt=require("@domphy/core"),ee=require("@domphy/theme");function Uo(i={}){var r;let o=(0,Nt.toState)((r=i.color)!=null?r:"inherit","color");return{_onInsert:e=>{e.tagName!="blockquote"&&console.warn('"blockquote" primitive patch must use blockquote tag')},dataTone:"shift-2",style:{fontSize:e=>(0,ee.themeSize)(e,"inherit"),backgroundColor:e=>(0,ee.themeColor)(e,"inherit",o.get(e)),boxShadow:e=>`inset ${(0,ee.themeSpacing)(1)} 0 0 0 ${(0,ee.themeColor)(e,"shift-4",o.get(e))}`,border:"none",paddingBlock:e=>(0,ee.themeSpacing)((0,ee.themeDensity)(e)*2),paddingInline:e=>(0,ee.themeSpacing)((0,ee.themeDensity)(e)*4),margin:0}}}var Mt=require("@domphy/core"),O=require("@domphy/theme");function Xo(i={}){var r;let o=(0,Mt.toState)((r=i.color)!=null?r:"primary","color");return{_onInsert:e=>{e.tagName!="button"&&console.warn('"button" primitive patch must use button tag')},style:{appearance:"none",fontSize:e=>(0,O.themeSize)(e,"inherit"),paddingBlock:e=>(0,O.themeSpacing)((0,O.themeDensity)(e)*1),paddingInline:e=>(0,O.themeSpacing)((0,O.themeDensity)(e)*3),borderRadius:e=>(0,O.themeSpacing)((0,O.themeDensity)(e)*1),width:"fit-content",display:"flex",justifyContent:"center",alignItems:"center",gap:e=>(0,O.themeSpacing)((0,O.themeDensity)(e)*1),userSelect:"none",fontFamily:"inherit",lineHeight:"inherit",border:"none",outlineOffset:"-1px",outlineWidth:"1px",outline:e=>`1px solid ${(0,O.themeColor)(e,"shift-4",o.get(e))}`,color:e=>(0,O.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,O.themeColor)(e,"inherit",o.get(e)),"&:hover:not([disabled]):not([aria-busy=true])":{color:e=>(0,O.themeColor)(e,"shift-10",o.get(e)),backgroundColor:e=>(0,O.themeColor)(e,"shift-2",o.get(e))},"&:focus-visible":{boxShadow:e=>`inset 0 0 0 ${(0,O.themeSpacing)(.5)} ${(0,O.themeColor)(e,"shift-6",o.get(e))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:e=>(0,O.themeColor)(e,"shift-2","neutral"),outline:e=>`1px solid ${(0,O.themeColor)(e,"shift-4","neutral")}`,color:e=>(0,O.themeColor)(e,"shift-8","neutral")},"&[aria-busy=true]":{opacity:.7,cursor:"wait",pointerEvents:"none"}}}}var it=require("@domphy/core"),k=require("@domphy/theme");function Jo(i={}){var e,n;let o=(0,it.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,it.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"checkbox",_onInsert:t=>{t.tagName!=="input"&&console.warn('"inputCheckbox" primitive patch must use input tag')},style:{appearance:"none",fontSize:t=>(0,k.themeSize)(t,"inherit"),display:"inline-flex",position:"relative",width:(0,k.themeSpacing)(6),height:(0,k.themeSpacing)(6),justifyContent:"center",alignItems:"center",transition:"background-color 300ms, outline-color 300ms",margin:0,padding:0,"&::before":{content:'""',display:"block",borderRadius:(0,k.themeSpacing)(1),lineHeight:1,cursor:"pointer",border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,k.themeColor)(t,"shift-4",o.get(t))}`,color:t=>(0,k.themeColor)(t,"shift-9",o.get(t)),width:(0,k.themeSpacing)(4),height:(0,k.themeSpacing)(4)},"&:hover::before":{backgroundColor:t=>(0,k.themeColor)(t,"shift-2",o.get(t))},"&:checked::before":{outline:t=>`1px solid ${(0,k.themeColor)(t,"shift-6",r.get(t))}`,backgroundColor:t=>(0,k.themeColor)(t,"shift-8",r.get(t))},"&:checked:hover:not([disabled])::before":{backgroundColor:t=>(0,k.themeColor)(t,"shift-7",r.get(t))},"&:checked::after":{content:'""',display:"block",position:"absolute",top:"25%",insetInlineStart:"37%",width:"20%",height:"30%",border:t=>`${(0,k.themeSpacing)(.5)} solid ${(0,k.themeColor)(t,"inherit",r.get(t))}`,borderTop:0,borderInlineStart:0,transform:"rotate(45deg)"},"&:indeterminate::before":{outline:t=>`1px solid ${(0,k.themeColor)(t,"shift-6",r.get(t))}`,backgroundColor:t=>(0,k.themeColor)(t,"shift-3",r.get(t))},"&:indeterminate::after":{content:'""',position:"absolute",inset:"30%",backgroundColor:t=>(0,k.themeColor)(t,"shift-8",r.get(t))},"&:indeterminate:hover:not([disabled])::after":{backgroundColor:t=>(0,k.themeColor)(t,"shift-7",r.get(t))},"&:focus-visible":{borderRadius:(0,k.themeSpacing)(1.5),outline:t=>`${(0,k.themeSpacing)(.5)} solid ${(0,k.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{cursor:"not-allowed"},"&[disabled]::before, &[disabled]::after":{outline:"none",backgroundColor:t=>(0,k.themeColor)(t,"shift-4","neutral"),pointerEvents:"none"}}}}var Dt=require("@domphy/core"),pe=require("@domphy/theme");function Qo(i={}){var r;let o=(0,Dt.toState)((r=i.color)!=null?r:"neutral","color");return{dataTone:"shift-2",_onInsert:e=>{e.tagName!="code"&&console.warn('"code" primitive patch must use code tag')},style:{display:"inline-flex",alignItems:"center",fontSize:e=>(0,pe.themeSize)(e,"inherit"),color:e=>(0,pe.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,pe.themeColor)(e,"inherit",o.get(e)),height:(0,pe.themeSpacing)(6),paddingInline:(0,pe.themeSpacing)(1.5),borderRadius:(0,pe.themeSpacing)(1)}}}var at=require("@domphy/core"),g=require("@domphy/theme");function Zo(i={}){var n,t;let{duration:o=240}=i,r=(0,at.toState)((n=i.color)!=null?n:"neutral","color"),e=(0,at.toState)((t=i.accentColor)!=null?t:"primary","accentColor");return{_onInsert:a=>{a.tagName!="details"&&console.warn('"details" primitive patch must use details tag')},style:{fontSize:a=>(0,g.themeSize)(a,"inherit"),color:a=>(0,g.themeColor)(a,"shift-9",r.get(a)),backgroundColor:a=>(0,g.themeColor)(a,"inherit",r.get(a)),overflow:"hidden","& > summary":{backgroundColor:a=>(0,g.themeColor)(a,"shift-2",r.get(a)),color:a=>(0,g.themeColor)(a,"shift-10",r.get(a)),fontSize:a=>(0,g.themeSize)(a,"inherit"),listStyle:"none",display:"flex",justifyContent:"space-between",alignItems:"center",gap:(0,g.themeSpacing)(2),cursor:"pointer",userSelect:"none",fontWeight:500,paddingInline:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*4),height:(0,g.themeSpacing)(10)},"& > summary::-webkit-details-marker":{display:"none"},"& > summary::marker":{content:'""'},"& > summary::after":{content:'""',width:(0,g.themeSpacing)(2),height:(0,g.themeSpacing)(2),flexShrink:0,marginTop:`-${(0,g.themeSpacing)(.5)}`,borderInlineEnd:a=>`${(0,g.themeSpacing)(.5)} solid ${(0,g.themeColor)(a,"shift-9",r.get(a))}`,borderBottom:a=>`${(0,g.themeSpacing)(.5)} solid ${(0,g.themeColor)(a,"shift-9",r.get(a))}`,transform:"rotate(45deg)",transition:`transform ${o}ms ease`},"&[open] > summary::after":{transform:"rotate(-135deg)"},"& > summary:hover":{backgroundColor:a=>(0,g.themeColor)(a,"shift-3",r.get(a))},"& > summary:focus-visible":{borderRadius:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*2),outlineOffset:`-${(0,g.themeSpacing)(.5)}`,outline:a=>`${(0,g.themeSpacing)(.5)} solid ${(0,g.themeColor)(a,"shift-6",e.get(a))}`},"& > :not(summary)":{maxHeight:"0px",opacity:0,overflow:"hidden",paddingInline:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*3),paddingTop:0,paddingBottom:0,transition:`max-height ${o}ms ease, opacity ${o}ms ease, padding ${o}ms ease`},"&[open] > :not(summary)":{maxHeight:(0,g.themeSpacing)(250),opacity:1,paddingTop:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*1),paddingBottom:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*3)}}}}var Ht=require("@domphy/core"),fe=require("@domphy/theme");function er(i={}){var r;let o=(0,Ht.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="dl"&&console.warn('"descriptionList" primitive patch must use dl tag')},style:{display:"grid",gridTemplateColumns:`minmax(${(0,fe.themeSpacing)(24)}, max-content) 1fr`,columnGap:(0,fe.themeSpacing)(4),margin:0,"& dt":{margin:0,fontWeight:600,fontSize:e=>(0,fe.themeSize)(e,"inherit"),color:e=>(0,fe.themeColor)(e,"shift-10",o.get(e))},"& dd":{margin:0,fontSize:e=>(0,fe.themeSize)(e,"inherit"),color:e=>(0,fe.themeColor)(e,"shift-9",o.get(e))}}}}var Bt=require("@domphy/core"),U=require("@domphy/theme");function tr(i={}){let{color:o="neutral",open:r=!1}=i,e=(0,Bt.toState)(r);return{_onInsert:n=>{n.tagName!="dialog"&&console.warn('"dialog" primitive patch must use dialog tag')},onClick:(n,t)=>{if(n.target!==t.domElement)return;let a=t.domElement.getBoundingClientRect();n.clientX>=a.left&&n.clientX<=a.right&&n.clientY>=a.top&&n.clientY<=a.bottom||e.set(!1)},onTransitionEnd:(n,t)=>{let a=t.domElement;a.style.opacity==="0"&&(a.close(),document.body.style.overflow="")},_onMount:n=>{let t=n.domElement,a=l=>{l?(t.showModal(),document.body.style.overflow="hidden",requestAnimationFrame(()=>{t.style.opacity="1";let s=t.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');s==null||s.focus()})):t.style.opacity="0"};a(e.get()),e.addListener(a)},style:{opacity:"0",transition:"opacity 200ms ease",fontSize:n=>(0,U.themeSize)(n,"inherit"),color:n=>(0,U.themeColor)(n,"shift-10",o),backgroundColor:n=>(0,U.themeColor)(n,"inherit",o),border:"none",padding:n=>(0,U.themeSpacing)((0,U.themeDensity)(n)*3),boxShadow:n=>`0 ${(0,U.themeSpacing)(9)} ${(0,U.themeSpacing)(16)} ${(0,U.themeColor)(n,"shift-4","neutral")}`,"&::backdrop":{backgroundColor:n=>(0,U.themeColor)(n,"shift-2","neutral"),opacity:.75}}}}var Ft=require("@domphy/core"),We=require("@domphy/theme");function or(i={}){var r;let o=(0,Ft.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="em"&&console.warn('"emphasis" primitive patch must use em tag')},style:{fontSize:e=>(0,We.themeSize)(e,"inherit"),fontStyle:"italic",color:e=>(0,We.themeColor)(e,"shift-10",o.get(e))}}}var At=require("@domphy/core"),ce=require("@domphy/theme");function rr(i={}){var r;let o=(0,At.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="figure"&&console.warn('"figure" primitive patch must use figure tag')},style:{display:"flex",flexDirection:"column",gap:(0,ce.themeSpacing)(2),marginInline:0,marginTop:(0,ce.themeSpacing)(3),marginBottom:(0,ce.themeSpacing)(3),color:e=>(0,ce.themeColor)(e,"shift-9",o.get(e)),"& img, & svg, & video, & canvas":{display:"block",maxWidth:"100%",borderRadius:(0,ce.themeSpacing)(2)},"& figcaption":{fontSize:e=>(0,ce.themeSize)(e,"decrease-1"),color:e=>(0,ce.themeColor)(e,"shift-8",o.get(e)),lineHeight:1.45}}}}var Wt=require("@domphy/core"),x=require("@domphy/theme");function nr(i={}){var n;let{layout:o="horizontal"}=i,r=(0,Wt.toState)((n=i.color)!=null?n:"neutral","color"),e=o==="vertical";return{_onInsert:t=>{t.tagName!="fieldset"&&console.warn('"formGroup" patch must use fieldset tag')},style:{margin:0,paddingInline:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*3),paddingBlock:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*3),border:"none",borderRadius:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*2),fontSize:t=>(0,x.themeSize)(t,"inherit"),backgroundColor:t=>(0,x.themeColor)(t,"inherit",r.get(t)),display:"grid",gridTemplateColumns:e?"minmax(0, 1fr)":"max-content minmax(0, 1fr)",columnGap:(0,x.themeSpacing)(4),rowGap:(0,x.themeSpacing)(3),alignItems:"start","& > legend":{gridColumn:"1 / -1",margin:0,fontSize:t=>(0,x.themeSize)(t,"inherit"),fontWeight:600,paddingBlock:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*1),borderRadius:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*2),color:t=>(0,x.themeColor)(t,"shift-9",r.get(t)),backgroundColor:t=>(0,x.themeColor)(t,"inherit",r.get(t))},"& > label":{gridColumn:"1",alignSelf:"start",margin:0,paddingBlock:t=>e?"0px":(0,x.themeSpacing)((0,x.themeDensity)(t)*1)},"& > label:has(+ :not(legend, label, p) + p)":{gridRow:e?"auto":"span 2"},"& > :not(legend, label, p)":{gridColumn:e?"1":"2",minWidth:0,width:"100%",boxSizing:"border-box"},"& > p":{gridColumn:e?"1":"2",minWidth:0,margin:0,marginBlockStart:`calc(${(0,x.themeSpacing)(2)} * -1)`,fontSize:t=>(0,x.themeSize)(t,"decrease-1"),color:t=>(0,x.themeColor)(t,"shift-9",r.get(t))}}}}var jt=require("@domphy/core"),_e=require("@domphy/theme"),ir={h6:"decrease-1",h5:"inherit",h4:"increase-1",h3:"increase-2",h2:"increase-3",h1:"increase-4"};function ar(i={}){var r;let o=(0,jt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{["h1","h2","h3","h4","h5","h6"].includes(e.tagName)||console.warn('"heading" primitive patch must use heading tags [h1...h6]')},style:{color:e=>(0,_e.themeColor)(e,"shift-11",o.get(e)),marginTop:0,marginBottom:(0,_e.themeSpacing)(2),fontSize:e=>{let n=ir[e.elementNode.tagName]||"inherit";return(0,_e.themeSize)(e,n)}}}}var Kt=require("@domphy/core"),Le=require("@domphy/theme");function lr(i={}){var r;let o=(0,Kt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="hr"&&console.warn('"horizontalRule" primitive patch must use hr tag')},style:{border:0,height:"1px",marginInline:0,marginTop:(0,Le.themeSpacing)(3),marginBottom:(0,Le.themeSpacing)(3),backgroundColor:e=>(0,Le.themeColor)(e,"shift-4",o.get(e))}}}var qt=require("@domphy/core"),je=require("@domphy/theme");function sr(i={}){var r;let o=(0,qt.toState)((r=i.color)!=null?r:"neutral","color");return{dataTone:"shift-2",_onInsert:e=>{e.tagName!="img"&&console.warn('"image" primitive patch must use img tag')},style:{display:"block",width:"100%",maxWidth:"100%",height:"auto",objectFit:"cover",borderRadius:(0,je.themeSpacing)(2),backgroundColor:e=>(0,je.themeColor)(e,"inherit",o.get(e))}}}var Yt=require("@domphy/core"),ke=require("@domphy/theme");function cr(i={}){var r;let o=(0,Yt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="span"&&console.warn('"icon" primitive patch should use span tag')},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",alignSelf:"center",justifySelf:"center",verticalAlign:"middle",width:(0,ke.themeSpacing)(4),height:(0,ke.themeSpacing)(4),flexShrink:"0",fontSize:e=>(0,ke.themeSize)(e),backgroundColor:"transparent",color:e=>(0,ke.themeColor)(e,"shift-9",o.get(e))}}}var lt=require("@domphy/core"),D=require("@domphy/theme");function mr(i={}){var e,n;let o=(0,lt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,lt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"color",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputColor" primitive patch must use input tag'),a.type="color"},style:{appearance:"none",border:"none",cursor:"pointer",fontSize:t=>(0,D.themeSize)(t,"inherit"),paddingBlock:t=>(0,D.themeSpacing)((0,D.themeDensity)(t)*1),paddingInline:t=>(0,D.themeSpacing)((0,D.themeDensity)(t)*1),blockSize:t=>(0,D.themeSpacing)(6+(0,D.themeDensity)(t)*2),inlineSize:t=>(0,D.themeSpacing)(6+(0,D.themeDensity)(t)*2),backgroundColor:"transparent","&::-webkit-color-swatch-wrapper":{margin:0,padding:0},"&::-webkit-color-swatch":{borderRadius:t=>(0,D.themeSpacing)((0,D.themeDensity)(t)*1)},"&:hover:not([disabled]), &:focus-visible":{},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>(0,D.themeColor)(t,"shift-2","neutral"),outline:t=>`1px solid ${(0,D.themeColor)(t,"shift-4","neutral")}`}}}}var st=require("@domphy/core"),$=require("@domphy/theme");function ur(i={}){var n,t;let{mode:o="datetime-local"}=i,r=(0,st.toState)((n=i.color)!=null?n:"neutral","color"),e=(0,st.toState)((t=i.accentColor)!=null?t:"primary","accentColor");return{type:o,_onSchedule:(a,l)=>{a.tagName!="input"&&console.warn('"inputDateTime" primitive patch must use input tag'),l.type=o},style:{fontFamily:"inherit",fontSize:a=>(0,$.themeSize)(a,"inherit"),lineHeight:"inherit",color:a=>(0,$.themeColor)(a,"shift-9",r.get(a)),backgroundColor:a=>(0,$.themeColor)(a,"inherit",r.get(a)),border:"none",outlineOffset:"-1px",outline:a=>`1px solid ${(0,$.themeColor)(a,"shift-4",r.get(a))}`,borderRadius:a=>(0,$.themeSpacing)((0,$.themeDensity)(a)*1),paddingInline:a=>(0,$.themeSpacing)((0,$.themeDensity)(a)*3),height:a=>(0,$.themeSpacing)(6+(0,$.themeDensity)(a)*2),"&::-webkit-calendar-picker-indicator":{cursor:"pointer",opacity:.85},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:a=>`${(0,$.themeSpacing)(.5)} solid ${(0,$.themeColor)(a,"shift-6",e.get(a))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:a=>(0,$.themeColor)(a,"shift-8","neutral"),backgroundColor:a=>(0,$.themeColor)(a,"shift-2","neutral"),outline:a=>`1px solid ${(0,$.themeColor)(a,"shift-4","neutral")}`},"&:invalid":{outline:a=>`${(0,$.themeSpacing)(.5)} solid ${(0,$.themeColor)(a,"shift-6","error")}`}}}}var ct=require("@domphy/core"),b=require("@domphy/theme");function dr(i={}){var e,n;let o=(0,ct.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,ct.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"file",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputFile" primitive patch must use input tag'),a.type="file"},style:{fontFamily:"inherit",fontSize:t=>(0,b.themeSize)(t,"inherit"),lineHeight:"inherit",color:t=>(0,b.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,b.themeColor)(t,"inherit",o.get(t)),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,b.themeColor)(t,"shift-4",o.get(t))}`,borderRadius:t=>(0,b.themeSpacing)((0,b.themeDensity)(t)*1),height:t=>(0,b.themeSpacing)(6+(0,b.themeDensity)(t)*2),paddingInline:t=>(0,b.themeSpacing)((0,b.themeDensity)(t)*1),"&::file-selector-button":{marginBlock:"auto",fontFamily:"inherit",fontSize:"inherit",border:"none",borderRadius:(0,b.themeSpacing)(1),height:(0,b.themeSpacing)(6),paddingInline:(0,b.themeSpacing)(2),cursor:"pointer",color:t=>(0,b.themeColor)(t,"shift-10",r.get(t)),backgroundColor:t=>(0,b.themeColor)(t,"shift-3",r.get(t))},"&::-webkit-file-upload-button":{marginTop:(0,b.themeSpacing)(1),fontFamily:"inherit",fontSize:"inherit",border:"none",borderRadius:(0,b.themeSpacing)(1),height:(0,b.themeSpacing)(6),paddingInline:(0,b.themeSpacing)(2),cursor:"pointer",color:t=>(0,b.themeColor)(t,"shift-10",o.get(t)),backgroundColor:t=>(0,b.themeColor)(t,"shift-3",o.get(t))},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${(0,b.themeSpacing)(.5)} solid ${(0,b.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>(0,b.themeColor)(t,"shift-8","neutral"),outline:t=>`1px solid ${(0,b.themeColor)(t,"shift-4","neutral")}`,backgroundColor:t=>(0,b.themeColor)(t,"shift-2","neutral")},"&[disabled]::file-selector-button, &[disabled]::-webkit-file-upload-button":{cursor:"not-allowed",color:t=>(0,b.themeColor)(t,"shift-8","neutral"),backgroundColor:t=>(0,b.themeColor)(t,"shift-3","neutral")}}}}var mt=require("@domphy/core"),R=require("@domphy/theme");function hr(i={}){var e,n;let o=(0,mt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,mt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"search",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputSearch" primitive patch must use input tag'),a.type="search"},style:{fontFamily:"inherit",fontSize:t=>(0,R.themeSize)(t,"inherit"),lineHeight:"inherit",color:t=>(0,R.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,R.themeColor)(t,"inherit",o.get(t)),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,R.themeColor)(t,"shift-4",o.get(t))}`,borderRadius:t=>(0,R.themeSpacing)((0,R.themeDensity)(t)*1),minWidth:(0,R.themeSpacing)(32),paddingInline:t=>(0,R.themeSpacing)((0,R.themeDensity)(t)*3),paddingBlock:t=>(0,R.themeSpacing)((0,R.themeDensity)(t)*1),"&::placeholder":{color:t=>(0,R.themeColor)(t,"shift-7",o.get(t))},"&::-webkit-search-decoration":{display:"none"},"&::-webkit-search-cancel-button":{cursor:"pointer"},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${(0,R.themeSpacing)(.5)} solid ${(0,R.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>(0,R.themeColor)(t,"shift-8","neutral"),backgroundColor:t=>(0,R.themeColor)(t,"shift-2","neutral"),outline:t=>`1px solid ${(0,R.themeColor)(t,"shift-4","neutral")}`}}}}var ut=require("@domphy/core"),S=require("@domphy/theme");function pr(i={}){var e,n;let o=(0,ut.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,ut.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"text",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputText" primitive patch must use input tag and text type'),a.type="text"},style:{fontFamily:"inherit",lineHeight:"inherit",minWidth:(0,S.themeSpacing)(10),paddingInline:t=>(0,S.themeSpacing)((0,S.themeDensity)(t)*3),paddingBlock:t=>(0,S.themeSpacing)((0,S.themeDensity)(t)*1),borderRadius:t=>(0,S.themeSpacing)((0,S.themeDensity)(t)*1),fontSize:t=>(0,S.themeSize)(t,"inherit"),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,S.themeColor)(t,"shift-4",o.get(t))}`,color:t=>(0,S.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,S.themeColor)(t,"inherit",o.get(t)),"&::placeholder":{color:t=>(0,S.themeColor)(t,"shift-7")},"&:not(:placeholder-shown)":{color:t=>(0,S.themeColor)(t,"shift-10")},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${(0,S.themeSpacing)(.5)} solid ${(0,S.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>(0,S.themeColor)(t,"shift-2","neutral"),outline:t=>`1px solid ${(0,S.themeColor)(t,"shift-4","neutral")}`,color:t=>(0,S.themeColor)(t,"shift-8","neutral")},"&:invalid:not(:placeholder-shown)":{outline:t=>`${(0,S.themeSpacing)(.5)} solid ${(0,S.themeColor)(t,"shift-6","error")}`},"&[data-status=error]":{outline:t=>`${(0,S.themeSpacing)(.5)} solid ${(0,S.themeColor)(t,"shift-6","error")}`},"&[data-status=warning]":{outline:t=>`${(0,S.themeSpacing)(.5)} solid ${(0,S.themeColor)(t,"shift-6","warning")}`}}}}var dt=require("@domphy/core"),T=require("@domphy/theme");function fr(i={}){var e,n;let o=(0,dt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,dt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"range",_onInsert:t=>{t.tagName!="input"&&console.warn('"inputRange" primitive patch must use input tag')},style:{appearance:"none",width:"100%",margin:0,padding:0,height:(0,T.themeSpacing)(4),background:"transparent",cursor:"pointer","&::-webkit-slider-runnable-track":{height:(0,T.themeSpacing)(1.5),borderRadius:(0,T.themeSpacing)(999),backgroundColor:t=>(0,T.themeColor)(t,"shift-3",o.get(t))},"&::-moz-range-track":{height:(0,T.themeSpacing)(1.5),borderRadius:(0,T.themeSpacing)(999),backgroundColor:t=>(0,T.themeColor)(t,"shift-3",o.get(t))},"&::-webkit-slider-thumb":{appearance:"none",width:(0,T.themeSpacing)(4),height:(0,T.themeSpacing)(4),borderRadius:(0,T.themeSpacing)(999),border:"none",marginTop:`calc((${(0,T.themeSpacing)(1.5)} - ${(0,T.themeSpacing)(4)}) / 2)`,backgroundColor:t=>(0,T.themeColor)(t,"shift-9",r.get(t))},"&::-moz-range-thumb":{width:(0,T.themeSpacing)(4),height:(0,T.themeSpacing)(4),borderRadius:(0,T.themeSpacing)(999),border:"none",backgroundColor:t=>(0,T.themeColor)(t,"shift-9",r.get(t))},"&:hover:not([disabled])::-webkit-slider-thumb":{backgroundColor:t=>(0,T.themeColor)(t,"shift-10",r.get(t))},"&:hover:not([disabled])::-moz-range-thumb":{backgroundColor:t=>(0,T.themeColor)(t,"shift-10",r.get(t))},"&:focus-visible":{outline:t=>`${(0,T.themeSpacing)(.5)} solid ${(0,T.themeColor)(t,"shift-6",r.get(t))}`,outlineOffset:(0,T.themeSpacing)(1),borderRadius:(0,T.themeSpacing)(2)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}var ht=require("@domphy/core"),I=require("@domphy/theme");function gr(i={}){var e,n;let o=(0,ht.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,ht.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"number",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputNumber" primitive patch must use input tag'),a.type="number"},style:{fontFamily:"inherit",lineHeight:"inherit",minWidth:(0,I.themeSpacing)(10),paddingInlineStart:t=>(0,I.themeSpacing)((0,I.themeDensity)(t)*3),paddingInlineEnd:t=>(0,I.themeSpacing)((0,I.themeDensity)(t)*1.5),paddingBlock:t=>(0,I.themeSpacing)((0,I.themeDensity)(t)*1),borderRadius:t=>(0,I.themeSpacing)((0,I.themeDensity)(t)*1),fontSize:t=>(0,I.themeSize)(t,"inherit"),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,I.themeColor)(t,"shift-4",o.get(t))}`,color:t=>(0,I.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,I.themeColor)(t,"inherit",o.get(t)),"&::-webkit-inner-spin-button, &::-webkit-outer-spin-button":{opacity:1},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${(0,I.themeSpacing)(.5)} solid ${(0,I.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>(0,I.themeColor)(t,"shift-2","neutral"),outline:t=>`1px solid ${(0,I.themeColor)(t,"shift-4","neutral")}`,color:t=>(0,I.themeColor)(t,"shift-8","neutral")}}}}var Gt=require("@domphy/core"),me=require("@domphy/theme");function br(i={}){var r;let o=(0,Gt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="kbd"&&console.warn('"keyboard" primitive patch must use kbd tag')},style:{fontSize:e=>(0,me.themeSize)(e,"inherit"),color:e=>(0,me.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,me.themeColor)(e,"inherit",o.get(e)),paddingBlock:(0,me.themeSpacing)(.5),paddingInline:(0,me.themeSpacing)(1.5),borderRadius:(0,me.themeSpacing)(1),outline:e=>`1px solid ${(0,me.themeColor)(e,"shift-4",o.get(e))}`}}}var pt=require("@domphy/core"),ve=require("@domphy/theme");function yr(i={}){var e,n;let o=(0,pt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,pt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{_onInsert:t=>{t.tagName!="label"&&console.warn('"label" primitive patch must use label tag')},style:{display:"inline-flex",alignItems:"center",gap:(0,ve.themeSpacing)(2),fontSize:t=>(0,ve.themeSize)(t,"inherit"),color:t=>(0,ve.themeColor)(t,"shift-9",o.get(t)),cursor:"pointer","&:focus-within":{color:t=>(0,ve.themeColor)(t,"shift-10",r.get(t))},"&[aria-disabled=true]":{opacity:.7,cursor:"not-allowed",color:t=>(0,ve.themeColor)(t,"shift-8","neutral")}}}}var ft=require("@domphy/core"),X=require("@domphy/theme");function Sr(i={}){var e,n;let o=(0,ft.toState)((e=i.color)!=null?e:"primary","color"),r=(0,ft.toState)((n=i.accentColor)!=null?n:"secondary","accentColor");return{_onInsert:t=>{t.tagName!="a"&&console.warn('"link" primitive patch must use a tag')},style:{fontSize:t=>(0,X.themeSize)(t,"inherit"),backgroundColor:t=>(0,X.themeColor)(t),color:t=>(0,X.themeColor)(t,"shift-9",o.get(t)),textDecoration:"none","&:visited":{color:t=>(0,X.themeColor)(t,"shift-9",r.get(t))},"&:hover:not([disabled])":{color:t=>(0,X.themeColor)(t,"shift-10",o.get(t)),textDecoration:"underline"},"&:focus-visible":{borderRadius:(0,X.themeSpacing)(1),outlineOffset:(0,X.themeSpacing)(1),outline:t=>`${(0,X.themeSpacing)(.5)} solid ${(0,X.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>(0,X.themeColor)(t,"shift-8","neutral")}}}}var Ut=require("@domphy/core"),ge=require("@domphy/theme");function Cr(i={}){var r;let o=(0,Ut.toState)((r=i.accentColor)!=null?r:"highlight","accentColor");return{_onInsert:e=>{e.tagName!="mark"&&console.warn('"mark" primitive patch must use mark tag')},dataTone:"shift-2",style:{display:"inline-flex",alignItems:"center",fontSize:e=>(0,ge.themeSize)(e,"inherit"),color:e=>(0,ge.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,ge.themeColor)(e,"inherit",o.get(e)),height:(0,ge.themeSpacing)(6),borderRadius:(0,ge.themeSpacing)(1),paddingInline:(0,ge.themeSpacing)(1.5)}}}var Xt=require("@domphy/core"),Ke=require("@domphy/theme");function vr(i={}){var r;let o=(0,Xt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="p"&&console.warn('"paragraph" primitive patch must use p tag')},style:{fontSize:e=>(0,Ke.themeSize)(e,"inherit"),color:e=>(0,Ke.themeColor)(e,"shift-9",o.get(e)),lineHeight:1.5,marginTop:0,marginBottom:0}}}var Jt=require("@domphy/core"),J=require("@domphy/theme");function xr(i={}){var r;let o=(0,Jt.toState)((r=i.color)!=null?r:"neutral","color");return{dataTone:"shift-2",_onInsert:e=>{e.tagName!="pre"&&console.warn('"preformated" primitive patch must use pre tag')},style:{fontSize:e=>(0,J.themeSize)(e,"inherit"),color:e=>(0,J.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,J.themeColor)(e,"inherit",o.get(e)),border:"none",paddingBlock:e=>(0,J.themeSpacing)((0,J.themeDensity)(e)*2),paddingInline:e=>(0,J.themeSpacing)((0,J.themeDensity)(e)*3),borderRadius:e=>(0,J.themeSpacing)((0,J.themeDensity)(e)*2)}}}var gt=require("@domphy/core"),ne=require("@domphy/theme");function Er(i={}){var e,n;let o=(0,gt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,gt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{_onInsert:t=>{t.tagName!="progress"&&console.warn('"progress" primitive patch must use progress tag')},style:{appearance:"none",width:"100%",height:(0,ne.themeSpacing)(2),border:0,borderRadius:(0,ne.themeSpacing)(999),overflow:"hidden",backgroundColor:t=>(0,ne.themeColor)(t,"shift-3",o.get(t)),"&::-webkit-progress-bar":{backgroundColor:t=>(0,ne.themeColor)(t,"shift-3",o.get(t)),borderRadius:(0,ne.themeSpacing)(999)},"&::-webkit-progress-value":{backgroundColor:t=>(0,ne.themeColor)(t,"shift-9",r.get(t)),borderRadius:(0,ne.themeSpacing)(999),transition:"width 220ms ease"},"&::-moz-progress-bar":{backgroundColor:t=>(0,ne.themeColor)(t,"shift-9",r.get(t)),borderRadius:(0,ne.themeSpacing)(999)}}}}var bt=require("@domphy/core"),H=require("@domphy/theme");function kr(i={}){var e,n;let o=(0,bt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,bt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"radio",_onInsert:t=>{if(t.tagName!="input"){console.warn('"inputRadio" primitive patch must use input tag and radio type');return}},style:{fontSize:t=>(0,H.themeSize)(t,"inherit"),appearance:"none",display:"inline-flex",position:"relative",width:(0,H.themeSpacing)(6),height:(0,H.themeSpacing)(6),justifyContent:"center",alignItems:"center",transition:"background-color 300ms, outline-color 300ms",margin:0,padding:0,"&::before":{content:'""',display:"block",borderRadius:"50%",lineHeight:1,cursor:"pointer",border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,H.themeColor)(t,"shift-4",o.get(t))}`,color:t=>(0,H.themeColor)(t,"shift-9",o.get(t)),width:(0,H.themeSpacing)(4),height:(0,H.themeSpacing)(4)},"&:hover::before":{backgroundColor:t=>(0,H.themeColor)(t,"shift-2",o.get(t))},"&:checked::before":{outline:t=>`1px solid ${(0,H.themeColor)(t,"shift-6",r.get(t))}`},"&:checked::after":{content:'""',position:"absolute",inset:"30%",borderRadius:"50%",backgroundColor:t=>(0,H.themeColor)(t,"shift-8",r.get(t))},"&:checked:hover:not([disabled])::before":{backgroundColor:t=>(0,H.themeColor)(t,"shift-7",r.get(t))},"&:focus-visible":{borderRadius:"50%",outline:t=>`${(0,H.themeSpacing)(.5)} solid ${(0,H.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{cursor:"not-allowed"},"&[disabled]::before, &[disabled]::after":{outline:"none",backgroundColor:t=>(0,H.themeColor)(t,"shift-4","neutral"),pointerEvents:"none"}}}}var y=require("@domphy/theme");function Tr(i={}){let{color:o="neutral",accentColor:r="primary"}=i;return{_onInsert:e=>{e.tagName!="select"&&console.warn('"select" primitive patch must use select tag')},style:{appearance:"none",fontFamily:"inherit",fontSize:e=>(0,y.themeSize)(e,"inherit"),lineHeight:"inherit",color:e=>(0,y.themeColor)(e,"shift-9",o),backgroundColor:e=>(0,y.themeColor)(e,"inherit",o),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${(0,y.themeColor)(e,"shift-4",o)}`,borderRadius:e=>(0,y.themeSpacing)((0,y.themeDensity)(e)*1),paddingBlock:e=>(0,y.themeSpacing)((0,y.themeDensity)(e)*1),paddingLeft:e=>(0,y.themeSpacing)((0,y.themeDensity)(e)*3),paddingRight:e=>(0,y.themeSpacing)((0,y.themeDensity)(e)*5),backgroundImage:e=>{let n=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="${(0,y.themeColorToken)(e,"shift-7")}" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>`;return`url("data:image/svg+xml,${encodeURIComponent(n)}")`},backgroundRepeat:"no-repeat",backgroundPosition:`right ${(0,y.themeSpacing)(2)} center`,backgroundSize:`${(0,y.themeSpacing)(2.5)} ${(0,y.themeSpacing)(1.5)}`,"&:not([multiple])":{height:e=>(0,y.themeSpacing)(6+(0,y.themeDensity)(e)*2)},"&:hover:not([disabled]):not([aria-busy=true])":{outline:e=>`${(0,y.themeSpacing)(.5)} solid ${(0,y.themeColor)(e,"shift-5",r)}`},"&:focus-visible":{outline:e=>`${(0,y.themeSpacing)(.5)} solid ${(0,y.themeColor)(e,"shift-6",r)}`},"& optgroup":{color:e=>(0,y.themeColor)(e,"shift-11",o)},"& option[disabled]":{color:e=>(0,y.themeColor)(e,"shift-7","neutral")},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>(0,y.themeColor)(e,"shift-8","neutral"),outline:e=>`1px solid ${(0,y.themeColor)(e,"shift-4","neutral")}`,backgroundColor:e=>(0,y.themeColor)(e,"shift-2","neutral")}}}}var qe=require("@domphy/core"),xe=require("@domphy/theme");function wr(i={}){var n;let o=(0,qe.toState)((n=i.color)!=null?n:"neutral","color"),r={"0%,100%":{opacity:1},"50%":{opacity:.4}},e=(0,qe.hashString)(JSON.stringify(r));return{ariaHidden:"true",dataTone:"shift-2",style:{fontSize:t=>(0,xe.themeSize)(t),color:t=>(0,xe.themeColor)(t,"shift-9",o.get(t)),height:(0,xe.themeSpacing)(6),display:"block",borderRadius:(0,xe.themeSpacing)(1),backgroundColor:t=>(0,xe.themeColor)(t,"inherit",o.get(t)),animation:`${e} 1.5s ease-in-out infinite`,[`@keyframes ${e}`]:r}}}var Ye=require("@domphy/core"),ie=require("@domphy/theme"),Zt={to:{transform:"rotate(360deg)"}},Qt=(0,Ye.hashString)(JSON.stringify(Zt));function Pr(i={}){var r;let o=(0,Ye.toState)((r=i.color)!=null?r:"neutral","color");return{role:"status",ariaLabel:"loading",_onInsert:e=>{e.tagName!="span"&&console.warn('"spinner" patch must use span tag')},style:{fontSize:e=>(0,ie.themeSize)(e),backgroundColor:e=>(0,ie.themeColor)(e),color:e=>(0,ie.themeColor)(e,"shift-9",o.get(e)),display:"inline-block",margin:0,flexShrink:0,width:(0,ie.themeSpacing)(6),height:(0,ie.themeSpacing)(6),borderRadius:"50%",border:e=>`${(0,ie.themeSpacing)(.5)} solid ${(0,ie.themeColor)(e,"shift-4",o.get(e))}`,borderTopColor:e=>(0,ie.themeColor)(e,"shift-9",o.get(e)),boxSizing:"border-box",padding:0,animation:`${Qt} 0.7s linear infinite`,[`@keyframes ${Qt}`]:Zt}}}var eo=require("@domphy/core"),ue=require("@domphy/theme");function Or(i={}){var a;let{color:o="neutral",multiple:r=!1}=i,e=(0,eo.toState)((a=i.value)!=null?a:r?[]:null),n={div:l=>{let s=e.get(l);return(Array.isArray(s)?s:[s]).map(c=>({input:null,name:i.name,value:c||""}))},hidden:!0};return{dataTone:"shift-17",_context:{select:{value:e,multiple:r}},_onInit:l=>{l.tagName!="div"&&console.warn('"selectList" patch must use a div tag'),l.children.insert(n)},style:{display:"flex",flexDirection:"column",paddingBlock:l=>(0,ue.themeSpacing)((0,ue.themeDensity)(l)*2),paddingInline:l=>(0,ue.themeSpacing)((0,ue.themeDensity)(l)*2),fontSize:l=>(0,ue.themeSize)(l,"inherit"),backgroundColor:l=>(0,ue.themeColor)(l,"inherit",o)}}}var B=require("@domphy/theme");function Ir(i={}){let{accentColor:o="primary",color:r="neutral",value:e=null}=i;return{role:"option",_onInit:t=>{t.tagName!="div"&&console.warn('"selectItem" patch must use div tag');let a=t.getContext("select");if(a){let l=a.value;t.attributes.set("ariaSelected",s=>{let u=l.get(s);return a.multiple?u.includes(e):u==e}),t.addEvent("click",()=>{let s=l.get();a.multiple?s.includes(e)?l.set(s.filter(u=>u!==e)):l.set(s.concat([e])):s!=e&&l.set(e)})}},style:{cursor:"pointer",display:"flex",alignItems:"center",fontSize:t=>(0,B.themeSize)(t,"inherit"),height:t=>(0,B.themeSpacing)(6+(0,B.themeDensity)(t)*2),paddingInline:t=>(0,B.themeSpacing)((0,B.themeDensity)(t)*3),border:"none",outline:"none",color:t=>(0,B.themeColor)(t,"shift-9",r),backgroundColor:t=>(0,B.themeColor)(t,"inherit",r),"&:hover:not([disabled]):not([aria-selected=true])":{backgroundColor:t=>(0,B.themeColor)(t,"shift-2",r)},"&[aria-selected=true]":{backgroundColor:t=>(0,B.themeColor)(t,"shift-6",o),color:t=>(0,B.themeColor)(t,"shift-11")},"&:focus-visible":{outline:t=>`${(0,B.themeSpacing)(.5)} solid ${(0,B.themeColor)(t,"shift-6",o)}`,outlineOffset:`-${(0,B.themeSpacing)(.5)}`}}}}var Te=require("@domphy/core"),j=require("@domphy/theme");function _r(i){let{options:o=[],placement:r="bottom",color:e="neutral",open:n=!1,multiple:t=!1}=i,a=(0,Te.toState)(i.value),l=(0,Te.toState)(n),{show:s,hide:u,anchorPartial:c}=Se({open:l,placement:(0,Te.toState)(r),content:i.content}),m={onClick:()=>!t&&u()};(0,Te.merge)(i.content,m);let p={div:d=>{let w=a.get(d),f=Array.isArray(w)?w:[w];return o.filter(G=>f.includes(G.value)).map(G=>({span:G.label,$:[Re({color:e,removable:t})],_key:G.value,_onRemove:Ee=>{let te=a.get(),Ze=(Array.isArray(te)?te:[te]).filter($e=>$e!==G.value);t?a.set(Ze):a.set(Ze[0])}}))},style:{display:"flex",flexWrap:"wrap",gap:(0,j.themeSpacing)(1),flex:1}},h={_onInsert:d=>{d.tagName!="div"&&console.warn('"selectBox" patch must use div tag')},_onInit:d=>d.children.insert(p),onClick:()=>l.get()?u():s(),style:{cursor:"pointer",display:"flex",alignItems:"center",minHeight:d=>(0,j.themeSpacing)(6+(0,j.themeDensity)(d)*2),minWidth:(0,j.themeSpacing)(32),outlineOffset:"-1px",outline:d=>`1px solid ${(0,j.themeColor)(d,"shift-4","neutral")}`,paddingInline:d=>(0,j.themeSpacing)((0,j.themeDensity)(d)*2),borderRadius:d=>(0,j.themeSpacing)((0,j.themeDensity)(d)*1),fontSize:d=>(0,j.themeSize)(d,"inherit"),color:d=>(0,j.themeColor)(d,"shift-9",e),backgroundColor:d=>(0,j.themeColor)(d,"inherit",e)}};return(0,Te.merge)(c,h),c}var to=require("@domphy/core"),F=require("@domphy/theme");function Vr(i={}){var r;let o=(0,to.toState)((r=i.accentColor)!=null?r:"primary","accentColor");return{dataTone:"shift-2",type:"checkbox",_onSchedule:e=>{if(e.tagName!="input"){console.warn('"inputSwitch" primitive patch must use input tag');return}},style:{fontSize:e=>(0,F.themeSize)(e,"inherit"),appearance:"none",position:"relative",display:"inline-flex",width:(0,F.themeSpacing)(9),height:(0,F.themeSpacing)(6),cursor:"pointer",margin:"0",paddingBlock:(0,F.themeSpacing)(1),"&:checked":{"&::before":{backgroundColor:e=>(0,F.themeColor)(e,"increase-3",o.get(e))},"&::after":{left:`calc(100% - ${(0,F.themeSpacing)(3.5)})`}},"&::after":{content:'""',aspectRatio:"1/1",position:"absolute",width:(0,F.themeSpacing)(3),height:(0,F.themeSpacing)(3),borderRadius:(0,F.themeSpacing)(999),left:(0,F.themeSpacing)(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",backgroundColor:e=>(0,F.themeColor)(e,"decrease-3")},"&::before":{content:'""',width:"100%",borderRadius:(0,F.themeSpacing)(999),display:"inline-block",fontSize:e=>(0,F.themeSize)(e,"inherit"),lineHeight:1,backgroundColor:e=>(0,F.themeColor)(e)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}var Ge=require("@domphy/core"),_=require("@domphy/theme");function zr(i={}){var t,a;let{checked:o=!1}=i,r=(0,Ge.toState)(o),e=(0,Ge.toState)((t=i.color)!=null?t:"neutral","color"),n=(0,Ge.toState)((a=i.accentColor)!=null?a:"primary","accentColor");return{_onSchedule:l=>{l.tagName!="button"&&console.warn('"buttonSwitch" primitive patch must use button tag')},role:"switch",ariaChecked:l=>r.get(l),dataTone:"shift-2",onClick:()=>r.set(!r.get()),style:{position:"relative",display:"inline-flex",alignItems:"center",fontSize:l=>(0,_.themeSize)(l),border:"none",outlineWidth:"1px",outline:l=>`1px solid ${(0,_.themeColor)(l,"shift-3",e.get(l))}`,minWidth:(0,_.themeSpacing)(12),minHeight:(0,_.themeSpacing)(6),borderRadius:(0,_.themeSpacing)(999),paddingLeft:(0,_.themeSpacing)(7),paddingRight:(0,_.themeSpacing)(2),transition:"padding-left 0.3s, padding-right 0.3s",backgroundColor:l=>(0,_.themeColor)(l,"inherit",e.get(l)),"& > :first-child":{content:'""',position:"absolute",display:"inline-flex",alignItems:"center",left:(0,_.themeSpacing)(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",width:(0,_.themeSpacing)(5),height:(0,_.themeSpacing)(5),borderRadius:(0,_.themeSpacing)(999),color:l=>(0,_.themeColor)(l,"shift-9"),backgroundColor:l=>(0,_.themeColor)(l,"decrease-2",e.get(l))},"&[aria-checked=true]":{backgroundColor:l=>(0,_.themeColor)(l,"increase-3",n.get(l)),outline:"none",color:l=>(0,_.themeColor)(l,"decrease-2"),paddingLeft:(0,_.themeSpacing)(2),paddingRight:(0,_.themeSpacing)(7)},"&[aria-checked=true] > :first-child":{left:`calc(100% - ${(0,_.themeSpacing)(5.5)})`},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}var oo=require("@domphy/core"),Ue=require("@domphy/theme");function $r(i={}){var r;let o=(0,oo.toState)((r=i.color)!=null?r:"neutral","color");return{dataSize:"decrease-1",_onInsert:e=>{e.tagName!="small"&&console.warn('"small" primitive patch must use small tag')},style:{fontSize:e=>(0,Ue.themeSize)(e,"inherit"),color:e=>(0,Ue.themeColor)(e,"shift-9",o.get(e))}}}var ro=require("@domphy/core"),Ne=require("@domphy/theme");function Rr(i={}){var r;let o=(0,ro.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="strong"&&console.warn('"strong" primitive patch must use strong tag')},style:{fontSize:e=>(0,Ne.themeSize)(e,"inherit"),fontWeight:700,color:e=>(0,Ne.themeColor)(e,"shift-11",o.get(e)),backgroundColor:e=>(0,Ne.themeColor)(e)}}}var no=require("@domphy/core"),Xe=require("@domphy/theme");function Lr(i={}){var r;let o=(0,no.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="sub"&&console.warn('"subscript" primitive patch must use sub tag')},style:{fontSize:e=>(0,Xe.themeSize)(e,"decrease-1"),verticalAlign:"sub",lineHeight:0,color:e=>(0,Xe.themeColor)(e,"shift-9",o.get(e))}}}var io=require("@domphy/core"),Je=require("@domphy/theme");function Nr(i={}){var r;let o=(0,io.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="sup"&&console.warn('"superscript" primitive patch must use sup tag')},style:{fontSize:e=>(0,Je.themeSize)(e,"decrease-1"),verticalAlign:"super",lineHeight:0,color:e=>(0,Je.themeColor)(e,"shift-9",o.get(e))}}}var ao=require("@domphy/core"),C=require("@domphy/theme");function Mr(i={}){var r;let o=(0,ao.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="table"&&console.warn('"table" primitive patch must use table tag')},style:{fontSize:e=>(0,C.themeSize)(e,"inherit"),color:e=>(0,C.themeColor)(e,"shift-9",o.get(e)),width:"100%",borderCollapse:"collapse","& caption":{captionSide:"bottom"},"& th, & thead td":{textAlign:"left",fontWeight:500,paddingInline:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*3),paddingBlock:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*1),color:e=>(0,C.themeColor)(e,"shift-10",o.get(e)),backgroundColor:e=>(0,C.themeColor)(e,"inherit")},"& td":{textAlign:"left",paddingInline:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*3),paddingBlock:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*1),color:e=>(0,C.themeColor)(e,"shift-9",o.get(e)),boxShadow:e=>`inset 0 1px 0 ${(0,C.themeColor)(e,"shift-3",o.get(e))}`,fontSize:e=>(0,C.themeSize)(e,"inherit")},"& tfoot th, & tfoot td":{textAlign:"left",fontWeight:500,paddingInline:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*3),paddingBlock:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*1),color:e=>(0,C.themeColor)(e,"shift-10",o.get(e)),backgroundColor:e=>(0,C.themeColor)(e,"inherit"),boxShadow:e=>`inset 0 -1px 0 ${(0,C.themeColor)(e,"shift-4",o.get(e))}`},"& tr":{backgroundColor:e=>(0,C.themeColor)(e,"inherit")},"& tbody tr:hover":{backgroundColor:e=>(0,C.themeColor)(e,"shift-2")+"!important"}}}}var yt=require("@domphy/core"),P=require("@domphy/theme");function Dr(i={}){var n,t;let o=(0,yt.toState)((n=i.color)!=null?n:"neutral","color"),r=(0,yt.toState)((t=i.accentColor)!=null?t:"primary","accentColor"),{autoResize:e=!1}=i;return{_onInsert:a=>{a.tagName!="textarea"&&console.warn('"textarea" primitive patch must use textarea tag')},_onMount:a=>{if(e){let l=a.domElement;l.style.overflow="hidden";let s=()=>{l.style.height="auto",l.style.height=l.scrollHeight+"px"};l.addEventListener("input",s),s()}},style:{fontFamily:"inherit",lineHeight:"inherit",resize:"vertical",paddingInline:a=>(0,P.themeSpacing)((0,P.themeDensity)(a)*2),paddingBlock:a=>(0,P.themeSpacing)((0,P.themeDensity)(a)*1.5),border:"none",borderRadius:a=>(0,P.themeSpacing)((0,P.themeDensity)(a)*1.5),fontSize:a=>(0,P.themeSize)(a,"inherit"),color:a=>(0,P.themeColor)(a,"shift-9",o.get(a)),outlineOffset:"-1px",outline:a=>`1px solid ${(0,P.themeColor)(a,"shift-4",o.get(a))}`,backgroundColor:a=>(0,P.themeColor)(a,"inherit",o.get(a)),"&::placeholder":{color:a=>(0,P.themeColor)(a,"shift-7")},"&:hover:not([disabled]):not([aria-busy=true])":{outline:a=>`${(0,P.themeSpacing)(.5)} solid ${(0,P.themeColor)(a,"shift-5",r.get(a))}`},"&:focus-visible":{outline:a=>`${(0,P.themeSpacing)(.5)} solid ${(0,P.themeColor)(a,"shift-6",r.get(a))}`},"&:invalid":{outline:a=>`${(0,P.themeSpacing)(.5)} solid ${(0,P.themeColor)(a,"shift-5","error")}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:a=>(0,P.themeColor)(a,"shift-8","neutral"),outline:a=>`1px solid ${(0,P.themeColor)(a,"shift-4","neutral")}`,backgroundColor:a=>(0,P.themeColor)(a,"shift-2","neutral")}}}}var lo=require("@domphy/core"),we=require("@domphy/theme");function Hr(i={}){var r;let o=(0,lo.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="ul"&&console.warn('"unorderedList" primitive patch must use ul tag')},style:{fontSize:e=>(0,we.themeSize)(e,"inherit"),backgroundColor:e=>(0,we.themeColor)(e),color:e=>(0,we.themeColor)(e,"shift-9",o.get(e)),marginTop:0,marginBottom:0,paddingLeft:(0,we.themeSpacing)(3),listStyleType:"disc",listStylePosition:"outside"}}}var so=require("@domphy/core"),Pe=require("@domphy/theme");function Br(i={}){var r;let o=(0,so.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="ol"&&console.warn('"orderedList" primitive patch must use ol tag')},style:{fontSize:e=>(0,Pe.themeSize)(e,"inherit"),backgroundColor:e=>(0,Pe.themeColor)(e),color:e=>(0,Pe.themeColor)(e,"shift-9",o.get(e)),marginTop:0,marginBottom:0,paddingLeft:(0,Pe.themeSpacing)(3),listStyleType:"decimal",listStylePosition:"outside"}}}var co=require("@domphy/core"),V=require("@domphy/theme");function Fr(i,o){if(o<=7)return Array.from({length:o},(t,a)=>a+1);let r=[1];i>3&&r.push("...");let e=Math.max(2,i-1),n=Math.min(o-1,i+1);for(let t=e;t<=n;t++)r.push(t);return i<o-2&&r.push("..."),r.push(o),r}function Ar(i){var l;let{total:o,color:r="neutral",accentColor:e="primary"}=i,n=(0,co.toState)((l=i.value)!=null?l:1),t={display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:s=>(0,V.themeSpacing)(6+(0,V.themeDensity)(s)*2),height:s=>(0,V.themeSpacing)(6+(0,V.themeDensity)(s)*2),paddingInline:s=>(0,V.themeSpacing)((0,V.themeDensity)(s)*2),borderRadius:s=>(0,V.themeSpacing)((0,V.themeDensity)(s)*1),border:"none",cursor:"pointer",fontSize:s=>(0,V.themeSize)(s,"inherit"),backgroundColor:"transparent",color:s=>(0,V.themeColor)(s,"shift-9",r),"&:hover:not([disabled])":{backgroundColor:s=>(0,V.themeColor)(s,"shift-2",r)},"&[disabled]":{opacity:.4,cursor:"not-allowed"}},a=Pt(wt({},t),{backgroundColor:s=>(0,V.themeColor)(s,"shift-6",e),color:s=>(0,V.themeColor)(s,"shift-11",e),fontWeight:"600",cursor:"default","&:hover:not([disabled])":{backgroundColor:s=>(0,V.themeColor)(s,"shift-6",e)}});return{_onInsert:s=>{s.tagName!=="div"&&console.warn('"pagination" patch must use div tag')},_onInit:s=>{let u={div:c=>{let m=n.get(c),p=[];p.push({button:"\u2039",type:"button",ariaLabel:"Previous page",disabled:m<=1,onClick:()=>m>1&&n.set(m-1),style:t});for(let h of Fr(m,o))if(h==="...")p.push({span:"\u2026",style:{display:"inline-flex",alignItems:"center",paddingInline:d=>(0,V.themeSpacing)((0,V.themeDensity)(d)*2),color:d=>(0,V.themeColor)(d,"shift-7",r)}});else{let d=h===m;p.push({button:String(h),type:"button",ariaLabel:`Page ${h}`,ariaCurrent:d?"page":void 0,disabled:d,onClick:()=>n.set(h),style:d?a:t})}return p.push({button:"\u203A",type:"button",ariaLabel:"Next page",disabled:m>=o,onClick:()=>m<o&&n.set(m+1),style:t}),p},style:{display:"flex",alignItems:"center",gap:(0,V.themeSpacing)(1)}};s.children.insert(u)},style:{display:"inline-flex"}}}var mo=require("@domphy/core"),be=require("@domphy/theme");function Wr(i={}){var r;let o=(0,mo.toState)((r=i.color)!=null?r:"neutral","color");return{role:"separator",_onInsert:e=>{e.tagName!=="div"&&console.warn('"divider" patch should be used with <div>')},style:{display:"flex",justifyContent:"center",alignItems:"baseline",gap:(0,be.themeSpacing)(2),fontSize:e=>(0,be.themeSize)(e,"inherit"),backgroundColor:e=>(0,be.themeColor)(e),color:e=>(0,be.themeColor)(e,"shift-9",o.get(e)),minHeight:"1lh","&::before":{content:'""',flex:1,borderColor:e=>(0,be.themeColor)(e,"shift-4",o.get(e)),borderWidth:"1px",borderBottomStyle:"solid"},"&::after":{content:'""',flex:1,borderColor:e=>(0,be.themeColor)(e,"shift-4",o.get(e)),borderWidth:"1px",borderBottomStyle:"solid"}}}}var ho=require("@domphy/core"),K=require("@domphy/theme"),uo={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"},jr={left:"0 auto 0 0",right:"0 0 0 auto",top:"0 0 auto 0",bottom:"auto 0 0 0"},St=i=>i==="left"||i==="right";function Kr(i={}){let{color:o="neutral",open:r=!1,placement:e="right",size:n}=i,t=(0,ho.toState)(r),a=St(e)?(0,K.themeSpacing)(80):(0,K.themeSpacing)(64),l=n!=null?n:a;return{_onInsert:s=>{s.tagName!=="dialog"&&console.warn('"drawer" patch must use dialog tag')},onClick:(s,u)=>{s.target===u.domElement&&t.set(!1)},onTransitionEnd:(s,u)=>{let c=u.domElement;t.get()||(c.close(),document.body.style.overflow="")},_onMount:s=>{let u=s.domElement,c=m=>{m?(u.showModal(),document.body.style.overflow="hidden",requestAnimationFrame(()=>{u.style.transform="translate(0, 0)"})):u.style.transform=uo[e]};c(t.get()),t.addListener(c)},style:{transform:uo[e],transition:"transform 0.25s ease",fontSize:s=>(0,K.themeSize)(s,"inherit"),color:s=>(0,K.themeColor)(s,"shift-10",o),backgroundColor:s=>(0,K.themeColor)(s,"inherit",o),border:"none",padding:s=>(0,K.themeSpacing)((0,K.themeDensity)(s)*3),margin:jr[e],width:St(e)?l:"100dvw",height:St(e)?"100dvh":l,maxWidth:"100dvw",maxHeight:"100dvh",boxShadow:s=>`0 ${(0,K.themeSpacing)(4)} ${(0,K.themeSpacing)(12)} ${(0,K.themeColor)(s,"shift-4","neutral")}`,"&::backdrop":{backgroundColor:s=>(0,K.themeColor)(s,"shift-2","neutral"),opacity:.75}}}}var Ve=require("@domphy/core");function qr(i){let{open:o=!1,placement:r="bottom",openOn:e="click"}=i,n=null,t=(0,Ve.toState)(o),a=(0,Ve.toState)(r),{show:l,hide:s,anchorPartial:u}=Se({open:t,placement:a,content:i.content}),c={role:"dialog",dataTone:"shift-17",onMouseEnter:()=>e==="hover"&&l(),onMouseLeave:()=>e==="hover"&&s(),_onInsert:p=>{let h=p.attributes.get("id");n=h||p.nodeId,!h&&p.attributes.set("id",n)}};return(0,Ve.merge)(i.content,c),(0,Ve.merge)(u,{ariaHaspopup:"dialog",ariaExpanded:p=>t.get(p),onMouseEnter:()=>e==="hover"&&l(),onMouseLeave:()=>e==="hover"&&s(),onClick:()=>{e==="click"&&(t.get()?s():l())},onFocus:()=>l(),onBlur:(p,h)=>{let d=p.relatedTarget,w=h.getRoot().domElement,f=n?w.querySelector(`#${CSS.escape(n)}`):null;d&&(f!=null&&f.contains(d))||s()},_onMount:p=>n&&p.attributes.set("ariaControls",n)}),u}var po=require("@domphy/core"),L=require("@domphy/theme");function Yr(i={}){let{position:o="top-center",color:r="neutral"}=i,e=(0,po.toState)(!1),n=o.startsWith("top"),t=o.endsWith("center"),a=o.endsWith("right"),l={div:[],id:`domphy-toast-${o}`,style:{position:"fixed",display:"flex",flexDirection:n?"column":"column-reverse",alignItems:t?"center":a?"end":"start",inset:0,gap:(0,L.themeSpacing)(4),zIndex:30,padding:(0,L.themeSpacing)(6),pointerEvents:"none"}};return{_portal:s=>{let u=s.domElement.querySelector(`#domphy-toast-${o}`);return u||(u=s.children.insert(l).domElement),u},role:"status",ariaAtomic:"true",dataTone:"shift-17",style:{minWidth:(0,L.themeSpacing)(32),pointerEvents:"auto",paddingBlock:s=>(0,L.themeSpacing)((0,L.themeDensity)(s)*2),paddingInline:s=>(0,L.themeSpacing)((0,L.themeDensity)(s)*4),borderRadius:s=>(0,L.themeSpacing)((0,L.themeDensity)(s)*2),fontSize:s=>(0,L.themeSize)(s,"inherit"),color:s=>(0,L.themeColor)(s,"shift-9",r),backgroundColor:s=>(0,L.themeColor)(s,"inherit",r),boxShadow:s=>`0 ${(0,L.themeSpacing)(2)} ${(0,L.themeSpacing)(9)} ${(0,L.themeColor)(s,"shift-4","neutral")}`,opacity:s=>Number(e.get(s)),transform:s=>e.get(s)?"translateY(0)":n?"translateY(-100%)":"translateY(100%)",transition:"opacity 300ms ease, transform 300ms ease"},_onMount:()=>requestAnimationFrame(()=>e.set(!0)),_onBeforeRemove:(s,u)=>{let c=m=>{m.propertyName==="transform"&&(s.domElement.removeEventListener("transitionend",c),u())};s.domElement.addEventListener("transitionend",c),e.set(!1)}}}var Me=require("@domphy/core"),Q=require("@domphy/theme");function Gr(i={}){let{open:o=!1,placement:r="top",content:e="Tooltip Content"}=i,n=(0,Me.toState)(r),t=(0,Me.toState)(e),a=null,l={span:h=>t.get(h)},{show:s,hide:u,anchorPartial:c}=Se({open:o,placement:n,content:l}),m={role:"tooltip",dataSize:"decrease-1",dataTone:"shift-17",_onInsert:h=>{let d=h.attributes.get("id");a=d||h.nodeId,!d&&h.attributes.set("id",a)},style:{paddingBlock:h=>(0,Q.themeSpacing)((0,Q.themeDensity)(h)*1),paddingInline:h=>(0,Q.themeSpacing)((0,Q.themeDensity)(h)*3),borderRadius:h=>(0,Q.themeSpacing)((0,Q.themeDensity)(h)*1),color:h=>(0,Q.themeColor)(h,"shift-9"),backgroundColor:h=>(0,Q.themeColor)(h),fontSize:h=>(0,Q.themeSize)(h,"inherit")},$:[nt({placement:n,bordered:!1})]};return l.$||(l.$=[]),l.$.push(m),(0,Me.merge)(c,{onMouseEnter:()=>s(),onMouseLeave:()=>u(),onFocus:()=>s(),onBlur:()=>u(),onKeyDown:h=>h.key==="Escape"&&u(),_onMount:h=>a&&h.attributes.set("ariaDescribedby",a)}),c}var Ct=require("@domphy/core");function fo(i,o){return i.key!==void 0&&i.key!==null?String(i.key):`index-${o}`}function Ur(i={}){let{duration:o=300,delay:r=0}=i,e=new Map;return{_onBeforeUpdate:n=>{e=new Map,n.children.items.forEach((t,a)=>{if(!(t instanceof Ct.ElementNode))return;let l=t.domElement;l&&e.set(fo(t,a),l.getBoundingClientRect())})},_onUpdate:n=>{n.children.items.forEach((t,a)=>{if(!(t instanceof Ct.ElementNode))return;let l=t.domElement;if(!l)return;let s=fo(t,a),u=e.get(s);if(!u)return;let c=l.getBoundingClientRect(),m=u.left-c.left,p=u.top-c.top;if(Math.abs(m)<.5&&Math.abs(p)<.5)return;let h=l.style.transition,d=l.style.transform;l.style.transition="none",l.style.transform=`translate(${m}px, ${p}px)`,l.getBoundingClientRect(),requestAnimationFrame(()=>{l.style.transition=`transform ${o}ms ease ${r}ms`,l.style.transform="translate(0px, 0px)"});let w=()=>{l.style.transition=h,l.style.transform=d,l.removeEventListener("transitionend",f)},f=Y=>{Y.propertyName==="transform"&&w()};l.addEventListener("transitionend",f),setTimeout(w,o+r+34)}),e.clear()}}}var go=require("@domphy/core"),bo=require("@domphy/core");function Xr(i={}){return{role:"tablist",_onSchedule:(r,e)=>{let n={_context:{tabs:{activeKey:(0,bo.toState)(i.activeKey||0)}}};(0,go.merge)(e,n)}}}var N=require("@domphy/theme");function Jr(i={}){let{accentColor:o="primary",color:r="neutral"}=i;return{role:"tab",_onInsert:n=>{var u;n.tagName!="button"&&console.warn('"tab" patch must use button tag');let t=n.getContext("tabs"),a=(u=n.parent)==null?void 0:u.children.items;a=a.filter(c=>c.type=="ElementNode"&&c.attributes.get("role")=="tab");let l=n.key||a.findIndex(c=>c==n),s={id:"tab"+n.parent.nodeId+l,ariaControls:"tabpanel"+n.parent.nodeId+l,ariaSelected:c=>t.activeKey.get(c)==l,onClick:()=>t.activeKey.set(l),onKeyDown:c=>{var f,Y,G,Ee;let m=c.key;if(!["ArrowLeft","ArrowRight","Home","End"].includes(m))return;c.preventDefault();let p=((Y=(f=n.parent)==null?void 0:f.children.items)!=null?Y:[]).filter(te=>te.type==="ElementNode"&&te.attributes.get("role")==="tab"),h=p.findIndex(te=>te===n),d=h;m==="ArrowRight"?d=(h+1)%p.length:m==="ArrowLeft"?d=(h-1+p.length)%p.length:m==="Home"?d=0:m==="End"&&(d=p.length-1);let w=p[d];t.activeKey.set((G=w.key)!=null?G:d),(Ee=w.domElement)==null||Ee.focus()}};n.merge(s)},style:{cursor:"pointer",fontSize:n=>(0,N.themeSize)(n,"inherit"),height:n=>(0,N.themeSpacing)(6+(0,N.themeDensity)(n)*2),paddingInline:n=>(0,N.themeSpacing)((0,N.themeDensity)(n)*4),border:"none",outline:"none",color:n=>(0,N.themeColor)(n,"shift-9"),backgroundColor:n=>(0,N.themeColor)(n,"inherit"),boxShadow:n=>`inset 0 -${(0,N.themeSpacing)(.5)} 0 0 ${(0,N.themeColor)(n,"shift-1",r)}`,"&:hover:not([disabled])":{boxShadow:n=>`inset 0 -${(0,N.themeSpacing)(.5)} 0 0 ${(0,N.themeColor)(n,"shift-2",r)}`},"&[aria-selected=true]:not([disabled])":{boxShadow:n=>`inset 0 -${(0,N.themeSpacing)(.5)} 0 0 ${(0,N.themeColor)(n,"shift-6",o)}`},"&:focus-visible":{boxShadow:n=>`inset 0 -${(0,N.themeSpacing)(.5)} 0 0 ${(0,N.themeColor)(n,"shift-6",o)}`}}}}var ze=require("@domphy/theme");function Qr(){return{role:"tabpanel",style:{paddingBlock:o=>(0,ze.themeSpacing)((0,ze.themeDensity)(o)*2),paddingInline:o=>(0,ze.themeSpacing)((0,ze.themeDensity)(o)*2)},_onInsert:o=>{var a;let r=o.getContext("tabs"),e=(a=o.parent)==null?void 0:a.children.items;e=e.filter(l=>l.type=="ElementNode"&&l.attributes.get("role")=="tabpanel");let n=o.key||e.findIndex(l=>l==o),t={id:"tabpanel"+o.parent.nodeId+n,ariaLabelledby:"tab"+o.parent.nodeId+n,hidden:l=>r.activeKey.get(l)!=n};o.merge(t)}}}var yo=require("@domphy/core"),So=require("@domphy/core"),de=require("@domphy/theme");function Zr(i={}){let{color:o="neutral",selectable:r=!0}=i;return{role:"menu",dataTone:"shift-17",_onSchedule:(n,t)=>{var l;let a={_context:{menu:{activeKey:(0,So.toState)((l=i.activeKey)!=null?l:null),selectable:r}}};(0,yo.merge)(t,a)},style:{display:"flex",flexDirection:"column",paddingBlock:n=>(0,de.themeSpacing)((0,de.themeDensity)(n)*2),paddingInline:n=>(0,de.themeSpacing)((0,de.themeDensity)(n)*2),fontSize:n=>(0,de.themeSize)(n,"inherit"),backgroundColor:n=>(0,de.themeColor)(n,"inherit",o)}}}var A=require("@domphy/theme");function en(i={}){let{accentColor:o="primary",color:r="neutral"}=i;return{role:"menuitem",_onInsert:n=>{var s;n.tagName!="button"&&console.warn('"menuItem" patch must use button tag');let t=n.getContext("menu"),a=(s=n.parent)==null?void 0:s.children.items;a=a.filter(u=>u.type=="ElementNode"&&u.attributes.get("role")=="menuitem");let l=n.key||a.findIndex(u=>u==n);t.selectable&&(n.attributes.set("ariaCurrent",u=>t.activeKey.get(u)==l||void 0),n.addEvent("click",()=>t.activeKey.set(l)))},onKeyDown:(n,t)=>{var c,m,p,h;let a=n.key;if(a==="Enter"||a===" "){n.preventDefault(),(c=t.domElement)==null||c.click();return}if(!["ArrowDown","ArrowUp","Home","End"].includes(a))return;n.preventDefault();let l=((p=(m=t.parent)==null?void 0:m.children.items)!=null?p:[]).filter(d=>d.type==="ElementNode"&&d.attributes.get("role")==="menuitem"),s=l.findIndex(d=>d===t),u=s;a==="ArrowDown"?u=(s+1)%l.length:a==="ArrowUp"?u=(s-1+l.length)%l.length:a==="Home"?u=0:a==="End"&&(u=l.length-1),(h=l[u].domElement)==null||h.focus()},style:{cursor:"pointer",display:"flex",alignItems:"center",width:"100%",fontSize:n=>(0,A.themeSize)(n,"inherit"),height:n=>(0,A.themeSpacing)(6+(0,A.themeDensity)(n)*2),paddingInline:n=>(0,A.themeSpacing)((0,A.themeDensity)(n)*3),border:"none",outline:"none",color:n=>(0,A.themeColor)(n,"shift-9"),backgroundColor:n=>(0,A.themeColor)(n,"inherit"),"&:hover:not([disabled]):not([aria-current=true])":{backgroundColor:n=>(0,A.themeColor)(n,"shift-2")},"&[aria-current=true]":{backgroundColor:n=>(0,A.themeColor)(n,"shift-3",o),color:n=>(0,A.themeColor)(n,"shift-10")},"&:focus-visible":{outline:n=>`${(0,A.themeSpacing)(.5)} solid ${(0,A.themeColor)(n,"shift-6",o)}`,outlineOffset:`-${(0,A.themeSpacing)(.5)}`}}}}var Co=require("@domphy/core");function tn(i){return{_onSchedule:(o,r)=>{(0,Co.merge)(r,{_context:{form:i}})}}}function on(i,o){return{_onInsert:r=>{let n=r.getContext("form").setField(i,void 0,o),t=r.tagName,a=r.attributes.get("type");["input","select","textarea"].includes(t)||console.warn('"field" patch must use input, select, or textarea tag');let l={onBlur:()=>n.setTouched(),ariaInvalid:s=>!!n.message("error",s)||void 0,dataStatus:s=>n.status(s)};t==="input"&&a==="checkbox"?(l.checked=n.value(),l.onChange=s=>n.setValue(s.target.checked)):t==="input"&&a==="radio"?l.onChange=s=>n.setValue(s.target.value):t==="select"?(l.value=n.value(),l.onChange=s=>n.setValue(s.target.value)):t==="textarea"?(l.value=n.value(),l.onInput=s=>n.setValue(s.target.value)):(l.value=n.value(),l.onInput=s=>n.setValue(s.target.value)),r.merge(l)}}}var vo=require("@domphy/core");function rn(i){return!!i&&typeof i.then=="function"}var De=class{constructor(o,r){this._notifier=new vo.Notifier;this._messages={};this._touched=!1;this._pending=!1;this._validationToken=0;this._value=o,this._initValue=o,this._validator=r,r&&this.validate()}value(o){return o&&this._notifier.addListener("value",o),this._value}setValue(o){this._value=o,this._notifier.notify("value",o),this._notifier.notify("dirty",o!==this._initValue),this.validate()}dirty(o){return o&&this._notifier.addListener("dirty",o),this._value!==this._initValue}touched(o){return o&&this._notifier.addListener("touched",o),this._touched}setTouched(){this._touched||(this._touched=!0,this._notifier.notify("touched",!0))}configure(o,r){let e=!1;o!==void 0&&this._value===void 0&&this._initValue===void 0&&(this._value=o,this._initValue=o,this._notifier.notify("value",o),this._notifier.notify("dirty",!1),e=!0),r!==void 0&&r!==this._validator&&(this._validator=r,e=!0),e&&this.validate()}message(o,r){return r&&this._notifier.addListener(o,r),this._messages[o]}status(o){return o&&this._notifier.addListener("status",o),Qe(this._messages)}setMessages(o){let r=this._messages;this._messages=o;for(let e of["error","warning","success"])r[e]!==o[e]&&this._notifier.notify(e,o[e]);Qe(r)!==Qe(o)&&this._notifier.notify("status",Qe(o))}reset(){this._value=this._initValue,this._touched=!1,this._notifier.notify("value",this._value),this._notifier.notify("dirty",!1),this._notifier.notify("touched",!1),this.setMessages({}),this.validate()}validate(){let o=++this._validationToken;if(!this._validator){this._pending=!1,this.setMessages({});return}try{let r=this._validator(this._value);rn(r)?(this._pending=!0,Promise.resolve(r).then(e=>{o===this._validationToken&&(this._pending=!1,this.setMessages(e!=null?e:{}))}).catch(e=>{o===this._validationToken&&(this._pending=!1,console.error(e))})):(this._pending=!1,this.setMessages(r!=null?r:{}))}catch(r){o===this._validationToken&&(this._pending=!1),console.error(r)}}_dispose(){this._validationToken+=1,this._pending=!1,this._notifier._dispose()}};function Qe(i){if(i.error)return"error";if(i.warning)return"warning";if(i.success)return"success"}var vt=class{constructor(){this.fields=new Map}setField(o,r,e){let n=this.fields.get(o);return n?n.configure(r,e):(n=new De(r,e),this.fields.set(o,n)),n}getField(o){return this.setField(o)}removeField(o){var r;(r=this.fields.get(o))==null||r._dispose(),this.fields.delete(o)}get valid(){for(let o of this.fields.values())if(o._pending||o._messages.error)return!1;return!0}reset(){for(let o of this.fields.values())o.reset()}snapshot(){let o={};for(let[r,e]of this.fields)nn(o,r,e._value);return o}_dispose(){for(let o of this.fields.values())o._dispose();this.fields.clear()}};function nn(i,o,r){let e=o.split("."),n=i;for(let t=0;t<e.length-1;t++){let a=e[t];n[a]==null&&(n[a]=isNaN(Number(e[t+1]))?{}:[]),n=n[a]}n[e[e.length-1]]=r}0&&(module.exports={FieldState,FormState,abbreviation,alert,avatar,badge,blockquote,breadcrumb,breadcrumbEllipsis,button,buttonSwitch,card,code,combobox,command,commandItem,commandSearch,descriptionList,details,dialog,divider,drawer,emphasis,field,figure,form,formGroup,heading,horizontalRule,icon,image,inputCheckbox,inputColor,inputDateTime,inputFile,inputNumber,inputOTP,inputRadio,inputRange,inputSearch,inputSwitch,inputText,keyboard,label,link,mark,menu,menuItem,orderedList,pagination,paragraph,popover,popoverArrow,preformated,progress,select,selectBox,selectItem,selectList,skeleton,small,spinner,splitter,splitterHandle,splitterPanel,strong,subscript,superscript,tab,tabPanel,table,tabs,tag,textarea,toast,toggle,toggleGroup,tooltip,transitionGroup,unorderedList});
+"use strict";var He=Object.defineProperty,Eo=Object.defineProperties,ko=Object.getOwnPropertyDescriptor,To=Object.getOwnPropertyDescriptors,wo=Object.getOwnPropertyNames,Et=Object.getOwnPropertySymbols;var Tt=Object.prototype.hasOwnProperty,Po=Object.prototype.propertyIsEnumerable;var kt=(i,o,r)=>o in i?He(i,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[o]=r,wt=(i,o)=>{for(var r in o||(o={}))Tt.call(o,r)&&kt(i,r,o[r]);if(Et)for(var r of Et(o))Po.call(o,r)&&kt(i,r,o[r]);return i},Pt=(i,o)=>Eo(i,To(o));var Oo=(i,o)=>{for(var r in o)He(i,r,{get:o[r],enumerable:!0})},Io=(i,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of wo(o))!Tt.call(i,n)&&n!==r&&He(i,n,{get:()=>o[n],enumerable:!(e=ko(o,n))||e.enumerable});return i};var _o=i=>Io(He({},"__esModule",{value:!0}),i);var an={};Oo(an,{FieldState:()=>De,FormState:()=>vt,abbreviation:()=>Vo,alert:()=>Ao,avatar:()=>Wo,badge:()=>jo,blockquote:()=>Uo,breadcrumb:()=>Ko,breadcrumbEllipsis:()=>qo,button:()=>Xo,buttonSwitch:()=>zr,card:()=>zo,code:()=>Qo,combobox:()=>Go,command:()=>No,commandItem:()=>Do,commandSearch:()=>Mo,descriptionList:()=>er,details:()=>Zo,dialog:()=>tr,divider:()=>Wr,drawer:()=>Kr,emphasis:()=>or,field:()=>on,figure:()=>rr,form:()=>tn,formGroup:()=>nr,heading:()=>ar,horizontalRule:()=>lr,icon:()=>cr,image:()=>sr,inputCheckbox:()=>Jo,inputColor:()=>mr,inputDateTime:()=>ur,inputFile:()=>dr,inputNumber:()=>gr,inputOTP:()=>Fo,inputRadio:()=>kr,inputRange:()=>fr,inputSearch:()=>hr,inputSwitch:()=>Vr,inputText:()=>pr,keyboard:()=>yr,label:()=>br,link:()=>Sr,mark:()=>Cr,menu:()=>Zr,menuItem:()=>en,orderedList:()=>Br,pagination:()=>Ar,paragraph:()=>vr,popover:()=>qr,popoverArrow:()=>nt,preformated:()=>xr,progress:()=>Er,select:()=>Tr,selectBox:()=>_r,selectItem:()=>Ir,selectList:()=>Or,skeleton:()=>wr,small:()=>$r,spinner:()=>Pr,splitter:()=>$o,splitterHandle:()=>Lo,splitterPanel:()=>Ro,strong:()=>Rr,subscript:()=>Lr,superscript:()=>Nr,tab:()=>Jr,tabPanel:()=>Qr,table:()=>Mr,tabs:()=>Xr,tag:()=>Re,textarea:()=>Dr,toast:()=>Yr,toggle:()=>Ho,toggleGroup:()=>Bo,tooltip:()=>Gr,transitionGroup:()=>Ur,unorderedList:()=>Hr});module.exports=_o(an);var et=require("@domphy/core"),ae=require("@domphy/theme");function Vo(i={}){var e,n;let o=(0,et.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,et.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{_onInsert:t=>{t.tagName!="abbr"&&console.warn('"abbreviation" primitive patch must use abbr tag')},style:{fontSize:t=>(0,ae.themeSize)(t),backgroundColor:t=>(0,ae.themeColor)(t),color:t=>(0,ae.themeColor)(t,"shift-10",o.get(t)),textDecorationLine:"underline",textDecorationStyle:"dotted",textDecorationColor:t=>(0,ae.themeColor)(t,"shift-7",o.get(t)),textUnderlineOffset:(0,ae.themeSpacing)(.72),cursor:"help","&:hover":{color:t=>(0,ae.themeColor)(t,"shift-11",r.get(t)),textDecorationColor:t=>(0,ae.themeColor)(t,"shift-9",r.get(t))}}}}var Ot=require("@domphy/core"),v=require("@domphy/theme");function zo(i={}){var r;let o=(0,Ot.toState)((r=i.color)!=null?r:"neutral","color");return{style:{display:"grid",gridTemplateColumns:"1fr auto",gridTemplateAreas:'"image image" "title aside" "desc aside" "content content" "footer footer"',borderRadius:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*2),backgroundColor:e=>(0,v.themeColor)(e,"inherit",o.get(e)),color:e=>(0,v.themeColor)(e,"shift-10",o.get(e)),outline:e=>`1px solid ${(0,v.themeColor)(e,"shift-4",o.get(e))}`,outlineOffset:"-1px",overflow:"hidden","& > img":{gridArea:"image",width:"100%",height:"auto",display:"block"},"& > :is(h1,h2,h3,h4,h5,h6)":{gridArea:"title",paddingBlock:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*2),paddingInline:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*4),fontWeight:"600",margin:0},"& > p":{gridArea:"desc",paddingInline:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*4),color:e=>(0,v.themeColor)(e,"shift-9",o.get(e)),margin:0},"& > aside":{gridArea:"aside",alignSelf:"center",padding:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*2),height:"auto"},"& > div":{gridArea:"content",padding:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*4),color:e=>(0,v.themeColor)(e,"shift-10",o.get(e))},"& > footer":{gridArea:"footer",display:"flex",gap:(0,v.themeSpacing)(2),paddingBlock:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*2),paddingInline:e=>(0,v.themeSpacing)((0,v.themeDensity)(e)*4),borderTop:e=>`1px solid ${(0,v.themeColor)(e,"shift-3",o.get(e))}`}}}}var Be=require("@domphy/core"),Ie=require("@domphy/theme");function $o(i={}){let{direction:o="horizontal",defaultSize:r=50,min:e=10,max:n=90}=i;return{_onSchedule:(t,a)=>{(0,Be.merge)(a,{_context:{splitter:{direction:o,size:(0,Be.toState)(r),min:e,max:n}}})},style:{display:"flex",flexDirection:o==="horizontal"?"row":"column",overflow:"hidden"}}}function Ro(){return{_onMount:i=>{let o=i.getContext("splitter"),r=i.domElement,e=o.direction==="horizontal"?"width":"height";r.style[e]=`${o.size.get()}%`,r.style.flexShrink="0",r.style.overflow="auto";let n=o.size.addListener(t=>{r.style[e]=`${t}%`});i.addHook("Remove",n)}}}function Lo(){return{_onMount:i=>{let o=i.getContext("splitter"),r=i.domElement,e=o.direction==="horizontal";r.style.cursor=e?"col-resize":"row-resize";let n=t=>{t.preventDefault();let a=r.parentElement,l=u=>{let c=a.getBoundingClientRect(),m=e?(u.clientX-c.left)/c.width*100:(u.clientY-c.top)/c.height*100;o.size.set(Math.min(Math.max(m,o.min),o.max))},s=()=>{document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",l),document.addEventListener("mouseup",s)};r.addEventListener("mousedown",n),i.addHook("Remove",()=>r.removeEventListener("mousedown",n))},style:{flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:i=>(0,Ie.themeColor)(i,"shift-2"),"&:hover":{backgroundColor:i=>(0,Ie.themeColor)(i,"shift-3")},"&::after":{content:'""',borderRadius:(0,Ie.themeSpacing)(999),backgroundColor:i=>(0,Ie.themeColor)(i,"shift-4")}}}}var Fe=require("@domphy/core"),E=require("@domphy/theme");function No(){return{_onSchedule:(i,o)=>{(0,Fe.merge)(o,{_context:{command:{query:(0,Fe.toState)("")}}})},style:{display:"flex",flexDirection:"column",overflow:"hidden"}}}function Mo(i={}){let{color:o="neutral",accentColor:r="primary"}=i;return{_onInsert:e=>{e.tagName!=="input"&&console.warn('"commandSearch" patch must use input tag')},_onMount:e=>{let n=e.getContext("command"),t=e.domElement,a=()=>n.query.set(t.value);t.addEventListener("input",a),e.addHook("Remove",()=>t.removeEventListener("input",a))},style:{fontFamily:"inherit",fontSize:e=>(0,E.themeSize)(e,"inherit"),paddingInline:e=>(0,E.themeSpacing)((0,E.themeDensity)(e)*3),paddingBlock:e=>(0,E.themeSpacing)((0,E.themeDensity)(e)*2),border:"none",borderBottom:e=>`1px solid ${(0,E.themeColor)(e,"shift-3",o)}`,outline:"none",color:e=>(0,E.themeColor)(e,"shift-10",o),backgroundColor:e=>(0,E.themeColor)(e,"inherit",o),"&::placeholder":{color:e=>(0,E.themeColor)(e,"shift-7")},"&:focus-visible":{borderBottomColor:e=>(0,E.themeColor)(e,"shift-6",r)}}}}function Do(i={}){let{color:o="neutral",accentColor:r="primary"}=i;return{role:"option",_onMount:e=>{var s,u;let n=e.getContext("command"),t=e.domElement,a=(u=(s=t.textContent)==null?void 0:s.toLowerCase())!=null?u:"",l=n.query.addListener(c=>{t.hidden=c.length>0&&!a.includes(c.toLowerCase())});e.addHook("Remove",l)},style:{cursor:"pointer",display:"flex",alignItems:"center",width:"100%",fontSize:e=>(0,E.themeSize)(e,"inherit"),height:e=>(0,E.themeSpacing)(6+(0,E.themeDensity)(e)*2),paddingInline:e=>(0,E.themeSpacing)((0,E.themeDensity)(e)*3),border:"none",outline:"none",color:e=>(0,E.themeColor)(e,"shift-9",o),backgroundColor:e=>(0,E.themeColor)(e,"inherit",o),"&:hover:not([disabled])":{backgroundColor:e=>(0,E.themeColor)(e,"shift-2",o)},"&:focus-visible":{outline:e=>`${(0,E.themeSpacing)(.5)} solid ${(0,E.themeColor)(e,"shift-6",r)}`,outlineOffset:`-${(0,E.themeSpacing)(.5)}`}}}}var tt=require("@domphy/core"),W=require("@domphy/theme");function Ho(i={}){var e,n;let o=(0,tt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,tt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{role:"button",_onInsert:t=>{var c;t.tagName!=="button"&&console.warn('"toggle" patch must use button tag');let a=t.getContext("toggleGroup"),s=((c=t.parent)==null?void 0:c.children.items).filter(m=>m.type==="ElementNode"&&m.attributes.get("role")==="button"),u=t.key!==void 0?String(t.key):String(s.findIndex(m=>m===t));t.attributes.set("ariaPressed",m=>{let p=a.value.get(m);return Array.isArray(p)?p.includes(u):p===u}),t.addEvent("click",()=>{let m=a.value.get();if(a.multiple){let p=Array.isArray(m)?[...m]:[];a.value.set(p.includes(u)?p.filter(h=>h!==u):[...p,u])}else a.value.set(m===u?"":u)})},style:{cursor:"pointer",fontSize:t=>(0,W.themeSize)(t,"inherit"),height:(0,W.themeSpacing)(6),paddingBlock:(0,W.themeSpacing)(1),paddingInline:(0,W.themeSpacing)(2),border:"none",borderRadius:(0,W.themeSpacing)(1),color:t=>(0,W.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,W.themeColor)(t,"inherit",o.get(t)),transition:"background-color 300ms ease","&:hover:not([disabled])":{backgroundColor:t=>(0,W.themeColor)(t,"shift-2",o.get(t))},"&[aria-pressed=true]":{backgroundColor:t=>(0,W.themeColor)(t,"shift-3",r.get(t)),color:t=>(0,W.themeColor)(t,"shift-12",r.get(t))},"&:focus-visible":{outline:t=>`${(0,W.themeSpacing)(.5)} solid ${(0,W.themeColor)(t,"shift-6",r.get(t))}`,outlineOffset:`-${(0,W.themeSpacing)(.5)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}var It=require("@domphy/core"),le=require("@domphy/theme");function Bo(i={}){var e;let{multiple:o=!1,color:r="neutral"}=i;return{role:"group",_context:{toggleGroup:{value:(0,It.toState)((e=i.value)!=null?e:o?[]:""),multiple:o}},style:{display:"flex",paddingBlock:(0,le.themeSpacing)(1),paddingInline:(0,le.themeSpacing)(1),gap:(0,le.themeSpacing)(1),borderRadius:(0,le.themeSpacing)(2),fontSize:n=>(0,le.themeSize)(n,"inherit"),backgroundColor:n=>(0,le.themeColor)(n,"inherit",r),outline:n=>`1px solid ${(0,le.themeColor)(n,"shift-3",r)}`,outlineOffset:"-1px"}}}var ot=require("@domphy/theme");function Fo(){return{style:{display:"flex",alignItems:"center",gap:(0,ot.themeSpacing)(2),"& > *":{minWidth:(0,ot.themeSpacing)(9)+"!important"}},_onMount:i=>{let o=i.domElement,r=()=>Array.from(o.querySelectorAll("input")),e=a=>{let l=r(),s=a.target,u=l.indexOf(s);s.value&&u<l.length-1&&l[u+1].focus()},n=a=>{let l=r(),s=a.target,u=l.indexOf(s);a.key==="Backspace"&&!s.value&&u>0&&l[u-1].focus(),a.key==="ArrowLeft"&&u>0&&l[u-1].focus(),a.key==="ArrowRight"&&u<l.length-1&&l[u+1].focus()},t=a=>{var m,p,h;a.preventDefault();let l=(p=(m=a.clipboardData)==null?void 0:m.getData("text"))!=null?p:"",s=r(),u=s.indexOf(a.target);[...l].forEach((d,T)=>{s[u+T]&&(s[u+T].value=d)});let c=Math.min(u+l.length-1,s.length-1);(h=s[c])==null||h.focus()};o.addEventListener("input",e),o.addEventListener("keydown",n),o.addEventListener("paste",t),i.addHook("Remove",()=>{o.removeEventListener("input",e),o.removeEventListener("keydown",n),o.removeEventListener("paste",t)})}}}var _t=require("@domphy/core"),q=require("@domphy/theme");function Ao(i={}){var r;let o=(0,_t.toState)((r=i.color)!=null?r:"primary","color");return{role:"alert",dataTone:"shift-2",style:{display:"flex",alignItems:"flex-start",gap:(0,q.themeSpacing)(3),paddingBlock:e=>(0,q.themeSpacing)((0,q.themeDensity)(e)*2),paddingInline:e=>(0,q.themeSpacing)((0,q.themeDensity)(e)*4),boxShadow:e=>`inset ${(0,q.themeSpacing)(1)} 0 0 0 ${(0,q.themeColor)(e,"shift-8",o.get(e))}`,backgroundColor:e=>(0,q.themeColor)(e,"inherit",o.get(e)),color:e=>(0,q.themeColor)(e,"shift-10",o.get(e)),fontSize:e=>(0,q.themeSize)(e,"inherit")}}}var Vt=require("@domphy/core"),be=require("@domphy/theme");function Wo(i={}){var r;let o=(0,Vt.toState)((r=i.color)!=null?r:"primary","color");return{dataTone:"shift-2",style:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",borderRadius:"50%",flexShrink:0,width:(0,be.themeSpacing)(9),height:(0,be.themeSpacing)(9),fontSize:e=>(0,be.themeSize)(e,"inherit"),fontWeight:"600",userSelect:"none",backgroundColor:e=>(0,be.themeColor)(e,"inherit",o.get(e)),color:e=>(0,be.themeColor)(e,"shift-11",o.get(e)),"& img":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}}}var rt=require("@domphy/core"),he=require("@domphy/theme");function jo(i={}){var n;let{label:o=999}=i,r=(0,rt.toState)(o),e=(0,rt.toState)((n=i.color)!=null?n:"danger","color");return{style:{position:"relative","&::after":{content:t=>`"${r.get(t)}"`,position:"absolute",top:0,right:0,transform:"translate(50%,-50%)",paddingInline:(0,he.themeSpacing)(1),minWidth:(0,he.themeSpacing)(6),display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:t=>(0,he.themeSize)(t,"decrease-1"),borderRadius:(0,he.themeSpacing)(999),backgroundColor:t=>(0,he.themeColor)(t,"shift-9",e.get(t)),color:t=>(0,he.themeColor)(t,"shift-0",e.get(t))}}}}var zt=require("@domphy/core"),oe=require("@domphy/theme");function Ko(i={}){var e;let{separator:o="/"}=i,r=(0,zt.toState)((e=i.color)!=null?e:"neutral","color");return{_onInsert:n=>{n.tagName!=="nav"&&console.warn('"breadcrumb" patch must use nav tag')},ariaLabel:"breadcrumb",style:{display:"flex",alignItems:"center",flexWrap:"wrap",fontSize:n=>(0,oe.themeSize)(n,"inherit"),gap:(0,oe.themeSpacing)(1),color:n=>(0,oe.themeColor)(n,"shift-9",r.get(n)),backgroundColor:n=>(0,oe.themeColor)(n,"inherit",r.get(n)),"& > *":{display:"inline-flex",alignItems:"center",color:n=>(0,oe.themeColor)(n,"shift-8",r.get(n))},"& > *:not(:last-child)::after":{content:`"${o}"`,color:n=>(0,oe.themeColor)(n,"shift-4",r.get(n)),paddingInlineStart:(0,oe.themeSpacing)(1)},"& > [aria-current=page]":{color:n=>(0,oe.themeColor)(n,"shift-10",r.get(n)),pointerEvents:"none"}}}}var $t=require("@domphy/core"),Z=require("@domphy/theme");function qo(i={}){var r;let o=(0,$t.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!=="button"&&console.warn('"breadcrumbEllipsis" patch must use button tag')},ariaLabel:"More breadcrumb items",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:e=>(0,Z.themeSize)(e,"inherit"),paddingInline:(0,Z.themeSpacing)(1),border:"none",background:"none",cursor:"pointer",color:e=>(0,Z.themeColor)(e,"shift-8",o.get(e)),borderRadius:(0,Z.themeSpacing)(1),"&:hover":{color:e=>(0,Z.themeColor)(e,"shift-10",o.get(e)),backgroundColor:e=>(0,Z.themeColor)(e,"shift-2",o.get(e))},"&:focus-visible":{outline:e=>`${(0,Z.themeSpacing)(.5)} solid ${(0,Z.themeColor)(e,"shift-6",o.get(e))}`,outlineOffset:(0,Z.themeSpacing)(.5)}}}}var Ce=require("@domphy/core"),V=require("@domphy/theme");var Rt=require("@domphy/core"),M=require("@domphy/theme"),Yo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.707 5.293l5.293 5.292l5.293 -5.292a1 1 0 0 1 1.414 1.414l-5.292 5.293l5.292 5.293a1 1 0 0 1 -1.414 1.414l-5.293 -5.292l-5.293 5.292a1 1 0 1 1 -1.414 -1.414l5.292 -5.293l-5.292 -5.293a1 1 0 0 1 1.414 -1.414" /></svg>';function Re(i={}){var e;let{removable:o=!1}=i,r=(0,Rt.toState)((e=i.color)!=null?e:"neutral","color");return{dataTone:"shift-2",_onInit:n=>{let t={span:Yo,onClick:a=>{a.stopPropagation(),n.remove()},style:{display:"inline-flex",alignItems:"center",cursor:"pointer",borderRadius:(0,M.themeSpacing)(1),width:(0,M.themeSpacing)(4),height:(0,M.themeSpacing)(4),flexShrink:0,"&:hover":{backgroundColor:a=>(0,M.themeColor)(a,"shift-4",r.get(a))}}};o&&n.children.insert(t)},style:{display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",userSelect:"none",height:(0,M.themeSpacing)(6),paddingBlock:"0px",borderRadius:(0,M.themeSpacing)(1),paddingInlineStart:(0,M.themeSpacing)(2),paddingInlineEnd:o?(0,M.themeSpacing)(1):(0,M.themeSpacing)(2),gap:(0,M.themeSpacing)(2),fontSize:n=>(0,M.themeSize)(n,"inherit"),backgroundColor:n=>(0,M.themeColor)(n,"inherit",r.get(n)),color:n=>(0,M.themeColor)(n,"shift-9",r.get(n)),border:"none",outlineOffset:"-1px",outline:n=>`1px solid ${(0,M.themeColor)(n,"shift-4",r.get(n))}`}}}var Ae=require("@domphy/core"),se=require("@floating-ui/dom");function Se(i){let{open:o=!1,placement:r}=i,e=null,n=null,t=null,a=null,l=(0,Ae.toState)(o),s=()=>{t&&a&&(n&&n(),n=(0,se.autoUpdate)(t,a,()=>{(0,se.computePosition)(t,a,{placement:r.get(),middleware:[(0,se.offset)(12),(0,se.flip)(),(0,se.shift)()],strategy:"fixed"}).then(({x:d,y:T,placement:f})=>{Object.assign(a.style,{left:`${d}px`,top:`${T}px`}),r.set(f)})}),l.set(!0))},u=()=>{n&&n(),n=null,l.set(!1)},c=()=>{e&&clearTimeout(e),e=setTimeout(s,100)},m=()=>{e&&clearTimeout(e),e=setTimeout(u,100)},p={style:{position:"fixed",pointerEvents:"auto",visibility:d=>l.get(d)?"visible":"hidden"},_onMount:d=>a=d.domElement,_portal:d=>{let T=d.domElement.querySelector("#domphy-floating");if(!T){let f={div:[],id:"domphy-floating",style:{position:"fixed",inset:0,zIndex:20,pointerEvents:"none"}};T=d.children.insert(f).domElement}return T}};return(0,Ae.merge)(i.content,p),{show:c,hide:m,anchorPartial:{onKeyDown:d=>d.key==="Escape"&&m(),_onMount:d=>{let T=d.getRoot();t=d.domElement;let f=T.children.insert(i.content),Y=G=>{if(!l.get()||!t||!a)return;let Ee=G.target;!t.contains(Ee)&&!a.contains(Ee)&&m()};d.getRoot().domElement.addEventListener("click",Y),d.addHook("BeforeRemove",()=>{e&&clearTimeout(e),f&&f.remove(),d.getRoot().domElement.removeEventListener("click",Y)})}}}}function Go(i){let{options:o=[],placement:r="bottom",color:e="neutral",open:n=!1,multiple:t=!1}=i,a=(0,Ce.toState)(i.value),l=(0,Ce.toState)(n),{show:s,hide:u,anchorPartial:c}=Se({open:l,placement:(0,Ce.toState)(r),content:i.content}),m={onClick:()=>!t&&u()};(0,Ce.merge)(i.content,m);let p={border:"none",outline:"none",padding:0,margin:0,flex:1,height:(0,V.themeSpacing)(6),marginInlineStart:(0,V.themeSpacing)(2),fontSize:f=>(0,V.themeSize)(f,"inherit"),color:f=>(0,V.themeColor)(f,"shift-9",e),backgroundColor:f=>(0,V.themeColor)(f,"inherit",e)},h;i.input?((0,Ce.merge)(i.input,{onFocus:()=>s(),style:p,_key:"combobox-input"}),h=i.input):h={input:null,onFocus:()=>s(),value:f=>(a.get(f),""),style:p,_key:"combobox-input"};let d={div:f=>{let Y=a.get(f),G=Array.isArray(Y)?Y:[Y],te=o.filter(Oe=>G.includes(Oe.value)).map(Oe=>({span:Oe.label,$:[Re({color:e,removable:!0})],_key:Oe.value,_onRemove:Ze=>{let $e=a.get(),xt=(Array.isArray($e)?$e:[$e]).filter(xo=>xo!==Oe.value);t?a.set(xt):a.set(xt[0])}}));return te.push(h),te},style:{display:"flex",flexWrap:"wrap",gap:(0,V.themeSpacing)(1)}},T={_onInsert:f=>{f.tagName!="div"&&console.warn('"combobox" primitive patch must use div tag')},_onInit:f=>f.children.insert(d),style:{minWidth:(0,V.themeSpacing)(32),outlineOffset:"-1px",outline:f=>`1px solid ${(0,V.themeColor)(f,"shift-4","neutral")}`,paddingBlock:f=>(0,V.themeSpacing)((0,V.themeDensity)(f)*1),paddingInline:f=>(0,V.themeSpacing)((0,V.themeDensity)(f)*1),borderRadius:f=>(0,V.themeSpacing)((0,V.themeDensity)(f)*1),fontSize:f=>(0,V.themeSize)(f,"inherit"),color:f=>(0,V.themeColor)(f,"shift-9",e),backgroundColor:f=>(0,V.themeColor)(f,"inherit",e)}};return(0,Ce.merge)(c,T),c}var Lt=require("@domphy/core"),re=require("@domphy/theme");function nt(i={}){let{placement:o="bottom-end",color:r="neutral",sideOffset:e=(0,re.themeSpacing)(6),bordered:n=!0}=i,t=(0,Lt.toState)(o),a={top:"bottom",bottom:"top",left:"right",right:"left","top-start":"bottom-end","top-end":"bottom-start","bottom-start":"top-end","bottom-end":"top-start","left-start":"right-end","left-end":"right-start","right-start":"left-end","right-end":"left-start"},l=c=>{var m;return(m=a[t.get(c)])!=null?m:a["bottom-end"]},s=c=>c.includes("start")?e:c.includes("end")?"auto":"50%",u=c=>c.includes("end")?e:c.includes("start")?"auto":"50%";return{style:{fontSize:c=>(0,re.themeSize)(c),backgroundColor:c=>(0,re.themeColor)(c),color:c=>(0,re.themeColor)(c,"shift-9",r),position:"relative","&::after":{content:'""',position:"absolute",width:(0,re.themeSpacing)(1.5),height:(0,re.themeSpacing)(1.5),backgroundColor:c=>(0,re.themeColor)(c,"inherit",r),borderWidth:n?"1px":"0px",borderColor:c=>(0,re.themeColor)(c,"inherit",r),borderTopStyle:c=>{let m=l(c);return m.includes("top")||m.includes("right")?"solid":"none"},borderBottomStyle:c=>{let m=l(c);return m.includes("bottom")||m.includes("left")?"solid":"none"},borderLeftStyle:c=>{let m=l(c);return m.includes("top")||m.includes("left")?"solid":"none"},borderRightStyle:c=>{let m=l(c);return m.includes("bottom")||m.includes("right")?"solid":"none"},top:c=>{let m=l(c);return m.includes("top")?0:m.includes("bottom")?"auto":s(m)},right:c=>{let m=l(c);return m.includes("right")?0:m.includes("left")?"auto":u(m)},bottom:c=>{let m=l(c);return m.includes("bottom")?0:m.includes("top")?"auto":u(m)},left:c=>{let m=l(c);return m.includes("left")?0:m.includes("right")?"auto":s(m)},transform:c=>{let m=l(c),p=m.includes("right")||m.includes("end")&&!m.includes("left")?"50%":"-50%",h=m.includes("bottom")||m.includes("end")&&!m.includes("top")?"50%":"-50%";return`translate(${p},${h}) rotate(45deg)`}}}}}var Nt=require("@domphy/core"),ee=require("@domphy/theme");function Uo(i={}){var r;let o=(0,Nt.toState)((r=i.color)!=null?r:"inherit","color");return{_onInsert:e=>{e.tagName!="blockquote"&&console.warn('"blockquote" primitive patch must use blockquote tag')},dataTone:"shift-2",style:{fontSize:e=>(0,ee.themeSize)(e,"inherit"),backgroundColor:e=>(0,ee.themeColor)(e,"inherit",o.get(e)),boxShadow:e=>`inset ${(0,ee.themeSpacing)(1)} 0 0 0 ${(0,ee.themeColor)(e,"shift-4",o.get(e))}`,border:"none",paddingBlock:e=>(0,ee.themeSpacing)((0,ee.themeDensity)(e)*2),paddingInline:e=>(0,ee.themeSpacing)((0,ee.themeDensity)(e)*4),margin:0}}}var Mt=require("@domphy/core"),P=require("@domphy/theme");function Xo(i={}){var r;let o=(0,Mt.toState)((r=i.color)!=null?r:"primary","color");return{_onInsert:e=>{e.tagName!="button"&&console.warn('"button" primitive patch must use button tag')},style:{appearance:"none",fontSize:e=>(0,P.themeSize)(e,"inherit"),paddingBlock:e=>(0,P.themeSpacing)((0,P.themeDensity)(e)*1),paddingInline:e=>(0,P.themeSpacing)((0,P.themeDensity)(e)*3),borderRadius:e=>(0,P.themeSpacing)((0,P.themeDensity)(e)*1),width:"fit-content",display:"flex",justifyContent:"center",alignItems:"center",gap:e=>(0,P.themeSpacing)((0,P.themeDensity)(e)*1),userSelect:"none",fontFamily:"inherit",lineHeight:"inherit",border:"none",outlineOffset:"-1px",outlineWidth:"1px",outline:e=>`1px solid ${(0,P.themeColor)(e,"shift-4",o.get(e))}`,color:e=>(0,P.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,P.themeColor)(e,"inherit",o.get(e)),"&:hover:not([disabled]):not([aria-busy=true])":{color:e=>(0,P.themeColor)(e,"shift-10",o.get(e)),backgroundColor:e=>(0,P.themeColor)(e,"shift-2",o.get(e))},"&:focus-visible":{boxShadow:e=>`inset 0 0 0 ${(0,P.themeSpacing)(.5)} ${(0,P.themeColor)(e,"shift-6",o.get(e))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:e=>(0,P.themeColor)(e,"shift-2","neutral"),outline:e=>`1px solid ${(0,P.themeColor)(e,"shift-4","neutral")}`,color:e=>(0,P.themeColor)(e,"shift-8","neutral")},"&[aria-busy=true]":{opacity:.7,cursor:"wait",pointerEvents:"none"}}}}var it=require("@domphy/core"),k=require("@domphy/theme");function Jo(i={}){var e,n;let o=(0,it.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,it.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"checkbox",_onInsert:t=>{t.tagName!=="input"&&console.warn('"inputCheckbox" primitive patch must use input tag')},style:{appearance:"none",fontSize:t=>(0,k.themeSize)(t,"inherit"),display:"inline-flex",position:"relative",width:(0,k.themeSpacing)(6),height:(0,k.themeSpacing)(6),justifyContent:"center",alignItems:"center",transition:"background-color 300ms, outline-color 300ms",margin:0,padding:0,"&::before":{content:'""',display:"block",borderRadius:(0,k.themeSpacing)(1),lineHeight:1,cursor:"pointer",border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,k.themeColor)(t,"shift-4",o.get(t))}`,color:t=>(0,k.themeColor)(t,"shift-9",o.get(t)),width:(0,k.themeSpacing)(4),height:(0,k.themeSpacing)(4)},"&:hover::before":{backgroundColor:t=>(0,k.themeColor)(t,"shift-2",o.get(t))},"&:checked::before":{outline:t=>`1px solid ${(0,k.themeColor)(t,"shift-6",r.get(t))}`,backgroundColor:t=>(0,k.themeColor)(t,"shift-8",r.get(t))},"&:checked:hover:not([disabled])::before":{backgroundColor:t=>(0,k.themeColor)(t,"shift-7",r.get(t))},"&:checked::after":{content:'""',display:"block",position:"absolute",top:"25%",insetInlineStart:"37%",width:"20%",height:"30%",border:t=>`${(0,k.themeSpacing)(.5)} solid ${(0,k.themeColor)(t,"inherit",r.get(t))}`,borderTop:0,borderInlineStart:0,transform:"rotate(45deg)"},"&:indeterminate::before":{outline:t=>`1px solid ${(0,k.themeColor)(t,"shift-6",r.get(t))}`,backgroundColor:t=>(0,k.themeColor)(t,"shift-3",r.get(t))},"&:indeterminate::after":{content:'""',position:"absolute",inset:"30%",backgroundColor:t=>(0,k.themeColor)(t,"shift-8",r.get(t))},"&:indeterminate:hover:not([disabled])::after":{backgroundColor:t=>(0,k.themeColor)(t,"shift-7",r.get(t))},"&:focus-visible":{borderRadius:(0,k.themeSpacing)(1.5),outline:t=>`${(0,k.themeSpacing)(.5)} solid ${(0,k.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{cursor:"not-allowed"},"&[disabled]::before, &[disabled]::after":{outline:"none",backgroundColor:t=>(0,k.themeColor)(t,"shift-4","neutral"),pointerEvents:"none"}}}}var Dt=require("@domphy/core"),pe=require("@domphy/theme");function Qo(i={}){var r;let o=(0,Dt.toState)((r=i.color)!=null?r:"neutral","color");return{dataTone:"shift-2",_onInsert:e=>{e.tagName!="code"&&console.warn('"code" primitive patch must use code tag')},style:{display:"inline-flex",alignItems:"center",fontSize:e=>(0,pe.themeSize)(e,"inherit"),color:e=>(0,pe.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,pe.themeColor)(e,"inherit",o.get(e)),height:(0,pe.themeSpacing)(6),paddingInline:(0,pe.themeSpacing)(1.5),borderRadius:(0,pe.themeSpacing)(1)}}}var at=require("@domphy/core"),g=require("@domphy/theme");function Zo(i={}){var n,t;let{duration:o=240}=i,r=(0,at.toState)((n=i.color)!=null?n:"neutral","color"),e=(0,at.toState)((t=i.accentColor)!=null?t:"primary","accentColor");return{_onInsert:a=>{a.tagName!="details"&&console.warn('"details" primitive patch must use details tag')},style:{fontSize:a=>(0,g.themeSize)(a,"inherit"),color:a=>(0,g.themeColor)(a,"shift-9",r.get(a)),backgroundColor:a=>(0,g.themeColor)(a,"inherit",r.get(a)),overflow:"hidden","& > summary":{backgroundColor:a=>(0,g.themeColor)(a,"shift-2",r.get(a)),color:a=>(0,g.themeColor)(a,"shift-10",r.get(a)),fontSize:a=>(0,g.themeSize)(a,"inherit"),listStyle:"none",display:"flex",justifyContent:"space-between",alignItems:"center",gap:(0,g.themeSpacing)(2),cursor:"pointer",userSelect:"none",fontWeight:500,paddingInline:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*4),height:(0,g.themeSpacing)(10)},"& > summary::-webkit-details-marker":{display:"none"},"& > summary::marker":{content:'""'},"& > summary::after":{content:'""',width:(0,g.themeSpacing)(2),height:(0,g.themeSpacing)(2),flexShrink:0,marginTop:`-${(0,g.themeSpacing)(.5)}`,borderInlineEnd:a=>`${(0,g.themeSpacing)(.5)} solid ${(0,g.themeColor)(a,"shift-9",r.get(a))}`,borderBottom:a=>`${(0,g.themeSpacing)(.5)} solid ${(0,g.themeColor)(a,"shift-9",r.get(a))}`,transform:"rotate(45deg)",transition:`transform ${o}ms ease`},"&[open] > summary::after":{transform:"rotate(-135deg)"},"& > summary:hover":{backgroundColor:a=>(0,g.themeColor)(a,"shift-3",r.get(a))},"& > summary:focus-visible":{borderRadius:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*2),outlineOffset:`-${(0,g.themeSpacing)(.5)}`,outline:a=>`${(0,g.themeSpacing)(.5)} solid ${(0,g.themeColor)(a,"shift-6",e.get(a))}`},"& > :not(summary)":{maxHeight:"0px",opacity:0,overflow:"hidden",paddingInline:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*3),paddingTop:0,paddingBottom:0,transition:`max-height ${o}ms ease, opacity ${o}ms ease, padding ${o}ms ease`},"&[open] > :not(summary)":{maxHeight:(0,g.themeSpacing)(250),opacity:1,paddingTop:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*1),paddingBottom:a=>(0,g.themeSpacing)((0,g.themeDensity)(a)*3)}}}}var Ht=require("@domphy/core"),fe=require("@domphy/theme");function er(i={}){var r;let o=(0,Ht.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="dl"&&console.warn('"descriptionList" primitive patch must use dl tag')},style:{display:"grid",gridTemplateColumns:`minmax(${(0,fe.themeSpacing)(24)}, max-content) 1fr`,columnGap:(0,fe.themeSpacing)(4),margin:0,"& dt":{margin:0,fontWeight:600,fontSize:e=>(0,fe.themeSize)(e,"inherit"),color:e=>(0,fe.themeColor)(e,"shift-10",o.get(e))},"& dd":{margin:0,fontSize:e=>(0,fe.themeSize)(e,"inherit"),color:e=>(0,fe.themeColor)(e,"shift-9",o.get(e))}}}}var Bt=require("@domphy/core"),U=require("@domphy/theme");function tr(i={}){let{color:o="neutral",open:r=!1}=i,e=(0,Bt.toState)(r);return{_onInsert:n=>{n.tagName!="dialog"&&console.warn('"dialog" primitive patch must use dialog tag')},onClick:(n,t)=>{if(n.target!==t.domElement)return;let a=t.domElement.getBoundingClientRect();n.clientX>=a.left&&n.clientX<=a.right&&n.clientY>=a.top&&n.clientY<=a.bottom||e.set(!1)},onTransitionEnd:(n,t)=>{let a=t.domElement;a.style.opacity==="0"&&(a.close(),document.body.style.overflow="")},_onMount:n=>{let t=n.domElement,a=l=>{l?(t.showModal(),document.body.style.overflow="hidden",requestAnimationFrame(()=>{t.style.opacity="1";let s=t.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');s==null||s.focus()})):t.style.opacity="0"};a(e.get()),e.addListener(a)},style:{opacity:"0",transition:"opacity 200ms ease",fontSize:n=>(0,U.themeSize)(n,"inherit"),color:n=>(0,U.themeColor)(n,"shift-10",o),backgroundColor:n=>(0,U.themeColor)(n,"inherit",o),border:"none",padding:n=>(0,U.themeSpacing)((0,U.themeDensity)(n)*3),boxShadow:n=>`0 ${(0,U.themeSpacing)(9)} ${(0,U.themeSpacing)(16)} ${(0,U.themeColor)(n,"shift-4","neutral")}`,"&::backdrop":{backgroundColor:n=>(0,U.themeColor)(n,"shift-2","neutral"),opacity:.75}}}}var Ft=require("@domphy/core"),We=require("@domphy/theme");function or(i={}){var r;let o=(0,Ft.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="em"&&console.warn('"emphasis" primitive patch must use em tag')},style:{fontSize:e=>(0,We.themeSize)(e,"inherit"),fontStyle:"italic",color:e=>(0,We.themeColor)(e,"shift-10",o.get(e))}}}var At=require("@domphy/core"),ce=require("@domphy/theme");function rr(i={}){var r;let o=(0,At.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="figure"&&console.warn('"figure" primitive patch must use figure tag')},style:{display:"flex",flexDirection:"column",gap:(0,ce.themeSpacing)(2),marginInline:0,marginTop:(0,ce.themeSpacing)(3),marginBottom:(0,ce.themeSpacing)(3),color:e=>(0,ce.themeColor)(e,"shift-9",o.get(e)),"& img, & svg, & video, & canvas":{display:"block",maxWidth:"100%",borderRadius:(0,ce.themeSpacing)(2)},"& figcaption":{fontSize:e=>(0,ce.themeSize)(e,"decrease-1"),color:e=>(0,ce.themeColor)(e,"shift-8",o.get(e)),lineHeight:1.45}}}}var Wt=require("@domphy/core"),x=require("@domphy/theme");function nr(i={}){var n;let{layout:o="horizontal"}=i,r=(0,Wt.toState)((n=i.color)!=null?n:"neutral","color"),e=o==="vertical";return{_onInsert:t=>{t.tagName!="fieldset"&&console.warn('"formGroup" patch must use fieldset tag')},style:{margin:0,paddingInline:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*3),paddingBlock:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*3),border:"none",borderRadius:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*2),fontSize:t=>(0,x.themeSize)(t,"inherit"),backgroundColor:t=>(0,x.themeColor)(t,"inherit",r.get(t)),display:"grid",gridTemplateColumns:e?"minmax(0, 1fr)":"max-content minmax(0, 1fr)",columnGap:(0,x.themeSpacing)(4),rowGap:(0,x.themeSpacing)(3),alignItems:"start","& > legend":{gridColumn:"1 / -1",margin:0,fontSize:t=>(0,x.themeSize)(t,"inherit"),fontWeight:600,paddingBlock:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*1),borderRadius:t=>(0,x.themeSpacing)((0,x.themeDensity)(t)*2),color:t=>(0,x.themeColor)(t,"shift-9",r.get(t)),backgroundColor:t=>(0,x.themeColor)(t,"inherit",r.get(t))},"& > label":{gridColumn:"1",alignSelf:"start",margin:0,paddingBlock:t=>e?"0px":(0,x.themeSpacing)((0,x.themeDensity)(t)*1)},"& > label:has(+ :not(legend, label, p) + p)":{gridRow:e?"auto":"span 2"},"& > :not(legend, label, p)":{gridColumn:e?"1":"2",minWidth:0,width:"100%",boxSizing:"border-box"},"& > p":{gridColumn:e?"1":"2",minWidth:0,margin:0,marginBlockStart:`calc(${(0,x.themeSpacing)(2)} * -1)`,fontSize:t=>(0,x.themeSize)(t,"decrease-1"),color:t=>(0,x.themeColor)(t,"shift-9",r.get(t))}}}}var jt=require("@domphy/core"),_e=require("@domphy/theme"),ir={h6:"decrease-1",h5:"inherit",h4:"increase-1",h3:"increase-2",h2:"increase-3",h1:"increase-4"};function ar(i={}){var r;let o=(0,jt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{["h1","h2","h3","h4","h5","h6"].includes(e.tagName)||console.warn('"heading" primitive patch must use heading tags [h1...h6]')},style:{color:e=>(0,_e.themeColor)(e,"shift-11",o.get(e)),marginTop:0,marginBottom:(0,_e.themeSpacing)(2),fontSize:e=>{let n=ir[e.elementNode.tagName]||"inherit";return(0,_e.themeSize)(e,n)}}}}var Kt=require("@domphy/core"),Le=require("@domphy/theme");function lr(i={}){var r;let o=(0,Kt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="hr"&&console.warn('"horizontalRule" primitive patch must use hr tag')},style:{border:0,height:"1px",marginInline:0,marginTop:(0,Le.themeSpacing)(3),marginBottom:(0,Le.themeSpacing)(3),backgroundColor:e=>(0,Le.themeColor)(e,"shift-4",o.get(e))}}}var qt=require("@domphy/core"),je=require("@domphy/theme");function sr(i={}){var r;let o=(0,qt.toState)((r=i.color)!=null?r:"neutral","color");return{dataTone:"shift-2",_onInsert:e=>{e.tagName!="img"&&console.warn('"image" primitive patch must use img tag')},style:{display:"block",width:"100%",maxWidth:"100%",height:"auto",objectFit:"cover",borderRadius:(0,je.themeSpacing)(2),backgroundColor:e=>(0,je.themeColor)(e,"inherit",o.get(e))}}}var Yt=require("@domphy/core"),ke=require("@domphy/theme");function cr(i={}){var r;let o=(0,Yt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="span"&&console.warn('"icon" primitive patch should use span tag')},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",alignSelf:"center",justifySelf:"center",verticalAlign:"middle",width:(0,ke.themeSpacing)(4),height:(0,ke.themeSpacing)(4),flexShrink:"0",fontSize:e=>(0,ke.themeSize)(e),backgroundColor:"transparent",color:e=>(0,ke.themeColor)(e,"shift-9",o.get(e))}}}var lt=require("@domphy/core"),D=require("@domphy/theme");function mr(i={}){var e,n;let o=(0,lt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,lt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"color",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputColor" primitive patch must use input tag'),a.type="color"},style:{appearance:"none",border:"none",cursor:"pointer",fontSize:t=>(0,D.themeSize)(t,"inherit"),paddingBlock:t=>(0,D.themeSpacing)((0,D.themeDensity)(t)*1),paddingInline:t=>(0,D.themeSpacing)((0,D.themeDensity)(t)*1),blockSize:t=>(0,D.themeSpacing)(6+(0,D.themeDensity)(t)*2),inlineSize:t=>(0,D.themeSpacing)(6+(0,D.themeDensity)(t)*2),backgroundColor:"transparent","&::-webkit-color-swatch-wrapper":{margin:0,padding:0},"&::-webkit-color-swatch":{borderRadius:t=>(0,D.themeSpacing)((0,D.themeDensity)(t)*1)},"&:hover:not([disabled]), &:focus-visible":{},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>(0,D.themeColor)(t,"shift-2","neutral"),outline:t=>`1px solid ${(0,D.themeColor)(t,"shift-4","neutral")}`}}}}var st=require("@domphy/core"),z=require("@domphy/theme");function ur(i={}){var n,t;let{mode:o="datetime-local"}=i,r=(0,st.toState)((n=i.color)!=null?n:"neutral","color"),e=(0,st.toState)((t=i.accentColor)!=null?t:"primary","accentColor");return{type:o,_onSchedule:(a,l)=>{a.tagName!="input"&&console.warn('"inputDateTime" primitive patch must use input tag'),l.type=o},style:{fontFamily:"inherit",fontSize:a=>(0,z.themeSize)(a,"inherit"),lineHeight:"inherit",color:a=>(0,z.themeColor)(a,"shift-9",r.get(a)),backgroundColor:a=>(0,z.themeColor)(a,"inherit",r.get(a)),border:"none",outlineOffset:"-1px",outline:a=>`1px solid ${(0,z.themeColor)(a,"shift-4",r.get(a))}`,borderRadius:a=>(0,z.themeSpacing)((0,z.themeDensity)(a)*1),paddingInline:a=>(0,z.themeSpacing)((0,z.themeDensity)(a)*3),height:a=>(0,z.themeSpacing)(6+(0,z.themeDensity)(a)*2),"&::-webkit-calendar-picker-indicator":{cursor:"pointer",opacity:.85},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:a=>`${(0,z.themeSpacing)(.5)} solid ${(0,z.themeColor)(a,"shift-6",e.get(a))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:a=>(0,z.themeColor)(a,"shift-8","neutral"),backgroundColor:a=>(0,z.themeColor)(a,"shift-2","neutral"),outline:a=>`1px solid ${(0,z.themeColor)(a,"shift-4","neutral")}`},"&:invalid":{outline:a=>`${(0,z.themeSpacing)(.5)} solid ${(0,z.themeColor)(a,"shift-6","error")}`}}}}var ct=require("@domphy/core"),y=require("@domphy/theme");function dr(i={}){var e,n;let o=(0,ct.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,ct.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"file",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputFile" primitive patch must use input tag'),a.type="file"},style:{fontFamily:"inherit",fontSize:t=>(0,y.themeSize)(t,"inherit"),lineHeight:"inherit",color:t=>(0,y.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,y.themeColor)(t,"inherit",o.get(t)),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,y.themeColor)(t,"shift-4",o.get(t))}`,borderRadius:t=>(0,y.themeSpacing)((0,y.themeDensity)(t)*1),height:t=>(0,y.themeSpacing)(6+(0,y.themeDensity)(t)*2),paddingInline:t=>(0,y.themeSpacing)((0,y.themeDensity)(t)*1),"&::file-selector-button":{marginBlock:"auto",fontFamily:"inherit",fontSize:"inherit",border:"none",borderRadius:(0,y.themeSpacing)(1),height:(0,y.themeSpacing)(6),paddingInline:(0,y.themeSpacing)(2),cursor:"pointer",color:t=>(0,y.themeColor)(t,"shift-10",r.get(t)),backgroundColor:t=>(0,y.themeColor)(t,"shift-3",r.get(t))},"&::-webkit-file-upload-button":{marginTop:(0,y.themeSpacing)(1),fontFamily:"inherit",fontSize:"inherit",border:"none",borderRadius:(0,y.themeSpacing)(1),height:(0,y.themeSpacing)(6),paddingInline:(0,y.themeSpacing)(2),cursor:"pointer",color:t=>(0,y.themeColor)(t,"shift-10",o.get(t)),backgroundColor:t=>(0,y.themeColor)(t,"shift-3",o.get(t))},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${(0,y.themeSpacing)(.5)} solid ${(0,y.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>(0,y.themeColor)(t,"shift-8","neutral"),outline:t=>`1px solid ${(0,y.themeColor)(t,"shift-4","neutral")}`,backgroundColor:t=>(0,y.themeColor)(t,"shift-2","neutral")},"&[disabled]::file-selector-button, &[disabled]::-webkit-file-upload-button":{cursor:"not-allowed",color:t=>(0,y.themeColor)(t,"shift-8","neutral"),backgroundColor:t=>(0,y.themeColor)(t,"shift-3","neutral")}}}}var mt=require("@domphy/core"),$=require("@domphy/theme");function hr(i={}){var e,n;let o=(0,mt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,mt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"search",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputSearch" primitive patch must use input tag'),a.type="search"},style:{fontFamily:"inherit",fontSize:t=>(0,$.themeSize)(t,"inherit"),lineHeight:"inherit",color:t=>(0,$.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,$.themeColor)(t,"inherit",o.get(t)),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,$.themeColor)(t,"shift-4",o.get(t))}`,borderRadius:t=>(0,$.themeSpacing)((0,$.themeDensity)(t)*1),minWidth:(0,$.themeSpacing)(32),paddingInline:t=>(0,$.themeSpacing)((0,$.themeDensity)(t)*3),paddingBlock:t=>(0,$.themeSpacing)((0,$.themeDensity)(t)*1),"&::placeholder":{color:t=>(0,$.themeColor)(t,"shift-7",o.get(t))},"&::-webkit-search-decoration":{display:"none"},"&::-webkit-search-cancel-button":{cursor:"pointer"},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${(0,$.themeSpacing)(.5)} solid ${(0,$.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>(0,$.themeColor)(t,"shift-8","neutral"),backgroundColor:t=>(0,$.themeColor)(t,"shift-2","neutral"),outline:t=>`1px solid ${(0,$.themeColor)(t,"shift-4","neutral")}`}}}}var ut=require("@domphy/core"),S=require("@domphy/theme");function pr(i={}){var e,n;let o=(0,ut.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,ut.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"text",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputText" primitive patch must use input tag and text type'),a.type="text"},style:{fontFamily:"inherit",lineHeight:"inherit",minWidth:(0,S.themeSpacing)(10),paddingInline:t=>(0,S.themeSpacing)((0,S.themeDensity)(t)*3),paddingBlock:t=>(0,S.themeSpacing)((0,S.themeDensity)(t)*1),borderRadius:t=>(0,S.themeSpacing)((0,S.themeDensity)(t)*1),fontSize:t=>(0,S.themeSize)(t,"inherit"),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,S.themeColor)(t,"shift-4",o.get(t))}`,color:t=>(0,S.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,S.themeColor)(t,"inherit",o.get(t)),"&::placeholder":{color:t=>(0,S.themeColor)(t,"shift-7")},"&:not(:placeholder-shown)":{color:t=>(0,S.themeColor)(t,"shift-10")},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${(0,S.themeSpacing)(.5)} solid ${(0,S.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>(0,S.themeColor)(t,"shift-2","neutral"),outline:t=>`1px solid ${(0,S.themeColor)(t,"shift-4","neutral")}`,color:t=>(0,S.themeColor)(t,"shift-8","neutral")},"&:invalid:not(:placeholder-shown)":{outline:t=>`${(0,S.themeSpacing)(.5)} solid ${(0,S.themeColor)(t,"shift-6","error")}`},"&[data-status=error]":{outline:t=>`${(0,S.themeSpacing)(.5)} solid ${(0,S.themeColor)(t,"shift-6","error")}`},"&[data-status=warning]":{outline:t=>`${(0,S.themeSpacing)(.5)} solid ${(0,S.themeColor)(t,"shift-6","warning")}`}}}}var dt=require("@domphy/core"),R=require("@domphy/theme");function fr(i={}){var e,n;let o=(0,dt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,dt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"range",_onInsert:t=>{t.tagName!="input"&&console.warn('"inputRange" primitive patch must use input tag')},style:{appearance:"none",width:"100%",margin:0,padding:0,height:(0,R.themeSpacing)(4),background:"transparent",cursor:"pointer","&::-webkit-slider-runnable-track":{height:(0,R.themeSpacing)(1.5),borderRadius:(0,R.themeSpacing)(999),backgroundColor:t=>(0,R.themeColor)(t,"shift-3",o.get(t))},"&::-moz-range-track":{height:(0,R.themeSpacing)(1.5),borderRadius:(0,R.themeSpacing)(999),backgroundColor:t=>(0,R.themeColor)(t,"shift-3",o.get(t))},"&::-webkit-slider-thumb":{appearance:"none",width:(0,R.themeSpacing)(4),height:(0,R.themeSpacing)(4),borderRadius:(0,R.themeSpacing)(999),border:"none",marginTop:`calc((${(0,R.themeSpacing)(1.5)} - ${(0,R.themeSpacing)(4)}) / 2)`,backgroundColor:t=>(0,R.themeColor)(t,"shift-9",r.get(t))},"&:hover:not([disabled])::-webkit-slider-thumb":{backgroundColor:t=>(0,R.themeColor)(t,"shift-10",r.get(t))},"&:focus-visible":{outline:t=>`${(0,R.themeSpacing)(.5)} solid ${(0,R.themeColor)(t,"shift-6",r.get(t))}`,outlineOffset:(0,R.themeSpacing)(1),borderRadius:(0,R.themeSpacing)(2)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}var ht=require("@domphy/core"),O=require("@domphy/theme");function gr(i={}){var e,n;let o=(0,ht.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,ht.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"number",_onSchedule:(t,a)=>{t.tagName!="input"&&console.warn('"inputNumber" primitive patch must use input tag'),a.type="number"},style:{fontFamily:"inherit",lineHeight:"inherit",minWidth:(0,O.themeSpacing)(10),paddingInlineStart:t=>(0,O.themeSpacing)((0,O.themeDensity)(t)*3),paddingInlineEnd:t=>(0,O.themeSpacing)((0,O.themeDensity)(t)*1.5),paddingBlock:t=>(0,O.themeSpacing)((0,O.themeDensity)(t)*1),borderRadius:t=>(0,O.themeSpacing)((0,O.themeDensity)(t)*1),fontSize:t=>(0,O.themeSize)(t,"inherit"),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,O.themeColor)(t,"shift-4",o.get(t))}`,color:t=>(0,O.themeColor)(t,"shift-9",o.get(t)),backgroundColor:t=>(0,O.themeColor)(t,"inherit",o.get(t)),"&::-webkit-inner-spin-button, &::-webkit-outer-spin-button":{opacity:1},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${(0,O.themeSpacing)(.5)} solid ${(0,O.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>(0,O.themeColor)(t,"shift-2","neutral"),outline:t=>`1px solid ${(0,O.themeColor)(t,"shift-4","neutral")}`,color:t=>(0,O.themeColor)(t,"shift-8","neutral")}}}}var Gt=require("@domphy/core"),me=require("@domphy/theme");function yr(i={}){var r;let o=(0,Gt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="kbd"&&console.warn('"keyboard" primitive patch must use kbd tag')},style:{fontSize:e=>(0,me.themeSize)(e,"inherit"),color:e=>(0,me.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,me.themeColor)(e,"inherit",o.get(e)),paddingBlock:(0,me.themeSpacing)(.5),paddingInline:(0,me.themeSpacing)(1.5),borderRadius:(0,me.themeSpacing)(1),outline:e=>`1px solid ${(0,me.themeColor)(e,"shift-4",o.get(e))}`}}}var pt=require("@domphy/core"),ve=require("@domphy/theme");function br(i={}){var e,n;let o=(0,pt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,pt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{_onInsert:t=>{t.tagName!="label"&&console.warn('"label" primitive patch must use label tag')},style:{display:"inline-flex",alignItems:"center",gap:(0,ve.themeSpacing)(2),fontSize:t=>(0,ve.themeSize)(t,"inherit"),color:t=>(0,ve.themeColor)(t,"shift-9",o.get(t)),cursor:"pointer","&:focus-within":{color:t=>(0,ve.themeColor)(t,"shift-10",r.get(t))},"&[aria-disabled=true]":{opacity:.7,cursor:"not-allowed",color:t=>(0,ve.themeColor)(t,"shift-8","neutral")}}}}var ft=require("@domphy/core"),X=require("@domphy/theme");function Sr(i={}){var e,n;let o=(0,ft.toState)((e=i.color)!=null?e:"primary","color"),r=(0,ft.toState)((n=i.accentColor)!=null?n:"secondary","accentColor");return{_onInsert:t=>{t.tagName!="a"&&console.warn('"link" primitive patch must use a tag')},style:{fontSize:t=>(0,X.themeSize)(t,"inherit"),backgroundColor:t=>(0,X.themeColor)(t),color:t=>(0,X.themeColor)(t,"shift-9",o.get(t)),textDecoration:"none","&:visited":{color:t=>(0,X.themeColor)(t,"shift-9",r.get(t))},"&:hover:not([disabled])":{color:t=>(0,X.themeColor)(t,"shift-10",o.get(t)),textDecoration:"underline"},"&:focus-visible":{borderRadius:(0,X.themeSpacing)(1),outlineOffset:(0,X.themeSpacing)(1),outline:t=>`${(0,X.themeSpacing)(.5)} solid ${(0,X.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>(0,X.themeColor)(t,"shift-8","neutral")}}}}var Ut=require("@domphy/core"),ge=require("@domphy/theme");function Cr(i={}){var r;let o=(0,Ut.toState)((r=i.accentColor)!=null?r:"highlight","accentColor");return{_onInsert:e=>{e.tagName!="mark"&&console.warn('"mark" primitive patch must use mark tag')},dataTone:"shift-2",style:{display:"inline-flex",alignItems:"center",fontSize:e=>(0,ge.themeSize)(e,"inherit"),color:e=>(0,ge.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,ge.themeColor)(e,"inherit",o.get(e)),height:(0,ge.themeSpacing)(6),borderRadius:(0,ge.themeSpacing)(1),paddingInline:(0,ge.themeSpacing)(1.5)}}}var Xt=require("@domphy/core"),Ke=require("@domphy/theme");function vr(i={}){var r;let o=(0,Xt.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="p"&&console.warn('"paragraph" primitive patch must use p tag')},style:{fontSize:e=>(0,Ke.themeSize)(e,"inherit"),color:e=>(0,Ke.themeColor)(e,"shift-9",o.get(e)),lineHeight:1.5,marginTop:0,marginBottom:0}}}var Jt=require("@domphy/core"),J=require("@domphy/theme");function xr(i={}){var r;let o=(0,Jt.toState)((r=i.color)!=null?r:"neutral","color");return{dataTone:"shift-2",_onInsert:e=>{e.tagName!="pre"&&console.warn('"preformated" primitive patch must use pre tag')},style:{fontSize:e=>(0,J.themeSize)(e,"inherit"),color:e=>(0,J.themeColor)(e,"shift-9",o.get(e)),backgroundColor:e=>(0,J.themeColor)(e,"inherit",o.get(e)),border:"none",paddingBlock:e=>(0,J.themeSpacing)((0,J.themeDensity)(e)*2),paddingInline:e=>(0,J.themeSpacing)((0,J.themeDensity)(e)*3),borderRadius:e=>(0,J.themeSpacing)((0,J.themeDensity)(e)*2)}}}var gt=require("@domphy/core"),ne=require("@domphy/theme");function Er(i={}){var e,n;let o=(0,gt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,gt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{_onInsert:t=>{t.tagName!="progress"&&console.warn('"progress" primitive patch must use progress tag')},style:{appearance:"none",width:"100%",height:(0,ne.themeSpacing)(2),border:0,borderRadius:(0,ne.themeSpacing)(999),overflow:"hidden",backgroundColor:t=>(0,ne.themeColor)(t,"shift-3",o.get(t)),"&::-webkit-progress-bar":{backgroundColor:t=>(0,ne.themeColor)(t,"shift-3",o.get(t)),borderRadius:(0,ne.themeSpacing)(999)},"&::-webkit-progress-value":{backgroundColor:t=>(0,ne.themeColor)(t,"shift-9",r.get(t)),borderRadius:(0,ne.themeSpacing)(999),transition:"width 220ms ease"},"&::-moz-progress-bar":{backgroundColor:t=>(0,ne.themeColor)(t,"shift-9",r.get(t)),borderRadius:(0,ne.themeSpacing)(999)}}}}var yt=require("@domphy/core"),H=require("@domphy/theme");function kr(i={}){var e,n;let o=(0,yt.toState)((e=i.color)!=null?e:"neutral","color"),r=(0,yt.toState)((n=i.accentColor)!=null?n:"primary","accentColor");return{type:"radio",_onInsert:t=>{if(t.tagName!="input"){console.warn('"inputRadio" primitive patch must use input tag and radio type');return}},style:{fontSize:t=>(0,H.themeSize)(t,"inherit"),appearance:"none",display:"inline-flex",position:"relative",width:(0,H.themeSpacing)(6),height:(0,H.themeSpacing)(6),justifyContent:"center",alignItems:"center",transition:"background-color 300ms, outline-color 300ms",margin:0,padding:0,"&::before":{content:'""',display:"block",borderRadius:"50%",lineHeight:1,cursor:"pointer",border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${(0,H.themeColor)(t,"shift-4",o.get(t))}`,color:t=>(0,H.themeColor)(t,"shift-9",o.get(t)),width:(0,H.themeSpacing)(4),height:(0,H.themeSpacing)(4)},"&:hover::before":{backgroundColor:t=>(0,H.themeColor)(t,"shift-2",o.get(t))},"&:checked::before":{outline:t=>`1px solid ${(0,H.themeColor)(t,"shift-6",r.get(t))}`},"&:checked::after":{content:'""',position:"absolute",inset:"30%",borderRadius:"50%",backgroundColor:t=>(0,H.themeColor)(t,"shift-8",r.get(t))},"&:checked:hover:not([disabled])::before":{backgroundColor:t=>(0,H.themeColor)(t,"shift-7",r.get(t))},"&:focus-visible":{borderRadius:"50%",outline:t=>`${(0,H.themeSpacing)(.5)} solid ${(0,H.themeColor)(t,"shift-6",r.get(t))}`},"&[disabled]":{cursor:"not-allowed"},"&[disabled]::before, &[disabled]::after":{outline:"none",backgroundColor:t=>(0,H.themeColor)(t,"shift-4","neutral"),pointerEvents:"none"}}}}var b=require("@domphy/theme");function Tr(i={}){let{color:o="neutral",accentColor:r="primary"}=i;return{_onInsert:e=>{e.tagName!="select"&&console.warn('"select" primitive patch must use select tag')},style:{appearance:"none",fontFamily:"inherit",fontSize:e=>(0,b.themeSize)(e,"inherit"),lineHeight:"inherit",color:e=>(0,b.themeColor)(e,"shift-9",o),backgroundColor:e=>(0,b.themeColor)(e,"inherit",o),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${(0,b.themeColor)(e,"shift-4",o)}`,borderRadius:e=>(0,b.themeSpacing)((0,b.themeDensity)(e)*1),paddingBlock:e=>(0,b.themeSpacing)((0,b.themeDensity)(e)*1),paddingLeft:e=>(0,b.themeSpacing)((0,b.themeDensity)(e)*3),paddingRight:e=>(0,b.themeSpacing)((0,b.themeDensity)(e)*5),backgroundImage:e=>{let n=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="${(0,b.themeColorToken)(e,"shift-7")}" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>`;return`url("data:image/svg+xml,${encodeURIComponent(n)}")`},backgroundRepeat:"no-repeat",backgroundPosition:`right ${(0,b.themeSpacing)(2)} center`,backgroundSize:`${(0,b.themeSpacing)(2.5)} ${(0,b.themeSpacing)(1.5)}`,"&:not([multiple])":{height:e=>(0,b.themeSpacing)(6+(0,b.themeDensity)(e)*2)},"&:hover:not([disabled]):not([aria-busy=true])":{outline:e=>`${(0,b.themeSpacing)(.5)} solid ${(0,b.themeColor)(e,"shift-5",r)}`},"&:focus-visible":{outline:e=>`${(0,b.themeSpacing)(.5)} solid ${(0,b.themeColor)(e,"shift-6",r)}`},"& optgroup":{color:e=>(0,b.themeColor)(e,"shift-11",o)},"& option[disabled]":{color:e=>(0,b.themeColor)(e,"shift-7","neutral")},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>(0,b.themeColor)(e,"shift-8","neutral"),outline:e=>`1px solid ${(0,b.themeColor)(e,"shift-4","neutral")}`,backgroundColor:e=>(0,b.themeColor)(e,"shift-2","neutral")}}}}var qe=require("@domphy/core"),xe=require("@domphy/theme");function wr(i={}){var n;let o=(0,qe.toState)((n=i.color)!=null?n:"neutral","color"),r={"0%,100%":{opacity:1},"50%":{opacity:.4}},e=(0,qe.hashString)(JSON.stringify(r));return{ariaHidden:"true",dataTone:"shift-2",style:{fontSize:t=>(0,xe.themeSize)(t),color:t=>(0,xe.themeColor)(t,"shift-9",o.get(t)),height:(0,xe.themeSpacing)(6),display:"block",borderRadius:(0,xe.themeSpacing)(1),backgroundColor:t=>(0,xe.themeColor)(t,"inherit",o.get(t)),animation:`${e} 1.5s ease-in-out infinite`,[`@keyframes ${e}`]:r}}}var Ye=require("@domphy/core"),ie=require("@domphy/theme"),Zt={to:{transform:"rotate(360deg)"}},Qt=(0,Ye.hashString)(JSON.stringify(Zt));function Pr(i={}){var r;let o=(0,Ye.toState)((r=i.color)!=null?r:"neutral","color");return{role:"status",ariaLabel:"loading",_onInsert:e=>{e.tagName!="span"&&console.warn('"spinner" patch must use span tag')},style:{fontSize:e=>(0,ie.themeSize)(e),backgroundColor:e=>(0,ie.themeColor)(e),color:e=>(0,ie.themeColor)(e,"shift-9",o.get(e)),display:"inline-block",margin:0,flexShrink:0,width:(0,ie.themeSpacing)(6),height:(0,ie.themeSpacing)(6),borderRadius:"50%",border:e=>`${(0,ie.themeSpacing)(.5)} solid ${(0,ie.themeColor)(e,"shift-4",o.get(e))}`,borderTopColor:e=>(0,ie.themeColor)(e,"shift-9",o.get(e)),boxSizing:"border-box",padding:0,animation:`${Qt} 0.7s linear infinite`,[`@keyframes ${Qt}`]:Zt}}}var eo=require("@domphy/core"),ue=require("@domphy/theme");function Or(i={}){var a;let{color:o="neutral",multiple:r=!1}=i,e=(0,eo.toState)((a=i.value)!=null?a:r?[]:null),n={div:l=>{let s=e.get(l);return(Array.isArray(s)?s:[s]).map(c=>({input:null,name:i.name,value:c||""}))},hidden:!0};return{dataTone:"shift-17",_context:{select:{value:e,multiple:r}},_onInit:l=>{l.tagName!="div"&&console.warn('"selectList" patch must use a div tag'),l.children.insert(n)},style:{display:"flex",flexDirection:"column",paddingBlock:l=>(0,ue.themeSpacing)((0,ue.themeDensity)(l)*2),paddingInline:l=>(0,ue.themeSpacing)((0,ue.themeDensity)(l)*2),fontSize:l=>(0,ue.themeSize)(l,"inherit"),backgroundColor:l=>(0,ue.themeColor)(l,"inherit",o)}}}var B=require("@domphy/theme");function Ir(i={}){let{accentColor:o="primary",color:r="neutral",value:e=null}=i;return{role:"option",_onInit:t=>{t.tagName!="div"&&console.warn('"selectItem" patch must use div tag');let a=t.getContext("select");if(a){let l=a.value;t.attributes.set("ariaSelected",s=>{let u=l.get(s);return a.multiple?u.includes(e):u==e}),t.addEvent("click",()=>{let s=l.get();a.multiple?s.includes(e)?l.set(s.filter(u=>u!==e)):l.set(s.concat([e])):s!=e&&l.set(e)})}},style:{cursor:"pointer",display:"flex",alignItems:"center",fontSize:t=>(0,B.themeSize)(t,"inherit"),height:t=>(0,B.themeSpacing)(6+(0,B.themeDensity)(t)*2),paddingInline:t=>(0,B.themeSpacing)((0,B.themeDensity)(t)*3),border:"none",outline:"none",color:t=>(0,B.themeColor)(t,"shift-9",r),backgroundColor:t=>(0,B.themeColor)(t,"inherit",r),"&:hover:not([disabled]):not([aria-selected=true])":{backgroundColor:t=>(0,B.themeColor)(t,"shift-2",r)},"&[aria-selected=true]":{backgroundColor:t=>(0,B.themeColor)(t,"shift-6",o),color:t=>(0,B.themeColor)(t,"shift-11")},"&:focus-visible":{outline:t=>`${(0,B.themeSpacing)(.5)} solid ${(0,B.themeColor)(t,"shift-6",o)}`,outlineOffset:`-${(0,B.themeSpacing)(.5)}`}}}}var Te=require("@domphy/core"),j=require("@domphy/theme");function _r(i){let{options:o=[],placement:r="bottom",color:e="neutral",open:n=!1,multiple:t=!1}=i,a=(0,Te.toState)(i.value),l=(0,Te.toState)(n),{show:s,hide:u,anchorPartial:c}=Se({open:l,placement:(0,Te.toState)(r),content:i.content}),m={onClick:()=>!t&&u()};(0,Te.merge)(i.content,m);let p={div:d=>{let T=a.get(d),f=Array.isArray(T)?T:[T];return o.filter(G=>f.includes(G.value)).map(G=>({span:G.label,$:[Re({color:e,removable:t})],_key:G.value,_onRemove:Ee=>{let te=a.get(),Ze=(Array.isArray(te)?te:[te]).filter($e=>$e!==G.value);t?a.set(Ze):a.set(Ze[0])}}))},style:{display:"flex",flexWrap:"wrap",gap:(0,j.themeSpacing)(1),flex:1}},h={_onInsert:d=>{d.tagName!="div"&&console.warn('"selectBox" patch must use div tag')},_onInit:d=>d.children.insert(p),onClick:()=>l.get()?u():s(),style:{cursor:"pointer",display:"flex",alignItems:"center",minHeight:d=>(0,j.themeSpacing)(6+(0,j.themeDensity)(d)*2),minWidth:(0,j.themeSpacing)(32),outlineOffset:"-1px",outline:d=>`1px solid ${(0,j.themeColor)(d,"shift-4","neutral")}`,paddingInline:d=>(0,j.themeSpacing)((0,j.themeDensity)(d)*2),borderRadius:d=>(0,j.themeSpacing)((0,j.themeDensity)(d)*1),fontSize:d=>(0,j.themeSize)(d,"inherit"),color:d=>(0,j.themeColor)(d,"shift-9",e),backgroundColor:d=>(0,j.themeColor)(d,"inherit",e)}};return(0,Te.merge)(c,h),c}var to=require("@domphy/core"),F=require("@domphy/theme");function Vr(i={}){var r;let o=(0,to.toState)((r=i.accentColor)!=null?r:"primary","accentColor");return{dataTone:"shift-2",type:"checkbox",_onSchedule:e=>{if(e.tagName!="input"){console.warn('"inputSwitch" primitive patch must use input tag');return}},style:{fontSize:e=>(0,F.themeSize)(e,"inherit"),appearance:"none",position:"relative",display:"inline-flex",width:(0,F.themeSpacing)(9),height:(0,F.themeSpacing)(6),cursor:"pointer",margin:"0",paddingBlock:(0,F.themeSpacing)(1),"&:checked":{"&::before":{backgroundColor:e=>(0,F.themeColor)(e,"increase-3",o.get(e))},"&::after":{left:`calc(100% - ${(0,F.themeSpacing)(3.5)})`}},"&::after":{content:'""',aspectRatio:"1/1",position:"absolute",width:(0,F.themeSpacing)(3),height:(0,F.themeSpacing)(3),borderRadius:(0,F.themeSpacing)(999),left:(0,F.themeSpacing)(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",backgroundColor:e=>(0,F.themeColor)(e,"decrease-3")},"&::before":{content:'""',width:"100%",borderRadius:(0,F.themeSpacing)(999),display:"inline-block",fontSize:e=>(0,F.themeSize)(e,"inherit"),lineHeight:1,backgroundColor:e=>(0,F.themeColor)(e)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}var Ge=require("@domphy/core"),I=require("@domphy/theme");function zr(i={}){var t,a;let{checked:o=!1}=i,r=(0,Ge.toState)(o),e=(0,Ge.toState)((t=i.color)!=null?t:"neutral","color"),n=(0,Ge.toState)((a=i.accentColor)!=null?a:"primary","accentColor");return{_onSchedule:l=>{l.tagName!="button"&&console.warn('"buttonSwitch" primitive patch must use button tag')},role:"switch",ariaChecked:l=>r.get(l),dataTone:"shift-2",onClick:()=>r.set(!r.get()),style:{position:"relative",display:"inline-flex",alignItems:"center",fontSize:l=>(0,I.themeSize)(l),border:"none",outlineWidth:"1px",outline:l=>`1px solid ${(0,I.themeColor)(l,"shift-3",e.get(l))}`,minWidth:(0,I.themeSpacing)(12),minHeight:(0,I.themeSpacing)(6),borderRadius:(0,I.themeSpacing)(999),paddingLeft:(0,I.themeSpacing)(7),paddingRight:(0,I.themeSpacing)(2),transition:"padding-left 0.3s, padding-right 0.3s",backgroundColor:l=>(0,I.themeColor)(l,"inherit",e.get(l)),"& > :first-child":{content:'""',position:"absolute",display:"inline-flex",alignItems:"center",left:(0,I.themeSpacing)(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",width:(0,I.themeSpacing)(5),height:(0,I.themeSpacing)(5),borderRadius:(0,I.themeSpacing)(999),color:l=>(0,I.themeColor)(l,"shift-9"),backgroundColor:l=>(0,I.themeColor)(l,"decrease-2",e.get(l))},"&[aria-checked=true]":{backgroundColor:l=>(0,I.themeColor)(l,"increase-3",n.get(l)),outline:"none",color:l=>(0,I.themeColor)(l,"decrease-2"),paddingLeft:(0,I.themeSpacing)(2),paddingRight:(0,I.themeSpacing)(7)},"&[aria-checked=true] > :first-child":{left:`calc(100% - ${(0,I.themeSpacing)(5.5)})`},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}var oo=require("@domphy/core"),Ue=require("@domphy/theme");function $r(i={}){var r;let o=(0,oo.toState)((r=i.color)!=null?r:"neutral","color");return{dataSize:"decrease-1",_onInsert:e=>{e.tagName!="small"&&console.warn('"small" primitive patch must use small tag')},style:{fontSize:e=>(0,Ue.themeSize)(e,"inherit"),color:e=>(0,Ue.themeColor)(e,"shift-9",o.get(e))}}}var ro=require("@domphy/core"),Ne=require("@domphy/theme");function Rr(i={}){var r;let o=(0,ro.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="strong"&&console.warn('"strong" primitive patch must use strong tag')},style:{fontSize:e=>(0,Ne.themeSize)(e,"inherit"),fontWeight:700,color:e=>(0,Ne.themeColor)(e,"shift-11",o.get(e)),backgroundColor:e=>(0,Ne.themeColor)(e)}}}var no=require("@domphy/core"),Xe=require("@domphy/theme");function Lr(i={}){var r;let o=(0,no.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="sub"&&console.warn('"subscript" primitive patch must use sub tag')},style:{fontSize:e=>(0,Xe.themeSize)(e,"decrease-1"),verticalAlign:"sub",lineHeight:0,color:e=>(0,Xe.themeColor)(e,"shift-9",o.get(e))}}}var io=require("@domphy/core"),Je=require("@domphy/theme");function Nr(i={}){var r;let o=(0,io.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="sup"&&console.warn('"superscript" primitive patch must use sup tag')},style:{fontSize:e=>(0,Je.themeSize)(e,"decrease-1"),verticalAlign:"super",lineHeight:0,color:e=>(0,Je.themeColor)(e,"shift-9",o.get(e))}}}var ao=require("@domphy/core"),C=require("@domphy/theme");function Mr(i={}){var r;let o=(0,ao.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="table"&&console.warn('"table" primitive patch must use table tag')},style:{fontSize:e=>(0,C.themeSize)(e,"inherit"),color:e=>(0,C.themeColor)(e,"shift-9",o.get(e)),width:"100%",borderCollapse:"collapse","& caption":{captionSide:"bottom"},"& th, & thead td":{textAlign:"left",fontWeight:500,paddingInline:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*3),paddingBlock:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*1),color:e=>(0,C.themeColor)(e,"shift-10",o.get(e)),backgroundColor:e=>(0,C.themeColor)(e,"inherit")},"& td":{textAlign:"left",paddingInline:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*3),paddingBlock:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*1),color:e=>(0,C.themeColor)(e,"shift-9",o.get(e)),boxShadow:e=>`inset 0 1px 0 ${(0,C.themeColor)(e,"shift-3",o.get(e))}`,fontSize:e=>(0,C.themeSize)(e,"inherit")},"& tfoot th, & tfoot td":{textAlign:"left",fontWeight:500,paddingInline:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*3),paddingBlock:e=>(0,C.themeSpacing)((0,C.themeDensity)(e)*1),color:e=>(0,C.themeColor)(e,"shift-10",o.get(e)),backgroundColor:e=>(0,C.themeColor)(e,"inherit"),boxShadow:e=>`inset 0 -1px 0 ${(0,C.themeColor)(e,"shift-4",o.get(e))}`},"& tr":{backgroundColor:e=>(0,C.themeColor)(e,"inherit")},"& tbody tr:hover":{backgroundColor:e=>(0,C.themeColor)(e,"shift-2")+"!important"}}}}var bt=require("@domphy/core"),w=require("@domphy/theme");function Dr(i={}){var n,t;let o=(0,bt.toState)((n=i.color)!=null?n:"neutral","color"),r=(0,bt.toState)((t=i.accentColor)!=null?t:"primary","accentColor"),{autoResize:e=!1}=i;return{_onInsert:a=>{a.tagName!="textarea"&&console.warn('"textarea" primitive patch must use textarea tag')},_onMount:a=>{if(e){let l=a.domElement;l.style.overflow="hidden";let s=()=>{l.style.height="auto",l.style.height=l.scrollHeight+"px"};l.addEventListener("input",s),s()}},style:{fontFamily:"inherit",lineHeight:"inherit",resize:"vertical",paddingInline:a=>(0,w.themeSpacing)((0,w.themeDensity)(a)*2),paddingBlock:a=>(0,w.themeSpacing)((0,w.themeDensity)(a)*1.5),border:"none",borderRadius:a=>(0,w.themeSpacing)((0,w.themeDensity)(a)*1.5),fontSize:a=>(0,w.themeSize)(a,"inherit"),color:a=>(0,w.themeColor)(a,"shift-9",o.get(a)),outlineOffset:"-1px",outline:a=>`1px solid ${(0,w.themeColor)(a,"shift-4",o.get(a))}`,backgroundColor:a=>(0,w.themeColor)(a,"inherit",o.get(a)),"&::placeholder":{color:a=>(0,w.themeColor)(a,"shift-7")},"&:hover:not([disabled]):not([aria-busy=true])":{outline:a=>`${(0,w.themeSpacing)(.5)} solid ${(0,w.themeColor)(a,"shift-5",r.get(a))}`},"&:focus-visible":{outline:a=>`${(0,w.themeSpacing)(.5)} solid ${(0,w.themeColor)(a,"shift-6",r.get(a))}`},"&:invalid":{outline:a=>`${(0,w.themeSpacing)(.5)} solid ${(0,w.themeColor)(a,"shift-5","error")}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:a=>(0,w.themeColor)(a,"shift-8","neutral"),outline:a=>`1px solid ${(0,w.themeColor)(a,"shift-4","neutral")}`,backgroundColor:a=>(0,w.themeColor)(a,"shift-2","neutral")}}}}var lo=require("@domphy/core"),we=require("@domphy/theme");function Hr(i={}){var r;let o=(0,lo.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="ul"&&console.warn('"unorderedList" primitive patch must use ul tag')},style:{fontSize:e=>(0,we.themeSize)(e,"inherit"),backgroundColor:e=>(0,we.themeColor)(e),color:e=>(0,we.themeColor)(e,"shift-9",o.get(e)),marginTop:0,marginBottom:0,paddingLeft:(0,we.themeSpacing)(3),listStyleType:"disc",listStylePosition:"outside"}}}var so=require("@domphy/core"),Pe=require("@domphy/theme");function Br(i={}){var r;let o=(0,so.toState)((r=i.color)!=null?r:"neutral","color");return{_onInsert:e=>{e.tagName!="ol"&&console.warn('"orderedList" primitive patch must use ol tag')},style:{fontSize:e=>(0,Pe.themeSize)(e,"inherit"),backgroundColor:e=>(0,Pe.themeColor)(e),color:e=>(0,Pe.themeColor)(e,"shift-9",o.get(e)),marginTop:0,marginBottom:0,paddingLeft:(0,Pe.themeSpacing)(3),listStyleType:"decimal",listStylePosition:"outside"}}}var co=require("@domphy/core"),_=require("@domphy/theme");function Fr(i,o){if(o<=7)return Array.from({length:o},(t,a)=>a+1);let r=[1];i>3&&r.push("...");let e=Math.max(2,i-1),n=Math.min(o-1,i+1);for(let t=e;t<=n;t++)r.push(t);return i<o-2&&r.push("..."),r.push(o),r}function Ar(i){var l;let{total:o,color:r="neutral",accentColor:e="primary"}=i,n=(0,co.toState)((l=i.value)!=null?l:1),t={display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:s=>(0,_.themeSpacing)(6+(0,_.themeDensity)(s)*2),height:s=>(0,_.themeSpacing)(6+(0,_.themeDensity)(s)*2),paddingInline:s=>(0,_.themeSpacing)((0,_.themeDensity)(s)*2),borderRadius:s=>(0,_.themeSpacing)((0,_.themeDensity)(s)*1),border:"none",cursor:"pointer",fontSize:s=>(0,_.themeSize)(s,"inherit"),backgroundColor:"transparent",color:s=>(0,_.themeColor)(s,"shift-9",r),"&:hover:not([disabled])":{backgroundColor:s=>(0,_.themeColor)(s,"shift-2",r)},"&[disabled]":{opacity:.4,cursor:"not-allowed"}},a=Pt(wt({},t),{backgroundColor:s=>(0,_.themeColor)(s,"shift-6",e),color:s=>(0,_.themeColor)(s,"shift-11",e),fontWeight:"600",cursor:"default","&:hover:not([disabled])":{backgroundColor:s=>(0,_.themeColor)(s,"shift-6",e)}});return{_onInsert:s=>{s.tagName!=="div"&&console.warn('"pagination" patch must use div tag')},_onInit:s=>{let u={div:c=>{let m=n.get(c),p=[];p.push({button:"\u2039",type:"button",ariaLabel:"Previous page",disabled:m<=1,onClick:()=>m>1&&n.set(m-1),style:t});for(let h of Fr(m,o))if(h==="...")p.push({span:"\u2026",style:{display:"inline-flex",alignItems:"center",paddingInline:d=>(0,_.themeSpacing)((0,_.themeDensity)(d)*2),color:d=>(0,_.themeColor)(d,"shift-7",r)}});else{let d=h===m;p.push({button:String(h),type:"button",ariaLabel:`Page ${h}`,ariaCurrent:d?"page":void 0,disabled:d,onClick:()=>n.set(h),style:d?a:t})}return p.push({button:"\u203A",type:"button",ariaLabel:"Next page",disabled:m>=o,onClick:()=>m<o&&n.set(m+1),style:t}),p},style:{display:"flex",alignItems:"center",gap:(0,_.themeSpacing)(1)}};s.children.insert(u)},style:{display:"inline-flex"}}}var mo=require("@domphy/core"),ye=require("@domphy/theme");function Wr(i={}){var r;let o=(0,mo.toState)((r=i.color)!=null?r:"neutral","color");return{role:"separator",_onInsert:e=>{e.tagName!=="div"&&console.warn('"divider" patch should be used with <div>')},style:{display:"flex",justifyContent:"center",alignItems:"baseline",gap:(0,ye.themeSpacing)(2),fontSize:e=>(0,ye.themeSize)(e,"inherit"),backgroundColor:e=>(0,ye.themeColor)(e),color:e=>(0,ye.themeColor)(e,"shift-9",o.get(e)),minHeight:"1lh","&::before":{content:'""',flex:1,borderColor:e=>(0,ye.themeColor)(e,"shift-4",o.get(e)),borderWidth:"1px",borderBottomStyle:"solid"},"&::after":{content:'""',flex:1,borderColor:e=>(0,ye.themeColor)(e,"shift-4",o.get(e)),borderWidth:"1px",borderBottomStyle:"solid"}}}}var ho=require("@domphy/core"),K=require("@domphy/theme"),uo={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"},jr={left:"0 auto 0 0",right:"0 0 0 auto",top:"0 0 auto 0",bottom:"auto 0 0 0"},St=i=>i==="left"||i==="right";function Kr(i={}){let{color:o="neutral",open:r=!1,placement:e="right",size:n}=i,t=(0,ho.toState)(r),a=St(e)?(0,K.themeSpacing)(80):(0,K.themeSpacing)(64),l=n!=null?n:a;return{_onInsert:s=>{s.tagName!=="dialog"&&console.warn('"drawer" patch must use dialog tag')},onClick:(s,u)=>{s.target===u.domElement&&t.set(!1)},onTransitionEnd:(s,u)=>{let c=u.domElement;t.get()||(c.close(),document.body.style.overflow="")},_onMount:s=>{let u=s.domElement,c=m=>{m?(u.showModal(),document.body.style.overflow="hidden",requestAnimationFrame(()=>{u.style.transform="translate(0, 0)"})):u.style.transform=uo[e]};c(t.get()),t.addListener(c)},style:{transform:uo[e],transition:"transform 0.25s ease",fontSize:s=>(0,K.themeSize)(s,"inherit"),color:s=>(0,K.themeColor)(s,"shift-10",o),backgroundColor:s=>(0,K.themeColor)(s,"inherit",o),border:"none",padding:s=>(0,K.themeSpacing)((0,K.themeDensity)(s)*3),margin:jr[e],width:St(e)?l:"100dvw",height:St(e)?"100dvh":l,maxWidth:"100dvw",maxHeight:"100dvh",boxShadow:s=>`0 ${(0,K.themeSpacing)(4)} ${(0,K.themeSpacing)(12)} ${(0,K.themeColor)(s,"shift-4","neutral")}`,"&::backdrop":{backgroundColor:s=>(0,K.themeColor)(s,"shift-2","neutral"),opacity:.75}}}}var Ve=require("@domphy/core");function qr(i){let{open:o=!1,placement:r="bottom",openOn:e="click"}=i,n=null,t=(0,Ve.toState)(o),a=(0,Ve.toState)(r),{show:l,hide:s,anchorPartial:u}=Se({open:t,placement:a,content:i.content}),c={role:"dialog",dataTone:"shift-17",onMouseEnter:()=>e==="hover"&&l(),onMouseLeave:()=>e==="hover"&&s(),_onInsert:p=>{let h=p.attributes.get("id");n=h||p.nodeId,!h&&p.attributes.set("id",n)}};return(0,Ve.merge)(i.content,c),(0,Ve.merge)(u,{ariaHaspopup:"dialog",ariaExpanded:p=>t.get(p),onMouseEnter:()=>e==="hover"&&l(),onMouseLeave:()=>e==="hover"&&s(),onClick:()=>{e==="click"&&(t.get()?s():l())},onFocus:()=>l(),onBlur:(p,h)=>{let d=p.relatedTarget,T=h.getRoot().domElement,f=n?T.querySelector(`#${CSS.escape(n)}`):null;d&&(f!=null&&f.contains(d))||s()},_onMount:p=>n&&p.attributes.set("ariaControls",n)}),u}var po=require("@domphy/core"),L=require("@domphy/theme");function Yr(i={}){let{position:o="top-center",color:r="neutral"}=i,e=(0,po.toState)(!1),n=o.startsWith("top"),t=o.endsWith("center"),a=o.endsWith("right"),l={div:[],id:`domphy-toast-${o}`,style:{position:"fixed",display:"flex",flexDirection:n?"column":"column-reverse",alignItems:t?"center":a?"end":"start",inset:0,gap:(0,L.themeSpacing)(4),zIndex:30,padding:(0,L.themeSpacing)(6),pointerEvents:"none"}};return{_portal:s=>{let u=s.domElement.querySelector(`#domphy-toast-${o}`);return u||(u=s.children.insert(l).domElement),u},role:"status",ariaAtomic:"true",dataTone:"shift-17",style:{minWidth:(0,L.themeSpacing)(32),pointerEvents:"auto",paddingBlock:s=>(0,L.themeSpacing)((0,L.themeDensity)(s)*2),paddingInline:s=>(0,L.themeSpacing)((0,L.themeDensity)(s)*4),borderRadius:s=>(0,L.themeSpacing)((0,L.themeDensity)(s)*2),fontSize:s=>(0,L.themeSize)(s,"inherit"),color:s=>(0,L.themeColor)(s,"shift-9",r),backgroundColor:s=>(0,L.themeColor)(s,"inherit",r),boxShadow:s=>`0 ${(0,L.themeSpacing)(2)} ${(0,L.themeSpacing)(9)} ${(0,L.themeColor)(s,"shift-4","neutral")}`,opacity:s=>Number(e.get(s)),transform:s=>e.get(s)?"translateY(0)":n?"translateY(-100%)":"translateY(100%)",transition:"opacity 300ms ease, transform 300ms ease"},_onMount:()=>requestAnimationFrame(()=>e.set(!0)),_onBeforeRemove:(s,u)=>{let c=m=>{m.propertyName==="transform"&&(s.domElement.removeEventListener("transitionend",c),u())};s.domElement.addEventListener("transitionend",c),e.set(!1)}}}var Me=require("@domphy/core"),Q=require("@domphy/theme");function Gr(i={}){let{open:o=!1,placement:r="top",content:e="Tooltip Content"}=i,n=(0,Me.toState)(r),t=(0,Me.toState)(e),a=null,l={span:h=>t.get(h)},{show:s,hide:u,anchorPartial:c}=Se({open:o,placement:n,content:l}),m={role:"tooltip",dataSize:"decrease-1",dataTone:"shift-17",_onInsert:h=>{let d=h.attributes.get("id");a=d||h.nodeId,!d&&h.attributes.set("id",a)},style:{paddingBlock:h=>(0,Q.themeSpacing)((0,Q.themeDensity)(h)*1),paddingInline:h=>(0,Q.themeSpacing)((0,Q.themeDensity)(h)*3),borderRadius:h=>(0,Q.themeSpacing)((0,Q.themeDensity)(h)*1),color:h=>(0,Q.themeColor)(h,"shift-9"),backgroundColor:h=>(0,Q.themeColor)(h),fontSize:h=>(0,Q.themeSize)(h,"inherit")},$:[nt({placement:n,bordered:!1})]};return l.$||(l.$=[]),l.$.push(m),(0,Me.merge)(c,{onMouseEnter:()=>s(),onMouseLeave:()=>u(),onFocus:()=>s(),onBlur:()=>u(),onKeyDown:h=>h.key==="Escape"&&u(),_onMount:h=>a&&h.attributes.set("ariaDescribedby",a)}),c}var Ct=require("@domphy/core");function fo(i,o){return i.key!==void 0&&i.key!==null?String(i.key):`index-${o}`}function Ur(i={}){let{duration:o=300,delay:r=0}=i,e=new Map;return{_onBeforeUpdate:n=>{e=new Map,n.children.items.forEach((t,a)=>{if(!(t instanceof Ct.ElementNode))return;let l=t.domElement;l&&e.set(fo(t,a),l.getBoundingClientRect())})},_onUpdate:n=>{n.children.items.forEach((t,a)=>{if(!(t instanceof Ct.ElementNode))return;let l=t.domElement;if(!l)return;let s=fo(t,a),u=e.get(s);if(!u)return;let c=l.getBoundingClientRect(),m=u.left-c.left,p=u.top-c.top;if(Math.abs(m)<.5&&Math.abs(p)<.5)return;let h=l.style.transition,d=l.style.transform;l.style.transition="none",l.style.transform=`translate(${m}px, ${p}px)`,l.getBoundingClientRect(),requestAnimationFrame(()=>{l.style.transition=`transform ${o}ms ease ${r}ms`,l.style.transform="translate(0px, 0px)"});let T=()=>{l.style.transition=h,l.style.transform=d,l.removeEventListener("transitionend",f)},f=Y=>{Y.propertyName==="transform"&&T()};l.addEventListener("transitionend",f),setTimeout(T,o+r+34)}),e.clear()}}}var go=require("@domphy/core"),yo=require("@domphy/core");function Xr(i={}){return{role:"tablist",_onSchedule:(r,e)=>{let n={_context:{tabs:{activeKey:(0,yo.toState)(i.activeKey||0)}}};(0,go.merge)(e,n)}}}var N=require("@domphy/theme");function Jr(i={}){let{accentColor:o="primary",color:r="neutral"}=i;return{role:"tab",_onInsert:n=>{var u;n.tagName!="button"&&console.warn('"tab" patch must use button tag');let t=n.getContext("tabs"),a=(u=n.parent)==null?void 0:u.children.items;a=a.filter(c=>c.type=="ElementNode"&&c.attributes.get("role")=="tab");let l=n.key||a.findIndex(c=>c==n),s={id:"tab"+n.parent.nodeId+l,ariaControls:"tabpanel"+n.parent.nodeId+l,ariaSelected:c=>t.activeKey.get(c)==l,onClick:()=>t.activeKey.set(l),onKeyDown:c=>{var f,Y,G,Ee;let m=c.key;if(!["ArrowLeft","ArrowRight","Home","End"].includes(m))return;c.preventDefault();let p=((Y=(f=n.parent)==null?void 0:f.children.items)!=null?Y:[]).filter(te=>te.type==="ElementNode"&&te.attributes.get("role")==="tab"),h=p.findIndex(te=>te===n),d=h;m==="ArrowRight"?d=(h+1)%p.length:m==="ArrowLeft"?d=(h-1+p.length)%p.length:m==="Home"?d=0:m==="End"&&(d=p.length-1);let T=p[d];t.activeKey.set((G=T.key)!=null?G:d),(Ee=T.domElement)==null||Ee.focus()}};n.merge(s)},style:{cursor:"pointer",fontSize:n=>(0,N.themeSize)(n,"inherit"),height:n=>(0,N.themeSpacing)(6+(0,N.themeDensity)(n)*2),paddingInline:n=>(0,N.themeSpacing)((0,N.themeDensity)(n)*4),border:"none",outline:"none",color:n=>(0,N.themeColor)(n,"shift-9"),backgroundColor:n=>(0,N.themeColor)(n,"inherit"),boxShadow:n=>`inset 0 -${(0,N.themeSpacing)(.5)} 0 0 ${(0,N.themeColor)(n,"shift-1",r)}`,"&:hover:not([disabled])":{boxShadow:n=>`inset 0 -${(0,N.themeSpacing)(.5)} 0 0 ${(0,N.themeColor)(n,"shift-2",r)}`},"&[aria-selected=true]:not([disabled])":{boxShadow:n=>`inset 0 -${(0,N.themeSpacing)(.5)} 0 0 ${(0,N.themeColor)(n,"shift-6",o)}`},"&:focus-visible":{boxShadow:n=>`inset 0 -${(0,N.themeSpacing)(.5)} 0 0 ${(0,N.themeColor)(n,"shift-6",o)}`}}}}var ze=require("@domphy/theme");function Qr(){return{role:"tabpanel",style:{paddingBlock:o=>(0,ze.themeSpacing)((0,ze.themeDensity)(o)*2),paddingInline:o=>(0,ze.themeSpacing)((0,ze.themeDensity)(o)*2)},_onInsert:o=>{var a;let r=o.getContext("tabs"),e=(a=o.parent)==null?void 0:a.children.items;e=e.filter(l=>l.type=="ElementNode"&&l.attributes.get("role")=="tabpanel");let n=o.key||e.findIndex(l=>l==o),t={id:"tabpanel"+o.parent.nodeId+n,ariaLabelledby:"tab"+o.parent.nodeId+n,hidden:l=>r.activeKey.get(l)!=n};o.merge(t)}}}var bo=require("@domphy/core"),So=require("@domphy/core"),de=require("@domphy/theme");function Zr(i={}){let{color:o="neutral",selectable:r=!0}=i;return{role:"menu",dataTone:"shift-17",_onSchedule:(n,t)=>{var l;let a={_context:{menu:{activeKey:(0,So.toState)((l=i.activeKey)!=null?l:null),selectable:r}}};(0,bo.merge)(t,a)},style:{display:"flex",flexDirection:"column",paddingBlock:n=>(0,de.themeSpacing)((0,de.themeDensity)(n)*2),paddingInline:n=>(0,de.themeSpacing)((0,de.themeDensity)(n)*2),fontSize:n=>(0,de.themeSize)(n,"inherit"),backgroundColor:n=>(0,de.themeColor)(n,"inherit",o)}}}var A=require("@domphy/theme");function en(i={}){let{accentColor:o="primary",color:r="neutral"}=i;return{role:"menuitem",_onInsert:n=>{var s;n.tagName!="button"&&console.warn('"menuItem" patch must use button tag');let t=n.getContext("menu"),a=(s=n.parent)==null?void 0:s.children.items;a=a.filter(u=>u.type=="ElementNode"&&u.attributes.get("role")=="menuitem");let l=n.key||a.findIndex(u=>u==n);t.selectable&&(n.attributes.set("ariaCurrent",u=>t.activeKey.get(u)==l||void 0),n.addEvent("click",()=>t.activeKey.set(l)))},onKeyDown:(n,t)=>{var c,m,p,h;let a=n.key;if(a==="Enter"||a===" "){n.preventDefault(),(c=t.domElement)==null||c.click();return}if(!["ArrowDown","ArrowUp","Home","End"].includes(a))return;n.preventDefault();let l=((p=(m=t.parent)==null?void 0:m.children.items)!=null?p:[]).filter(d=>d.type==="ElementNode"&&d.attributes.get("role")==="menuitem"),s=l.findIndex(d=>d===t),u=s;a==="ArrowDown"?u=(s+1)%l.length:a==="ArrowUp"?u=(s-1+l.length)%l.length:a==="Home"?u=0:a==="End"&&(u=l.length-1),(h=l[u].domElement)==null||h.focus()},style:{cursor:"pointer",display:"flex",alignItems:"center",width:"100%",fontSize:n=>(0,A.themeSize)(n,"inherit"),height:n=>(0,A.themeSpacing)(6+(0,A.themeDensity)(n)*2),paddingInline:n=>(0,A.themeSpacing)((0,A.themeDensity)(n)*3),border:"none",outline:"none",color:n=>(0,A.themeColor)(n,"shift-9"),backgroundColor:n=>(0,A.themeColor)(n,"inherit"),"&:hover:not([disabled]):not([aria-current=true])":{backgroundColor:n=>(0,A.themeColor)(n,"shift-2")},"&[aria-current=true]":{backgroundColor:n=>(0,A.themeColor)(n,"shift-3",o),color:n=>(0,A.themeColor)(n,"shift-10")},"&:focus-visible":{outline:n=>`${(0,A.themeSpacing)(.5)} solid ${(0,A.themeColor)(n,"shift-6",o)}`,outlineOffset:`-${(0,A.themeSpacing)(.5)}`}}}}var Co=require("@domphy/core");function tn(i){return{_onSchedule:(o,r)=>{(0,Co.merge)(r,{_context:{form:i}})}}}function on(i,o){return{_onInsert:r=>{let n=r.getContext("form").setField(i,void 0,o),t=r.tagName,a=r.attributes.get("type");["input","select","textarea"].includes(t)||console.warn('"field" patch must use input, select, or textarea tag');let l={onBlur:()=>n.setTouched(),ariaInvalid:s=>!!n.message("error",s)||void 0,dataStatus:s=>n.status(s)};t==="input"&&a==="checkbox"?(l.checked=n.value(),l.onChange=s=>n.setValue(s.target.checked)):t==="input"&&a==="radio"?l.onChange=s=>n.setValue(s.target.value):t==="select"?(l.value=n.value(),l.onChange=s=>n.setValue(s.target.value)):t==="textarea"?(l.value=n.value(),l.onInput=s=>n.setValue(s.target.value)):(l.value=n.value(),l.onInput=s=>n.setValue(s.target.value)),r.merge(l)}}}var vo=require("@domphy/core");function rn(i){return!!i&&typeof i.then=="function"}var De=class{constructor(o,r){this._notifier=new vo.Notifier;this._messages={};this._touched=!1;this._pending=!1;this._validationToken=0;this._value=o,this._initValue=o,this._validator=r,r&&this.validate()}value(o){return o&&this._notifier.addListener("value",o),this._value}setValue(o){this._value=o,this._notifier.notify("value",o),this._notifier.notify("dirty",o!==this._initValue),this.validate()}dirty(o){return o&&this._notifier.addListener("dirty",o),this._value!==this._initValue}touched(o){return o&&this._notifier.addListener("touched",o),this._touched}setTouched(){this._touched||(this._touched=!0,this._notifier.notify("touched",!0))}configure(o,r){let e=!1;o!==void 0&&this._value===void 0&&this._initValue===void 0&&(this._value=o,this._initValue=o,this._notifier.notify("value",o),this._notifier.notify("dirty",!1),e=!0),r!==void 0&&r!==this._validator&&(this._validator=r,e=!0),e&&this.validate()}message(o,r){return r&&this._notifier.addListener(o,r),this._messages[o]}status(o){return o&&this._notifier.addListener("status",o),Qe(this._messages)}setMessages(o){let r=this._messages;this._messages=o;for(let e of["error","warning","success"])r[e]!==o[e]&&this._notifier.notify(e,o[e]);Qe(r)!==Qe(o)&&this._notifier.notify("status",Qe(o))}reset(){this._value=this._initValue,this._touched=!1,this._notifier.notify("value",this._value),this._notifier.notify("dirty",!1),this._notifier.notify("touched",!1),this.setMessages({}),this.validate()}validate(){let o=++this._validationToken;if(!this._validator){this._pending=!1,this.setMessages({});return}try{let r=this._validator(this._value);rn(r)?(this._pending=!0,Promise.resolve(r).then(e=>{o===this._validationToken&&(this._pending=!1,this.setMessages(e!=null?e:{}))}).catch(e=>{o===this._validationToken&&(this._pending=!1,console.error(e))})):(this._pending=!1,this.setMessages(r!=null?r:{}))}catch(r){o===this._validationToken&&(this._pending=!1),console.error(r)}}_dispose(){this._validationToken+=1,this._pending=!1,this._notifier._dispose()}};function Qe(i){if(i.error)return"error";if(i.warning)return"warning";if(i.success)return"success"}var vt=class{constructor(){this.fields=new Map}setField(o,r,e){let n=this.fields.get(o);return n?n.configure(r,e):(n=new De(r,e),this.fields.set(o,n)),n}getField(o){return this.setField(o)}removeField(o){var r;(r=this.fields.get(o))==null||r._dispose(),this.fields.delete(o)}get valid(){for(let o of this.fields.values())if(o._pending||o._messages.error)return!1;return!0}reset(){for(let o of this.fields.values())o.reset()}snapshot(){let o={};for(let[r,e]of this.fields)nn(o,r,e._value);return o}_dispose(){for(let o of this.fields.values())o._dispose();this.fields.clear()}};function nn(i,o,r){let e=o.split("."),n=i;for(let t=0;t<e.length-1;t++){let a=e[t];n[a]==null&&(n[a]=isNaN(Number(e[t+1]))?{}:[]),n=n[a]}n[e[e.length-1]]=r}0&&(module.exports={FieldState,FormState,abbreviation,alert,avatar,badge,blockquote,breadcrumb,breadcrumbEllipsis,button,buttonSwitch,card,code,combobox,command,commandItem,commandSearch,descriptionList,details,dialog,divider,drawer,emphasis,field,figure,form,formGroup,heading,horizontalRule,icon,image,inputCheckbox,inputColor,inputDateTime,inputFile,inputNumber,inputOTP,inputRadio,inputRange,inputSearch,inputSwitch,inputText,keyboard,label,link,mark,menu,menuItem,orderedList,pagination,paragraph,popover,popoverArrow,preformated,progress,select,selectBox,selectItem,selectList,skeleton,small,spinner,splitter,splitterHandle,splitterPanel,strong,subscript,superscript,tab,tabPanel,table,tabs,tag,textarea,toast,toggle,toggleGroup,tooltip,transitionGroup,unorderedList});
 //# sourceMappingURL=index.cjs.map