@adia-ai/web-modules 0.8.19 → 0.8.20

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog — @adia-ai/web-modules
 
+## [0.8.20] — 2026-07-28
+
+### Fixed
+- **The npm tarball no longer ships `*.test.js`** (gh#462) — the `files` roster excluded examples/html but never unit tests, so 13 test file(s) rode the 0.8.19 tarball. `!**/*.test.js` appended as the roster's LAST entry (npm's files globbing is order-sensitive — a leading exclude is overridden by later directory includes). Proof: `npm pack --dry-run` → 0 test files, runtime files intact.
+- **The `form/` cluster is importable by subpath** (gh#457) — 0.8.19 shipped the files (gh#448) but the `exports` map was never extended, so `@adia-ai/web-modules/form/...` threw `ERR_PACKAGE_PATH_NOT_EXPORTED` and only the whole-package barrel reached `<form-popover-ui>`. Added the `./form`, `./form/*`, and `./form/*.css` stanzas mirroring every sibling cluster. Known residue, not fixed here: the module ships no `.d.ts`, so the `types` conditions point ahead of reality until types land.
+
+### Maintenance
+- **`dist/` bundles rebuilt** in this cut's window (1 file(s)) — regenerated from the source changes described above, not independent edits.
+
 ## [0.8.19] — 2026-07-27
 
 ### Fixed

package/dist/everything.min.js

@@ -246,12 +246,12 @@ Correct shape for <chart-ui x="label" y="value">:
           <button-ui data-tour-next variant="primary" size="sm" text="${i?"Done":"Next \u2192"}"></button-ui>
         </div>
       </div>
-    `;try{this.#e.showPopover()}catch{}this.#i?.(),l?this.#i=ut(l,this.#e,{placement:o,gap:12}):(this.#e.style.position="fixed",this.#e.style.top="50%",this.#e.style.left="50%",this.#e.style.transform="translate(-50%, -50%)"),queueMicrotask(()=>this.#e?.focus?.())}#d=null;#f(){if(!this.#t)return;let t=this.#d;if(!t){this.#t.setAttribute("data-tour-no-target","");return}this.#t.removeAttribute("data-tour-no-target");let e=t.getBoundingClientRect(),i=getComputedStyle(this),r=parseFloat(i.getPropertyValue("--tour-spotlight-padding"))||8,n=Math.max(0,e.top-r),o=Math.max(0,e.left-r),a=e.width+r*2,l=e.height+r*2;this.#t.style.top=`${n}px`,this.#t.style.left=`${o}px`,this.#t.style.width=`${a}px`,this.#t.style.height=`${l}px`}#p=t=>{let e=t.target;if(!(!e||!e.closest)){if(e.closest("[data-tour-skip]")){this.skip();return}if(e.closest("[data-tour-previous]")){this.previous();return}if(e.closest("[data-tour-next]")){this.next();return}}}},Co=class extends v{static properties={target:{type:String,default:"",reflect:!0},title:{type:String,default:"",reflect:!0},placement:{type:String,default:"bottom",reflect:!0}};static template=()=>null};function p5(s){return String(s??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}S("tour-ui",Eo),S("tour-step-ui",Co);C();var y1="data-toolbar-spillover",m5="data-toolbar-spillover-menu",v1=8,ld="data-toolbar-spillover-label";function x1(s){return s?.tagName&&s.tagName.toLowerCase()==="divider-ui"}function g5(s){return s?s.split("-").filter(Boolean).map(t=>t[0].toUpperCase()+t.slice(1)).join(" "):""}function b5(s){let t=s.matches?.("button-ui")?[s]:Array.from(s.querySelectorAll?.("button-ui")||[]);for(let e of t){if(e.hasAttribute(ld)||e.getAttribute("text"))continue;let i=e.getAttribute("aria-label")||g5(e.getAttribute("icon"));i&&(e.setAttribute(ld,""),e.setAttribute("text",i))}}function O5(s){let t=s.matches?.("button-ui")?[s]:Array.from(s.querySelectorAll?.("button-ui")||[]);for(let e of t)e.hasAttribute(ld)&&(e.removeAttribute(ld),e.removeAttribute("text"))}function S1(s){let t=s.getBoundingClientRect(),e=getComputedStyle(s),i=parseFloat(e.marginLeft)||0,r=parseFloat(e.marginRight)||0;return t.width+i+r}var $o=class extends v{static properties={gap:{type:String,default:"sm",reflect:!0},align:{type:String,default:"start",reflect:!0},overflow:{type:String,default:"menu",reflect:!0},bordered:{type:Boolean,default:!1,reflect:!0}};static template=()=>null;#t=null;#e=null;#i=null;#s=null;#r=null;#n=!1;#a=!1;#o=null;#l=null;connected(){this.setAttribute("role","toolbar"),this.#h(),typeof ResizeObserver<"u"&&(this.#t=new ResizeObserver(()=>this.#O()),this.#t.observe(this)),typeof MutationObserver<"u"&&(this.#e=new MutationObserver(()=>{this.#n||this.#O()})),this.#y(),this.#O()}disconnected(){this.#o!=null&&(cancelAnimationFrame(this.#o),this.#o=null),this.#a=!1,this.#t?.disconnect(),this.#e?.disconnect(),this.#u(),this.#t=null,this.#e=null,this.#i=null,this.#s=null}#h(){if(this.#i)return;let t=document.createElement("button-ui");t.setAttribute("icon","dots-three"),t.setAttribute("variant","ghost"),t.setAttribute("size","sm"),t.setAttribute(y1,""),t.setAttribute("aria-label","More actions"),t.setAttribute("aria-haspopup","menu"),t.hidden=!0;let e=document.createElement("div");e.setAttribute(m5,""),e.setAttribute("popover","manual"),e.setAttribute("role","menu"),t.addEventListener("click",this.#d),e.addEventListener("click",this.#f),e.addEventListener("toggle",this.#g),this.appendChild(t),this.appendChild(e),this.#i=t,this.#s=e}#c(){let t=this.#s;!t||t.matches(":popover-open")||(t.showPopover?.(),this.#r?.(),this.#r=ut(this.#i,t,{placement:"bottom-end",gap:4}),this.#l=requestAnimationFrame(()=>{this.#l=null,document.addEventListener("pointerdown",this.#p,!0),document.addEventListener("keydown",this.#m,!0)}))}#u(){this.#r?.(),this.#r=null,this.#s?.matches(":popover-open")&&this.#s.hidePopover?.(),this.#l!=null&&(cancelAnimationFrame(this.#l),this.#l=null),document.removeEventListener("pointerdown",this.#p,!0),document.removeEventListener("keydown",this.#m,!0)}#d=t=>{t.stopPropagation(),this.#s?.matches(":popover-open")?this.#u():this.#c()};#f=t=>{let e=t.target.closest("button-ui");e&&(e.matches(`[${y1}]`)||queueMicrotask(()=>this.#u()))};#p=t=>{if(this.#i?.contains(t.target)||this.#s?.contains(t.target))return;let e=t.composedPath?.()||[];for(let i of e){if(i===document)break;if(i?.nodeType===1&&i.hasAttribute?.("popover"))return}this.#u()};#m=t=>{t.key==="Escape"&&(t.stopPropagation(),this.#u(),this.#i?.focus?.({preventScroll:!0}))};#g=t=>{t.newState==="closed"&&(this.#r?.(),this.#r=null,this.#l!=null&&(cancelAnimationFrame(this.#l),this.#l=null),document.removeEventListener("pointerdown",this.#p,!0),document.removeEventListener("keydown",this.#m,!0))};#O(){this.#a||(this.#a=!0,this.#o=requestAnimationFrame(()=>{this.#o=null,this.#a=!1,this.isConnected&&this.#x()}))}#y(){this.#e?.observe(this,{childList:!0})}#b(){this.#e&&(this.#e.disconnect(),this.#e.takeRecords())}#x(){if(!this.isConnected)return;let t=this.#i,e=this.#s;if(!(!t||!e)){this.#n=!0,this.#b();try{for(;e.firstChild;)O5(e.firstChild),this.insertBefore(e.firstChild,t);let i=0;for(let y of this.children)y===t||y===e||(y.dataset.toolbarOrder==null&&(y.dataset.toolbarOrder=String(i)),i+=1);let r=Array.from(this.children).filter(y=>y!==t&&y!==e).sort((y,x)=>Number(y.dataset.toolbarOrder)-Number(x.dataset.toolbarOrder));for(let y of r)this.insertBefore(y,t);let n=r;for(let y of n)y.hidden=!1;t.hidden=!0;let o=getComputedStyle(this),a=parseFloat(o.paddingLeft)||0,l=parseFloat(o.paddingRight)||0,h=parseFloat(o.columnGap||o.gap)||0,c=this.clientWidth-a-l,u=n.map(y=>S1(y)),d=u.reduce((y,x)=>y+x,0)+Math.max(0,n.length-1)*h,f=d<=c-v1;if(this.overflow==="none"||f)return;t.hidden=!1;let p=S1(t),m=n.length,b=d;for(;m>0&&!(b+h+p<=c-v1);)m-=1,b-=u[m],m>0&&(b-=h);for(;m>0&&x1(n[m-1]);)m-=1;let g=n.slice(m);for(let y of g){if(x1(y)){y.hidden=!0;continue}b5(y),e.appendChild(y)}e.firstElementChild||(t.hidden=!0)}finally{this.#n=!1,queueMicrotask(()=>{this.#e?.takeRecords(),this.#y()})}}}},Po=class extends v{static template=()=>null;connected(){this.setAttribute("role","group")}};S("toolbar-ui",$o),S("toolbar-group-ui",Po);C();var Qo=class extends v{static properties={variant:{type:String,default:"primary",reflect:!0},collapsed:{type:Boolean,default:!1,reflect:!0},divider:{type:Boolean,default:!1,reflect:!0},heading:{type:String,default:"",reflect:!0}};static template=()=>null;#t=null;connected(){this.setAttribute("role","navigation"),this.heading&&this.setAttribute("aria-label",this.heading),this.addEventListener("click",this.#i),this.variant!=="section"&&typeof ResizeObserver<"u"&&(this.#t=new ResizeObserver(()=>this.#e()),this.#t.observe(this))}render(){this.heading?this.setAttribute("aria-label",this.heading):this.removeAttribute("aria-label"),this.variant!=="section"&&this.#e()}#e(){let t=this.collapsed||this.getBoundingClientRect().width<=96;for(let e of this.querySelectorAll(":scope > nav-group-ui")){let i=e.querySelector(':scope > [slot="header"]');i&&(i.title=t?e.text:"")}for(let e of this.querySelectorAll(":scope > nav-item-ui"))e.title=t?e.text:""}get selectedItem(){return this.querySelector("nav-item-ui[selected]")}select(t){let e=this.selectedItem;e&&e!==t&&e.removeAttribute("selected"),t&&(t.setAttribute("selected",""),this.dispatchEvent(new CustomEvent("nav-select",{bubbles:!0,detail:{item:t,text:t.text,value:t.value}})))}toggle(){this.variant!=="section"&&(this.collapsed=!this.collapsed)}#i=t=>{let e=t.target.closest("nav-item-ui");if(e&&this.contains(e)){if(e.disabled)return;this.select(e),this.#s();return}if(this.variant==="section")return;let i=t.target.closest("nav-group-ui");if(i&&this.contains(i))if(this.collapsed||this.getBoundingClientRect().width<=96){if(t.target.closest("[popover]"))return;i.showPopover?.()}else{let n=i.querySelector(':scope > [slot="header"]');n&&(t.target===n||n.contains(t.target))&&(i.open=!i.open)}};#s(){this.style.pointerEvents="none",requestAnimationFrame(()=>{this.style.pointerEvents=""})}disconnected(){this.removeEventListener("click",this.#i),this.#t?.disconnect(),this.#t=null}};S("nav-ui",Qo);C();var To=class extends v{static properties={text:{type:String,default:"",reflect:!0},icon:{type:String,default:"",reflect:!0},badge:{type:String,default:"",reflect:!0},open:{type:Boolean,default:!1,reflect:!0},collapsible:{type:Boolean,default:!0,reflect:!0},variant:{type:String,default:"",reflect:!0}};static template=()=>null;#t=null;#e=null;#i=null;#s=t=>{this.collapsible&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open=!this.open,this.dispatchEvent(new CustomEvent("group-toggle",{bubbles:!0,detail:{text:this.text,open:this.open}})))};connected(){this.setAttribute("role","group"),nt(this,"header").length?this.#i=nt(this,"header")[0]:(this.#i=document.createElement("div"),this.#i.setAttribute("slot","header"),this.#i.setAttribute("tabindex","0"),this.#i.innerHTML=`
+    `;try{this.#e.showPopover()}catch{}this.#i?.(),l?this.#i=ut(l,this.#e,{placement:o,gap:12}):(this.#e.style.position="fixed",this.#e.style.top="50%",this.#e.style.left="50%",this.#e.style.transform="translate(-50%, -50%)"),queueMicrotask(()=>this.#e?.focus?.())}#d=null;#f(){if(!this.#t)return;let t=this.#d;if(!t){this.#t.setAttribute("data-tour-no-target","");return}this.#t.removeAttribute("data-tour-no-target");let e=t.getBoundingClientRect(),i=getComputedStyle(this),r=parseFloat(i.getPropertyValue("--tour-spotlight-padding"))||8,n=Math.max(0,e.top-r),o=Math.max(0,e.left-r),a=e.width+r*2,l=e.height+r*2;this.#t.style.top=`${n}px`,this.#t.style.left=`${o}px`,this.#t.style.width=`${a}px`,this.#t.style.height=`${l}px`}#p=t=>{let e=t.target;if(!(!e||!e.closest)){if(e.closest("[data-tour-skip]")){this.skip();return}if(e.closest("[data-tour-previous]")){this.previous();return}if(e.closest("[data-tour-next]")){this.next();return}}}},Co=class extends v{static properties={target:{type:String,default:"",reflect:!0},title:{type:String,default:"",reflect:!0},placement:{type:String,default:"bottom",reflect:!0}};static template=()=>null};function p5(s){return String(s??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}S("tour-ui",Eo),S("tour-step-ui",Co);C();var y1="data-toolbar-spillover",m5="data-toolbar-spillover-menu",v1=8,ld="data-toolbar-spillover-label";function x1(s){return s?.tagName&&s.tagName.toLowerCase()==="divider-ui"}function g5(s){return s?s.split("-").filter(Boolean).map(t=>t[0].toUpperCase()+t.slice(1)).join(" "):""}function b5(s){let t=s.matches?.("button-ui")?[s]:Array.from(s.querySelectorAll?.("button-ui")||[]);for(let e of t){if(e.hasAttribute(ld)||e.getAttribute("text"))continue;let i=e.getAttribute("aria-label")||g5(e.getAttribute("icon"));i&&(e.setAttribute(ld,""),e.setAttribute("text",i))}}function O5(s){let t=s.matches?.("button-ui")?[s]:Array.from(s.querySelectorAll?.("button-ui")||[]);for(let e of t)e.hasAttribute(ld)&&(e.removeAttribute(ld),e.removeAttribute("text"))}function S1(s){let t=s.getBoundingClientRect(),e=getComputedStyle(s),i=parseFloat(e.marginLeft)||0,r=parseFloat(e.marginRight)||0;return t.width+i+r}var $o=class extends v{static properties={gap:{type:String,default:"sm",reflect:!0},align:{type:String,default:"start",reflect:!0},overflow:{type:String,default:"menu",reflect:!0},bordered:{type:Boolean,default:!1,reflect:!0}};static template=()=>null;#t=null;#e=null;#i=null;#s=null;#r=null;#n=!1;#a=!1;#o=null;#l=null;connected(){this.setAttribute("role","toolbar"),this.#h(),typeof ResizeObserver<"u"&&(this.#t=new ResizeObserver(()=>this.#O()),this.#t.observe(this)),typeof MutationObserver<"u"&&(this.#e=new MutationObserver(()=>{this.#n||this.#O()})),this.#y(),this.#O()}disconnected(){this.#o!=null&&(cancelAnimationFrame(this.#o),this.#o=null),this.#a=!1,this.#t?.disconnect(),this.#e?.disconnect(),this.#u(),this.#t=null,this.#e=null,this.#i=null,this.#s=null}#h(){if(this.#i)return;let t=document.createElement("button-ui");t.setAttribute("icon","dots-three"),t.setAttribute("variant","ghost"),t.setAttribute("size","sm"),t.setAttribute(y1,""),t.setAttribute("aria-label","More actions"),t.setAttribute("aria-haspopup","menu"),t.hidden=!0;let e=document.createElement("div");e.setAttribute(m5,""),e.setAttribute("popover","manual"),e.setAttribute("role","menu"),t.addEventListener("click",this.#d),e.addEventListener("click",this.#f),e.addEventListener("toggle",this.#g),this.appendChild(t),this.appendChild(e),this.#i=t,this.#s=e}#c(){let t=this.#s;!t||t.matches(":popover-open")||(t.showPopover?.(),this.#r?.(),this.#r=ut(this.#i,t,{placement:"bottom-end",gap:4}),this.#l=requestAnimationFrame(()=>{this.#l=null,document.addEventListener("pointerdown",this.#p,!0),document.addEventListener("keydown",this.#m,!0)}))}#u(){this.#r?.(),this.#r=null,this.#s?.matches(":popover-open")&&this.#s.hidePopover?.(),this.#l!=null&&(cancelAnimationFrame(this.#l),this.#l=null),document.removeEventListener("pointerdown",this.#p,!0),document.removeEventListener("keydown",this.#m,!0)}#d=t=>{t.stopPropagation(),this.#s?.matches(":popover-open")?this.#u():this.#c()};#f=t=>{let e=t.target.closest("button-ui");e&&(e.matches(`[${y1}]`)||queueMicrotask(()=>this.#u()))};#p=t=>{if(this.#i?.contains(t.target)||this.#s?.contains(t.target))return;let e=t.composedPath?.()||[];for(let i of e){if(i===document)break;if(i?.nodeType===1&&i.hasAttribute?.("popover"))return}this.#u()};#m=t=>{t.key==="Escape"&&(t.stopPropagation(),this.#u(),this.#i?.focus?.({preventScroll:!0}))};#g=t=>{t.newState==="closed"&&(this.#r?.(),this.#r=null,this.#l!=null&&(cancelAnimationFrame(this.#l),this.#l=null),document.removeEventListener("pointerdown",this.#p,!0),document.removeEventListener("keydown",this.#m,!0))};#O(){this.#a||(this.#a=!0,this.#o=requestAnimationFrame(()=>{this.#o=null,this.#a=!1,this.isConnected&&this.#x()}))}#y(){this.#e?.observe(this,{childList:!0})}#b(){this.#e&&(this.#e.disconnect(),this.#e.takeRecords())}#x(){if(!this.isConnected)return;let t=this.#i,e=this.#s;if(!(!t||!e)){this.#n=!0,this.#b();try{for(;e.firstChild;)O5(e.firstChild),this.insertBefore(e.firstChild,t);let i=0;for(let y of this.children)y===t||y===e||(y.dataset.toolbarOrder==null&&(y.dataset.toolbarOrder=String(i)),i+=1);let r=Array.from(this.children).filter(y=>y!==t&&y!==e).sort((y,x)=>Number(y.dataset.toolbarOrder)-Number(x.dataset.toolbarOrder));for(let y of r)this.insertBefore(y,t);let n=r;for(let y of n)y.hidden=!1;t.hidden=!0;let o=getComputedStyle(this),a=parseFloat(o.paddingLeft)||0,l=parseFloat(o.paddingRight)||0,h=parseFloat(o.columnGap||o.gap)||0,c=this.clientWidth-a-l,u=n.map(y=>S1(y)),d=u.reduce((y,x)=>y+x,0)+Math.max(0,n.length-1)*h,f=d<=c-v1;if(this.overflow==="none"||f)return;t.hidden=!1;let p=S1(t),m=n.length,b=d;for(;m>0&&!(b+h+p<=c-v1);)m-=1,b-=u[m],m>0&&(b-=h);for(;m>0&&x1(n[m-1]);)m-=1;let g=n.slice(m);for(let y of g){if(x1(y)){y.hidden=!0;continue}b5(y),e.appendChild(y)}e.firstElementChild||(t.hidden=!0)}finally{this.#n=!1,queueMicrotask(()=>{this.#e?.takeRecords(),this.#y()})}}}},Po=class extends v{static template=()=>null;connected(){this.setAttribute("role","group")}};S("toolbar-ui",$o),S("toolbar-group-ui",Po);C();var Qo=class extends v{static properties={variant:{type:String,default:"primary",reflect:!0},collapsed:{type:Boolean,default:!1,reflect:!0},divider:{type:Boolean,default:!1,reflect:!0},heading:{type:String,default:"",reflect:!0}};static template=()=>null;#t=null;connected(){this.setAttribute("role","navigation"),this.heading&&this.setAttribute("aria-label",this.heading),this.addEventListener("click",this.#i),this.variant!=="section"&&typeof ResizeObserver<"u"&&(this.#t=new ResizeObserver(()=>this.#e()),this.#t.observe(this))}render(){this.heading?this.setAttribute("aria-label",this.heading):this.removeAttribute("aria-label"),this.variant!=="section"&&this.#e()}#e(){let t=this.collapsed||this.getBoundingClientRect().width<=96;for(let e of this.querySelectorAll(":scope > nav-group-ui")){let i=e.querySelector(':scope > [slot="header"]');i&&(i.title=t?e.text:"")}for(let e of this.querySelectorAll(":scope > nav-item-ui"))e.title=t?e.text:""}get selectedItem(){return this.querySelector("nav-item-ui[selected]")}select(t){let e=this.selectedItem;e&&e!==t&&e.removeAttribute("selected"),t&&(t.setAttribute("selected",""),this.dispatchEvent(new CustomEvent("nav-select",{bubbles:!0,detail:{item:t,text:t.text,value:t.value}})))}toggle(){this.variant!=="section"&&(this.collapsed=!this.collapsed)}#i=t=>{let e=t.target.closest("nav-item-ui");if(e&&this.contains(e)){if(e.disabled)return;this.select(e),this.#s();return}if(this.variant==="section")return;let i=t.target.closest("nav-group-ui");if(i&&this.contains(i))if(this.collapsed||this.getBoundingClientRect().width<=96){if(t.target.closest("[popover]"))return;i.showPopover?.()}else{let n=i.querySelector(':scope > [slot="header"]');n&&(t.target===n||n.contains(t.target))&&(i.open=!i.open)}};#s(){this.style.pointerEvents="none",requestAnimationFrame(()=>{this.style.pointerEvents=""})}disconnected(){this.removeEventListener("click",this.#i),this.#t?.disconnect(),this.#t=null}};S("nav-ui",Qo);C();var To=class extends v{static properties={text:{type:String,default:"",reflect:!0},icon:{type:String,default:"",reflect:!0},badge:{type:String,default:"",reflect:!0},open:{type:Boolean,default:!1,reflect:!0},selected:{type:Boolean,default:!1,reflect:!0},collapsible:{type:Boolean,default:!0,reflect:!0},variant:{type:String,default:"",reflect:!0}};static template=()=>null;#t=null;#e=null;#i=null;#s=t=>{this.collapsible&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open=!this.open,this.dispatchEvent(new CustomEvent("group-toggle",{bubbles:!0,detail:{text:this.text,open:this.open}})))};connected(){this.setAttribute("role","group"),nt(this,"header").length?this.#i=nt(this,"header")[0]:(this.#i=document.createElement("div"),this.#i.setAttribute("slot","header"),this.#i.setAttribute("tabindex","0"),this.#i.innerHTML=`
         <span slot="icon">${this.icon?`<icon-ui name="${this.icon}"></icon-ui>`:""}</span>
         <span slot="text">${this.text}</span>
         ${this.badge?`<span slot="badge">${this.badge}</span>`:""}
         <icon-ui slot="caret" name="caret-right"></icon-ui>
-      `,this.prepend(this.#i)),this.#i?.addEventListener("keydown",this.#s)}render(){let t=this.querySelector('[slot="header"] [slot="text"]');t&&(t.textContent=this.text);let e=this.querySelector('[slot="header"] [slot="badge"]');e&&(e.textContent=this.badge),this.setAttribute("aria-expanded",String(this.open));let i=this.querySelector('[slot="header"] [slot="icon"] icon-ui');i&&i.setAttribute("weight",this.open?"fill":"regular")}showPopover(){if(!this.#t){this.#t=document.createElement("div"),this.#t.setAttribute("slot","popover"),this.#t.setAttribute("popover","auto");let t=document.createElement("div");t.setAttribute("slot","popover-label"),t.textContent=this.text,this.#t.appendChild(t);for(let e of this.querySelectorAll(":scope > nav-item-ui")){let i=document.createElement("div");i.setAttribute("role","option"),i.dataset.sourceValue=e.getAttribute("value")||"",i.textContent=e.text,i.addEventListener("click",()=>{let r=this.closest("nav-ui");r&&r.select(e),this.#t.hidePopover()}),this.#t.appendChild(i)}this.appendChild(this.#t),this.#t.addEventListener("toggle",e=>{e.newState==="closed"&&(this.#e?.(),this.#e=null)})}for(let t of this.#t.querySelectorAll('[role="option"]')){let e=t.dataset.sourceValue;(e?this.querySelector(`:scope > nav-item-ui[value="${e}"]`):null)?.hasAttribute("selected")?(t.setAttribute("aria-current","page"),t.setAttribute("aria-selected","true")):(t.removeAttribute("aria-current"),t.removeAttribute("aria-selected"))}this.#t.showPopover(),this.#e?.(),this.#e=ut(this,this.#t,{placement:"right",gap:4})}disconnected(){this.#i?.removeEventListener("keydown",this.#s),this.#e?.(),this.#e=null,this.#t?.hidePopover?.()}};S("nav-group-ui",To);C();var Lo=class extends v{static properties={text:{type:String,default:"",reflect:!0},icon:{type:String,default:"",reflect:!0},value:{type:String,default:"",reflect:!0},badge:{type:String,default:"",reflect:!0},selected:{type:Boolean,default:!1,reflect:!0},disabled:{type:Boolean,default:!1,reflect:!0},variant:{type:String,default:"",reflect:!0}};static template=()=>null;#t=t=>{if(this.disabled){t.preventDefault();return}this.closest("nav-ui")?.select?.(this),this.dispatchEvent(new CustomEvent("nav-select",{bubbles:!0,detail:{item:this,text:this.text,value:this.value}}))};#e=t=>{this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.#t(t))};connected(){this.setAttribute("role","link"),this.setAttribute("tabindex",this.disabled?"-1":"0"),this.querySelector('[slot="text"]')||(this.innerHTML=`
+      `,this.prepend(this.#i)),this.#i?.addEventListener("keydown",this.#s)}render(){let t=this.querySelector('[slot="header"] [slot="text"]');t&&(t.textContent=this.text);let e=this.querySelector('[slot="header"] [slot="badge"]');e&&(e.textContent=this.badge),this.setAttribute("aria-expanded",String(this.open));let i=this.querySelector('[slot="header"] [slot="icon"] icon-ui');i&&i.setAttribute("weight",this.hasAttribute("selected")?"fill":"regular")}showPopover(){if(!this.#t){this.#t=document.createElement("div"),this.#t.setAttribute("slot","popover"),this.#t.setAttribute("popover","auto");let t=document.createElement("div");t.setAttribute("slot","popover-label"),t.textContent=this.text,this.#t.appendChild(t);for(let e of this.querySelectorAll(":scope > nav-item-ui")){let i=document.createElement("div");i.setAttribute("role","option"),i.dataset.sourceValue=e.getAttribute("value")||"",i.textContent=e.text,i.addEventListener("click",()=>{let r=this.closest("nav-ui");r&&r.select(e),this.#t.hidePopover()}),this.#t.appendChild(i)}this.appendChild(this.#t),this.#t.addEventListener("toggle",e=>{e.newState==="closed"&&(this.#e?.(),this.#e=null)})}for(let t of this.#t.querySelectorAll('[role="option"]')){let e=t.dataset.sourceValue;(e?this.querySelector(`:scope > nav-item-ui[value="${e}"]`):null)?.hasAttribute("selected")?(t.setAttribute("aria-current","page"),t.setAttribute("aria-selected","true")):(t.removeAttribute("aria-current"),t.removeAttribute("aria-selected"))}this.#t.showPopover(),this.#e?.(),this.#e=ut(this,this.#t,{placement:"right",gap:4})}disconnected(){this.#i?.removeEventListener("keydown",this.#s),this.#e?.(),this.#e=null,this.#t?.hidePopover?.()}};S("nav-group-ui",To);C();var Lo=class extends v{static properties={text:{type:String,default:"",reflect:!0},icon:{type:String,default:"",reflect:!0},value:{type:String,default:"",reflect:!0},badge:{type:String,default:"",reflect:!0},selected:{type:Boolean,default:!1,reflect:!0},disabled:{type:Boolean,default:!1,reflect:!0},variant:{type:String,default:"",reflect:!0}};static template=()=>null;#t=t=>{if(this.disabled){t.preventDefault();return}this.closest("nav-ui")?.select?.(this),this.dispatchEvent(new CustomEvent("nav-select",{bubbles:!0,detail:{item:this,text:this.text,value:this.value}}))};#e=t=>{this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.#t(t))};connected(){this.setAttribute("role","link"),this.setAttribute("tabindex",this.disabled?"-1":"0"),this.querySelector('[slot="text"]')||(this.innerHTML=`
         <span slot="icon">${this.icon?`<icon-ui name="${this.icon}"></icon-ui>`:""}</span>
         <span slot="text">${this.text}</span>
         ${this.badge?`<span slot="badge">${this.badge}</span>`:""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-modules",
-  "version": "0.8.19",
+  "version": "0.8.20",
   "description": "AdiaUI composite custom elements \u2014 shell, chat, editor, runtime clusters built from @adia-ai/web-components primitives. Subpath exports per cluster.",
   "type": "module",
   "exports": {
@@ -203,6 +203,20 @@
       "import": "./generative/index.js",
       "default": "./generative/index.js"
     },
+    "./form": {
+      "types": "./form/index.d.ts",
+      "import": "./form/index.js",
+      "default": "./form/index.js"
+    },
+    "./form/*": {
+      "types": "./form/*/*.d.ts",
+      "import": "./form/*/*.js",
+      "default": "./form/*/*.js"
+    },
+    "./form/*.css": {
+      "types": "./css-module.d.ts",
+      "default": "./form/*/*.css"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -239,6 +253,7 @@
     "!form/**/*.examples.html",
     "!form/**/*.examples.js",
     "!form/**/*.html",
+    "!**/*.test.js",
     "index.js",
     "css-module.d.ts",
     "web-modules.sheet.d.ts",

package/chat/chat-composer/chat-composer.test.js

@@ -1,112 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import '../../../web-components/core/element.js';
-import './chat-composer.js';
-
-const tick = () => new Promise((r) => queueMicrotask(r));
-
-function mount(html) {
-  const wrap = document.createElement('div');
-  wrap.innerHTML = html;
-  document.body.appendChild(wrap);
-  return wrap.firstElementChild;
-}
-
-beforeEach(() => {
-  document.body.innerHTML = '';
-});
-
-describe('chat-composer', () => {
-  it('registers chat-composer as a custom element', () => {
-    expect(customElements.get('chat-composer')).toBeDefined();
-  });
-
-  it('defaults to disabled=false', () => {
-    const c = mount('<chat-composer></chat-composer>');
-    expect(c.disabled).toBe(false);
-  });
-
-  it('reflects [disabled] via property assignment', async () => {
-    const c = mount('<chat-composer></chat-composer>');
-    c.disabled = true;
-    await tick();
-    expect(c.hasAttribute('disabled')).toBe(true);
-  });
-
-  it('exposes .focus() / .clear() / .input getter', () => {
-    const c = mount('<chat-composer></chat-composer>');
-    expect(typeof c.focus).toBe('function');
-    expect(typeof c.clear).toBe('function');
-    expect('input' in c).toBe(true);
-  });
-
-  it('returns null .input when no inner input element', () => {
-    const c = mount('<chat-composer></chat-composer>');
-    expect(c.input).toBeNull();
-  });
-
-  it('forwards inner submit as composer-submit event', async () => {
-    // Plain input-like element with submit dispatch
-    const wrap = document.createElement('div');
-    wrap.innerHTML = `<chat-composer>
-      <chat-input-ui></chat-input-ui>
-    </chat-composer>`;
-    document.body.appendChild(wrap);
-    const composer = wrap.firstElementChild;
-    const innerInput = composer.querySelector('chat-input-ui');
-
-    const onComposerSubmit = vi.fn();
-    composer.addEventListener('composer-submit', onComposerSubmit);
-
-    innerInput.dispatchEvent(new CustomEvent('submit', { detail: { text: 'hello' } }));
-    await tick();
-
-    expect(onComposerSubmit).toHaveBeenCalledTimes(1);
-    expect(onComposerSubmit.mock.calls[0][0].detail).toEqual({ text: 'hello' });
-  });
-
-  it('propagates [disabled] to inner input via attribute', async () => {
-    const wrap = document.createElement('div');
-    wrap.innerHTML = `<chat-composer>
-      <chat-input-ui></chat-input-ui>
-    </chat-composer>`;
-    document.body.appendChild(wrap);
-    const composer = wrap.firstElementChild;
-    const innerInput = composer.querySelector('chat-input-ui');
-
-    composer.disabled = true;
-    await tick();
-
-    expect(innerInput.hasAttribute('disabled')).toBe(true);
-
-    composer.disabled = false;
-    await tick();
-
-    expect(innerInput.hasAttribute('disabled')).toBe(false);
-  });
-
-  it('cleanup on disconnect — removes inner submit listener', () => {
-    const wrap = document.createElement('div');
-    wrap.innerHTML = `<chat-composer>
-      <chat-input-ui></chat-input-ui>
-    </chat-composer>`;
-    document.body.appendChild(wrap);
-    const composer = wrap.firstElementChild;
-    const innerInput = composer.querySelector('chat-input-ui');
-    const removeSpy = vi.spyOn(innerInput, 'removeEventListener');
-
-    composer.remove();
-
-    const removedTypes = removeSpy.mock.calls.map((args) => args[0]);
-    expect(removedTypes).toContain('submit');
-  });
-
-  it('handles input-ui as inner input fallback', () => {
-    const wrap = document.createElement('div');
-    wrap.innerHTML = `<chat-composer>
-      <input-ui></input-ui>
-    </chat-composer>`;
-    document.body.appendChild(wrap);
-    const composer = wrap.firstElementChild;
-    expect(composer.input?.tagName?.toLowerCase()).toBe('input-ui');
-  });
-});

package/chat/chat-sidebar/chat-sidebar.test.js

@@ -1,110 +0,0 @@
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
-import '../../../web-components/core/element.js';
-import './chat-sidebar.js';
-
-const tick = () => new Promise((r) => queueMicrotask(r));
-
-function mount(html) {
-  const wrap = document.createElement('div');
-  wrap.innerHTML = html;
-  document.body.appendChild(wrap);
-  return wrap.firstElementChild;
-}
-
-let originalRect;
-beforeEach(() => {
-  document.body.innerHTML = '';
-  try { localStorage.clear(); } catch {}
-  globalThis.ResizeObserver = class {
-    observe() {} unobserve() {} disconnect() {}
-  };
-  originalRect = HTMLElement.prototype.getBoundingClientRect;
-  HTMLElement.prototype.getBoundingClientRect = function () {
-    const inline = this.style?.width || '';
-    const w = parseFloat(inline) || 240;
-    return { width: w, height: 600, top: 0, left: 0, right: w, bottom: 600, x: 0, y: 0 };
-  };
-});
-
-afterEach(() => {
-  if (originalRect) HTMLElement.prototype.getBoundingClientRect = originalRect;
-});
-
-describe('chat-sidebar', () => {
-  it('registers chat-sidebar as a custom element', () => {
-    expect(customElements.get('chat-sidebar')).toBeDefined();
-  });
-
-  it('defaults to collapsed=false on connect', () => {
-    const sb = mount('<chat-sidebar slot="leading"></chat-sidebar>');
-    expect(sb.collapsed).toBe(false);
-  });
-
-  it('reflects [collapsed] via property assignment', async () => {
-    const sb = mount('<chat-sidebar slot="leading"></chat-sidebar>');
-    sb.collapsed = true;
-    await tick();
-    expect(sb.hasAttribute('collapsed')).toBe(true);
-  });
-
-  it('reflects [resizing] via property assignment', async () => {
-    const sb = mount('<chat-sidebar slot="leading"></chat-sidebar>');
-    sb.resizing = true;
-    await tick();
-    expect(sb.hasAttribute('resizing')).toBe(true);
-  });
-
-  it('exposes .toggle() / .collapse() / .expand() public methods', () => {
-    const sb = mount('<chat-sidebar slot="leading" collapsible></chat-sidebar>');
-    expect(typeof sb.toggle).toBe('function');
-    expect(typeof sb.collapse).toBe('function');
-    expect(typeof sb.expand).toBe('function');
-  });
-
-  it('persists width to chat-namespaced localStorage key (not collide with admin)', async () => {
-    const sb = mount('<chat-sidebar slot="leading" collapsible></chat-sidebar>');
-    sb.style.width = '240px';
-    sb.collapse();
-    expect(sb.collapsed).toBe(true);
-    // localStorage key should be chat-namespaced
-    expect(localStorage.getItem('adia-chat-sidebar-leading')).not.toBeNull();
-    // Should NOT have written to the admin namespace
-    expect(localStorage.getItem('adia-sidebar-leading')).toBeNull();
-  });
-
-  it('uses [name] override for the localStorage key', () => {
-    const sb = mount('<chat-sidebar slot="leading" name="conversations" collapsible></chat-sidebar>');
-    sb.style.width = '200px';
-    sb.collapse();
-    expect(localStorage.getItem('adia-chat-sidebar-conversations')).not.toBeNull();
-    expect(localStorage.getItem('adia-chat-sidebar-leading')).toBeNull();
-  });
-
-  it('toggle() returns the new collapsed value', () => {
-    const sb = mount('<chat-sidebar slot="leading" collapsible></chat-sidebar>');
-    sb.style.width = '200px';
-    const result = sb.toggle();
-    expect(result).toBe(sb.collapsed);
-  });
-
-  it('dispatches sidebar-toggle event on toggle()', () => {
-    const sb = mount('<chat-sidebar slot="leading" collapsible></chat-sidebar>');
-    sb.style.width = '200px';
-    const onToggle = vi.fn();
-    sb.addEventListener('sidebar-toggle', onToggle);
-    sb.toggle();
-    expect(onToggle).toHaveBeenCalledTimes(1);
-    expect(onToggle.mock.calls[0][0].detail).toEqual(
-      expect.objectContaining({ name: expect.any(String), expanded: expect.any(Boolean) })
-    );
-  });
-
-  it('cleans up resize handlers on disconnect', () => {
-    const sb = mount('<chat-sidebar slot="leading" resizable><div data-resize></div></chat-sidebar>');
-    const handle = sb.querySelector('[data-resize]');
-    const removeSpy = vi.spyOn(handle, 'removeEventListener');
-    sb.remove();
-    const removedTypes = removeSpy.mock.calls.map((args) => args[0]);
-    expect(removedTypes).toContain('pointerdown');
-  });
-});

package/chat/chat-thread/chat-thread.test.js

@@ -1,82 +0,0 @@
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
-import '../../../web-components/core/element.js';
-import './chat-thread.js';
-
-const tick = () => new Promise((r) => queueMicrotask(r));
-
-function mount(html) {
-  const wrap = document.createElement('div');
-  wrap.innerHTML = html;
-  document.body.appendChild(wrap);
-  return wrap.firstElementChild;
-}
-
-let originalRect;
-beforeEach(() => {
-  document.body.innerHTML = '';
-  globalThis.MutationObserver = class {
-    observe() {} disconnect() {}
-  };
-  originalRect = HTMLElement.prototype.getBoundingClientRect;
-  HTMLElement.prototype.getBoundingClientRect = function () {
-    return { width: 480, height: 600, top: 0, left: 0, right: 480, bottom: 600, x: 0, y: 0 };
-  };
-});
-
-afterEach(() => {
-  if (originalRect) HTMLElement.prototype.getBoundingClientRect = originalRect;
-});
-
-describe('chat-thread', () => {
-  it('registers chat-thread as a custom element', () => {
-    expect(customElements.get('chat-thread')).toBeDefined();
-  });
-
-  it('defaults to streaming=false on connect', () => {
-    const t = mount('<chat-thread></chat-thread>');
-    expect(t.streaming).toBe(false);
-  });
-
-  it('defaults to empty=true when no children', async () => {
-    const t = mount('<chat-thread></chat-thread>');
-    await tick();
-    expect(t.empty).toBe(true);
-  });
-
-  it('reflects [streaming] via property assignment', async () => {
-    const t = mount('<chat-thread></chat-thread>');
-    t.streaming = true;
-    await tick();
-    expect(t.hasAttribute('streaming')).toBe(true);
-  });
-
-  it('reflects [empty] via property assignment', async () => {
-    const t = mount('<chat-thread></chat-thread>');
-    t.empty = false;
-    await tick();
-    expect(t.hasAttribute('empty')).toBe(false);
-    t.empty = true;
-    await tick();
-    expect(t.hasAttribute('empty')).toBe(true);
-  });
-
-  it('exposes .scrollToBottom() and .scrollToBottomInstant() methods', () => {
-    const t = mount('<chat-thread></chat-thread>');
-    expect(typeof t.scrollToBottom).toBe('function');
-    expect(typeof t.scrollToBottomInstant).toBe('function');
-  });
-
-  it('does not count <chat-empty> stub as a message child for [empty] calc', () => {
-    const t = mount('<chat-thread><chat-empty></chat-empty></chat-thread>');
-    // chat-empty alone — empty should still be true
-    expect(t.empty).toBe(true);
-  });
-
-  it('cleanup on disconnect — removes scroll listener', () => {
-    const t = mount('<chat-thread></chat-thread>');
-    const removeSpy = vi.spyOn(t, 'removeEventListener');
-    t.remove();
-    const removedTypes = removeSpy.mock.calls.map((args) => args[0]);
-    expect(removedTypes).toContain('scroll');
-  });
-});

package/editor/editor-canvas/editor-canvas.test.js

@@ -1,100 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import '../../../web-components/core/element.js';
-import './editor-canvas.js';
-
-const tick = () => new Promise((r) => queueMicrotask(r));
-
-function mount(html) {
-  const wrap = document.createElement('div');
-  wrap.innerHTML = html;
-  document.body.appendChild(wrap);
-  return wrap.firstElementChild;
-}
-
-beforeEach(() => {
-  document.body.innerHTML = '';
-  globalThis.MutationObserver = class {
-    observe() {} disconnect() {}
-  };
-});
-
-describe('editor-canvas', () => {
-  it('registers editor-canvas as a custom element', () => {
-    expect(customElements.get('editor-canvas')).toBeDefined();
-  });
-
-  it('defaults to focused=false', () => {
-    const c = mount('<editor-canvas></editor-canvas>');
-    expect(c.focused).toBe(false);
-  });
-
-  it('defaults to empty=true with no children', async () => {
-    const c = mount('<editor-canvas></editor-canvas>');
-    await tick();
-    expect(c.empty).toBe(true);
-  });
-
-  it('reflects [empty] via property assignment', async () => {
-    const c = mount('<editor-canvas></editor-canvas>');
-    c.empty = false;
-    await tick();
-    expect(c.hasAttribute('empty')).toBe(false);
-    c.empty = true;
-    await tick();
-    expect(c.hasAttribute('empty')).toBe(true);
-  });
-
-  it('reflects [focused] via property assignment', async () => {
-    const c = mount('<editor-canvas></editor-canvas>');
-    c.focused = true;
-    await tick();
-    expect(c.hasAttribute('focused')).toBe(true);
-  });
-
-  it('does not count <editor-canvas-empty> stub as a content child', () => {
-    const c = mount('<editor-canvas><editor-canvas-empty></editor-canvas-empty></editor-canvas>');
-    expect(c.empty).toBe(true);
-  });
-
-  it('exposes .zoom getter/setter (default 1.0)', () => {
-    const c = mount('<editor-canvas></editor-canvas>');
-    expect(c.zoom).toBe(1.0);
-    c.zoom = 2.0;
-    expect(c.zoom).toBe(2.0);
-    expect(c.style.getPropertyValue('--editor-canvas-zoom')).toBe('2');
-  });
-
-  it('rejects invalid zoom values', () => {
-    const c = mount('<editor-canvas></editor-canvas>');
-    c.zoom = 1.5;
-    c.zoom = 'invalid';   // should not change
-    expect(c.zoom).toBe(1.5);
-    c.zoom = -1;          // should not change
-    expect(c.zoom).toBe(1.5);
-    c.zoom = 0;           // should not change
-    expect(c.zoom).toBe(1.5);
-  });
-
-  it('.resetView() restores zoom to 1.0', () => {
-    const c = mount('<editor-canvas></editor-canvas>');
-    c.zoom = 2.5;
-    c.resetView();
-    expect(c.zoom).toBe(1.0);
-  });
-
-  it('.focus() sets [focused] reflected', async () => {
-    const c = mount('<editor-canvas></editor-canvas>');
-    c.focus();
-    await tick();
-    expect(c.focused).toBe(true);
-    expect(c.hasAttribute('focused')).toBe(true);
-  });
-
-  it('.blur() clears [focused] reflected', async () => {
-    const c = mount('<editor-canvas focused></editor-canvas>');
-    c.blur();
-    await tick();
-    expect(c.focused).toBe(false);
-    expect(c.hasAttribute('focused')).toBe(false);
-  });
-});