@primitiv-ui/web 0.1.55 → 0.1.56

package/dist/primitiv-web.js

@@ -1 +1 @@
-function v(e,t,o){return`${e}-${t}-${o}`}function H({orientation:e,dir:t,homeEnd:o=!1,activate:n=!1}){let s={};if(e==="horizontal"||e==="both"){let l=t==="rtl"?"ArrowLeft":"ArrowRight",d=t==="rtl"?"ArrowRight":"ArrowLeft";s[l]="next",s[d]="prev"}return(e==="vertical"||e==="both")&&(s.ArrowDown="next",s.ArrowUp="prev"),o&&(s.Home="first",s.End="last"),n&&(s.Enter="activate",s[" "]="activate"),s}function L({action:e,navigable:t,currentKey:o}){let n=t.length;if(n===0)return null;switch(e){case"activate":return{target:o};case"first":return{target:t[0]};case"last":return{target:t[n-1]};case void 0:return null;case"next":case"prev":{let s=t.indexOf(o);if(s===-1)return null;let l=e==="next"?1:n-1;return{target:t[(s+l)%n]}}}}function it(e){return e.active??e.values[0]}function R(e,t){return e.disabled.has(t)||e.active===t?null:t}function rt(e,t,o){let n=H({orientation:e.orientation,dir:e.dir,homeEnd:!0,activate:!0})[o],s=L({action:n,navigable:e.values,currentKey:t});if(!s)return null;let l=s.target,d=e.activationMode==="automatic"||n==="activate";return{focus:l,activate:d?R(e,l):null}}function st(e,t){return e.disabled.has(t)?null:e.expanded.includes(t)?e.expanded.filter(o=>o!==t):e.multiple?[...e.expanded,t]:[t]}function lt(e,t,o){let n=H({orientation:e.orientation,dir:e.dir,homeEnd:!0,activate:!0})[o];if(n==="activate")return e.disabled.has(t)?null:{focus:null,toggle:t};let s=e.values.filter(d=>!e.disabled.has(d)),l=L({action:n,navigable:s,currentKey:t});return l&&{focus:l.target,toggle:null}}function K(e){return e.disabled?null:!e.open}function at(e,t){if(t!=="Enter"&&t!==" ")return null;let o=K(e);return o===null?null:{open:o}}var E=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");function ct({key:e,shiftKey:t,active:o,count:n}){if(e!=="Tab")return null;if(n===0)return{focus:null};let s=n-1;return!t&&o===s?{focus:0}:t&&o===0?{focus:s}:null}function dt(e,t){return t.x<e.left||t.x>e.right||t.y<e.top||t.y>e.bottom}function pt(e){return e==="Escape"?{open:!1}:null}function ut({open:e,nativeLightDismiss:t,inTrigger:o,inPopover:n}){return e&&!t&&!o&&!n}var f=class{#t;#e=new Map;#o=null;constructor(t){this.#t=t}registerTrigger(t,o,n={}){this.#e.set(o,{value:t,disabled:n.disabled??!1})}setTriggers(t){this.#e.clear();for(let{value:o,element:n,disabled:s}of t)this.registerTrigger(o,n,{disabled:s})}unregisterTrigger(t){this.#e.delete(t)}connect(){if(this.#o)return;this.#o=new AbortController;let{signal:t}=this.#o;this.#t.addEventListener("click",o=>this.#n(o,this.onTriggerClick),{signal:t}),this.#t.addEventListener("keydown",o=>this.#n(o,this.onTriggerKeydown),{signal:t})}disconnect(){this.#o?.abort(),this.#o=null}ordered(){return[...this.#e].sort(([t],[o])=>t.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)}disabled(){let t=new Set;for(let o of this.#e.values())o.disabled&&t.add(o.value);return t}#n(t,o){for(let[n,s]of this.#e)if(n.contains(t.target))return o.call(this,s,t)}};var x=class extends f{#t;constructor(t,o){super(t),this.#t=o}#e(t){let{expanded:o,multiple:n}=this.#t.state(),s=st({disabled:this.disabled(),expanded:o,multiple:n},t);s!==null&&this.#t.change(s)}onTriggerClick(t){this.#e(t.value)}onTriggerKeydown(t,o){let{expanded:n,multiple:s,orientation:l,dir:d}=this.#t.state(),p=this.ordered(),a=p.map(([,c])=>c.value),i=lt({values:a,disabled:this.disabled(),expanded:n,multiple:s,orientation:l,dir:d},t.value,o.key);i&&(o.preventDefault(),i.toggle!==null&&this.#e(i.toggle),i.focus!==null&&p[a.indexOf(i.focus)][0].focus())}};var u=globalThis.HTMLElement??class{};function r(e,t,o){e.getAttribute(t)!==o&&(o===null?e.removeAttribute(t):e.setAttribute(t,o))}var Mt=new WeakSet;function g(e,t){Mt.has(e)||(Mt.add(e),console.error(t,e))}function b(e,t){if(e)for(let[o,n]of t)e.get(o)||e.define(o,n)}function y(e,t,o){return[...e.querySelectorAll(t)].filter(n=>n.closest(o)===e)}var Ft=0,m=class extends u{#t;#e=new MutationObserver(()=>this.reconcile());connectedCallback(){this.controller.connect(),this.#e.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[...this.reconcileOn]}),this.reconcile()}disconnectedCallback(){this.controller.disconnect(),this.#e.disconnect()}rootId(){return this.id||(this.#t??=`${this.localName}-${++Ft}`)}direction(){return this.matches(":dir(rtl)")?"rtl":"ltr"}parts(t){return y(this,t,this.localName)}announce(t,o){return this.dispatchEvent(new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:o}))}};var Ut="primitiv-accordion",T="primitiv-accordion-item",ht="primitiv-accordion-trigger",Ot="primitiv-accordion-content",wt="primitiv-accordion-trigger-icon";function _t(e){return(e??"").split(/\s+/).filter(Boolean)}function qt(e){return e.childElementCount===1?e.firstElementChild:(g(e,`<${ht}> needs exactly one element child (a <button>) to decorate.`),null)}var P=class extends m{#t=new Set;#e=!1;controller=new x(this,this.#o());reconcileOn=["value","disabled","orientation","force-mount"];get value(){return _t(this.getAttribute("value"))}set value(t){this.setAttribute("value",typeof t=="string"?t:t.join(" "))}#o(){return{state:()=>({expanded:this.value,multiple:this.hasAttribute("multiple"),orientation:this.#n(),dir:this.direction()}),change:t=>{this.announce("primitiv-accordion-change",{value:t})&&(this.value=t)}}}#n(){return this.getAttribute("orientation")==="horizontal"?"horizontal":"vertical"}reconcile(){let t=new Set(this.value),o=this.rootId();r(this,"data-orientation",this.#n());let n=[];for(let s of this.parts(T)){let l=s.getAttribute("value");if(l===null){g(s,`<${T}> needs a value, which pairs it with the root's value.`);continue}let d=t.has(l),p=d?"open":"closed",[a]=y(s,ht,T),[i]=y(s,Ot,T),c=a?qt(a):null;if(c){let h=a.hasAttribute("disabled");n.push({value:l,element:c,disabled:h}),c.id||(c.id=v(o,"heading",l)),r(c,"aria-expanded",String(d)),r(c,"aria-disabled",String(h)),r(c,"data-disabled",String(h)),r(c,"data-state",p)}if(i){i.id||(i.id=v(o,"panel",l));let h=i.hasAttribute("force-mount");i.hasAttribute("role")||i.setAttribute("role","region"),r(i,"aria-labelledby",c?c.id:null),r(i,"hidden",d||h?null:""),r(i,"aria-hidden",d?null:"true"),r(i,"data-state",p),this.#e&&d&&!this.#t.has(l)&&i.dispatchEvent(new CustomEvent("primitiv-accordion-show",{bubbles:!0}))}c&&r(c,"aria-controls",i?i.id:null);for(let h of y(s,wt,T))r(h,"aria-hidden","true"),r(h,"data-state",p)}this.controller.setTriggers(n),this.#t=t,this.#e=!0}},S=class extends u{},k=class extends u{},D=class extends u{},I=class extends u{};function gt(e=globalThis.customElements){b(e,[[Ut,P],[T,S],[ht,k],[Ot,D],[wt,I]])}var C=class extends f{#t;constructor(t,o){super(t),this.#t=o}onTriggerClick(t){let o=K({open:this.#t.state().open,disabled:t.disabled});o!==null&&this.#t.change(o)}onTriggerKeydown(t,o){let n=at({open:this.#t.state().open,disabled:t.disabled},o.key);n&&(o.preventDefault(),this.#t.change(n.open))}};var jt="primitiv-collapsible",mt="primitiv-collapsible-trigger",Ht="primitiv-collapsible-content",Lt="primitiv-collapsible-trigger-icon",Wt="--primitiv-collapsible-collapsed-height";function Vt(e){return e.childElementCount===1?e.firstElementChild:(g(e,`<${mt}> needs exactly one element child (a <button>) to decorate.`),null)}function Xt(e){return Number.isNaN(Number(e))?e:`${e}px`}function Yt(e,t,o){e.style.getPropertyValue(t)!==o&&(e.style.setProperty(t,o),e.getAttribute("style")===""&&e.removeAttribute("style"))}var N=class extends m{#t;controller=new C(this,this.#e());reconcileOn=["open","disabled","force-mount","collapsed-height"];get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",t)}#e(){return{state:()=>({open:this.open}),change:t=>{this.announce("primitiv-collapsible-change",{open:t})&&(this.open=t)}}}reconcile(){let t=this.open,o=t?"open":"closed",n=this.hasAttribute("disabled"),s=this.rootId();r(this,"data-state",o),r(this,"data-disabled",String(n));let[l]=this.parts(mt),[d]=this.parts(Ht),p=l?Vt(l):null;if(p&&(p.id||(p.id=`${s}-trigger`),r(p,"aria-expanded",String(t)),r(p,"aria-disabled",n?"true":null),r(p,"data-disabled",String(n)),r(p,"data-state",o)),d){d.id||(d.id=`${s}-content`);let a=d.getAttribute("collapsed-height"),i=a!==null,c=i||d.hasAttribute("force-mount");r(d,"hidden",t||c?null:""),r(d,"aria-hidden",t||i?null:"true"),r(d,"data-state",o),r(d,"data-disabled",String(n)),r(d,"data-clamped",i?"true":null),Yt(d,Wt,i?Xt(a):""),t&&this.#t===!1&&d.dispatchEvent(new CustomEvent("primitiv-collapsible-show",{bubbles:!0}))}p&&r(p,"aria-controls",d?d.id:null);for(let a of this.parts(Lt))r(a,"aria-hidden","true"),r(a,"data-state",o);this.controller.setTriggers(p?[{value:"trigger",element:p,disabled:n}]:[]),this.#t=t}},$=class extends u{},B=class extends u{},G=class extends u{};function bt(e=globalThis.customElements){b(e,[[jt,N],[mt,$],[Ht,B],[Lt,G]])}var A=class{#t;#e;#o=null;constructor(t,o){this.#t=t,this.#e=o}connect(){if(this.#o)return;this.#o=new AbortController;let{signal:t}=this.#o,o=this.#t;o.addEventListener("close",()=>this.#e.change(!1),{signal:t}),o.addEventListener("cancel",n=>this.#n(n),{signal:t}),o.addEventListener("pointerdown",n=>this.#i(n),{signal:t}),o.addEventListener("keydown",n=>this.#r(n),{signal:t})}disconnect(){this.#o?.abort(),this.#o=null}sync(){let{open:t}=this.#e.state();t&&!this.#t.open?this.#t.showModal():!t&&this.#t.open&&this.#t.close()}#n(t){this.#e.escapeKeyDown?.(t);let o=t.defaultPrevented;t.preventDefault(),o||this.#e.change(!1)}#i(t){let o={x:t.clientX,y:t.clientY};dt(this.#t.getBoundingClientRect(),o)&&(this.#e.pointerDownOutside?.(t),t.defaultPrevented||this.#e.change(!1))}#r(t){if(!this.#t.open)return;let o=[...this.#t.querySelectorAll(E)],n=ct({key:t.key,shiftKey:t.shiftKey,active:o.indexOf(document.activeElement),count:o.length});n&&(t.preventDefault(),n.focus!==null&&o[n.focus].focus())}};var Jt="primitiv-modal",Rt="primitiv-modal-trigger",vt="primitiv-modal-content",Kt="primitiv-modal-title",Pt="primitiv-modal-description",St="primitiv-modal-close";function ft(e,t){return e.childElementCount===1?e.firstElementChild:(g(e,`<${e.localName}> needs exactly one element child (${t}) to decorate.`),null)}function Qt(e){let t=e.firstElementChild;return e.childElementCount===1&&t instanceof HTMLDialogElement?t:(g(e,`<${vt}> needs exactly one <dialog> child to decorate.`),null)}var z=class extends m{#t=null;#e=null;#o=[];#n=[];#i=null;controller={connect:()=>this.#l(),disconnect:()=>this.#c()};reconcileOn=["open"];get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",t)}#r(){return{state:()=>({open:this.open}),change:t=>this.#s(t)}}#s(t){t!==this.open&&(this.announce("primitiv-modal-change",{open:t})?this.open=t:this.#e?.sync())}#l(){this.#i=new AbortController,this.addEventListener("click",t=>this.#d(t),{signal:this.#i.signal}),this.#e?.connect()}#c(){this.#i.abort(),this.#i=null,this.#e?.disconnect(),this.#t&&r(this.#t,"open",null)}#d(t){let o=t.target;this.#o.some(n=>n.contains(o))?this.#s(!0):this.#n.some(n=>n.contains(o))&&this.#s(!1)}#p(t){t!==this.#t&&(this.#e?.disconnect(),t&&r(t,"open",null),this.#t=t,this.#e=t?new A(t,this.#r()):null,this.#e?.connect())}reconcile(){let t=this.open,o=t?"open":"closed",n=this.rootId();r(this,"data-state",o);let[s]=this.parts(vt),l=s?Qt(s):null,[d]=this.parts(Kt),p=d?ft(d,"a heading"):null,[a]=this.parts(Pt),i=a?ft(a,"a <p>"):null;p&&!p.id&&(p.id=`${n}-title`),i&&!i.id&&(i.id=`${n}-description`),l&&(l.id||(l.id=`${n}-content`),r(l,"data-state",o),r(l,"aria-labelledby",p?p.id:null),r(l,"aria-describedby",i?i.id:null)),this.#o=this.#a(Rt);for(let c of this.#o)r(c,"aria-haspopup","dialog"),r(c,"aria-expanded",String(t)),r(c,"aria-controls",l?l.id:null);this.#n=this.#a(St),this.#p(l),this.#e?.sync()}#a(t){return this.parts(t).flatMap(o=>ft(o,"a <button>")??[])}},F=class extends u{},U=class extends u{},_=class extends u{},q=class extends u{},j=class extends u{};function yt(e=globalThis.customElements){b(e,[[Jt,z],[Rt,F],[vt,U],[Kt,_],[Pt,q],[St,j]])}var M=class{#t;#e;#o=null;#n=!1;constructor(t,o){this.#t=t,this.#e=o}connect(){if(this.#o)return;this.#o=new AbortController;let{signal:t}=this.#o;this.#t.addEventListener("toggle",o=>this.#i(o),{signal:t}),this.#t.addEventListener("keydown",o=>this.#r(o),{signal:t}),document.addEventListener("click",o=>this.#s(o),{signal:t})}disconnect(){this.#o?.abort(),this.#o=null,this.#n=!1}sync(){let{open:t}=this.#e.state();if(t&&!this.#n){this.#n=!0;let o=this.#e.source?.();o?this.#t.showPopover({source:o}):this.#t.showPopover(),(this.#t.querySelector(E)??this.#t).focus()}else if(!t&&this.#n){this.#n=!1;try{this.#t.hidePopover()}catch{}}}#i(t){t.newState==="closed"&&(this.#n=!1,this.#e.change(!1))}#r(t){t.defaultPrevented||!pt(t.key)||(t.preventDefault(),this.#e.change(!1),this.#e.trigger()?.focus())}#s(t){let o=t.target;ut({open:this.#e.state().open,nativeLightDismiss:"popover"in HTMLElement.prototype,inTrigger:this.#e.trigger()?.contains(o)??!1,inPopover:o.closest("[popover]")!==null})&&this.#e.change(!1)}};var Zt="primitiv-popover",kt="primitiv-popover-trigger",Dt="primitiv-popover-anchor",It="primitiv-popover-content",Nt="primitiv-popover-title",$t="primitiv-popover-description",Bt="primitiv-popover-close";function O(e,t){return e.childElementCount===1?e.firstElementChild:(g(e,`<${e.localName}> needs exactly one element child (${t}) to decorate.`),null)}var W=class extends m{#t=null;#e=null;#o=null;#n=null;#i=[];#r=null;controller={connect:()=>this.#c(),disconnect:()=>this.#d()};reconcileOn=["open"];get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",t)}#s(){return{state:()=>({open:this.open}),change:t=>this.#l(t),trigger:()=>this.#o,source:()=>this.#n??this.#o}}#l(t){t!==this.open&&(this.announce("primitiv-popover-change",{open:t})?this.open=t:queueMicrotask(()=>this.#e?.sync()))}#c(){this.#r=new AbortController,this.addEventListener("click",t=>this.#p(t),{signal:this.#r.signal}),this.#e?.connect()}#d(){this.#r.abort(),this.#r=null,this.#e?.disconnect()}#p(t){let o=t.target;this.#o?.contains(o)?this.#l(!this.open):this.#i.some(n=>n.contains(o))&&this.#l(!1)}#a(t){t!==this.#t&&(this.#e?.disconnect(),this.#t=t,this.#e=t?new M(t,this.#s()):null,this.#e?.connect())}reconcile(){let t=this.open,o=t?"open":"closed",n=this.rootId();r(this,"data-state",o);let[s=null]=this.parts(It),[l]=this.parts(kt),[d]=this.parts(Dt),[p]=this.parts(Nt),[a]=this.parts($t);this.#o=l?O(l,"a <button>"):null,this.#n=d?O(d,"the element to anchor to"):null;let i=p?O(p,"a heading"):null,c=a?O(a,"a <p>"):null;i&&!i.id&&(i.id=`${n}-title`),c&&!c.id&&(c.id=`${n}-description`),s&&(s.id||(s.id=`${n}-content`),r(s,"role","dialog"),s.hasAttribute("popover")||s.setAttribute("popover","auto"),r(s,"tabindex","-1"),r(s,"data-state",o),r(s,"aria-labelledby",i?i.id:null),r(s,"aria-describedby",c?c.id:null)),this.#o&&(r(this.#o,"aria-haspopup","dialog"),r(this.#o,"aria-expanded",String(t)),r(this.#o,"aria-controls",s?s.id:null)),this.#i=this.parts(Bt).flatMap(h=>O(h,"a <button>")??[]),this.#a(s),this.#e?.sync()}},V=class extends u{},X=class extends u{},Y=class extends u{},J=class extends u{},Q=class extends u{},Z=class extends u{};function Tt(e=globalThis.customElements){b(e,[[Zt,W],[kt,V],[Dt,X],[It,Y],[Nt,J],[$t,Q],[Bt,Z]])}var w=class extends f{#t;constructor(t,o){super(t),this.#t=o}onTriggerClick(t){let{active:o}=this.#t.state(),n=R({disabled:this.disabled(),active:o},t.value);if(n!==null){let s=this.ordered().map(([,l])=>l.value);this.#t.activate(n,s.indexOf(n))}}onTriggerKeydown(t,o){let{active:n,orientation:s,dir:l,activationMode:d}=this.#t.state(),p=this.ordered(),a=p.map(([,c])=>c.value),i=rt({values:a,disabled:this.disabled(),active:n,orientation:s,dir:l,activationMode:d},t.value,o.key);i&&(o.preventDefault(),i.activate!==null&&this.#t.activate(i.activate,a.indexOf(i.activate)),p[a.indexOf(i.focus)][0].focus())}};var te="primitiv-tabs",Gt="primitiv-tabs-list",Et="primitiv-tabs-trigger",zt="primitiv-tabs-content";function ee(e){let t=e.getAttribute("value");return e.childElementCount===1&&t!==null?{tab:e.firstElementChild,value:t}:(g(e,`<${Et}> needs a value and exactly one element child (a <button>, an <a href> or a router link) to decorate.`),null)}var tt=class extends m{#t;#e=!1;controller=new w(this,this.#o());reconcileOn=["value","disabled","label","orientation"];get value(){return this.getAttribute("value")??void 0}set value(t){this.setAttribute("value",t)}#o(){return{state:()=>({active:this.value,orientation:this.#i(),dir:this.direction(),activationMode:this.#n()}),activate:(t,o)=>{this.announce("primitiv-tabs-change",{value:t,index:o})&&(this.value=t)}}}#n(){let t=this.getAttribute("activation-mode");return t==="manual"?t:"automatic"}#i(){return this.getAttribute("orientation")==="vertical"?"vertical":"horizontal"}reconcile(){let t=this.#i(),o=this.value,n=this.rootId();r(this,"data-orientation",t);for(let a of this.parts(Gt)){r(a,"role","tablist"),r(a,"aria-orientation",t),r(a,"data-orientation",t);let i=a.getAttribute("label");i!==null&&r(a,"aria-label",i)}let s=new Map;for(let a of this.parts(zt)){let i=a.getAttribute("value");i!==null&&s.set(i,a)}let l=this.parts(Et).flatMap(a=>{let i=ee(a);return i?[{trigger:a,...i}]:[]}),d=it({values:l.map(a=>a.value),active:o});this.controller.setTriggers(l.map(({trigger:a,tab:i,value:c})=>({value:c,element:i,disabled:a.hasAttribute("disabled")})));for(let{trigger:a,tab:i,value:c}of l){let h=s.get(c),Ct=c===o,At=a.hasAttribute("disabled");i.id||(i.id=v(n,"trigger",c)),h&&!h.id&&(h.id=v(n,"panel",c)),r(i,"role","tab"),r(i,"aria-selected",String(Ct)),r(i,"aria-controls",h?h.id:null),r(i,"tabindex",c===d?"0":"-1"),r(i,"aria-disabled",At?"true":null),r(i,"data-disabled",At?"":null),r(i,"data-state",Ct?"active":"inactive"),r(i,"data-orientation",t),h&&r(h,"aria-labelledby",i.id)}for(let[a,i]of s){let c=a===o;r(i,"role","tabpanel"),r(i,"tabindex","0"),r(i,"hidden",c?null:""),r(i,"data-state",c?"active":"inactive"),r(i,"data-orientation",t)}let p=s.get(o);this.#e&&o!==this.#t&&p&&p.dispatchEvent(new CustomEvent("primitiv-tabs-show",{bubbles:!0})),this.#t=o,this.#e=!0}},et=class extends u{},ot=class extends u{},nt=class extends u{};function xt(e=globalThis.customElements){b(e,[[te,tt],[Gt,et],[Et,ot],[zt,nt]])}gt();bt();yt();Tt();xt();export{x as AccordionController,C as CollapsibleController,A as ModalController,M as PopoverController,D as PrimitivAccordionContentElement,P as PrimitivAccordionElement,S as PrimitivAccordionItemElement,k as PrimitivAccordionTriggerElement,I as PrimitivAccordionTriggerIconElement,B as PrimitivCollapsibleContentElement,N as PrimitivCollapsibleElement,$ as PrimitivCollapsibleTriggerElement,G as PrimitivCollapsibleTriggerIconElement,j as PrimitivModalCloseElement,U as PrimitivModalContentElement,q as PrimitivModalDescriptionElement,z as PrimitivModalElement,_ as PrimitivModalTitleElement,F as PrimitivModalTriggerElement,X as PrimitivPopoverAnchorElement,Z as PrimitivPopoverCloseElement,Y as PrimitivPopoverContentElement,Q as PrimitivPopoverDescriptionElement,W as PrimitivPopoverElement,J as PrimitivPopoverTitleElement,V as PrimitivPopoverTriggerElement,nt as PrimitivTabsContentElement,tt as PrimitivTabsElement,et as PrimitivTabsListElement,ot as PrimitivTabsTriggerElement,w as TabsController,gt as defineAccordion,bt as defineCollapsible,yt as defineModal,Tt as definePopover,xt as defineTabs};
+function b(e,t,o){return`${e}-${t}-${o}`}function R({orientation:e,dir:t,homeEnd:o=!1,activate:n=!1}){let i={};if(e==="horizontal"||e==="both"){let l=t==="rtl"?"ArrowLeft":"ArrowRight",c=t==="rtl"?"ArrowRight":"ArrowLeft";i[l]="next",i[c]="prev"}return(e==="vertical"||e==="both")&&(i.ArrowDown="next",i.ArrowUp="prev"),o&&(i.Home="first",i.End="last"),n&&(i.Enter="activate",i[" "]="activate"),i}function P({action:e,navigable:t,currentKey:o}){let n=t.length;if(n===0)return null;switch(e){case"activate":return{target:o};case"first":return{target:t[0]};case"last":return{target:t[n-1]};case void 0:return null;case"next":case"prev":{let i=t.indexOf(o);if(i===-1)return null;let l=e==="next"?1:n-1;return{target:t[(i+l)%n]}}}}function pt(e){return e.active??e.values[0]}function K(e,t){return e.disabled.has(t)||e.active===t?null:t}function ut(e,t,o){let n=R({orientation:e.orientation,dir:e.dir,homeEnd:!0,activate:!0})[o],i=P({action:n,navigable:e.values,currentKey:t});if(!i)return null;let l=i.target,c=e.activationMode==="automatic"||n==="activate";return{focus:l,activate:c?K(e,l):null}}function ht(e,t){return e.disabled.has(t)?null:e.expanded.includes(t)?e.expanded.filter(o=>o!==t):e.multiple?[...e.expanded,t]:[t]}function mt(e,t,o){let n=R({orientation:e.orientation,dir:e.dir,homeEnd:!0,activate:!0})[o];if(n==="activate")return e.disabled.has(t)?null:{focus:null,toggle:t};let i=e.values.filter(c=>!e.disabled.has(c)),l=P({action:n,navigable:i,currentKey:t});return l&&{focus:l.target,toggle:null}}function S(e){return e.disabled?null:!e.open}function gt(e,t){if(t!=="Enter"&&t!==" ")return null;let o=S(e);return o===null?null:{open:o}}var x=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");function ft({key:e,shiftKey:t,active:o,count:n}){if(e!=="Tab")return null;if(n===0)return{focus:null};let i=n-1;return!t&&o===i?{focus:0}:t&&o===0?{focus:i}:null}function vt(e,t){return t.x<e.left||t.x>e.right||t.y<e.top||t.y>e.bottom}function bt(e){return e==="Escape"?{open:!1}:null}function yt({open:e,nativeLightDismiss:t,inTrigger:o,inPopover:n}){return e&&!t&&!o&&!n}function Tt({groupOpen:e,delay:t}){return e?0:t}var v=class{#t;#e=new Map;#o=null;constructor(t){this.#t=t}registerTrigger(t,o,n={}){this.#e.set(o,{value:t,disabled:n.disabled??!1})}setTriggers(t){this.#e.clear();for(let{value:o,element:n,disabled:i}of t)this.registerTrigger(o,n,{disabled:i})}unregisterTrigger(t){this.#e.delete(t)}connect(){if(this.#o)return;this.#o=new AbortController;let{signal:t}=this.#o;this.#t.addEventListener("click",o=>this.#n(o,this.onTriggerClick),{signal:t}),this.#t.addEventListener("keydown",o=>this.#n(o,this.onTriggerKeydown),{signal:t})}disconnect(){this.#o?.abort(),this.#o=null}ordered(){return[...this.#e].sort(([t],[o])=>t.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)}disabled(){let t=new Set;for(let o of this.#e.values())o.disabled&&t.add(o.value);return t}#n(t,o){for(let[n,i]of this.#e)if(n.contains(t.target))return o.call(this,i,t)}};var C=class extends v{#t;constructor(t,o){super(t),this.#t=o}#e(t){let{expanded:o,multiple:n}=this.#t.state(),i=ht({disabled:this.disabled(),expanded:o,multiple:n},t);i!==null&&this.#t.change(i)}onTriggerClick(t){this.#e(t.value)}onTriggerKeydown(t,o){let{expanded:n,multiple:i,orientation:l,dir:c}=this.#t.state(),p=this.ordered(),a=p.map(([,d])=>d.value),s=mt({values:a,disabled:this.disabled(),expanded:n,multiple:i,orientation:l,dir:c},t.value,o.key);s&&(o.preventDefault(),s.toggle!==null&&this.#e(s.toggle),s.focus!==null&&p[a.indexOf(s.focus)][0].focus())}};var u=globalThis.HTMLElement??class{};function r(e,t,o){e.getAttribute(t)!==o&&(o===null?e.removeAttribute(t):e.setAttribute(t,o))}var It=new WeakSet;function m(e,t){It.has(e)||(It.add(e),console.error(t,e))}function f(e,t){if(e)for(let[o,n]of t)e.get(o)||e.define(o,n)}function y(e,t,o){return[...e.querySelectorAll(t)].filter(n=>n.closest(o)===e)}var ie=0,g=class extends u{#t;#e=new MutationObserver(()=>this.reconcile());connectedCallback(){this.controller.connect(),this.#e.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[...this.reconcileOn]}),this.reconcile()}disconnectedCallback(){this.controller.disconnect(),this.#e.disconnect()}rootId(){return this.id||(this.#t??=`${this.localName}-${++ie}`)}direction(){return this.matches(":dir(rtl)")?"rtl":"ltr"}parts(t){return y(this,t,this.localName)}announce(t,o){return this.dispatchEvent(new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:o}))}};var re="primitiv-accordion",T="primitiv-accordion-item",Et="primitiv-accordion-trigger",Gt="primitiv-accordion-content",$t="primitiv-accordion-trigger-icon";function se(e){return(e??"").split(/\s+/).filter(Boolean)}function le(e){return e.childElementCount===1?e.firstElementChild:(m(e,`<${Et}> needs exactly one element child (a <button>) to decorate.`),null)}var D=class extends g{#t=new Set;#e=!1;controller=new C(this,this.#o());reconcileOn=["value","disabled","orientation","force-mount"];get value(){return se(this.getAttribute("value"))}set value(t){this.setAttribute("value",typeof t=="string"?t:t.join(" "))}#o(){return{state:()=>({expanded:this.value,multiple:this.hasAttribute("multiple"),orientation:this.#n(),dir:this.direction()}),change:t=>{this.announce("primitiv-accordion-change",{value:t})&&(this.value=t)}}}#n(){return this.getAttribute("orientation")==="horizontal"?"horizontal":"vertical"}reconcile(){let t=new Set(this.value),o=this.rootId();r(this,"data-orientation",this.#n());let n=[];for(let i of this.parts(T)){let l=i.getAttribute("value");if(l===null){m(i,`<${T}> needs a value, which pairs it with the root's value.`);continue}let c=t.has(l),p=c?"open":"closed",[a]=y(i,Et,T),[s]=y(i,Gt,T),d=a?le(a):null;if(d){let h=a.hasAttribute("disabled");n.push({value:l,element:d,disabled:h}),d.id||(d.id=b(o,"heading",l)),r(d,"aria-expanded",String(c)),r(d,"aria-disabled",String(h)),r(d,"data-disabled",String(h)),r(d,"data-state",p)}if(s){s.id||(s.id=b(o,"panel",l));let h=s.hasAttribute("force-mount");s.hasAttribute("role")||s.setAttribute("role","region"),r(s,"aria-labelledby",d?d.id:null),r(s,"hidden",c||h?null:""),r(s,"aria-hidden",c?null:"true"),r(s,"data-state",p),this.#e&&c&&!this.#t.has(l)&&s.dispatchEvent(new CustomEvent("primitiv-accordion-show",{bubbles:!0}))}d&&r(d,"aria-controls",s?s.id:null);for(let h of y(i,$t,T))r(h,"aria-hidden","true"),r(h,"data-state",p)}this.controller.setTriggers(n),this.#t=t,this.#e=!0}},N=class extends u{},k=class extends u{},I=class extends u{},G=class extends u{};function xt(e=globalThis.customElements){f(e,[[re,D],[T,N],[Et,k],[Gt,I],[$t,G]])}var A=class extends v{#t;constructor(t,o){super(t),this.#t=o}onTriggerClick(t){let o=S({open:this.#t.state().open,disabled:t.disabled});o!==null&&this.#t.change(o)}onTriggerKeydown(t,o){let n=gt({open:this.#t.state().open,disabled:t.disabled},o.key);n&&(o.preventDefault(),this.#t.change(n.open))}};var ae="primitiv-collapsible",Ct="primitiv-collapsible-trigger",Bt="primitiv-collapsible-content",_t="primitiv-collapsible-trigger-icon",de="--primitiv-collapsible-collapsed-height";function ce(e){return e.childElementCount===1?e.firstElementChild:(m(e,`<${Ct}> needs exactly one element child (a <button>) to decorate.`),null)}function pe(e){return Number.isNaN(Number(e))?e:`${e}px`}function ue(e,t,o){e.style.getPropertyValue(t)!==o&&(e.style.setProperty(t,o),e.getAttribute("style")===""&&e.removeAttribute("style"))}var $=class extends g{#t;controller=new A(this,this.#e());reconcileOn=["open","disabled","force-mount","collapsed-height"];get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",t)}#e(){return{state:()=>({open:this.open}),change:t=>{this.announce("primitiv-collapsible-change",{open:t})&&(this.open=t)}}}reconcile(){let t=this.open,o=t?"open":"closed",n=this.hasAttribute("disabled"),i=this.rootId();r(this,"data-state",o),r(this,"data-disabled",String(n));let[l]=this.parts(Ct),[c]=this.parts(Bt),p=l?ce(l):null;if(p&&(p.id||(p.id=`${i}-trigger`),r(p,"aria-expanded",String(t)),r(p,"aria-disabled",n?"true":null),r(p,"data-disabled",String(n)),r(p,"data-state",o)),c){c.id||(c.id=`${i}-content`);let a=c.getAttribute("collapsed-height"),s=a!==null,d=s||c.hasAttribute("force-mount");r(c,"hidden",t||d?null:""),r(c,"aria-hidden",t||s?null:"true"),r(c,"data-state",o),r(c,"data-disabled",String(n)),r(c,"data-clamped",s?"true":null),ue(c,de,s?pe(a):""),t&&this.#t===!1&&c.dispatchEvent(new CustomEvent("primitiv-collapsible-show",{bubbles:!0}))}p&&r(p,"aria-controls",c?c.id:null);for(let a of this.parts(_t))r(a,"aria-hidden","true"),r(a,"data-state",o);this.controller.setTriggers(p?[{value:"trigger",element:p,disabled:n}]:[]),this.#t=t}},B=class extends u{},_=class extends u{},F=class extends u{};function At(e=globalThis.customElements){f(e,[[ae,$],[Ct,B],[Bt,_],[_t,F]])}var w=class{#t;#e;#o=null;constructor(t,o){this.#t=t,this.#e=o}connect(){if(this.#o)return;this.#o=new AbortController;let{signal:t}=this.#o,o=this.#t;o.addEventListener("close",()=>this.#e.change(!1),{signal:t}),o.addEventListener("cancel",n=>this.#n(n),{signal:t}),o.addEventListener("pointerdown",n=>this.#i(n),{signal:t}),o.addEventListener("keydown",n=>this.#r(n),{signal:t})}disconnect(){this.#o?.abort(),this.#o=null}sync(){let{open:t}=this.#e.state();t&&!this.#t.open?this.#t.showModal():!t&&this.#t.open&&this.#t.close()}#n(t){this.#e.escapeKeyDown?.(t);let o=t.defaultPrevented;t.preventDefault(),o||this.#e.change(!1)}#i(t){let o={x:t.clientX,y:t.clientY};vt(this.#t.getBoundingClientRect(),o)&&(this.#e.pointerDownOutside?.(t),t.defaultPrevented||this.#e.change(!1))}#r(t){if(!this.#t.open)return;let o=[...this.#t.querySelectorAll(x)],n=ft({key:t.key,shiftKey:t.shiftKey,active:o.indexOf(document.activeElement),count:o.length});n&&(t.preventDefault(),n.focus!==null&&o[n.focus].focus())}};var he="primitiv-modal",Ft="primitiv-modal-trigger",Mt="primitiv-modal-content",Ut="primitiv-modal-title",zt="primitiv-modal-description",qt="primitiv-modal-close";function wt(e,t){return e.childElementCount===1?e.firstElementChild:(m(e,`<${e.localName}> needs exactly one element child (${t}) to decorate.`),null)}function me(e){let t=e.firstElementChild;return e.childElementCount===1&&t instanceof HTMLDialogElement?t:(m(e,`<${Mt}> needs exactly one <dialog> child to decorate.`),null)}var U=class extends g{#t=null;#e=null;#o=[];#n=[];#i=null;controller={connect:()=>this.#l(),disconnect:()=>this.#a()};reconcileOn=["open"];get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",t)}#r(){return{state:()=>({open:this.open}),change:t=>this.#s(t)}}#s(t){t!==this.open&&(this.announce("primitiv-modal-change",{open:t})?this.open=t:this.#e?.sync())}#l(){this.#i=new AbortController,this.addEventListener("click",t=>this.#c(t),{signal:this.#i.signal}),this.#e?.connect()}#a(){this.#i.abort(),this.#i=null,this.#e?.disconnect(),this.#t&&r(this.#t,"open",null)}#c(t){let o=t.target;this.#o.some(n=>n.contains(o))?this.#s(!0):this.#n.some(n=>n.contains(o))&&this.#s(!1)}#p(t){t!==this.#t&&(this.#e?.disconnect(),t&&r(t,"open",null),this.#t=t,this.#e=t?new w(t,this.#r()):null,this.#e?.connect())}reconcile(){let t=this.open,o=t?"open":"closed",n=this.rootId();r(this,"data-state",o);let[i]=this.parts(Mt),l=i?me(i):null,[c]=this.parts(Ut),p=c?wt(c,"a heading"):null,[a]=this.parts(zt),s=a?wt(a,"a <p>"):null;p&&!p.id&&(p.id=`${n}-title`),s&&!s.id&&(s.id=`${n}-description`),l&&(l.id||(l.id=`${n}-content`),r(l,"data-state",o),r(l,"aria-labelledby",p?p.id:null),r(l,"aria-describedby",s?s.id:null)),this.#o=this.#d(Ft);for(let d of this.#o)r(d,"aria-haspopup","dialog"),r(d,"aria-expanded",String(t)),r(d,"aria-controls",l?l.id:null);this.#n=this.#d(qt),this.#p(l),this.#e?.sync()}#d(t){return this.parts(t).flatMap(o=>wt(o,"a <button>")??[])}},z=class extends u{},q=class extends u{},W=class extends u{},Y=class extends u{},j=class extends u{};function Ot(e=globalThis.customElements){f(e,[[he,U],[Ft,z],[Mt,q],[Ut,W],[zt,Y],[qt,j]])}var M=class{#t;#e;#o=null;#n=!1;constructor(t,o){this.#t=t,this.#e=o}connect(){if(this.#o)return;this.#o=new AbortController;let{signal:t}=this.#o;this.#t.addEventListener("toggle",o=>this.#i(o),{signal:t}),this.#t.addEventListener("keydown",o=>this.#r(o),{signal:t}),document.addEventListener("click",o=>this.#s(o),{signal:t})}disconnect(){this.#o?.abort(),this.#o=null,this.#n=!1}sync(){let{open:t}=this.#e.state();if(t&&!this.#n){this.#n=!0;let o=this.#e.source?.();o?this.#t.showPopover({source:o}):this.#t.showPopover(),(this.#t.querySelector(x)??this.#t).focus()}else if(!t&&this.#n){this.#n=!1;try{this.#t.hidePopover()}catch{}}}#i(t){t.newState==="closed"&&(this.#n=!1,this.#e.change(!1))}#r(t){t.defaultPrevented||!bt(t.key)||(t.preventDefault(),this.#e.change(!1),this.#e.trigger()?.focus())}#s(t){let o=t.target;yt({open:this.#e.state().open,nativeLightDismiss:"popover"in HTMLElement.prototype,inTrigger:this.#e.trigger()?.contains(o)??!1,inPopover:o.closest("[popover]")!==null})&&this.#e.change(!1)}};var ge="primitiv-popover",Wt="primitiv-popover-trigger",Yt="primitiv-popover-anchor",jt="primitiv-popover-content",Vt="primitiv-popover-title",Xt="primitiv-popover-description",Jt="primitiv-popover-close";function O(e,t){return e.childElementCount===1?e.firstElementChild:(m(e,`<${e.localName}> needs exactly one element child (${t}) to decorate.`),null)}var V=class extends g{#t=null;#e=null;#o=null;#n=null;#i=[];#r=null;controller={connect:()=>this.#a(),disconnect:()=>this.#c()};reconcileOn=["open"];get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",t)}#s(){return{state:()=>({open:this.open}),change:t=>this.#l(t),trigger:()=>this.#o,source:()=>this.#n??this.#o}}#l(t){t!==this.open&&(this.announce("primitiv-popover-change",{open:t})?this.open=t:queueMicrotask(()=>this.#e?.sync()))}#a(){this.#r=new AbortController,this.addEventListener("click",t=>this.#p(t),{signal:this.#r.signal}),this.#e?.connect()}#c(){this.#r.abort(),this.#r=null,this.#e?.disconnect()}#p(t){let o=t.target;this.#o?.contains(o)?this.#l(!this.open):this.#i.some(n=>n.contains(o))&&this.#l(!1)}#d(t){t!==this.#t&&(this.#e?.disconnect(),this.#t=t,this.#e=t?new M(t,this.#s()):null,this.#e?.connect())}reconcile(){let t=this.open,o=t?"open":"closed",n=this.rootId();r(this,"data-state",o);let[i=null]=this.parts(jt),[l]=this.parts(Wt),[c]=this.parts(Yt),[p]=this.parts(Vt),[a]=this.parts(Xt);this.#o=l?O(l,"a <button>"):null,this.#n=c?O(c,"the element to anchor to"):null;let s=p?O(p,"a heading"):null,d=a?O(a,"a <p>"):null;s&&!s.id&&(s.id=`${n}-title`),d&&!d.id&&(d.id=`${n}-description`),i&&(i.id||(i.id=`${n}-content`),r(i,"role","dialog"),i.hasAttribute("popover")||i.setAttribute("popover","auto"),r(i,"tabindex","-1"),r(i,"data-state",o),r(i,"aria-labelledby",s?s.id:null),r(i,"aria-describedby",d?d.id:null)),this.#o&&(r(this.#o,"aria-haspopup","dialog"),r(this.#o,"aria-expanded",String(t)),r(this.#o,"aria-controls",i?i.id:null)),this.#i=this.parts(Jt).flatMap(h=>O(h,"a <button>")??[]),this.#d(i),this.#e?.sync()}},X=class extends u{},J=class extends u{},Q=class extends u{},Z=class extends u{},tt=class extends u{},et=class extends u{};function Lt(e=globalThis.customElements){f(e,[[ge,V],[Wt,X],[Yt,J],[jt,Q],[Vt,Z],[Xt,tt],[Jt,et]])}var L=class extends v{#t;constructor(t,o){super(t),this.#t=o}onTriggerClick(t){let{active:o}=this.#t.state(),n=K({disabled:this.disabled(),active:o},t.value);if(n!==null){let i=this.ordered().map(([,l])=>l.value);this.#t.activate(n,i.indexOf(n))}}onTriggerKeydown(t,o){let{active:n,orientation:i,dir:l,activationMode:c}=this.#t.state(),p=this.ordered(),a=p.map(([,d])=>d.value),s=ut({values:a,disabled:this.disabled(),active:n,orientation:i,dir:l,activationMode:c},t.value,o.key);s&&(o.preventDefault(),s.activate!==null&&this.#t.activate(s.activate,a.indexOf(s.activate)),p[a.indexOf(s.focus)][0].focus())}};var fe="primitiv-tabs",Qt="primitiv-tabs-list",Ht="primitiv-tabs-trigger",Zt="primitiv-tabs-content";function ve(e){let t=e.getAttribute("value");return e.childElementCount===1&&t!==null?{tab:e.firstElementChild,value:t}:(m(e,`<${Ht}> needs a value and exactly one element child (a <button>, an <a href> or a router link) to decorate.`),null)}var ot=class extends g{#t;#e=!1;controller=new L(this,this.#o());reconcileOn=["value","disabled","label","orientation"];get value(){return this.getAttribute("value")??void 0}set value(t){this.setAttribute("value",t)}#o(){return{state:()=>({active:this.value,orientation:this.#i(),dir:this.direction(),activationMode:this.#n()}),activate:(t,o)=>{this.announce("primitiv-tabs-change",{value:t,index:o})&&(this.value=t)}}}#n(){let t=this.getAttribute("activation-mode");return t==="manual"?t:"automatic"}#i(){return this.getAttribute("orientation")==="vertical"?"vertical":"horizontal"}reconcile(){let t=this.#i(),o=this.value,n=this.rootId();r(this,"data-orientation",t);for(let a of this.parts(Qt)){r(a,"role","tablist"),r(a,"aria-orientation",t),r(a,"data-orientation",t);let s=a.getAttribute("label");s!==null&&r(a,"aria-label",s)}let i=new Map;for(let a of this.parts(Zt)){let s=a.getAttribute("value");s!==null&&i.set(s,a)}let l=this.parts(Ht).flatMap(a=>{let s=ve(a);return s?[{trigger:a,...s}]:[]}),c=pt({values:l.map(a=>a.value),active:o});this.controller.setTriggers(l.map(({trigger:a,tab:s,value:d})=>({value:d,element:s,disabled:a.hasAttribute("disabled")})));for(let{trigger:a,tab:s,value:d}of l){let h=i.get(d),Dt=d===o,Nt=a.hasAttribute("disabled");s.id||(s.id=b(n,"trigger",d)),h&&!h.id&&(h.id=b(n,"panel",d)),r(s,"role","tab"),r(s,"aria-selected",String(Dt)),r(s,"aria-controls",h?h.id:null),r(s,"tabindex",d===c?"0":"-1"),r(s,"aria-disabled",Nt?"true":null),r(s,"data-disabled",Nt?"":null),r(s,"data-state",Dt?"active":"inactive"),r(s,"data-orientation",t),h&&r(h,"aria-labelledby",s.id)}for(let[a,s]of i){let d=a===o;r(s,"role","tabpanel"),r(s,"tabindex","0"),r(s,"hidden",d?null:""),r(s,"data-state",d?"active":"inactive"),r(s,"data-orientation",t)}let p=i.get(o);this.#e&&o!==this.#t&&p&&p.dispatchEvent(new CustomEvent("primitiv-tabs-show",{bubbles:!0})),this.#t=o,this.#e=!0}},nt=class extends u{},it=class extends u{},rt=class extends u{};function Rt(e=globalThis.customElements){f(e,[[fe,ot],[Qt,nt],[Ht,it],[Zt,rt]])}var H=class{#t;#e=null;#o=null;#n=t=>this.#l(t);#i=t=>this.#a(t);constructor(t){this.#t=t}openNow(){this.#s(),this.#t.change(!0),this.#t.tooltipGroup().opened()}hoverStart(){let t=Tt({groupOpen:this.#t.tooltipGroup().isOpen(),delay:this.#t.delay()});if(t===0){this.openNow();return}this.#e=setTimeout(()=>{this.openNow(),this.#e=null},t)}closeNow(){this.holdOpen(),this.#t.change(!1),this.#t.tooltipGroup().closed()}hoverEnd(){this.#s(),this.#o=setTimeout(()=>{this.#t.change(!1),this.#t.tooltipGroup().closed(),this.#o=null},100)}holdOpen(){this.#o!==null&&(clearTimeout(this.#o),this.#o=null)}sync(){let{open:t}=this.#t.state();t?(document.addEventListener("keydown",this.#n),document.addEventListener("pointerdown",this.#i)):this.#r()}#r(){document.removeEventListener("keydown",this.#n),document.removeEventListener("pointerdown",this.#i)}disconnect(){this.#s(),this.holdOpen(),this.#r()}#s(){this.#e!==null&&(clearTimeout(this.#e),this.#e=null)}#l(t){t.key==="Escape"&&(this.#t.escapeKeyDown?.(t),t.defaultPrevented||this.closeNow())}#a(t){this.#t.content()?.contains(t.target)||(this.#t.pointerDownOutside?.(t),t.defaultPrevented||this.closeNow())}};var E=class{#t;#e=!1;#o=null;constructor(t){this.#t=t}isOpen(){return this.#e}opened(){this.#o!==null&&(clearTimeout(this.#o),this.#o=null),this.#e=!0}closed(){clearTimeout(this.#o??void 0),this.#o=setTimeout(()=>{this.#e=!1,this.#o=null},this.#t())}dispose(){clearTimeout(this.#o??void 0)}};var be="primitiv-tooltip",ee="primitiv-tooltip-provider",Kt="primitiv-tooltip-trigger",oe="primitiv-tooltip-content",ye="primitiv-tooltip-arrow",te=700,ne=300;function Pt(e,t,o){let n=Number(e.getAttribute(t)??Number.NaN);return Number.isNaN(n)?o:n}var Te=new E(()=>ne),st=class extends u{#t;get group(){return this.#t??=new E(()=>Pt(this,"skip-delay-duration",ne))}},lt=class extends g{#t=null;#e=null;#o=null;#n=null;#i=new H(this.#r());controller={connect:()=>{},disconnect:()=>this.#s()};reconcileOn=["open"];get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",t)}#r(){let t=()=>this.closest(ee);return{state:()=>({open:this.open}),change:o=>{o!==this.open&&this.announce("primitiv-tooltip-change",{open:o})&&(this.open=o)},delay:()=>{let o=t();return Pt(this,"delay-duration",o?Pt(o,"delay-duration",te):te)},tooltipGroup:()=>t()?.group??Te,content:()=>this.#e}}#s(){this.open&&this.#r().tooltipGroup().closed(),this.#n?.abort(),this.#n=null,this.#t=null,this.#e=null,this.#o=null,this.#i.disconnect()}#l(t,o){if(t===this.#t&&o===this.#e)return;this.#n?.abort(),this.#n=new AbortController,this.#t=t,this.#e=o;let n={signal:this.#n.signal},i=this.#i;t?.addEventListener("pointerenter",()=>i.hoverStart(),n),t?.addEventListener("pointerleave",()=>this.hasAttribute("disable-hoverable-content")?i.closeNow():i.hoverEnd(),n),t?.addEventListener("focus",()=>i.openNow(),n),t?.addEventListener("blur",()=>i.closeNow(),n),o?.addEventListener("pointerenter",()=>i.holdOpen(),n),o?.addEventListener("pointerleave",()=>i.closeNow(),n)}reconcile(){let t=this.open,o=t?"open":"closed";r(this,"data-state",o);let[n]=this.parts(Kt),[i=null]=this.parts(oe),l=n?Ee(n):null;i&&(i.id||(i.id=`${this.rootId()}-content`),r(i,"role","tooltip"),i.hasAttribute("popover")||i.setAttribute("popover","manual"),r(i,"data-state",o)),l&&(r(l,"aria-describedby",i?i.id:null),r(l,"data-state",o)),this.#l(l,i),this.#a(t?i:null),this.#i.sync()}#a(t){if(t===this.#o)return;if(this.#o)try{this.#o.hidePopover()}catch{}if(this.#o=t,!t)return;let o=t;this.#t?o.showPopover({source:this.#t}):o.showPopover()}};function Ee(e){return e.childElementCount===1?e.firstElementChild:(m(e,`<${Kt}> needs exactly one element child (a <button>) to decorate.`),null)}var at=class extends u{},dt=class extends u{},ct=class extends u{};function St(e=globalThis.customElements){f(e,[[be,lt],[ee,st],[Kt,at],[oe,dt],[ye,ct]])}xt();At();Ot();Lt();Rt();St();export{C as AccordionController,A as CollapsibleController,w as ModalController,M as PopoverController,I as PrimitivAccordionContentElement,D as PrimitivAccordionElement,N as PrimitivAccordionItemElement,k as PrimitivAccordionTriggerElement,G as PrimitivAccordionTriggerIconElement,_ as PrimitivCollapsibleContentElement,$ as PrimitivCollapsibleElement,B as PrimitivCollapsibleTriggerElement,F as PrimitivCollapsibleTriggerIconElement,j as PrimitivModalCloseElement,q as PrimitivModalContentElement,Y as PrimitivModalDescriptionElement,U as PrimitivModalElement,W as PrimitivModalTitleElement,z as PrimitivModalTriggerElement,J as PrimitivPopoverAnchorElement,et as PrimitivPopoverCloseElement,Q as PrimitivPopoverContentElement,tt as PrimitivPopoverDescriptionElement,V as PrimitivPopoverElement,Z as PrimitivPopoverTitleElement,X as PrimitivPopoverTriggerElement,rt as PrimitivTabsContentElement,ot as PrimitivTabsElement,nt as PrimitivTabsListElement,it as PrimitivTabsTriggerElement,ct as PrimitivTooltipArrowElement,dt as PrimitivTooltipContentElement,lt as PrimitivTooltipElement,st as PrimitivTooltipProviderElement,at as PrimitivTooltipTriggerElement,L as TabsController,H as TooltipController,E as TooltipGroup,xt as defineAccordion,At as defineCollapsible,Ot as defineModal,Lt as definePopover,Rt as defineTabs,St as defineTooltip};

package/dist/tags.d.ts

@@ -17,6 +17,7 @@ import type { PrimitivCollapsibleContentElement, PrimitivCollapsibleElement, Pri
 import type { PrimitivModalCloseElement, PrimitivModalContentElement, PrimitivModalDescriptionElement, PrimitivModalElement, PrimitivModalTitleElement, PrimitivModalTriggerElement } from "./modal/elements.js";
 import type { PrimitivPopoverAnchorElement, PrimitivPopoverCloseElement, PrimitivPopoverContentElement, PrimitivPopoverDescriptionElement, PrimitivPopoverElement, PrimitivPopoverTitleElement, PrimitivPopoverTriggerElement } from "./popover/elements.js";
 import type { PrimitivTabsContentElement, PrimitivTabsElement, PrimitivTabsListElement, PrimitivTabsTriggerElement } from "./tabs/elements.js";
+import type { PrimitivTooltipArrowElement, PrimitivTooltipContentElement, PrimitivTooltipElement, PrimitivTooltipProviderElement, PrimitivTooltipTriggerElement } from "./tooltip/elements.js";
 declare global {
     interface HTMLElementTagNameMap {
         "primitiv-accordion": PrimitivAccordionElement;
@@ -45,6 +46,11 @@ declare global {
         "primitiv-tabs-list": PrimitivTabsListElement;
         "primitiv-tabs-trigger": PrimitivTabsTriggerElement;
         "primitiv-tabs-content": PrimitivTabsContentElement;
+        "primitiv-tooltip": PrimitivTooltipElement;
+        "primitiv-tooltip-provider": PrimitivTooltipProviderElement;
+        "primitiv-tooltip-trigger": PrimitivTooltipTriggerElement;
+        "primitiv-tooltip-content": PrimitivTooltipContentElement;
+        "primitiv-tooltip-arrow": PrimitivTooltipArrowElement;
     }
 }
 export {};

package/dist/tooltip/TooltipController.d.ts

@@ -0,0 +1,66 @@
+import type { TooltipGroup } from "./TooltipGroup.js";
+/**
+ * What a {@link TooltipController} asks of whoever hosts it. The controller
+ * owns behaviour and never owns state (RFC 0033 D28): the custom elements keep
+ * the open state in a reflected `open` attribute, the React adapter keeps it in
+ * React, and each answers these calls from wherever it keeps it.
+ */
+export type TooltipControllerHost = {
+    /** The state the controller cannot see for itself. */
+    state(): {
+        /** Whether the tooltip is open. */
+        open: boolean;
+    };
+    /**
+     * Apply a change: `open` is the state afterwards. A close is reported every
+     * time it is asked for, already closed or not, so the host decides what a
+     * repeat means.
+     */
+    change(open: boolean): void;
+    /** The delay before opening on hover, in milliseconds. */
+    delay(): number;
+    /** The group whose skip-delay window this tooltip shares. */
+    tooltipGroup(): TooltipGroup;
+    /** The tooltip's content, so a press inside it is not a press outside. */
+    content(): HTMLElement | null;
+    /** Escape was pressed while open. Call `preventDefault()` on `event` to keep it open. Optional. */
+    escapeKeyDown?(event: KeyboardEvent): void;
+    /** A pointer went down outside the content while open. Call `preventDefault()` to keep it open. Optional. */
+    pointerDownOutside?(event: PointerEvent): void;
+};
+/**
+ * The behaviour of a tooltip: hover intent and dismissal. Its host wires the
+ * trigger's and the content's own events to the intents below, so the React
+ * adapter keeps composing them with its consumers' handlers as it always has;
+ * the controller owns the timers, and the document-wide Escape and outside
+ * press while open (WAI-ARIA tooltip pattern).
+ *
+ * - {@link TooltipController.hoverStart | `hoverStart`} — open after the
+ *   delay, or at once while the group is in its skip-delay window.
+ * - {@link TooltipController.hoverEnd | `hoverEnd`} — close after a short
+ *   grace period, long enough for the pointer to reach hoverable content.
+ * - {@link TooltipController.holdOpen | `holdOpen`} — the pointer reached the
+ *   content: cancel that grace close.
+ * - {@link TooltipController.openNow | `openNow`} / {@link TooltipController.closeNow | `closeNow`} —
+ *   focus and blur, Escape on the trigger, the pointer leaving the content.
+ * - {@link TooltipController.sync | `sync`} — listen for Escape and outside
+ *   presses while open; a host calls it whenever the state may have changed.
+ */
+export declare class TooltipController {
+    #private;
+    constructor(host: TooltipControllerHost);
+    /** Open now, cancelling a pending hover open. */
+    openNow(): void;
+    /** Open after the delay, or at once while the group is in its skip-delay window. */
+    hoverStart(): void;
+    /** Close now, cancelling a pending grace close. */
+    closeNow(): void;
+    /** Close after the grace period, cancelling a pending hover open. */
+    hoverEnd(): void;
+    /** The pointer reached the content: cancel a pending grace close. */
+    holdOpen(): void;
+    /** Listen for Escape and outside presses while open, and only then. */
+    sync(): void;
+    /** Cancel every timer and stop listening, so nothing outlives the host. */
+    disconnect(): void;
+}

package/dist/tooltip/TooltipController.js

@@ -0,0 +1,115 @@
+import { TOOLTIP_GRACE_MS, tooltipOpenDelay } from "@primitiv-ui/core";
+/**
+ * The behaviour of a tooltip: hover intent and dismissal. Its host wires the
+ * trigger's and the content's own events to the intents below, so the React
+ * adapter keeps composing them with its consumers' handlers as it always has;
+ * the controller owns the timers, and the document-wide Escape and outside
+ * press while open (WAI-ARIA tooltip pattern).
+ *
+ * - {@link TooltipController.hoverStart | `hoverStart`} — open after the
+ *   delay, or at once while the group is in its skip-delay window.
+ * - {@link TooltipController.hoverEnd | `hoverEnd`} — close after a short
+ *   grace period, long enough for the pointer to reach hoverable content.
+ * - {@link TooltipController.holdOpen | `holdOpen`} — the pointer reached the
+ *   content: cancel that grace close.
+ * - {@link TooltipController.openNow | `openNow`} / {@link TooltipController.closeNow | `closeNow`} —
+ *   focus and blur, Escape on the trigger, the pointer leaving the content.
+ * - {@link TooltipController.sync | `sync`} — listen for Escape and outside
+ *   presses while open; a host calls it whenever the state may have changed.
+ */
+export class TooltipController {
+    #host;
+    #opening = null;
+    #grace = null;
+    // The document listeners, added and removed by hand rather than through an
+    // AbortSignal, so a host can see the very handler removed. Adding the same
+    // function twice is a no-op, so syncing open again never stacks them.
+    #onKeydown = (event) => this.#keydown(event);
+    #onPointerdown = (event) => this.#pointerdown(event);
+    constructor(host) {
+        this.#host = host;
+    }
+    /** Open now, cancelling a pending hover open. */
+    openNow() {
+        this.#cancelOpening();
+        this.#host.change(true);
+        this.#host.tooltipGroup().opened();
+    }
+    /** Open after the delay, or at once while the group is in its skip-delay window. */
+    hoverStart() {
+        const delay = tooltipOpenDelay({ groupOpen: this.#host.tooltipGroup().isOpen(), delay: this.#host.delay() });
+        if (delay === 0) {
+            this.openNow();
+            return;
+        }
+        this.#opening = setTimeout(() => {
+            this.openNow();
+            this.#opening = null;
+        }, delay);
+    }
+    /** Close now, cancelling a pending grace close. */
+    closeNow() {
+        this.holdOpen();
+        this.#host.change(false);
+        this.#host.tooltipGroup().closed();
+    }
+    /** Close after the grace period, cancelling a pending hover open. */
+    hoverEnd() {
+        this.#cancelOpening();
+        this.#grace = setTimeout(() => {
+            this.#host.change(false);
+            this.#host.tooltipGroup().closed();
+            this.#grace = null;
+        }, TOOLTIP_GRACE_MS);
+    }
+    /** The pointer reached the content: cancel a pending grace close. */
+    holdOpen() {
+        // Stryker disable next-line ConditionalExpression: equivalent — clearTimeout(null) is a spec'd no-op, so forcing this guard true is harmless when no grace close is pending.
+        if (this.#grace !== null) {
+            clearTimeout(this.#grace);
+            this.#grace = null;
+        }
+    }
+    /** Listen for Escape and outside presses while open, and only then. */
+    sync() {
+        const { open } = this.#host.state();
+        if (open) {
+            document.addEventListener("keydown", this.#onKeydown);
+            document.addEventListener("pointerdown", this.#onPointerdown);
+        }
+        else {
+            this.#stopListening();
+        }
+    }
+    #stopListening() {
+        document.removeEventListener("keydown", this.#onKeydown);
+        document.removeEventListener("pointerdown", this.#onPointerdown);
+    }
+    /** Cancel every timer and stop listening, so nothing outlives the host. */
+    disconnect() {
+        this.#cancelOpening();
+        this.holdOpen();
+        this.#stopListening();
+    }
+    #cancelOpening() {
+        // Stryker disable next-line ConditionalExpression: equivalent — clearTimeout(null) is a spec'd no-op, so forcing this guard true is harmless when no hover open is pending.
+        if (this.#opening !== null) {
+            clearTimeout(this.#opening);
+            this.#opening = null;
+        }
+    }
+    #keydown(event) {
+        if (event.key !== "Escape")
+            return;
+        this.#host.escapeKeyDown?.(event);
+        if (!event.defaultPrevented)
+            this.closeNow();
+    }
+    #pointerdown(event) {
+        if (this.#host.content()?.contains(event.target))
+            return;
+        this.#host.pointerDownOutside?.(event);
+        if (!event.defaultPrevented)
+            this.closeNow();
+    }
+}

package/dist/tooltip/TooltipGroup.d.ts

@@ -0,0 +1,23 @@
+/**
+ * A set of tooltips that share a skip-delay window (React's `Tooltip.Provider`):
+ * once one has opened, the next to be hovered opens at once rather than
+ * waiting its delay, until the group has been quiet for the skip delay. The
+ * React Provider and the custom elements each hold one.
+ */
+export declare class TooltipGroup {
+    #private;
+    /** `skipDelay` is read each time a tooltip closes, so a changed value applies. */
+    constructor(skipDelay: () => number);
+    /** Whether a tooltip in the group is open, or closed within the skip delay. */
+    isOpen(): boolean;
+    /** A tooltip in the group opened: the window is open, and any pending close is off. */
+    opened(): void;
+    /**
+     * A tooltip in the group closed: the window stays open for the skip delay.
+     * A second close restarts it, cancelling the first timer rather than
+     * orphaning it — two closes in a row are routine (Escape, then a blur).
+     */
+    closed(): void;
+    /** Cancel a pending close, so no timer outlives the group's host. */
+    dispose(): void;
+}

package/dist/tooltip/TooltipGroup.js

@@ -0,0 +1,44 @@
+/**
+ * A set of tooltips that share a skip-delay window (React's `Tooltip.Provider`):
+ * once one has opened, the next to be hovered opens at once rather than
+ * waiting its delay, until the group has been quiet for the skip delay. The
+ * React Provider and the custom elements each hold one.
+ */
+export class TooltipGroup {
+    #skipDelay;
+    #open = false;
+    #closing = null;
+    /** `skipDelay` is read each time a tooltip closes, so a changed value applies. */
+    constructor(skipDelay) {
+        this.#skipDelay = skipDelay;
+    }
+    /** Whether a tooltip in the group is open, or closed within the skip delay. */
+    isOpen() {
+        return this.#open;
+    }
+    /** A tooltip in the group opened: the window is open, and any pending close is off. */
+    opened() {
+        // Stryker disable next-line ConditionalExpression: equivalent — clearTimeout(null) is a spec'd no-op, so forcing this guard true is harmless when no close is pending.
+        if (this.#closing !== null) {
+            clearTimeout(this.#closing);
+            this.#closing = null;
+        }
+        this.#open = true;
+    }
+    /**
+     * A tooltip in the group closed: the window stays open for the skip delay.
+     * A second close restarts it, cancelling the first timer rather than
+     * orphaning it — two closes in a row are routine (Escape, then a blur).
+     */
+    closed() {
+        clearTimeout(this.#closing ?? undefined);
+        this.#closing = setTimeout(() => {
+            this.#open = false;
+            this.#closing = null;
+        }, this.#skipDelay());
+    }
+    /** Cancel a pending close, so no timer outlives the group's host. */
+    dispose() {
+        clearTimeout(this.#closing ?? undefined);
+    }
+}

package/dist/tooltip/elements.d.ts

@@ -0,0 +1,83 @@
+import { ElementBase, type ElementRegistry } from "../internal/element.js";
+import { PrimitivRootElement } from "../internal/RootElement.js";
+import { TooltipGroup } from "./TooltipGroup.js";
+export type { ElementRegistry };
+/**
+ * `<primitiv-tooltip-provider>` — optional. The tooltips inside it share one
+ * skip-delay window and its default delay, as inside React's
+ * `Tooltip.Provider`; tooltips outside any provider share a document-wide one.
+ *
+ * @customElement primitiv-tooltip-provider
+ * @attr {number} delay-duration - How long, in milliseconds, a pointer rests on a trigger before its tooltip opens. Default 700. A tooltip's own `delay-duration` overrides it.
+ * @attr {number} skip-delay-duration - How long, in milliseconds, after one tooltip closes that hovering another opens it at once. Default 300.
+ */
+export declare class PrimitivTooltipProviderElement extends ElementBase {
+    #private;
+    /** The skip-delay window this provider's tooltips share, created on first use. */
+    get group(): TooltipGroup;
+}
+/**
+ * `<primitiv-tooltip>` — the state owner of a tooltip: a short description of
+ * its trigger that appears on hover after a delay, and at once on focus. It
+ * closes when the pointer leaves (after a moment, so it can be reached),
+ * on blur, on Escape and on a press outside. Moving from one trigger to the
+ * next opens each next tooltip at once (the skip delay). The tooltip is shown
+ * as a `popover="manual"` in the top layer, with the trigger as its source,
+ * which makes the trigger its implicit anchor for CSS anchor positioning.
+ *
+ * The root finds its own parts and reconciles their ARIA from its reflected
+ * state whenever a part arrives, leaves, or changes an attribute the root
+ * reads (the lifecycle is `PrimitivRootElement`'s).
+ *
+ * @customElement primitiv-tooltip
+ * @summary The state owner of a tooltip, shown on hover and focus.
+ * @attr {boolean} open - Whether the tooltip is showing. Reflected: it changes as the user hovers, focuses and dismisses it. Set it (or the `open` property) to show or hide it from script.
+ * @attr {number} delay-duration - How long, in milliseconds, a pointer rests on the trigger before the tooltip opens. Defaults to the provider's, or 700. Focus always opens it at once.
+ * @attr {boolean} disable-hoverable-content - Close as soon as the pointer leaves the trigger, rather than giving it a moment to reach the tooltip.
+ * @fires {CustomEvent<{ open: boolean }>} primitiv-tooltip-change - Bubbles, cancelable, fired before a user-driven change is applied — hover, focus, blur, Escape or a press outside — with the open state afterwards. Call `preventDefault()` to veto it.
+ */
+export declare class PrimitivTooltipElement extends PrimitivRootElement {
+    #private;
+    protected readonly controller: {
+        connect(): void;
+        disconnect(): void;
+    };
+    protected readonly reconcileOn: readonly string[];
+    /** Whether the tooltip is showing, reflected as the boolean `open` attribute. */
+    get open(): boolean;
+    set open(next: boolean);
+    protected reconcile(): void;
+}
+/**
+ * `<primitiv-tooltip-trigger>` — an interactive part. It decorates exactly one
+ * child the consumer writes, a `<button>`, which opens the tooltip on hover and
+ * focus and is described by it (`aria-describedby`), so the rendered DOM
+ * matches React's (RFC 0033 D24).
+ *
+ * @customElement primitiv-tooltip-trigger
+ */
+export declare class PrimitivTooltipTriggerElement extends ElementBase {
+}
+/**
+ * `<primitiv-tooltip-content>` — the tooltip itself. Structural: the root
+ * gives it an id, `role="tooltip"`, `popover="manual"` (write it in your markup
+ * too, so it is hidden before the script loads) and `data-state`.
+ *
+ * @customElement primitiv-tooltip-content
+ */
+export declare class PrimitivTooltipContentElement extends ElementBase {
+}
+/**
+ * `<primitiv-tooltip-arrow>` — an optional, decorative pointer, inside the
+ * content. The element writes nothing on it; style it as you like.
+ *
+ * @customElement primitiv-tooltip-arrow
+ */
+export declare class PrimitivTooltipArrowElement extends ElementBase {
+}
+/**
+ * Define the five Tooltip elements on `registry` (the global `customElements`
+ * by default). Safe to call more than once, and a no-op where there is no
+ * registry (a server render).
+ */
+export declare function defineTooltip(registry?: ElementRegistry | undefined): void;