@domphy/ui 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,2 +1,2 @@
-var Lo=Object.defineProperty,Ro=Object.defineProperties;var Do=Object.getOwnPropertyDescriptors;var zt=Object.getOwnPropertySymbols;var Ho=Object.prototype.hasOwnProperty,Oo=Object.prototype.propertyIsEnumerable;var $t=(n,o,t)=>o in n?Lo(n,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[o]=t,Mt=(n,o)=>{for(var t in o||(o={}))Ho.call(o,t)&&$t(n,t,o[t]);if(zt)for(var t of zt(o))Oo.call(o,t)&&$t(n,t,o[t]);return n},Nt=(n,o)=>Ro(n,Do(o));import{themeColor as he,themeSize as Bo,themeSpacing as Fo}from"@domphy/theme";function qn(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{_onInsert:e=>{e.tagName!="abbr"&&console.warn('"abbreviation" primitive patch must use abbr tag')},style:{fontSize:e=>Bo(e),backgroundColor:e=>he(e),color:e=>he(e,"shift-10",o),textDecorationLine:"underline",textDecorationStyle:"dotted",textDecorationColor:e=>he(e,"shift-7",o),textUnderlineOffset:Fo(.72),cursor:"help","&:hover":{color:e=>he(e,"shift-11",t),textDecorationColor:e=>he(e,"shift-9",t)}}}}import{themeColor as X,themeDensity as D,themeSpacing as z}from"@domphy/theme";function Un(n={}){let{color:o="neutral"}=n;return{style:{display:"grid",gridTemplateColumns:"1fr auto",gridTemplateAreas:'"image image" "title aside" "desc aside" "content content" "footer footer"',borderRadius:t=>z(D(t)*2),backgroundColor:t=>X(t,"inherit",o),color:t=>X(t,"shift-10",o),outline:t=>`1px solid ${X(t,"shift-4",o)}`,outlineOffset:"-1px",overflow:"hidden","& > img":{gridArea:"image",width:"100%",height:"auto",display:"block"},"& > :is(h1,h2,h3,h4,h5,h6)":{gridArea:"title",paddingBlock:t=>z(D(t)*2),paddingInline:t=>z(D(t)*4),fontWeight:"600",margin:0},"& > p":{gridArea:"desc",paddingInline:t=>z(D(t)*4),color:t=>X(t,"shift-9",o),margin:0},"& > aside":{gridArea:"aside",alignSelf:"center",padding:t=>z(D(t)*2),height:"auto"},"& > div":{gridArea:"content",padding:t=>z(D(t)*4),color:t=>X(t,"shift-10",o)},"& > footer":{gridArea:"footer",display:"flex",gap:z(2),paddingBlock:t=>z(D(t)*2),paddingInline:t=>z(D(t)*4),borderTop:t=>`1px solid ${X(t,"shift-3",o)}`}}}}import{merge as Vo,toState as Ao}from"@domphy/core";import{themeColor as Xe,themeSpacing as Wo}from"@domphy/theme";function Zn(n={}){let{direction:o="horizontal",defaultSize:t=50,min:e=10,max:r=90}=n;return{_onSchedule:(i,s)=>{Vo(s,{_context:{splitter:{direction:o,size:Ao(t),min:e,max:r}}})},style:{display:"flex",flexDirection:o==="horizontal"?"row":"column",overflow:"hidden"}}}function ei(){return{_onMount:n=>{let o=n.getContext("splitter"),t=n.domElement,e=o.direction==="horizontal"?"width":"height";t.style[e]=`${o.size.get()}%`,t.style.flexShrink="0",t.style.overflow="auto";let r=o.size.onChange(i=>{t.style[e]=`${i}%`});n.addHook("Remove",r)}}}function ti(){return{_onMount:n=>{let o=n.getContext("splitter"),t=n.domElement,e=o.direction==="horizontal";t.style.cursor=e?"col-resize":"row-resize";let r=i=>{i.preventDefault();let s=t.parentElement,a=c=>{let m=s.getBoundingClientRect(),d=e?(c.clientX-m.left)/m.width*100:(c.clientY-m.top)/m.height*100;o.size.set(Math.min(Math.max(d,o.min),o.max))},l=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)};t.addEventListener("mousedown",r),n.addHook("Remove",()=>t.removeEventListener("mousedown",r))},style:{flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:n=>Xe(n,"shift-2"),"&:hover":{backgroundColor:n=>Xe(n,"shift-3")},"&::after":{content:'""',borderRadius:Wo(999),backgroundColor:n=>Xe(n,"shift-4")}}}}import{merge as Ko,toState as jo}from"@domphy/core";import{themeColor as $,themeDensity as _e,themeSize as Lt,themeSpacing as J}from"@domphy/theme";function ii(){return{_onSchedule:(n,o)=>{Ko(o,{_context:{command:{query:jo("")}}})},style:{display:"flex",flexDirection:"column",overflow:"hidden"}}}function li(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{_onInsert:e=>{e.tagName!=="input"&&console.warn('"commandSearch" patch must use input tag')},_onMount:e=>{let r=e.getContext("command"),i=e.domElement,s=()=>r.query.set(i.value);i.addEventListener("input",s),e.addHook("Remove",()=>i.removeEventListener("input",s))},style:{fontFamily:"inherit",fontSize:e=>Lt(e,"inherit"),paddingInline:e=>J(_e(e)*3),paddingBlock:e=>J(_e(e)*2),border:"none",borderBottom:e=>`1px solid ${$(e,"shift-3",o)}`,outline:"none",color:e=>$(e,"shift-10",o),backgroundColor:e=>$(e,"inherit",o),"&::placeholder":{color:e=>$(e,"shift-7")},"&:focus-visible":{borderBottomColor:e=>$(e,"shift-6",t)}}}}function ai(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{role:"option",_onMount:e=>{var l,c;let r=e.getContext("command"),i=e.domElement,s=(c=(l=i.textContent)==null?void 0:l.toLowerCase())!=null?c:"",a=r.query.onChange(m=>{i.hidden=m.length>0&&!s.includes(m.toLowerCase())});e.addHook("Remove",a)},style:{cursor:"pointer",display:"flex",alignItems:"center",width:"100%",fontSize:e=>Lt(e,"inherit"),height:e=>J(6+_e(e)*2),paddingInline:e=>J(_e(e)*3),border:"none",outline:"none",color:e=>$(e,"shift-9",o),backgroundColor:e=>$(e,"inherit",o),"&:hover:not([disabled])":{backgroundColor:e=>$(e,"shift-2",o)},"&:focus-visible":{outline:e=>`${J(.5)} solid ${$(e,"shift-6",t)}`,outlineOffset:`-${J(.5)}`}}}}import{themeColor as Q,themeSize as qo,themeSpacing as Z}from"@domphy/theme";function ci(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{role:"button",_onInsert:e=>{var l;e.tagName!=="button"&&console.warn('"toggle" patch must use button tag');let r=e.getContext("toggleGroup"),s=((l=e.parent)==null?void 0:l.children.items).filter(c=>c.type==="ElementNode"&&c.attributes.get("role")==="button"),a=e.key!==void 0?String(e.key):String(s.findIndex(c=>c===e));e.attributes.set("ariaPressed",c=>{let m=r.value.get(c);return Array.isArray(m)?m.includes(a):m===a}),e.addEvent("click",()=>{let c=r.value.get();if(r.multiple){let m=Array.isArray(c)?[...c]:[];r.value.set(m.includes(a)?m.filter(d=>d!==a):[...m,a])}else r.value.set(c===a?"":a)})},style:{cursor:"pointer",fontSize:e=>qo(e,"inherit"),height:Z(6),paddingBlock:Z(1),paddingInline:Z(2),border:"none",borderRadius:Z(1),color:e=>Q(e,"shift-9",o),backgroundColor:e=>Q(e,"inherit",o),transition:"background-color 300ms ease","&:hover:not([disabled])":{backgroundColor:e=>Q(e,"shift-2",o)},"&[aria-pressed=true]":{backgroundColor:e=>Q(e,"shift-3",t),color:e=>Q(e,"shift-12",t)},"&:focus-visible":{outline:e=>`${Z(.5)} solid ${Q(e,"shift-6",t)}`,outlineOffset:`-${Z(.5)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{toState as Yo}from"@domphy/core";import{themeSpacing as ze,themeColor as Rt,themeSize as Go}from"@domphy/theme";function fi(n={}){var e;let{multiple:o=!1,color:t="neutral"}=n;return{role:"group",_context:{toggleGroup:{value:Yo((e=n.value)!=null?e:o?[]:""),multiple:o}},style:{display:"flex",paddingBlock:ze(1),paddingInline:ze(1),gap:ze(1),borderRadius:ze(2),fontSize:r=>Go(r,"inherit"),backgroundColor:r=>Rt(r,"inherit",t),outline:r=>`1px solid ${Rt(r,"shift-3",t)}`,outlineOffset:"-1px"}}}import{themeSpacing as Dt}from"@domphy/theme";function yi(){return{style:{display:"flex",alignItems:"center",gap:Dt(2),"& > *":{minWidth:Dt(9)+"!important"}},_onMount:n=>{let o=n.domElement,t=()=>Array.from(o.querySelectorAll("input")),e=s=>{let a=t(),l=s.target,c=a.indexOf(l);l.value&&c<a.length-1&&a[c+1].focus()},r=s=>{let a=t(),l=s.target,c=a.indexOf(l);s.key==="Backspace"&&!l.value&&c>0&&a[c-1].focus(),s.key==="ArrowLeft"&&c>0&&a[c-1].focus(),s.key==="ArrowRight"&&c<a.length-1&&a[c+1].focus()},i=s=>{var d,u,g;s.preventDefault();let a=(u=(d=s.clipboardData)==null?void 0:d.getData("text"))!=null?u:"",l=t(),c=l.indexOf(s.target);[...a].forEach((p,f)=>{l[c+f]&&(l[c+f].value=p)});let m=Math.min(c+a.length-1,l.length-1);(g=l[m])==null||g.focus()};o.addEventListener("input",e),o.addEventListener("keydown",r),o.addEventListener("paste",i),n.addHook("Remove",()=>{o.removeEventListener("input",e),o.removeEventListener("keydown",r),o.removeEventListener("paste",i)})}}}import{themeColor as Je,themeDensity as Ht,themeSize as Uo,themeSpacing as $e}from"@domphy/theme";function xi(n={}){let{color:o="primary"}=n;return{role:"alert",dataTone:"shift-2",style:{display:"flex",alignItems:"flex-start",gap:$e(3),paddingBlock:t=>$e(Ht(t)*2),paddingInline:t=>$e(Ht(t)*4),boxShadow:t=>`inset ${$e(1)} 0 0 0 ${Je(t,"shift-8",o)}`,backgroundColor:t=>Je(t,"inherit",o),color:t=>Je(t,"shift-10",o),fontSize:t=>Uo(t,"inherit")}}}import{themeColor as Ot,themeSize as Xo,themeSpacing as Bt}from"@domphy/theme";function ki(n={}){let{color:o="primary"}=n;return{dataTone:"shift-2",style:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",borderRadius:"50%",flexShrink:0,width:Bt(9),height:Bt(9),fontSize:t=>Xo(t,"inherit"),fontWeight:"600",userSelect:"none",backgroundColor:t=>Ot(t,"inherit",o),color:t=>Ot(t,"shift-11",o),"& img":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}}}import{toState as Jo}from"@domphy/core";import{themeSpacing as Qe,themeColor as Ft,themeSize as Qo}from"@domphy/theme";function _i(n={}){let{color:o="danger",label:t=999}=n,e=Jo(t);return{style:{position:"relative","&::after":{content:r=>`"${e.get(r)}"`,position:"absolute",top:0,right:0,transform:"translate(50%,-50%)",paddingInline:Qe(1),minWidth:Qe(6),display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:r=>Qo(r,"decrease-1"),borderRadius:Qe(999),backgroundColor:r=>Ft(r,"shift-9",o),color:r=>Ft(r,"shift-0",o)}}}}import{themeColor as pe,themeSize as Zo,themeSpacing as Vt}from"@domphy/theme";function Mi(n={}){let{color:o="neutral",separator:t="/"}=n;return{_onInsert:e=>{e.tagName!=="nav"&&console.warn('"breadcrumb" patch must use nav tag')},ariaLabel:"breadcrumb",style:{display:"flex",alignItems:"center",flexWrap:"wrap",fontSize:e=>Zo(e,"inherit"),gap:Vt(1),color:e=>pe(e,"shift-9",o),backgroundColor:e=>pe(e,"inherit",o),"& > *":{display:"inline-flex",alignItems:"center",color:e=>pe(e,"shift-8",o)},"& > *:not(:last-child)::after":{content:`"${t}"`,color:e=>pe(e,"shift-4",o),paddingInlineStart:Vt(1)},"& > [aria-current=page]":{color:e=>pe(e,"shift-10",o),pointerEvents:"none"}}}}import{themeColor as Me,themeSize as er,themeSpacing as Ne}from"@domphy/theme";function Ri(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!=="button"&&console.warn('"breadcrumbEllipsis" patch must use button tag')},ariaLabel:"More breadcrumb items",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:t=>er(t,"inherit"),paddingInline:Ne(1),border:"none",background:"none",cursor:"pointer",color:t=>Me(t,"shift-8",o),borderRadius:Ne(1),"&:hover":{color:t=>Me(t,"shift-10",o),backgroundColor:t=>Me(t,"shift-2",o)},"&:focus-visible":{outline:t=>`${Ne(.5)} solid ${Me(t,"shift-6",o)}`,outlineOffset:Ne(.5)}}}}import{toState as Wt,merge as Ze}from"@domphy/core";import{themeSpacing as j,themeColor as fe,themeDensity as et,themeSize as Kt}from"@domphy/theme";import{themeColor as Le,themeSize as tr,themeSpacing as M}from"@domphy/theme";var or='<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(n={}){let{color:o="neutral",removable:t=!1}=n;return{dataTone:"shift-2",_onInit:e=>{let r={span:or,onClick:i=>{i.stopPropagation(),e.remove()},style:{display:"inline-flex",alignItems:"center",cursor:"pointer",borderRadius:M(1),width:M(4),height:M(4),flexShrink:0,"&:hover":{backgroundColor:i=>Le(i,"shift-4",o)}}};t&&e.children.insert(r)},style:{display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",userSelect:"none",height:M(6),paddingBlock:"0px",borderRadius:M(1),paddingInlineStart:M(2),paddingInlineEnd:t?M(1):M(2),gap:M(2),fontSize:e=>tr(e,"inherit"),backgroundColor:e=>Le(e,"inherit",o),color:e=>Le(e,"shift-9",o),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${Le(e,"shift-4",o)}`}}}import{toState as At,merge as rr}from"@domphy/core";import{computePosition as nr,autoUpdate as ir,offset as lr,flip as ar,shift as sr}from"@floating-ui/dom";function H(n){let{open:o=!1,placement:t="bottom"}=n,e=null,r=null,i=null,s=null,a=At(o),l=At(t),c=()=>{i&&s&&(r&&r(),r=ir(i,s,()=>{nr(i,s,{placement:l.get(),middleware:[lr(12),ar(),sr()],strategy:"fixed"}).then(({x:f,y:h,placement:b})=>{var y;Object.assign(s.style,{left:`${f}px`,top:`${h}px`}),b!==l.get()&&l.set(b),(y=n.onPlacement)==null||y.call(n,i,s,b)})}),a.set(!0))},m=()=>{r&&r(),r=null,a.set(!1)},d=()=>{e&&clearTimeout(e),e=setTimeout(c,100)},u=()=>{e&&clearTimeout(e),e=setTimeout(m,100)},g={style:{position:"fixed",pointerEvents:"auto",visibility:f=>a.get(f)?"visible":"hidden"},_onMount:f=>s=f.domElement,_portal:f=>{let h=f.domElement.querySelector("#domphy-floating");if(!h){let b={div:[],id:"domphy-floating",style:{position:"fixed",inset:0,zIndex:20,pointerEvents:"none"}};h=f.children.insert(b).domElement}return h}};return rr(n.content,g),{show:d,hide:u,anchorPartial:{onKeyDown:f=>f.key==="Escape"&&u(),_onSchedule:f=>{let h=null;f.getRoot().addHook("Init",b=>{h=b.children.insert(n.content)}),f.addHook("BeforeRemove",()=>{u(),e&&clearTimeout(e),h&&h.remove()})},_onMount:f=>{i=f.domElement;let h=b=>{if(!a.get()||!i||!s)return;let y=b.target;!i.contains(y)&&!s.contains(y)&&u()};f.getRoot().domElement.addEventListener("click",h),f.addHook("BeforeRemove",()=>f.getRoot().domElement.removeEventListener("click",h))}}}}function Xi(n){let{options:o=[],placement:t="bottom",color:e="neutral",open:r=!1,multiple:i=!1}=n,s=Wt(n.value),a=Wt(r),{show:l,hide:c,anchorPartial:m}=H({open:a,placement:t,content:n.content,onPlacement:n.onPlacement}),d={onClick:()=>!i&&c()};Ze(n.content,d);let u={border:"none",outline:"none",padding:0,margin:0,flex:1,height:j(6),marginInlineStart:j(2),fontSize:h=>Kt(h,"inherit"),color:h=>fe(h,"shift-9",e),backgroundColor:h=>fe(h,"inherit",e)},g;n.input?(Ze(n.input,{onFocus:()=>l(),style:u,_key:"combobox-input"}),g=n.input):g={input:null,onFocus:()=>l(),value:h=>(s.get(h),""),style:u,_key:"combobox-input"};let p={div:h=>{let b=s.get(h),y=Array.isArray(b)?b:[b],T=o.filter(U=>y.includes(U.value)).map(U=>({span:U.label,$:[Re({color:e,removable:!0})],_key:U.value,_onRemove:Ue=>{let ue=s.get(),_t=(Array.isArray(ue)?ue:[ue]).filter(No=>No!==U.value);i?s.set(_t):s.set(_t[0])}}));return T.push(g),T},style:{display:"flex",flexWrap:"wrap",gap:j(1)}},f={_onInsert:h=>{h.tagName!="div"&&console.warn('"combobox" primitive patch must use div tag')},_onInit:h=>h.children.insert(p),style:{minWidth:j(32),outlineOffset:"-1px",outline:h=>`1px solid ${fe(h,"shift-4","neutral")}`,paddingBlock:h=>j(et(h)*1),paddingInline:h=>j(et(h)*1),borderRadius:h=>j(et(h)*1),fontSize:h=>Kt(h,"inherit"),color:h=>fe(h,"shift-9",e),backgroundColor:h=>fe(h,"inherit",e)}};return Ze(m,f),m}import{toState as jt}from"@domphy/core";import{themeSpacing as tt,themeColor as De,themeSize as mr}from"@domphy/theme";function qt(n={}){let{placement:o="bottom-end",color:t="neutral",sideOffset:e=tt(6),bordered:r=!0}=n,i=jt(o),s={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"},a=jt(s[i.get()]);i.onChange(m=>a.set(s[m]));let l=m=>m.includes("start")?e:m.includes("end")?"auto":"50%",c=m=>m.includes("end")?e:m.includes("start")?"auto":"50%";return{style:{fontSize:m=>mr(m),backgroundColor:m=>De(m),color:m=>De(m,"shift-9",t),position:"relative","&::after":{content:'""',position:"absolute",width:tt(1.5),height:tt(1.5),backgroundColor:m=>De(m,"inherit",t),borderWidth:r?"0px":"1px",borderColor:m=>De(m,"inherit",t),borderTopStyle:m=>{let d=a.get(m);return d.includes("top")||d.includes("right")?"solid":"none"},borderBottomStyle:m=>{let d=a.get(m);return d.includes("bottom")||d.includes("left")?"solid":"none"},borderLeftStyle:m=>{let d=a.get(m);return d.includes("top")||d.includes("left")?"solid":"none"},borderRightStyle:m=>{let d=a.get(m);return d.includes("bottom")||d.includes("right")?"solid":"none"},top:m=>{let d=a.get(m);return d.includes("top")?0:d.includes("bottom")?"auto":l(d)},right:m=>{let d=a.get(m);return d.includes("right")?0:d.includes("left")?"auto":c(d)},bottom:m=>{let d=a.get(m);return d.includes("bottom")?0:d.includes("top")?"auto":c(d)},left:m=>{let d=a.get(m);return d.includes("left")?0:d.includes("right")?"auto":l(d)},transform:m=>{let d=a.get(m),u=d.includes("right")||d.includes("end")&&!d.includes("left")?"50%":"-50%",g=d.includes("bottom")||d.includes("end")&&!d.includes("top")?"50%":"-50%";return`translate(${u},${g}) rotate(45deg)`}}}}}import{themeSpacing as ot,themeColor as Yt,themeDensity as Gt,themeSize as cr}from"@domphy/theme";function il(n={}){let{color:o="inherit"}=n;return{_onInsert:t=>{t.tagName!="blockquote"&&console.warn('"blockquote" primitive patch must use blockquote tag')},dataTone:"shift-2",style:{fontSize:t=>cr(t,"inherit"),backgroundColor:t=>Yt(t,"inherit",o),boxShadow:t=>`inset ${ot(1)} 0 0 0 ${Yt(t,"shift-4",o)}`,border:"none",paddingBlock:t=>ot(Gt(t)*2),paddingInline:t=>ot(Gt(t)*4),margin:0}}}import{themeColor as N,themeDensity as rt,themeSize as dr,themeSpacing as He}from"@domphy/theme";function sl(n={}){let{color:o="primary"}=n;return{_onInsert:t=>{t.tagName!="button"&&console.warn('"button" primitive patch must use button tag')},style:{appearance:"none",fontSize:t=>dr(t,"inherit"),paddingBlock:t=>He(rt(t)*1),paddingInline:t=>He(rt(t)*3),borderRadius:t=>He(rt(t)*1),width:"fit-content",display:"flex",justifyContent:"center",alignItems:"center",userSelect:"none",fontFamily:"inherit",lineHeight:"inherit",border:"none",outlineOffset:"-1px",outlineWidth:"1px",outline:t=>`1px solid ${N(t,"shift-4",o)}`,color:t=>N(t,"shift-9",o),backgroundColor:t=>N(t,"inherit",o),"&:hover:not([disabled]):not([aria-busy=true])":{color:t=>N(t,"shift-10",o),backgroundColor:t=>N(t,"shift-2",o)},"&:focus-visible":{boxShadow:t=>`inset 0 0 0 ${He(.5)} ${N(t,"shift-6",o)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>N(t,"shift-2","neutral"),outline:t=>`1px solid ${N(t,"shift-4","neutral")}`,color:t=>N(t,"shift-8","neutral")},"&[aria-busy=true]":{opacity:.7,cursor:"wait",pointerEvents:"none"}}}}import{themeColor as x,themeSpacing as O,themeSize as ur}from"@domphy/theme";function ul(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{type:"checkbox",_onInsert:e=>{e.tagName!=="input"&&console.warn('"inputCheckbox" primitive patch must use input tag')},style:{appearance:"none",fontSize:e=>ur(e,"inherit"),display:"inline-flex",position:"relative",width:O(6),height:O(6),justifyContent:"center",alignItems:"center",transition:"background-color 300ms, outline-color 300ms",margin:0,padding:0,"&::before":{content:'""',display:"block",borderRadius:O(1),lineHeight:1,cursor:"pointer",border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${x(e,"shift-4",o)}`,color:e=>x(e,"shift-9",o),width:O(4),height:O(4)},"&:hover::before":{backgroundColor:e=>x(e,"shift-2",o)},"&:checked::before":{outline:e=>`1px solid ${x(e,"shift-6",t)}`,backgroundColor:e=>x(e,"shift-8",t)},"&:checked:hover:not([disabled])::before":{backgroundColor:e=>x(e,"shift-7",t)},"&:checked::after":{content:'""',display:"block",position:"absolute",top:"25%",insetInlineStart:"37%",width:"20%",height:"30%",border:e=>`${O(.5)} solid ${x(e,"inherit",t)}`,borderTop:0,borderInlineStart:0,transform:"rotate(45deg)"},"&:indeterminate::before":{outline:e=>`1px solid ${x(e,"shift-6",t)}`,backgroundColor:e=>x(e,"shift-3",t)},"&:indeterminate::after":{content:'""',position:"absolute",inset:"30%",backgroundColor:e=>x(e,"shift-8",t)},"&:indeterminate:hover:not([disabled])::after":{backgroundColor:e=>x(e,"shift-7",t)},"&:focus-visible":{borderRadius:O(1.5),outline:e=>`${O(.5)} solid ${x(e,"shift-6",t)}`},"&[disabled]":{cursor:"not-allowed"},"&[disabled]::before, &[disabled]::after":{outline:"none",backgroundColor:e=>x(e,"shift-4","neutral"),pointerEvents:"none"}}}}import{themeSpacing as nt,themeColor as Ut,themeSize as hr}from"@domphy/theme";function gl(n={}){let{color:o="neutral"}=n;return{dataTone:"shift-2",_onInsert:t=>{t.tagName!="code"&&console.warn('"code" primitive patch must use code tag')},style:{display:"inline-flex",alignItems:"center",fontSize:t=>hr(t,"inherit"),color:t=>Ut(t,"shift-9",o),backgroundColor:t=>Ut(t,"inherit",o),height:nt(6),paddingInline:nt(1.5),borderRadius:nt(1)}}}import{themeColor as B,themeDensity as ge,themeSize as Xt,themeSpacing as v}from"@domphy/theme";function vl(n={}){let{color:o="neutral",accentColor:t="primary",duration:e=240}=n;return{_onInsert:r=>{r.tagName!="details"&&console.warn('"details" primitive patch must use details tag')},style:{fontSize:r=>Xt(r,"inherit"),color:r=>B(r,"shift-9",o),backgroundColor:r=>B(r,"inherit",o),overflow:"hidden","& > summary":{backgroundColor:r=>B(r,"shift-2",o),color:r=>B(r,"shift-10",o),fontSize:r=>Xt(r,"inherit"),listStyle:"none",display:"flex",justifyContent:"space-between",alignItems:"center",gap:v(2),cursor:"pointer",userSelect:"none",fontWeight:500,paddingInline:r=>v(ge(r)*4),height:v(10)},"& > summary::-webkit-details-marker":{display:"none"},"& > summary::marker":{content:'""'},"& > summary::after":{content:'""',width:v(2),height:v(2),flexShrink:0,marginTop:`-${v(.5)}`,borderInlineEnd:r=>`${v(.5)} solid ${B(r,"shift-9",o)}`,borderBottom:r=>`${v(.5)} solid ${B(r,"shift-9",o)}`,transform:"rotate(45deg)",transition:`transform ${e}ms ease`},"&[open] > summary::after":{transform:"rotate(-135deg)"},"& > summary:hover":{backgroundColor:r=>B(r,"shift-3",o)},"& > summary:focus-visible":{borderRadius:r=>v(ge(r)*2),outlineOffset:`-${v(.5)}`,outline:r=>`${v(.5)} solid ${B(r,"shift-6",t)}`},"& > :not(summary)":{maxHeight:"0px",opacity:0,overflow:"hidden",paddingInline:r=>v(ge(r)*3),paddingTop:0,paddingBottom:0,transition:`max-height ${e}ms ease, opacity ${e}ms ease, padding ${e}ms ease`},"&[open] > :not(summary)":{maxHeight:v(250),opacity:1,paddingTop:r=>v(ge(r)*1),paddingBottom:r=>v(ge(r)*3)}}}}import{themeColor as Jt,themeSpacing as Qt,themeSize as Zt}from"@domphy/theme";function kl(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="dl"&&console.warn('"descriptionList" primitive patch must use dl tag')},style:{display:"grid",gridTemplateColumns:`minmax(${Qt(24)}, max-content) 1fr`,columnGap:Qt(4),margin:0,"& dt":{margin:0,fontWeight:600,fontSize:t=>Zt(t,"inherit"),color:t=>Jt(t,"shift-10",o)},"& dd":{margin:0,fontSize:t=>Zt(t,"inherit"),color:t=>Jt(t,"shift-9",o)}}}}import{toState as pr}from"@domphy/core";import{themeColor as Oe,themeDensity as fr,themeSize as gr,themeSpacing as it}from"@domphy/theme";function _l(n={}){let{color:o="neutral",open:t=!1}=n,e=pr(t);return{_onInsert:r=>{r.tagName!="dialog"&&console.warn('"dialog" primitive patch must use dialog tag')},onClick:(r,i)=>{if(r.target!==i.domElement)return;let s=i.domElement.getBoundingClientRect();r.clientX>=s.left&&r.clientX<=s.right&&r.clientY>=s.top&&r.clientY<=s.bottom||e.set(!1)},onTransitionEnd:(r,i)=>{let s=i.domElement;s.style.opacity==="0"&&(s.close(),document.body.style.overflow="")},_onMount:r=>{let i=r.domElement,s=a=>{a?(i.showModal(),document.body.style.overflow="hidden",requestAnimationFrame(()=>{i.style.opacity="1";let l=i.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');l==null||l.focus()})):i.style.opacity="0"};s(e.get()),e.onChange(s)},style:{opacity:"0",transition:"opacity 200ms ease",fontSize:r=>gr(r,"inherit"),color:r=>Oe(r,"shift-10",o),backgroundColor:r=>Oe(r,"inherit",o),border:"none",padding:r=>it(fr(r)*3),boxShadow:r=>`0 ${it(9)} ${it(16)} ${Oe(r,"shift-4","neutral")}`,"&::backdrop":{backgroundColor:r=>Oe(r,"shift-2","neutral"),opacity:.75}}}}import{themeColor as br,themeSize as yr}from"@domphy/theme";function Nl(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="em"&&console.warn('"emphasis" primitive patch must use em tag')},style:{fontSize:t=>yr(t,"inherit"),fontStyle:"italic",color:t=>br(t,"shift-10",o)}}}import{themeColor as eo,themeSize as Cr,themeSpacing as Be}from"@domphy/theme";function Hl(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="figure"&&console.warn('"figure" primitive patch must use figure tag')},style:{display:"flex",flexDirection:"column",gap:Be(2),marginInline:0,marginTop:Be(3),marginBottom:Be(3),color:t=>eo(t,"shift-9",o),"& img, & svg, & video, & canvas":{display:"block",maxWidth:"100%",borderRadius:Be(2)},"& figcaption":{fontSize:t=>Cr(t,"decrease-1"),color:t=>eo(t,"shift-8",o),lineHeight:1.45}}}}import{themeColor as Fe,themeDensity as ee,themeSpacing as L,themeSize as lt}from"@domphy/theme";function Fl(n={}){let{color:o="neutral",layout:t="horizontal"}=n,e=t==="vertical";return{_onInsert:r=>{r.tagName!="fieldset"&&console.warn('"formGroup" patch must use fieldset tag')},style:{margin:0,paddingInline:r=>L(ee(r)*3),paddingBlock:r=>L(ee(r)*3),border:"none",borderRadius:r=>L(ee(r)*2),fontSize:r=>lt(r,"inherit"),backgroundColor:r=>Fe(r,"inherit",o),display:"grid",gridTemplateColumns:e?"minmax(0, 1fr)":"max-content minmax(0, 1fr)",columnGap:L(4),rowGap:L(3),alignItems:"start","& > legend":{gridColumn:"1 / -1",margin:0,fontSize:r=>lt(r,"inherit"),fontWeight:600,paddingBlock:r=>L(ee(r)*1),borderRadius:r=>L(ee(r)*2),color:r=>Fe(r,"shift-9",o),backgroundColor:r=>Fe(r,"inherit",o)},"& > label":{gridColumn:"1",alignSelf:"start",margin:0,paddingBlock:r=>e?"0px":L(ee(r)*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(${L(2)} * -1)`,fontSize:r=>lt(r,"decrease-1"),color:r=>Fe(r,"shift-9",o)}}}}import{themeColor as vr,themeSize as xr,themeSpacing as Sr}from"@domphy/theme";var Er={h6:"decrease-1",h5:"inherit",h4:"increase-1",h3:"increase-2",h2:"increase-3",h1:"increase-4"};function Kl(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{["h1","h2","h3","h4","h5","h6"].includes(t.tagName)||console.warn('"heading" primitive patch must use heading tags [h1...h6]')},style:{color:t=>vr(t,"shift-11",o),marginTop:0,marginBottom:Sr(2),fontSize:t=>{let e=Er[t.elementNode.tagName]||"inherit";return xr(t,e)}}}}import{themeColor as kr,themeSpacing as to}from"@domphy/theme";function Gl(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="hr"&&console.warn('"horizontalRule" primitive patch must use hr tag')},style:{border:0,height:"1px",marginInline:0,marginTop:to(3),marginBottom:to(3),backgroundColor:t=>kr(t,"shift-4",o)}}}import{themeColor as Tr,themeSpacing as Pr}from"@domphy/theme";function Ql(n={}){let{color:o="neutral"}=n;return{dataTone:"shift-2",_onInsert:t=>{t.tagName!="img"&&console.warn('"image" primitive patch must use img tag')},style:{display:"block",width:"100%",maxWidth:"100%",height:"auto",objectFit:"cover",borderRadius:Pr(2),backgroundColor:t=>Tr(t,"inherit",o)}}}import{themeSpacing as oo,themeColor as wr,themeSize as Ir}from"@domphy/theme";function ta(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="span"&&console.warn('"icon" primitive patch should use span tag')},style:{display:"inline-flex",alignItems:"center",verticalAlign:"middle",width:oo(6),height:oo(6),fontSize:t=>Ir(t),backgroundColor:"transparent",color:t=>wr(t,"shift-9",o)}}}import{themeColor as ro,themeDensity as be,themeSpacing as ye,themeSize as _r}from"@domphy/theme";function na(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{type:"color",_onSchedule:(e,r)=>{e.tagName!="input"&&console.warn('"inputColor" primitive patch must use input tag'),r.type="color"},style:{appearance:"none",border:"none",cursor:"pointer",fontSize:e=>_r(e,"inherit"),paddingBlock:e=>ye(be(e)*1),paddingInline:e=>ye(be(e)*1),blockSize:e=>ye(6+be(e)*2),inlineSize:e=>ye(6+be(e)*2),backgroundColor:"transparent","&::-webkit-color-swatch-wrapper":{margin:0,padding:0},"&::-webkit-color-swatch":{borderRadius:e=>ye(be(e)*1)},"&:hover:not([disabled]), &:focus-visible":{},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:e=>ro(e,"shift-2","neutral"),outline:e=>`1px solid ${ro(e,"shift-4","neutral")}`}}}}import{themeColor as F,themeDensity as at,themeSpacing as Ce,themeSize as zr}from"@domphy/theme";function sa(n={}){let{mode:o="datetime-local",color:t="neutral",accentColor:e="primary"}=n;return{type:o,_onSchedule:(r,i)=>{r.tagName!="input"&&console.warn('"inputDateTime" primitive patch must use input tag'),i.type=o},style:{fontFamily:"inherit",fontSize:r=>zr(r,"inherit"),lineHeight:"inherit",color:r=>F(r,"shift-9",t),backgroundColor:r=>F(r,"inherit",t),border:"none",outlineOffset:"-1px",outline:r=>`1px solid ${F(r,"shift-4",t)}`,borderRadius:r=>Ce(at(r)*1),paddingInline:r=>Ce(at(r)*3),height:r=>Ce(6+at(r)*2),"&::-webkit-calendar-picker-indicator":{cursor:"pointer",opacity:.85},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:r=>`${Ce(.5)} solid ${F(r,"shift-6",e)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:r=>F(r,"shift-8","neutral"),backgroundColor:r=>F(r,"shift-2","neutral"),outline:r=>`1px solid ${F(r,"shift-4","neutral")}`},"&:invalid":{outline:r=>`${Ce(.5)} solid ${F(r,"shift-6","error")}`}}}}import{themeColor as S,themeDensity as st,themeSpacing as P,themeSize as $r}from"@domphy/theme";function ua(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{type:"file",_onSchedule:(e,r)=>{e.tagName!="input"&&console.warn('"inputFile" primitive patch must use input tag'),r.type="file"},style:{fontFamily:"inherit",fontSize:e=>$r(e,"inherit"),lineHeight:"inherit",color:e=>S(e,"shift-9",o),backgroundColor:e=>S(e,"inherit",o),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${S(e,"shift-4",o)}`,borderRadius:e=>P(st(e)*1),height:e=>P(6+st(e)*2),paddingInline:e=>P(st(e)*1),"&::file-selector-button":{marginBlock:"auto",fontFamily:"inherit",fontSize:"inherit",border:"none",borderRadius:P(1),height:P(6),paddingInline:P(2),cursor:"pointer",color:e=>S(e,"shift-10",t),backgroundColor:e=>S(e,"shift-3",t)},"&::-webkit-file-upload-button":{marginTop:P(1),fontFamily:"inherit",fontSize:"inherit",border:"none",borderRadius:P(1),height:P(6),paddingInline:P(2),cursor:"pointer",color:e=>S(e,"shift-10",o),backgroundColor:e=>S(e,"shift-3",o)},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:e=>`${P(.5)} solid ${S(e,"shift-6",t)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>S(e,"shift-8","neutral"),outline:e=>`1px solid ${S(e,"shift-4","neutral")}`,backgroundColor:e=>S(e,"shift-2","neutral")},"&[disabled]::file-selector-button, &[disabled]::-webkit-file-upload-button":{cursor:"not-allowed",color:e=>S(e,"shift-8","neutral"),backgroundColor:e=>S(e,"shift-3","neutral")}}}}import{themeColor as V,themeDensity as mt,themeSpacing as ve,themeSize as Mr}from"@domphy/theme";function ga(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{type:"search",_onSchedule:(e,r)=>{e.tagName!="input"&&console.warn('"inputSearch" primitive patch must use input tag'),r.type="search"},style:{fontFamily:"inherit",fontSize:e=>Mr(e,"inherit"),lineHeight:"inherit",color:e=>V(e,"shift-9",o),backgroundColor:e=>V(e,"inherit",o),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${V(e,"shift-4",o)}`,borderRadius:e=>ve(mt(e)*1),minWidth:ve(32),paddingInline:e=>ve(mt(e)*3),paddingBlock:e=>ve(mt(e)*1),"&::placeholder":{color:e=>V(e,"shift-7",o)},"&::-webkit-search-decoration":{display:"none"},"&::-webkit-search-cancel-button":{cursor:"pointer"},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:e=>`${ve(.5)} solid ${V(e,"shift-6",t)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>V(e,"shift-8","neutral"),backgroundColor:e=>V(e,"shift-2","neutral"),outline:e=>`1px solid ${V(e,"shift-4","neutral")}`}}}}import{themeColor as E,themeDensity as ct,themeSpacing as A,themeSize as Nr}from"@domphy/theme";function va(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{type:"text",_onSchedule:(e,r)=>{e.tagName!="input"&&console.warn('"inputText" primitive patch must use input tag and text type'),r.type="text"},style:{fontFamily:"inherit",lineHeight:"inherit",minWidth:A(10),paddingInline:e=>A(ct(e)*3),paddingBlock:e=>A(ct(e)*1),borderRadius:e=>A(ct(e)*1),fontSize:e=>Nr(e,"inherit"),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${E(e,"shift-4",o)}`,color:e=>E(e,"shift-9",o),backgroundColor:e=>E(e,"inherit",o),"&::placeholder":{color:e=>E(e,"shift-7")},"&:not(:placeholder-shown)":{color:e=>E(e,"shift-10")},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:e=>`${A(.5)} solid ${E(e,"shift-6",t)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:e=>E(e,"shift-2","neutral"),outline:e=>`1px solid ${E(e,"shift-4","neutral")}`,color:e=>E(e,"shift-8","neutral")},"&:invalid:not(:placeholder-shown)":{outline:e=>`${A(.5)} solid ${E(e,"shift-6","error")}`},"&[data-status=error]":{outline:e=>`${A(.5)} solid ${E(e,"shift-6","error")}`},"&[data-status=warning]":{outline:e=>`${A(.5)} solid ${E(e,"shift-6","warning")}`}}}}import{themeColor as q,themeSpacing as C}from"@domphy/theme";function ka(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{type:"range",_onInsert:e=>{e.tagName!="input"&&console.warn('"inputRange" primitive patch must use input tag')},style:{appearance:"none",width:"100%",margin:0,padding:0,height:C(4),background:"transparent",cursor:"pointer","&::-webkit-slider-runnable-track":{height:C(1.5),borderRadius:C(999),backgroundColor:e=>q(e,"shift-3",o)},"&::-moz-range-track":{height:C(1.5),borderRadius:C(999),backgroundColor:e=>q(e,"shift-3",o)},"&::-webkit-slider-thumb":{appearance:"none",width:C(4),height:C(4),borderRadius:C(999),border:"none",marginTop:`calc((${C(1.5)} - ${C(4)}) / 2)`,backgroundColor:e=>q(e,"shift-9",t)},"&::-moz-range-thumb":{width:C(4),height:C(4),borderRadius:C(999),border:"none",backgroundColor:e=>q(e,"shift-9",t)},"&:hover:not([disabled])::-webkit-slider-thumb":{backgroundColor:e=>q(e,"shift-10",t)},"&:hover:not([disabled])::-moz-range-thumb":{backgroundColor:e=>q(e,"shift-10",t)},"&:focus-visible":{outline:e=>`${C(.5)} solid ${q(e,"shift-6",t)}`,outlineOffset:C(1),borderRadius:C(2)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{themeColor as Y,themeDensity as dt,themeSpacing as xe,themeSize as Lr}from"@domphy/theme";function Ia(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{type:"number",_onSchedule:(e,r)=>{e.tagName!="input"&&console.warn('"inputNumber" primitive patch must use input tag'),r.type="number"},style:{fontFamily:"inherit",lineHeight:"inherit",minWidth:xe(10),paddingInline:e=>xe(dt(e)*3),paddingBlock:e=>xe(dt(e)*1),borderRadius:e=>xe(dt(e)*1),fontSize:e=>Lr(e,"inherit"),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${Y(e,"shift-4",o)}`,color:e=>Y(e,"shift-9",o),backgroundColor:e=>Y(e,"inherit",o),"&::-webkit-inner-spin-button, &::-webkit-outer-spin-button":{opacity:1},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:e=>`${xe(.5)} solid ${Y(e,"shift-6",t)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:e=>Y(e,"shift-2","neutral"),outline:e=>`1px solid ${Y(e,"shift-4","neutral")}`,color:e=>Y(e,"shift-8","neutral")}}}}import{themeColor as ut,themeSize as Rr,themeSpacing as ht}from"@domphy/theme";function Ma(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="kbd"&&console.warn('"keyboard" primitive patch must use kbd tag')},style:{fontSize:t=>Rr(t,"inherit"),color:t=>ut(t,"shift-9",o),backgroundColor:t=>ut(t,"inherit",o),paddingBlock:ht(.5),paddingInline:ht(1.5),borderRadius:ht(1),outline:t=>`1px solid ${ut(t,"shift-4",o)}`}}}import{themeColor as pt,themeSize as Dr,themeSpacing as Hr}from"@domphy/theme";function Da(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{_onInsert:e=>{e.tagName!="label"&&console.warn('"label" primitive patch must use label tag')},style:{display:"inline-flex",alignItems:"center",gap:Hr(2),fontSize:e=>Dr(e,"inherit"),color:e=>pt(e,"shift-9",o),cursor:"pointer","&:focus-within":{color:e=>pt(e,"shift-10",t)},"&[aria-disabled=true]":{opacity:.7,cursor:"not-allowed",color:e=>pt(e,"shift-8","neutral")}}}}import{themeColor as te,themeSize as Or,themeSpacing as ft}from"@domphy/theme";function Ba(n={}){let{color:o="primary",accentColor:t="secondary"}=n;return{_onInsert:e=>{e.tagName!="a"&&console.warn('"link" primitive patch must use a tag')},style:{fontSize:e=>Or(e,"inherit"),backgroundColor:e=>te(e),color:e=>te(e,"shift-9",o),textDecoration:"none","&:visited":{color:e=>te(e,"shift-9",t)},"&:hover:not([disabled])":{color:e=>te(e,"shift-10",o),textDecoration:"underline"},"&:focus-visible":{borderRadius:ft(1),outlineOffset:ft(1),outline:e=>`${ft(.5)} solid ${te(e,"shift-6",t)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>te(e,"shift-8","neutral")}}}}import{themeSpacing as gt,themeSize as Br,themeColor as no}from"@domphy/theme";function Wa(n={}){let{accentColor:o="highlight"}=n;return{_onInsert:t=>{t.tagName!="mark"&&console.warn('"mark" primitive patch must use mark tag')},dataTone:"shift-2",style:{display:"inline-flex",alignItems:"center",fontSize:t=>Br(t,"inherit"),color:t=>no(t,"shift-9",o),backgroundColor:t=>no(t,"inherit",o),height:gt(6),borderRadius:gt(1),paddingInline:gt(1.5)}}}import{themeColor as Fr,themeSize as Vr}from"@domphy/theme";function Ga(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="p"&&console.warn('"paragraph" primitive patch must use p tag')},style:{fontSize:t=>Vr(t,"inherit"),color:t=>Fr(t,"shift-9",o),lineHeight:1.5,marginTop:0,marginBottom:0}}}import{themeColor as io,themeDensity as bt,themeSpacing as yt,themeSize as Ar}from"@domphy/theme";function Qa(n={}){let{color:o="neutral"}=n;return{dataTone:"shift-2",_onInsert:t=>{t.tagName!="pre"&&console.warn('"preformated" primitive patch must use pre tag')},style:{fontSize:t=>Ar(t,"inherit"),color:t=>io(t,"shift-9",o),backgroundColor:t=>io(t,"inherit",o),border:"none",paddingBlock:t=>yt(bt(t)*2),paddingInline:t=>yt(bt(t)*3),borderRadius:t=>yt(bt(t)*2)}}}import{themeColor as Ve,themeSpacing as Se}from"@domphy/theme";function os(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{_onInsert:e=>{e.tagName!="progress"&&console.warn('"progress" primitive patch must use progress tag')},style:{appearance:"none",width:"100%",height:Se(2),border:0,borderRadius:Se(999),overflow:"hidden",backgroundColor:e=>Ve(e,"shift-3",o),"&::-webkit-progress-bar":{backgroundColor:e=>Ve(e,"shift-3",o),borderRadius:Se(999)},"&::-webkit-progress-value":{backgroundColor:e=>Ve(e,"shift-9",t),borderRadius:Se(999),transition:"width 220ms ease"},"&::-moz-progress-bar":{backgroundColor:e=>Ve(e,"shift-9",t),borderRadius:Se(999)}}}}import{themeColor as W,themeSize as Wr,themeSpacing as Ee}from"@domphy/theme";function ls(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{type:"radio",_onInsert:e=>{if(e.tagName!="input"){console.warn('"inputRadio" primitive patch must use input tag and radio type');return}},style:{fontSize:e=>Wr(e,"inherit"),appearance:"none",display:"inline-flex",position:"relative",width:Ee(6),height:Ee(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:e=>`1px solid ${W(e,"shift-4",o)}`,color:e=>W(e,"shift-9",o),width:Ee(4),height:Ee(4)},"&:hover::before":{backgroundColor:e=>W(e,"shift-2",o)},"&:checked::before":{outline:e=>`1px solid ${W(e,"shift-6",t)}`},"&:checked::after":{content:'""',position:"absolute",inset:"30%",borderRadius:"50%",backgroundColor:e=>W(e,"shift-8",t)},"&:checked:hover:not([disabled])::before":{backgroundColor:e=>W(e,"shift-7",t)},"&:focus-visible":{borderRadius:"50%",outline:e=>`${Ee(.5)} solid ${W(e,"shift-6",t)}`},"&[disabled]":{cursor:"not-allowed"},"&[disabled]::before, &[disabled]::after":{outline:"none",backgroundColor:e=>W(e,"shift-4","neutral"),pointerEvents:"none"}}}}import{themeColor as w,themeDensity as ke,themeSize as Kr,themeSpacing as G}from"@domphy/theme";function ms(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{_onInsert:e=>{e.tagName!="select"&&console.warn('"select" primitive patch must use select tag')},style:{fontFamily:"inherit",fontSize:e=>Kr(e,"inherit"),lineHeight:"inherit",color:e=>w(e,"shift-9",o),backgroundColor:e=>w(e,"inherit",o),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${w(e,"shift-4",o)}`,borderRadius:e=>G(ke(e)*1),paddingBlock:e=>G(ke(e)*1),paddingLeft:e=>G(ke(e)*3),paddingRight:e=>G(ke(e)*1),"&:not([multiple])":{height:e=>G(6+ke(e)*2)},"&:hover:not([disabled]):not([aria-busy=true])":{outline:e=>`${G(.5)} solid ${w(e,"shift-5",t)}`},"&:focus-visible":{outline:e=>`${G(.5)} solid ${w(e,"shift-6",t)}`},"& optgroup":{color:e=>w(e,"shift-11",o)},"& option[disabled]":{color:e=>w(e,"shift-7","neutral")},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>w(e,"shift-8","neutral"),outline:e=>`1px solid ${w(e,"shift-4","neutral")}`,backgroundColor:e=>w(e,"shift-2","neutral")}}}}import{hashString as jr}from"@domphy/core";import{themeColor as lo,themeSize as qr,themeSpacing as ao}from"@domphy/theme";function hs(n={}){let{color:o="neutral"}=n,t={"0%,100%":{opacity:1},"50%":{opacity:.4}},e=jr(JSON.stringify(t));return{ariaHidden:"true",dataTone:"shift-2",style:{fontSize:r=>qr(r),color:r=>lo(r,"shift-9",o),height:ao(6),display:"block",borderRadius:ao(1),backgroundColor:r=>lo(r,"inherit",o),animation:`${e} 1.5s ease-in-out infinite`,[`@keyframes ${e}`]:t}}}import{hashString as Yr}from"@domphy/core";import{themeColor as Ae,themeSize as Gr,themeSpacing as Ct}from"@domphy/theme";var mo={to:{transform:"rotate(360deg)"}},so=Yr(JSON.stringify(mo));function bs(n={}){let{color:o="neutral"}=n;return{role:"status",ariaLabel:"loading",_onInsert:t=>{t.tagName!="span"&&console.warn('"spinner" patch must use span tag')},style:{fontSize:t=>Gr(t),backgroundColor:t=>Ae(t),color:t=>Ae(t,"shift-9",o),display:"inline-block",margin:0,flexShrink:0,width:Ct(6),height:Ct(6),borderRadius:"50%",border:t=>`${Ct(.5)} solid ${Ae(t,"shift-4",o)}`,borderTopColor:t=>Ae(t,"shift-9",o),boxSizing:"border-box",padding:0,animation:`${so} 0.7s linear infinite`,[`@keyframes ${so}`]:mo}}}import{toState as Ur}from"@domphy/core";import{themeColor as Xr,themeDensity as co,themeSize as Jr,themeSpacing as uo}from"@domphy/theme";function Ss(n={}){var s;let{color:o="neutral",multiple:t=!1}=n,e=Ur((s=n.value)!=null?s:t?[]:null),r={div:a=>{let l=e.get(a);return(Array.isArray(l)?l:[l]).map(m=>({input:null,name:n.name,value:m||""}))},hidden:!0};return{dataTone:"shift-17",_context:{select:{value:e,multiple:t}},_onInit:a=>{a.tagName!="div"&&console.warn('"selectList" patch must use a div tag'),a.children.insert(r)},style:{display:"flex",flexDirection:"column",paddingBlock:a=>uo(co(a)*2),paddingInline:a=>uo(co(a)*2),fontSize:a=>Jr(a,"inherit"),backgroundColor:a=>Xr(a,"inherit",o)}}}import{themeSpacing as We,themeColor as oe,themeDensity as ho,themeSize as Qr}from"@domphy/theme";function Ps(n={}){let{accentColor:o="primary",color:t="neutral",value:e=null}=n;return{role:"option",_onInit:i=>{i.tagName!="div"&&console.warn('"selectItem" patch must use div tag');let s=i.getContext("select");if(s){let a=s.value;i.attributes.set("ariaSelected",l=>{let c=a.get(l);return s.multiple?c.includes(e):c==e}),i.addEvent("click",()=>{let l=a.get();s.multiple?l.includes(e)?a.set(l.filter(c=>c!==e)):a.set(l.concat([e])):l!=e&&a.set(e)})}},style:{cursor:"pointer",display:"flex",alignItems:"center",fontSize:i=>Qr(i,"inherit"),height:i=>We(6+ho(i)*2),paddingInline:i=>We(ho(i)*3),border:"none",outline:"none",color:i=>oe(i,"shift-9",t),backgroundColor:i=>oe(i,"inherit",t),"&:hover:not([disabled]):not([aria-selected=true])":{backgroundColor:i=>oe(i,"shift-2",t)},"&[aria-selected=true]":{backgroundColor:i=>oe(i,"shift-6",o),color:i=>oe(i,"shift-11")},"&:focus-visible":{outline:i=>`${We(.5)} solid ${oe(i,"shift-6",o)}`,outlineOffset:`-${We(.5)}`}}}}import{toState as po,merge as fo}from"@domphy/core";import{themeSpacing as Te,themeColor as vt,themeDensity as xt,themeSize as Zr}from"@domphy/theme";function Ms(n){let{options:o=[],placement:t="bottom",color:e="neutral",open:r=!1,multiple:i=!1}=n,s=po(n.value),a=po(r),{show:l,hide:c,anchorPartial:m}=H({open:a,placement:t,content:n.content,onPlacement:n.onPlacement}),d={onClick:()=>!i&&c()};fo(n.content,d);let u={div:p=>{let f=s.get(p),h=Array.isArray(f)?f:[f];return o.filter(y=>h.includes(y.value)).map(y=>({span:y.label,$:[Re({color:e,removable:i})],_key:y.value,_onRemove:Ie=>{let T=s.get(),Ue=(Array.isArray(T)?T:[T]).filter(ue=>ue!==y.value);i?s.set(Ue):s.set(Ue[0])}}))},style:{display:"flex",flexWrap:"wrap",gap:Te(1),flex:1}},g={_onInsert:p=>{p.tagName!="div"&&console.warn('"selectBox" patch must use div tag')},_onInit:p=>p.children.insert(u),onClick:()=>a.get()?c():l(),style:{cursor:"pointer",display:"flex",alignItems:"center",minHeight:p=>Te(6+xt(p)*2),minWidth:Te(32),outlineOffset:"-1px",outline:p=>`1px solid ${vt(p,"shift-4","neutral")}`,paddingInline:p=>Te(xt(p)*2),borderRadius:p=>Te(xt(p)*1),fontSize:p=>Zr(p,"inherit"),color:p=>vt(p,"shift-9",e),backgroundColor:p=>vt(p,"inherit",e)}};return fo(m,g),m}import{themeColor as St,themeSize as go,themeSpacing as R}from"@domphy/theme";function Ds(n={}){let{accentColor:o="primary"}=n;return{dataTone:"shift-2",type:"checkbox",_onSchedule:t=>{if(t.tagName!="input"){console.warn('"inputSwitch" primitive patch must use input tag');return}},style:{fontSize:t=>go(t,"inherit"),appearance:"none",position:"relative",display:"inline-flex",width:R(9),height:R(6),cursor:"pointer",margin:"0",paddingBlock:R(1),"&:checked":{"&::before":{backgroundColor:t=>St(t,"increase-3",o)},"&::after":{left:`calc(100% - ${R(3.5)})`}},"&::after":{content:'""',aspectRatio:"1/1",position:"absolute",width:R(3),height:R(3),borderRadius:R(999),left:R(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",backgroundColor:t=>St(t,"decrease-3")},"&::before":{content:'""',width:"100%",borderRadius:R(999),display:"inline-block",fontSize:t=>go(t,"inherit"),lineHeight:1,backgroundColor:t=>St(t)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{toState as en}from"@domphy/core";import{themeColor as re,themeSize as tn,themeSpacing as k}from"@domphy/theme";function Fs(n={}){let{checked:o=!1,accentColor:t="primary",color:e="neutral"}=n,r=en(o);return{_onSchedule:i=>{i.tagName!="button"&&console.warn('"buttonSwitch" primitive patch must use button tag')},role:"switch",ariaChecked:i=>r.get(i),dataTone:"shift-2",onClick:()=>r.set(!r.get()),style:{position:"relative",display:"inline-flex",alignItems:"center",fontSize:i=>tn(i),border:"none",outlineWidth:"1px",outline:i=>`1px solid ${re(i,"shift-3",e)}`,minWidth:k(12),minHeight:k(6),borderRadius:k(999),paddingLeft:k(7),paddingRight:k(2),transition:"padding-left 0.3s, padding-right 0.3s",backgroundColor:i=>re(i,"inherit",e),"& > :first-child":{content:'""',position:"absolute",display:"inline-flex",alignItems:"center",left:k(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",width:k(5),height:k(5),borderRadius:k(999),color:i=>re(i,"shift-9"),backgroundColor:i=>re(i,"decrease-2",e)},"&[aria-checked=true]":{backgroundColor:i=>re(i,"increase-3",t),outline:"none",color:i=>re(i,"decrease-2"),paddingLeft:k(2),paddingRight:k(7)},"&[aria-checked=true] > :first-child":{left:`calc(100% - ${k(5.5)})`},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{themeColor as on,themeSize as rn}from"@domphy/theme";function Ks(n={}){let{color:o="neutral"}=n;return{dataSize:"decrease-1",_onInsert:t=>{t.tagName!="small"&&console.warn('"small" primitive patch must use small tag')},style:{fontSize:t=>rn(t,"inherit"),color:t=>on(t,"shift-9",o)}}}import{themeColor as bo,themeSize as nn}from"@domphy/theme";function Gs(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="strong"&&console.warn('"strong" primitive patch must use strong tag')},style:{fontSize:t=>nn(t,"inherit"),fontWeight:700,color:t=>bo(t,"shift-11",o),backgroundColor:t=>bo(t)}}}import{themeColor as ln,themeSize as an}from"@domphy/theme";function Qs(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="sub"&&console.warn('"subscript" primitive patch must use sub tag')},style:{fontSize:t=>an(t,"decrease-1"),verticalAlign:"sub",lineHeight:0,color:t=>ln(t,"shift-9",o)}}}import{themeColor as sn,themeSize as mn}from"@domphy/theme";function om(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="sup"&&console.warn('"superscript" primitive patch must use sup tag')},style:{fontSize:t=>mn(t,"decrease-1"),verticalAlign:"super",lineHeight:0,color:t=>sn(t,"shift-9",o)}}}import{themeColor as I,themeDensity as ne,themeSpacing as ie,themeSize as yo}from"@domphy/theme";function im(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="table"&&console.warn('"table" primitive patch must use table tag')},style:{fontSize:t=>yo(t,"inherit"),color:t=>I(t,"shift-9",o),width:"100%",borderCollapse:"collapse","& caption":{captionSide:"bottom"},"& th, & thead td":{textAlign:"left",fontWeight:500,paddingInline:t=>ie(ne(t)*3),paddingBlock:t=>ie(ne(t)*1),color:t=>I(t,"shift-10",o),backgroundColor:t=>I(t,"inherit")},"& td":{textAlign:"left",paddingInline:t=>ie(ne(t)*3),paddingBlock:t=>ie(ne(t)*1),color:t=>I(t,"shift-9",o),boxShadow:t=>`inset 0 1px 0 ${I(t,"shift-4",o)}`,fontSize:t=>yo(t,"inherit")},"& tfoot th, & tfoot td":{textAlign:"left",fontWeight:500,paddingInline:t=>ie(ne(t)*3),paddingBlock:t=>ie(ne(t)*1),color:t=>I(t,"shift-10",o),backgroundColor:t=>I(t,"inherit"),boxShadow:t=>`inset 0 -1px 0 ${I(t,"shift-4",o)}`},"& tr":{backgroundColor:t=>I(t,"inherit")},"& tbody tr:hover":{backgroundColor:t=>I(t,"shift-3")+"!important"}}}}import{themeColor as _,themeDensity as Et,themeSpacing as le,themeSize as cn}from"@domphy/theme";function mm(n={}){let{color:o="neutral",accentColor:t="primary"}=n;return{_onInsert:e=>{e.tagName!="textarea"&&console.warn('"textarea" primitive patch must use textarea tag')},style:{fontFamily:"inherit",lineHeight:"inherit",resize:"vertical",paddingInline:e=>le(Et(e)*4),paddingBlock:e=>le(Et(e)*2),border:"none",borderRadius:e=>le(Et(e)*2),fontSize:e=>cn(e,"inherit"),color:e=>_(e,"shift-9",o),outlineOffset:"-1px",outline:e=>`1px solid ${_(e,"shift-4",o)}`,backgroundColor:e=>_(e,"inherit",o),"&::placeholder":{color:e=>_(e,"shift-7")},"&:hover:not([disabled]):not([aria-busy=true])":{outline:e=>`${le(.5)} solid ${_(e,"shift-5",t)}`},"&:focus-visible":{outline:e=>`${le(.5)} solid ${_(e,"shift-6",t)}`},"&:invalid":{outline:e=>`${le(.5)} solid ${_(e,"shift-5","error")}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>_(e,"shift-8","neutral"),outline:e=>`1px solid ${_(e,"shift-4","neutral")}`,backgroundColor:e=>_(e,"shift-2","neutral")}}}}import{themeColor as Co,themeSize as dn,themeSpacing as un}from"@domphy/theme";function hm(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="ul"&&console.warn('"unorderedList" primitive patch must use ul tag')},style:{fontSize:t=>dn(t,"inherit"),backgroundColor:t=>Co(t),color:t=>Co(t,"shift-9",o),marginTop:0,marginBottom:0,paddingLeft:un(3),listStyleType:"disc",listStylePosition:"outside"}}}import{themeColor as vo,themeSize as hn,themeSpacing as pn}from"@domphy/theme";function bm(n={}){let{color:o="neutral"}=n;return{_onInsert:t=>{t.tagName!="ol"&&console.warn('"orderedList" primitive patch must use ol tag')},style:{fontSize:t=>hn(t,"inherit"),backgroundColor:t=>vo(t),color:t=>vo(t,"shift-9",o),marginTop:0,marginBottom:0,paddingLeft:pn(3),listStyleType:"decimal",listStylePosition:"outside"}}}import{toState as fn}from"@domphy/core";import{themeColor as ae,themeDensity as Pe,themeSize as gn,themeSpacing as se}from"@domphy/theme";function bn(n,o){if(o<=7)return Array.from({length:o},(i,s)=>s+1);let t=[1];n>3&&t.push("...");let e=Math.max(2,n-1),r=Math.min(o-1,n+1);for(let i=e;i<=r;i++)t.push(i);return n<o-2&&t.push("..."),t.push(o),t}function xm(n){var a;let{total:o,color:t="neutral",accentColor:e="primary"}=n,r=fn((a=n.value)!=null?a:1),i={display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:l=>se(6+Pe(l)*2),height:l=>se(6+Pe(l)*2),paddingInline:l=>se(Pe(l)*2),borderRadius:l=>se(Pe(l)*1),border:"none",cursor:"pointer",fontSize:l=>gn(l,"inherit"),backgroundColor:"transparent",color:l=>ae(l,"shift-9",t),"&:hover:not([disabled])":{backgroundColor:l=>ae(l,"shift-2",t)},"&[disabled]":{opacity:.4,cursor:"not-allowed"}},s=Nt(Mt({},i),{backgroundColor:l=>ae(l,"shift-6",e),color:l=>ae(l,"shift-11",e),fontWeight:"600",cursor:"default","&:hover:not([disabled])":{backgroundColor:l=>ae(l,"shift-6",e)}});return{_onInsert:l=>{l.tagName!=="div"&&console.warn('"pagination" patch must use div tag')},_onInit:l=>{let c={div:m=>{let d=r.get(m),u=[];u.push({button:"\u2039",type:"button",ariaLabel:"Previous page",disabled:d<=1,onClick:()=>d>1&&r.set(d-1),style:i});for(let g of bn(d,o))if(g==="...")u.push({span:"\u2026",style:{display:"inline-flex",alignItems:"center",paddingInline:p=>se(Pe(p)*2),color:p=>ae(p,"shift-7",t)}});else{let p=g===d;u.push({button:String(g),type:"button",ariaLabel:`Page ${g}`,ariaCurrent:p?"page":void 0,disabled:p,onClick:()=>r.set(g),style:p?s:i})}return u.push({button:"\u203A",type:"button",ariaLabel:"Next page",disabled:d>=o,onClick:()=>d<o&&r.set(d+1),style:i}),u},style:{display:"flex",alignItems:"center",gap:se(1)}};l.children.insert(c)},style:{display:"inline-flex"}}}import{themeColor as Ke,themeSize as yn,themeSpacing as Cn}from"@domphy/theme";function Tm(n={}){let{color:o="neutral"}=n;return{role:"separator",_onInsert:t=>{t.tagName!=="div"&&console.warn('"divider" patch should be used with <div>')},style:{display:"flex",justifyContent:"center",alignItems:"baseline",gap:Cn(2),fontSize:t=>yn(t,"inherit"),backgroundColor:t=>Ke(t),color:t=>Ke(t,"shift-9",o),minHeight:"1lh","&::before":{content:'""',flex:1,borderColor:t=>Ke(t,"shift-4",o),borderWidth:"1px",borderBottomStyle:"solid"},"&::after":{content:'""',flex:1,borderColor:t=>Ke(t,"shift-4",o),borderWidth:"1px",borderBottomStyle:"solid"}}}}import{toState as vn}from"@domphy/core";import{themeColor as je,themeDensity as xn,themeSize as Sn,themeSpacing as we}from"@domphy/theme";var xo={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"},En={left:"0 auto 0 0",right:"0 0 0 auto",top:"0 0 auto 0",bottom:"auto 0 0 0"},kt=n=>n==="left"||n==="right";function _m(n={}){let{color:o="neutral",open:t=!1,placement:e="right",size:r}=n,i=vn(t),s=kt(e)?we(80):we(64),a=r!=null?r:s;return{_onInsert:l=>{l.tagName!=="dialog"&&console.warn('"drawer" patch must use dialog tag')},onClick:(l,c)=>{l.target===c.domElement&&i.set(!1)},onTransitionEnd:(l,c)=>{let m=c.domElement;i.get()||(m.close(),document.body.style.overflow="")},_onMount:l=>{let c=l.domElement,m=d=>{d?(c.showModal(),document.body.style.overflow="hidden",requestAnimationFrame(()=>{c.style.transform="translate(0, 0)"})):c.style.transform=xo[e]};m(i.get()),i.onChange(m)},style:{transform:xo[e],transition:"transform 0.25s ease",fontSize:l=>Sn(l,"inherit"),color:l=>je(l,"shift-10",o),backgroundColor:l=>je(l,"inherit",o),border:"none",padding:l=>we(xn(l)*3),margin:En[e],width:kt(e)?a:"100dvw",height:kt(e)?"100dvh":a,maxWidth:"100dvw",maxHeight:"100dvh",boxShadow:l=>`0 ${we(4)} ${we(12)} ${je(l,"shift-4","neutral")}`,"&::backdrop":{backgroundColor:l=>je(l,"shift-2","neutral"),opacity:.75}}}}import{toState as kn,merge as So}from"@domphy/core";function Dm(n){let{open:o=!1,placement:t="bottom",openOn:e="click"}=n,r=null,i=kn(o),{show:s,hide:a,anchorPartial:l}=H({open:i,placement:t,content:n.content,onPlacement:n.onPlacement}),c={role:"dialog",dataTone:"shift-17",onMouseEnter:()=>e==="hover"&&s(),onMouseLeave:()=>e==="hover"&&a(),_onInsert:d=>{let u=d.attributes.get("id");r=u||d.nodeId,!u&&d.attributes.set("id",r)}};return So(n.content,c),So(l,{ariaHaspopup:"dialog",ariaExpanded:d=>i.get(d),onMouseEnter:()=>e==="hover"&&s(),onMouseLeave:()=>e==="hover"&&a(),onClick:()=>e==="click"&&(i.get()?a():s()),onFocus:()=>s(),onBlur:()=>a(),_onMount:d=>r&&d.attributes.set("ariaControls",r)}),l}import{toState as Tn}from"@domphy/core";import{themeColor as Tt,themeDensity as Pt,themeSize as Pn,themeSpacing as K}from"@domphy/theme";function Fm(n={}){let{position:o="top-center",color:t="neutral"}=n,e=Tn(!1),r=o.startsWith("top"),i=o.endsWith("center"),s=o.endsWith("right"),a={div:[],id:`domphy-toast-${o}`,style:{position:"fixed",display:"flex",flexDirection:r?"column":"column-reverse",alignItems:i?"center":s?"end":"start",inset:0,gap:K(4),zIndex:30,padding:K(6),pointerEvents:"none"}};return{_portal:l=>{let c=l.domElement.querySelector(`#domphy-toast-${o}`);return c||(c=l.children.insert(a).domElement),c},role:"status",ariaAtomic:"true",dataTone:"shift-17",style:{minWidth:K(32),pointerEvents:"auto",paddingBlock:l=>K(Pt(l)*2),paddingInline:l=>K(Pt(l)*4),borderRadius:l=>K(Pt(l)*2),fontSize:l=>Pn(l,"inherit"),color:l=>Tt(l,"shift-9",t),backgroundColor:l=>Tt(l,"inherit",t),boxShadow:l=>`0 ${K(2)} ${K(9)} ${Tt(l,"shift-4","neutral")}`,opacity:l=>Number(e.get(l)),transform:l=>e.get(l)?"translateY(0)":r?"translateY(-100%)":"translateY(100%)",transition:"opacity 300ms ease, transform 300ms ease"},_onMount:()=>requestAnimationFrame(()=>e.set(!0)),_onBeforeRemove:(l,c)=>{let m=d=>{d.propertyName==="transform"&&(l.domElement.removeEventListener("transitionend",m),c())};l.domElement.addEventListener("transitionend",m),e.set(!1)}}}import{toState as wn,merge as In}from"@domphy/core";import{themeSpacing as wt,themeColor as Eo,themeDensity as It,themeSize as _n}from"@domphy/theme";function Xm(n={}){let{open:o=!1,placement:t="top",content:e="Tooltip Content"}=n,r=null,i=wn(t),s=typeof e=="string"?{span:e}:e,{show:a,hide:l,anchorPartial:c}=H({open:o,placement:t,content:s}),m={role:"tooltip",dataSize:"decrease-1",dataTone:"shift-17",_onInsert:u=>{let g=u.attributes.get("id");r=g||u.nodeId,!g&&u.attributes.set("id",r)},style:{paddingBlock:u=>wt(It(u)*1),paddingInline:u=>wt(It(u)*3),borderRadius:u=>wt(It(u)*1),color:u=>Eo(u,"shift-9"),backgroundColor:u=>Eo(u),fontSize:u=>_n(u,"inherit")},$:[qt({placement:t,bordered:!1})]};return s.$||(s.$=[]),s.$.push(m),In(c,{onMouseEnter:()=>a(),onMouseLeave:()=>l(),onFocus:()=>a(),onBlur:()=>l(),onKeyDown:u=>u.key==="Escape"&&l(),_onMount:u=>r&&u.attributes.set("ariaDescribedby",r)}),c}import{ElementNode as ko}from"@domphy/core";function To(n,o){return n.key!==void 0&&n.key!==null?String(n.key):`index-${o}`}function ec(n={}){let{duration:o=300,delay:t=0}=n,e=new Map;return{_onBeforeUpdate:r=>{e=new Map,r.children.items.forEach((i,s)=>{if(!(i instanceof ko))return;let a=i.domElement;a&&e.set(To(i,s),a.getBoundingClientRect())})},_onUpdate:r=>{r.children.items.forEach((i,s)=>{if(!(i instanceof ko))return;let a=i.domElement;if(!a)return;let l=To(i,s),c=e.get(l);if(!c)return;let m=a.getBoundingClientRect(),d=c.left-m.left,u=c.top-m.top;if(Math.abs(d)<.5&&Math.abs(u)<.5)return;let g=a.style.transition,p=a.style.transform;a.style.transition="none",a.style.transform=`translate(${d}px, ${u}px)`,a.getBoundingClientRect(),requestAnimationFrame(()=>{a.style.transition=`transform ${o}ms ease ${t}ms`,a.style.transform="translate(0px, 0px)"});let f=()=>{a.style.transition=g,a.style.transform=p,a.removeEventListener("transitionend",h)},h=b=>{b.propertyName==="transform"&&f()};a.addEventListener("transitionend",h),setTimeout(f,o+t+34)}),e.clear()}}}import{merge as zn}from"@domphy/core";import{toState as $n}from"@domphy/core";function lc(n={}){return{role:"tablist",_onSchedule:(t,e)=>{let r={_context:{tabs:{activeKey:$n(n.activeKey||0)}}};zn(e,r)}}}import{themeSpacing as me,themeColor as ce,themeDensity as Po,themeSize as Mn}from"@domphy/theme";function cc(n={}){let{accentColor:o="primary",color:t="neutral"}=n;return{role:"tab",_onInsert:r=>{var c;r.tagName!="button"&&console.warn('"tab" patch must use button tag');let i=r.getContext("tabs"),s=(c=r.parent)==null?void 0:c.children.items;s=s.filter(m=>m.type=="ElementNode"&&m.attributes.get("role")=="tab");let a=r.key||s.findIndex(m=>m==r),l={id:"tab"+r.parent.nodeId+a,ariaControls:"tabpanel"+r.parent.nodeId+a,ariaSelected:m=>i.activeKey.get(m)==a,onClick:()=>i.activeKey.set(a),onKeyDown:m=>{var h,b,y,Ie;let d=m.key;if(!["ArrowLeft","ArrowRight","Home","End"].includes(d))return;m.preventDefault();let u=((b=(h=r.parent)==null?void 0:h.children.items)!=null?b:[]).filter(T=>T.type==="ElementNode"&&T.attributes.get("role")==="tab"),g=u.findIndex(T=>T===r),p=g;d==="ArrowRight"?p=(g+1)%u.length:d==="ArrowLeft"?p=(g-1+u.length)%u.length:d==="Home"?p=0:d==="End"&&(p=u.length-1);let f=u[p];i.activeKey.set((y=f.key)!=null?y:p),(Ie=f.domElement)==null||Ie.focus()}};r.merge(l)},style:{cursor:"pointer",fontSize:r=>Mn(r,"inherit"),height:r=>me(6+Po(r)*2),paddingInline:r=>me(Po(r)*4),border:"none",outline:"none",color:r=>ce(r,"shift-9"),backgroundColor:r=>ce(r,"inherit"),boxShadow:r=>`inset 0 -${me(.5)} 0 0 ${ce(r,"shift-1",t)}`,"&:hover:not([disabled])":{boxShadow:r=>`inset 0 -${me(.5)} 0 0 ${ce(r,"shift-2",t)}`},"&[aria-selected=true]:not([disabled])":{boxShadow:r=>`inset 0 -${me(.5)} 0 0 ${ce(r,"shift-6",o)}`},"&:focus-visible":{boxShadow:r=>`inset 0 -${me(.5)} 0 0 ${ce(r,"shift-6",o)}`}}}}import{themeSpacing as wo,themeDensity as Io}from"@domphy/theme";function pc(){return{role:"tabpanel",style:{paddingBlock:o=>wo(Io(o)*2),paddingInline:o=>wo(Io(o)*2)},_onInsert:o=>{var s;let t=o.getContext("tabs"),e=(s=o.parent)==null?void 0:s.children.items;e=e.filter(a=>a.type=="ElementNode"&&a.attributes.get("role")=="tabpanel");let r=o.key||e.findIndex(a=>a==o),i={id:"tabpanel"+o.parent.nodeId+r,ariaLabelledby:"tab"+o.parent.nodeId+r,hidden:a=>t.activeKey.get(a)!=r};o.merge(i)}}}import{merge as Nn}from"@domphy/core";import{toState as Ln}from"@domphy/core";import{themeColor as Rn,themeDensity as _o,themeSize as Dn,themeSpacing as zo}from"@domphy/theme";function xc(n={}){let{color:o="neutral"}=n;return{role:"menu",dataTone:"shift-17",_onSchedule:(e,r)=>{let i={_context:{menu:{activeKey:Ln(n.activeKey||0)}}};Nn(r,i)},style:{display:"flex",flexDirection:"column",paddingBlock:e=>zo(_o(e)*2),paddingInline:e=>zo(_o(e)*2),fontSize:e=>Dn(e,"inherit"),backgroundColor:e=>Rn(e,"inherit",o)}}}import{themeSpacing as qe,themeColor as de,themeDensity as $o,themeSize as Hn}from"@domphy/theme";function Tc(n={}){let{accentColor:o="primary",color:t="neutral"}=n;return{role:"menuitem",_onInsert:r=>{var l;r.tagName!="button"&&console.warn('"menuItem" patch must use button tag');let i=r.getContext("menu"),s=(l=r.parent)==null?void 0:l.children.items;s=s.filter(c=>c.type=="ElementNode"&&c.attributes.get("role")=="menuitem");let a=r.key||s.findIndex(c=>c==r);r.attributes.set("ariaCurrent",c=>i.activeKey.get(c)==a||void 0),r.addEvent("click",()=>i.activeKey.set(a))},onKeyDown:(r,i)=>{var m,d,u;let s=r.key;if(!["ArrowDown","ArrowUp","Home","End"].includes(s))return;r.preventDefault();let a=((d=(m=i.parent)==null?void 0:m.children.items)!=null?d:[]).filter(g=>g.type==="ElementNode"&&g.attributes.get("role")==="menuitem"),l=a.findIndex(g=>g===i),c=l;s==="ArrowDown"?c=(l+1)%a.length:s==="ArrowUp"?c=(l-1+a.length)%a.length:s==="Home"?c=0:s==="End"&&(c=a.length-1),(u=a[c].domElement)==null||u.focus()},style:{cursor:"pointer",display:"flex",alignItems:"center",width:"100%",fontSize:r=>Hn(r,"inherit"),height:r=>qe(6+$o(r)*2),paddingInline:r=>qe($o(r)*3),border:"none",outline:"none",color:r=>de(r,"shift-9"),backgroundColor:r=>de(r,"inherit"),"&:hover:not([disabled]):not([aria-current=true])":{backgroundColor:r=>de(r,"shift-2")},"&[aria-current=true]":{backgroundColor:r=>de(r,"shift-3",o),color:r=>de(r,"shift-10")},"&:focus-visible":{outline:r=>`${qe(.5)} solid ${de(r,"shift-6",o)}`,outlineOffset:`-${qe(.5)}`}}}}import{merge as On}from"@domphy/core";function _c(n){return{_onSchedule:(o,t)=>{On(t,{_context:{form:n}})}}}function $c(n,o){return{_onInsert:t=>{let r=t.getContext("form").setField(n,void 0,o),i=t.tagName,s=t.attributes.get("type");["input","select","textarea"].includes(i)||console.warn('"field" patch must use input, select, or textarea tag');let a={onBlur:()=>r.setTouched(),ariaInvalid:l=>!!r.message("error",l)||void 0,dataStatus:l=>r.status(l)};i==="input"&&s==="checkbox"?(a.checked=r.value(),a.onChange=l=>r.setValue(l.target.checked)):i==="input"&&s==="radio"?a.onChange=l=>r.setValue(l.target.value):i==="select"?(a.value=r.value(),a.onChange=l=>r.setValue(l.target.value)):i==="textarea"?(a.value=r.value(),a.onInput=l=>r.setValue(l.target.value)):(a.value=r.value(),a.onInput=l=>r.setValue(l.target.value)),t.merge(a)}}}import{Notifier as Bn}from"@domphy/core";function Fn(n){return!!n&&typeof n.then=="function"}var Ge=class{constructor(o,t){this._notifier=new Bn;this._messages={};this._touched=!1;this._pending=!1;this._validationToken=0;this._value=o,this._initValue=o,this._validator=t,t&&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,t){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),t!==void 0&&t!==this._validator&&(this._validator=t,e=!0),e&&this.validate()}message(o,t){return t&&this._notifier.addListener(o,t),this._messages[o]}status(o){return o&&this._notifier.addListener("status",o),Ye(this._messages)}setMessages(o){let t=this._messages;this._messages=o;for(let e of["error","warning","success"])t[e]!==o[e]&&this._notifier.notify(e,o[e]);Ye(t)!==Ye(o)&&this._notifier.notify("status",Ye(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 t=this._validator(this._value);Fn(t)?(this._pending=!0,Promise.resolve(t).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(t!=null?t:{}))}catch(t){o===this._validationToken&&(this._pending=!1),console.error(t)}}_dispose(){this._validationToken+=1,this._pending=!1,this._notifier._dispose()}};function Ye(n){if(n.error)return"error";if(n.warning)return"warning";if(n.success)return"success"}var Mo=class{constructor(){this.fields=new Map}setField(o,t,e){let r=this.fields.get(o);return r?r.configure(t,e):(r=new Ge(t,e),this.fields.set(o,r)),r}getField(o){return this.setField(o)}removeField(o){var t;(t=this.fields.get(o))==null||t._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[t,e]of this.fields)Vn(o,t,e._value);return o}_dispose(){for(let o of this.fields.values())o._dispose();this.fields.clear()}};function Vn(n,o,t){let e=o.split("."),r=n;for(let i=0;i<e.length-1;i++){let s=e[i];r[s]==null&&(r[s]=isNaN(Number(e[i+1]))?{}:[]),r=r[s]}r[e[e.length-1]]=t}export{Ge as FieldState,Mo as FormState,qn as abbreviation,xi as alert,ki as avatar,_i as badge,il as blockquote,Mi as breadcrumb,Ri as breadcrumbEllipsis,sl as button,Fs as buttonSwitch,Un as card,gl as code,Xi as combobox,ii as command,ai as commandItem,li as commandSearch,kl as descriptionList,vl as details,_l as dialog,Tm as divider,_m as drawer,Nl as emphasis,$c as field,Hl as figure,_c as form,Fl as formGroup,Kl as heading,Gl as horizontalRule,ta as icon,Ql as image,ul as inputCheckbox,na as inputColor,sa as inputDateTime,ua as inputFile,Ia as inputNumber,yi as inputOTP,ls as inputRadio,ka as inputRange,ga as inputSearch,Ds as inputSwitch,va as inputText,Ma as keyboard,Da as label,Ba as link,Wa as mark,xc as menu,Tc as menuItem,bm as orderedList,xm as pagination,Ga as paragraph,Dm as popover,qt as popoverArrow,Qa as preformated,os as progress,ms as select,Ms as selectBox,Ps as selectItem,Ss as selectList,hs as skeleton,Ks as small,bs as spinner,Zn as splitter,ti as splitterHandle,ei as splitterPanel,Gs as strong,Qs as subscript,om as superscript,cc as tab,pc as tabPanel,im as table,lc as tabs,Re as tag,mm as textarea,Fm as toast,ci as toggle,fi as toggleGroup,Xm as tooltip,ec as transitionGroup,hm as unorderedList};
+var Qo=Object.defineProperty,Zo=Object.defineProperties;var er=Object.getOwnPropertyDescriptors;var Vt=Object.getOwnPropertySymbols;var tr=Object.prototype.hasOwnProperty,or=Object.prototype.propertyIsEnumerable;var zt=(i,o,r)=>o in i?Qo(i,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[o]=r,$t=(i,o)=>{for(var r in o||(o={}))tr.call(o,r)&&zt(i,r,o[r]);if(Vt)for(var r of Vt(o))or.call(o,r)&&zt(i,r,o[r]);return i},Lt=(i,o)=>Zo(i,er(o));import{toState as Mt}from"@domphy/core";import{themeColor as pe,themeSize as rr,themeSpacing as nr}from"@domphy/theme";function Wi(i={}){var e,n;let o=Mt((e=i.color)!=null?e:"neutral","color"),r=Mt((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=>rr(t),backgroundColor:t=>pe(t),color:t=>pe(t,"shift-10",o.get(t)),textDecorationLine:"underline",textDecorationStyle:"dotted",textDecorationColor:t=>pe(t,"shift-7",o.get(t)),textUnderlineOffset:nr(.72),cursor:"help","&:hover":{color:t=>pe(t,"shift-11",r.get(t)),textDecorationColor:t=>pe(t,"shift-9",r.get(t))}}}}import{toState as ir}from"@domphy/core";import{themeColor as X,themeDensity as N,themeSpacing as _}from"@domphy/theme";function Gi(i={}){var r;let o=ir((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=>_(N(e)*2),backgroundColor:e=>X(e,"inherit",o.get(e)),color:e=>X(e,"shift-10",o.get(e)),outline:e=>`1px solid ${X(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=>_(N(e)*2),paddingInline:e=>_(N(e)*4),fontWeight:"600",margin:0},"& > p":{gridArea:"desc",paddingInline:e=>_(N(e)*4),color:e=>X(e,"shift-9",o.get(e)),margin:0},"& > aside":{gridArea:"aside",alignSelf:"center",padding:e=>_(N(e)*2),height:"auto"},"& > div":{gridArea:"content",padding:e=>_(N(e)*4),color:e=>X(e,"shift-10",o.get(e))},"& > footer":{gridArea:"footer",display:"flex",gap:_(2),paddingBlock:e=>_(N(e)*2),paddingInline:e=>_(N(e)*4),borderTop:e=>`1px solid ${X(e,"shift-3",o.get(e))}`}}}}import{merge as ar,toState as lr}from"@domphy/core";import{themeColor as Qe,themeSpacing as sr}from"@domphy/theme";function Qi(i={}){let{direction:o="horizontal",defaultSize:r=50,min:e=10,max:n=90}=i;return{_onSchedule:(t,a)=>{ar(a,{_context:{splitter:{direction:o,size:lr(r),min:e,max:n}}})},style:{display:"flex",flexDirection:o==="horizontal"?"row":"column",overflow:"hidden"}}}function Zi(){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 ea(){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 m=a.getBoundingClientRect(),c=e?(u.clientX-m.left)/m.width*100:(u.clientY-m.top)/m.height*100;o.size.set(Math.min(Math.max(c,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=>Qe(i,"shift-2"),"&:hover":{backgroundColor:i=>Qe(i,"shift-3")},"&::after":{content:'""',borderRadius:sr(999),backgroundColor:i=>Qe(i,"shift-4")}}}}import{merge as cr,toState as mr}from"@domphy/core";import{themeColor as V,themeDensity as _e,themeSize as Nt,themeSpacing as J}from"@domphy/theme";function na(){return{_onSchedule:(i,o)=>{cr(o,{_context:{command:{query:mr("")}}})},style:{display:"flex",flexDirection:"column",overflow:"hidden"}}}function ia(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=>Nt(e,"inherit"),paddingInline:e=>J(_e(e)*3),paddingBlock:e=>J(_e(e)*2),border:"none",borderBottom:e=>`1px solid ${V(e,"shift-3",o)}`,outline:"none",color:e=>V(e,"shift-10",o),backgroundColor:e=>V(e,"inherit",o),"&::placeholder":{color:e=>V(e,"shift-7")},"&:focus-visible":{borderBottomColor:e=>V(e,"shift-6",r)}}}}function aa(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(m=>{t.hidden=m.length>0&&!a.includes(m.toLowerCase())});e.addHook("Remove",l)},style:{cursor:"pointer",display:"flex",alignItems:"center",width:"100%",fontSize:e=>Nt(e,"inherit"),height:e=>J(6+_e(e)*2),paddingInline:e=>J(_e(e)*3),border:"none",outline:"none",color:e=>V(e,"shift-9",o),backgroundColor:e=>V(e,"inherit",o),"&:hover:not([disabled])":{backgroundColor:e=>V(e,"shift-2",o)},"&:focus-visible":{outline:e=>`${J(.5)} solid ${V(e,"shift-6",r)}`,outlineOffset:`-${J(.5)}`}}}}import{toState as Rt}from"@domphy/core";import{themeColor as Q,themeSize as ur,themeSpacing as Z}from"@domphy/theme";function ma(i={}){var e,n;let o=Rt((e=i.color)!=null?e:"neutral","color"),r=Rt((n=i.accentColor)!=null?n:"primary","accentColor");return{role:"button",_onInsert:t=>{var m;t.tagName!=="button"&&console.warn('"toggle" patch must use button tag');let a=t.getContext("toggleGroup"),s=((m=t.parent)==null?void 0:m.children.items).filter(c=>c.type==="ElementNode"&&c.attributes.get("role")==="button"),u=t.key!==void 0?String(t.key):String(s.findIndex(c=>c===t));t.attributes.set("ariaPressed",c=>{let d=a.value.get(c);return Array.isArray(d)?d.includes(u):d===u}),t.addEvent("click",()=>{let c=a.value.get();if(a.multiple){let d=Array.isArray(c)?[...c]:[];a.value.set(d.includes(u)?d.filter(f=>f!==u):[...d,u])}else a.value.set(c===u?"":u)})},style:{cursor:"pointer",fontSize:t=>ur(t,"inherit"),height:Z(6),paddingBlock:Z(1),paddingInline:Z(2),border:"none",borderRadius:Z(1),color:t=>Q(t,"shift-9",o.get(t)),backgroundColor:t=>Q(t,"inherit",o.get(t)),transition:"background-color 300ms ease","&:hover:not([disabled])":{backgroundColor:t=>Q(t,"shift-2",o.get(t))},"&[aria-pressed=true]":{backgroundColor:t=>Q(t,"shift-3",r.get(t)),color:t=>Q(t,"shift-12",r.get(t))},"&:focus-visible":{outline:t=>`${Z(.5)} solid ${Q(t,"shift-6",r.get(t))}`,outlineOffset:`-${Z(.5)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{toState as dr}from"@domphy/core";import{themeSpacing as Ve,themeColor as Dt,themeSize as hr}from"@domphy/theme";function fa(i={}){var e;let{multiple:o=!1,color:r="neutral"}=i;return{role:"group",_context:{toggleGroup:{value:dr((e=i.value)!=null?e:o?[]:""),multiple:o}},style:{display:"flex",paddingBlock:Ve(1),paddingInline:Ve(1),gap:Ve(1),borderRadius:Ve(2),fontSize:n=>hr(n,"inherit"),backgroundColor:n=>Dt(n,"inherit",r),outline:n=>`1px solid ${Dt(n,"shift-3",r)}`,outlineOffset:"-1px"}}}import{themeSpacing as Ht}from"@domphy/theme";function ya(){return{style:{display:"flex",alignItems:"center",gap:Ht(2),"& > *":{minWidth:Ht(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 c,d,f;a.preventDefault();let l=(d=(c=a.clipboardData)==null?void 0:c.getData("text"))!=null?d:"",s=r(),u=s.indexOf(a.target);[...l].forEach((p,g)=>{s[u+g]&&(s[u+g].value=p)});let m=Math.min(u+l.length-1,s.length-1);(f=s[m])==null||f.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)})}}}import{toState as pr}from"@domphy/core";import{themeColor as Ze,themeDensity as Bt,themeSize as fr,themeSpacing as ze}from"@domphy/theme";function Ea(i={}){var r;let o=pr((r=i.color)!=null?r:"primary","color");return{role:"alert",dataTone:"shift-2",style:{display:"flex",alignItems:"flex-start",gap:ze(3),paddingBlock:e=>ze(Bt(e)*2),paddingInline:e=>ze(Bt(e)*4),boxShadow:e=>`inset ${ze(1)} 0 0 0 ${Ze(e,"shift-8",o.get(e))}`,backgroundColor:e=>Ze(e,"inherit",o.get(e)),color:e=>Ze(e,"shift-10",o.get(e)),fontSize:e=>fr(e,"inherit")}}}import{toState as gr}from"@domphy/core";import{themeColor as Ft,themeSize as br,themeSpacing as At}from"@domphy/theme";function Oa(i={}){var r;let o=gr((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:At(9),height:At(9),fontSize:e=>br(e,"inherit"),fontWeight:"600",userSelect:"none",backgroundColor:e=>Ft(e,"inherit",o.get(e)),color:e=>Ft(e,"shift-11",o.get(e)),"& img":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}}}import{toState as Wt}from"@domphy/core";import{themeSpacing as et,themeColor as jt,themeSize as yr}from"@domphy/theme";function $a(i={}){var n;let{label:o=999}=i,r=Wt(o),e=Wt((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:et(1),minWidth:et(6),display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:t=>yr(t,"decrease-1"),borderRadius:et(999),backgroundColor:t=>jt(t,"shift-9",e.get(t)),color:t=>jt(t,"shift-0",e.get(t))}}}}import{toState as Sr}from"@domphy/core";import{themeColor as fe,themeSize as Cr,themeSpacing as Kt}from"@domphy/theme";function Da(i={}){var e;let{separator:o="/"}=i,r=Sr((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=>Cr(n,"inherit"),gap:Kt(1),color:n=>fe(n,"shift-9",r.get(n)),backgroundColor:n=>fe(n,"inherit",r.get(n)),"& > *":{display:"inline-flex",alignItems:"center",color:n=>fe(n,"shift-8",r.get(n))},"& > *:not(:last-child)::after":{content:`"${o}"`,color:n=>fe(n,"shift-4",r.get(n)),paddingInlineStart:Kt(1)},"& > [aria-current=page]":{color:n=>fe(n,"shift-10",r.get(n)),pointerEvents:"none"}}}}import{toState as vr}from"@domphy/core";import{themeColor as $e,themeSize as xr,themeSpacing as Le}from"@domphy/theme";function Wa(i={}){var r;let o=vr((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=>xr(e,"inherit"),paddingInline:Le(1),border:"none",background:"none",cursor:"pointer",color:e=>$e(e,"shift-8",o.get(e)),borderRadius:Le(1),"&:hover":{color:e=>$e(e,"shift-10",o.get(e)),backgroundColor:e=>$e(e,"shift-2",o.get(e))},"&:focus-visible":{outline:e=>`${Le(.5)} solid ${$e(e,"shift-6",o.get(e))}`,outlineOffset:Le(.5)}}}}import{toState as Yt,merge as tt}from"@domphy/core";import{themeSpacing as K,themeColor as ge,themeDensity as ot,themeSize as Gt}from"@domphy/theme";import{toState as Er}from"@domphy/core";import{themeColor as Me,themeSize as kr,themeSpacing as z}from"@domphy/theme";var Tr='<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 Ne(i={}){var e;let{removable:o=!1}=i,r=Er((e=i.color)!=null?e:"neutral","color");return{dataTone:"shift-2",_onInit:n=>{let t={span:Tr,onClick:a=>{a.stopPropagation(),n.remove()},style:{display:"inline-flex",alignItems:"center",cursor:"pointer",borderRadius:z(1),width:z(4),height:z(4),flexShrink:0,"&:hover":{backgroundColor:a=>Me(a,"shift-4",r.get(a))}}};o&&n.children.insert(t)},style:{display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",userSelect:"none",height:z(6),paddingBlock:"0px",borderRadius:z(1),paddingInlineStart:z(2),paddingInlineEnd:o?z(1):z(2),gap:z(2),fontSize:n=>kr(n,"inherit"),backgroundColor:n=>Me(n,"inherit",r.get(n)),color:n=>Me(n,"shift-9",r.get(n)),border:"none",outlineOffset:"-1px",outline:n=>`1px solid ${Me(n,"shift-4",r.get(n))}`}}}import{toState as qt,merge as Pr}from"@domphy/core";import{computePosition as wr,autoUpdate as Or,offset as Ir,flip as _r,shift as Vr}from"@floating-ui/dom";function R(i){let{open:o=!1,placement:r="bottom"}=i,e=null,n=null,t=null,a=null,l=qt(o),s=qt(r),u=()=>{t&&a&&(n&&n(),n=Or(t,a,()=>{wr(t,a,{placement:s.get(),middleware:[Ir(12),_r(),Vr()],strategy:"fixed"}).then(({x:g,y:h,placement:b})=>{var y;Object.assign(a.style,{left:`${g}px`,top:`${h}px`}),b!==s.get()&&s.set(b),(y=i.onPlacement)==null||y.call(i,t,a,b)})}),l.set(!0))},m=()=>{n&&n(),n=null,l.set(!1)},c=()=>{e&&clearTimeout(e),e=setTimeout(u,100)},d=()=>{e&&clearTimeout(e),e=setTimeout(m,100)},f={style:{position:"fixed",pointerEvents:"auto",visibility:g=>l.get(g)?"visible":"hidden"},_onMount:g=>a=g.domElement,_portal:g=>{let h=g.domElement.querySelector("#domphy-floating");if(!h){let b={div:[],id:"domphy-floating",style:{position:"fixed",inset:0,zIndex:20,pointerEvents:"none"}};h=g.children.insert(b).domElement}return h}};return Pr(i.content,f),{show:c,hide:d,anchorPartial:{onKeyDown:g=>g.key==="Escape"&&d(),_onSchedule:g=>{let h=null;g.getRoot().addHook("Init",b=>{h=b.children.insert(i.content)}),g.addHook("BeforeRemove",()=>{d(),e&&clearTimeout(e),h&&h.remove()})},_onMount:g=>{t=g.domElement;let h=b=>{if(!l.get()||!t||!a)return;let y=b.target;!t.contains(y)&&!a.contains(y)&&d()};g.getRoot().domElement.addEventListener("click",h),g.addHook("BeforeRemove",()=>g.getRoot().domElement.removeEventListener("click",h))}}}}function il(i){let{options:o=[],placement:r="bottom",color:e="neutral",open:n=!1,multiple:t=!1}=i,a=Yt(i.value),l=Yt(n),{show:s,hide:u,anchorPartial:m}=R({open:l,placement:r,content:i.content,onPlacement:i.onPlacement}),c={onClick:()=>!t&&u()};tt(i.content,c);let d={border:"none",outline:"none",padding:0,margin:0,flex:1,height:K(6),marginInlineStart:K(2),fontSize:h=>Gt(h,"inherit"),color:h=>ge(h,"shift-9",e),backgroundColor:h=>ge(h,"inherit",e)},f;i.input?(tt(i.input,{onFocus:()=>s(),style:d,_key:"combobox-input"}),f=i.input):f={input:null,onFocus:()=>s(),value:h=>(a.get(h),""),style:d,_key:"combobox-input"};let p={div:h=>{let b=a.get(h),y=Array.isArray(b)?b:[b],T=o.filter(U=>y.includes(U.value)).map(U=>({span:U.label,$:[Ne({color:e,removable:!0})],_key:U.value,_onRemove:Je=>{let he=a.get(),_t=(Array.isArray(he)?he:[he]).filter(Jo=>Jo!==U.value);t?a.set(_t):a.set(_t[0])}}));return T.push(f),T},style:{display:"flex",flexWrap:"wrap",gap:K(1)}},g={_onInsert:h=>{h.tagName!="div"&&console.warn('"combobox" primitive patch must use div tag')},_onInit:h=>h.children.insert(p),style:{minWidth:K(32),outlineOffset:"-1px",outline:h=>`1px solid ${ge(h,"shift-4","neutral")}`,paddingBlock:h=>K(ot(h)*1),paddingInline:h=>K(ot(h)*1),borderRadius:h=>K(ot(h)*1),fontSize:h=>Gt(h,"inherit"),color:h=>ge(h,"shift-9",e),backgroundColor:h=>ge(h,"inherit",e)}};return tt(m,g),m}import{toState as Ut}from"@domphy/core";import{themeSpacing as rt,themeColor as Re,themeSize as zr}from"@domphy/theme";function Xt(i={}){let{placement:o="bottom-end",color:r="neutral",sideOffset:e=rt(6),bordered:n=!0}=i,t=Ut(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=Ut(a[t.get()]);t.addListener(m=>l.set(a[m]));let s=m=>m.includes("start")?e:m.includes("end")?"auto":"50%",u=m=>m.includes("end")?e:m.includes("start")?"auto":"50%";return{style:{fontSize:m=>zr(m),backgroundColor:m=>Re(m),color:m=>Re(m,"shift-9",r),position:"relative","&::after":{content:'""',position:"absolute",width:rt(1.5),height:rt(1.5),backgroundColor:m=>Re(m,"inherit",r),borderWidth:n?"0px":"1px",borderColor:m=>Re(m,"inherit",r),borderTopStyle:m=>{let c=l.get(m);return c.includes("top")||c.includes("right")?"solid":"none"},borderBottomStyle:m=>{let c=l.get(m);return c.includes("bottom")||c.includes("left")?"solid":"none"},borderLeftStyle:m=>{let c=l.get(m);return c.includes("top")||c.includes("left")?"solid":"none"},borderRightStyle:m=>{let c=l.get(m);return c.includes("bottom")||c.includes("right")?"solid":"none"},top:m=>{let c=l.get(m);return c.includes("top")?0:c.includes("bottom")?"auto":s(c)},right:m=>{let c=l.get(m);return c.includes("right")?0:c.includes("left")?"auto":u(c)},bottom:m=>{let c=l.get(m);return c.includes("bottom")?0:c.includes("top")?"auto":u(c)},left:m=>{let c=l.get(m);return c.includes("left")?0:c.includes("right")?"auto":s(c)},transform:m=>{let c=l.get(m),d=c.includes("right")||c.includes("end")&&!c.includes("left")?"50%":"-50%",f=c.includes("bottom")||c.includes("end")&&!c.includes("top")?"50%":"-50%";return`translate(${d},${f}) rotate(45deg)`}}}}}import{toState as $r}from"@domphy/core";import{themeSpacing as nt,themeColor as Jt,themeDensity as Qt,themeSize as Lr}from"@domphy/theme";function bl(i={}){var r;let o=$r((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=>Lr(e,"inherit"),backgroundColor:e=>Jt(e,"inherit",o.get(e)),boxShadow:e=>`inset ${nt(1)} 0 0 0 ${Jt(e,"shift-4",o.get(e))}`,border:"none",paddingBlock:e=>nt(Qt(e)*2),paddingInline:e=>nt(Qt(e)*4),margin:0}}}import{toState as Mr}from"@domphy/core";import{themeColor as $,themeDensity as De,themeSize as Nr,themeSpacing as be}from"@domphy/theme";function vl(i={}){var r;let o=Mr((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=>Nr(e,"inherit"),paddingBlock:e=>be(De(e)*1),paddingInline:e=>be(De(e)*3),borderRadius:e=>be(De(e)*1),width:"fit-content",display:"flex",justifyContent:"center",alignItems:"center",gap:e=>be(De(e)*1),userSelect:"none",fontFamily:"inherit",lineHeight:"inherit",border:"none",outlineOffset:"-1px",outlineWidth:"1px",outline:e=>`1px solid ${$(e,"shift-4",o.get(e))}`,color:e=>$(e,"shift-9",o.get(e)),backgroundColor:e=>$(e,"inherit",o.get(e)),"&:hover:not([disabled]):not([aria-busy=true])":{color:e=>$(e,"shift-10",o.get(e)),backgroundColor:e=>$(e,"shift-2",o.get(e))},"&:focus-visible":{boxShadow:e=>`inset 0 0 0 ${be(.5)} ${$(e,"shift-6",o.get(e))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:e=>$(e,"shift-2","neutral"),outline:e=>`1px solid ${$(e,"shift-4","neutral")}`,color:e=>$(e,"shift-8","neutral")},"&[aria-busy=true]":{opacity:.7,cursor:"wait",pointerEvents:"none"}}}}import{toState as Zt}from"@domphy/core";import{themeColor as v,themeSpacing as D,themeSize as Rr}from"@domphy/theme";function Ol(i={}){var e,n;let o=Zt((e=i.color)!=null?e:"neutral","color"),r=Zt((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=>Rr(t,"inherit"),display:"inline-flex",position:"relative",width:D(6),height:D(6),justifyContent:"center",alignItems:"center",transition:"background-color 300ms, outline-color 300ms",margin:0,padding:0,"&::before":{content:'""',display:"block",borderRadius:D(1),lineHeight:1,cursor:"pointer",border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${v(t,"shift-4",o.get(t))}`,color:t=>v(t,"shift-9",o.get(t)),width:D(4),height:D(4)},"&:hover::before":{backgroundColor:t=>v(t,"shift-2",o.get(t))},"&:checked::before":{outline:t=>`1px solid ${v(t,"shift-6",r.get(t))}`,backgroundColor:t=>v(t,"shift-8",r.get(t))},"&:checked:hover:not([disabled])::before":{backgroundColor:t=>v(t,"shift-7",r.get(t))},"&:checked::after":{content:'""',display:"block",position:"absolute",top:"25%",insetInlineStart:"37%",width:"20%",height:"30%",border:t=>`${D(.5)} solid ${v(t,"inherit",r.get(t))}`,borderTop:0,borderInlineStart:0,transform:"rotate(45deg)"},"&:indeterminate::before":{outline:t=>`1px solid ${v(t,"shift-6",r.get(t))}`,backgroundColor:t=>v(t,"shift-3",r.get(t))},"&:indeterminate::after":{content:'""',position:"absolute",inset:"30%",backgroundColor:t=>v(t,"shift-8",r.get(t))},"&:indeterminate:hover:not([disabled])::after":{backgroundColor:t=>v(t,"shift-7",r.get(t))},"&:focus-visible":{borderRadius:D(1.5),outline:t=>`${D(.5)} solid ${v(t,"shift-6",r.get(t))}`},"&[disabled]":{cursor:"not-allowed"},"&[disabled]::before, &[disabled]::after":{outline:"none",backgroundColor:t=>v(t,"shift-4","neutral"),pointerEvents:"none"}}}}import{toState as Dr}from"@domphy/core";import{themeSpacing as it,themeColor as eo,themeSize as Hr}from"@domphy/theme";function Ml(i={}){var r;let o=Dr((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=>Hr(e,"inherit"),color:e=>eo(e,"shift-9",o.get(e)),backgroundColor:e=>eo(e,"inherit",o.get(e)),height:it(6),paddingInline:it(1.5),borderRadius:it(1)}}}import{toState as to}from"@domphy/core";import{themeColor as H,themeDensity as ye,themeSize as oo,themeSpacing as C}from"@domphy/theme";function Al(i={}){var n,t;let{duration:o=240}=i,r=to((n=i.color)!=null?n:"neutral","color"),e=to((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=>oo(a,"inherit"),color:a=>H(a,"shift-9",r.get(a)),backgroundColor:a=>H(a,"inherit",r.get(a)),overflow:"hidden","& > summary":{backgroundColor:a=>H(a,"shift-2",r.get(a)),color:a=>H(a,"shift-10",r.get(a)),fontSize:a=>oo(a,"inherit"),listStyle:"none",display:"flex",justifyContent:"space-between",alignItems:"center",gap:C(2),cursor:"pointer",userSelect:"none",fontWeight:500,paddingInline:a=>C(ye(a)*4),height:C(10)},"& > summary::-webkit-details-marker":{display:"none"},"& > summary::marker":{content:'""'},"& > summary::after":{content:'""',width:C(2),height:C(2),flexShrink:0,marginTop:`-${C(.5)}`,borderInlineEnd:a=>`${C(.5)} solid ${H(a,"shift-9",r.get(a))}`,borderBottom:a=>`${C(.5)} solid ${H(a,"shift-9",r.get(a))}`,transform:"rotate(45deg)",transition:`transform ${o}ms ease`},"&[open] > summary::after":{transform:"rotate(-135deg)"},"& > summary:hover":{backgroundColor:a=>H(a,"shift-3",r.get(a))},"& > summary:focus-visible":{borderRadius:a=>C(ye(a)*2),outlineOffset:`-${C(.5)}`,outline:a=>`${C(.5)} solid ${H(a,"shift-6",e.get(a))}`},"& > :not(summary)":{maxHeight:"0px",opacity:0,overflow:"hidden",paddingInline:a=>C(ye(a)*3),paddingTop:0,paddingBottom:0,transition:`max-height ${o}ms ease, opacity ${o}ms ease, padding ${o}ms ease`},"&[open] > :not(summary)":{maxHeight:C(250),opacity:1,paddingTop:a=>C(ye(a)*1),paddingBottom:a=>C(ye(a)*3)}}}}import{toState as Br}from"@domphy/core";import{themeColor as ro,themeSpacing as no,themeSize as io}from"@domphy/theme";function Ul(i={}){var r;let o=Br((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(${no(24)}, max-content) 1fr`,columnGap:no(4),margin:0,"& dt":{margin:0,fontWeight:600,fontSize:e=>io(e,"inherit"),color:e=>ro(e,"shift-10",o.get(e))},"& dd":{margin:0,fontSize:e=>io(e,"inherit"),color:e=>ro(e,"shift-9",o.get(e))}}}}import{toState as Fr}from"@domphy/core";import{themeColor as He,themeDensity as Ar,themeSize as Wr,themeSpacing as at}from"@domphy/theme";function es(i={}){let{color:o="neutral",open:r=!1}=i,e=Fr(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=>Wr(n,"inherit"),color:n=>He(n,"shift-10",o),backgroundColor:n=>He(n,"inherit",o),border:"none",padding:n=>at(Ar(n)*3),boxShadow:n=>`0 ${at(9)} ${at(16)} ${He(n,"shift-4","neutral")}`,"&::backdrop":{backgroundColor:n=>He(n,"shift-2","neutral"),opacity:.75}}}}import{toState as jr}from"@domphy/core";import{themeColor as Kr,themeSize as qr}from"@domphy/theme";function ls(i={}){var r;let o=jr((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=>qr(e,"inherit"),fontStyle:"italic",color:e=>Kr(e,"shift-10",o.get(e))}}}import{toState as Yr}from"@domphy/core";import{themeColor as ao,themeSize as Gr,themeSpacing as Be}from"@domphy/theme";function ps(i={}){var r;let o=Yr((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:Be(2),marginInline:0,marginTop:Be(3),marginBottom:Be(3),color:e=>ao(e,"shift-9",o.get(e)),"& img, & svg, & video, & canvas":{display:"block",maxWidth:"100%",borderRadius:Be(2)},"& figcaption":{fontSize:e=>Gr(e,"decrease-1"),color:e=>ao(e,"shift-8",o.get(e)),lineHeight:1.45}}}}import{toState as Ur}from"@domphy/core";import{themeColor as Fe,themeDensity as ee,themeSpacing as L,themeSize as lt}from"@domphy/theme";function Ss(i={}){var n;let{layout:o="horizontal"}=i,r=Ur((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=>L(ee(t)*3),paddingBlock:t=>L(ee(t)*3),border:"none",borderRadius:t=>L(ee(t)*2),fontSize:t=>lt(t,"inherit"),backgroundColor:t=>Fe(t,"inherit",r.get(t)),display:"grid",gridTemplateColumns:e?"minmax(0, 1fr)":"max-content minmax(0, 1fr)",columnGap:L(4),rowGap:L(3),alignItems:"start","& > legend":{gridColumn:"1 / -1",margin:0,fontSize:t=>lt(t,"inherit"),fontWeight:600,paddingBlock:t=>L(ee(t)*1),borderRadius:t=>L(ee(t)*2),color:t=>Fe(t,"shift-9",r.get(t)),backgroundColor:t=>Fe(t,"inherit",r.get(t))},"& > label":{gridColumn:"1",alignSelf:"start",margin:0,paddingBlock:t=>e?"0px":L(ee(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(${L(2)} * -1)`,fontSize:t=>lt(t,"decrease-1"),color:t=>Fe(t,"shift-9",r.get(t))}}}}import{toState as Xr}from"@domphy/core";import{themeColor as Jr,themeSize as Qr,themeSpacing as Zr}from"@domphy/theme";var en={h6:"decrease-1",h5:"inherit",h4:"increase-1",h3:"increase-2",h2:"increase-3",h1:"increase-4"};function Ps(i={}){var r;let o=Xr((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=>Jr(e,"shift-11",o.get(e)),marginTop:0,marginBottom:Zr(2),fontSize:e=>{let n=en[e.elementNode.tagName]||"inherit";return Qr(e,n)}}}}import{toState as tn}from"@domphy/core";import{themeColor as on,themeSpacing as lo}from"@domphy/theme";function $s(i={}){var r;let o=tn((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:lo(3),marginBottom:lo(3),backgroundColor:e=>on(e,"shift-4",o.get(e))}}}import{toState as rn}from"@domphy/core";import{themeColor as nn,themeSpacing as an}from"@domphy/theme";function Bs(i={}){var r;let o=rn((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:an(2),backgroundColor:e=>nn(e,"inherit",o.get(e))}}}import{toState as ln}from"@domphy/core";import{themeSpacing as so,themeColor as sn,themeSize as cn}from"@domphy/theme";function Ks(i={}){var r;let o=ln((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:so(4),height:so(4),flexShrink:"0",fontSize:e=>cn(e),backgroundColor:"transparent",color:e=>sn(e,"shift-9",o.get(e))}}}import{toState as co}from"@domphy/core";import{themeColor as mo,themeDensity as Se,themeSpacing as Ce,themeSize as mn}from"@domphy/theme";function Js(i={}){var e,n;let o=co((e=i.color)!=null?e:"neutral","color"),r=co((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=>mn(t,"inherit"),paddingBlock:t=>Ce(Se(t)*1),paddingInline:t=>Ce(Se(t)*1),blockSize:t=>Ce(6+Se(t)*2),inlineSize:t=>Ce(6+Se(t)*2),backgroundColor:"transparent","&::-webkit-color-swatch-wrapper":{margin:0,padding:0},"&::-webkit-color-swatch":{borderRadius:t=>Ce(Se(t)*1)},"&:hover:not([disabled]), &:focus-visible":{},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>mo(t,"shift-2","neutral"),outline:t=>`1px solid ${mo(t,"shift-4","neutral")}`}}}}import{toState as uo}from"@domphy/core";import{themeColor as B,themeDensity as st,themeSpacing as ve,themeSize as un}from"@domphy/theme";function nc(i={}){var n,t;let{mode:o="datetime-local"}=i,r=uo((n=i.color)!=null?n:"neutral","color"),e=uo((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=>un(a,"inherit"),lineHeight:"inherit",color:a=>B(a,"shift-9",r.get(a)),backgroundColor:a=>B(a,"inherit",r.get(a)),border:"none",outlineOffset:"-1px",outline:a=>`1px solid ${B(a,"shift-4",r.get(a))}`,borderRadius:a=>ve(st(a)*1),paddingInline:a=>ve(st(a)*3),height:a=>ve(6+st(a)*2),"&::-webkit-calendar-picker-indicator":{cursor:"pointer",opacity:.85},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:a=>`${ve(.5)} solid ${B(a,"shift-6",e.get(a))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:a=>B(a,"shift-8","neutral"),backgroundColor:a=>B(a,"shift-2","neutral"),outline:a=>`1px solid ${B(a,"shift-4","neutral")}`},"&:invalid":{outline:a=>`${ve(.5)} solid ${B(a,"shift-6","error")}`}}}}import{toState as ho}from"@domphy/core";import{themeColor as x,themeDensity as ct,themeSpacing as P,themeSize as dn}from"@domphy/theme";function uc(i={}){var e,n;let o=ho((e=i.color)!=null?e:"neutral","color"),r=ho((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=>dn(t,"inherit"),lineHeight:"inherit",color:t=>x(t,"shift-9",o.get(t)),backgroundColor:t=>x(t,"inherit",o.get(t)),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${x(t,"shift-4",o.get(t))}`,borderRadius:t=>P(ct(t)*1),height:t=>P(6+ct(t)*2),paddingInline:t=>P(ct(t)*1),"&::file-selector-button":{marginBlock:"auto",fontFamily:"inherit",fontSize:"inherit",border:"none",borderRadius:P(1),height:P(6),paddingInline:P(2),cursor:"pointer",color:t=>x(t,"shift-10",r.get(t)),backgroundColor:t=>x(t,"shift-3",r.get(t))},"&::-webkit-file-upload-button":{marginTop:P(1),fontFamily:"inherit",fontSize:"inherit",border:"none",borderRadius:P(1),height:P(6),paddingInline:P(2),cursor:"pointer",color:t=>x(t,"shift-10",o.get(t)),backgroundColor:t=>x(t,"shift-3",o.get(t))},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${P(.5)} solid ${x(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>x(t,"shift-8","neutral"),outline:t=>`1px solid ${x(t,"shift-4","neutral")}`,backgroundColor:t=>x(t,"shift-2","neutral")},"&[disabled]::file-selector-button, &[disabled]::-webkit-file-upload-button":{cursor:"not-allowed",color:t=>x(t,"shift-8","neutral"),backgroundColor:t=>x(t,"shift-3","neutral")}}}}import{toState as po}from"@domphy/core";import{themeColor as F,themeDensity as mt,themeSpacing as xe,themeSize as hn}from"@domphy/theme";function yc(i={}){var e,n;let o=po((e=i.color)!=null?e:"neutral","color"),r=po((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=>hn(t,"inherit"),lineHeight:"inherit",color:t=>F(t,"shift-9",o.get(t)),backgroundColor:t=>F(t,"inherit",o.get(t)),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${F(t,"shift-4",o.get(t))}`,borderRadius:t=>xe(mt(t)*1),minWidth:xe(32),paddingInline:t=>xe(mt(t)*3),paddingBlock:t=>xe(mt(t)*1),"&::placeholder":{color:t=>F(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=>`${xe(.5)} solid ${F(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>F(t,"shift-8","neutral"),backgroundColor:t=>F(t,"shift-2","neutral"),outline:t=>`1px solid ${F(t,"shift-4","neutral")}`}}}}import{toState as fo}from"@domphy/core";import{themeColor as E,themeDensity as ut,themeSpacing as A,themeSize as pn}from"@domphy/theme";function Tc(i={}){var e,n;let o=fo((e=i.color)!=null?e:"neutral","color"),r=fo((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:A(10),paddingInline:t=>A(ut(t)*3),paddingBlock:t=>A(ut(t)*1),borderRadius:t=>A(ut(t)*1),fontSize:t=>pn(t,"inherit"),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${E(t,"shift-4",o.get(t))}`,color:t=>E(t,"shift-9",o.get(t)),backgroundColor:t=>E(t,"inherit",o.get(t)),"&::placeholder":{color:t=>E(t,"shift-7")},"&:not(:placeholder-shown)":{color:t=>E(t,"shift-10")},"&:hover:not([disabled]):not([aria-busy=true]), &:focus-visible":{outline:t=>`${A(.5)} solid ${E(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>E(t,"shift-2","neutral"),outline:t=>`1px solid ${E(t,"shift-4","neutral")}`,color:t=>E(t,"shift-8","neutral")},"&:invalid:not(:placeholder-shown)":{outline:t=>`${A(.5)} solid ${E(t,"shift-6","error")}`},"&[data-status=error]":{outline:t=>`${A(.5)} solid ${E(t,"shift-6","error")}`},"&[data-status=warning]":{outline:t=>`${A(.5)} solid ${E(t,"shift-6","warning")}`}}}}import{toState as go}from"@domphy/core";import{themeColor as q,themeSpacing as S}from"@domphy/theme";function zc(i={}){var e,n;let o=go((e=i.color)!=null?e:"neutral","color"),r=go((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:S(4),background:"transparent",cursor:"pointer","&::-webkit-slider-runnable-track":{height:S(1.5),borderRadius:S(999),backgroundColor:t=>q(t,"shift-3",o.get(t))},"&::-moz-range-track":{height:S(1.5),borderRadius:S(999),backgroundColor:t=>q(t,"shift-3",o.get(t))},"&::-webkit-slider-thumb":{appearance:"none",width:S(4),height:S(4),borderRadius:S(999),border:"none",marginTop:`calc((${S(1.5)} - ${S(4)}) / 2)`,backgroundColor:t=>q(t,"shift-9",r.get(t))},"&::-moz-range-thumb":{width:S(4),height:S(4),borderRadius:S(999),border:"none",backgroundColor:t=>q(t,"shift-9",r.get(t))},"&:hover:not([disabled])::-webkit-slider-thumb":{backgroundColor:t=>q(t,"shift-10",r.get(t))},"&:hover:not([disabled])::-moz-range-thumb":{backgroundColor:t=>q(t,"shift-10",r.get(t))},"&:focus-visible":{outline:t=>`${S(.5)} solid ${q(t,"shift-6",r.get(t))}`,outlineOffset:S(1),borderRadius:S(2)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{toState as bo}from"@domphy/core";import{themeColor as Y,themeDensity as Ae,themeSpacing as te,themeSize as fn}from"@domphy/theme";function Hc(i={}){var e,n;let o=bo((e=i.color)!=null?e:"neutral","color"),r=bo((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:te(10),paddingInlineStart:t=>te(Ae(t)*3),paddingInlineEnd:t=>te(Ae(t)*1.5),paddingBlock:t=>te(Ae(t)*1),borderRadius:t=>te(Ae(t)*1),fontSize:t=>fn(t,"inherit"),border:"none",outlineOffset:"-1px",outline:t=>`1px solid ${Y(t,"shift-4",o.get(t))}`,color:t=>Y(t,"shift-9",o.get(t)),backgroundColor:t=>Y(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=>`${te(.5)} solid ${Y(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:t=>Y(t,"shift-2","neutral"),outline:t=>`1px solid ${Y(t,"shift-4","neutral")}`,color:t=>Y(t,"shift-8","neutral")}}}}import{toState as gn}from"@domphy/core";import{themeColor as dt,themeSize as bn,themeSpacing as ht}from"@domphy/theme";function qc(i={}){var r;let o=gn((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=>bn(e,"inherit"),color:e=>dt(e,"shift-9",o.get(e)),backgroundColor:e=>dt(e,"inherit",o.get(e)),paddingBlock:ht(.5),paddingInline:ht(1.5),borderRadius:ht(1),outline:e=>`1px solid ${dt(e,"shift-4",o.get(e))}`}}}import{toState as yo}from"@domphy/core";import{themeColor as pt,themeSize as yn,themeSpacing as Sn}from"@domphy/theme";function Zc(i={}){var e,n;let o=yo((e=i.color)!=null?e:"neutral","color"),r=yo((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:Sn(2),fontSize:t=>yn(t,"inherit"),color:t=>pt(t,"shift-9",o.get(t)),cursor:"pointer","&:focus-within":{color:t=>pt(t,"shift-10",r.get(t))},"&[aria-disabled=true]":{opacity:.7,cursor:"not-allowed",color:t=>pt(t,"shift-8","neutral")}}}}import{toState as So}from"@domphy/core";import{themeColor as oe,themeSize as Cn,themeSpacing as ft}from"@domphy/theme";function im(i={}){var e,n;let o=So((e=i.color)!=null?e:"primary","color"),r=So((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=>Cn(t,"inherit"),backgroundColor:t=>oe(t),color:t=>oe(t,"shift-9",o.get(t)),textDecoration:"none","&:visited":{color:t=>oe(t,"shift-9",r.get(t))},"&:hover:not([disabled])":{color:t=>oe(t,"shift-10",o.get(t)),textDecoration:"underline"},"&:focus-visible":{borderRadius:ft(1),outlineOffset:ft(1),outline:t=>`${ft(.5)} solid ${oe(t,"shift-6",r.get(t))}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>oe(t,"shift-8","neutral")}}}}import{toState as vn}from"@domphy/core";import{themeSpacing as gt,themeSize as xn,themeColor as Co}from"@domphy/theme";function dm(i={}){var r;let o=vn((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=>xn(e,"inherit"),color:e=>Co(e,"shift-9",o.get(e)),backgroundColor:e=>Co(e,"inherit",o.get(e)),height:gt(6),borderRadius:gt(1),paddingInline:gt(1.5)}}}import{toState as En}from"@domphy/core";import{themeColor as kn,themeSize as Tn}from"@domphy/theme";function Cm(i={}){var r;let o=En((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=>Tn(e,"inherit"),color:e=>kn(e,"shift-9",o.get(e)),lineHeight:1.5,marginTop:0,marginBottom:0}}}import{toState as Pn}from"@domphy/core";import{themeColor as vo,themeDensity as bt,themeSpacing as yt,themeSize as wn}from"@domphy/theme";function wm(i={}){var r;let o=Pn((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=>wn(e,"inherit"),color:e=>vo(e,"shift-9",o.get(e)),backgroundColor:e=>vo(e,"inherit",o.get(e)),border:"none",paddingBlock:e=>yt(bt(e)*2),paddingInline:e=>yt(bt(e)*3),borderRadius:e=>yt(bt(e)*2)}}}import{toState as xo}from"@domphy/core";import{themeColor as We,themeSpacing as Ee}from"@domphy/theme";function Lm(i={}){var e,n;let o=xo((e=i.color)!=null?e:"neutral","color"),r=xo((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:Ee(2),border:0,borderRadius:Ee(999),overflow:"hidden",backgroundColor:t=>We(t,"shift-3",o.get(t)),"&::-webkit-progress-bar":{backgroundColor:t=>We(t,"shift-3",o.get(t)),borderRadius:Ee(999)},"&::-webkit-progress-value":{backgroundColor:t=>We(t,"shift-9",r.get(t)),borderRadius:Ee(999),transition:"width 220ms ease"},"&::-moz-progress-bar":{backgroundColor:t=>We(t,"shift-9",r.get(t)),borderRadius:Ee(999)}}}}import{toState as Eo}from"@domphy/core";import{themeColor as W,themeSize as On,themeSpacing as ke}from"@domphy/theme";function Fm(i={}){var e,n;let o=Eo((e=i.color)!=null?e:"neutral","color"),r=Eo((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=>On(t,"inherit"),appearance:"none",display:"inline-flex",position:"relative",width:ke(6),height:ke(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 ${W(t,"shift-4",o.get(t))}`,color:t=>W(t,"shift-9",o.get(t)),width:ke(4),height:ke(4)},"&:hover::before":{backgroundColor:t=>W(t,"shift-2",o.get(t))},"&:checked::before":{outline:t=>`1px solid ${W(t,"shift-6",r.get(t))}`},"&:checked::after":{content:'""',position:"absolute",inset:"30%",borderRadius:"50%",backgroundColor:t=>W(t,"shift-8",r.get(t))},"&:checked:hover:not([disabled])::before":{backgroundColor:t=>W(t,"shift-7",r.get(t))},"&:focus-visible":{borderRadius:"50%",outline:t=>`${ke(.5)} solid ${W(t,"shift-6",r.get(t))}`},"&[disabled]":{cursor:"not-allowed"},"&[disabled]::before, &[disabled]::after":{outline:"none",backgroundColor:t=>W(t,"shift-4","neutral"),pointerEvents:"none"}}}}import{themeColor as w,themeDensity as Te,themeSize as In,themeSpacing as G}from"@domphy/theme";function jm(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:{fontFamily:"inherit",fontSize:e=>In(e,"inherit"),lineHeight:"inherit",color:e=>w(e,"shift-9",o),backgroundColor:e=>w(e,"inherit",o),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${w(e,"shift-4",o)}`,borderRadius:e=>G(Te(e)*1),paddingBlock:e=>G(Te(e)*1),paddingLeft:e=>G(Te(e)*3),paddingRight:e=>G(Te(e)*1),"&:not([multiple])":{height:e=>G(6+Te(e)*2)},"&:hover:not([disabled]):not([aria-busy=true])":{outline:e=>`${G(.5)} solid ${w(e,"shift-5",r)}`},"&:focus-visible":{outline:e=>`${G(.5)} solid ${w(e,"shift-6",r)}`},"& optgroup":{color:e=>w(e,"shift-11",o)},"& option[disabled]":{color:e=>w(e,"shift-7","neutral")},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>w(e,"shift-8","neutral"),outline:e=>`1px solid ${w(e,"shift-4","neutral")}`,backgroundColor:e=>w(e,"shift-2","neutral")}}}}import{hashString as _n,toState as Vn}from"@domphy/core";import{themeColor as ko,themeSize as zn,themeSpacing as To}from"@domphy/theme";function Gm(i={}){var n;let o=Vn((n=i.color)!=null?n:"neutral","color"),r={"0%,100%":{opacity:1},"50%":{opacity:.4}},e=_n(JSON.stringify(r));return{ariaHidden:"true",dataTone:"shift-2",style:{fontSize:t=>zn(t),color:t=>ko(t,"shift-9",o.get(t)),height:To(6),display:"block",borderRadius:To(1),backgroundColor:t=>ko(t,"inherit",o.get(t)),animation:`${e} 1.5s ease-in-out infinite`,[`@keyframes ${e}`]:r}}}import{hashString as $n,toState as Ln}from"@domphy/core";import{themeColor as je,themeSize as Mn,themeSpacing as St}from"@domphy/theme";var wo={to:{transform:"rotate(360deg)"}},Po=$n(JSON.stringify(wo));function Qm(i={}){var r;let o=Ln((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=>Mn(e),backgroundColor:e=>je(e),color:e=>je(e,"shift-9",o.get(e)),display:"inline-block",margin:0,flexShrink:0,width:St(6),height:St(6),borderRadius:"50%",border:e=>`${St(.5)} solid ${je(e,"shift-4",o.get(e))}`,borderTopColor:e=>je(e,"shift-9",o.get(e)),boxSizing:"border-box",padding:0,animation:`${Po} 0.7s linear infinite`,[`@keyframes ${Po}`]:wo}}}import{toState as Nn}from"@domphy/core";import{themeColor as Rn,themeDensity as Oo,themeSize as Dn,themeSpacing as Io}from"@domphy/theme";function ru(i={}){var a;let{color:o="neutral",multiple:r=!1}=i,e=Nn((a=i.value)!=null?a:r?[]:null),n={div:l=>{let s=e.get(l);return(Array.isArray(s)?s:[s]).map(m=>({input:null,name:i.name,value:m||""}))},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=>Io(Oo(l)*2),paddingInline:l=>Io(Oo(l)*2),fontSize:l=>Dn(l,"inherit"),backgroundColor:l=>Rn(l,"inherit",o)}}}import{themeSpacing as Ke,themeColor as re,themeDensity as _o,themeSize as Hn}from"@domphy/theme";function lu(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=>Hn(t,"inherit"),height:t=>Ke(6+_o(t)*2),paddingInline:t=>Ke(_o(t)*3),border:"none",outline:"none",color:t=>re(t,"shift-9",r),backgroundColor:t=>re(t,"inherit",r),"&:hover:not([disabled]):not([aria-selected=true])":{backgroundColor:t=>re(t,"shift-2",r)},"&[aria-selected=true]":{backgroundColor:t=>re(t,"shift-6",o),color:t=>re(t,"shift-11")},"&:focus-visible":{outline:t=>`${Ke(.5)} solid ${re(t,"shift-6",o)}`,outlineOffset:`-${Ke(.5)}`}}}}import{toState as Vo,merge as zo}from"@domphy/core";import{themeSpacing as Pe,themeColor as Ct,themeDensity as vt,themeSize as Bn}from"@domphy/theme";function hu(i){let{options:o=[],placement:r="bottom",color:e="neutral",open:n=!1,multiple:t=!1}=i,a=Vo(i.value),l=Vo(n),{show:s,hide:u,anchorPartial:m}=R({open:l,placement:r,content:i.content,onPlacement:i.onPlacement}),c={onClick:()=>!t&&u()};zo(i.content,c);let d={div:p=>{let g=a.get(p),h=Array.isArray(g)?g:[g];return o.filter(y=>h.includes(y.value)).map(y=>({span:y.label,$:[Ne({color:e,removable:t})],_key:y.value,_onRemove:Ie=>{let T=a.get(),Je=(Array.isArray(T)?T:[T]).filter(he=>he!==y.value);t?a.set(Je):a.set(Je[0])}}))},style:{display:"flex",flexWrap:"wrap",gap:Pe(1),flex:1}},f={_onInsert:p=>{p.tagName!="div"&&console.warn('"selectBox" patch must use div tag')},_onInit:p=>p.children.insert(d),onClick:()=>l.get()?u():s(),style:{cursor:"pointer",display:"flex",alignItems:"center",minHeight:p=>Pe(6+vt(p)*2),minWidth:Pe(32),outlineOffset:"-1px",outline:p=>`1px solid ${Ct(p,"shift-4","neutral")}`,paddingInline:p=>Pe(vt(p)*2),borderRadius:p=>Pe(vt(p)*1),fontSize:p=>Bn(p,"inherit"),color:p=>Ct(p,"shift-9",e),backgroundColor:p=>Ct(p,"inherit",e)}};return zo(m,f),m}import{toState as Fn}from"@domphy/core";import{themeColor as xt,themeSize as $o,themeSpacing as M}from"@domphy/theme";function Cu(i={}){var r;let o=Fn((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=>$o(e,"inherit"),appearance:"none",position:"relative",display:"inline-flex",width:M(9),height:M(6),cursor:"pointer",margin:"0",paddingBlock:M(1),"&:checked":{"&::before":{backgroundColor:e=>xt(e,"increase-3",o.get(e))},"&::after":{left:`calc(100% - ${M(3.5)})`}},"&::after":{content:'""',aspectRatio:"1/1",position:"absolute",width:M(3),height:M(3),borderRadius:M(999),left:M(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",backgroundColor:e=>xt(e,"decrease-3")},"&::before":{content:'""',width:"100%",borderRadius:M(999),display:"inline-block",fontSize:e=>$o(e,"inherit"),lineHeight:1,backgroundColor:e=>xt(e)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{toState as Et}from"@domphy/core";import{themeColor as ne,themeSize as An,themeSpacing as k}from"@domphy/theme";function ku(i={}){var t,a;let{checked:o=!1}=i,r=Et(o),e=Et((t=i.color)!=null?t:"neutral","color"),n=Et((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=>An(l),border:"none",outlineWidth:"1px",outline:l=>`1px solid ${ne(l,"shift-3",e.get(l))}`,minWidth:k(12),minHeight:k(6),borderRadius:k(999),paddingLeft:k(7),paddingRight:k(2),transition:"padding-left 0.3s, padding-right 0.3s",backgroundColor:l=>ne(l,"inherit",e.get(l)),"& > :first-child":{content:'""',position:"absolute",display:"inline-flex",alignItems:"center",left:k(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",width:k(5),height:k(5),borderRadius:k(999),color:l=>ne(l,"shift-9"),backgroundColor:l=>ne(l,"decrease-2",e.get(l))},"&[aria-checked=true]":{backgroundColor:l=>ne(l,"increase-3",n.get(l)),outline:"none",color:l=>ne(l,"decrease-2"),paddingLeft:k(2),paddingRight:k(7)},"&[aria-checked=true] > :first-child":{left:`calc(100% - ${k(5.5)})`},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{toState as Wn}from"@domphy/core";import{themeColor as jn,themeSize as Kn}from"@domphy/theme";function Vu(i={}){var r;let o=Wn((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=>Kn(e,"inherit"),color:e=>jn(e,"shift-9",o.get(e))}}}import{toState as qn}from"@domphy/core";import{themeColor as Lo,themeSize as Yn}from"@domphy/theme";function Du(i={}){var r;let o=qn((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=>Yn(e,"inherit"),fontWeight:700,color:e=>Lo(e,"shift-11",o.get(e)),backgroundColor:e=>Lo(e)}}}import{toState as Gn}from"@domphy/core";import{themeColor as Un,themeSize as Xn}from"@domphy/theme";function Ku(i={}){var r;let o=Gn((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=>Xn(e,"decrease-1"),verticalAlign:"sub",lineHeight:0,color:e=>Un(e,"shift-9",o.get(e))}}}import{toState as Jn}from"@domphy/core";import{themeColor as Qn,themeSize as Zn}from"@domphy/theme";function Qu(i={}){var r;let o=Jn((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=>Zn(e,"decrease-1"),verticalAlign:"super",lineHeight:0,color:e=>Qn(e,"shift-9",o.get(e))}}}import{toState as ei}from"@domphy/core";import{themeColor as O,themeDensity as ie,themeSpacing as ae,themeSize as Mo}from"@domphy/theme";function od(i={}){var r;let o=ei((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=>Mo(e,"inherit"),color:e=>O(e,"shift-9",o.get(e)),width:"100%",borderCollapse:"collapse","& caption":{captionSide:"bottom"},"& th, & thead td":{textAlign:"left",fontWeight:500,paddingInline:e=>ae(ie(e)*3),paddingBlock:e=>ae(ie(e)*1),color:e=>O(e,"shift-10",o.get(e)),backgroundColor:e=>O(e,"inherit")},"& td":{textAlign:"left",paddingInline:e=>ae(ie(e)*3),paddingBlock:e=>ae(ie(e)*1),color:e=>O(e,"shift-9",o.get(e)),boxShadow:e=>`inset 0 1px 0 ${O(e,"shift-4",o.get(e))}`,fontSize:e=>Mo(e,"inherit")},"& tfoot th, & tfoot td":{textAlign:"left",fontWeight:500,paddingInline:e=>ae(ie(e)*3),paddingBlock:e=>ae(ie(e)*1),color:e=>O(e,"shift-10",o.get(e)),backgroundColor:e=>O(e,"inherit"),boxShadow:e=>`inset 0 -1px 0 ${O(e,"shift-4",o.get(e))}`},"& tr":{backgroundColor:e=>O(e,"inherit")},"& tbody tr:hover":{backgroundColor:e=>O(e,"shift-3")+"!important"}}}}import{toState as No}from"@domphy/core";import{themeColor as I,themeDensity as kt,themeSpacing as le,themeSize as ti}from"@domphy/theme";function cd(i={}){var e,n;let o=No((e=i.color)!=null?e:"neutral","color"),r=No((n=i.accentColor)!=null?n:"primary","accentColor");return{_onInsert:t=>{t.tagName!="textarea"&&console.warn('"textarea" primitive patch must use textarea tag')},style:{fontFamily:"inherit",lineHeight:"inherit",resize:"vertical",paddingInline:t=>le(kt(t)*4),paddingBlock:t=>le(kt(t)*2),border:"none",borderRadius:t=>le(kt(t)*2),fontSize:t=>ti(t,"inherit"),color:t=>I(t,"shift-9",o.get(t)),outlineOffset:"-1px",outline:t=>`1px solid ${I(t,"shift-4",o.get(t))}`,backgroundColor:t=>I(t,"inherit",o.get(t)),"&::placeholder":{color:t=>I(t,"shift-7")},"&:hover:not([disabled]):not([aria-busy=true])":{outline:t=>`${le(.5)} solid ${I(t,"shift-5",r.get(t))}`},"&:focus-visible":{outline:t=>`${le(.5)} solid ${I(t,"shift-6",r.get(t))}`},"&:invalid":{outline:t=>`${le(.5)} solid ${I(t,"shift-5","error")}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:t=>I(t,"shift-8","neutral"),outline:t=>`1px solid ${I(t,"shift-4","neutral")}`,backgroundColor:t=>I(t,"shift-2","neutral")}}}}import{toState as oi}from"@domphy/core";import{themeColor as Ro,themeSize as ri,themeSpacing as ni}from"@domphy/theme";function gd(i={}){var r;let o=oi((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=>ri(e,"inherit"),backgroundColor:e=>Ro(e),color:e=>Ro(e,"shift-9",o.get(e)),marginTop:0,marginBottom:0,paddingLeft:ni(3),listStyleType:"disc",listStylePosition:"outside"}}}import{toState as ii}from"@domphy/core";import{themeColor as Do,themeSize as ai,themeSpacing as li}from"@domphy/theme";function Ed(i={}){var r;let o=ii((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=>ai(e,"inherit"),backgroundColor:e=>Do(e),color:e=>Do(e,"shift-9",o.get(e)),marginTop:0,marginBottom:0,paddingLeft:li(3),listStyleType:"decimal",listStylePosition:"outside"}}}import{toState as si}from"@domphy/core";import{themeColor as se,themeDensity as we,themeSize as ci,themeSpacing as ce}from"@domphy/theme";function mi(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 wd(i){var l;let{total:o,color:r="neutral",accentColor:e="primary"}=i,n=si((l=i.value)!=null?l:1),t={display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:s=>ce(6+we(s)*2),height:s=>ce(6+we(s)*2),paddingInline:s=>ce(we(s)*2),borderRadius:s=>ce(we(s)*1),border:"none",cursor:"pointer",fontSize:s=>ci(s,"inherit"),backgroundColor:"transparent",color:s=>se(s,"shift-9",r),"&:hover:not([disabled])":{backgroundColor:s=>se(s,"shift-2",r)},"&[disabled]":{opacity:.4,cursor:"not-allowed"}},a=Lt($t({},t),{backgroundColor:s=>se(s,"shift-6",e),color:s=>se(s,"shift-11",e),fontWeight:"600",cursor:"default","&:hover:not([disabled])":{backgroundColor:s=>se(s,"shift-6",e)}});return{_onInsert:s=>{s.tagName!=="div"&&console.warn('"pagination" patch must use div tag')},_onInit:s=>{let u={div:m=>{let c=n.get(m),d=[];d.push({button:"\u2039",type:"button",ariaLabel:"Previous page",disabled:c<=1,onClick:()=>c>1&&n.set(c-1),style:t});for(let f of mi(c,o))if(f==="...")d.push({span:"\u2026",style:{display:"inline-flex",alignItems:"center",paddingInline:p=>ce(we(p)*2),color:p=>se(p,"shift-7",r)}});else{let p=f===c;d.push({button:String(f),type:"button",ariaLabel:`Page ${f}`,ariaCurrent:p?"page":void 0,disabled:p,onClick:()=>n.set(f),style:p?a:t})}return d.push({button:"\u203A",type:"button",ariaLabel:"Next page",disabled:c>=o,onClick:()=>c<o&&n.set(c+1),style:t}),d},style:{display:"flex",alignItems:"center",gap:ce(1)}};s.children.insert(u)},style:{display:"inline-flex"}}}import{toState as ui}from"@domphy/core";import{themeColor as qe,themeSize as di,themeSpacing as hi}from"@domphy/theme";function $d(i={}){var r;let o=ui((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:hi(2),fontSize:e=>di(e,"inherit"),backgroundColor:e=>qe(e),color:e=>qe(e,"shift-9",o.get(e)),minHeight:"1lh","&::before":{content:'""',flex:1,borderColor:e=>qe(e,"shift-4",o.get(e)),borderWidth:"1px",borderBottomStyle:"solid"},"&::after":{content:'""',flex:1,borderColor:e=>qe(e,"shift-4",o.get(e)),borderWidth:"1px",borderBottomStyle:"solid"}}}}import{toState as pi}from"@domphy/core";import{themeColor as Ye,themeDensity as fi,themeSize as gi,themeSpacing as Oe}from"@domphy/theme";var Ho={left:"translateX(-100%)",right:"translateX(100%)",top:"translateY(-100%)",bottom:"translateY(100%)"},bi={left:"0 auto 0 0",right:"0 0 0 auto",top:"0 0 auto 0",bottom:"auto 0 0 0"},Tt=i=>i==="left"||i==="right";function Rd(i={}){let{color:o="neutral",open:r=!1,placement:e="right",size:n}=i,t=pi(r),a=Tt(e)?Oe(80):Oe(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 m=u.domElement;t.get()||(m.close(),document.body.style.overflow="")},_onMount:s=>{let u=s.domElement,m=c=>{c?(u.showModal(),document.body.style.overflow="hidden",requestAnimationFrame(()=>{u.style.transform="translate(0, 0)"})):u.style.transform=Ho[e]};m(t.get()),t.addListener(m)},style:{transform:Ho[e],transition:"transform 0.25s ease",fontSize:s=>gi(s,"inherit"),color:s=>Ye(s,"shift-10",o),backgroundColor:s=>Ye(s,"inherit",o),border:"none",padding:s=>Oe(fi(s)*3),margin:bi[e],width:Tt(e)?l:"100dvw",height:Tt(e)?"100dvh":l,maxWidth:"100dvw",maxHeight:"100dvh",boxShadow:s=>`0 ${Oe(4)} ${Oe(12)} ${Ye(s,"shift-4","neutral")}`,"&::backdrop":{backgroundColor:s=>Ye(s,"shift-2","neutral"),opacity:.75}}}}import{toState as yi,merge as Bo}from"@domphy/core";function jd(i){let{open:o=!1,placement:r="bottom",openOn:e="click"}=i,n=null,t=yi(o),{show:a,hide:l,anchorPartial:s}=R({open:t,placement:r,content:i.content,onPlacement:i.onPlacement}),u={role:"dialog",dataTone:"shift-17",onMouseEnter:()=>e==="hover"&&a(),onMouseLeave:()=>e==="hover"&&l(),_onInsert:c=>{let d=c.attributes.get("id");n=d||c.nodeId,!d&&c.attributes.set("id",n)}};return Bo(i.content,u),Bo(s,{ariaHaspopup:"dialog",ariaExpanded:c=>t.get(c),onMouseEnter:()=>e==="hover"&&a(),onMouseLeave:()=>e==="hover"&&l(),onClick:()=>e==="click"&&(t.get()?l():a()),onFocus:()=>a(),onBlur:()=>l(),_onMount:c=>n&&c.attributes.set("ariaControls",n)}),s}import{toState as Si}from"@domphy/core";import{themeColor as Pt,themeDensity as wt,themeSize as Ci,themeSpacing as j}from"@domphy/theme";function Gd(i={}){let{position:o="top-center",color:r="neutral"}=i,e=Si(!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:j(4),zIndex:30,padding:j(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:j(32),pointerEvents:"auto",paddingBlock:s=>j(wt(s)*2),paddingInline:s=>j(wt(s)*4),borderRadius:s=>j(wt(s)*2),fontSize:s=>Ci(s,"inherit"),color:s=>Pt(s,"shift-9",r),backgroundColor:s=>Pt(s,"inherit",r),boxShadow:s=>`0 ${j(2)} ${j(9)} ${Pt(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 m=c=>{c.propertyName==="transform"&&(s.domElement.removeEventListener("transitionend",m),u())};s.domElement.addEventListener("transitionend",m),e.set(!1)}}}import{toState as vi,merge as xi}from"@domphy/core";import{themeSpacing as Ot,themeColor as Fo,themeDensity as It,themeSize as Ei}from"@domphy/theme";function nh(i={}){let{open:o=!1,placement:r="top",content:e="Tooltip Content"}=i,n=null,t=vi(r),a=typeof e=="string"?{span:e}:e,{show:l,hide:s,anchorPartial:u}=R({open:o,placement:r,content:a}),m={role:"tooltip",dataSize:"decrease-1",dataTone:"shift-17",_onInsert:d=>{let f=d.attributes.get("id");n=f||d.nodeId,!f&&d.attributes.set("id",n)},style:{paddingBlock:d=>Ot(It(d)*1),paddingInline:d=>Ot(It(d)*3),borderRadius:d=>Ot(It(d)*1),color:d=>Fo(d,"shift-9"),backgroundColor:d=>Fo(d),fontSize:d=>Ei(d,"inherit")},$:[Xt({placement:r,bordered:!1})]};return a.$||(a.$=[]),a.$.push(m),xi(u,{onMouseEnter:()=>l(),onMouseLeave:()=>s(),onFocus:()=>l(),onBlur:()=>s(),onKeyDown:d=>d.key==="Escape"&&s(),_onMount:d=>n&&d.attributes.set("ariaDescribedby",n)}),u}import{ElementNode as Ao}from"@domphy/core";function Wo(i,o){return i.key!==void 0&&i.key!==null?String(i.key):`index-${o}`}function sh(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 Ao))return;let l=t.domElement;l&&e.set(Wo(t,a),l.getBoundingClientRect())})},_onUpdate:n=>{n.children.items.forEach((t,a)=>{if(!(t instanceof Ao))return;let l=t.domElement;if(!l)return;let s=Wo(t,a),u=e.get(s);if(!u)return;let m=l.getBoundingClientRect(),c=u.left-m.left,d=u.top-m.top;if(Math.abs(c)<.5&&Math.abs(d)<.5)return;let f=l.style.transition,p=l.style.transform;l.style.transition="none",l.style.transform=`translate(${c}px, ${d}px)`,l.getBoundingClientRect(),requestAnimationFrame(()=>{l.style.transition=`transform ${o}ms ease ${r}ms`,l.style.transform="translate(0px, 0px)"});let g=()=>{l.style.transition=f,l.style.transform=p,l.removeEventListener("transitionend",h)},h=b=>{b.propertyName==="transform"&&g()};l.addEventListener("transitionend",h),setTimeout(g,o+r+34)}),e.clear()}}}import{merge as ki}from"@domphy/core";import{toState as Ti}from"@domphy/core";function ph(i={}){return{role:"tablist",_onSchedule:(r,e)=>{let n={_context:{tabs:{activeKey:Ti(i.activeKey||0)}}};ki(e,n)}}}import{themeSpacing as me,themeColor as ue,themeDensity as jo,themeSize as Pi}from"@domphy/theme";function yh(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(m=>m.type=="ElementNode"&&m.attributes.get("role")=="tab");let l=n.key||a.findIndex(m=>m==n),s={id:"tab"+n.parent.nodeId+l,ariaControls:"tabpanel"+n.parent.nodeId+l,ariaSelected:m=>t.activeKey.get(m)==l,onClick:()=>t.activeKey.set(l),onKeyDown:m=>{var h,b,y,Ie;let c=m.key;if(!["ArrowLeft","ArrowRight","Home","End"].includes(c))return;m.preventDefault();let d=((b=(h=n.parent)==null?void 0:h.children.items)!=null?b:[]).filter(T=>T.type==="ElementNode"&&T.attributes.get("role")==="tab"),f=d.findIndex(T=>T===n),p=f;c==="ArrowRight"?p=(f+1)%d.length:c==="ArrowLeft"?p=(f-1+d.length)%d.length:c==="Home"?p=0:c==="End"&&(p=d.length-1);let g=d[p];t.activeKey.set((y=g.key)!=null?y:p),(Ie=g.domElement)==null||Ie.focus()}};n.merge(s)},style:{cursor:"pointer",fontSize:n=>Pi(n,"inherit"),height:n=>me(6+jo(n)*2),paddingInline:n=>me(jo(n)*4),border:"none",outline:"none",color:n=>ue(n,"shift-9"),backgroundColor:n=>ue(n,"inherit"),boxShadow:n=>`inset 0 -${me(.5)} 0 0 ${ue(n,"shift-1",r)}`,"&:hover:not([disabled])":{boxShadow:n=>`inset 0 -${me(.5)} 0 0 ${ue(n,"shift-2",r)}`},"&[aria-selected=true]:not([disabled])":{boxShadow:n=>`inset 0 -${me(.5)} 0 0 ${ue(n,"shift-6",o)}`},"&:focus-visible":{boxShadow:n=>`inset 0 -${me(.5)} 0 0 ${ue(n,"shift-6",o)}`}}}}import{themeSpacing as Ko,themeDensity as qo}from"@domphy/theme";function xh(){return{role:"tabpanel",style:{paddingBlock:o=>Ko(qo(o)*2),paddingInline:o=>Ko(qo(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)}}}import{merge as wi}from"@domphy/core";import{toState as Oi}from"@domphy/core";import{themeColor as Ii,themeDensity as Yo,themeSize as _i,themeSpacing as Go}from"@domphy/theme";function Ih(i={}){let{color:o="neutral"}=i;return{role:"menu",dataTone:"shift-17",_onSchedule:(e,n)=>{let t={_context:{menu:{activeKey:Oi(i.activeKey||0)}}};wi(n,t)},style:{display:"flex",flexDirection:"column",paddingBlock:e=>Go(Yo(e)*2),paddingInline:e=>Go(Yo(e)*2),fontSize:e=>_i(e,"inherit"),backgroundColor:e=>Ii(e,"inherit",o)}}}import{themeSpacing as Ge,themeColor as de,themeDensity as Uo,themeSize as Vi}from"@domphy/theme";function $h(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);n.attributes.set("ariaCurrent",u=>t.activeKey.get(u)==l||void 0),n.addEvent("click",()=>t.activeKey.set(l))},onKeyDown:(n,t)=>{var m,c,d;let a=n.key;if(!["ArrowDown","ArrowUp","Home","End"].includes(a))return;n.preventDefault();let l=((c=(m=t.parent)==null?void 0:m.children.items)!=null?c:[]).filter(f=>f.type==="ElementNode"&&f.attributes.get("role")==="menuitem"),s=l.findIndex(f=>f===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),(d=l[u].domElement)==null||d.focus()},style:{cursor:"pointer",display:"flex",alignItems:"center",width:"100%",fontSize:n=>Vi(n,"inherit"),height:n=>Ge(6+Uo(n)*2),paddingInline:n=>Ge(Uo(n)*3),border:"none",outline:"none",color:n=>de(n,"shift-9"),backgroundColor:n=>de(n,"inherit"),"&:hover:not([disabled]):not([aria-current=true])":{backgroundColor:n=>de(n,"shift-2")},"&[aria-current=true]":{backgroundColor:n=>de(n,"shift-3",o),color:n=>de(n,"shift-10")},"&:focus-visible":{outline:n=>`${Ge(.5)} solid ${de(n,"shift-6",o)}`,outlineOffset:`-${Ge(.5)}`}}}}import{merge as zi}from"@domphy/core";function Rh(i){return{_onSchedule:(o,r)=>{zi(r,{_context:{form:i}})}}}function Hh(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)}}}import{Notifier as $i}from"@domphy/core";function Li(i){return!!i&&typeof i.then=="function"}var Xe=class{constructor(o,r){this._notifier=new $i;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),Ue(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]);Ue(r)!==Ue(o)&&this._notifier.notify("status",Ue(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);Li(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 Ue(i){if(i.error)return"error";if(i.warning)return"warning";if(i.success)return"success"}var Xo=class{constructor(){this.fields=new Map}setField(o,r,e){let n=this.fields.get(o);return n?n.configure(r,e):(n=new Xe(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)Mi(o,r,e._value);return o}_dispose(){for(let o of this.fields.values())o._dispose();this.fields.clear()}};function Mi(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}export{Xe as FieldState,Xo as FormState,Wi as abbreviation,Ea as alert,Oa as avatar,$a as badge,bl as blockquote,Da as breadcrumb,Wa as breadcrumbEllipsis,vl as button,ku as buttonSwitch,Gi as card,Ml as code,il as combobox,na as command,aa as commandItem,ia as commandSearch,Ul as descriptionList,Al as details,es as dialog,$d as divider,Rd as drawer,ls as emphasis,Hh as field,ps as figure,Rh as form,Ss as formGroup,Ps as heading,$s as horizontalRule,Ks as icon,Bs as image,Ol as inputCheckbox,Js as inputColor,nc as inputDateTime,uc as inputFile,Hc as inputNumber,ya as inputOTP,Fm as inputRadio,zc as inputRange,yc as inputSearch,Cu as inputSwitch,Tc as inputText,qc as keyboard,Zc as label,im as link,dm as mark,Ih as menu,$h as menuItem,Ed as orderedList,wd as pagination,Cm as paragraph,jd as popover,Xt as popoverArrow,wm as preformated,Lm as progress,jm as select,hu as selectBox,lu as selectItem,ru as selectList,Gm as skeleton,Vu as small,Qm as spinner,Qi as splitter,ea as splitterHandle,Zi as splitterPanel,Du as strong,Ku as subscript,Qu as superscript,yh as tab,xh as tabPanel,od as table,ph as tabs,Ne as tag,cd as textarea,Gd as toast,ma as toggle,fa as toggleGroup,nh as tooltip,sh as transitionGroup,gd as unorderedList};
 //# sourceMappingURL=index.js.map