@threadlabs/looma 0.1.26 → 0.1.28

package/dist/components/ui-multi-combobox.js

@@ -1 +1 @@
-import{p as e,H as t,d as i,h as s,c as o,t as a}from"./p-Bh_1GxOD.js";import{d as r}from"./p-BVteuP_d.js";import{d as n}from"./p-BMgIcOh-.js";import{d as c}from"./p-C6p-ygxq.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.queryChange=i(this,"query-change"),this.addItem=i(this,"add-item"),this.removeItem=i(this,"remove-item"),this.createItem=i(this,"create-item"),this.optionsChange=i(this,"options-change")}get host(){return this}label="";placeholder="";items=[];config={};query;defaultQuery="";tokenSeparators=[];disabled=!1;readOnly=!1;required=!1;name="";queryChange;addItem;removeItem;createItem;optionsChange;raw="";rows=[];combobox;filteredConfig;filteredConfigSource;filteredSelection="";componentWillLoad(){this.raw=this.query??this.defaultQuery}syncQuery(){void 0!==this.query&&(this.raw=this.query)}get selectedValues(){return new Set(this.items.map((e=>e.value)))}get comboboxConfig(){const e=this.items.map((e=>e.value)).join("\0");if(this.filteredConfig&&this.filteredConfigSource===this.config&&this.filteredSelection===e)return this.filteredConfig;const t=this.config.filter,i=this.selectedValues;return this.filteredConfigSource=this.config,this.filteredSelection=e,this.filteredConfig={...this.config,filter:(e,s,o)=>!i.has(e.value)&&(t?t(e,s,o):e.label.toLocaleLowerCase().includes(s.toLocaleLowerCase()))},this.filteredConfig}setQuery(e,t){void 0===this.query&&(this.raw=e),this.queryChange.emit({query:e,display:e,trigger:t})}clearCommittedQuery(e,t){e.value="",this.raw="",this.setQuery("",t)}onQueryChange=e=>{e.stopPropagation(),this.setQuery(e.detail.query,e.detail.trigger)};onOptionsChange=e=>{e.stopPropagation(),this.rows=e.detail,this.optionsChange.emit(e.detail)};onValueChange=e=>{e.stopPropagation(),"selection"===e.detail.kind&&e.detail.option&&(this.addItem.emit({item:e.detail.option,index:this.items.length,trigger:e.detail.trigger}),queueMicrotask((()=>this.setQuery("",e.detail.trigger))))};onCreateEntry=e=>{e.stopPropagation();const t=e.detail.query.trim();t&&(this.setQuery("",e.detail.trigger),this.createItem.emit({query:t,trigger:e.detail.trigger}))};commitQuery(e,t){const i=this.raw.trim();if(!i)return;const s=i.toLocaleLowerCase(),o=this.rows.find((e=>e.label.trim().toLocaleLowerCase()===s));o?(this.clearCommittedQuery(e,t),this.addItem.emit({item:o,index:this.items.length,trigger:t})):this.config.allowCreate&&(this.clearCommittedQuery(e,t),this.createItem.emit({query:i,trigger:t}))}remove(e,t){const i=this.items[e];!i||i.disabled||this.disabled||this.readOnly||(this.removeItem.emit({item:i,index:e,trigger:t}),requestAnimationFrame((()=>{const t=this.host.shadowRoot?.querySelectorAll('[part="item"]')??[],s=t[Math.min(e,t.length-1)]??t[e-1];s&&s.dataset.value!==i.value?s.focus():this.focusInput()})))}focusItem(e){this.host.shadowRoot?.querySelectorAll('[part="item"]')[e]?.focus()}onItemKeyDown=(e,t)=>{e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||("ArrowLeft"===e.key?(e.preventDefault(),e.stopPropagation(),this.focusItem(Math.max(0,t-1))):"ArrowRight"===e.key?(e.preventDefault(),e.stopPropagation(),t===this.items.length-1?this.focusInput():this.focusItem(t+1)):"Backspace"!==e.key&&"Delete"!==e.key||(e.preventDefault(),e.stopPropagation(),this.remove(t,"keyboard")))};onKeyDown=e=>{if(e.defaultPrevented||e.isComposing||this.disabled||this.readOnly||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const t=e.composedPath().find((e=>e instanceof HTMLInputElement));return t?this.tokenSeparators.includes(e.key)?(e.preventDefault(),e.stopPropagation(),void this.commitQuery(t,"keyboard")):void(this.raw||(t.selectionStart??0)>0||("ArrowLeft"===e.key&&this.items.length?(e.preventDefault(),this.focusItem(this.items.length-1)):"Backspace"===e.key&&this.items.length&&(e.preventDefault(),this.remove(this.items.length-1,"keyboard")))):void 0};async focusInput(){await(this.combobox?.focusInput())}render(){return s(o,{key:"c1acc758a2856e5bd022e076030798c9d63ff416",onKeyDown:this.onKeyDown},s("ui-combobox",{key:"8f77d28aa1d228dd809f86695429328decaf7468",ref:e=>this.combobox=e,label:this.label,"label-visibility":"sr-only",placeholder:this.placeholder,name:this.name,value:null,query:this.raw,config:this.comboboxConfig,size:"sm",disabled:this.disabled,readOnly:this.readOnly,required:this.required,"onQuery-change":this.onQueryChange,"onValue-change":this.onValueChange,"onCreate-entry":this.onCreateEntry,"onOptions-change":this.onOptionsChange},s("div",{key:"f4f0849c145d9bcc4d47103d3dc4fdce8009aeab",slot:"start",class:"items",role:"group","aria-label":"Selected "+this.label},this.items.map(((e,t)=>s("button",{type:"button",part:"item",class:"item","data-value":e.value,tabIndex:-1,disabled:this.disabled||this.readOnly||e.disabled,"aria-label":e.label+", press Delete or Backspace to remove",onKeyDown:e=>this.onItemKeyDown(e,t)},s("slot",{name:"item-"+e.id},s("ui-chip",{appearance:"pill"},e.label)))))),this.rows.map((e=>s("span",{slot:"option-"+e.id},s("slot",{name:"option-"+e.id},e.label)))),s("span",{key:"3cf42f492bd946ca130321a2c3fcf976602c6566",slot:"create"},s("slot",{key:"6f158cb1d96c0d0401fe5302cabffd052498f651",name:"create"},"Create “",this.raw,"”")),s("span",{key:"0f436aca38aecf9485963d6588c27ab3288ced55",slot:"loading"},s("slot",{key:"6c079ac5bbf6fff57aa7fa6f0022a939c96a5cd0",name:"loading"},"Loading suggestions…")),s("span",{key:"a7893e0ff0a1922a404e7c072338858d9e7fdf12",slot:"empty"},s("slot",{key:"d6831db76cc1252aa942ccdcfba36c8cf4c60d22",name:"empty"},"No suggestions.")),s("span",{key:"a096a393a167256cff11f77110ae29ac58a33779",slot:"error"},s("slot",{key:"1bf52c85e911d9965b9b691d6ebf0b89bbea2d58",name:"error"},"Unable to load suggestions.")),s("div",{key:"b7d88c9b427305da8b986eb993b49e5c581c1445",slot:"footer"},s("slot",{key:"f84fdf78c3e373f4735ed88574af06f1ca3cc1b5",name:"footer"}))))}static get watchers(){return{query:[{syncQuery:0}]}}static get style(){return":host{display:block;min-inline-size:0;color:var(--ui-text-primary);font:inherit}ui-combobox::part(field){flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-multi-combobox-min-block-size, 2.5rem);padding:var(--ui-space-1)}ui-combobox::part(input){flex:1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);width:auto;min-block-size:1.75rem;padding:var(--ui-space-0-5) var(--ui-space-1)}.items{display:contents}.item{appearance:none;display:inline-flex;max-inline-size:100%;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:1px}.item:disabled{opacity:.6}"}},[769,"ui-multi-combobox",{label:[1],placeholder:[1],items:[16],config:[16],query:[1],defaultQuery:[1,"default-query"],tokenSeparators:[16],disabled:[4],readOnly:[4,"readonly"],required:[4],name:[1],raw:[32],rows:[32],focusInput:[64]},void 0,{query:[{syncQuery:0}]}]),l=h,d=function(){"undefined"!=typeof customElements&&["ui-multi-combobox","ui-chip","ui-combobox","ui-tooltip"].forEach((e=>{switch(e){case"ui-multi-combobox":customElements.get(a(e))||customElements.define(a(e),h);break;case"ui-chip":customElements.get(a(e))||r();break;case"ui-combobox":customElements.get(a(e))||n();break;case"ui-tooltip":customElements.get(a(e))||c()}}))};export{l as UiMultiCombobox,d as defineCustomElement}
+import{p as e,H as t,d as i,h as s,c as o,t as a}from"./p-Bh_1GxOD.js";import{d as r}from"./p-Vc4ExHFc.js";import{d as n}from"./p-DiyiodGX.js";import{d as c}from"./p-B1macZOS.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.queryChange=i(this,"query-change"),this.addItem=i(this,"add-item"),this.removeItem=i(this,"remove-item"),this.createItem=i(this,"create-item"),this.optionsChange=i(this,"options-change")}get host(){return this}label="";placeholder="";items=[];config={};query;defaultQuery="";tokenSeparators=[];disabled=!1;readOnly=!1;required=!1;name="";queryChange;addItem;removeItem;createItem;optionsChange;raw="";rows=[];combobox;filteredConfig;filteredConfigSource;filteredSelection="";componentWillLoad(){this.raw=this.query??this.defaultQuery}syncQuery(){void 0!==this.query&&(this.raw=this.query)}get selectedValues(){return new Set(this.items.map((e=>e.value)))}get comboboxConfig(){const e=this.items.map((e=>e.value)).join("\0");if(this.filteredConfig&&this.filteredConfigSource===this.config&&this.filteredSelection===e)return this.filteredConfig;const t=this.config.filter,i=this.selectedValues;return this.filteredConfigSource=this.config,this.filteredSelection=e,this.filteredConfig={...this.config,filter:(e,s,o)=>!i.has(e.value)&&(t?t(e,s,o):e.label.toLocaleLowerCase().includes(s.toLocaleLowerCase()))},this.filteredConfig}setQuery(e,t){void 0===this.query&&(this.raw=e),this.queryChange.emit({query:e,display:e,trigger:t})}clearCommittedQuery(e,t){e.value="",this.raw="",this.setQuery("",t)}onQueryChange=e=>{e.stopPropagation(),this.setQuery(e.detail.query,e.detail.trigger)};onOptionsChange=e=>{e.stopPropagation(),this.rows=e.detail,this.optionsChange.emit(e.detail)};onValueChange=e=>{e.stopPropagation(),"selection"===e.detail.kind&&e.detail.option&&(this.addItem.emit({item:e.detail.option,index:this.items.length,trigger:e.detail.trigger}),queueMicrotask((()=>this.setQuery("",e.detail.trigger))))};onCreateEntry=e=>{e.stopPropagation();const t=e.detail.query.trim();t&&(this.setQuery("",e.detail.trigger),this.createItem.emit({query:t,trigger:e.detail.trigger}))};commitQuery(e,t){const i=this.raw.trim();if(!i)return;const s=i.toLocaleLowerCase(),o=this.rows.find((e=>e.label.trim().toLocaleLowerCase()===s));o?(this.clearCommittedQuery(e,t),this.addItem.emit({item:o,index:this.items.length,trigger:t})):this.config.allowCreate&&(this.clearCommittedQuery(e,t),this.createItem.emit({query:i,trigger:t}))}remove(e,t){const i=this.items[e];!i||i.disabled||this.disabled||this.readOnly||(this.removeItem.emit({item:i,index:e,trigger:t}),requestAnimationFrame((()=>{const t=this.host.shadowRoot?.querySelectorAll('[part="item"]')??[],s=t[Math.min(e,t.length-1)]??t[e-1];s&&s.dataset.value!==i.value?s.focus():this.focusInput()})))}focusItem(e){this.host.shadowRoot?.querySelectorAll('[part="item"]')[e]?.focus()}onItemKeyDown=(e,t)=>{e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||("ArrowLeft"===e.key?(e.preventDefault(),e.stopPropagation(),this.focusItem(Math.max(0,t-1))):"ArrowRight"===e.key?(e.preventDefault(),e.stopPropagation(),t===this.items.length-1?this.focusInput():this.focusItem(t+1)):"Backspace"!==e.key&&"Delete"!==e.key||(e.preventDefault(),e.stopPropagation(),this.remove(t,"keyboard")))};onKeyDown=e=>{if(e.defaultPrevented||e.isComposing||this.disabled||this.readOnly||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const t=e.composedPath().find((e=>e instanceof HTMLInputElement));return t?this.tokenSeparators.includes(e.key)?(e.preventDefault(),e.stopPropagation(),void this.commitQuery(t,"keyboard")):void(this.raw||(t.selectionStart??0)>0||("ArrowLeft"===e.key&&this.items.length?(e.preventDefault(),this.focusItem(this.items.length-1)):"Backspace"===e.key&&this.items.length&&(e.preventDefault(),this.remove(this.items.length-1,"keyboard")))):void 0};async focusInput(){await(this.combobox?.focusInput())}render(){return s(o,{key:"ba4db0fdca6cae344fe6b0bf06c933a9a90d2d3f",onKeyDown:this.onKeyDown},s("ui-combobox",{key:"f5901b0b078b479425114d998618828cc458e7dd",ref:e=>this.combobox=e,label:this.label,"label-visibility":"sr-only",placeholder:this.placeholder,name:this.name,value:null,query:this.raw,config:this.comboboxConfig,size:"sm",disabled:this.disabled,readOnly:this.readOnly,required:this.required,"onQuery-change":this.onQueryChange,"onValue-change":this.onValueChange,"onCreate-entry":this.onCreateEntry,"onOptions-change":this.onOptionsChange},s("div",{key:"374c80862302d5c36f4849f42e5ed13222addd1c",slot:"start",class:"items",role:"group","aria-label":"Selected "+this.label},this.items.map(((e,t)=>s("button",{type:"button",part:"item",class:"item","data-value":e.value,tabIndex:-1,disabled:this.disabled||this.readOnly||e.disabled,"aria-label":e.label+", press Delete or Backspace to remove",onKeyDown:e=>this.onItemKeyDown(e,t)},s("slot",{name:"item-"+e.id},s("ui-chip",{appearance:"pill"},e.label)))))),this.rows.map((e=>s("span",{slot:"option-"+e.id},s("slot",{name:"option-"+e.id},e.label)))),s("span",{key:"a23781c153e154cdff7066868c2da956e26b7d52",slot:"create"},s("slot",{key:"e3bde0d1e549e785fff877a1a7aac10df308f7a3",name:"create"},"Create “",this.raw,"”")),s("span",{key:"5837c4cde35d5984aaf1d364f1b850b9d63ff8ca",slot:"loading"},s("slot",{key:"1bdfa30849bea752bc5c93268b3427c964d1b5d3",name:"loading"},"Loading suggestions…")),s("span",{key:"519d7b1a7f28f9d19cd441598a690c8b4fdacf5b",slot:"empty"},s("slot",{key:"3163150e0f1edebb50509a5dacd576e4568eaaae",name:"empty"},"No suggestions.")),s("span",{key:"655e4f85d70eb97f0f0ecb2bac7b4228f5cf580f",slot:"error"},s("slot",{key:"a22667db30ee30003855ee69774eff3a4aab8566",name:"error"},"Unable to load suggestions.")),s("div",{key:"b01b74f3fc7136a3bf1875c81b9f3a662f3e993c",slot:"footer"},s("slot",{key:"7565ee0798072eebc6d1c458f89ce6c7941577dd",name:"footer"}))))}static get watchers(){return{query:[{syncQuery:0}]}}static get style(){return":host{display:block;min-inline-size:0;color:var(--ui-text-primary);font:inherit}ui-combobox::part(field){flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-multi-combobox-min-block-size, 2.5rem);padding:var(--ui-space-1)}ui-combobox::part(input){flex:1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);width:auto;min-block-size:1.75rem;padding:var(--ui-space-0-5) var(--ui-space-1)}.items{display:contents}.item{appearance:none;display:inline-flex;min-inline-size:0;max-inline-size:min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));overflow:hidden;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item>slot{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden}.item>slot::slotted(*){min-inline-size:0;max-inline-size:100%}.item:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:1px}.item:disabled{opacity:.6}"}},[769,"ui-multi-combobox",{label:[1],placeholder:[1],items:[16],config:[16],query:[1],defaultQuery:[1,"default-query"],tokenSeparators:[16],disabled:[4],readOnly:[4,"readonly"],required:[4],name:[1],raw:[32],rows:[32],focusInput:[64]},void 0,{query:[{syncQuery:0}]}]),l=h,d=function(){"undefined"!=typeof customElements&&["ui-multi-combobox","ui-chip","ui-combobox","ui-tooltip"].forEach((e=>{switch(e){case"ui-multi-combobox":customElements.get(a(e))||customElements.define(a(e),h);break;case"ui-chip":customElements.get(a(e))||r();break;case"ui-combobox":customElements.get(a(e))||n();break;case"ui-tooltip":customElements.get(a(e))||c()}}))};export{l as UiMultiCombobox,d as defineCustomElement}

package/dist/components/ui-popover.js

@@ -1 +1 @@
-import{p as e,H as t,h as o,c as s,t as r}from"./p-Bh_1GxOD.js";import{o as a,c as i,r as n}from"./p-C-0syqXZ.js";import{d as p}from"./p-JwSoedEO.js";import{i as c,c as h}from"./p-BnGhGgTH.js";import{c as d}from"./p-DOulVJT7.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}open;defaultOpen=!1;for;placement="bottom-start";internalOpen=!1;overlayId="ui-popover-"+Math.random().toString(36).slice(2,11);anchor=null;surface=null;syncFromProp(){c(this.open)&&(this.internalOpen=this.open)}onOpenChange(){this.syncOverlay(),this.internalOpen?p(this.host,"open",{open:!0,reason:"programmatic",trigger:"programmatic"}):p(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"})}resetSurface(){this.setupSurface(),this.syncSurface()}setupSurface(){this.surface?.destroy(),this.surface=null,this.anchor=this.for?this.host.ownerDocument.getElementById(this.for):null,this.anchor&&(this.surface=d(this.host,{anchor:this.anchor,placement:this.placement}))}syncSurface(){this.surface&&(this.internalOpen?this.surface.show():this.surface.hide())}syncOverlay(){this.syncSurface(),this.internalOpen?a({id:this.overlayId,modal:!1,element:this.host,relatedElements:this.anchor?[this.anchor]:void 0,dismissible:!0,requestClose:(e,t)=>this.handleRequestClose(e,t)}):i(this.overlayId)}componentDidLoad(){this.internalOpen=h(this.open,this.defaultOpen),this.host.addEventListener("keydown",this.onKeydown),this.setupSurface(),this.syncOverlay()}disconnectedCallback(){this.host.removeEventListener("keydown",this.onKeydown),this.surface?.destroy(),this.surface=null,i(this.overlayId)}componentDidUpdate(){this.syncOverlay()}handleRequestClose(e,t){c(this.open)||(this.internalOpen=!1),p(this.host,"close",{open:!1,reason:e,trigger:t})}onKeydown=e=>{"Escape"===e.key&&n("escape","keyboard")};render(){return o(s,{key:"a4986ace0f3c586774a549cb844287b28ccd0531","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},o("div",{key:"8f2c589916d06138ef72bfe0d039893b3c59a7cc",class:"popover__surface"},o("slot",{key:"ee70e7dcc53a99b5c80e56862a6eb00edcfcf912"})))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}]}}static get style(){return":host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.popover__surface{box-sizing:border-box;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}"}},[769,"ui-popover",{open:[4],defaultOpen:[4,"default-open"],for:[1],placement:[1],internalOpen:[32]},void 0,{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}]}]),u=l,m=function(){"undefined"!=typeof customElements&&["ui-popover"].forEach((e=>{"ui-popover"===e&&(customElements.get(r(e))||customElements.define(r(e),l))}))};export{u as UiPopover,m as defineCustomElement}
+import{p as e,H as t,h as o,c as s,t as r}from"./p-Bh_1GxOD.js";import{o as i,c as a,r as n}from"./p-C-0syqXZ.js";import{d as p}from"./p-JwSoedEO.js";import{i as c,c as h}from"./p-BnGhGgTH.js";import{c as d}from"./p-Drw41pSY.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}open;defaultOpen=!1;for;placement="bottom-start";internalOpen=!1;overlayId="ui-popover-"+Math.random().toString(36).slice(2,11);anchor=null;surface=null;syncFromProp(){c(this.open)&&(this.internalOpen=this.open)}onOpenChange(){this.syncOverlay(),this.internalOpen?p(this.host,"open",{open:!0,reason:"programmatic",trigger:"programmatic"}):p(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"})}resetSurface(){this.setupSurface(),this.syncSurface()}setupSurface(){this.surface?.destroy(),this.surface=null,this.anchor=this.for?this.host.ownerDocument.getElementById(this.for):null,this.anchor&&(this.surface=d(this.host,{anchor:this.anchor,placement:this.placement}))}syncSurface(){this.surface&&(this.internalOpen?this.surface.show():this.surface.hide())}syncOverlay(){this.syncSurface(),this.internalOpen?i({id:this.overlayId,modal:!1,element:this.host,relatedElements:this.anchor?[this.anchor]:void 0,dismissible:!0,requestClose:(e,t)=>this.handleRequestClose(e,t)}):a(this.overlayId)}componentDidLoad(){this.internalOpen=h(this.open,this.defaultOpen),this.host.addEventListener("keydown",this.onKeydown),this.setupSurface(),this.syncOverlay()}disconnectedCallback(){this.host.removeEventListener("keydown",this.onKeydown),this.surface?.destroy(),this.surface=null,a(this.overlayId)}componentDidUpdate(){this.syncOverlay()}handleRequestClose(e,t){c(this.open)||(this.internalOpen=!1),p(this.host,"close",{open:!1,reason:e,trigger:t})}onKeydown=e=>{"Escape"===e.key&&n("escape","keyboard")};render(){return o(s,{key:"f63907b8e49b8264c291048c509b6164fdd60ca4","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},o("div",{key:"2425f4394749d994693f4a256256bd9e2f5daf60",class:"popover__surface"},o("slot",{key:"3b6f925da371d43e828842c4027cddee673d7ab3"})))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}]}}static get style(){return":host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.popover__surface{box-sizing:border-box;max-inline-size:inherit;max-block-size:inherit;overflow:auto;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}"}},[769,"ui-popover",{open:[4],defaultOpen:[4,"default-open"],for:[1],placement:[1],internalOpen:[32]},void 0,{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}]}]),u=l,m=function(){"undefined"!=typeof customElements&&["ui-popover"].forEach((e=>{"ui-popover"===e&&(customElements.get(r(e))||customElements.define(r(e),l))}))};export{u as UiPopover,m as defineCustomElement}

package/dist/components/ui-radio-group.js

@@ -1 +1 @@
-import{p as t,H as i,h as a,c as e,t as s}from"./p-Bh_1GxOD.js";import{d as o,e as r}from"./p-JwSoedEO.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}value="";name="";orientation="horizontal";disabled=!1;required=!1;internalValue="";syncFromProp(){this.internalValue=this.value}syncToRadios(){this.getRadios().forEach((t=>{t.checked=(t.getAttribute("value")??"")===this.internalValue,t.name=this.name||this.groupId,this.disabled?(t.setAttribute("aria-disabled","true"),t.setAttribute("data-disabled","true")):(t.removeAttribute("aria-disabled"),t.removeAttribute("data-disabled"))})),this.updateRovingTabindex()}groupId="ui-radio-group-"+Math.random().toString(36).slice(2,9);componentDidLoad(){this.syncFromProp(),this.syncToRadios(),this.host.addEventListener("change",this.onRadioChange),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("change",this.onRadioChange),this.host.removeEventListener("keydown",this.onKeydown)}componentDidUpdate(){this.syncToRadios()}getRadios(){return Array.from(this.host.querySelectorAll("ui-radio"))}updateRovingTabindex(){const t=this.getRadios(),i=t.findIndex((t=>(t.getAttribute("value")??"")===this.internalValue));t.forEach(((t,a)=>{const e=t.querySelector('input[type="radio"]');e&&(e.tabIndex=a===(i>=0?i:0)?0:-1)}))}setValue(t,i){const a=this.internalValue;this.internalValue=t,this.syncToRadios(),o(this.host,"select",{value:t,previousValue:a,trigger:i}),o(this.host,"change",{checked:!0,value:t,trigger:i})}onRadioChange=t=>{const i=t.target.closest?.("ui-radio");if(!i||i.getRootNode()!==this.host.getRootNode())return;const a=i.getAttribute("value")??"";a&&a!==this.internalValue&&this.setValue(a,r(t))};onKeydown=t=>{const i=this.getRadios();if(0===i.length)return;const a=i.findIndex((t=>(t.getAttribute("value")??"")===this.internalValue)),e="vertical"===this.orientation?"vertical":"horizontal",s="horizontal"===e?"ArrowRight"===t.key:"ArrowDown"===t.key;if(!("horizontal"===e?"ArrowLeft"===t.key:"ArrowUp"===t.key)&&!s)return;let o;t.preventDefault(),o=s?a<0?0:Math.min(a+1,i.length-1):a<=0?i.length-1:a-1;const r=i[o],n=r?.getAttribute("value")??"";n&&(this.setValue(n,"keyboard"),r?.querySelector('input[type="radio"]')?.focus())};render(){return a(e,{key:"1882ad7c092c6a138eab2a52c19beb9a950a8d5a",role:"radiogroup","aria-orientation":this.orientation,"data-orientation":this.orientation,"data-disabled":this.disabled?"":void 0},a("slot",{key:"d5abade3d23963410cfbac17e80aa16dd21ccc6e"}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncToRadios:0}],name:[{syncToRadios:0}],orientation:[{syncToRadios:0}],disabled:[{syncToRadios:0}]}}static get style(){return":host{display:inline-flex;align-items:center;gap:var(--ui-space-2)}:host([data-orientation='vertical']){display:inline-grid;justify-items:start}"}},[769,"ui-radio-group",{value:[1],name:[1],orientation:[1],disabled:[4],required:[4],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncToRadios:0}],name:[{syncToRadios:0}],orientation:[{syncToRadios:0}],disabled:[{syncToRadios:0}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["ui-radio-group"].forEach((t=>{"ui-radio-group"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{d as UiRadioGroup,h as defineCustomElement}
+import{p as t,H as i,h as e,c as a,t as s}from"./p-Bh_1GxOD.js";import{d as o,e as r}from"./p-JwSoedEO.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}value="";name="";orientation="horizontal";disabled=!1;required=!1;internalValue="";syncFromProp(){this.internalValue=this.value}syncToRadios(){this.getRadios().forEach((t=>{t.checked=(t.getAttribute("value")??"")===this.internalValue,t.name=this.name||this.groupId,this.disabled?(t.setAttribute("aria-disabled","true"),t.setAttribute("data-disabled","true")):(t.removeAttribute("aria-disabled"),t.removeAttribute("data-disabled"))})),this.updateRovingTabindex()}groupId="ui-radio-group-"+Math.random().toString(36).slice(2,9);componentDidLoad(){this.syncFromProp(),this.syncToRadios(),this.host.addEventListener("change",this.onRadioChange),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("change",this.onRadioChange),this.host.removeEventListener("keydown",this.onKeydown)}componentDidUpdate(){this.syncToRadios()}getRadios(){return Array.from(this.host.querySelectorAll("ui-radio"))}updateRovingTabindex(){const t=this.getRadios(),i=t.findIndex((t=>(t.getAttribute("value")??"")===this.internalValue));t.forEach(((t,e)=>{const a=t.querySelector('input[type="radio"]');a&&(a.tabIndex=e===(i>=0?i:0)?0:-1)}))}setValue(t,i){const e=this.internalValue;this.internalValue=t,this.syncToRadios(),o(this.host,"select",{value:t,previousValue:e,trigger:i}),o(this.host,"change",{checked:!0,value:t,trigger:i})}onRadioChange=t=>{const i=t.target.closest?.("ui-radio");if(!i||i.getRootNode()!==this.host.getRootNode())return;const e=i.getAttribute("value")??"";e&&e!==this.internalValue&&this.setValue(e,r(t))};onKeydown=t=>{const i=this.getRadios();if(0===i.length)return;const e=i.findIndex((t=>(t.getAttribute("value")??"")===this.internalValue)),a="vertical"===this.orientation?"vertical":"horizontal",s="horizontal"===a?"ArrowRight"===t.key:"ArrowDown"===t.key;if(!("horizontal"===a?"ArrowLeft"===t.key:"ArrowUp"===t.key)&&!s)return;let o;t.preventDefault(),o=s?e<0?0:Math.min(e+1,i.length-1):e<=0?i.length-1:e-1;const r=i[o],n=r?.getAttribute("value")??"";n&&(this.setValue(n,"keyboard"),r?.querySelector('input[type="radio"]')?.focus())};render(){return e(a,{key:"31d8dee04aad4ddbb0bfa617a4e6ed187eab6674",role:"radiogroup","aria-orientation":this.orientation,"data-orientation":this.orientation,"data-disabled":this.disabled?"":void 0},e("slot",{key:"7134bcfa6b11cbe0d0d55a6593ea3fca921a71ec"}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncToRadios:0}],name:[{syncToRadios:0}],orientation:[{syncToRadios:0}],disabled:[{syncToRadios:0}]}}static get style(){return":host{display:inline-flex;align-items:center;gap:var(--ui-space-2)}:host([data-orientation='vertical']){display:inline-grid;justify-items:start}"}},[769,"ui-radio-group",{value:[1],name:[1],orientation:[1],disabled:[4],required:[4],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncToRadios:0}],name:[{syncToRadios:0}],orientation:[{syncToRadios:0}],disabled:[{syncToRadios:0}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["ui-radio-group"].forEach((t=>{"ui-radio-group"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{d as UiRadioGroup,h as defineCustomElement}

package/dist/components/ui-radio.js

@@ -1 +1 @@
-import{p as t,H as e,h as s,c as i,t as c}from"./p-Bh_1GxOD.js";import{d as n,e as a}from"./p-JwSoedEO.js";import{i as o,c as r}from"./p-BnGhGgTH.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}checked;defaultChecked=!1;disabled=!1;name="";required=!1;value="on";internalChecked=!1;slotRef;syncFromProp(){o(this.checked)&&(this.internalChecked=this.checked)}syncToInput(){const t=this.getInput();t&&(this.host.toggleAttribute("data-disabled",this.disabled),t.checked=this.internalChecked,t.disabled=this.disabled,t.name=this.name,t.required=this.required,t.value=this.value)}componentDidLoad(){this.internalChecked=r(this.checked,this.defaultChecked),this.slotRef?.addEventListener("slotchange",(()=>this.syncToInput())),this.syncToInput();const t=this.getInput();t?.addEventListener("change",this.onInputChange)}disconnectedCallback(){const t=this.getInput();t?.removeEventListener("change",this.onInputChange)}componentDidUpdate(){this.syncToInput()}getInput(){const t=this.host.shadowRoot?.querySelector("slot");return(t?.assignedElements()??Array.from(this.host.children)).find((t=>t instanceof HTMLInputElement&&"radio"===t.type))??null}onInputChange=t=>{const e=t.target;e&&e.checked&&(o(this.checked)?this.syncToInput():this.internalChecked=!0,n(this.host,"change",{checked:!0,value:this.value,trigger:a(t)}))};render(){return s(i,{key:"f4700b43790accd29a6bcc55fcc862072e29c335",role:"radio","aria-checked":this.internalChecked+"","aria-disabled":this.disabled+"","data-disabled":this.disabled?"":void 0},s("slot",{key:"ed32c35f8f68c662a8b95e58b74c8c76c959ea49",ref:t=>this.slotRef=t}))}static get watchers(){return{checked:[{syncFromProp:0}],disabled:[{syncToInput:0}],name:[{syncToInput:0}],required:[{syncToInput:0}],value:[{syncToInput:0}]}}static get style(){return":host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([data-disabled='true']),:host([aria-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='radio']){accent-color:var(--ui-accent-solid);cursor:pointer}::slotted(input[type='radio']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}"}},[769,"ui-radio",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],name:[1],required:[4],value:[1],internalChecked:[32]},void 0,{checked:[{syncFromProp:0}],disabled:[{syncToInput:0}],name:[{syncToInput:0}],required:[{syncToInput:0}],value:[{syncToInput:0}]}]),h=d,u=function(){"undefined"!=typeof customElements&&["ui-radio"].forEach((t=>{"ui-radio"===t&&(customElements.get(c(t))||customElements.define(c(t),d))}))};export{h as UiRadio,u as defineCustomElement}
+import{p as t,H as e,h as s,c as i,t as a}from"./p-Bh_1GxOD.js";import{d as n,e as o}from"./p-JwSoedEO.js";import{i as c,c as r}from"./p-BnGhGgTH.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}checked;defaultChecked=!1;disabled=!1;name="";required=!1;value="on";internalChecked=!1;slotRef;syncFromProp(){c(this.checked)&&(this.internalChecked=this.checked)}syncToInput(){const t=this.getInput();t&&(this.host.toggleAttribute("data-disabled",this.disabled),t.checked=this.internalChecked,t.disabled=this.disabled,t.name=this.name,t.required=this.required,t.value=this.value)}componentDidLoad(){this.internalChecked=r(this.checked,this.defaultChecked),this.slotRef?.addEventListener("slotchange",(()=>this.syncToInput())),this.syncToInput();const t=this.getInput();t?.addEventListener("change",this.onInputChange)}disconnectedCallback(){const t=this.getInput();t?.removeEventListener("change",this.onInputChange)}componentDidUpdate(){this.syncToInput()}getInput(){const t=this.host.shadowRoot?.querySelector("slot");return(t?.assignedElements()??Array.from(this.host.children)).find((t=>t instanceof HTMLInputElement&&"radio"===t.type))??null}onInputChange=t=>{const e=t.target;e&&e.checked&&(c(this.checked)?this.syncToInput():this.internalChecked=!0,n(this.host,"change",{checked:!0,value:this.value,trigger:o(t)}))};render(){return s(i,{key:"5bab1394b8238609e4382309e4b11bca82a60b12",role:"radio","aria-checked":this.internalChecked+"","aria-disabled":this.disabled+"","data-disabled":this.disabled?"":void 0},s("slot",{key:"56ba5b7ec4ab53299c66689558338d2c6ab3e4f6",ref:t=>this.slotRef=t}))}static get watchers(){return{checked:[{syncFromProp:0}],disabled:[{syncToInput:0}],name:[{syncToInput:0}],required:[{syncToInput:0}],value:[{syncToInput:0}]}}static get style(){return":host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([data-disabled='true']),:host([aria-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='radio']){accent-color:var(--ui-accent-solid);cursor:pointer}::slotted(input[type='radio']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}"}},[769,"ui-radio",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],name:[1],required:[4],value:[1],internalChecked:[32]},void 0,{checked:[{syncFromProp:0}],disabled:[{syncToInput:0}],name:[{syncToInput:0}],required:[{syncToInput:0}],value:[{syncToInput:0}]}]),h=d,u=function(){"undefined"!=typeof customElements&&["ui-radio"].forEach((t=>{"ui-radio"===t&&(customElements.get(a(t))||customElements.define(a(t),d))}))};export{h as UiRadio,u as defineCustomElement}

package/dist/components/ui-search-result-row.js

@@ -1 +1 @@
-import{p as e,H as r,h as s,c as a,t}from"./p-Bh_1GxOD.js";function i(e){return!!e&&e.assignedNodes({flatten:!0}).some((e=>e.nodeType!==Node.TEXT_NODE||!!e.textContent?.trim()))}const l=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}disabled=!1;selected=!1;hasLeading=!1;hasMeta=!1;hasExcerpt=!1;hasTrailing=!1;leadingSlot;metaSlot;excerptSlot;trailingSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasLeading=i(this.leadingSlot),this.hasMeta=i(this.metaSlot),this.hasExcerpt=i(this.excerptSlot),this.hasTrailing=i(this.trailingSlot)};render(){return s(a,{key:"eeda041dbcf8841cd53be9c532df208eb3be3d3b"},s("button",{key:"71d3db6d2eca4f8d7796429f68ef73bf2c7b62f7",class:"search-result-row",type:"button",disabled:this.disabled,part:"button"},s("span",{key:"f2260cab9f654e7f5e96a5e7e2a1cbbb5a55fde3",class:"search-result-row__leading",part:"leading",hidden:!this.hasLeading},s("slot",{key:"824fffc19c2b5712dae0c000f12cc36a0043a370",name:"leading",ref:e=>this.leadingSlot=e,onSlotchange:this.syncSlots})),s("span",{key:"4e3728ea7d363f256f1b3283df6eb984cf3f570f",class:"search-result-row__content",part:"content"},s("span",{key:"95009b1ce569fb4251df62334a5dd88f1de561af",class:"search-result-row__title",part:"title"},s("slot",{key:"132beecf36471ae0db68d686829428225699c534",name:"title"})),s("span",{key:"0ad7c8d52aa40ccf62667d3ecca4d48b49917a9a",class:"search-result-row__meta",part:"meta",hidden:!this.hasMeta},s("slot",{key:"4b97129504571a676839287bd87e68d803f8bc99",name:"meta",ref:e=>this.metaSlot=e,onSlotchange:this.syncSlots})),s("span",{key:"e6c73e653fb7dc213866a15870281f3f6d95a86b",class:"search-result-row__excerpt",part:"excerpt",hidden:!this.hasExcerpt},s("slot",{key:"49deae8194485304380b8b4b3d4fe96cd6623f4d",name:"excerpt",ref:e=>this.excerptSlot=e,onSlotchange:this.syncSlots}))),s("span",{key:"c7c6f0b57668644a28d3c4c981b4db79a0e3c42a",class:"search-result-row__trailing",part:"trailing",hidden:!this.hasTrailing},s("slot",{key:"e6cbceeb41d23c9b7514f53663438069499d1a4d",name:"trailing",ref:e=>this.trailingSlot=e,onSlotchange:this.syncSlots}))))}static get style(){return":host{display:block}.search-result-row{appearance:none;inline-size:100%;min-block-size:var(--ui-search-result-row-min-height, 56px);margin:0;padding-block:var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));display:flex;align-items:flex-start;gap:var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));background:var(--ui-search-result-row-bg, transparent);border:none;border-block-end:1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));color:inherit;cursor:pointer;text-align:left;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}:host(:last-child) .search-result-row{border-block-end:none}.search-result-row:hover:enabled{background:var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))}:host([selected]) .search-result-row{background:var(     --ui-search-result-row-selected-bg,     var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))   )}.search-result-row:focus-visible{outline:2px solid var(--ui-focus-ring, #2563eb);outline-offset:-2px}.search-result-row:disabled,:host([disabled]) .search-result-row{opacity:0.6;cursor:not-allowed}.search-result-row__leading,.search-result-row__trailing{display:inline-flex;align-items:flex-start;flex-shrink:0}.search-result-row__content{min-inline-size:0;flex:1;display:flex;flex-direction:column}.search-result-row__title,.search-result-row__meta,.search-result-row__excerpt{display:block;min-inline-size:0}[hidden]{display:none}::slotted([slot='title']),::slotted([slot='meta']),::slotted([slot='excerpt']){display:block;margin:0}"}},[769,"ui-search-result-row",{disabled:[516],selected:[516],hasLeading:[32],hasMeta:[32],hasExcerpt:[32],hasTrailing:[32]}]),c=l,o=function(){"undefined"!=typeof customElements&&["ui-search-result-row"].forEach((e=>{"ui-search-result-row"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))};export{c as UiSearchResultRow,o as defineCustomElement}
+import{p as e,H as r,h as s,c as a,t}from"./p-Bh_1GxOD.js";function i(e){return!!e&&e.assignedNodes({flatten:!0}).some((e=>e.nodeType!==Node.TEXT_NODE||!!e.textContent?.trim()))}const l=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}disabled=!1;selected=!1;hasLeading=!1;hasMeta=!1;hasExcerpt=!1;hasTrailing=!1;leadingSlot;metaSlot;excerptSlot;trailingSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasLeading=i(this.leadingSlot),this.hasMeta=i(this.metaSlot),this.hasExcerpt=i(this.excerptSlot),this.hasTrailing=i(this.trailingSlot)};render(){return s(a,{key:"2e1a1fe613e499a8abaaf89c8cc071554b523157"},s("button",{key:"2224a7593feb6c58b162ce820b2deb9bec4fa1b7",class:"search-result-row",type:"button",disabled:this.disabled,part:"button"},s("span",{key:"87b86a7d31e15b401b933562adba9a24c88e341f",class:"search-result-row__leading",part:"leading",hidden:!this.hasLeading},s("slot",{key:"00d253826d2d0c60206e20b6428c3277024a24e0",name:"leading",ref:e=>this.leadingSlot=e,onSlotchange:this.syncSlots})),s("span",{key:"3c4ad5b336450c29d56aea538dbc987b9a624c1d",class:"search-result-row__content",part:"content"},s("span",{key:"305dc47dcac890ca968d622ce3dc18e88d646ab3",class:"search-result-row__title",part:"title"},s("slot",{key:"5441b78d87cba9e48eb3b786e7ea914479f5ef15",name:"title"})),s("span",{key:"bbd7769b81005b959e6d950255951f0089e9e716",class:"search-result-row__meta",part:"meta",hidden:!this.hasMeta},s("slot",{key:"8437dd124e858eadb942e2a05ccd87c14a8ea604",name:"meta",ref:e=>this.metaSlot=e,onSlotchange:this.syncSlots})),s("span",{key:"6939cb19881b17799205a54eda9d34e86563f994",class:"search-result-row__excerpt",part:"excerpt",hidden:!this.hasExcerpt},s("slot",{key:"2f41b9ec22a0260e4196553a655cc501384f2331",name:"excerpt",ref:e=>this.excerptSlot=e,onSlotchange:this.syncSlots}))),s("span",{key:"162de66c31688de9114233984448eb5b30d48dc3",class:"search-result-row__trailing",part:"trailing",hidden:!this.hasTrailing},s("slot",{key:"dfa3d5bbbe453a8fd1c3ddf9508bf33edf145dc6",name:"trailing",ref:e=>this.trailingSlot=e,onSlotchange:this.syncSlots}))))}static get style(){return":host{display:block}.search-result-row{appearance:none;inline-size:100%;min-block-size:var(--ui-search-result-row-min-height, 56px);margin:0;padding-block:var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));display:flex;align-items:flex-start;gap:var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));background:var(--ui-search-result-row-bg, transparent);border:none;border-block-end:1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));color:inherit;cursor:pointer;text-align:left;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}:host(:last-child) .search-result-row{border-block-end:none}.search-result-row:hover:enabled{background:var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))}:host([selected]) .search-result-row{background:var(     --ui-search-result-row-selected-bg,     var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))   )}.search-result-row:focus-visible{outline:2px solid var(--ui-focus-ring, #2563eb);outline-offset:-2px}.search-result-row:disabled,:host([disabled]) .search-result-row{opacity:0.6;cursor:not-allowed}.search-result-row__leading,.search-result-row__trailing{display:inline-flex;align-items:flex-start;flex-shrink:0}.search-result-row__content{min-inline-size:0;flex:1;display:flex;flex-direction:column}.search-result-row__title,.search-result-row__meta,.search-result-row__excerpt{display:block;min-inline-size:0}[hidden]{display:none}::slotted([slot='title']),::slotted([slot='meta']),::slotted([slot='excerpt']){display:block;margin:0}"}},[769,"ui-search-result-row",{disabled:[516],selected:[516],hasLeading:[32],hasMeta:[32],hasExcerpt:[32],hasTrailing:[32]}]),c=l,o=function(){"undefined"!=typeof customElements&&["ui-search-result-row"].forEach((e=>{"ui-search-result-row"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))};export{c as UiSearchResultRow,o as defineCustomElement}

package/dist/components/ui-search-shell.js

@@ -1 +1 @@
-import{p as e,H as a,h as s,t as l}from"./p-Bh_1GxOD.js";function r(e){return!!e&&e.assignedNodes({flatten:!0}).some((e=>e.nodeType!==Node.TEXT_NODE||!!e.textContent?.trim()))}const t=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}hasStatus=!1;hasFooter=!1;statusSlot;footerSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasStatus=r(this.statusSlot),this.hasFooter=r(this.footerSlot)};render(){return s("div",{key:"ae5baf1fae88f3c0ff8c98e68e1c31d7f19d7b6a",class:"search-shell",part:"base"},s("slot",{key:"192d10867902bc4618762ab3ce1ca8a44229ec11",name:"backdrop"}),s("div",{key:"72bafd3ba7aadebcb011fb27f56793a9079bb2e1",class:"search-shell__panel",part:"panel"},s("div",{key:"c2d46c9099699cc1c2f357cb51d11ab0e6cf6c69",class:"search-shell__search",part:"search"},s("slot",{key:"21f4ed690247fa794bd9322c75cee1721926087a",name:"search"})),s("div",{key:"84baba674456aa2a5878d5858d0e6531251440ce",class:"search-shell__status",part:"status",hidden:!this.hasStatus},s("slot",{key:"6e7b6533a29231ebbcd41529d8120649ca4a1dd1",name:"status",ref:e=>this.statusSlot=e,onSlotchange:this.syncSlots})),s("div",{key:"710d51d450132ad0f528b2eb2cd6f0312dbced2f",class:"search-shell__body",part:"body"},s("slot",{key:"2c380ff4ad33ead6ca8c2611ebc024f125f0da48",name:"body"})),s("div",{key:"6923984a31c7bc23bae3ecee08d7acad14703a02",class:"search-shell__footer",part:"footer",hidden:!this.hasFooter},s("slot",{key:"57c2eab7a3f46558ada8d1aa70d64f434bb8cdd6",name:"footer",ref:e=>this.footerSlot=e,onSlotchange:this.syncSlots}))))}static get style(){return":host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min(     calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)),     var(--ui-search-shell-max-width, 640px)   );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;block-size:100vh;block-size:100dvh;max-block-size:none;border-radius:0;border-inline:none;border-block-start:none}}"}},[769,"ui-search-shell",{hasStatus:[32],hasFooter:[32]}]),c=t,i=function(){"undefined"!=typeof customElements&&["ui-search-shell"].forEach((e=>{"ui-search-shell"===e&&(customElements.get(l(e))||customElements.define(l(e),t))}))};export{c as UiSearchShell,i as defineCustomElement}
+import{p as e,H as a,h as s,t as l}from"./p-Bh_1GxOD.js";function r(e){return!!e&&e.assignedNodes({flatten:!0}).some((e=>e.nodeType!==Node.TEXT_NODE||!!e.textContent?.trim()))}const t=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}hasStatus=!1;hasFooter=!1;statusSlot;footerSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasStatus=r(this.statusSlot),this.hasFooter=r(this.footerSlot)};render(){return s("div",{key:"508a5900288b0b7e0651d3a56e1f5a9094061952",class:"search-shell",part:"base"},s("slot",{key:"54677a395d62aed4538bb36255046a1d679da312",name:"backdrop"}),s("div",{key:"f738673e5a95509803d2c4682adb4aa48f7b798f",class:"search-shell__panel",part:"panel"},s("div",{key:"8e4a14fcc5e7cc0ff3c2c94ad72cb6b4305d4fea",class:"search-shell__search",part:"search"},s("slot",{key:"28f3d8439964423fe9beeac91490a70a30a36b6e",name:"search"})),s("div",{key:"8bcd00a532eea21a41a7771636bc038c27c55a31",class:"search-shell__status",part:"status",hidden:!this.hasStatus},s("slot",{key:"4a4c9082f2645e80fdfa2a8b71a1747573d02f73",name:"status",ref:e=>this.statusSlot=e,onSlotchange:this.syncSlots})),s("div",{key:"58439a3d479f042f827abce2a99dc1ae75db5ca1",class:"search-shell__body",part:"body"},s("slot",{key:"5f6c4202b0abeb3708bed415a576e877c94f1eb1",name:"body"})),s("div",{key:"7a2887f7220619db2ccb5a907623c3e760d1e073",class:"search-shell__footer",part:"footer",hidden:!this.hasFooter},s("slot",{key:"26c8f839b8add2b52c6940e67a6a7c94a8ffcf31",name:"footer",ref:e=>this.footerSlot=e,onSlotchange:this.syncSlots}))))}static get style(){return":host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min(     calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)),     var(--ui-search-shell-max-width, 640px)   );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;block-size:100vh;block-size:100dvh;max-block-size:none;border-radius:0;border-inline:none;border-block-start:none}}"}},[769,"ui-search-shell",{hasStatus:[32],hasFooter:[32]}]),i=t,c=function(){"undefined"!=typeof customElements&&["ui-search-shell"].forEach((e=>{"ui-search-shell"===e&&(customElements.get(l(e))||customElements.define(l(e),t))}))};export{i as UiSearchShell,c as defineCustomElement}

package/dist/components/ui-select.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,c as a,t as r}from"./p-Bh_1GxOD.js";import{d as o,e as s}from"./p-JwSoedEO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}value;defaultValue;disabled=!1;invalid=!1;required=!1;internalValue="";slotRef;initialized=!1;syncFromProp(){void 0!==this.value&&(this.internalValue=this.value)}syncToSelect(){const e=this.getSelect();e&&(this.host.dataset.invalid=this.invalid?"true":"",void 0!==this.value?e.value=this.internalValue:this.initialized||void 0===this.defaultValue||(e.value=this.defaultValue),this.initialized=!0,e.disabled=this.disabled,e.required=this.required,e.setAttribute("aria-invalid",this.invalid?"true":"false"))}componentDidLoad(){this.syncFromProp(),this.slotRef?.addEventListener("slotchange",(()=>this.syncToSelect())),this.syncToSelect();const e=this.getSelect();e?.addEventListener("input",this.onInput),e?.addEventListener("change",this.onChange)}disconnectedCallback(){const e=this.getSelect();e?.removeEventListener("input",this.onInput),e?.removeEventListener("change",this.onChange)}componentDidUpdate(){this.syncToSelect()}getSelect(){const e=this.host.shadowRoot?.querySelector("slot");return(e?.assignedElements()??Array.from(this.host.children)).find((e=>"SELECT"===e.tagName))??null}onInput=e=>{const t=e.target;t&&(this.internalValue=t.value,o(this.host,"input",{value:this.internalValue,trigger:s(e)}))};onChange=e=>{const t=this.getSelect();t&&(this.internalValue=t.value,o(this.host,"change",{value:this.internalValue,trigger:s(e)}))};render(){return i(a,{key:"74cbe4a76a23af415c202c61951ad513b0ed6cb8","data-invalid":this.invalid?"":void 0},i("slot",{key:"e86eb0cfb0d379cb3f8b2ea5ce3c69639d0cdda4",ref:e=>this.slotRef=e}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncToSelect:0}],defaultValue:[{syncToSelect:0}],disabled:[{syncToSelect:0}],invalid:[{syncToSelect:0}],required:[{syncToSelect:0}]}}static get style(){return":host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background-color:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),     linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),     calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(select:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}"}},[769,"ui-select",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],required:[4],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncToSelect:0}],defaultValue:[{syncToSelect:0}],disabled:[{syncToSelect:0}],invalid:[{syncToSelect:0}],required:[{syncToSelect:0}]}]),l=n,c=function(){"undefined"!=typeof customElements&&["ui-select"].forEach((e=>{"ui-select"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))};export{l as UiSelect,c as defineCustomElement}
+import{p as e,H as t,h as i,c as r,t as a}from"./p-Bh_1GxOD.js";import{d as o,e as s}from"./p-JwSoedEO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}value;defaultValue;disabled=!1;invalid=!1;required=!1;internalValue="";slotRef;initialized=!1;syncFromProp(){void 0!==this.value&&(this.internalValue=this.value)}syncToSelect(){const e=this.getSelect();e&&(this.host.dataset.invalid=this.invalid?"true":"",void 0!==this.value?e.value=this.internalValue:this.initialized||void 0===this.defaultValue||(e.value=this.defaultValue),this.initialized=!0,e.disabled=this.disabled,e.required=this.required,e.setAttribute("aria-invalid",this.invalid?"true":"false"))}componentDidLoad(){this.syncFromProp(),this.slotRef?.addEventListener("slotchange",(()=>this.syncToSelect())),this.syncToSelect();const e=this.getSelect();e?.addEventListener("input",this.onInput),e?.addEventListener("change",this.onChange)}disconnectedCallback(){const e=this.getSelect();e?.removeEventListener("input",this.onInput),e?.removeEventListener("change",this.onChange)}componentDidUpdate(){this.syncToSelect()}getSelect(){const e=this.host.shadowRoot?.querySelector("slot");return(e?.assignedElements()??Array.from(this.host.children)).find((e=>"SELECT"===e.tagName))??null}onInput=e=>{const t=e.target;t&&(this.internalValue=t.value,o(this.host,"input",{value:this.internalValue,trigger:s(e)}))};onChange=e=>{const t=this.getSelect();t&&(this.internalValue=t.value,o(this.host,"change",{value:this.internalValue,trigger:s(e)}))};render(){return i(r,{key:"5b77bfa817964325038cf338a1c0791abf8d2bfe","data-invalid":this.invalid?"":void 0},i("slot",{key:"9a9c8017e5e02d14945d6b7c84d68edf7b2ccaf8",ref:e=>this.slotRef=e}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncToSelect:0}],defaultValue:[{syncToSelect:0}],disabled:[{syncToSelect:0}],invalid:[{syncToSelect:0}],required:[{syncToSelect:0}]}}static get style(){return":host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background-color:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),     linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),     calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(select:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}"}},[769,"ui-select",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],required:[4],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncToSelect:0}],defaultValue:[{syncToSelect:0}],disabled:[{syncToSelect:0}],invalid:[{syncToSelect:0}],required:[{syncToSelect:0}]}]),l=n,c=function(){"undefined"!=typeof customElements&&["ui-select"].forEach((e=>{"ui-select"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{l as UiSelect,c as defineCustomElement}

package/dist/components/ui-switch.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,c as r,t as o}from"./p-Bh_1GxOD.js";import{d as a}from"./p-JwSoedEO.js";import{i as s,c}from"./p-BnGhGgTH.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}checked;defaultChecked=!1;disabled=!1;required=!1;value="on";internalChecked=!1;syncFromProp(){s(this.checked)&&(this.internalChecked=this.checked)}componentDidLoad(){this.internalChecked=c(this.checked,this.defaultChecked)}toggle=e=>{if(this.disabled)return;const t=!this.internalChecked;s(this.checked)||(this.internalChecked=t),a(this.host,"change",{checked:t,value:this.value,trigger:e})};onKeydown=e=>{" "!==e.key||this.disabled||(e.preventDefault(),this.toggle("keyboard"))};onClick=e=>{e.target!==this.host?.shadowRoot?.querySelector("input")&&this.toggle("pointer")};render(){return i(r,{key:"a37ded5259d71a57308cba6dd158ae4ae81e4e8b",role:"switch","aria-checked":this.internalChecked+"","aria-disabled":this.disabled+"","data-disabled":this.disabled?"":void 0,tabIndex:this.disabled?-1:0,onKeyDown:this.onKeydown,onClick:this.onClick},i("input",{key:"882f81f39d752430f1de1554a5d83176416f4617",type:"checkbox",checked:this.internalChecked,disabled:this.disabled,required:this.required,value:this.value,"aria-hidden":"true",tabIndex:-1,onChange:e=>{const t=e.target,i=t.checked;s(this.checked)||(this.internalChecked=i),a(this.host,"change",{checked:i,value:this.value,trigger:"pointer"}),s(this.checked)&&(t.checked=this.internalChecked)}}),i("slot",{key:"b3b2b5afae622d1ae79cadd84f60c6b6c2df55a4"}))}static get watchers(){return{checked:[{syncFromProp:0}]}}static get style(){return":host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}:host([role='switch']){cursor:pointer}:host input[type='checkbox']{appearance:none;-webkit-appearance:none;display:block;position:relative;width:2.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host input[type='checkbox']::after{content:'';position:absolute;top:2px;left:2px;width:0.875rem;height:0.875rem;border-radius:999px;background:var(--ui-surface-default);border:1px solid var(--ui-border-default);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}:host input[type='checkbox']:checked{background:var(--ui-accent-solid);border-color:var(--ui-accent-solid)}:host input[type='checkbox']:checked::after{transform:translateX(calc(2.25rem - 0.875rem - 4px));background:var(--ui-text-on-accent);border-color:var(--ui-text-on-accent)}:host input[type='checkbox']:focus-visible{outline:2px solid var(--ui-accent-solid);outline-offset:2px}"}},[769,"ui-switch",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],required:[4],value:[1],internalChecked:[32]},void 0,{checked:[{syncFromProp:0}]}]),n=d,h=function(){"undefined"!=typeof customElements&&["ui-switch"].forEach((e=>{"ui-switch"===e&&(customElements.get(o(e))||customElements.define(o(e),d))}))};export{n as UiSwitch,h as defineCustomElement}
+import{p as e,H as t,h as i,c as r,t as o}from"./p-Bh_1GxOD.js";import{d as s}from"./p-JwSoedEO.js";import{i as a,c}from"./p-BnGhGgTH.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}checked;defaultChecked=!1;disabled=!1;required=!1;value="on";internalChecked=!1;syncFromProp(){a(this.checked)&&(this.internalChecked=this.checked)}componentDidLoad(){this.internalChecked=c(this.checked,this.defaultChecked)}toggle=e=>{if(this.disabled)return;const t=!this.internalChecked;a(this.checked)||(this.internalChecked=t),s(this.host,"change",{checked:t,value:this.value,trigger:e})};onKeydown=e=>{" "!==e.key||this.disabled||(e.preventDefault(),this.toggle("keyboard"))};onClick=e=>{e.target!==this.host?.shadowRoot?.querySelector("input")&&this.toggle("pointer")};render(){return i(r,{key:"e5ec7f2f91e860dd679098f30b40cbe0e52ccb1f",role:"switch","aria-checked":this.internalChecked+"","aria-disabled":this.disabled+"","data-disabled":this.disabled?"":void 0,tabIndex:this.disabled?-1:0,onKeyDown:this.onKeydown,onClick:this.onClick},i("input",{key:"c21462377a81d7242633e7d358f56fd7a276f584",type:"checkbox",checked:this.internalChecked,disabled:this.disabled,required:this.required,value:this.value,"aria-hidden":"true",tabIndex:-1,onChange:e=>{const t=e.target,i=t.checked;a(this.checked)||(this.internalChecked=i),s(this.host,"change",{checked:i,value:this.value,trigger:"pointer"}),a(this.checked)&&(t.checked=this.internalChecked)}}),i("slot",{key:"e3f4f032bc41784ed41591d4fd175b89a4162c49"}))}static get watchers(){return{checked:[{syncFromProp:0}]}}static get style(){return":host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}:host([role='switch']){cursor:pointer}:host input[type='checkbox']{appearance:none;-webkit-appearance:none;display:block;position:relative;width:2.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host input[type='checkbox']::after{content:'';position:absolute;top:2px;left:2px;width:0.875rem;height:0.875rem;border-radius:999px;background:var(--ui-surface-default);border:1px solid var(--ui-border-default);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}:host input[type='checkbox']:checked{background:var(--ui-accent-solid);border-color:var(--ui-accent-solid)}:host input[type='checkbox']:checked::after{transform:translateX(calc(2.25rem - 0.875rem - 4px));background:var(--ui-text-on-accent);border-color:var(--ui-text-on-accent)}:host input[type='checkbox']:focus-visible{outline:2px solid var(--ui-accent-solid);outline-offset:2px}"}},[769,"ui-switch",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],required:[4],value:[1],internalChecked:[32]},void 0,{checked:[{syncFromProp:0}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["ui-switch"].forEach((e=>{"ui-switch"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{d as UiSwitch,h as defineCustomElement}

package/dist/components/ui-tabs.js

@@ -1 +1 @@
-import{p as t,H as o,h as e,c as i,t as r}from"./p-Bh_1GxOD.js";import{d as a,e as n}from"./p-JwSoedEO.js";import{i as s,c as l}from"./p-BnGhGgTH.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}value;defaultValue="";orientation="horizontal";internalValue="";syncFromProp(){s(this.value)&&(this.internalValue=this.value)}syncState(){const t=this.getTabs();0!==t.length&&t.forEach((t=>{const o=(t.id??t.getAttribute("aria-controls")??"")===this.internalValue;t.setAttribute("aria-selected",o+""),t.tabIndex=o?0:-1;const e=t.getAttribute("aria-controls");if(e){const t=this.host.querySelector("#"+CSS.escape(e))??document.getElementById(e);t&&(t.hidden=!o)}}))}componentDidLoad(){if(this.internalValue=l(this.value,this.defaultValue),!s(this.value)&&!this.internalValue){const t=this.getTabs();t.length>0&&(this.internalValue=t[0]?.id??t[0]?.getAttribute("aria-controls")??"")}this.syncState(),this.host.addEventListener("keydown",this.onKeydown),this.host.addEventListener("click",this.onClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.onKeydown),this.host.removeEventListener("click",this.onClick)}componentDidUpdate(){this.syncState()}getTabs(){return Array.from(this.host.querySelectorAll('[role="tab"]'))}setValueFromTab(t,o){const e=t.id??t.getAttribute("aria-controls")??"";if(!e)return;const i=this.internalValue;s(this.value)||(this.internalValue=e),this.syncState(),a(this.host,"select",{value:e,previousValue:i||void 0,trigger:o})}onClick=t=>{const o=t.target.closest?.('[role="tab"]');o&&this.host.contains(o)&&this.setValueFromTab(o,n(t))};onKeydown=t=>{const o=t.target.closest?.('[role="tab"]');if(!o||!this.host.contains(o))return;const e=this.getTabs();if(0===e.length)return;const i=e.indexOf(o),r="vertical"===this.orientation,a=r?"ArrowDown":"ArrowRight";if(t.key===a||t.key===(r?"ArrowUp":"ArrowLeft")){t.preventDefault();const o=t.key===a?Math.min(i+1,e.length-1):i<=0?e.length-1:i-1;this.setValueFromTab(e[o],"keyboard"),e[o].focus()}};render(){return e(i,{key:"19207153c7b7a6ea5f5ffb50439e99af70984b44",orientation:this.orientation,"data-orientation":this.orientation},e("slot",{key:"5045cd040eeccd028c00328206d47f7d17b622de"}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncState:0}],orientation:[{syncState:0}]}}static get style(){return":host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}"}},[769,"ui-tabs",{value:[1],defaultValue:[1,"default-value"],orientation:[1],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncState:0}],orientation:[{syncState:0}]}]),d=c,u=function(){"undefined"!=typeof customElements&&["ui-tabs"].forEach((t=>{"ui-tabs"===t&&(customElements.get(r(t))||customElements.define(r(t),c))}))};export{d as UiTabs,u as defineCustomElement}
+import{p as t,H as o,h as e,c as i,t as r}from"./p-Bh_1GxOD.js";import{d as a,e as n}from"./p-JwSoedEO.js";import{i as s,c as l}from"./p-BnGhGgTH.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}value;defaultValue="";orientation="horizontal";internalValue="";syncFromProp(){s(this.value)&&(this.internalValue=this.value)}syncState(){const t=this.getTabs();0!==t.length&&t.forEach((t=>{const o=(t.id??t.getAttribute("aria-controls")??"")===this.internalValue;t.setAttribute("aria-selected",o+""),t.tabIndex=o?0:-1;const e=t.getAttribute("aria-controls");if(e){const t=this.host.querySelector("#"+CSS.escape(e))??document.getElementById(e);t&&(t.hidden=!o)}}))}componentDidLoad(){if(this.internalValue=l(this.value,this.defaultValue),!s(this.value)&&!this.internalValue){const t=this.getTabs();t.length>0&&(this.internalValue=t[0]?.id??t[0]?.getAttribute("aria-controls")??"")}this.syncState(),this.host.addEventListener("keydown",this.onKeydown),this.host.addEventListener("click",this.onClick)}disconnectedCallback(){this.host.removeEventListener("keydown",this.onKeydown),this.host.removeEventListener("click",this.onClick)}componentDidUpdate(){this.syncState()}getTabs(){return Array.from(this.host.querySelectorAll('[role="tab"]'))}setValueFromTab(t,o){const e=t.id??t.getAttribute("aria-controls")??"";if(!e)return;const i=this.internalValue;s(this.value)||(this.internalValue=e),this.syncState(),a(this.host,"select",{value:e,previousValue:i||void 0,trigger:o})}onClick=t=>{const o=t.target.closest?.('[role="tab"]');o&&this.host.contains(o)&&this.setValueFromTab(o,n(t))};onKeydown=t=>{const o=t.target.closest?.('[role="tab"]');if(!o||!this.host.contains(o))return;const e=this.getTabs();if(0===e.length)return;const i=e.indexOf(o),r="vertical"===this.orientation,a=r?"ArrowDown":"ArrowRight";if(t.key===a||t.key===(r?"ArrowUp":"ArrowLeft")){t.preventDefault();const o=t.key===a?Math.min(i+1,e.length-1):i<=0?e.length-1:i-1;this.setValueFromTab(e[o],"keyboard"),e[o].focus()}};render(){return e(i,{key:"908dc4228940bbf33530a2b9f5fb36421c51d1a1",orientation:this.orientation,"data-orientation":this.orientation},e("slot",{key:"ebfe8bc58d09fdce2815b26f29e2eba4e5f3c879"}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncState:0}],orientation:[{syncState:0}]}}static get style(){return":host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}"}},[769,"ui-tabs",{value:[1],defaultValue:[1,"default-value"],orientation:[1],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncState:0}],orientation:[{syncState:0}]}]),d=c,u=function(){"undefined"!=typeof customElements&&["ui-tabs"].forEach((t=>{"ui-tabs"===t&&(customElements.get(r(t))||customElements.define(r(t),c))}))};export{d as UiTabs,u as defineCustomElement}

package/dist/components/ui-textarea.js

@@ -1 +1 @@
-import{p as e,H as t,h as a,c as r,t as i}from"./p-Bh_1GxOD.js";import{d as o,e as s}from"./p-JwSoedEO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}value;defaultValue="";disabled=!1;invalid=!1;readOnly=!1;rows=4;internalValue="";slotRef;syncFromProp(){void 0!==this.value&&(this.internalValue=this.value)}syncToTextarea(){const e=this.getTextarea();e&&(this.host.dataset.invalid=this.invalid?"true":"",void 0!==this.value&&(e.value=this.internalValue),e.defaultValue=this.defaultValue,e.disabled=this.disabled,e.readOnly=this.readOnly,e.rows=this.rows,e.setAttribute("aria-invalid",this.invalid?"true":"false"))}componentDidLoad(){this.syncFromProp(),this.slotRef?.addEventListener("slotchange",(()=>this.syncToTextarea())),this.syncToTextarea();const e=this.getTextarea();e?.addEventListener("input",this.onInput),e?.addEventListener("change",this.onChange)}disconnectedCallback(){const e=this.getTextarea();e?.removeEventListener("input",this.onInput),e?.removeEventListener("change",this.onChange)}componentDidUpdate(){this.syncToTextarea()}getTextarea(){const e=this.host.shadowRoot?.querySelector("slot");return(e?.assignedElements()??Array.from(this.host.children)).find((e=>"TEXTAREA"===e.tagName))??null}onInput=e=>{const t=e.target;t&&(this.internalValue=t.value,o(this.host,"input",{value:this.internalValue,trigger:s(e)}))};onChange=e=>{const t=this.getTextarea();t&&(this.internalValue=t.value,o(this.host,"change",{value:this.internalValue,trigger:s(e)}))};render(){return a(r,{key:"020adfed4a177ef5d07852ff2e6ffb66b6f80742","data-invalid":this.invalid?"":void 0},a("slot",{key:"2e9bd0e071e24fcf248eadf38f16484321359503",ref:e=>this.slotRef=e}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncToTextarea:0}],defaultValue:[{syncToTextarea:0}],disabled:[{syncToTextarea:0}],invalid:[{syncToTextarea:0}],readOnly:[{syncToTextarea:0}],rows:[{syncToTextarea:0}]}}static get style(){return":host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(textarea:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}"}},[769,"ui-textarea",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],readOnly:[4,"readonly"],rows:[2],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncToTextarea:0}],defaultValue:[{syncToTextarea:0}],disabled:[{syncToTextarea:0}],invalid:[{syncToTextarea:0}],readOnly:[{syncToTextarea:0}],rows:[{syncToTextarea:0}]}]),l=n,u=function(){"undefined"!=typeof customElements&&["ui-textarea"].forEach((e=>{"ui-textarea"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{l as UiTextarea,u as defineCustomElement}
+import{p as e,H as t,h as a,c as r,t as i}from"./p-Bh_1GxOD.js";import{d as o,e as s}from"./p-JwSoedEO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}value;defaultValue="";disabled=!1;invalid=!1;readOnly=!1;rows=4;internalValue="";slotRef;syncFromProp(){void 0!==this.value&&(this.internalValue=this.value)}syncToTextarea(){const e=this.getTextarea();e&&(this.host.dataset.invalid=this.invalid?"true":"",void 0!==this.value&&(e.value=this.internalValue),e.defaultValue=this.defaultValue,e.disabled=this.disabled,e.readOnly=this.readOnly,e.rows=this.rows,e.setAttribute("aria-invalid",this.invalid?"true":"false"))}componentDidLoad(){this.syncFromProp(),this.slotRef?.addEventListener("slotchange",(()=>this.syncToTextarea())),this.syncToTextarea();const e=this.getTextarea();e?.addEventListener("input",this.onInput),e?.addEventListener("change",this.onChange)}disconnectedCallback(){const e=this.getTextarea();e?.removeEventListener("input",this.onInput),e?.removeEventListener("change",this.onChange)}componentDidUpdate(){this.syncToTextarea()}getTextarea(){const e=this.host.shadowRoot?.querySelector("slot");return(e?.assignedElements()??Array.from(this.host.children)).find((e=>"TEXTAREA"===e.tagName))??null}onInput=e=>{const t=e.target;t&&(this.internalValue=t.value,o(this.host,"input",{value:this.internalValue,trigger:s(e)}))};onChange=e=>{const t=this.getTextarea();t&&(this.internalValue=t.value,o(this.host,"change",{value:this.internalValue,trigger:s(e)}))};render(){return a(r,{key:"4774b8d20cd4426b1c6205375fd9e4275bc24f08","data-invalid":this.invalid?"":void 0},a("slot",{key:"9b5489df35c29bf453d010f85bcb05dcc01fcce9",ref:e=>this.slotRef=e}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncToTextarea:0}],defaultValue:[{syncToTextarea:0}],disabled:[{syncToTextarea:0}],invalid:[{syncToTextarea:0}],readOnly:[{syncToTextarea:0}],rows:[{syncToTextarea:0}]}}static get style(){return":host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(textarea:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}"}},[769,"ui-textarea",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],readOnly:[4,"readonly"],rows:[2],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncToTextarea:0}],defaultValue:[{syncToTextarea:0}],disabled:[{syncToTextarea:0}],invalid:[{syncToTextarea:0}],readOnly:[{syncToTextarea:0}],rows:[{syncToTextarea:0}]}]),l=n,c=function(){"undefined"!=typeof customElements&&["ui-textarea"].forEach((e=>{"ui-textarea"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{l as UiTextarea,c as defineCustomElement}

package/dist/components/ui-toast-region.js

@@ -1 +1 @@
-import{p as t,H as s,h as i,c as e,t as a}from"./p-Bh_1GxOD.js";import{d as r,e as o}from"./p-JwSoedEO.js";import{b as n}from"./p-DOulVJT7.js";const u=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!0;internalOpen=!1;surface=null;contentObserver=null;pendingDismiss=null;syncFromProp(){this.syncContents()}syncSurface(){this.internalOpen?this.surface?.show():this.surface?.hide()}componentDidLoad(){this.surface=n(this.host),this.contentObserver=new MutationObserver(this.syncContents),this.contentObserver.observe(this.host,{childList:!0,subtree:!0}),this.syncContents(),this.syncSurface(),this.host.addEventListener("click",this.onClick)}disconnectedCallback(){this.host.removeEventListener("click",this.onClick),this.contentObserver?.disconnect(),this.contentObserver=null,this.surface?.destroy(),this.surface=null}getToasts(){return Array.from(this.host.querySelectorAll("[data-ui-toast]"))}syncContents=()=>{const t=this.open&&this.getToasts().length>0,s=this.internalOpen,i=this.pendingDismiss&&!this.host.contains(this.pendingDismiss.toast)?this.pendingDismiss:null;this.internalOpen=t,s&&!t&&i&&r(this.host,"close",{open:!1,reason:"action",trigger:i.trigger}),!i&&this.open||(this.pendingDismiss=null)};onClick=t=>{const s=t.target.closest?.("[data-ui-toast-dismiss]");if(!s)return;const i=s.closest?.("[data-ui-toast]");if(!i)return;const e=i.id??"",a=o(t);this.pendingDismiss={toast:i,trigger:a},r(this.host,"dismiss",{id:e,reason:"action",trigger:a})};render(){return i(e,{key:"8a3546bcd59e12f21393ea55fa4d232d3907a34e",role:"region","aria-label":"Notifications","aria-live":"polite","data-open":this.internalOpen?"":void 0},i("slot",{key:"a4a4525a1ca768d65ff36b3889a821b8dda8b6f7"}))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncSurface:0}]}}static get style(){return":host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host([popover]){right:auto;bottom:auto;margin:0}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}"}},[769,"ui-toast-region",{open:[4],internalOpen:[32]},void 0,{open:[{syncFromProp:0}],internalOpen:[{syncSurface:0}]}]),c=u,d=function(){"undefined"!=typeof customElements&&["ui-toast-region"].forEach((t=>{"ui-toast-region"===t&&(customElements.get(a(t))||customElements.define(a(t),u))}))};export{c as UiToastRegion,d as defineCustomElement}
+import{p as t,H as s,h as i,c as e,t as a}from"./p-Bh_1GxOD.js";import{d as r,e as o}from"./p-JwSoedEO.js";import{b as n}from"./p-Drw41pSY.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!0;internalOpen=!1;surface=null;contentObserver=null;pendingDismiss=null;syncFromProp(){this.syncContents()}syncSurface(){this.internalOpen?this.surface?.show():this.surface?.hide()}componentDidLoad(){this.surface=n(this.host),this.contentObserver=new MutationObserver(this.syncContents),this.contentObserver.observe(this.host,{childList:!0,subtree:!0}),this.syncContents(),this.syncSurface(),this.host.addEventListener("click",this.onClick)}disconnectedCallback(){this.host.removeEventListener("click",this.onClick),this.contentObserver?.disconnect(),this.contentObserver=null,this.surface?.destroy(),this.surface=null}getToasts(){return Array.from(this.host.querySelectorAll("[data-ui-toast]"))}syncContents=()=>{const t=this.open&&this.getToasts().length>0,s=this.internalOpen,i=this.pendingDismiss&&!this.host.contains(this.pendingDismiss.toast)?this.pendingDismiss:null;this.internalOpen=t,s&&!t&&i&&r(this.host,"close",{open:!1,reason:"action",trigger:i.trigger}),!i&&this.open||(this.pendingDismiss=null)};onClick=t=>{const s=t.target.closest?.("[data-ui-toast-dismiss]");if(!s)return;const i=s.closest?.("[data-ui-toast]");if(!i)return;const e=i.id??"",a=o(t);this.pendingDismiss={toast:i,trigger:a},r(this.host,"dismiss",{id:e,reason:"action",trigger:a})};render(){return i(e,{key:"e3a71de7854b5937cc3f74858fc69f202fd93c71",role:"region","aria-label":"Notifications","aria-live":"polite","data-open":this.internalOpen?"":void 0},i("slot",{key:"cdf6ea0118199d149ac08820c69ec8b54654be91"}))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncSurface:0}]}}static get style(){return":host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host([popover]){right:auto;bottom:auto;margin:0}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}"}},[769,"ui-toast-region",{open:[4],internalOpen:[32]},void 0,{open:[{syncFromProp:0}],internalOpen:[{syncSurface:0}]}]),u=c,d=function(){"undefined"!=typeof customElements&&["ui-toast-region"].forEach((t=>{"ui-toast-region"===t&&(customElements.get(a(t))||customElements.define(a(t),c))}))};export{u as UiToastRegion,d as defineCustomElement}

package/dist/components/ui-tooltip.js

@@ -1 +1 @@
-import{U as o,d as p}from"./p-C6p-ygxq.js";const s=o,r=p;export{s as UiTooltip,r as defineCustomElement}
+import{U as o,d as s}from"./p-B1macZOS.js";const a=o,m=s;export{a as UiTooltip,m as defineCustomElement}

package/dist/components/ui-top-bar.js

@@ -1 +1 @@
-import{p as e,H as a,h as t,c as i,t as s}from"./p-Bh_1GxOD.js";function n(e){return!!e&&e.assignedNodes({flatten:!0}).some((e=>e.nodeType!==Node.TEXT_NODE||!!e.textContent?.trim()))}const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}hasLeading=!1;hasSearch=!1;hasActions=!1;leadingSlot;searchSlot;actionsSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasLeading=n(this.leadingSlot),this.hasSearch=n(this.searchSlot),this.hasActions=n(this.actionsSlot)};render(){return t(i,{key:"ef7cf644a8e8381d7d1f8d093bcfefcdc4620682"},t("header",{key:"5055594a179d86efefd43529e070a582c51cb1d8",class:"top-bar",part:"base"},t("div",{key:"bd6ec069ae9d7820a6992250ba1aa997b4cc6754",class:"top-bar__leading",hidden:!this.hasLeading},t("slot",{key:"3b9b1b73fb455ad720e1db46757555eb3713c0b8",name:"leading",ref:e=>this.leadingSlot=e,onSlotchange:this.syncSlots})),t("div",{key:"e402cc0cb7ec4418460182f8f32cb161c6139221",class:"top-bar__title"},t("slot",{key:"fce0cfc11da269167853f591742b1369023864ae"})),t("div",{key:"6861bb04f399076378aa1fa9be24b35db277106a",class:"top-bar__search",hidden:!this.hasSearch},t("slot",{key:"3857f37d53ec99b36a52cb7830e634afdee29d2e",name:"search",ref:e=>this.searchSlot=e,onSlotchange:this.syncSlots})),t("div",{key:"538f6297078b6d5aa85906e902066e8809f52540",class:"top-bar__actions",hidden:!this.hasActions},t("slot",{key:"3c45ff59c4b48673e796c6e93842cb11fceb652f",name:"actions",ref:e=>this.actionsSlot=e,onSlotchange:this.syncSlots}))))}static get style(){return":host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-block-start:env(safe-area-inset-top);padding-inline-start:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-left)   );padding-inline-end:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-right)   );background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}"}},[769,"ui-top-bar",{hasLeading:[32],hasSearch:[32],hasActions:[32]}]),o=r,c=function(){"undefined"!=typeof customElements&&["ui-top-bar"].forEach((e=>{"ui-top-bar"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))};export{o as UiTopBar,c as defineCustomElement}
+import{p as e,H as a,h as t,c as i,t as s}from"./p-Bh_1GxOD.js";function n(e){return!!e&&e.assignedNodes({flatten:!0}).some((e=>e.nodeType!==Node.TEXT_NODE||!!e.textContent?.trim()))}const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}hasLeading=!1;hasSearch=!1;hasActions=!1;leadingSlot;searchSlot;actionsSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasLeading=n(this.leadingSlot),this.hasSearch=n(this.searchSlot),this.hasActions=n(this.actionsSlot)};render(){return t(i,{key:"1f0cf8994e3a18d42415fa85f14d172cfaddbf8e"},t("header",{key:"e92afb06dad409b4a4e8fcc52bcad09b3e4531c4",class:"top-bar",part:"base"},t("div",{key:"3d1458e841c7a600c98d6797b4ec97baee285de1",class:"top-bar__leading",hidden:!this.hasLeading},t("slot",{key:"665e078f41410275cba3c55fec05159518a97a9e",name:"leading",ref:e=>this.leadingSlot=e,onSlotchange:this.syncSlots})),t("div",{key:"7657a2c1e6c96660fa2ade470c8a4b0ecd30fcd9",class:"top-bar__title"},t("slot",{key:"4d4f70c1a50aede4ef3a63176d714502b074a2cf"})),t("div",{key:"9409800ebaee24e4567de2126c0dd2544e741956",class:"top-bar__search",hidden:!this.hasSearch},t("slot",{key:"2e66be8358235ae5ef10c7f9a115b08377ece3a7",name:"search",ref:e=>this.searchSlot=e,onSlotchange:this.syncSlots})),t("div",{key:"e7fa28dddde4f0638a153ad0c8fcc3de94c0ecdc",class:"top-bar__actions",hidden:!this.hasActions},t("slot",{key:"56c6620da69e2775a8a4d7306bb40b7a6713b100",name:"actions",ref:e=>this.actionsSlot=e,onSlotchange:this.syncSlots}))))}static get style(){return":host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-block-start:env(safe-area-inset-top);padding-inline-start:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-left)   );padding-inline-end:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-right)   );background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}"}},[769,"ui-top-bar",{hasLeading:[32],hasSearch:[32],hasActions:[32]}]),c=r,d=function(){"undefined"!=typeof customElements&&["ui-top-bar"].forEach((e=>{"ui-top-bar"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))};export{c as UiTopBar,d as defineCustomElement}

package/dist/components/ui-tree-item.js

@@ -1 +1 @@
-import{p as e,H as i,h as t,c as a,t as r}from"./p-Bh_1GxOD.js";import{d as o,e as s}from"./p-JwSoedEO.js";import{l as n}from"./p-CoFximGM.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}itemId="";label="";dropDepth;subtreeDepth;container=!1;sortable=!1;dragType="item";dropScope="";accepts="";expanded;defaultExpanded=!1;selected=!1;disabled=!1;internalExpanded=!1;structuralLevel=1;tabStop=!1;syncExpandedFromProp(){void 0!==this.expanded&&(this.internalExpanded=this.expanded)}componentWillLoad(){this.internalExpanded=this.expanded??this.defaultExpanded,this.updateStructuralLevel()}connectedCallback(){this.host.addEventListener("ui-tree-auto-expand",this.onAutoExpand),this.host.addEventListener("ui-tree-structure-sync",this.updateStructuralLevel),this.host.addEventListener("ui-tree-roving-tab-stop",this.onRovingTabStop),this.host.addEventListener("ui-tree-request-expanded",this.onExpansionRequest)}disconnectedCallback(){this.host.removeEventListener("ui-tree-auto-expand",this.onAutoExpand),this.host.removeEventListener("ui-tree-structure-sync",this.updateStructuralLevel),this.host.removeEventListener("ui-tree-roving-tab-stop",this.onRovingTabStop),this.host.removeEventListener("ui-tree-request-expanded",this.onExpansionRequest)}updateStructuralLevel=()=>{const e=this.host.closest("ui-tree");let i=this.host.parentElement?.closest("ui-tree-item")??null,t=1;for(;i&&e?.contains(i);)t+=1,i=i.parentElement?.closest("ui-tree-item")??null;this.structuralLevel!==t&&(this.structuralLevel=t)};setExpanded(e,i){const t=this.isExpanded();this.container&&!this.disabled&&t!==e&&(void 0===this.expanded&&(this.internalExpanded=e),o(this.host,"expand",{id:this.itemId,expanded:e,trigger:i}),this.host.dispatchEvent(new CustomEvent("ui-tree-expansion-change")))}isExpanded(){return this.expanded??this.internalExpanded}onAutoExpand=()=>{this.setExpanded(!0,"pointer")};onRovingTabStop=e=>{this.tabStop=!!e.detail?.active&&!this.disabled};onExpansionRequest=e=>{const i=e.detail;"boolean"==typeof i?.expanded&&this.setExpanded(i.expanded,i.trigger??"keyboard")};onDisclosureClick=e=>{e.stopPropagation(),this.setExpanded(!this.isExpanded(),s(e))};onDisclosureKeydown=e=>{"ArrowRight"!==e.key&&"ArrowLeft"!==e.key||(e.preventDefault(),e.stopPropagation(),this.setExpanded("ArrowRight"===e.key,"keyboard"))};onRowClick=e=>{this.container&&!this.disabled&&(e.composedPath().some((e=>e instanceof i&&(e.matches('a, button, input, select, textarea, [role="button"], [role="link"]')||"actions"===e.getAttribute("slot"))))||this.setExpanded(!this.isExpanded(),s(e)))};render(){const e=this.structuralLevel,i=this.isExpanded(),r=`${i?"Collapse":"Expand"} ${this.label||"item"}`,o=`Drag ${this.label||"item"} to reorder`;return t(a,{key:"f092fa9586a39aba1a9629ba42e52f8fbc10de05",role:"treeitem","aria-label":this.label||void 0,"aria-level":e+"","aria-expanded":this.container?i+"":void 0,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":void 0,"data-container":this.container?"":void 0,"data-selected":this.selected?"":void 0,"data-disabled":this.disabled?"":void 0,"data-drag-type":this.dragType||"item","data-drop-scope":this.dropScope||void 0,"data-accepts":this.accepts||void 0,tabIndex:this.disabled||!this.tabStop?-1:0,style:{"--ui-tree-item-depth":e-1+"","margin-inline-start":e>1?"var(--ui-tree-indent, 16px)":"0px"}},t("div",{key:"2f16d97219ba9ec9e37688d97ad9144508aa1ed5",class:"row",part:"row",onClick:this.onRowClick},this.sortable&&!this.disabled?t("button",{class:"drag-handle",part:"drag-handle",type:"button",draggable:!0,"aria-label":o,title:o},t("span",{innerHTML:n("grip-vertical")})):null,this.container?t("button",{class:"disclosure",part:"disclosure",type:"button","aria-label":r,"aria-expanded":i+"",disabled:this.disabled,onClick:this.onDisclosureClick,onKeyDown:this.onDisclosureKeydown},t("span",{class:{"disclosure-icon":!0,"disclosure-icon--expanded":i},innerHTML:n("chevron-down")})):t("span",{class:"disclosure-spacer","aria-hidden":"true"}),t("span",{key:"d984631c891df304edb3e1dc5bcd19af3ad8e20d",class:"leading",part:"leading"},t("slot",{key:"81a0e055859df5d4daaa6dac39013b23dcc2831b",name:"leading"})),t("span",{key:"3ae295523d5a3b9feaa9bfaa16d807349e37d78b",class:"label",part:"label"},t("slot",{key:"db8503a41d087d283074a41e76fa872ff4b2a707"})),t("span",{key:"ac5b5db7128b31a9263b912bd64cd90ac640eaeb",class:"actions",part:"actions"},t("slot",{key:"c8842a5d80215ec297688c86f6bfe9b4d9bed333",name:"actions"})),t("span",{key:"b7f239bc16867678291850ad61a5cd752d6a7425",class:"drop-indicator row-drop-indicator",part:"drop-indicator","aria-hidden":"true"})),this.container?t("div",{class:"children",part:"children",role:"group",hidden:!i},t("slot",{name:"children"})):null,t("span",{key:"2a5f448db2f4f363a34a1a950785e0ee12cc9938",class:"drop-indicator subtree-drop-indicator",part:"drop-indicator","aria-hidden":"true"}))}static get watchers(){return{expanded:[{syncExpandedFromProp:0}]}}static get style(){return":host{--ui-tree-indent:16px;--ui-tree-row-min-height:32px;--ui-tree-drop-color:var(--ui-accent-solid);position:relative;display:block;min-inline-size:0;margin-inline-start:calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent))}.row{position:relative;display:grid;grid-template-columns:20px auto minmax(0, 1fr) auto;align-items:center;min-block-size:var(--ui-tree-row-min-height);min-inline-size:0;font-size:var(--ui-tree-font-size, var(--ui-font-size-ui, 0.9375rem));border-radius:var(--ui-radius-md);color:var(--ui-text-secondary);transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     opacity var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     min-block-size var(--ui-motion-base) var(--ui-motion-ease)}.row:hover,:host([data-selected]) .row,.row:focus-within{color:var(--ui-text-primary);background:var(--ui-surface-muted)}:host([data-disabled]) .row{opacity:0.55}:host([data-dragging]) .row{opacity:0.42}:host(:focus){outline:none}:host(:focus-visible) .row{box-shadow:0 0 0 2px var(--ui-focus-ring)}:host([data-drop-position='inside']) .row{background:var(--ui-accent-subtle);box-shadow:inset 0 0 0 1px var(--ui-tree-drop-color)}.disclosure,.disclosure-spacer{grid-column:1;grid-row:1;inline-size:20px;block-size:28px}.disclosure{display:grid;place-items:center;padding:0;color:var(--ui-text-muted);background:transparent;border:0;border-radius:var(--ui-radius-sm);cursor:pointer}.disclosure:hover{color:var(--ui-text-primary);background:var(--ui-surface-elevated)}.disclosure-icon{display:block;inline-size:14px;block-size:14px;transform:rotate(-90deg);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}.disclosure-icon--expanded{transform:rotate(0deg)}.disclosure-icon :is(svg),.drag-handle :is(svg){display:block;inline-size:100%;block-size:100%}.leading{display:none}.leading:has(*){display:inline-grid;place-items:center;grid-column:2;grid-row:1;inline-size:16px;block-size:16px;margin-inline-start:var(--ui-space-1)}.label{grid-column:3;grid-row:1;min-inline-size:0;padding:var(--ui-space-1) var(--ui-space-2)}.actions{grid-column:4;grid-row:1;display:inline-flex;align-items:center;min-inline-size:0}.drag-handle{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:-22px;inline-size:20px;block-size:32px;display:grid;place-items:center;padding:7px 3px;color:var(--ui-text-muted);background:var(--ui-surface-elevated);border:1px solid transparent;border-radius:var(--ui-radius-sm);cursor:grab;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease)}.row:hover .drag-handle,.drag-handle:focus-visible,:host([data-dragging]) .drag-handle{opacity:1;pointer-events:auto}.drag-handle:active{cursor:grabbing}.drop-indicator{position:absolute;z-index:3;inset-inline:1px;display:none;block-size:2px;border-radius:999px;background:var(--ui-tree-drop-color);pointer-events:none}.drop-indicator::before,.drop-indicator::after{content:'';position:absolute;inset-block-start:50%;inline-size:7px;block-size:7px;border:2px solid var(--ui-tree-drop-color);border-radius:999px;background:var(--ui-surface-elevated);transform:translateY(-50%)}.drop-indicator::before{inset-inline-start:-1px}.drop-indicator::after{inset-inline-end:-1px}:host([data-drop-position='before']) .row-drop-indicator{display:block;inset-block-start:-1px}:host([data-drop-position='after']) .subtree-drop-indicator{display:block;inset-block-end:-1px}.children[hidden]{display:none}:host-context(html[data-ui-input-modality='touch']){--ui-tree-row-min-height:44px}:host-context(html[data-ui-input-modality='touch']) .drag-handle{display:none}@media (prefers-reduced-motion: reduce){.row,.disclosure-icon,.drag-handle{transition:none}}"}},[769,"ui-tree-item",{itemId:[1,"item-id"],label:[1],dropDepth:[2,"drop-depth"],subtreeDepth:[2,"subtree-depth"],container:[4],sortable:[4],dragType:[1,"drag-type"],dropScope:[1,"drop-scope"],accepts:[1],expanded:[4],defaultExpanded:[4,"default-expanded"],selected:[4],disabled:[4],internalExpanded:[32],structuralLevel:[32],tabStop:[32]},void 0,{expanded:[{syncExpandedFromProp:0}]}]),l=d,c=function(){"undefined"!=typeof customElements&&["ui-tree-item"].forEach((e=>{"ui-tree-item"===e&&(customElements.get(r(e))||customElements.define(r(e),d))}))};export{l as UiTreeItem,c as defineCustomElement}
+import{p as e,H as i,h as t,c as a,t as r}from"./p-Bh_1GxOD.js";import{d as o,e as s}from"./p-JwSoedEO.js";import{l as n}from"./p-CoFximGM.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}itemId="";label="";dropDepth;subtreeDepth;container=!1;sortable=!1;dragType="item";dropScope="";accepts="";expanded;defaultExpanded=!1;selected=!1;disabled=!1;internalExpanded=!1;structuralLevel=1;tabStop=!1;syncExpandedFromProp(){void 0!==this.expanded&&(this.internalExpanded=this.expanded)}componentWillLoad(){this.internalExpanded=this.expanded??this.defaultExpanded,this.updateStructuralLevel()}connectedCallback(){this.host.addEventListener("ui-tree-auto-expand",this.onAutoExpand),this.host.addEventListener("ui-tree-structure-sync",this.updateStructuralLevel),this.host.addEventListener("ui-tree-roving-tab-stop",this.onRovingTabStop),this.host.addEventListener("ui-tree-request-expanded",this.onExpansionRequest)}disconnectedCallback(){this.host.removeEventListener("ui-tree-auto-expand",this.onAutoExpand),this.host.removeEventListener("ui-tree-structure-sync",this.updateStructuralLevel),this.host.removeEventListener("ui-tree-roving-tab-stop",this.onRovingTabStop),this.host.removeEventListener("ui-tree-request-expanded",this.onExpansionRequest)}updateStructuralLevel=()=>{const e=this.host.closest("ui-tree");let i=this.host.parentElement?.closest("ui-tree-item")??null,t=1;for(;i&&e?.contains(i);)t+=1,i=i.parentElement?.closest("ui-tree-item")??null;this.structuralLevel!==t&&(this.structuralLevel=t)};setExpanded(e,i){const t=this.isExpanded();this.container&&!this.disabled&&t!==e&&(void 0===this.expanded&&(this.internalExpanded=e),o(this.host,"expand",{id:this.itemId,expanded:e,trigger:i}),this.host.dispatchEvent(new CustomEvent("ui-tree-expansion-change")))}isExpanded(){return this.expanded??this.internalExpanded}onAutoExpand=()=>{this.setExpanded(!0,"pointer")};onRovingTabStop=e=>{this.tabStop=!!e.detail?.active&&!this.disabled};onExpansionRequest=e=>{const i=e.detail;"boolean"==typeof i?.expanded&&this.setExpanded(i.expanded,i.trigger??"keyboard")};onDisclosureClick=e=>{e.stopPropagation(),this.setExpanded(!this.isExpanded(),s(e))};onDisclosureKeydown=e=>{"ArrowRight"!==e.key&&"ArrowLeft"!==e.key||(e.preventDefault(),e.stopPropagation(),this.setExpanded("ArrowRight"===e.key,"keyboard"))};onRowClick=e=>{this.container&&!this.disabled&&(e.composedPath().some((e=>e instanceof i&&(e.matches('a, button, input, select, textarea, [role="button"], [role="link"]')||"actions"===e.getAttribute("slot"))))||this.setExpanded(!this.isExpanded(),s(e)))};render(){const e=this.structuralLevel,i=this.isExpanded(),r=`${i?"Collapse":"Expand"} ${this.label||"item"}`,o=`Drag ${this.label||"item"} to reorder`;return t(a,{key:"4a42d3c93b49ad82ae87496defe22f4abde13819",role:"treeitem","aria-label":this.label||void 0,"aria-level":e+"","aria-expanded":this.container?i+"":void 0,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":void 0,"data-container":this.container?"":void 0,"data-selected":this.selected?"":void 0,"data-disabled":this.disabled?"":void 0,"data-drag-type":this.dragType||"item","data-drop-scope":this.dropScope||void 0,"data-accepts":this.accepts||void 0,tabIndex:this.disabled||!this.tabStop?-1:0,style:{"--ui-tree-item-depth":e-1+"","margin-inline-start":e>1?"var(--ui-tree-indent, 16px)":"0px"}},t("div",{key:"9b62f172b2c0a80925404aee13895b3342d7dcb6",class:"row",part:"row",onClick:this.onRowClick},this.sortable&&!this.disabled?t("button",{class:"drag-handle",part:"drag-handle",type:"button",draggable:!0,"aria-label":o,title:o},t("span",{innerHTML:n("grip-vertical")})):null,this.container?t("button",{class:"disclosure",part:"disclosure",type:"button","aria-label":r,"aria-expanded":i+"",disabled:this.disabled,onClick:this.onDisclosureClick,onKeyDown:this.onDisclosureKeydown},t("span",{class:{"disclosure-icon":!0,"disclosure-icon--expanded":i},innerHTML:n("chevron-down")})):t("span",{class:"disclosure-spacer","aria-hidden":"true"}),t("span",{key:"fe2e301bf43f1fdb524a004960855f63d05ce138",class:"leading",part:"leading"},t("slot",{key:"6f569883ead32dff5340b1c1da74dc8fdade49e6",name:"leading"})),t("span",{key:"942e3bb0b6b4021166916777ab18dc868c39fbdc",class:"label",part:"label"},t("slot",{key:"42b9d9f42fd7aaad35ed7091c39953710ebf5a58"})),t("span",{key:"8483a822895220d2bb2aa2cb0a45cd296062cae9",class:"actions",part:"actions"},t("slot",{key:"dae2b38eef43a061f40a7498d8f28e703e5468e3",name:"actions"})),t("span",{key:"0a9b7db9ab5e9a709f9f0a3a8d77bd1c044295c4",class:"drop-indicator row-drop-indicator",part:"drop-indicator","aria-hidden":"true"})),this.container?t("div",{class:"children",part:"children",role:"group",hidden:!i},t("slot",{name:"children"})):null,t("span",{key:"641be80771d73d2c7193f2c762db1d0fe5c79e5d",class:"drop-indicator subtree-drop-indicator",part:"drop-indicator","aria-hidden":"true"}))}static get watchers(){return{expanded:[{syncExpandedFromProp:0}]}}static get style(){return":host{--ui-tree-indent:16px;--ui-tree-row-min-height:32px;--ui-tree-drop-color:var(--ui-accent-solid);position:relative;display:block;min-inline-size:0;margin-inline-start:calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent))}.row{position:relative;display:grid;grid-template-columns:20px auto minmax(0, 1fr) auto;align-items:center;min-block-size:var(--ui-tree-row-min-height);min-inline-size:0;font-size:var(--ui-tree-font-size, var(--ui-font-size-ui, 0.9375rem));border-radius:var(--ui-radius-md);color:var(--ui-text-secondary);transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     opacity var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     min-block-size var(--ui-motion-base) var(--ui-motion-ease)}.row:hover,:host([data-selected]) .row,.row:focus-within{color:var(--ui-text-primary);background:var(--ui-surface-muted)}:host([data-disabled]) .row{opacity:0.55}:host([data-dragging]) .row{opacity:0.42}:host(:focus){outline:none}:host(:focus-visible) .row{box-shadow:0 0 0 2px var(--ui-focus-ring)}:host([data-drop-position='inside']) .row{background:var(--ui-accent-subtle);box-shadow:inset 0 0 0 1px var(--ui-tree-drop-color)}.disclosure,.disclosure-spacer{grid-column:1;grid-row:1;inline-size:20px;block-size:28px}.disclosure{display:grid;place-items:center;padding:0;color:var(--ui-text-muted);background:transparent;border:0;border-radius:var(--ui-radius-sm);cursor:pointer}.disclosure:hover{color:var(--ui-text-primary);background:var(--ui-surface-elevated)}.disclosure-icon{display:block;inline-size:14px;block-size:14px;transform:rotate(-90deg);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}.disclosure-icon--expanded{transform:rotate(0deg)}.disclosure-icon :is(svg),.drag-handle :is(svg){display:block;inline-size:100%;block-size:100%}.leading{display:none}.leading:has(*){display:inline-grid;place-items:center;grid-column:2;grid-row:1;inline-size:16px;block-size:16px;margin-inline-start:var(--ui-space-1)}.label{grid-column:3;grid-row:1;min-inline-size:0;padding:var(--ui-space-1) var(--ui-space-2)}.actions{grid-column:4;grid-row:1;display:inline-flex;align-items:center;min-inline-size:0}.drag-handle{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:-22px;inline-size:20px;block-size:32px;display:grid;place-items:center;padding:7px 3px;color:var(--ui-text-muted);background:var(--ui-surface-elevated);border:1px solid transparent;border-radius:var(--ui-radius-sm);cursor:grab;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease)}.row:hover .drag-handle,.drag-handle:focus-visible,:host([data-dragging]) .drag-handle{opacity:1;pointer-events:auto}.drag-handle:active{cursor:grabbing}.drop-indicator{position:absolute;z-index:3;inset-inline:1px;display:none;block-size:2px;border-radius:999px;background:var(--ui-tree-drop-color);pointer-events:none}.drop-indicator::before,.drop-indicator::after{content:'';position:absolute;inset-block-start:50%;inline-size:7px;block-size:7px;border:2px solid var(--ui-tree-drop-color);border-radius:999px;background:var(--ui-surface-elevated);transform:translateY(-50%)}.drop-indicator::before{inset-inline-start:-1px}.drop-indicator::after{inset-inline-end:-1px}:host([data-drop-position='before']) .row-drop-indicator{display:block;inset-block-start:-1px}:host([data-drop-position='after']) .subtree-drop-indicator{display:block;inset-block-end:-1px}.children[hidden]{display:none}:host-context(html[data-ui-input-modality='touch']){--ui-tree-row-min-height:44px}:host-context(html[data-ui-input-modality='touch']) .drag-handle{display:none}@media (prefers-reduced-motion: reduce){.row,.disclosure-icon,.drag-handle{transition:none}}"}},[769,"ui-tree-item",{itemId:[1,"item-id"],label:[1],dropDepth:[2,"drop-depth"],subtreeDepth:[2,"subtree-depth"],container:[4],sortable:[4],dragType:[1,"drag-type"],dropScope:[1,"drop-scope"],accepts:[1],expanded:[4],defaultExpanded:[4,"default-expanded"],selected:[4],disabled:[4],internalExpanded:[32],structuralLevel:[32],tabStop:[32]},void 0,{expanded:[{syncExpandedFromProp:0}]}]),l=d,c=function(){"undefined"!=typeof customElements&&["ui-tree-item"].forEach((e=>{"ui-tree-item"===e&&(customElements.get(r(e))||customElements.define(r(e),d))}))};export{l as UiTreeItem,c as defineCustomElement}

package/dist/components/ui-tree.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,c as s,t as r}from"./p-Bh_1GxOD.js";import{d as n}from"./p-JwSoedEO.js";function h(t,e,i){const s=t.height>0?Math.min(1,Math.max(0,(e-t.top)/t.height)):.5;return i?s<.25?"before":s>.75?"after":"inside":s<.5?"before":"after"}const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}label="Tree";hoverExpandDelay=700;maxDepth=0;source=null;target=null;position=null;rejectedTarget=null;rejectedPosition=null;rejection=null;hoverIntent=null;structureObserver=null;tabStop=null;componentDidLoad(){this.hoverIntent=function(t,e){let i,s;function r(){i&&clearTimeout(i),i=void 0,s=void 0}return{schedule(n){s===n&&i||(r(),s=n,i=setTimeout((()=>{i=void 0;const t=s;s=void 0,t&&e(t)}),Math.max(0,t)))},cancel:r,destroy:r}}(this.hoverExpandDelay,this.expandTarget),this.host.addEventListener("dragstart",this.onDragStart),this.host.addEventListener("drag",this.onDrag),this.host.addEventListener("dragenter",this.onDragOver),this.host.addEventListener("dragover",this.onDragOver),this.host.addEventListener("dragleave",this.onDragLeave),this.host.addEventListener("drop",this.onDrop),this.host.addEventListener("dragend",this.onDragEnd),this.host.addEventListener("keydown",this.onKeyDown),this.host.addEventListener("focusin",this.onFocusIn),this.host.addEventListener("ui-tree-expansion-change",this.onExpansionChange),this.syncStructuralLevels(),this.structureObserver=new MutationObserver(this.syncStructuralLevels),this.structureObserver.observe(this.host,{childList:!0,subtree:!0})}disconnectedCallback(){this.hoverIntent?.destroy(),this.host.removeEventListener("dragstart",this.onDragStart),this.host.removeEventListener("drag",this.onDrag),this.host.removeEventListener("dragenter",this.onDragOver),this.host.removeEventListener("dragover",this.onDragOver),this.host.removeEventListener("dragleave",this.onDragLeave),this.host.removeEventListener("drop",this.onDrop),this.host.removeEventListener("dragend",this.onDragEnd),this.host.removeEventListener("keydown",this.onKeyDown),this.host.removeEventListener("focusin",this.onFocusIn),this.host.removeEventListener("ui-tree-expansion-change",this.onExpansionChange),this.structureObserver?.disconnect(),this.structureObserver=null}syncStructuralLevels=()=>{for(const t of Array.from(this.host.querySelectorAll("ui-tree-item")))t.dispatchEvent(new CustomEvent("ui-tree-structure-sync"));this.syncTabStop()};syncTabStop(t){const e=this.visibleItems(),i=t&&e.includes(t)?t:this.tabStop&&e.includes(this.tabStop)?this.tabStop:e[0]??null;this.tabStop=i;for(const t of e)t.dispatchEvent(new CustomEvent("ui-tree-roving-tab-stop",{detail:{active:t===i}}))}itemFromEvent(t){return t.composedPath().find((t=>t instanceof e&&"ui-tree-item"===t.localName))??null}eventTargetsInteractiveContent(t){for(const i of t.composedPath()){if(i instanceof e&&"ui-tree-item"===i.localName)break;if(i instanceof e&&i.matches('a, button, input, select, textarea, [role="button"], [role="link"]'))return!0}return!1}itemId(t){return t.itemId||t.getAttribute("item-id")||""}rowFor(t){return t.shadowRoot?.querySelector('[part="row"]')??null}itemAtPoint(t,e){let i=this.host.ownerDocument.elementFromPoint(t,e);for(;i;){if("ui-tree-item"===i.localName&&this.host.contains(i))return i;const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:i.parentElement}return null}isWithinTree(t){let i=t instanceof e?t:null;for(;i;){if(i===this.host||this.host.contains(i))return!0;const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:i.parentElement}return!1}acceptsChildren(t){return!!(t.container??t.hasAttribute("container"))&&!(t.disabled??t.hasAttribute("disabled"))}itemMetadata(t){return{type:t.getAttribute("data-drag-type")||t.getAttribute("drag-type")||"item",scope:t.getAttribute("data-drop-scope")||t.getAttribute("drop-scope")||"",accepts:(t.getAttribute("data-accepts")||t.getAttribute("accepts")||"").split(",").map((t=>t.trim())).filter(Boolean)}}constraintDepth(t){if(void 0!==t.dropDepth)return t.dropDepth;const e=t.getAttribute("drop-depth");return null!==e?Number(e):Number(t.getAttribute("aria-level"))||1}subtreeDepth(t){if(void 0!==t.subtreeDepth)return Math.max(0,Math.floor(t.subtreeDepth));const e=t.getAttribute("subtree-depth");return null!==e?Math.max(0,Math.floor(Number(e))):Array.from(t.querySelectorAll("ui-tree-item")).reduce(((e,i)=>{let s=0,r=i.parentElement?.closest("ui-tree-item")??null;for(;r&&r!==t;)s+=1,r=r.parentElement?.closest("ui-tree-item")??null;return r===t?Math.max(e,s+1):e}),0)}dropRejection(t,e,i){if(t.contains(e))return{reason:"descendant"};const s=this.itemMetadata(t),r=this.itemMetadata(e);if("inside"===i){if(!this.acceptsChildren(e)||r.accepts.length>0&&!r.accepts.includes(s.type))return{reason:"incompatible"}}else if(s.type!==r.type)return{reason:"incompatible"};const n=Math.max(0,Math.floor(this.maxDepth));if(n>0){const s=Math.max(0,Math.floor(this.constraintDepth(e)))+("inside"===i?1:0)+this.subtreeDepth(t);if(s>n)return{reason:"max-depth",maxDepth:n,resultingDepth:s}}return null}clearTarget(){this.target?.removeAttribute("data-drop-position"),this.target=null,this.position=null,this.hoverIntent?.cancel()}clearRejection(){this.rejectedTarget=null,this.rejectedPosition=null,this.rejection=null}finishDrag(){this.source?.removeAttribute("data-dragging"),this.source=null,this.clearTarget(),this.clearRejection()}expandTarget=t=>{const e=Array.from(this.host.querySelectorAll("ui-tree-item")).find((e=>this.itemId(e)===t));e&&"false"===e.getAttribute("aria-expanded")&&e.dispatchEvent(new CustomEvent("ui-tree-auto-expand"))};onDragStart=t=>{const i=this.itemFromEvent(t);if(!i||!(i.sortable??i.hasAttribute("sortable"))||(i.disabled??i.hasAttribute("disabled")))return;if(!t.composedPath().some((t=>t instanceof e&&"drag-handle"===t.getAttribute("part"))))return void t.preventDefault();const s=this.itemId(i),r=this.rowFor(i);s&&r?(this.source=i,i.setAttribute("data-dragging","true"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",s)),function(t,e){if(!t||"function"!=typeof t.setDragImage)return;const{height:i}=e.getBoundingClientRect();t.setDragImage(e,16,Math.max(0,i/2))}(t.dataTransfer,r)):t.preventDefault()};updateTarget(t,e,i){if(!this.source)return!1;if(!t||t===this.source)return this.clearTarget(),this.clearRejection(),!1;const s=this.rowFor(t);if(!s)return!1;const r=h(s.getBoundingClientRect(),e,this.acceptsChildren(t)),n=this.dropRejection(this.source,t,r);return n?(i&&(i.dropEffect="none"),this.clearTarget(),"max-depth"===n.reason?(this.rejectedTarget=t,this.rejectedPosition=r,this.rejection=n):this.clearRejection(),!1):(this.clearRejection(),i&&(i.dropEffect="move"),this.target===t&&this.position===r||(this.clearTarget(),this.target=t,this.position=r,t.setAttribute("data-drop-position",r)),"inside"===r&&"false"===t.getAttribute("aria-expanded")?this.hoverIntent?.schedule(this.itemId(t)):this.hoverIntent?.cancel(),!0)}onDrag=t=>{if(!this.source||0===t.clientX&&0===t.clientY)return;const e=this.itemAtPoint(t.clientX,t.clientY);e&&this.updateTarget(e,t.clientY,t.dataTransfer)};onDragOver=t=>{if(!this.source)return;const e=this.itemFromEvent(t);this.updateTarget(e,t.clientY,t.dataTransfer)&&t.preventDefault()};onDragLeave=t=>{this.isWithinTree(t.relatedTarget)||this.itemAtPoint(t.clientX,t.clientY)||(this.clearTarget(),this.clearRejection())};dispatchReorder(t,e,i){const s=this.itemId(t),r=this.itemId(e);if(!s||!r)return;"inside"===i&&this.expandTarget(r);const h=this.itemMetadata(t),o=this.itemMetadata(e);n(this.host,"reorder",{sourceId:s,targetId:r,position:i,sourceType:h.type,targetType:o.type,sourceScope:h.scope,targetScope:o.scope,trigger:"pointer"})}dispatchReorderRejected(t,e,i,s){const r=this.itemId(t),h=this.itemId(e);r&&h&&n(this.host,"reorder-rejected",{sourceId:r,targetId:h,position:i,reason:"max-depth",maxDepth:s.maxDepth,resultingDepth:s.resultingDepth,trigger:"pointer"})}onDrop=t=>{this.source&&this.target&&this.position&&(t.preventDefault(),this.dispatchReorder(this.source,this.target,this.position),this.finishDrag())};onDragEnd=t=>{if(this.source){if(this.rejectedTarget&&this.rejectedPosition&&this.rejection)return this.dispatchReorderRejected(this.source,this.rejectedTarget,this.rejectedPosition,this.rejection),void this.finishDrag();const e=this.itemAtPoint(t.clientX,t.clientY);if(e&&e!==this.source){const i=this.rowFor(e);if(i){const s=h(i.getBoundingClientRect(),t.clientY,this.acceptsChildren(e)),r=this.dropRejection(this.source,e,s);r?"max-depth"===r.reason&&this.dispatchReorderRejected(this.source,e,s,r):this.dispatchReorder(this.source,e,s)}}}this.finishDrag()};visibleItems(){return Array.from(this.host.querySelectorAll("ui-tree-item")).filter((t=>t.getClientRects().length>0&&!t.hasAttribute("disabled")))}parentItem(t){const e=t.parentElement?.closest("ui-tree-item")??null;return e&&this.host.contains(e)?e:null}firstVisibleChild(t,e){return e.find((e=>this.parentItem(e)===t))??null}focusItem(t){this.syncTabStop(t),t.focus()}requestExpansion(t,e){t.dispatchEvent(new CustomEvent("ui-tree-request-expanded",{detail:{expanded:e,trigger:"keyboard"}}))}onFocusIn=t=>{if(this.eventTargetsInteractiveContent(t))return;const e=this.itemFromEvent(t);e&&this.syncTabStop(e)};onExpansionChange=()=>{requestAnimationFrame((()=>this.syncTabStop()))};onKeyDown=t=>{if(this.eventTargetsInteractiveContent(t))return;const e=this.itemFromEvent(t);if(!e)return;const i=this.visibleItems(),s=i.indexOf(e);if(s<0)return;const r="ArrowDown"===t.key?i[s+1]:"ArrowUp"===t.key?i[s-1]:"Home"===t.key?i[0]:"End"===t.key?i.at(-1):null;if(r)return t.preventDefault(),void this.focusItem(r);if("ArrowLeft"!==t.key){if("ArrowRight"===t.key)if("false"===e.getAttribute("aria-expanded"))t.preventDefault(),this.requestExpansion(e,!0);else if("true"===e.getAttribute("aria-expanded")){const s=this.firstVisibleChild(e,i);s&&(t.preventDefault(),this.focusItem(s))}}else"true"===e.getAttribute("aria-expanded")?(t.preventDefault(),this.requestExpansion(e,!1)):this.parentItem(e)&&(t.preventDefault(),this.focusItem(this.parentItem(e)))};render(){return i(s,{key:"7efbf793fe63471006df57f0045a5fe995c81440",role:"tree","aria-label":this.label||"Tree"},i("slot",{key:"1804e391796e7451c93cb58258e0e23ec3ad98c7"}))}static get style(){return":host{--ui-tree-indent:16px;--ui-tree-gutter:0px;display:block;min-inline-size:0;padding-inline-start:var(--ui-tree-gutter)}::slotted(ui-tree-item){--ui-tree-indent:inherit}"}},[769,"ui-tree",{label:[1],hoverExpandDelay:[2,"hover-expand-delay"],maxDepth:[2,"max-depth"]}]),a=o,u=function(){"undefined"!=typeof customElements&&["ui-tree"].forEach((t=>{"ui-tree"===t&&(customElements.get(r(t))||customElements.define(r(t),o))}))};export{a as UiTree,u as defineCustomElement}
+import{p as t,H as e,h as i,c as s,t as r}from"./p-Bh_1GxOD.js";import{d as n}from"./p-JwSoedEO.js";function h(t,e,i){const s=t.height>0?Math.min(1,Math.max(0,(e-t.top)/t.height)):.5;return i?s<.25?"before":s>.75?"after":"inside":s<.5?"before":"after"}const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}label="Tree";hoverExpandDelay=700;maxDepth=0;source=null;target=null;position=null;rejectedTarget=null;rejectedPosition=null;rejection=null;hoverIntent=null;structureObserver=null;tabStop=null;componentDidLoad(){this.hoverIntent=function(t,e){let i,s;function r(){i&&clearTimeout(i),i=void 0,s=void 0}return{schedule(n){s===n&&i||(r(),s=n,i=setTimeout((()=>{i=void 0;const t=s;s=void 0,t&&e(t)}),Math.max(0,t)))},cancel:r,destroy:r}}(this.hoverExpandDelay,this.expandTarget),this.host.addEventListener("dragstart",this.onDragStart),this.host.addEventListener("drag",this.onDrag),this.host.addEventListener("dragenter",this.onDragOver),this.host.addEventListener("dragover",this.onDragOver),this.host.addEventListener("dragleave",this.onDragLeave),this.host.addEventListener("drop",this.onDrop),this.host.addEventListener("dragend",this.onDragEnd),this.host.addEventListener("keydown",this.onKeyDown),this.host.addEventListener("focusin",this.onFocusIn),this.host.addEventListener("ui-tree-expansion-change",this.onExpansionChange),this.syncStructuralLevels(),this.structureObserver=new MutationObserver(this.syncStructuralLevels),this.structureObserver.observe(this.host,{childList:!0,subtree:!0})}disconnectedCallback(){this.hoverIntent?.destroy(),this.host.removeEventListener("dragstart",this.onDragStart),this.host.removeEventListener("drag",this.onDrag),this.host.removeEventListener("dragenter",this.onDragOver),this.host.removeEventListener("dragover",this.onDragOver),this.host.removeEventListener("dragleave",this.onDragLeave),this.host.removeEventListener("drop",this.onDrop),this.host.removeEventListener("dragend",this.onDragEnd),this.host.removeEventListener("keydown",this.onKeyDown),this.host.removeEventListener("focusin",this.onFocusIn),this.host.removeEventListener("ui-tree-expansion-change",this.onExpansionChange),this.structureObserver?.disconnect(),this.structureObserver=null}syncStructuralLevels=()=>{for(const t of Array.from(this.host.querySelectorAll("ui-tree-item")))t.dispatchEvent(new CustomEvent("ui-tree-structure-sync"));this.syncTabStop()};syncTabStop(t){const e=this.visibleItems(),i=t&&e.includes(t)?t:this.tabStop&&e.includes(this.tabStop)?this.tabStop:e[0]??null;this.tabStop=i;for(const t of e)t.dispatchEvent(new CustomEvent("ui-tree-roving-tab-stop",{detail:{active:t===i}}))}itemFromEvent(t){return t.composedPath().find((t=>t instanceof e&&"ui-tree-item"===t.localName))??null}eventTargetsInteractiveContent(t){for(const i of t.composedPath()){if(i instanceof e&&"ui-tree-item"===i.localName)break;if(i instanceof e&&i.matches('a, button, input, select, textarea, [role="button"], [role="link"]'))return!0}return!1}itemId(t){return t.itemId||t.getAttribute("item-id")||""}rowFor(t){return t.shadowRoot?.querySelector('[part="row"]')??null}itemAtPoint(t,e){let i=this.host.ownerDocument.elementFromPoint(t,e);for(;i;){if("ui-tree-item"===i.localName&&this.host.contains(i))return i;const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:i.parentElement}return null}isWithinTree(t){let i=t instanceof e?t:null;for(;i;){if(i===this.host||this.host.contains(i))return!0;const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:i.parentElement}return!1}acceptsChildren(t){return!!(t.container??t.hasAttribute("container"))&&!(t.disabled??t.hasAttribute("disabled"))}itemMetadata(t){return{type:t.getAttribute("data-drag-type")||t.getAttribute("drag-type")||"item",scope:t.getAttribute("data-drop-scope")||t.getAttribute("drop-scope")||"",accepts:(t.getAttribute("data-accepts")||t.getAttribute("accepts")||"").split(",").map((t=>t.trim())).filter(Boolean)}}constraintDepth(t){if(void 0!==t.dropDepth)return t.dropDepth;const e=t.getAttribute("drop-depth");return null!==e?Number(e):Number(t.getAttribute("aria-level"))||1}subtreeDepth(t){if(void 0!==t.subtreeDepth)return Math.max(0,Math.floor(t.subtreeDepth));const e=t.getAttribute("subtree-depth");return null!==e?Math.max(0,Math.floor(Number(e))):Array.from(t.querySelectorAll("ui-tree-item")).reduce(((e,i)=>{let s=0,r=i.parentElement?.closest("ui-tree-item")??null;for(;r&&r!==t;)s+=1,r=r.parentElement?.closest("ui-tree-item")??null;return r===t?Math.max(e,s+1):e}),0)}dropRejection(t,e,i){if(t.contains(e))return{reason:"descendant"};const s=this.itemMetadata(t),r=this.itemMetadata(e);if("inside"===i){if(!this.acceptsChildren(e)||r.accepts.length>0&&!r.accepts.includes(s.type))return{reason:"incompatible"}}else if(s.type!==r.type)return{reason:"incompatible"};const n=Math.max(0,Math.floor(this.maxDepth));if(n>0){const s=Math.max(0,Math.floor(this.constraintDepth(e)))+("inside"===i?1:0)+this.subtreeDepth(t);if(s>n)return{reason:"max-depth",maxDepth:n,resultingDepth:s}}return null}clearTarget(){this.target?.removeAttribute("data-drop-position"),this.target=null,this.position=null,this.hoverIntent?.cancel()}clearRejection(){this.rejectedTarget=null,this.rejectedPosition=null,this.rejection=null}finishDrag(){this.source?.removeAttribute("data-dragging"),this.source=null,this.clearTarget(),this.clearRejection()}expandTarget=t=>{const e=Array.from(this.host.querySelectorAll("ui-tree-item")).find((e=>this.itemId(e)===t));e&&"false"===e.getAttribute("aria-expanded")&&e.dispatchEvent(new CustomEvent("ui-tree-auto-expand"))};onDragStart=t=>{const i=this.itemFromEvent(t);if(!i||!(i.sortable??i.hasAttribute("sortable"))||(i.disabled??i.hasAttribute("disabled")))return;if(!t.composedPath().some((t=>t instanceof e&&"drag-handle"===t.getAttribute("part"))))return void t.preventDefault();const s=this.itemId(i),r=this.rowFor(i);s&&r?(this.source=i,i.setAttribute("data-dragging","true"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",s)),function(t,e){if(!t||"function"!=typeof t.setDragImage)return;const{height:i}=e.getBoundingClientRect();t.setDragImage(e,16,Math.max(0,i/2))}(t.dataTransfer,r)):t.preventDefault()};updateTarget(t,e,i){if(!this.source)return!1;if(!t||t===this.source)return this.clearTarget(),this.clearRejection(),!1;const s=this.rowFor(t);if(!s)return!1;const r=h(s.getBoundingClientRect(),e,this.acceptsChildren(t)),n=this.dropRejection(this.source,t,r);return n?(i&&(i.dropEffect="none"),this.clearTarget(),"max-depth"===n.reason?(this.rejectedTarget=t,this.rejectedPosition=r,this.rejection=n):this.clearRejection(),!1):(this.clearRejection(),i&&(i.dropEffect="move"),this.target===t&&this.position===r||(this.clearTarget(),this.target=t,this.position=r,t.setAttribute("data-drop-position",r)),"inside"===r&&"false"===t.getAttribute("aria-expanded")?this.hoverIntent?.schedule(this.itemId(t)):this.hoverIntent?.cancel(),!0)}onDrag=t=>{if(!this.source||0===t.clientX&&0===t.clientY)return;const e=this.itemAtPoint(t.clientX,t.clientY);e&&this.updateTarget(e,t.clientY,t.dataTransfer)};onDragOver=t=>{if(!this.source)return;const e=this.itemFromEvent(t);this.updateTarget(e,t.clientY,t.dataTransfer)&&t.preventDefault()};onDragLeave=t=>{this.isWithinTree(t.relatedTarget)||this.itemAtPoint(t.clientX,t.clientY)||(this.clearTarget(),this.clearRejection())};dispatchReorder(t,e,i){const s=this.itemId(t),r=this.itemId(e);if(!s||!r)return;"inside"===i&&this.expandTarget(r);const h=this.itemMetadata(t),o=this.itemMetadata(e);n(this.host,"reorder",{sourceId:s,targetId:r,position:i,sourceType:h.type,targetType:o.type,sourceScope:h.scope,targetScope:o.scope,trigger:"pointer"})}dispatchReorderRejected(t,e,i,s){const r=this.itemId(t),h=this.itemId(e);r&&h&&n(this.host,"reorder-rejected",{sourceId:r,targetId:h,position:i,reason:"max-depth",maxDepth:s.maxDepth,resultingDepth:s.resultingDepth,trigger:"pointer"})}onDrop=t=>{this.source&&this.target&&this.position&&(t.preventDefault(),this.dispatchReorder(this.source,this.target,this.position),this.finishDrag())};onDragEnd=t=>{if(this.source){if(this.rejectedTarget&&this.rejectedPosition&&this.rejection)return this.dispatchReorderRejected(this.source,this.rejectedTarget,this.rejectedPosition,this.rejection),void this.finishDrag();const e=this.itemAtPoint(t.clientX,t.clientY);if(e&&e!==this.source){const i=this.rowFor(e);if(i){const s=h(i.getBoundingClientRect(),t.clientY,this.acceptsChildren(e)),r=this.dropRejection(this.source,e,s);r?"max-depth"===r.reason&&this.dispatchReorderRejected(this.source,e,s,r):this.dispatchReorder(this.source,e,s)}}}this.finishDrag()};visibleItems(){return Array.from(this.host.querySelectorAll("ui-tree-item")).filter((t=>t.getClientRects().length>0&&!t.hasAttribute("disabled")))}parentItem(t){const e=t.parentElement?.closest("ui-tree-item")??null;return e&&this.host.contains(e)?e:null}firstVisibleChild(t,e){return e.find((e=>this.parentItem(e)===t))??null}focusItem(t){this.syncTabStop(t),t.focus()}requestExpansion(t,e){t.dispatchEvent(new CustomEvent("ui-tree-request-expanded",{detail:{expanded:e,trigger:"keyboard"}}))}onFocusIn=t=>{if(this.eventTargetsInteractiveContent(t))return;const e=this.itemFromEvent(t);e&&this.syncTabStop(e)};onExpansionChange=()=>{requestAnimationFrame((()=>this.syncTabStop()))};onKeyDown=t=>{if(this.eventTargetsInteractiveContent(t))return;const e=this.itemFromEvent(t);if(!e)return;const i=this.visibleItems(),s=i.indexOf(e);if(s<0)return;const r="ArrowDown"===t.key?i[s+1]:"ArrowUp"===t.key?i[s-1]:"Home"===t.key?i[0]:"End"===t.key?i.at(-1):null;if(r)return t.preventDefault(),void this.focusItem(r);if("ArrowLeft"!==t.key){if("ArrowRight"===t.key)if("false"===e.getAttribute("aria-expanded"))t.preventDefault(),this.requestExpansion(e,!0);else if("true"===e.getAttribute("aria-expanded")){const s=this.firstVisibleChild(e,i);s&&(t.preventDefault(),this.focusItem(s))}}else"true"===e.getAttribute("aria-expanded")?(t.preventDefault(),this.requestExpansion(e,!1)):this.parentItem(e)&&(t.preventDefault(),this.focusItem(this.parentItem(e)))};render(){return i(s,{key:"81fe656b4a7cdf8683f53aeee94fb53838950383",role:"tree","aria-label":this.label||"Tree"},i("slot",{key:"941204b299eec2181228f536c017a17f026b2f3d"}))}static get style(){return":host{--ui-tree-indent:16px;--ui-tree-gutter:0px;display:block;min-inline-size:0;padding-inline-start:var(--ui-tree-gutter)}::slotted(ui-tree-item){--ui-tree-indent:inherit}"}},[769,"ui-tree",{label:[1],hoverExpandDelay:[2,"hover-expand-delay"],maxDepth:[2,"max-depth"]}]),a=o,u=function(){"undefined"!=typeof customElements&&["ui-tree"].forEach((t=>{"ui-tree"===t&&(customElements.get(r(t))||customElements.define(r(t),o))}))};export{a as UiTree,u as defineCustomElement}

package/dist/esm/{positioning-Bu0dmLBE.js → positioning-Drmwg-C1.js}

@@ -86,28 +86,27 @@ function createViewportSurface(surface) {
         },
     };
 }
-function fallbackPosition(surface, anchor, placement, gap, viewportGap) {
+function fallbackPosition(surface, anchor, placement, gap, viewportGap, surfaceRect = surface.getBoundingClientRect()) {
     const owner = surface.ownerDocument.defaultView ?? window;
     const viewport = getVisualViewportRect(owner);
-    const rect = surface.getBoundingClientRect();
     const preferTop = placement.startsWith("top");
     const preferEnd = placement.endsWith("end");
     const spaceBelow = viewport.bottom - anchor.bottom - viewportGap;
     const spaceAbove = anchor.top - viewport.top - viewportGap;
     const useTop = preferTop
-        ? !(spaceAbove < rect.height + gap && spaceBelow > spaceAbove)
-        : spaceBelow < rect.height + gap && spaceAbove > spaceBelow;
+        ? !(spaceAbove < surfaceRect.height + gap && spaceBelow > spaceAbove)
+        : spaceBelow < surfaceRect.height + gap && spaceAbove > spaceBelow;
     const unclampedTop = useTop
-        ? anchor.top - rect.height - gap
+        ? anchor.top - surfaceRect.height - gap
         : anchor.bottom + gap;
     const unclampedLeft = preferEnd
-        ? anchor.right - rect.width
+        ? anchor.right - surfaceRect.width
         : anchor.left;
     const shifted = clampRectToViewport({
         left: unclampedLeft,
         top: unclampedTop,
-        width: rect.width,
-        height: rect.height,
+        width: surfaceRect.width,
+        height: surfaceRect.height,
     }, viewport, viewportGap);
     surface.style.left = `${Math.round(unclampedLeft + shifted.x)}px`;
     surface.style.top = `${Math.round(unclampedTop + shifted.y)}px`;
@@ -170,10 +169,16 @@ function createAnchoredSurface(surface, options = {}) {
         }
         if (!anchor)
             return;
-        if (nativeAnchor)
+        let surfaceRect;
+        if (nativeAnchor) {
             positionNative();
-        else
-            fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap);
+            const viewport = getVisualViewportRect(owner);
+            surfaceRect = surface.getBoundingClientRect();
+            const shift = clampRectToViewport(surfaceRect, viewport, viewportGap);
+            if (shift.x === 0 && shift.y === 0)
+                return;
+        }
+        fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap, surfaceRect);
     };
     const schedule = () => {
         if (!open || frame !== null)
@@ -181,7 +186,9 @@ function createAnchoredSurface(surface, options = {}) {
         frame = owner.requestAnimationFrame(position);
     };
     const syncFallbackListeners = () => {
-        const needsListeners = open && (point !== null || !nativeAnchor);
+        // Native anchor positioning handles ordinary placement, but the shared
+        // controller still owns viewport containment when neither side can fit.
+        const needsListeners = open && (point !== null || anchor !== null);
         if (!needsListeners) {
             listenerAbort?.abort();
             listenerAbort = null;

package/dist/esm/ui-affordance-scope.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
-import { D as DEFAULT_AFFORDANCE_NEAR_RADIUS, c as createProximityCoordinator } from './positioning-Bu0dmLBE.js';
+import { D as DEFAULT_AFFORDANCE_NEAR_RADIUS, c as createProximityCoordinator } from './positioning-Drmwg-C1.js';
 
 const uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
 

package/dist/esm/ui-chip_2.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-8BGiMGQ0.js';
-import { a as createAnchoredSurface } from './positioning-Bu0dmLBE.js';
+import { a as createAnchoredSurface } from './positioning-Drmwg-C1.js';
 import { c as closeOverlay, o as openOverlay } from './manager-C-0syqXZ.js';
 
-const uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
+const uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;min-width:0;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;box-sizing:border-box;min-width:0;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important}.chip__label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
 
 const UIChip = class {
     constructor(hostRef) {
@@ -13,7 +13,7 @@ const UIChip = class {
     /** Compact typography size. */
     size = 'xs';
     render() {
-        return (h(Host, { key: '970cb48cf8d70c47feaab90fe428c09f0d052a03', "data-appearance": this.appearance, "data-size": this.size }, h("span", { key: '6d8c6104d2869520097a2a61bd2a887b363b4912', class: "chip__surface" }, h("slot", { key: 'b61c50a8060d8a2684aed6f87dc859b1c9e99858' }))));
+        return (h(Host, { key: '970cb48cf8d70c47feaab90fe428c09f0d052a03', "data-appearance": this.appearance, "data-size": this.size }, h("span", { key: '6d8c6104d2869520097a2a61bd2a887b363b4912', class: "chip__surface" }, h("span", { key: '638fb68ff5dffa629576c9e1079bb3169f2adb4f', class: "chip__label" }, h("slot", { key: '8b31f2130e202e18d7717aee6add6bc6e7f119b5' })))));
     }
 };
 UIChip.style = uiChipCss();
@@ -527,18 +527,18 @@ const UICombobox = class {
         const description = [this.helpOpen ? 'help-text' : '', this.validation.issues.length ? 'validation' : ''].filter(Boolean).join(' ') || undefined;
         const status = this.loading ? 'Loading suggestions…' : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : '');
         const groups = [...new Set(this.rows.map(row => row.group ?? ''))];
-        return h(Host, { key: 'a33890c2824f29dfea5e22edddca4480a6d1d032', "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: 'c936530cf696c1d14245fd83895e9c58c908df12', htmlFor: "input", part: "label", class: this.labelVisibility === 'sr-only' ? 'sr-only' : undefined }, this.label, this.required ? ' *' : ''), h("div", { key: '0fe0ed9b15a3e256867e071ca7e4fa3abc66f27c', class: "field", part: "field", ref: element => this.field = element, onClick: event => {
+        return h(Host, { key: '1f00d9a83729d9c2147ced7e5006b928d1b5e51d', "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: '10353b147cc68ef1d67be0988849af1527fcf9ba', htmlFor: "input", part: "label", class: this.labelVisibility === 'sr-only' ? 'sr-only' : undefined }, this.label, this.required ? ' *' : ''), h("div", { key: '74bb53137d9343add37c22f3ac503eccf41807a9', class: "field", part: "field", ref: element => this.field = element, onClick: event => {
                 if (!event.composedPath().some(node => node instanceof HTMLButtonElement))
                     this.input?.focus();
-            } }, h("slot", { key: '9cc4c22eb7776e415792fbdf3c17c962c7107f70', name: "start" }), h("input", { key: '0898e8ec5af57c7ba8ad227164f7955ef4011729', id: "input", ref: element => this.input = element, role: "combobox", "aria-autocomplete": "list", "aria-expanded": String(this.expanded), "aria-controls": "listbox", "aria-activedescendant": this.expanded && this.active >= 0 ? `option-${this.active}` : undefined, "aria-describedby": description, "aria-invalid": String(this.validation.status === 'error'), "aria-busy": String(this.validation.status === 'pending'), value: this.display, placeholder: this.placeholder, name: this.name || undefined, disabled: this.disabled, readOnly: this.readOnly, required: this.required, autoComplete: "off", part: "input", onInput: this.onInput, onKeyDown: this.onKeydown, onCompositionstart: () => this.composing = true, onCompositionend: () => { this.composing = false; this.onInput(new InputEvent('input')); } }), this.clearable && h("button", { key: 'f9a49484ae9bcc4ace72a46d0c59202040ff39d8', type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => { this.commit(null, '', null, 'clear', 'pointer'); this.close(); this.input?.focus(); } }, "\u00D7"), this.help && h("button", { key: '597106eda4dcc68aa9fb2eaa99c1edad0d68a892', id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: 'd26085a52b16d65e26dc20ef8afacb5defec5f7b', "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: '391d1c987eb8e868b2846eafd0627cfc78ab7478', type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
+            } }, h("slot", { key: '24c26916365013faa4a78bd4fe0d01f6c129c703', name: "start" }), h("input", { key: '835d19e66ec4a24c1a83f43bbc256fa2a9e3332f', id: "input", ref: element => this.input = element, role: "combobox", "aria-autocomplete": "list", "aria-expanded": String(this.expanded), "aria-controls": "listbox", "aria-activedescendant": this.expanded && this.active >= 0 ? `option-${this.active}` : undefined, "aria-describedby": description, "aria-invalid": String(this.validation.status === 'error'), "aria-busy": String(this.validation.status === 'pending'), value: this.display, placeholder: this.placeholder, name: this.name || undefined, disabled: this.disabled, readOnly: this.readOnly, required: this.required, autoComplete: "off", part: "input", onInput: this.onInput, onKeyDown: this.onKeydown, onCompositionstart: () => this.composing = true, onCompositionend: () => { this.composing = false; this.onInput(new InputEvent('input')); } }), this.clearable && h("button", { key: '326c1e24d3c417c3a72acd8234a53937b388ba79', type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => { this.commit(null, '', null, 'clear', 'pointer'); this.close(); this.input?.focus(); } }, "\u00D7"), this.help && h("button", { key: '6aeb62dc2935eb95670caa1d2028c0931dc362b2', id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: '9317be0fbb0c1bbb91061be69f38037a97a4c36b', "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: '1cd2a0ea92df1144ff2297fcf64df7b3d0f4713a', type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
                 if (this.expanded)
                     this.close();
                 else
                     this.open('disclosure');
                 this.input?.focus();
-            } }, h("span", { key: '45678ce468fd7944306d4542e3c6af0fe211af14', "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: 'a8dc037639a60aff5a12b4651ffa10fc5ccd33eb', id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: 'f13fc7a11c3d22995035b6701ea24637a048a5b8', class: "popup", part: "popup", hidden: !this.expanded, ref: element => this.popup = element }, h("div", { key: '9d2bdfcc558f8e7de87f2915ea5607a8f32c1762', id: "listbox", role: "listbox", "aria-label": `${this.label} suggestions`, "aria-busy": String(this.loading) }, groups.map(group => h("div", { role: group ? 'group' : 'presentation', "aria-label": group || undefined }, group && h("div", { class: "group", part: "group" }, group), this.rows.map((row, index) => (row.group ?? '') !== group ? null : h("div", { id: `option-${index}`, role: "option", "aria-selected": String(this.selected === row.value), "aria-disabled": String(Boolean(row.disabled)), "data-active": this.active === index ? '' : undefined, part: "option", class: "option", onPointerDown: event => event.preventDefault(), onClick: () => this.choose(index, 'pointer') }, h("slot", { name: `option-${row.id}` }, h("span", { class: "primary", part: "option-primary" }, row.label), row.description && h("span", { class: "secondary", part: "option-secondary" }, row.description)))))), this.canCreate && h("div", { key: '9495fd43a721c84621b8083cb8eac776f843ab59', id: `option-${this.rows.length}`, role: "option", "aria-selected": "false", class: "option", part: "option", "data-active": this.active === this.rows.length ? '' : undefined, onPointerDown: event => event.preventDefault(), onClick: () => this.choose(this.rows.length, 'pointer') }, h("slot", { key: 'f0407c5622dcf3b325985c136657f8b9ac8a4ab5', name: "create" }, "Create \u201C", this.raw, "\u201D"))), this.loading ? h("div", { class: "message" }, h("slot", { name: "loading" }, "Loading suggestions\u2026"))
+            } }, h("span", { key: '0188b2d0e8cc7b7ff4d1a2175a0ff0b47d9c7d98', "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: 'e09fd35274c3e1fa6e408850d72f7a07c2bb4baf', id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: 'ddf83a5944dd03fc7eb580b81fcf291e06c03601', class: "popup", part: "popup", hidden: !this.expanded, ref: element => this.popup = element }, h("div", { key: '1d73de1dabb6eaa95af12f2af88dac74e3f163ea', id: "listbox", role: "listbox", "aria-label": `${this.label} suggestions`, "aria-busy": String(this.loading) }, groups.map(group => h("div", { role: group ? 'group' : 'presentation', "aria-label": group || undefined }, group && h("div", { class: "group", part: "group" }, group), this.rows.map((row, index) => (row.group ?? '') !== group ? null : h("div", { id: `option-${index}`, role: "option", "aria-selected": String(this.selected === row.value), "aria-disabled": String(Boolean(row.disabled)), "data-active": this.active === index ? '' : undefined, part: "option", class: "option", onPointerDown: event => event.preventDefault(), onClick: () => this.choose(index, 'pointer') }, h("slot", { name: `option-${row.id}` }, h("span", { class: "primary", part: "option-primary" }, row.label), row.description && h("span", { class: "secondary", part: "option-secondary" }, row.description)))))), this.canCreate && h("div", { key: 'a0aaafa2f4ff79efa954ed780f3a7bd81d4b2ecd', id: `option-${this.rows.length}`, role: "option", "aria-selected": "false", class: "option", part: "option", "data-active": this.active === this.rows.length ? '' : undefined, onPointerDown: event => event.preventDefault(), onClick: () => this.choose(this.rows.length, 'pointer') }, h("slot", { key: '53a6706fc2c26097948b08cf0a7ee6040e37fe57', name: "create" }, "Create \u201C", this.raw, "\u201D"))), this.loading ? h("div", { class: "message" }, h("slot", { name: "loading" }, "Loading suggestions\u2026"))
             : this.lookupError ? h("div", { class: "message" }, h("slot", { name: "error" }, this.lookupError))
-                : !this.rows.length && !this.canCreate ? h("div", { class: "message" }, h("slot", { name: "empty" }, "No suggestions.")) : null, h("slot", { key: 'efcaee3efb029a9e0bb4e033ab61b251331c1c93', name: "footer" })), h("div", { key: 'b44ccb319f94ebc9e6ac3204a8c1771d49485a58', id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map(issue => h("div", null, issue.message))), h("div", { key: 'c3cb51dd4603734af4c7a02d8fe0bb42ac69083a', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, status, " ", this.validation.status === 'pending' ? 'Checking value…' : this.validation.issues.map(issue => issue.message).join(' ')));
+                : !this.rows.length && !this.canCreate ? h("div", { class: "message" }, h("slot", { name: "empty" }, "No suggestions.")) : null, h("slot", { key: '7997a0233a3c1a560b820c846645405ec4ceec1d', name: "footer" })), h("div", { key: '9143eb79141f5f3660a63f7a2471d1eecd8e9332', id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map(issue => h("div", null, issue.message))), h("div", { key: '21f310613b058f528f8c4df329864fd8a2a94b55', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, status, " ", this.validation.status === 'pending' ? 'Checking value…' : this.validation.issues.map(issue => issue.message).join(' ')));
     }
     static get watchers() { return {
         "value": [{

package/dist/esm/ui-context-menu.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
 import { o as openOverlay, c as closeOverlay, r as requestTopOverlayClose } from './manager-C-0syqXZ.js';
 import { d as dispatchDetail } from './events-JwSoedEO.js';
-import { a as createAnchoredSurface } from './positioning-Bu0dmLBE.js';
+import { a as createAnchoredSurface } from './positioning-Drmwg-C1.js';
 
 const uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
 
@@ -218,7 +218,7 @@ const UIContextMenu = class {
         this.closeMenu('action', 'pointer');
     };
     render() {
-        return (h(Host, { key: '171e647667bab4a9f905f2b531aa2db182fc426f', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: 'f1a15e54ab3b14515553e05b4b3cf60ed7a99f8b', name: "trigger" }), h("div", { key: '450aaacf3f75a71ecce86300c0d824452ceec4a0', class: "menu", "data-open": this.internalOpen ? '' : undefined }, h("ui-menu", { key: '667003b7c6ab3ccbaa888b25cb87d921036ab827', open: this.internalOpen }, h("slot", { key: 'c0731115bc3dbd02c4125ef8208269dd97e124bf' })))));
+        return (h(Host, { key: '292937da8010dc741e3e845b6f7fd0fef6b8bda3', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: '4f08876237d1919803200226d956e67de35fffab', name: "trigger" }), h("div", { key: 'c2cc0218165d02cc4c7fd11bdc52a51d39897546', class: "menu", "data-open": this.internalOpen ? '' : undefined }, h("ui-menu", { key: '1c2c6e62c86f3a38f014976843f3354d312d0744', open: this.internalOpen }, h("slot", { key: 'baeca960ac6d2277a60dc567f6e4110904d67b5e' })))));
     }
     static get watchers() { return {
         "open": [{