@domphy/ui 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/core-theme-ui.global.js +3 -3
  2. package/dist/core-theme-ui.global.js.map +1 -1
  3. package/dist/index.cjs +1 -1
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/index.js.map +1 -1
  7. package/package.json +46 -46
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Ro=Object.defineProperty,Lo=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?Ro(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)=>Lo(n,Do(o));import{themeColor as fe,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=>fe(e),color:e=>fe(e,"shift-10",o),textDecorationLine:"underline",textDecorationStyle:"dotted",textDecorationColor:e=>fe(e,"shift-7",o),textUnderlineOffset:Fo(.72),cursor:"help","&:hover":{color:e=>fe(e,"shift-11",t),textDecorationColor:e=>fe(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 Rt,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=>Rt(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=>Rt(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=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-6",t),color:e=>Q(e,"shift-11",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 Lt,themeSize as Go}from"@domphy/theme";function fi(n={}){var e;let{multiple:o=!1,color:t="neutral"}=n;return{role:"group",dataTone:"shift-2",_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=>Lt(r,"inherit",t),outline:r=>`1px solid ${Lt(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 ge,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=>ge(e,"shift-9",o),backgroundColor:e=>ge(e,"inherit",o),"& > *":{display:"inline-flex",alignItems:"center",color:e=>ge(e,"shift-8",o)},"& > *:not(:last-child)::after":{content:`"${t}"`,color:e=>ge(e,"shift-4",o),paddingInlineStart:Vt(1)},"& > [aria-current=page]":{color:e=>ge(e,"shift-10",o),pointerEvents:"none"}}}}import{themeColor as Me,themeSize as er,themeSpacing as Ne}from"@domphy/theme";function Li(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 be,themeDensity as et,themeSize as Kt}from"@domphy/theme";import{themeColor as Re,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 Le(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=>Re(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=>Re(e,"inherit",o),color:e=>Re(e,"shift-9",o),border:"none",outlineOffset:"-1px",outline:e=>`1px solid ${Re(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=>be(h,"shift-9",e),backgroundColor:h=>be(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,$:[Le({color:e,removable:!0})],_key:U.value,_onRemove:Ue=>{let pe=s.get(),_t=(Array.isArray(pe)?pe:[pe]).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 ${be(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=>be(h,"shift-9",e),backgroundColor:h=>be(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 ye,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(ye(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(ye(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(ye(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(ye(r)*1),paddingBottom:r=>v(ye(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 R,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=>R(ee(r)*3),paddingBlock:r=>R(ee(r)*3),border:"none",borderRadius:r=>R(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:R(4),rowGap:R(3),alignItems:"start","& > legend":{gridColumn:"1 / -1",margin:0,fontSize:r=>lt(r,"inherit"),fontWeight:600,paddingBlock:r=>R(ee(r)*1),borderRadius:r=>R(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":R(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(${R(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 ro,themeSize as wr}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=>wr(t),backgroundColor:t=>ro(t),color:t=>ro(t,"shift-9",o)}}}import{themeColor as no,themeDensity as te,themeSpacing as oe,themeSize as Ir}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=>Ir(e,"inherit"),paddingBlock:e=>oe(te(e)*1),paddingInline:e=>oe(te(e)*1),blockSize:e=>oe(6+te(e)*2),inlineSize:e=>oe(6+te(e)*2),backgroundColor:"transparent","&::-webkit-color-swatch-wrapper":{margin:0,padding:0},"&::-webkit-color-swatch":{borderRadius:e=>oe(te(e)*1)},"&::-moz-color-swatch":{borderRadius:e=>oe(te(e)*1)},"&:hover:not([disabled]), &:focus-visible":{},"&[disabled]":{opacity:.7,cursor:"not-allowed",backgroundColor:e=>no(e,"shift-2","neutral"),outline:e=>`1px solid ${no(e,"shift-4","neutral")}`}}}}import{themeColor as F,themeDensity as at,themeSpacing as Ce,themeSize as _r}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=>_r(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 zr}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=>zr(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 $r}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=>$r(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 Mr}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(32),paddingInline:e=>A(ct(e)*3),paddingBlock:e=>A(ct(e)*1),borderRadius:e=>A(ct(e)*1),fontSize:e=>Mr(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 Nr}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(32),paddingInline:e=>xe(dt(e)*3),paddingBlock:e=>xe(dt(e)*1),borderRadius:e=>xe(dt(e)*1),fontSize:e=>Nr(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 Lr,themeSpacing as Dr}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:Dr(2),fontSize:e=>Lr(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 re,themeSize as Hr,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=>Hr(e,"inherit"),backgroundColor:e=>re(e),color:e=>re(e,"shift-9",o),textDecoration:"none","&:visited":{color:e=>re(e,"shift-9",t)},"&:hover:not([disabled])":{color:e=>re(e,"shift-10",o),textDecoration:"underline"},"&:focus-visible":{borderRadius:ft(1),outlineOffset:ft(1),outline:e=>`${ft(.5)} solid ${re(e,"shift-6",t)}`},"&[disabled]":{opacity:.7,cursor:"not-allowed",color:e=>re(e,"shift-8","neutral")}}}}import{themeSpacing as gt,themeSize as Or,themeColor as io}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=>Or(t,"inherit"),color:t=>io(t,"shift-9",o),backgroundColor:t=>io(t,"inherit",o),height:gt(6),borderRadius:gt(1),paddingInline:gt(1.5)}}}import{themeColor as Br,themeSize as Fr}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=>Fr(t,"inherit"),color:t=>Br(t,"shift-9",o),lineHeight:1.5,marginTop:0,marginBottom:0}}}import{themeColor as lo,themeDensity as bt,themeSpacing as yt,themeSize as Vr}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=>Vr(t,"inherit"),color:t=>lo(t,"shift-9",o),backgroundColor:t=>lo(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 Ar,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=>Ar(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 Wr,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=>Wr(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 Kr}from"@domphy/core";import{themeColor as ao,themeSize as jr,themeSpacing as so}from"@domphy/theme";function hs(n={}){let{color:o="neutral"}=n,t={"0%,100%":{opacity:1},"50%":{opacity:.4}},e=Kr(JSON.stringify(t));return{ariaHidden:"true",dataTone:"shift-2",style:{fontSize:r=>jr(r),color:r=>ao(r,"shift-9",o),height:so(6),display:"block",borderRadius:so(1),backgroundColor:r=>ao(r,"inherit",o),animation:`${e} 1.5s ease-in-out infinite`,[`@keyframes ${e}`]:t}}}import{hashString as qr}from"@domphy/core";import{themeColor as Ae,themeSize as Yr,themeSpacing as Ct}from"@domphy/theme";var co={to:{transform:"rotate(360deg)"}},mo=qr(JSON.stringify(co));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=>Yr(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:`${mo} 0.7s linear infinite`,[`@keyframes ${mo}`]:co}}}import{toState as Gr}from"@domphy/core";import{themeColor as Ur,themeDensity as uo,themeSize as Xr,themeSpacing as ho}from"@domphy/theme";function Ss(n={}){var s;let{color:o="neutral",multiple:t=!1}=n,e=Gr((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=>ho(uo(a)*2),paddingInline:a=>ho(uo(a)*2),fontSize:a=>Xr(a,"inherit"),backgroundColor:a=>Ur(a,"inherit",o)}}}import{themeSpacing as We,themeColor as ne,themeDensity as po,themeSize as Jr}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=>Jr(i,"inherit"),height:i=>We(6+po(i)*2),paddingInline:i=>We(po(i)*3),border:"none",outline:"none",color:i=>ne(i,"shift-9",t),backgroundColor:i=>ne(i,"inherit",t),"&:hover:not([disabled]):not([aria-selected=true])":{backgroundColor:i=>ne(i,"shift-2",t)},"&[aria-selected=true]":{backgroundColor:i=>ne(i,"shift-6",o),color:i=>ne(i,"shift-11")},"&:focus-visible":{outline:i=>`${We(.5)} solid ${ne(i,"shift-6",o)}`,outlineOffset:`-${We(.5)}`}}}}import{toState as fo,merge as go}from"@domphy/core";import{themeSpacing as Te,themeColor as vt,themeDensity as xt,themeSize as Qr}from"@domphy/theme";function Ms(n){let{options:o=[],placement:t="bottom",color:e="neutral",open:r=!1,multiple:i=!1}=n,s=fo(n.value),a=fo(r),{show:l,hide:c,anchorPartial:m}=H({open:a,placement:t,content:n.content,onPlacement:n.onPlacement}),d={onClick:()=>!i&&c()};go(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,$:[Le({color:e,removable:i})],_key:y.value,_onRemove:Ie=>{let T=s.get(),Ue=(Array.isArray(T)?T:[T]).filter(pe=>pe!==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=>Qr(p,"inherit"),color:p=>vt(p,"shift-9",e),backgroundColor:p=>vt(p,"inherit",e)}};return go(m,g),m}import{themeColor as St,themeSize as bo,themeSpacing as L}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=>bo(t,"inherit"),appearance:"none",position:"relative",display:"inline-flex",width:L(9),height:L(6),cursor:"pointer",margin:"0",paddingBlock:L(1),"&:checked":{"&::before":{backgroundColor:t=>St(t,"increase-3",o)},"&::after":{left:`calc(100% - ${L(3.5)})`}},"&::after":{content:'""',aspectRatio:"1/1",position:"absolute",width:L(3),height:L(3),borderRadius:L(999),left:L(.5),top:"50%",transform:"translateY(-50%)",transition:"left 0.3s",backgroundColor:t=>St(t,"decrease-3")},"&::before":{content:'""',width:"100%",borderRadius:L(999),display:"inline-block",fontSize:t=>bo(t,"inherit"),lineHeight:1,backgroundColor:t=>St(t)},"&[disabled]":{opacity:.7,cursor:"not-allowed"}}}}import{toState as Zr}from"@domphy/core";import{themeColor as ie,themeSize as en,themeSpacing as k}from"@domphy/theme";function Fs(n={}){let{checked:o=!1,accentColor:t="primary",color:e="neutral"}=n,r=Zr(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=>en(i),border:"none",outlineWidth:"1px",outline:i=>`1px solid ${ie(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=>ie(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=>ie(i,"shift-9"),backgroundColor:i=>ie(i,"decrease-2",e)},"&[aria-checked=true]":{backgroundColor:i=>ie(i,"increase-3",t),outline:"none",color:i=>ie(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 tn,themeSize as on}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=>on(t,"inherit"),color:t=>tn(t,"shift-9",o)}}}import{themeColor as rn,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=>rn(t,"shift-11",o)}}}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 le,themeSpacing as ae,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=>ae(le(t)*3),paddingBlock:t=>ae(le(t)*1),color:t=>I(t,"shift-10",o),backgroundColor:t=>I(t,"inherit")},"& td":{textAlign:"left",paddingInline:t=>ae(le(t)*3),paddingBlock:t=>ae(le(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=>ae(le(t)*3),paddingBlock:t=>ae(le(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 se,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=>se(Et(e)*4),paddingBlock:e=>se(Et(e)*2),border:"none",borderRadius:e=>se(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=>`${se(.5)} solid ${_(e,"shift-5",t)}`},"&:focus-visible":{outline:e=>`${se(.5)} solid ${_(e,"shift-6",t)}`},"&:invalid":{outline:e=>`${se(.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 me,themeDensity as Pe,themeSize as gn,themeSpacing as ce}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=>ce(6+Pe(l)*2),height:l=>ce(6+Pe(l)*2),paddingInline:l=>ce(Pe(l)*2),borderRadius:l=>ce(Pe(l)*1),border:"none",cursor:"pointer",fontSize:l=>gn(l,"inherit"),backgroundColor:"transparent",color:l=>me(l,"shift-9",t),"&:hover:not([disabled])":{backgroundColor:l=>me(l,"shift-2",t)},"&[disabled]":{opacity:.4,cursor:"not-allowed"}},s=Nt(Mt({},i),{backgroundColor:l=>me(l,"shift-6",e),color:l=>me(l,"shift-11",e),fontWeight:"600",cursor:"default","&:hover:not([disabled])":{backgroundColor:l=>me(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=>ce(Pe(p)*2),color:p=>me(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:ce(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 de,themeColor as ue,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=>de(6+Po(r)*2),paddingInline:r=>de(Po(r)*4),border:"none",outline:"none",color:r=>ue(r,"shift-9"),backgroundColor:r=>ue(r,"inherit"),boxShadow:r=>`inset 0 -${de(.5)} 0 0 ${ue(r,"shift-1",t)}`,"&:hover:not([disabled])":{boxShadow:r=>`inset 0 -${de(.5)} 0 0 ${ue(r,"shift-2",t)}`},"&[aria-selected=true]:not([disabled])":{boxShadow:r=>`inset 0 -${de(.5)} 0 0 ${ue(r,"shift-6",o)}`},"&:focus-visible":{boxShadow:r=>`inset 0 -${de(.5)} 0 0 ${ue(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 Rn}from"@domphy/core";import{themeColor as Ln,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:Rn(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=>Ln(e,"inherit",o)}}}import{themeSpacing as qe,themeColor as he,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=>he(r,"shift-9"),backgroundColor:r=>he(r,"inherit"),"&:hover:not([disabled]):not([aria-current=true])":{backgroundColor:r=>he(r,"shift-2")},"&[aria-current=true]":{backgroundColor:r=>he(r,"shift-3",o),color:r=>he(r,"shift-10")},"&:focus-visible":{outline:r=>`${qe(.5)} solid ${he(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,Li 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,Le as tag,mm as textarea,Fm as toast,ci as toggle,fi as toggleGroup,Xm as tooltip,ec as transitionGroup,hm as unorderedList};
1
+ 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};
2
2
  //# sourceMappingURL=index.js.map