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