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