@threadlabs/looma 0.2.5 → 0.2.7

package/dist/components/ui-combobox.js

@@ -1 +0,0 @@
-import{p as i,H as t,d as s,h as e,c as a,t as o}from"./p-Bh_1GxOD.js";import{c as r}from"./p-B_DaIVEY.js";import{c as h,o as n}from"./p-C-0syqXZ.js";import{d as l}from"./p-Vc4ExHFc.js";import{d}from"./p-BzaB_bXo.js";const u=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.queryChange=s(this,"query-change"),this.valueChange=s(this,"value-change"),this.freeEntry=s(this,"free-entry"),this.createEntry=s(this,"create-entry"),this.dependencyInvalidate=s(this,"dependency-invalidate"),this.validationChange=s(this,"validation-change"),this.optionsChange=s(this,"options-change"),this.addItem=s(this,"add-item"),this.removeItem=s(this,"remove-item"),this.createItem=s(this,"create-item")}get host(){return this}label="";placeholder="";name="";value;defaultValue;multiple=!1;tokenSeparators=[];query;defaultQuery="";config={};disabled=!1;readOnly=!1;required=!1;size="md";labelVisibility="visible";disclosure=!1;clearable=!1;help="";queryChange;valueChange;freeEntry;createEntry;dependencyInvalidate;validationChange;optionsChange;addItem;removeItem;createItem;raw="";display="";selected=null;expanded=!1;rows=[];active=-1;loading=!1;helpOpen=!1;lookupError="";validation={status:"pristine",touched:!1,dirty:!1,issues:[]};input;popup;field;surface;lookup;validationRun;lookupTimer;composing=!1;initialRaw="";overlayId="ui-combobox-"+Math.random().toString(36).slice(2);alive=!1;fullSet=!1;knownOptions=new Map;awaitingLabel=null;proposedChange;formattedRaw;formattedWith;get items(){return this.multiple&&Array.isArray(this.value)?this.value:[]}get selectedValues(){return new Set(this.items.map((i=>i.value)))}componentWillLoad(){if(this.multiple)return this.selected=null,this.raw=this.query??this.defaultQuery,this.display=this.raw,this.initialRaw=this.raw,void this.applyServerIssues();this.selected=void 0!==this.value?this.value:this.defaultValue??null,this.raw=this.query??this.defaultQuery,void 0!==this.query||this.raw||null===this.selected||(this.raw=this.config.options?.find((i=>i.value===this.selected))?.label??this.selected),void 0===this.query&&null!==this.selected&&this.raw===this.selected&&(this.awaitingLabel=this.selected),this.display=this.raw,this.initialRaw=this.raw,this.applyServerIssues()}connectedCallback(){this.alive=!0,this.setupSurface()}componentDidLoad(){this.setupSurface()}componentDidUpdate(){this.input&&!this.composing&&this.input.value!==this.display&&(this.input.value=this.display),this.expanded&&this.surface?.refresh()}disconnectedCallback(){this.alive=!1,this.close(),this.validationRun?.abort(),this.surface?.destroy(),this.surface=void 0}setupSurface(){!this.surface&&this.popup&&this.field&&(this.surface=r(this.popup,{anchor:this.field,placement:"bottom-start"}))}syncValue(){if(!this.multiple&&void 0!==this.value){if(this.selected=this.value,void 0===this.query){const i=this.proposedChange,t=this.config.options?.find((i=>i.value===this.selected))??(null===this.selected?void 0:this.knownOptions.get(this.selected)),s=i?.value===this.selected?i.query:t?.label??this.selected??"";i?.value===this.selected&&s===this.raw||(this.raw=s,this.display=this.raw,this.formattedRaw=void 0),this.awaitingLabel=t||null===this.selected?null:this.selected}this.resetValidation()}}syncQuery(){void 0!==this.query&&this.query!==this.raw&&(void 0===this.value&&this.proposedChange?.query!==this.query&&(this.selected=null),this.awaitingLabel=null,this.formattedRaw=void 0,this.raw=this.query,this.display=this.raw,this.resetValidation(),this.expanded&&this.search("input"))}syncDisabled(){(this.disabled||this.readOnly)&&(this.close(),this.resetValidation())}syncConfig(i,t){if(this.validationRun?.abort(),i.provider===t?.provider&&i.context===t?.context||this.knownOptions.clear(),i.context!==t?.context){this.close();const t=i.invalidation??"retain-query";this.multiple?"clear"===t&&this.setMultiQuery("","programmatic"):this.commit("retain"===t?this.selected:null,"clear"===t?"":this.raw,null,"invalidation","programmatic"),this.validation={status:"pristine",touched:!1,dirty:this.raw!==this.initialRaw,issues:[]}}this.applyServerIssues(),this.expanded&&this.search("context")}applyServerIssues(){const i=this.config.issues??[];i.length?this.setValidation({issues:i},this.validation.touched):this.resetValidation()}resetValidation(){this.validationRun?.abort(),this.validation={status:"pristine",touched:this.validation.touched,dirty:this.raw!==this.initialRaw,issues:[]},this.validationChange?.emit(this.validation)}cancelLookup(){clearTimeout(this.lookupTimer),this.lookup?.abort(),this.lookup=void 0,this.loading=!1}close(){this.expanded=!1,this.active=-1,this.cancelLookup(),this.surface?.hide(),h(this.overlayId)}open(i="input"){this.disabled||this.readOnly||(this.expanded=!0,this.popup&&this.field&&(this.popup.style.minWidth=this.field.getBoundingClientRect().width+"px"),this.surface?.show(),n({id:this.overlayId,element:this.popup,relatedElements:[this.host],modal:!1,requestClose:()=>this.close()}),this.search(i))}search(i){this.cancelLookup(),this.fullSet="disclosure"===i,this.active=-1,this.lookupError="";const t=this.config,s=this.fullSet?"":this.raw,e=new AbortController;this.lookup=e;const a=i=>{if(e.signal.aborted||!this.alive)return;for(const t of i)this.knownOptions.set(t.value,t);const a=null===this.selected?void 0:this.knownOptions.get(this.selected);void 0===this.query&&this.awaitingLabel===this.selected&&a&&(this.raw=a.label,this.display=this.raw,this.awaitingLabel=null,this.formattedRaw=void 0,this.resetValidation());const o=new Set,r=this.multiple?this.selectedValues:void 0;this.rows=i.filter((i=>!o.has(i.id)&&(o.add(i.id),!!this.fullSet||(r?!r.has(i.value)&&(t.filter?t.filter(i,s,t.context):i.label.toLocaleLowerCase().includes(s.toLocaleLowerCase())):t.filter?t.filter(i,s,t.context):!!t.provider||i.label.toLocaleLowerCase().includes(s.toLocaleLowerCase())))));const h=new Map;for(const i of this.rows){const t=i.group??"";h.has(t)||h.set(t,[]),h.get(t).push(i)}this.rows=[...h.values()].flat(),this.loading=!1,this.optionsChange.emit(this.rows)};t.provider?(this.rows=[],this.loading=!0,this.lookupTimer=setTimeout((async()=>{try{a(await t.provider({query:s,context:t.context,signal:e.signal,reason:i}))}catch(i){if(e.signal.aborted||!this.alive)return;this.loading=!1,this.lookupError=i instanceof Error?i.message:"Unable to load suggestions."}}),"disclosure"===i?0:Math.max(0,t.debounce??200))):a(t.options??[])}get canCreate(){const i=this.config.options?[...this.config.options,...this.rows]:this.rows;return!(!this.config.allowCreate||!this.raw.trim()||this.loading||this.lookupError||i.some((i=>i.label.toLocaleLowerCase()===this.raw.toLocaleLowerCase())))}format(i){if((this.config.formatOn??"blur")!==i||!this.input)return;if(this.formattedRaw===this.raw&&this.formattedWith===this.config.format)return;const t=function(i,t,s){const e={display:i,selection:t};if(!s)return e;let a;try{a=s(i,t)}catch{return e}if(!a)return e;const o=Array.from(i);let r=0;for(const i of a.display)i===o[r]&&(r+=1);return!Number.isInteger(a.selection.start)||!Number.isInteger(a.selection.end)||r!==o.length||a.selection.start<0||a.selection.end<a.selection.start||a.selection.end>a.display.length?e:a}(this.raw,{start:this.input.selectionStart??this.raw.length,end:this.input.selectionEnd??this.raw.length,direction:this.input.selectionDirection??"none"},this.config.format);this.formattedRaw=this.raw,this.formattedWith=this.config.format,this.display=t.display,this.input.value!==t.display&&(this.input.value=t.display,this.input.setSelectionRange(t.selection.start,t.selection.end,t.selection.direction))}onInput=i=>{this.composing||i.isComposing||(this.awaitingLabel=null,this.formattedRaw=void 0,this.raw=this.input.value,this.display=this.raw,this.resetValidation(),this.format("input"),this.queryChange.emit({query:this.raw,display:this.display,trigger:"keyboard"}),null!==this.selected&&this.commit(null,this.raw,null,"clear","keyboard"),this.open(),"input"===this.config.validateOn&&this.validate(),queueMicrotask((()=>{void 0!==this.query&&this.query!==this.raw&&this.syncQuery()})))};commit(i,t,s,e,a){this.awaitingLabel=null;const o=t!==this.raw;void 0===this.value&&(this.selected=i),void 0===this.query&&o&&(this.raw=t,this.display=t,this.formattedRaw=void 0),this.resetValidation();const r={value:i,query:t,option:s,kind:e,trigger:a},h={value:i,query:t};this.proposedChange=h,this.valueChange.emit(r),o&&this.queryChange.emit({query:t,display:t,trigger:a}),"create"===e&&this.createEntry.emit(r),"free-entry"===e&&this.freeEntry.emit(r),"invalidation"===e&&this.dependencyInvalidate.emit(r),queueMicrotask((()=>{this.proposedChange===h&&(void 0!==this.value&&this.value!==h.value&&this.syncValue(),void 0!==this.query&&this.query!==h.query&&(void 0===this.value&&(this.selected=null,this.resetValidation()),this.syncQuery()),this.proposedChange=void 0)}))}choose(i,t){const s=this.rows[i];if(!s?.disabled){if(this.multiple){if(s)this.addSelectedItem(s,t);else{if(!this.canCreate||i!==this.rows.length)return;this.createSelectedItem(this.raw.trim(),t)}return this.setMultiQuery("",t),this.close(),void this.input?.focus()}if(s)this.commit(s.value,s.label,s,"selection",t);else{if(!this.canCreate||i!==this.rows.length)return;this.commit(null,this.raw,null,"create",t)}this.close(),this.input?.focus(),"submit"!==this.config.validateOn&&queueMicrotask((()=>{this.validate()}))}}emitItems(i){this.valueChange.emit(i)}setMultiQuery(i,t){void 0===this.query&&(this.raw=i,this.display=i,this.formattedRaw=void 0),this.input&&(this.input.value=i),this.queryChange.emit({query:i,display:i,trigger:t})}addSelectedItem(i,t){this.addItem.emit({item:i,index:this.items.length,trigger:t}),this.emitItems([...this.items,i])}createSelectedItem(i,t){i&&this.createItem.emit({query:i,trigger:t})}commitQuery(i){const t=this.raw.trim();if(!t)return;const s=t.toLocaleLowerCase(),e=this.rows.find((i=>i.label.trim().toLocaleLowerCase()===s));e?(this.setMultiQuery("",i),this.addSelectedItem(e,i)):this.config.allowCreate&&(this.setMultiQuery("",i),this.createSelectedItem(t,i))}removeItemAt(i,t){const s=this.items[i];!s||s.disabled||this.disabled||this.readOnly||(this.removeItem.emit({item:s,index:i,trigger:t}),this.emitItems(this.items.filter(((t,s)=>s!==i))),requestAnimationFrame((()=>{const t=this.host.shadowRoot?.querySelectorAll('[part="item"]')??[],e=t[Math.min(i,t.length-1)]??t[i-1];e&&e.dataset.value!==s.value?e.focus():this.focusInput()})))}focusItem(i){this.host.shadowRoot?.querySelectorAll('[part="item"]')[i]?.focus()}onItemKeyDown=(i,t)=>{i.altKey||i.ctrlKey||i.metaKey||i.shiftKey||("ArrowLeft"===i.key?(i.preventDefault(),i.stopPropagation(),this.focusItem(Math.max(0,t-1))):"ArrowRight"===i.key?(i.preventDefault(),i.stopPropagation(),t===this.items.length-1?this.focusInput():this.focusItem(t+1)):"Backspace"!==i.key&&"Delete"!==i.key||(i.preventDefault(),i.stopPropagation(),this.removeItemAt(t,"keyboard")))};handleMultipleKeydown(i){return!(i.altKey||i.ctrlKey||i.metaKey||i.shiftKey||(this.tokenSeparators.includes(i.key)?(i.preventDefault(),i.stopPropagation(),this.commitQuery("keyboard"),0):this.raw||(this.input?.selectionStart??0)>0||("ArrowLeft"===i.key&&this.items.length?(i.preventDefault(),this.focusItem(this.items.length-1),0):"Backspace"!==i.key||!this.items.length||(i.preventDefault(),this.removeItemAt(this.items.length-1,"keyboard"),0))))}move(i){const t=this.rows.flatMap(((i,t)=>i.disabled?[]:[t]));if(this.canCreate&&t.push(this.rows.length),!t.length)return;const s=t.indexOf(this.active);this.active=t["Home"===i?0:"End"===i?t.length-1:"ArrowDown"===i?Math.min(s+1,t.length-1):s<0?t.length-1:Math.max(0,s-1)],requestAnimationFrame((()=>this.host.shadowRoot?.getElementById("option-"+this.active)?.scrollIntoView({block:"nearest"})))}onKeydown=i=>{if(!(this.composing||i.isComposing||this.disabled||this.readOnly||this.multiple&&this.handleMultipleKeydown(i)))return"Escape"===i.key&&this.expanded?(i.preventDefault(),i.stopPropagation(),void this.close()):void("Tab"!==i.key?i.altKey||i.ctrlKey||i.metaKey||i.shiftKey||("ArrowDown"===i.key||"ArrowUp"===i.key?(i.preventDefault(),this.expanded||this.open("disclosure"),this.move(i.key)):("Home"===i.key||"End"===i.key)&&this.expanded&&this.active>=0?(i.preventDefault(),this.move(i.key)):"Enter"===i.key&&this.expanded&&(this.active>=0?(i.preventDefault(),this.choose(this.active,"keyboard")):this.config.allowFreeText&&(i.preventDefault(),this.commit(null,this.raw,null,"free-entry","keyboard"),this.close()))):this.close())};onFocusOut=i=>{i.relatedTarget instanceof Node&&this.host.shadowRoot?.contains(i.relatedTarget)||(this.close(),this.format("blur"),this.validation={...this.validation,touched:!0},!this.multiple&&this.config.allowFreeText&&null===this.selected&&this.commit(null,this.raw,null,"free-entry","keyboard"),"blur"===(this.config.validateOn??"blur")&&this.validate())};setValidation(i,t=this.validation.touched){const s=i.issues.some((i=>"warning"!==i.severity));this.validation={status:s?"error":i.issues.length?"warning":"valid",touched:t,dirty:this.raw!==this.initialRaw,...i},this.validationChange?.emit(this.validation)}async validate(){this.validationRun?.abort();const i=new AbortController;this.validationRun=i,this.validation={...this.validation,status:"pending",output:void 0},this.validationChange.emit(this.validation);try{const t=await async function(i,t){let s=i.raw,e=[];const a=()=>i.signal.throwIfAborted();try{if(a(),t.parse&&(s=await t.parse(i.raw,i)),a(),t.schema){const i=await t.schema["~standard"].validate(s);a(),i.issues?e=i.issues:"value"in i&&(s=i.value)}if(!e.some((i=>"warning"!==i.severity))&&(t.normalize&&(s=await t.normalize(s,i)),a(),t.validator)){const o=await t.validator(s,i);a(),e=[...e,...o.issues??[]],"output"in o&&(s=o.output)}}catch(i){a(),e=[{message:i instanceof Error?i.message:"Unable to validate this value."}]}return e=[...e,...t.issues??[]],{output:e.some((i=>"warning"!==i.severity))?void 0:s,issues:e}}({raw:this.raw,value:this.selected,context:this.config.context,signal:i.signal},this.config);this.required&&!this.raw.trim()?t.issues=[...t.issues,{message:"A value is required."}]:!this.raw||null!==this.selected||this.config.allowFreeText||this.config.allowCreate||(t.issues=[...t.issues,{message:"Choose a suggestion."}]),t.issues.some((i=>"warning"!==i.severity))&&(t.output=void 0),!i.signal.aborted&&this.alive&&this.setValidation(t)}catch{}return this.validation}async focusInput(){this.input?.focus()}render(){const i=[this.helpOpen?"help-text":"",this.validation.issues.length?"validation":""].filter(Boolean).join(" ")||void 0,t=this.loading?"Loading suggestions…":this.lookupError||(this.expanded?this.rows.length+" suggestions available.":""),s=[...new Set(this.rows.map((i=>i.group??"")))];return e(a,{key:"fc4c0192d3be88d8c0199ae1bcca44232bd22351","data-size":this.size,"data-validation":this.validation.status,onFocusout:this.onFocusOut},e("label",{key:"bdd0d244c6ef448978fa77aac3a2d3b71d713553",htmlFor:"input",part:"label",class:"sr-only"===this.labelVisibility?"sr-only":void 0},this.label,this.required?" *":""),e("div",{key:"afb3972aab52171a3b25ede863c31059e56f5d91",class:"field",part:"field",ref:i=>this.field=i,onClick:i=>{i.composedPath().some((i=>i instanceof HTMLButtonElement))||this.input?.focus()}},e("slot",{key:"65e4e201d6c11cd2638e392e1298662de7ba4d57",name:"start"}),this.multiple&&e("div",{key:"b80b5b85fa0540139b9756fcc494aef9df245c15",class:"items",role:"group","aria-label":"Selected "+this.label},this.items.map(((i,t)=>e("button",{type:"button",part:"item",class:"item","data-value":i.value,tabIndex:-1,disabled:this.disabled||this.readOnly||i.disabled,"aria-label":i.label+", press Delete or Backspace to remove",onKeyDown:i=>this.onItemKeyDown(i,t)},e("slot",{name:"item-"+i.id},e("ui-chip",{appearance:"pill"},i.label)))))),e("input",{key:"64f76055ae412cc87119270eec10c69000a72563",id:"input",ref:i=>this.input=i,role:"combobox","aria-autocomplete":"list","aria-expanded":this.expanded+"","aria-controls":"listbox","aria-activedescendant":this.expanded&&this.active>=0?"option-"+this.active:void 0,"aria-describedby":i,"aria-invalid":("error"===this.validation.status)+"","aria-busy":("pending"===this.validation.status)+"",value:this.display,placeholder:this.placeholder,name:this.name||void 0,disabled:this.disabled,readOnly:this.readOnly,required:this.required,autoComplete:"off",part:"input",onInput:this.onInput,onKeyDown:this.onKeydown,onCompositionstart:()=>this.composing=!0,onCompositionend:()=>{this.composing=!1,this.onInput(new InputEvent("input"))}}),this.clearable&&e("button",{key:"eac4c18dadcea92065af4ecd871d925ef1248d47",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()}},"×"),this.help&&e("button",{key:"9a559d49a495ead3dbf159f170c594e0aaa0d0d0",id:"help",type:"button",part:"affordance","aria-label":"Help for "+this.label,disabled:this.disabled},e("span",{key:"73940e568b976f85399d5baa5e247a4a606d0039","aria-hidden":"true"},"?")),this.disclosure&&e("button",{key:"30dd6746ffb121888a4c4fb6df54720906badf78",type:"button",part:"affordance","aria-label":"Suggestions for "+this.label,"aria-controls":"listbox","aria-expanded":this.expanded+"",disabled:this.disabled||this.readOnly,onClick:()=>{this.expanded?this.close():this.open("disclosure"),this.input?.focus()}},e("span",{key:"7d3b10a765ee0a6c40d7b0b49e98c676a5837944","aria-hidden":"true"},"⌄"))),this.help&&e("ui-tooltip",{key:"efff00f45dc281b727789eb2aa84ff772bb5c925",id:"help-text",for:"help",toggleOnClick:!0,onOpen:()=>this.helpOpen=!0,onClose:()=>this.helpOpen=!1},this.help),e("div",{key:"770bc12b873026b571bd3ae2a80416e8af52b8d4",class:"popup",part:"popup",hidden:!this.expanded,ref:i=>this.popup=i},e("div",{key:"ed48c8dd8b672a577d567ca5e795b8a53fde2761",id:"listbox",role:"listbox","aria-label":this.label+" suggestions","aria-busy":this.loading+""},s.map((i=>e("div",{role:i?"group":"presentation","aria-label":i||void 0},i&&e("div",{class:"group",part:"group"},i),this.rows.map(((t,s)=>(t.group??"")!==i?null:e("div",{id:"option-"+s,role:"option","aria-selected":(this.selected===t.value)+"","aria-disabled":!!t.disabled+"","data-active":this.active===s?"":void 0,part:"option",class:"option",onPointerDown:i=>i.preventDefault(),onClick:()=>this.choose(s,"pointer")},e("slot",{name:"option-"+t.id},e("span",{class:"primary",part:"option-primary"},t.label),t.description&&e("span",{class:"secondary",part:"option-secondary"},t.description)))))))),this.canCreate&&e("div",{key:"43215f449bbccde407ef818cee473f69870f6f8c",id:"option-"+this.rows.length,role:"option","aria-selected":"false",class:"option",part:"option","data-active":this.active===this.rows.length?"":void 0,onPointerDown:i=>i.preventDefault(),onClick:()=>this.choose(this.rows.length,"pointer")},e("slot",{key:"3ff70ff3ab8e24afc369a26e8474e7d1220ed6eb",name:"create"},"Create “",this.raw,"”"))),this.loading?e("div",{class:"message"},e("slot",{name:"loading"},"Loading suggestions…")):this.lookupError?e("div",{class:"message"},e("slot",{name:"error"},this.lookupError)):this.rows.length||this.canCreate?null:e("div",{class:"message"},e("slot",{name:"empty"},"No suggestions.")),e("slot",{key:"8b1fbd4f5c372393d294d8c218ae1785e6b0334f",name:"footer"})),e("div",{key:"18e68687f04e35535edee363683523ce6bbb0291",id:"validation",class:"message",part:"validation",hidden:!this.validation.issues.length},this.validation.issues.map((i=>e("div",null,i.message)))),e("div",{key:"e4a7db06abcfaf08b8ac592107531a13ef3a5897",class:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true"},t," ","pending"===this.validation.status?"Checking value…":this.validation.issues.map((i=>i.message)).join(" ")))}static get watchers(){return{value:[{syncValue:0}],query:[{syncQuery:0}],disabled:[{syncDisabled:0}],readOnly:[{syncDisabled:0}],config:[{syncConfig:0}]}}static get style(){return":host{display:grid;gap:var(--ui-space-1);min-inline-size:0;color:var(--ui-text-primary);font:inherit}label{color:var(--ui-field-label-color, var(--ui-text-primary));font-size:var(--ui-field-label-size, 0.875rem);font-weight:var(--ui-field-label-weight, 500)}.field{display:flex;min-inline-size:0;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))}.field:focus-within{border-color:var(--ui-control-focus, var(--ui-focus-ring));outline:2px solid var(--ui-control-focus, var(--ui-focus-ring));outline-offset:1px}input{appearance:none;width:100%;min-inline-size:0;min-block-size:var(--ui-control-min-block-size, 2.75rem);box-sizing:border-box;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;outline:none}:host([data-size='sm']) input{min-block-size:var(--ui-field-compact-size, 2rem);padding:var(--ui-space-1) var(--ui-space-2)}button{appearance:none;border:0;border-radius:var(--ui-radius-2);background:transparent;color:var(--ui-field-affordance-color, var(--ui-text-secondary));font:inherit;font-weight:var(--ui-field-affordance-weight, 400);min-inline-size:2rem;padding:var(--ui-space-1);cursor:pointer}button:hover:enabled{background:var(--ui-surface-muted);color:var(--ui-text-primary)}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:-3px}input:disabled,button:disabled{color:var(--ui-text-muted);cursor:not-allowed}.field:has(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted))}:host([data-validation='error']) .field{border-color:var(--ui-danger-solid, var(--ui-accent-active))}.popup{box-sizing:border-box;min-inline-size:12rem;max-inline-size:calc(100vw - 1rem);max-block-size:var(--ui-combobox-max-block-size, 18rem);overflow:auto;margin:0;padding:var(--ui-space-1);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-md)}[hidden]{display:none !important}.option{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-1);cursor:pointer;overflow-wrap:anywhere}.option:hover,.option[data-active]{background:var(--ui-surface-muted);outline:1px solid var(--ui-focus-ring);outline-offset:-1px}.option[aria-disabled='true']{color:var(--ui-text-muted);cursor:not-allowed}.primary{display:block;color:var(--ui-option-primary-color, var(--ui-text-primary));font-weight:var(--ui-option-primary-weight, 500)}.secondary{display:block;color:var(--ui-option-secondary-color, var(--ui-text-secondary));font-weight:var(--ui-option-secondary-weight, 400);font-size:var(--ui-font-size-sm)}.message,.group{color:var(--ui-field-message-color, var(--ui-text-secondary));font-weight:var(--ui-field-message-weight, 400);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-md);overflow-wrap:anywhere}.group,.popup .message{padding:var(--ui-space-2) var(--ui-space-3)}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (pointer: coarse){button{min-inline-size:2.75rem;min-block-size:2.75rem}}@media (forced-colors: active){.field,.popup{border-color:CanvasText}.option[data-active]{outline-color:Highlight}}:host([multiple]) .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)}:host([multiple]) 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-combobox",{label:[1],placeholder:[1],name:[1],value:[1],defaultValue:[1,"default-value"],multiple:[516],tokenSeparators:[16],query:[1],defaultQuery:[1,"default-query"],config:[16],disabled:[4],readOnly:[4,"readonly"],required:[4],size:[1],labelVisibility:[1,"label-visibility"],disclosure:[4],clearable:[4],help:[1],raw:[32],display:[32],selected:[32],expanded:[32],rows:[32],active:[32],loading:[32],helpOpen:[32],lookupError:[32],validation:[32],validate:[64],focusInput:[64]},void 0,{value:[{syncValue:0}],query:[{syncQuery:0}],disabled:[{syncDisabled:0}],readOnly:[{syncDisabled:0}],config:[{syncConfig:0}]}]),c=u,p=function(){"undefined"!=typeof customElements&&["ui-combobox","ui-chip","ui-tooltip"].forEach((i=>{switch(i){case"ui-combobox":customElements.get(o(i))||customElements.define(o(i),u);break;case"ui-chip":customElements.get(o(i))||l();break;case"ui-tooltip":customElements.get(o(i))||d()}}))};export{c as UiCombobox,p as defineCustomElement}

package/dist/components/ui-context-menu.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiContextMenu extends Components.UiContextMenu, HTMLElement {}
-export const UiContextMenu: {
-    prototype: UiContextMenu;
-    new (): UiContextMenu;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-context-menu.js

@@ -1 +0,0 @@
-import{p as t,H as e,h as i,c as s,t as n}from"./p-Bh_1GxOD.js";import{o,c as r,r as a}from"./p-C-0syqXZ.js";import{d as h}from"./p-JwSoedEO.js";import{c}from"./p-B_DaIVEY.js";import{d as u}from"./p-6SWSrfmW.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;for;internalOpen=!1;focusTrigger="programmatic";overlayId="ui-context-menu-"+Math.random().toString(36).slice(2,11);trigger=null;contextTarget=null;pointerX=0;pointerY=0;pointPositioned=!1;surface=null;syncFromProp(){this.internalOpen=this.open}syncTarget(){this.resolveTargets(),this.attachTargetListeners()}syncOverlay(){this.syncTriggerState(),this.internalOpen?(this.pointPositioned?this.surface?.showAtPoint({x:this.pointerX,y:this.pointerY}):this.surface?.show(),o({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(t,e)=>this.closeMenu(t,e)})):(this.surface?.hide(),r(this.overlayId))}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.resolveTargets(),this.attachTargetListeners(),this.setupSurface(),this.syncTriggerState(),this.syncOverlay()}componentDidUpdate(){this.resolveTargets(),this.attachTargetListeners(),this.pointPositioned||this.surface?.setAnchor(this.trigger),this.syncTriggerState()}disconnectedCallback(){this.detachTargetListeners(),this.surface?.destroy(),this.surface=null,r(this.overlayId)}setupSurface(){const t=this.host.shadowRoot?.querySelector(".menu");t&&(this.surface?.destroy(),this.surface=c(t,{anchor:this.trigger,placement:"bottom-start"}))}resolveTargets(){const t=this.trigger,e=this.contextTarget,i=this.host.querySelector('[slot="trigger"]'),s=this.for?document.getElementById(this.for):null;this.trigger=i,this.contextTarget=s??i??this.host.parentElement,t===this.trigger&&e===this.contextTarget||(t?.removeEventListener("click",this.onTriggerClick),t?.removeEventListener("keydown",this.onTriggerKeydown),e?.removeEventListener("contextmenu",this.onContextMenu))}attachTargetListeners(){this.detachTargetListeners(),this.trigger?.addEventListener("click",this.onTriggerClick),this.trigger?.addEventListener("keydown",this.onTriggerKeydown),this.contextTarget?.addEventListener("contextmenu",this.onContextMenu)}detachTargetListeners(){this.trigger?.removeEventListener("click",this.onTriggerClick),this.trigger?.removeEventListener("keydown",this.onTriggerKeydown),this.contextTarget?.removeEventListener("contextmenu",this.onContextMenu)}syncTriggerState(){this.trigger&&(this.trigger.setAttribute("aria-haspopup","menu"),this.trigger.setAttribute("aria-expanded",this.internalOpen?"true":"false"))}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item")).filter((t=>!this.isItemDisabled(t)))}focusFirstItem(){requestAnimationFrame((()=>this.getItems()[0]?.focus()))}openMenu(t,e,i){this.pointerX=t,this.pointerY=e,this.focusTrigger=i,this.pointPositioned=!0,this.surface?.showAtPoint({x:t,y:e}),this.internalOpen=!0,h(this.host,"open",{open:!0,reason:"action",trigger:i}),this.focusFirstItem()}openFromTrigger(t){this.trigger&&(this.pointPositioned=!1,this.internalOpen=!0,h(this.host,"open",{open:!0,reason:"action",trigger:t}),this.focusFirstItem())}closeMenu(t,e,i=!0){this.internalOpen&&(this.internalOpen=!1,h(this.host,"close",{open:!1,reason:t,trigger:e}),i&&this.trigger?.focus())}onTriggerClick=t=>{this.internalOpen?this.closeMenu("action",0===t.detail?"keyboard":"pointer"):this.openFromTrigger(0===t.detail?"keyboard":"pointer")};onTriggerKeydown=t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.internalOpen?this.focusFirstItem():this.openFromTrigger("keyboard"))};onContextMenu=t=>{t.preventDefault(),this.openMenu(t.clientX,t.clientY,"pointer")};isItemDisabled(t){return"true"===t.getAttribute("aria-disabled")||t.hasAttribute("disabled")||"true"===t.getAttribute("disabled")||!0===t.disabled}onKeydown=t=>{if(this.internalOpen){if(this.focusTrigger="keyboard","Escape"===t.key)return t.preventDefault(),void a("escape","keyboard");if("Enter"===t.key||" "===t.key){const e=t.target.closest?.("ui-menu-item");if(!e||this.isItemDisabled(e))return;t.preventDefault();const i=e.getAttribute("value")??e.getAttribute("data-value")??"";h(this.host,"select",{value:i,trigger:"keyboard"}),this.closeMenu("action","keyboard")}}};onItemClick=t=>{const e=t.target.closest?.("ui-menu-item");if(!e||this.isItemDisabled(e))return;const i=e.getAttribute("value")??e.getAttribute("data-value")??"";h(this.host,"select",{value:i,trigger:"pointer"}),this.closeMenu("action","pointer")};render(){return i(s,{key:"aaf9f27402b0c88cede3847ee9c8f61ac844f889","data-open":this.internalOpen?"":void 0,"data-focus-trigger":this.internalOpen?this.focusTrigger:void 0,onKeyDown:this.onKeydown,onClick:this.onItemClick},i("slot",{key:"d801d564ec2ee073e517cb991c26efc61d3e499d",name:"trigger"}),i("div",{key:"4febcc5d76c79c2e5361db7b203e971582197fd2",class:"menu","data-open":this.internalOpen?"":void 0},i("ui-menu",{key:"7aace2479a8014a20da35f69bd3ed57b402f9ef2",open:this.internalOpen},i("slot",{key:"a31d703c437cf5d9ab82e5f7793caa093a312dfd"}))))}static get watchers(){return{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}}static get style(){return":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}}"}},[769,"ui-context-menu",{open:[4],defaultOpen:[4,"default-open"],for:[1],internalOpen:[32],focusTrigger:[32]},void 0,{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}]),m=d,l=function(){"undefined"!=typeof customElements&&["ui-context-menu","ui-menu"].forEach((t=>{switch(t){case"ui-context-menu":customElements.get(n(t))||customElements.define(n(t),d);break;case"ui-menu":customElements.get(n(t))||u()}}))};export{m as UiContextMenu,l as defineCustomElement}

package/dist/components/ui-dialog.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiDialog extends Components.UiDialog, HTMLElement {}
-export const UiDialog: {
-    prototype: UiDialog;
-    new (): UiDialog;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-dialog.js

@@ -1 +0,0 @@
-import{p as i,H as a,h as o,c as e,t}from"./p-Bh_1GxOD.js";import{o as s,c as r,r as n}from"./p-C-0syqXZ.js";import{d as l}from"./p-JwSoedEO.js";import{i as d,c}from"./p-BnGhGgTH.js";const u=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}get host(){return this}open;defaultOpen=!1;modal=!0;dismissible=!0;label;internalOpen=!1;accessibleLabel="Dialog";overlayId="ui-dialog-"+Math.random().toString(36).slice(2,11);dialogRef;contentObserver=null;syncFromProp(){d(this.open)&&(this.internalOpen=this.open)}syncLabelFromProp(){this.syncAccessibleLabel()}componentWillLoad(){this.syncAccessibleLabel()}syncOpen(){this.dialogRef&&(this.internalOpen?(this.dialogRef.showModal(),s({id:this.overlayId,modal:this.modal,element:this.host,dismissible:this.dismissible,requestClose:(i,a)=>this.handleRequestClose(i,a)})):(this.dialogRef.close(),r(this.overlayId)))}componentDidLoad(){this.contentObserver=new MutationObserver(this.syncAccessibleLabel),this.contentObserver.observe(this.host,{childList:!0,subtree:!0,characterData:!0}),this.internalOpen=c(this.open,this.defaultOpen),this.dialogRef?.addEventListener("close",this.onDialogClose),this.syncAccessibleLabel(),this.syncOpen()}disconnectedCallback(){this.dialogRef?.removeEventListener("close",this.onDialogClose),this.contentObserver?.disconnect(),this.contentObserver=null,r(this.overlayId)}componentDidUpdate(){this.syncOpen()}handleRequestClose(i,a){d(this.open)||(this.internalOpen=!1),l(this.host,"close",{open:!1,reason:i,trigger:a})}onDialogClose=()=>{this.internalOpen&&(d(this.open)?requestAnimationFrame((()=>this.syncOpen())):(this.internalOpen=!1,r(this.overlayId)),l(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"}))};onKeydown=i=>{"Escape"===i.key&&n("escape","keyboard")};syncAccessibleLabel=()=>{const i=this.label?.trim(),a=this.host.querySelector('[slot="heading"], [data-ui-dialog-title], h1, h2, h3, h4, h5, h6'),o=a?.textContent?.trim(),e=i||o||"Dialog";this.accessibleLabel!==e&&(this.accessibleLabel=e)};render(){return o(e,{key:"b606ef8c95728b5538047a7134030455fedf69e4","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},o("dialog",{key:"85531d82c36e79230cbb22c105ff3821f1f35f58",ref:i=>this.dialogRef=i,open:this.internalOpen,"aria-label":this.accessibleLabel},o("slot",{key:"8216096bc94e8261680664398691b8ea877daa0f"})))}static get watchers(){return{open:[{syncFromProp:0}],label:[{syncLabelFromProp:0}],internalOpen:[{syncOpen:0}]}}static get style(){return":host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;box-sizing:border-box;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}"}},[769,"ui-dialog",{open:[4],defaultOpen:[4,"default-open"],modal:[4],dismissible:[4],label:[1],internalOpen:[32],accessibleLabel:[32]},void 0,{open:[{syncFromProp:0}],label:[{syncLabelFromProp:0}],internalOpen:[{syncOpen:0}]}]),h=u,p=function(){"undefined"!=typeof customElements&&["ui-dialog"].forEach((i=>{"ui-dialog"===i&&(customElements.get(t(i))||customElements.define(t(i),u))}))};export{h as UiDialog,p as defineCustomElement}

package/dist/components/ui-disclosure.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiDisclosure extends Components.UiDisclosure, HTMLElement {}
-export const UiDisclosure: {
-    prototype: UiDisclosure;
-    new (): UiDisclosure;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-disclosure.js

@@ -1 +0,0 @@
-import{p as t,H as s,h as i,c as e,t as n}from"./p-Bh_1GxOD.js";import{c as o}from"./p-hgBUJRDa.js";import{d as r,e as h,i as a}from"./p-JwSoedEO.js";import{i as c,c as d}from"./p-BnGhGgTH.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}open;defaultOpen=!1;disabled=!1;internalOpen=!1;contentId="";trigger=null;content=null;syncFromProp(){c(this.open)&&(this.internalOpen=this.open)}syncState(){this.trigger&&this.trigger.setAttribute("aria-expanded",this.internalOpen+""),this.content&&(this.content.hidden=!this.internalOpen)}componentDidLoad(){this.resolveParts(),this.internalOpen=d(this.open,this.defaultOpen),this.syncState(),this.trigger?.addEventListener("click",this.onTriggerClick),this.trigger?.addEventListener("keydown",this.onTriggerKeydown)}disconnectedCallback(){this.trigger?.removeEventListener("click",this.onTriggerClick),this.trigger?.removeEventListener("keydown",this.onTriggerKeydown)}componentDidUpdate(){this.syncState()}resolveParts(){this.trigger=this.host.querySelector("[data-ui-disclosure-trigger], button, [aria-controls]");const t=this.trigger?.getAttribute("aria-controls")??"";if(t)this.content=document.getElementById(t);else{const t=Array.from(this.host.children);this.content=t.find((t=>t!==this.trigger))??null}this.trigger&&this.content&&(this.content.id||(this.content.id=o("disclosure-content")),this.trigger.setAttribute("aria-controls",this.content.id),this.contentId=this.content.id),this.trigger instanceof HTMLButtonElement?this.trigger.disabled=this.disabled:this.trigger&&this.trigger.setAttribute("aria-disabled",this.disabled+"")}setOpen(t,s){this.internalOpen!==t&&(c(this.open)||(this.internalOpen=t),r(this.host,t?"open":"close",{open:t,reason:s.reason,trigger:s.trigger}))}onTriggerClick=t=>{this.disabled?t.preventDefault():this.setOpen(!this.internalOpen,{reason:"action",trigger:h(t)})};onTriggerKeydown=t=>{!this.disabled&&a(t)&&(t.preventDefault(),this.setOpen(!this.internalOpen,{reason:"action",trigger:"keyboard"}))};render(){return i(e,{key:"91d1df53268f18c8c15192fb66b67baa7053fe93"},i("slot",{key:"578c99f8fd09415c5e63e9f6a860fe204471da2f"}))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncState:0}]}}static get style(){return":host{display:block}::slotted([hidden]){display:none !important}"}},[769,"ui-disclosure",{open:[4],defaultOpen:[4,"default-open"],disabled:[4],internalOpen:[32],contentId:[32]},void 0,{open:[{syncFromProp:0}],internalOpen:[{syncState:0}]}]),p=l,u=function(){"undefined"!=typeof customElements&&["ui-disclosure"].forEach((t=>{"ui-disclosure"===t&&(customElements.get(n(t))||customElements.define(n(t),l))}))};export{p as UiDisclosure,u as defineCustomElement}

package/dist/components/ui-editable.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiEditable extends Components.UiEditable, HTMLElement {}
-export const UiEditable: {
-    prototype: UiEditable;
-    new (): UiEditable;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-editable.js

@@ -1 +0,0 @@
-import{p as t,H as i,d as e,h as s,c as n,t as d}from"./p-Bh_1GxOD.js";import{i as o,c as a}from"./p-BnGhGgTH.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.editChange=e(this,"edit-change")}get host(){return this}edit;defaultEdit=!1;disabled=!1;editChange;internalEdit=!1;trigger=null;syncFromProp(){o(this.edit)&&(this.internalEdit=this.edit)}componentWillLoad(){this.internalEdit=a(this.edit,this.defaultEdit)}componentDidLoad(){this.host.ownerDocument.addEventListener("pointerdown",this.onDocumentPointerDown,!0)}disconnectedCallback(){this.host.ownerDocument.removeEventListener("pointerdown",this.onDocumentPointerDown,!0)}requestEdit(t,i,e){this.disabled||this.internalEdit===t||(o(this.edit)||(this.internalEdit=t),this.editChange.emit({edit:t,reason:i,trigger:e}),t?requestAnimationFrame((()=>this.focusEditor())):requestAnimationFrame((()=>this.trigger?.focus())))}focusEditor(){const t=this.host.querySelector('[slot="edit"]'),i=t?.matches("input, textarea, select, button, [tabindex], ui-combobox")?t:t?.querySelector("input, textarea, select, button, [tabindex], ui-combobox"),e=i?.focusInput;"function"==typeof e?e.call(i):i?.focus()}eventTrigger(t){return t.composedPath().find((t=>t instanceof i&&t.hasAttribute("data-ui-editable-trigger")))}onClick=t=>{if(this.internalEdit||this.disabled)return;const i=this.eventTrigger(t);i&&(this.trigger=i,this.requestEdit(!0,"activate","pointer"))};onKeyDown=t=>{if(this.internalEdit&&"Escape"===t.key)return t.preventDefault(),t.stopPropagation(),void this.requestEdit(!1,"escape","keyboard");if(this.internalEdit||!["Enter"," "].includes(t.key))return;const i=this.eventTrigger(t);i&&(t.preventDefault(),this.trigger=i,this.requestEdit(!0,"activate","keyboard"))};onDocumentPointerDown=t=>{this.internalEdit&&!t.composedPath().includes(this.host)&&this.requestEdit(!1,"light-dismiss","pointer")};render(){return s(n,{key:"c11babe81053ecc0fb6390507f74d5094c551f48","data-edit":this.internalEdit?"":void 0,"data-disabled":this.disabled?"":void 0,onClick:this.onClick,onKeyDown:this.onKeyDown},s("div",{key:"fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6",part:"preview",hidden:this.internalEdit},s("slot",{key:"29537eed3c19da07a61b0236a563912eec332572",name:"preview"})),s("div",{key:"a8cdb53c61041361ff97762bdf1e8e6992706751",part:"edit",hidden:!this.internalEdit},s("slot",{key:"466c6bf07d44ab07ccab1fd138412e43a291dcca",name:"edit"})))}static get watchers(){return{edit:[{syncFromProp:0}]}}static get style(){return":host{display:block;min-inline-size:0}[hidden]{display:none !important}"}},[769,"ui-editable",{edit:[4],defaultEdit:[4,"default-edit"],disabled:[4],internalEdit:[32]},void 0,{edit:[{syncFromProp:0}]}]),h=r,c=function(){"undefined"!=typeof customElements&&["ui-editable"].forEach((t=>{"ui-editable"===t&&(customElements.get(d(t))||customElements.define(d(t),r))}))};export{h as UiEditable,c as defineCustomElement}

package/dist/components/ui-floating-action-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiFloatingActionButton extends Components.UiFloatingActionButton, HTMLElement {}
-export const UiFloatingActionButton: {
-    prototype: UiFloatingActionButton;
-    new (): UiFloatingActionButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-floating-action-button.js

@@ -1 +0,0 @@
-import{p as t,H as i,h as o,c as n,t as a}from"./p-Bh_1GxOD.js";const e=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}disabled=!1;mobileOnly=!1;label="";render(){return o(n,{key:"54f6284109397d15e2b3ef92f68e9bd4cf91fbae","data-disabled":this.disabled?"":void 0},o("button",{key:"9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34",type:"button","aria-label":this.label||void 0,disabled:this.disabled},o("slot",{key:"222c6807ae4639eb20dc25be08fe5f4e91c638de"})))}static get style(){return":host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:max(     var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),     env(safe-area-inset-right)   );inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}"}},[769,"ui-floating-action-button",{disabled:[516],mobileOnly:[516,"mobile-only"],label:[1]}]),s=e,r=function(){"undefined"!=typeof customElements&&["ui-floating-action-button"].forEach((t=>{"ui-floating-action-button"===t&&(customElements.get(a(t))||customElements.define(a(t),e))}))};export{s as UiFloatingActionButton,r as defineCustomElement}

package/dist/components/ui-form-field.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiFormField extends Components.UiFormField, HTMLElement {}
-export const UiFormField: {
-    prototype: UiFormField;
-    new (): UiFormField;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-form-field.js

@@ -1 +0,0 @@
-import{p as e,H as t,h as i,c as s,t as r}from"./p-Bh_1GxOD.js";import{c as a}from"./p-hgBUJRDa.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}invalid=!1;disabled=!1;required=!1;observer=null;activeInput=null;ownedDescriptionIds=new Set;wireQueued=!1;componentDidLoad(){this.observer=new MutationObserver(this.scheduleWire),this.observer.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["aria-describedby","data-slot","id","role"]}),this.wire()}componentDidUpdate(){this.scheduleWire()}disconnectedCallback(){this.observer?.disconnect(),this.observer=null,this.removeOwnedDescriptions(this.activeInput),this.activeInput=null,this.ownedDescriptionIds.clear()}descriptionIds(e){return Array.from(new Set((e.getAttribute("aria-describedby")??"").split(/\s+/).filter(Boolean)))}removeOwnedDescriptions(e){if(!e||0===this.ownedDescriptionIds.size)return;const t=this.descriptionIds(e).filter((e=>!this.ownedDescriptionIds.has(e)));t.length>0?e.setAttribute("aria-describedby",t.join(" ")):e.removeAttribute("aria-describedby")}scheduleWire=()=>{this.wireQueued||(this.wireQueued=!0,queueMicrotask((()=>{this.wireQueued=!1,this.wire()})))};wire(){const e=this.host.querySelector("label"),t=this.host.querySelector("input, textarea, select"),i=this.host.querySelector('[data-slot="help"]'),s=this.host.querySelector('[data-slot="error"], [role="alert"]');if(t!==this.activeInput&&(this.removeOwnedDescriptions(this.activeInput),this.activeInput=t,this.ownedDescriptionIds.clear()),!t)return;t.id||(t.id=a("form-field-input")),e&&!e.getAttribute("for")&&e.setAttribute("for",t.id);const r=this.ownedDescriptionIds,o=this.descriptionIds(t).filter((e=>!r.has(e))),d=[];i&&(i.id||(i.id=a("form-field-help")),d.push(i.id)),s&&(s.id||(s.id=a("form-field-error")),d.push(s.id));const l=d.filter((e=>!o.includes(e))),n=Array.from(new Set([...o,...d])).join(" ");t.getAttribute("aria-describedby")!==n&&(n?t.setAttribute("aria-describedby",n):t.removeAttribute("aria-describedby")),this.ownedDescriptionIds=new Set(l),t.disabled=this.disabled,t.required=this.required,t.setAttribute("aria-invalid",this.invalid?"true":"false")}render(){return i(s,{key:"f052dbf0ba289bf187ea78c458260110fbfa059a","data-invalid":this.invalid?"":void 0,"data-disabled":this.disabled?"":void 0,"data-required":this.required?"":void 0},i("slot",{key:"f26f48581b5781e8c3d7830ddd3707ea4fb04420",onSlotchange:this.scheduleWire}))}static get style(){return":host{display:grid;gap:var(--ui-space-2);min-inline-size:0;align-content:start;color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){min-block-size:var(--ui-form-field-help-min-block-size, 0);color:var(--ui-text-muted);font-size:0.875rem;line-height:var(--ui-line-height-md)}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}"}},[769,"ui-form-field",{invalid:[4],disabled:[4],required:[4]}]),d=o,l=function(){"undefined"!=typeof customElements&&["ui-form-field"].forEach((e=>{"ui-form-field"===e&&(customElements.get(r(e))||customElements.define(r(e),o))}))};export{d as UiFormField,l as defineCustomElement}

package/dist/components/ui-icon-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiIconButton extends Components.UiIconButton, HTMLElement {}
-export const UiIconButton: {
-    prototype: UiIconButton;
-    new (): UiIconButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-icon-button.js

@@ -1 +0,0 @@
-import{p as o,H as i,h as t,c as n,t as e}from"./p-Bh_1GxOD.js";const r=o(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}disabled=!1;label="";size="md";variant="ghost";anticipatory=!1;render(){return t(n,{key:"8d0f84c9d3aaa69f47430369b511bb4160de5cc8","data-disabled":this.disabled?"":void 0,"data-ui-affordance":this.anticipatory?"button":void 0},t("button",{key:"b896cdb091e9733b2b8625463f1324819c23965c",type:"button","aria-label":this.label||void 0,disabled:this.disabled},t("slot",{key:"76ab5e5f4d34e3f0850287b4552dde060b3798e7"})))}static get style(){return":host{display:inline-flex;color:var(--ui-text-secondary)}:host([anticipatory]){position:relative}:host([anticipatory])::before{content:'';position:absolute;inset:50% auto auto 50%;z-index:1;inline-size:var(--ui-affordance-guide-size, 0.25rem);block-size:var(--ui-affordance-guide-size, 0.25rem);border-radius:var(--ui-radius-round, 999px);background:var(--ui-affordance-guide-color, var(--ui-border-strong));opacity:var(--ui-affordance-guide-opacity, 0.42);transform:translate(-50%, -50%);transition:opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);pointer-events:none}:host([anticipatory]) button{opacity:0;transform:scale(0.72);pointer-events:none}:host([anticipatory][data-ui-proximity='near'])::before,:host([anticipatory]:focus-within)::before,:host([anticipatory]:hover)::before,:host([anticipatory][variant='solid'])::before{opacity:0}:host([anticipatory][data-ui-proximity='near']) button,:host([anticipatory]:focus-within) button,:host([anticipatory]:hover) button,:host([anticipatory][variant='solid']) button{opacity:1;transform:scale(1);pointer-events:auto}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease)}@media (hover: none), (pointer: coarse){:host([anticipatory])::before{opacity:0}:host([anticipatory]) button{opacity:1;transform:none;pointer-events:auto}}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var(     --ui-icon-button-solid-shadow,     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)   )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}"}},[769,"ui-icon-button",{disabled:[516],label:[1],size:[513],variant:[513],anticipatory:[516]}]),a=r,s=function(){"undefined"!=typeof customElements&&["ui-icon-button"].forEach((o=>{"ui-icon-button"===o&&(customElements.get(e(o))||customElements.define(e(o),r))}))};export{a as UiIconButton,s as defineCustomElement}

package/dist/components/ui-input.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiInput extends Components.UiInput, HTMLElement {}
-export const UiInput: {
-    prototype: UiInput;
-    new (): UiInput;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-input.js

@@ -1 +0,0 @@
-import{p as t,H as i,h as e,c as o,t as n}from"./p-Bh_1GxOD.js";import{d as s,e as a}from"./p-JwSoedEO.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}value;defaultValue="";disabled=!1;invalid=!1;readOnly=!1;internalValue="";slotRef;syncFromProp(){void 0!==this.value&&(this.internalValue=this.value)}syncToInput(){const t=this.getInput();t&&(this.host.dataset.invalid=this.invalid?"true":"",void 0!==this.value&&(t.value=this.internalValue),t.defaultValue=this.defaultValue,t.disabled=this.disabled,t.readOnly=this.readOnly,t.setAttribute("aria-invalid",this.invalid?"true":"false"))}componentDidLoad(){this.syncFromProp(),this.slotRef?.addEventListener("slotchange",(()=>this.syncToInput())),this.syncToInput();const t=this.getInput();t?.addEventListener("input",this.onInput),t?.addEventListener("change",this.onChange)}disconnectedCallback(){const t=this.getInput();t?.removeEventListener("input",this.onInput),t?.removeEventListener("change",this.onChange)}componentDidUpdate(){this.syncToInput()}getInput(){const t=this.host.shadowRoot?.querySelector("slot");return(t?.assignedElements()??Array.from(this.host.children)).find((t=>"INPUT"===t.tagName))??null}onInput=t=>{const i=t.target;i&&(this.internalValue=i.value,s(this.host,"input",{value:this.internalValue,trigger:a(t)}))};onChange=t=>{const i=this.getInput();i&&(this.internalValue=i.value,s(this.host,"change",{value:this.internalValue,trigger:a(t)}))};render(){return e(o,{key:"92505de6b1245569a6d4746418a70f8d7bc4eed9","data-invalid":this.invalid?"":void 0},e("slot",{key:"d5743dc62037b5d7722cfbb64a582592327c75e5",ref:t=>this.slotRef=t}))}static get watchers(){return{value:[{syncFromProp:0}],internalValue:[{syncToInput:0}],defaultValue:[{syncToInput:0}],disabled:[{syncToInput:0}],invalid:[{syncToInput:0}],readOnly:[{syncToInput:0}]}}static get style(){return":host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(input){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:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;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(input:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(input: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(input),::slotted(input[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(input:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}"}},[769,"ui-input",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],readOnly:[4,"readonly"],internalValue:[32]},void 0,{value:[{syncFromProp:0}],internalValue:[{syncToInput:0}],defaultValue:[{syncToInput:0}],disabled:[{syncToInput:0}],invalid:[{syncToInput:0}],readOnly:[{syncToInput:0}]}]),u=r,l=function(){"undefined"!=typeof customElements&&["ui-input"].forEach((t=>{"ui-input"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{u as UiInput,l as defineCustomElement}

package/dist/components/ui-menu-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiMenuItem extends Components.UiMenuItem, HTMLElement {}
-export const UiMenuItem: {
-    prototype: UiMenuItem;
-    new (): UiMenuItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1 +0,0 @@
-import{p as e,H as t,h as a,c as i,t as s}from"./p-Bh_1GxOD.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}disabled=!1;value="";render(){return a(i,{key:"d0f0886b18ebd01c0c2e20a2c1b1ecfd57eeb3e3",role:"menuitem",tabIndex:this.disabled?-1:0,"aria-disabled":this.disabled?"true":void 0,"data-value":this.value||void 0},a("span",{key:"7fc584fb670b5b8ce0bbd3be1fea08f87de4a298",class:"menu-item__surface"},a("slot",{key:"066fb08bc22996d439f3216e401a93a084e3e299"})))}static get style(){return":host{display:block;width:100%}.menu-item__surface{display:block;box-sizing:border-box;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}:host(:hover:not([aria-disabled='true']):not([disabled])) .menu-item__surface{background:var(--ui-surface-subtle)}:host([aria-disabled='true']) .menu-item__surface,:host([disabled]) .menu-item__surface{opacity:0.6;cursor:not-allowed}"}},[769,"ui-menu-item",{disabled:[516],value:[1]}]),r=o,u=function(){"undefined"!=typeof customElements&&["ui-menu-item"].forEach((e=>{"ui-menu-item"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{r as UiMenuItem,u as defineCustomElement}

package/dist/components/ui-menu.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiMenu extends Components.UiMenu, HTMLElement {}
-export const UiMenu: {
-    prototype: UiMenu;
-    new (): UiMenu;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-menu.js

@@ -1 +0,0 @@
-import{U as o,d as r}from"./p-6SWSrfmW.js";const s=o,m=r;export{s as UiMenu,m as defineCustomElement}

package/dist/components/ui-popover.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiPopover extends Components.UiPopover, HTMLElement {}
-export const UiPopover: {
-    prototype: UiPopover;
-    new (): UiPopover;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-popover.js

@@ -1 +0,0 @@
-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-B_DaIVEY.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:"65a0927abc40450205989704bfde2cf7fd80d1f9","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},o("div",{key:"255acaf99e0fe70a92048351b24bdfde1a4ea45f",class:"popover__surface"},o("slot",{key:"9d2f6c9d5a0f7a2766225aef0ec5b98b33ec9f07"})))}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.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiRadioGroup extends Components.UiRadioGroup, HTMLElement {}
-export const UiRadioGroup: {
-    prototype: UiRadioGroup;
-    new (): UiRadioGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1 +0,0 @@
-import{p as t,H as i,h as e,c as s,t as a}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 s=t.querySelector('input[type="radio"]');s&&(s.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)),s="vertical"===this.orientation?"vertical":"horizontal",a="horizontal"===s?"ArrowRight"===t.key:"ArrowDown"===t.key;if(!("horizontal"===s?"ArrowLeft"===t.key:"ArrowUp"===t.key)&&!a)return;let o;t.preventDefault(),o=a?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(s,{key:"9bdfe6b5209b5444cb27dde3226ec33866999c25",role:"radiogroup","aria-orientation":this.orientation,"data-orientation":this.orientation,"data-disabled":this.disabled?"":void 0},e("slot",{key:"b81a2f1e4c49000cfb5357570b460564ced48d91"}))}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(a(t))||customElements.define(a(t),n))}))};export{d as UiRadioGroup,h as defineCustomElement}

package/dist/components/ui-radio.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiRadio extends Components.UiRadio, HTMLElement {}
-export const UiRadio: {
-    prototype: UiRadio;
-    new (): UiRadio;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-radio.js

@@ -1 +0,0 @@
-import{p as t,H as e,h as s,c as i,t as n}from"./p-Bh_1GxOD.js";import{d as o,e as a}from"./p-JwSoedEO.js";import{i as c,c as d}from"./p-BnGhGgTH.js";const r=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=d(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,o(this.host,"change",{checked:!0,value:this.value,trigger:a(t)}))};render(){return s(i,{key:"32df72dff7253956875ef28f593462ddbbb90eef",role:"radio","aria-checked":this.internalChecked+"","aria-disabled":this.disabled+"","data-disabled":this.disabled?"":void 0},s("slot",{key:"0c78f3e3bdf4d618547b267128c6fc0fdd651599",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=r,u=function(){"undefined"!=typeof customElements&&["ui-radio"].forEach((t=>{"ui-radio"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{h as UiRadio,u as defineCustomElement}

package/dist/components/ui-search-result-row.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiSearchResultRow extends Components.UiSearchResultRow, HTMLElement {}
-export const UiSearchResultRow: {
-    prototype: UiSearchResultRow;
-    new (): UiSearchResultRow;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1 +0,0 @@
-import{p as e,H as a,h as r,c as s,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 c=e(class extends a{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 r(s,{key:"923d7ac982594e39c06421b60f115acbb395f169"},r("button",{key:"c97e45ba33297a8aeaa4a9726402c71e3ca73a7b",class:"search-result-row",type:"button",disabled:this.disabled,part:"button"},r("span",{key:"dea0781519760f5dc2b46902ef86f9e72ccfa6df",class:"search-result-row__leading",part:"leading",hidden:!this.hasLeading},r("slot",{key:"e10026c17caaa3a21e9dd34c7faabfe9b97f2f5b",name:"leading",ref:e=>this.leadingSlot=e,onSlotchange:this.syncSlots})),r("span",{key:"e8bb06b45aff7ddbaa9a51cc7c53d797e68e8746",class:"search-result-row__content",part:"content"},r("span",{key:"6e1c2d49029e1c1fdc2519f513ddedbe304ddb3e",class:"search-result-row__title",part:"title"},r("slot",{key:"9653efc0b61c49d36034c4c75a3e9b3d7a6f837b",name:"title"})),r("span",{key:"b10885a7649c75f9e6903354f5804f459aa883b7",class:"search-result-row__meta",part:"meta",hidden:!this.hasMeta},r("slot",{key:"b3101183b0dfa0cc1ba8e62c1f8fc39ad865e1ae",name:"meta",ref:e=>this.metaSlot=e,onSlotchange:this.syncSlots})),r("span",{key:"430520c0e349344fc4c549cd36a0137d39fc8d24",class:"search-result-row__excerpt",part:"excerpt",hidden:!this.hasExcerpt},r("slot",{key:"4a90cefa9b1d2b2378d1a8aa166aa8fdebfbca42",name:"excerpt",ref:e=>this.excerptSlot=e,onSlotchange:this.syncSlots}))),r("span",{key:"769ed2f62ead7ce32b13cdad93a7bbb981b13b3c",class:"search-result-row__trailing",part:"trailing",hidden:!this.hasTrailing},r("slot",{key:"86490f5fef29c6fa4d8ddf838de5f9aee8535db0",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]}]),l=c,o=function(){"undefined"!=typeof customElements&&["ui-search-result-row"].forEach((e=>{"ui-search-result-row"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))};export{l as UiSearchResultRow,o as defineCustomElement}

package/dist/components/ui-search-shell.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiSearchShell extends Components.UiSearchShell, HTMLElement {}
-export const UiSearchShell: {
-    prototype: UiSearchShell;
-    new (): UiSearchShell;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1 +0,0 @@
-import{p as e,H as s,h as a,t as l}from"./p-Bh_1GxOD.js";function c(e){return!!e&&e.assignedNodes({flatten:!0}).some((e=>e.nodeType!==Node.TEXT_NODE||!!e.textContent?.trim()))}const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}hasStatus=!1;hasFooter=!1;statusSlot;footerSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasStatus=c(this.statusSlot),this.hasFooter=c(this.footerSlot)};render(){return a("div",{key:"049a6451f10f1906881efc8fc2cdeba656e68733",class:"search-shell",part:"base"},a("slot",{key:"e807b035ccb9ec9425651b59a0d137ebc54329aa",name:"backdrop"}),a("div",{key:"5d785a0d4dab1fed7f6750b82485b9e50edd62d9",class:"search-shell__panel",part:"panel"},a("div",{key:"b41c40485d61d9436504483759a5f42d96e5aad2",class:"search-shell__search",part:"search"},a("slot",{key:"b19058bca701cc26d286c8694c7cdc6306e100c4",name:"search"})),a("div",{key:"260164b95427e03329f28247e8dbda867506e672",class:"search-shell__status",part:"status",hidden:!this.hasStatus},a("slot",{key:"1d7c1e8c96e588b7c9c906cfaad91ba1cf77bf7c",name:"status",ref:e=>this.statusSlot=e,onSlotchange:this.syncSlots})),a("div",{key:"49963c82e54aee2b5c4c4809ce2b152f770b4468",class:"search-shell__body",part:"body"},a("slot",{key:"ae32ec8c9ec89310ad1805f1c65bc8208ee12f29",name:"body"})),a("div",{key:"f5fc9f356035e277e4c9bb0e188d7b4be3642c27",class:"search-shell__footer",part:"footer",hidden:!this.hasFooter},a("slot",{key:"dbf1022e49a054eee1c5e70b675c71d1cf3488bf",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]}]),t=r,i=function(){"undefined"!=typeof customElements&&["ui-search-shell"].forEach((e=>{"ui-search-shell"===e&&(customElements.get(l(e))||customElements.define(l(e),r))}))};export{t as UiSearchShell,i as defineCustomElement}

package/dist/components/ui-select.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiSelect extends Components.UiSelect, HTMLElement {}
-export const UiSelect: {
-    prototype: UiSelect;
-    new (): UiSelect;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-select.js

@@ -1 +0,0 @@
-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:"2b3348e1694cfd113163af3adf939fd64cb40654","data-invalid":this.invalid?"":void 0},i("slot",{key:"40e627125a906cf4bf294eb085c172a5370f3a54",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.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiSwitch extends Components.UiSwitch, HTMLElement {}
-export const UiSwitch: {
-    prototype: UiSwitch;
-    new (): UiSwitch;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-switch.js

@@ -1 +0,0 @@
-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:"eaee279bbc787c844f2ad265da03fca608d9c429",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:"2ebfa684bf08735a4e89a06001f6758885c40ffb",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:"ff9975d4ccbffbed2b97060eabf347653d5f5110"}))}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.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiTabs extends Components.UiTabs, HTMLElement {}
-export const UiTabs: {
-    prototype: UiTabs;
-    new (): UiTabs;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-tabs.js

@@ -1 +0,0 @@
-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:"61044ac3f2fcb0f766d931416f42ff17ec94c00d",orientation:this.orientation,"data-orientation":this.orientation},e("slot",{key:"3260c95bdd24581045b1c4e4d1b8f4d08daf02b4"}))}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.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiTextarea extends Components.UiTextarea, HTMLElement {}
-export const UiTextarea: {
-    prototype: UiTextarea;
-    new (): UiTextarea;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-textarea.js

@@ -1 +0,0 @@
-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:"a554edb1a0ef40a2c116e3064e52af7474e065e4","data-invalid":this.invalid?"":void 0},a("slot",{key:"a4eb8034ec11f8b3b06ace7287410fd839004593",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}

package/dist/components/ui-toast-region.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiToastRegion extends Components.UiToastRegion, HTMLElement {}
-export const UiToastRegion: {
-    prototype: UiToastRegion;
-    new (): UiToastRegion;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1 +0,0 @@
-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-B_DaIVEY.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:"9f9c2e14150c631c0f7cb427c693dcd52c20897d",role:"region","aria-label":"Notifications","aria-live":"polite","data-open":this.internalOpen?"":void 0},i("slot",{key:"9e1d9ebb6b587afab2c4302241cecb03a321cee1"}))}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.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiTooltip extends Components.UiTooltip, HTMLElement {}
-export const UiTooltip: {
-    prototype: UiTooltip;
-    new (): UiTooltip;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-tooltip.js

@@ -1 +0,0 @@
-import{U as o,d as s}from"./p-BzaB_bXo.js";const a=o,p=s;export{a as UiTooltip,p as defineCustomElement}

package/dist/components/ui-top-bar.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiTopBar extends Components.UiTopBar, HTMLElement {}
-export const UiTopBar: {
-    prototype: UiTopBar;
-    new (): UiTopBar;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1 +0,0 @@
-import{p as a,H as e,h as t,c as i,t as s}from"./p-Bh_1GxOD.js";function n(a){return!!a&&a.assignedNodes({flatten:!0}).some((a=>a.nodeType!==Node.TEXT_NODE||!!a.textContent?.trim()))}const r=a(class extends e{constructor(a){super(),!1!==a&&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:"1ef941e211c9536c034a40c0f7a255068595de10"},t("header",{key:"f1ea465d17753224d72971d26f70b546b93de8ba",class:"top-bar",part:"base"},t("div",{key:"4eab975109467ad41e16527102b31e6e6d7421c8",class:"top-bar__leading",hidden:!this.hasLeading},t("slot",{key:"3388d0e2346de4c08d85dd4c3a998e5f668a05f6",name:"leading",ref:a=>this.leadingSlot=a,onSlotchange:this.syncSlots})),t("div",{key:"7b176d6e82da08eb495f3ca2c83505327c21f525",class:"top-bar__title"},t("slot",{key:"8196e5489d2f43a72f794aad8ceaa44c358810e9"})),t("div",{key:"2b29c72174559865fb01b99cfab830f74640a8a5",class:"top-bar__search",hidden:!this.hasSearch},t("slot",{key:"9597fde0cf05821e641471343a38dd3190f1e18f",name:"search",ref:a=>this.searchSlot=a,onSlotchange:this.syncSlots})),t("div",{key:"1f19003e43fb28ac4ff4debd27e1a0fa9f342275",class:"top-bar__actions",hidden:!this.hasActions},t("slot",{key:"f6a84824d2806dc16b5fa82cc25dc1247a6a8ad1",name:"actions",ref:a=>this.actionsSlot=a,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,d=function(){"undefined"!=typeof customElements&&["ui-top-bar"].forEach((a=>{"ui-top-bar"===a&&(customElements.get(s(a))||customElements.define(s(a),r))}))};export{o as UiTopBar,d as defineCustomElement}