@skdx/web-components 0.28.0 → 0.29.0

package/dist/pin-input/PinInputField.cjs

@@ -1,22 +1,22 @@
-"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var g=(o,r)=>{for(var t in r)l(o,t,{get:r[t],enumerable:!0})},$=(o,r,t,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of y(r))!b.call(o,i)&&i!==t&&l(o,i,{get:()=>r[i],enumerable:!(e=u(r,i))||e.enumerable});return o};var k=o=>$(l({},"__esModule",{value:!0}),o),h=(o,r,t,e)=>{for(var i=e>1?void 0:e?u(r,t):r,d=o.length-1,a;d>=0;d--)(a=o[d])&&(i=(e?a(r,t,i):a(i))||i);return e&&i&&l(r,t,i),i};var L={};g(L,{SkdxPinInputField:()=>n});module.exports=k(L);var s=require("lit"),p=require("lit/decorators.js"),c=require("../internal/aria-label.cjs"),f=require("../internal/define.cjs"),m=require("../internal/direction.cjs"),x=require("../internal/part.cjs"),v=require("../internal/styles.cjs");var n=class extends s.LitElement{constructor(){super(...arguments);this.index=0;this.hostLabel=null;this.root=null;this.handleRootUpdate=()=>this.requestUpdate();this.handleInput=t=>{if(!this.root||this.root.disabled)return;let e=t.target.value;if(e===""){this.commitChar(""),this.requestUpdate();return}if(!this.root.accepts(e)){t.target.value=this.char,this.requestUpdate(),this.root.reportInvalid(e,this.index);return}this.commitChar(e),this.index<this.root.length-1&&this.root.focusIndex(this.index+1)};this.handleFocus=t=>{this.root?.selectOnFocus&&t.target.select()};this.handleKeydown=t=>{if(!this.root||this.root.disabled)return;let e=(0,m.directionalKey)(t.key,this);if(e==="Backspace")t.preventDefault(),this.char?this.commitChar(""):this.index>0&&(this.root.setCharAt(this.index-1,""),this.root.focusIndex(this.index-1));else if(e==="Delete"){if(this.root.readOnly)return;t.preventDefault(),this.char&&this.commitChar("")}else e==="ArrowLeft"&&this.index>0?(t.preventDefault(),this.root.focusIndex(this.index-1)):e==="ArrowRight"&&this.index<this.root.length-1&&(t.preventDefault(),this.root.focusIndex(this.index+1))};this.handlePaste=t=>{if(!this.root||this.root.disabled)return;t.preventDefault();let e=this.root.sanitizePaste(t.clipboardData?.getData("text")??""),i="";for(let a of e)this.root.accepts(a)?i+=a:this.root.reportInvalid(a,Math.min(this.index+i.length,this.root.length-1));if(!i)return;let d=this.root.fillFrom(this.index,i);this.root.focusIndex(Math.min(d+1,this.root.length-1))}}createRenderRoot(){return this}connectedCallback(){if(super.connectedCallback(),(0,v.installLightDomStyles)(),this.root=this.closest("skdx-pin-input"),!this.root)throw new Error("<skdx-pin-input-field> must be used inside <skdx-pin-input>.");this.root.addEventListener("skdx-pin-input-internal-update",this.handleRootUpdate),this.hostLabel=(0,c.takeHostAriaLabel)(this)}disconnectedCallback(){this.root?.removeEventListener("skdx-pin-input-internal-update",this.handleRootUpdate),super.disconnectedCallback()}focus(){this.querySelector("input")?.focus()}get char(){return this.root?.charAt(this.index)??""}commitChar(t){this.root?.setCharAt(this.index,t)}updated(){(0,x.reflectHostState)(this,{"data-disabled":this.root?.disabled?"":null,"data-readonly":this.root?.readOnly?"":null})}render(){let t=this.root;if(!t)return s.html``;let e=this.char!=="";return s.html`
+"use strict";var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var L=(o,r)=>{for(var t in r)l(o,t,{get:r[t],enumerable:!0})},$=(o,r,t,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of b(r))!g.call(o,i)&&i!==t&&l(o,i,{get:()=>r[i],enumerable:!(e=c(r,i))||e.enumerable});return o};var E=o=>$(l({},"__esModule",{value:!0}),o),h=(o,r,t,e)=>{for(var i=e>1?void 0:e?c(r,t):r,d=o.length-1,s;d>=0;d--)(s=o[d])&&(i=(e?s(r,t,i):s(i))||i);return e&&i&&l(r,t,i),i};var I={};L(I,{SkdxPinInputField:()=>n});module.exports=E(I);var a=require("lit"),u=require("lit/decorators.js"),f=require("../internal/aria-label.cjs"),m=require("../internal/define.cjs"),v=require("../internal/direction.cjs"),x=require("../internal/light-dom-styles.cjs"),y=require("../internal/part.cjs"),p=require("./family.cjs");var n=class extends a.LitElement{constructor(){super(...arguments);this.index=0;this.hostLabel=null;this.root=null;this.handleRootUpdate=()=>this.requestUpdate();this.handleInput=t=>{if(!this.root||this.root.disabled)return;let e=t.target.value;if(e===""){this.commitChar(""),this.requestUpdate();return}if(!this.root.accepts(e)){t.target.value=this.char,this.requestUpdate(),this.root.reportInvalid(e,this.index);return}this.commitChar(e),this.index<this.root.length-1&&this.root.focusIndex(this.index+1)};this.handleFocus=t=>{this.root?.selectOnFocus&&t.target.select()};this.handleKeydown=t=>{if(!this.root||this.root.disabled)return;let e=(0,v.directionalKey)(t.key,this);if(e==="Backspace"){if(this.root.readOnly)return;t.preventDefault(),this.char?this.commitChar(""):this.index>0&&(this.root.setCharAt(this.index-1,""),this.root.focusIndex(this.index-1))}else if(e==="Delete"){if(this.root.readOnly)return;t.preventDefault(),this.char&&this.commitChar("")}else e==="ArrowLeft"&&this.index>0?(t.preventDefault(),this.root.focusIndex(this.index-1)):e==="ArrowRight"&&this.index<this.root.length-1&&(t.preventDefault(),this.root.focusIndex(this.index+1))};this.handlePaste=t=>{if(!this.root||this.root.disabled||this.root.readOnly)return;t.preventDefault();let e=this.root.sanitizePaste(t.clipboardData?.getData("text")??""),i="";for(let s of e)this.root.accepts(s)?i+=s:this.root.reportInvalid(s,Math.min(this.index+i.length,this.root.length-1));if(!i)return;let d=this.root.fillFrom(this.index,i);this.root.focusIndex(Math.min(d+1,this.root.length-1))}}createRenderRoot(){return this}connectedCallback(){if(super.connectedCallback(),(0,x.installLightDomStyles)(),this.root=p.PIN_INPUT_FAMILY.root(this),!this.root)throw new Error("<skdx-pin-input-field> must be used inside <skdx-pin-input>.");this.root.addEventListener(p.PIN_INPUT_FAMILY.event,this.handleRootUpdate),this.hostLabel=(0,f.takeHostAriaLabel)(this)}disconnectedCallback(){this.root?.removeEventListener(p.PIN_INPUT_FAMILY.event,this.handleRootUpdate),super.disconnectedCallback()}focus(){this.querySelector("input")?.focus()}get char(){return this.root?.charAt(this.index)??""}commitChar(t){this.root?.setCharAt(this.index,t)}updated(){(0,y.reflectHostState)(this,{"data-disabled":this.root?.disabled?"":null,"data-readonly":this.root?.readOnly?"":null,"data-invalid":this.root?.invalid?"":null})}render(){let t=this.root;if(!t)return a.html``;let e=this.char!=="";return a.html`
       <input
         part="field"
         inputmode=${t.type==="numeric"?"numeric":"text"}
         autocomplete=${t.otp&&this.index===0?"one-time-code":"off"}
         type=${t.mask&&e?"password":"text"}
-        placeholder=${t.placeholder??s.nothing}
+        placeholder=${t.placeholder??a.nothing}
         maxlength="1"
         aria-label=${this.hostLabel??t.digitLabel(this.index+1,t.length)}
         ?disabled=${t.disabled}
         ?readonly=${t.readOnly}
-        aria-readonly=${t.readOnly?"true":s.nothing}
-        data-disabled=${t.disabled?"":s.nothing}
-        data-invalid=${t.invalid?"":s.nothing}
-        data-readonly=${t.readOnly?"":s.nothing}
+        aria-readonly=${t.readOnly?"true":a.nothing}
+        data-disabled=${t.disabled?"":a.nothing}
+        data-invalid=${t.invalid?"":a.nothing}
+        data-readonly=${t.readOnly?"":a.nothing}
         .value=${this.char}
         @input=${this.handleInput}
         @keydown=${this.handleKeydown}
         @paste=${this.handlePaste}
         @focus=${this.handleFocus}
       />
-    `}};h([(0,p.property)({type:Number})],n.prototype,"index",2),h([(0,p.state)()],n.prototype,"hostLabel",2),n=h([(0,f.customElement)("skdx-pin-input-field","pin-input","field")],n);0&&(module.exports={SkdxPinInputField});
+    `}};h([(0,u.property)({type:Number})],n.prototype,"index",2),h([(0,u.state)()],n.prototype,"hostLabel",2),n=h([(0,m.customElement)("skdx-pin-input-field","pin-input","field")],n);0&&(module.exports={SkdxPinInputField});

package/dist/pin-input/PinInputField.d.cts

@@ -1,21 +1,15 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * Single character box of a PIN input. Reads/writes character at `index`.
- * Renders into light DOM (no shadow root) for label association.
- * Auto-advances on typing, Backspace focuses previous, Arrow Left/Right navigate.
- * Must be used inside `<skdx-pin-input>`.
+ * Single character box of a PIN input that reads/writes the character at `index` and auto-advances on typing.
  *
  * @csspart field - The native `<input>` element (rendered in light DOM, so `::part()` does not reach it).
  */
 export declare class SkdxPinInputField extends LitElement {
     /** Light DOM, for the labelling reasons in the class docblock. */
-    createRenderRoot(): this;
+    createRenderRoot(): HTMLElement | DocumentFragment;
     /** Zero-based position in the PIN (aria-label counts from 1). */
     index: number;
-    /**
-     * Accessible name for the inner `<input>`, moved off this host — see
-     * `takeHostAriaLabel`. `null` leaves the root's `digitLabel` to name the box.
-     */
+    /** Accessible name for the inner `<input>`, moved off this host; `null` leaves the root's `digitLabel` to name the box. */
     private hostLabel;
     private root;
     connectedCallback(): void;
@@ -23,12 +17,7 @@ export declare class SkdxPinInputField extends LitElement {
     /** Focuses this box's native input (light DOM elements must forward focus). */
     focus(): void;
     private readonly handleRootUpdate;
-    /**
-     * Read positionally, from the root's fixed-length slot array: this used to
-     * index into the joined string, which has no way to hold a hole, so filling
-     * box 3 of an empty pin wrote the character at index 0 and every later
-     * keystroke shifted the earlier ones left.
-     */
+    /** Reads positionally from the root's fixed-length slot array, so a hole doesn't shift later characters. */
     private get char();
     private commitChar;
     private readonly handleInput;
@@ -36,7 +25,7 @@ export declare class SkdxPinInputField extends LitElement {
     private readonly handleKeydown;
     private readonly handlePaste;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/pin-input/PinInputField.d.ts

@@ -1,21 +1,15 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * Single character box of a PIN input. Reads/writes character at `index`.
- * Renders into light DOM (no shadow root) for label association.
- * Auto-advances on typing, Backspace focuses previous, Arrow Left/Right navigate.
- * Must be used inside `<skdx-pin-input>`.
+ * Single character box of a PIN input that reads/writes the character at `index` and auto-advances on typing.
  *
  * @csspart field - The native `<input>` element (rendered in light DOM, so `::part()` does not reach it).
  */
 export declare class SkdxPinInputField extends LitElement {
     /** Light DOM, for the labelling reasons in the class docblock. */
-    createRenderRoot(): this;
+    createRenderRoot(): HTMLElement | DocumentFragment;
     /** Zero-based position in the PIN (aria-label counts from 1). */
     index: number;
-    /**
-     * Accessible name for the inner `<input>`, moved off this host — see
-     * `takeHostAriaLabel`. `null` leaves the root's `digitLabel` to name the box.
-     */
+    /** Accessible name for the inner `<input>`, moved off this host; `null` leaves the root's `digitLabel` to name the box. */
     private hostLabel;
     private root;
     connectedCallback(): void;
@@ -23,12 +17,7 @@ export declare class SkdxPinInputField extends LitElement {
     /** Focuses this box's native input (light DOM elements must forward focus). */
     focus(): void;
     private readonly handleRootUpdate;
-    /**
-     * Read positionally, from the root's fixed-length slot array: this used to
-     * index into the joined string, which has no way to hold a hole, so filling
-     * box 3 of an empty pin wrote the character at index 0 and every later
-     * keystroke shifted the earlier ones left.
-     */
+    /** Reads positionally from the root's fixed-length slot array, so a hole doesn't shift later characters. */
     private get char();
     private commitChar;
     private readonly handleInput;
@@ -36,7 +25,7 @@ export declare class SkdxPinInputField extends LitElement {
     private readonly handleKeydown;
     private readonly handlePaste;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/pin-input/PinInputField.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=(l,s,t,e)=>{for(var i=e>1?void 0:e?u(s,t):s,a=l.length-1,r;a>=0;a--)(r=l[a])&&(i=(e?r(s,t,i):r(i))||i);return e&&i&&p(s,t,i),i};import{html as h,LitElement as c,nothing as n}from"lit";import{property as f,state as m}from"lit/decorators.js";import{takeHostAriaLabel as x}from"../internal/aria-label.js";import{customElement as v}from"../internal/define.js";import{directionalKey as y}from"../internal/direction.js";import{reflectHostState as b}from"../internal/part.js";import{installLightDomStyles as g}from"../internal/styles.js";var o=class extends c{constructor(){super(...arguments);this.index=0;this.hostLabel=null;this.root=null;this.handleRootUpdate=()=>this.requestUpdate();this.handleInput=t=>{if(!this.root||this.root.disabled)return;let e=t.target.value;if(e===""){this.commitChar(""),this.requestUpdate();return}if(!this.root.accepts(e)){t.target.value=this.char,this.requestUpdate(),this.root.reportInvalid(e,this.index);return}this.commitChar(e),this.index<this.root.length-1&&this.root.focusIndex(this.index+1)};this.handleFocus=t=>{this.root?.selectOnFocus&&t.target.select()};this.handleKeydown=t=>{if(!this.root||this.root.disabled)return;let e=y(t.key,this);if(e==="Backspace")t.preventDefault(),this.char?this.commitChar(""):this.index>0&&(this.root.setCharAt(this.index-1,""),this.root.focusIndex(this.index-1));else if(e==="Delete"){if(this.root.readOnly)return;t.preventDefault(),this.char&&this.commitChar("")}else e==="ArrowLeft"&&this.index>0?(t.preventDefault(),this.root.focusIndex(this.index-1)):e==="ArrowRight"&&this.index<this.root.length-1&&(t.preventDefault(),this.root.focusIndex(this.index+1))};this.handlePaste=t=>{if(!this.root||this.root.disabled)return;t.preventDefault();let e=this.root.sanitizePaste(t.clipboardData?.getData("text")??""),i="";for(let r of e)this.root.accepts(r)?i+=r:this.root.reportInvalid(r,Math.min(this.index+i.length,this.root.length-1));if(!i)return;let a=this.root.fillFrom(this.index,i);this.root.focusIndex(Math.min(a+1,this.root.length-1))}}createRenderRoot(){return this}connectedCallback(){if(super.connectedCallback(),g(),this.root=this.closest("skdx-pin-input"),!this.root)throw new Error("<skdx-pin-input-field> must be used inside <skdx-pin-input>.");this.root.addEventListener("skdx-pin-input-internal-update",this.handleRootUpdate),this.hostLabel=x(this)}disconnectedCallback(){this.root?.removeEventListener("skdx-pin-input-internal-update",this.handleRootUpdate),super.disconnectedCallback()}focus(){this.querySelector("input")?.focus()}get char(){return this.root?.charAt(this.index)??""}commitChar(t){this.root?.setCharAt(this.index,t)}updated(){b(this,{"data-disabled":this.root?.disabled?"":null,"data-readonly":this.root?.readOnly?"":null})}render(){let t=this.root;if(!t)return h``;let e=this.char!=="";return h`
+var u=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=(l,a,t,e)=>{for(var i=e>1?void 0:e?c(a,t):a,s=l.length-1,r;s>=0;s--)(r=l[s])&&(i=(e?r(a,t,i):r(i))||i);return e&&i&&u(a,t,i),i};import{html as p,LitElement as f,nothing as n}from"lit";import{property as m,state as v}from"lit/decorators.js";import{takeHostAriaLabel as x}from"../internal/aria-label.js";import{customElement as y}from"../internal/define.js";import{directionalKey as b}from"../internal/direction.js";import{installLightDomStyles as g}from"../internal/light-dom-styles.js";import{reflectHostState as L}from"../internal/part.js";import{PIN_INPUT_FAMILY as h}from"./family.js";var o=class extends f{constructor(){super(...arguments);this.index=0;this.hostLabel=null;this.root=null;this.handleRootUpdate=()=>this.requestUpdate();this.handleInput=t=>{if(!this.root||this.root.disabled)return;let e=t.target.value;if(e===""){this.commitChar(""),this.requestUpdate();return}if(!this.root.accepts(e)){t.target.value=this.char,this.requestUpdate(),this.root.reportInvalid(e,this.index);return}this.commitChar(e),this.index<this.root.length-1&&this.root.focusIndex(this.index+1)};this.handleFocus=t=>{this.root?.selectOnFocus&&t.target.select()};this.handleKeydown=t=>{if(!this.root||this.root.disabled)return;let e=b(t.key,this);if(e==="Backspace"){if(this.root.readOnly)return;t.preventDefault(),this.char?this.commitChar(""):this.index>0&&(this.root.setCharAt(this.index-1,""),this.root.focusIndex(this.index-1))}else if(e==="Delete"){if(this.root.readOnly)return;t.preventDefault(),this.char&&this.commitChar("")}else e==="ArrowLeft"&&this.index>0?(t.preventDefault(),this.root.focusIndex(this.index-1)):e==="ArrowRight"&&this.index<this.root.length-1&&(t.preventDefault(),this.root.focusIndex(this.index+1))};this.handlePaste=t=>{if(!this.root||this.root.disabled||this.root.readOnly)return;t.preventDefault();let e=this.root.sanitizePaste(t.clipboardData?.getData("text")??""),i="";for(let r of e)this.root.accepts(r)?i+=r:this.root.reportInvalid(r,Math.min(this.index+i.length,this.root.length-1));if(!i)return;let s=this.root.fillFrom(this.index,i);this.root.focusIndex(Math.min(s+1,this.root.length-1))}}createRenderRoot(){return this}connectedCallback(){if(super.connectedCallback(),g(),this.root=h.root(this),!this.root)throw new Error("<skdx-pin-input-field> must be used inside <skdx-pin-input>.");this.root.addEventListener(h.event,this.handleRootUpdate),this.hostLabel=x(this)}disconnectedCallback(){this.root?.removeEventListener(h.event,this.handleRootUpdate),super.disconnectedCallback()}focus(){this.querySelector("input")?.focus()}get char(){return this.root?.charAt(this.index)??""}commitChar(t){this.root?.setCharAt(this.index,t)}updated(){L(this,{"data-disabled":this.root?.disabled?"":null,"data-readonly":this.root?.readOnly?"":null,"data-invalid":this.root?.invalid?"":null})}render(){let t=this.root;if(!t)return p``;let e=this.char!=="";return p`
       <input
         part="field"
         inputmode=${t.type==="numeric"?"numeric":"text"}
@@ -19,4 +19,4 @@ var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=(l,s,t,e
         @paste=${this.handlePaste}
         @focus=${this.handleFocus}
       />
-    `}};d([f({type:Number})],o.prototype,"index",2),d([m()],o.prototype,"hostLabel",2),o=d([v("skdx-pin-input-field","pin-input","field")],o);export{o as SkdxPinInputField};
+    `}};d([m({type:Number})],o.prototype,"index",2),d([v()],o.prototype,"hostLabel",2),o=d([y("skdx-pin-input-field","pin-input","field")],o);export{o as SkdxPinInputField};

package/dist/pin-input/family.cjs

@@ -0,0 +1 @@
+"use strict";var o=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var P=(i,n)=>{for(var t in n)o(i,t,{get:n[t],enumerable:!0})},d=(i,n,t,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let p of m(n))!u.call(i,p)&&p!==t&&o(i,p,{get:()=>n[p],enumerable:!(e=I(n,p))||e.enumerable});return i};var x=i=>d(o({},"__esModule",{value:!0}),i);var k={};P(k,{PIN_INPUT_FAMILY:()=>f});module.exports=x(k);var r=require("../internal/family.cjs"),f=(0,r.defineFamily)("pin-input",{selector:"skdx-pin-input"});0&&(module.exports={PIN_INPUT_FAMILY});

package/dist/pin-input/family.d.cts

@@ -0,0 +1,3 @@
+import type { SkdxPinInput } from './PinInput.cjs';
+/** @internal The broadcast every `<skdx-pin-input-*>` part re-renders on, and the lookup that finds their root. */
+export declare const PIN_INPUT_FAMILY: import("../internal/family.cjs").SkdxFamily<SkdxPinInput>;

package/dist/pin-input/family.d.ts

@@ -0,0 +1,3 @@
+import type { SkdxPinInput } from './PinInput.js';
+/** @internal The broadcast every `<skdx-pin-input-*>` part re-renders on, and the lookup that finds their root. */
+export declare const PIN_INPUT_FAMILY: import("../internal/family.js").SkdxFamily<SkdxPinInput>;

package/dist/pin-input/family.js

@@ -0,0 +1 @@
+import{defineFamily as n}from"../internal/family.js";var p=n("pin-input",{selector:"skdx-pin-input"});export{p as PIN_INPUT_FAMILY};

package/dist/pin-input/index.cjs

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var I=(t,p)=>{for(var n in p)o(t,n,{get:p[n],enumerable:!0})},a=(t,p,n,r)=>{if(p&&typeof p=="object"||typeof p=="function")for(let i of m(p))!u.call(t,i)&&i!==n&&o(t,i,{get:()=>p[i],enumerable:!(r=f(p,i))||r.enumerable});return t};var b=t=>a(o({},"__esModule",{value:!0}),t);var d={};I(d,{SkdxPinInput:()=>e.SkdxPinInput,pinInputDigitLabel:()=>x.pinInputDigitLabel});module.exports=b(d);var e=require("./PinInput.cjs"),x=require("./digitLabel.cjs");0&&(module.exports={SkdxPinInput,pinInputDigitLabel});
+"use strict";var o=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var I=(t,p)=>{for(var n in p)o(t,n,{get:p[n],enumerable:!0})},a=(t,p,n,r)=>{if(p&&typeof p=="object"||typeof p=="function")for(let i of m(p))!u.call(t,i)&&i!==n&&o(t,i,{get:()=>p[i],enumerable:!(r=f(p,i))||r.enumerable});return t};var b=t=>a(o({},"__esModule",{value:!0}),t);var d={};I(d,{SkdxPinInput:()=>e.SkdxPinInput,pinInputDigitLabel:()=>x.pinInputDigitLabel});module.exports=b(d);var e=require("./PinInput.cjs"),x=require("../internal/pin-chars.cjs");0&&(module.exports={SkdxPinInput,pinInputDigitLabel});

package/dist/pin-input/index.d.cts

@@ -1,2 +1,2 @@
 export { SkdxPinInput } from './PinInput.cjs';
-export { pinInputDigitLabel } from './digitLabel.cjs';
+export { pinInputDigitLabel } from '../internal/pin-chars.cjs';

package/dist/pin-input/index.d.ts

@@ -1,2 +1,2 @@
 export { SkdxPinInput } from './PinInput.js';
-export { pinInputDigitLabel } from './digitLabel.js';
+export { pinInputDigitLabel } from '../internal/pin-chars.js';

package/dist/pin-input/index.js

@@ -1 +1 @@
-import{SkdxPinInput as i}from"./PinInput.js";import{pinInputDigitLabel as o}from"./digitLabel.js";export{i as SkdxPinInput,o as pinInputDigitLabel};
+import{SkdxPinInput as i}from"./PinInput.js";import{pinInputDigitLabel as o}from"../internal/pin-chars.js";export{i as SkdxPinInput,o as pinInputDigitLabel};

package/dist/pin-input/primitives.d.cts

@@ -1,9 +1,6 @@
 /**
  * Advanced primitives for `<skdx-pin-input>` — the parts the recipe composes.
  *
- * Reach for these when the derived anatomy is not the structure you need.
- * The recipe (`<skdx-pin-input>` from `@skdx/web-components`) is built from exactly this element.
- *
  * @example
  * ```ts
  * import * as PinInput from '@skdx/web-components/primitives/pin-input';

package/dist/pin-input/primitives.d.ts

@@ -1,9 +1,6 @@
 /**
  * Advanced primitives for `<skdx-pin-input>` — the parts the recipe composes.
  *
- * Reach for these when the derived anatomy is not the structure you need.
- * The recipe (`<skdx-pin-input>` from `@skdx/web-components`) is built from exactly this element.
- *
  * @example
  * ```ts
  * import * as PinInput from '@skdx/web-components/primitives/pin-input';

package/dist/pin-input/slots.d.cts

@@ -1,17 +1,5 @@
-/**
- * The positional model behind a PinInput's single `string` value. A string cannot
- * hold a hole, so the value is backed by a fixed-length array of single characters
- * (index 3 is always index 3) and joined only for the published value and
- * hidden submit input.
- *
- * @internal
- */
-/**
- * Splits a joined value into `length` slots. An externally supplied value (a
- * controlled prop, a `defaultValue`, a form reset) is by definition
- * left-packed, so it fills the slots from the start; the holes only ever come
- * from the user skipping a box.
- */
+/** @internal Fixed-length array backing a PinInput's `string` value; joined only for the published value. */
+/** Splits a joined value into `length` slots, left-packed from the start. */
 export declare function toPinSlots(value: string, length: number): string[];
 /** Joins the slots back into the published value, dropping the holes. */
 export declare function joinPinSlots(slots: readonly string[]): string;

package/dist/pin-input/slots.d.ts

@@ -1,17 +1,5 @@
-/**
- * The positional model behind a PinInput's single `string` value. A string cannot
- * hold a hole, so the value is backed by a fixed-length array of single characters
- * (index 3 is always index 3) and joined only for the published value and
- * hidden submit input.
- *
- * @internal
- */
-/**
- * Splits a joined value into `length` slots. An externally supplied value (a
- * controlled prop, a `defaultValue`, a form reset) is by definition
- * left-packed, so it fills the slots from the start; the holes only ever come
- * from the user skipping a box.
- */
+/** @internal Fixed-length array backing a PinInput's `string` value; joined only for the published value. */
+/** Splits a joined value into `length` slots, left-packed from the start. */
 export declare function toPinSlots(value: string, length: number): string[];
 /** Joins the slots back into the published value, dropping the holes. */
 export declare function joinPinSlots(slots: readonly string[]): string;

package/dist/popover/Popover.cjs

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var v=(r,t)=>{for(var e in t)p(r,e,{get:t[e],enumerable:!0})},w=(r,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of A(t))!u.call(r,o)&&o!==e&&p(r,o,{get:()=>t[o],enumerable:!(n=y(t,o))||n.enumerable});return r};var E=r=>w(p({},"__esModule",{value:!0}),r),l=(r,t,e,n)=>{for(var o=n>1?void 0:n?y(t,e):t,m=r.length-1,d;m>=0;m--)(d=r[m])&&(o=(n?d(t,e,o):d(o))||o);return n&&o&&p(t,e,o),o};var F={};v(F,{SkdxPopover:()=>i});module.exports=E(F);var h=require("lit"),a=require("lit/decorators.js"),c=require("../internal/authored.cjs"),f=require("../internal/define.cjs"),s=require("./PopoverAnatomy.cjs"),g=require("./PopoverRoot.cjs");var i=class extends g.SkdxPopoverRoot{constructor(){super(...arguments);this.title="";this.side="bottom";this.align="center";this.showArrow=!1;this._anatomyFilledFor="";this.fillAnatomy=()=>{let e=`${!!this.title}|${!!this.description}|${this.showArrow}`;e!==this._anatomyFilledFor||!(0,c.hasGeneratedContent)(this,s.POPOVER_ANATOMY_GENERATED)?(this._anatomyFilledFor=e,(0,s.fillPopoverAnatomy)(this)):(0,s.refreshPopoverAnatomy)(this)}}connectedCallback(){super.connectedCallback(),queueMicrotask(this.fillAnatomy)}updated(e){this.fillAnatomy(),super.updated(e)}render(){return h.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};l([(0,a.property)({type:String})],i.prototype,"title",2),l([(0,a.property)({type:String})],i.prototype,"description",2),l([(0,a.property)({type:String})],i.prototype,"side",2),l([(0,a.property)({type:String})],i.prototype,"align",2),l([(0,a.property)({type:Boolean,attribute:"show-arrow"})],i.prototype,"showArrow",2),i=l([(0,f.customElement)("skdx-popover")],i);0&&(module.exports={SkdxPopover});
+"use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var v=(r,t)=>{for(var e in t)p(r,e,{get:t[e],enumerable:!0})},w=(r,t,e,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of A(t))!u.call(r,o)&&o!==e&&p(r,o,{get:()=>t[o],enumerable:!(l=h(t,o))||l.enumerable});return r};var R=r=>w(p({},"__esModule",{value:!0}),r),n=(r,t,e,l)=>{for(var o=l>1?void 0:l?h(t,e):t,m=r.length-1,d;m>=0;m--)(d=r[m])&&(o=(l?d(t,e,o):d(o))||o);return l&&o&&p(t,e,o),o};var $={};v($,{SkdxPopover:()=>i});module.exports=R($);var y=require("lit"),s=require("lit/decorators.js"),f=require("../internal/authored.cjs"),c=require("../internal/define.cjs"),a=require("./PopoverAnatomy.cjs"),g=require("./PopoverRoot.cjs");var i=class extends g.SkdxPopoverRoot{constructor(){super(...arguments);this.title="";this.side="bottom";this.align="center";this.showArrow=!1;this._anatomyFilledFor="";this.fillAnatomy=()=>{let e=`${!!this.title}|${!!this.description}|${this.showArrow}|${this.role}|${this.openOn}|${this.href??""}`;e!==this._anatomyFilledFor||!(0,f.hasGeneratedContent)(this,a.POPOVER_ANATOMY_GENERATED)?(this._anatomyFilledFor=e,(0,a.fillPopoverAnatomy)(this)):(0,a.refreshPopoverAnatomy)(this)}}connectedCallback(){super.connectedCallback(),queueMicrotask(this.fillAnatomy)}updated(e){this.fillAnatomy(),super.updated(e)}render(){return y.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};n([(0,s.property)({type:String})],i.prototype,"title",2),n([(0,s.property)({type:String})],i.prototype,"description",2),n([(0,s.property)({type:String})],i.prototype,"side",2),n([(0,s.property)({type:String})],i.prototype,"align",2),n([(0,s.property)({type:Boolean,attribute:"show-arrow"})],i.prototype,"showArrow",2),n([(0,s.property)({type:String})],i.prototype,"href",2),i=n([(0,c.customElement)("skdx-popover")],i);0&&(module.exports={SkdxPopover});

package/dist/popover/Popover.d.cts

@@ -1,13 +1,9 @@
+import { type TemplateResult } from 'lit';
 import type { Align, Side } from '../internal/positioning.cjs';
 import { SkdxPopoverRoot } from './PopoverRoot.cjs';
-export type { PopoverModality } from './PopoverRoot.cjs';
+export type { PopoverModality, SkdxPopoverOpenOn, SkdxPopoverRole } from './PopoverRoot.cjs';
 /**
- * Renders canonical Popover anatomy: derives trigger from `slot="trigger"`
- * children, creates panel with title/description and remaining children,
- * optional arrow, and close button. Children are always panel body, never parts.
- *
- * For hand composition, use `<skdx-popover-root>` from
- * `@skdx/web-components/primitives/popover`.
+ * Popover recipe element that derives a trigger from `slot="trigger"` children and builds a panel with optional title, description, arrow, and close button.
  *
  * @example
  * ```html
@@ -22,13 +18,7 @@ export type { PopoverModality } from './PopoverRoot.cjs';
  */
 export declare class SkdxPopover extends SkdxPopoverRoot {
     /**
-     * Title for the derived anatomy's `<skdx-popover-title>`.
-     *
-     * Shadows `HTMLElement.title`, the native global attribute that shows a
-     * browser tooltip on hover — harmless here because `:host` is `display:
-     * contents` and therefore generates no box of its own for the browser to
-     * hover. An empty string, like the native property's own default, counts
-     * as "no title".
+     * Title for the derived anatomy's `<skdx-popover-title>`; shadows the native `HTMLElement.title` tooltip attribute, harmlessly since the host renders no box.
      * @default '' — no title is derived.
      */
     title: string;
@@ -44,30 +34,29 @@ export declare class SkdxPopover extends SkdxPopoverRoot {
      */
     side: Side;
     /**
-     * Preferred alignment of the panel along the `side` edge — `'start'`,
-     * `'center'` or `'end'`. A preference, not a guarantee: the floating layer
-     * shifts the panel along that edge to keep it in the viewport.
+     * Preferred alignment of the panel along the `side` edge; the floating layer may shift it to stay in the viewport.
      * @default 'center'
      */
     align: Align;
     /**
-     * Whether the derived `<skdx-popover-content>` includes a
-     * `<skdx-popover-arrow>` pointing back at the trigger.
+     * Whether the derived `<skdx-popover-content>` includes a `<skdx-popover-arrow>` pointing back at the trigger.
      * @default false
      */
     showArrow: boolean;
-    /** The title/description/showArrow combination the generated anatomy was last built for; `''` while nothing has been generated. */
-    private _anatomyFilledFor;
-    connectedCallback(): void;
     /**
-     * Draws the canonical anatomy into the light DOM. Rebuilding tears down the
-     * panel's positioning state, so it is gated on a key of the inputs that
-     * actually change the anatomy's *shape*; `title`/`description`/`side`/`align`
-     * changes refresh in place instead.
+     * Destination for the derived `<skdx-popover-trigger>`'s anchor. A hover
+     * panel opens on pointer enter and on nothing else, so this link is the route
+     * keyboard and touch users have to the same information.
+     * @default undefined — the trigger renders a `<button>`.
      */
+    href?: string;
+    /** The combination of inputs the generated anatomy was last built for; `''` while nothing has been generated. */
+    private _anatomyFilledFor;
+    connectedCallback(): void;
+    /** Draws the canonical anatomy into the light DOM, gated on a key of the inputs that change its shape. */
     private readonly fillAnatomy;
     protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/popover/Popover.d.ts

@@ -1,13 +1,9 @@
+import { type TemplateResult } from 'lit';
 import type { Align, Side } from '../internal/positioning.js';
 import { SkdxPopoverRoot } from './PopoverRoot.js';
-export type { PopoverModality } from './PopoverRoot.js';
+export type { PopoverModality, SkdxPopoverOpenOn, SkdxPopoverRole } from './PopoverRoot.js';
 /**
- * Renders canonical Popover anatomy: derives trigger from `slot="trigger"`
- * children, creates panel with title/description and remaining children,
- * optional arrow, and close button. Children are always panel body, never parts.
- *
- * For hand composition, use `<skdx-popover-root>` from
- * `@skdx/web-components/primitives/popover`.
+ * Popover recipe element that derives a trigger from `slot="trigger"` children and builds a panel with optional title, description, arrow, and close button.
  *
  * @example
  * ```html
@@ -22,13 +18,7 @@ export type { PopoverModality } from './PopoverRoot.js';
  */
 export declare class SkdxPopover extends SkdxPopoverRoot {
     /**
-     * Title for the derived anatomy's `<skdx-popover-title>`.
-     *
-     * Shadows `HTMLElement.title`, the native global attribute that shows a
-     * browser tooltip on hover — harmless here because `:host` is `display:
-     * contents` and therefore generates no box of its own for the browser to
-     * hover. An empty string, like the native property's own default, counts
-     * as "no title".
+     * Title for the derived anatomy's `<skdx-popover-title>`; shadows the native `HTMLElement.title` tooltip attribute, harmlessly since the host renders no box.
      * @default '' — no title is derived.
      */
     title: string;
@@ -44,30 +34,29 @@ export declare class SkdxPopover extends SkdxPopoverRoot {
      */
     side: Side;
     /**
-     * Preferred alignment of the panel along the `side` edge — `'start'`,
-     * `'center'` or `'end'`. A preference, not a guarantee: the floating layer
-     * shifts the panel along that edge to keep it in the viewport.
+     * Preferred alignment of the panel along the `side` edge; the floating layer may shift it to stay in the viewport.
      * @default 'center'
      */
     align: Align;
     /**
-     * Whether the derived `<skdx-popover-content>` includes a
-     * `<skdx-popover-arrow>` pointing back at the trigger.
+     * Whether the derived `<skdx-popover-content>` includes a `<skdx-popover-arrow>` pointing back at the trigger.
      * @default false
      */
     showArrow: boolean;
-    /** The title/description/showArrow combination the generated anatomy was last built for; `''` while nothing has been generated. */
-    private _anatomyFilledFor;
-    connectedCallback(): void;
     /**
-     * Draws the canonical anatomy into the light DOM. Rebuilding tears down the
-     * panel's positioning state, so it is gated on a key of the inputs that
-     * actually change the anatomy's *shape*; `title`/`description`/`side`/`align`
-     * changes refresh in place instead.
+     * Destination for the derived `<skdx-popover-trigger>`'s anchor. A hover
+     * panel opens on pointer enter and on nothing else, so this link is the route
+     * keyboard and touch users have to the same information.
+     * @default undefined — the trigger renders a `<button>`.
      */
+    href?: string;
+    /** The combination of inputs the generated anatomy was last built for; `''` while nothing has been generated. */
+    private _anatomyFilledFor;
+    connectedCallback(): void;
+    /** Draws the canonical anatomy into the light DOM, gated on a key of the inputs that change its shape. */
     private readonly fillAnatomy;
     protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/popover/Popover.js

@@ -1 +1 @@
-var m=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var r=(a,i,e,l)=>{for(var o=l>1?void 0:l?d(i,e):i,s=a.length-1,p;s>=0;s--)(p=a[s])&&(o=(l?p(i,e,o):p(o))||o);return l&&o&&m(i,e,o),o};import{html as y}from"lit";import{property as n}from"lit/decorators.js";import{hasGeneratedContent as h}from"../internal/authored.js";import{customElement as c}from"../internal/define.js";import{fillPopoverAnatomy as f,POPOVER_ANATOMY_GENERATED as g,refreshPopoverAnatomy as A}from"./PopoverAnatomy.js";import{SkdxPopoverRoot as u}from"./PopoverRoot.js";var t=class extends u{constructor(){super(...arguments);this.title="";this.side="bottom";this.align="center";this.showArrow=!1;this._anatomyFilledFor="";this.fillAnatomy=()=>{let e=`${!!this.title}|${!!this.description}|${this.showArrow}`;e!==this._anatomyFilledFor||!h(this,g)?(this._anatomyFilledFor=e,f(this)):A(this)}}connectedCallback(){super.connectedCallback(),queueMicrotask(this.fillAnatomy)}updated(e){this.fillAnatomy(),super.updated(e)}render(){return y`<slot @slotchange=${this.fillAnatomy}></slot>`}};r([n({type:String})],t.prototype,"title",2),r([n({type:String})],t.prototype,"description",2),r([n({type:String})],t.prototype,"side",2),r([n({type:String})],t.prototype,"align",2),r([n({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",2),t=r([c("skdx-popover")],t);export{t as SkdxPopover};
+var m=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var o=(s,n,e,l)=>{for(var r=l>1?void 0:l?d(n,e):n,a=s.length-1,p;a>=0;a--)(p=s[a])&&(r=(l?p(n,e,r):p(r))||r);return l&&r&&m(n,e,r),r};import{html as h}from"lit";import{property as i}from"lit/decorators.js";import{hasGeneratedContent as y}from"../internal/authored.js";import{customElement as f}from"../internal/define.js";import{fillPopoverAnatomy as c,POPOVER_ANATOMY_GENERATED as g,refreshPopoverAnatomy as A}from"./PopoverAnatomy.js";import{SkdxPopoverRoot as u}from"./PopoverRoot.js";var t=class extends u{constructor(){super(...arguments);this.title="";this.side="bottom";this.align="center";this.showArrow=!1;this._anatomyFilledFor="";this.fillAnatomy=()=>{let e=`${!!this.title}|${!!this.description}|${this.showArrow}|${this.role}|${this.openOn}|${this.href??""}`;e!==this._anatomyFilledFor||!y(this,g)?(this._anatomyFilledFor=e,c(this)):A(this)}}connectedCallback(){super.connectedCallback(),queueMicrotask(this.fillAnatomy)}updated(e){this.fillAnatomy(),super.updated(e)}render(){return h`<slot @slotchange=${this.fillAnatomy}></slot>`}};o([i({type:String})],t.prototype,"title",2),o([i({type:String})],t.prototype,"description",2),o([i({type:String})],t.prototype,"side",2),o([i({type:String})],t.prototype,"align",2),o([i({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",2),o([i({type:String})],t.prototype,"href",2),t=o([f("skdx-popover")],t);export{t as SkdxPopover};

package/dist/popover/PopoverAnatomy.cjs

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var E=(e,t)=>{for(var r in t)l(e,r,{get:t[r],enumerable:!0})},A=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of v(t))!x.call(e,s)&&s!==r&&l(e,s,{get:()=>t[s],enumerable:!(n=m(t,s))||n.enumerable});return e};var f=e=>A(l({},"__esModule",{value:!0}),e);var b={};E(b,{POPOVER_ANATOMY_GENERATED:()=>i,fillPopoverAnatomy:()=>N,refreshPopoverAnatomy:()=>h});module.exports=f(b);var u=require("../internal/host-attributes.cjs"),y=require("./PopoverAnchor.cjs"),C=require("./PopoverTrigger.cjs"),w=require("./PopoverContent.cjs"),P=require("./PopoverTitle.cjs"),T=require("./PopoverDescription.cjs"),_=require("./PopoverArrow.cjs"),G=require("./PopoverClose.cjs"),i="data-skdx-popover-generated",g=new Set(["skdx-popover-title","skdx-popover-description","skdx-popover-arrow","skdx-popover-close"]),a="http://www.w3.org/2000/svg";function k(){let e=document.createElementNS(a,"svg");e.setAttribute("viewBox","0 0 16 16"),e.setAttribute("width","1em"),e.setAttribute("height","1em"),e.setAttribute("fill","none"),e.setAttribute("aria-hidden","true"),e.setAttribute("focusable","false");let t=document.createElementNS(a,"path");return t.setAttribute("d","M4 4l8 8M12 4l-8 8"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","1.5"),t.setAttribute("stroke-linecap","round"),e.append(t),e}function N(e){let t=e.querySelector(`:scope > skdx-popover-trigger[${i}]`),r=e.querySelector(`:scope > skdx-popover-content[${i}]`),n,s;if(t||r)n=t?Array.from(t.childNodes):[],s=r?Array.from(r.childNodes).filter(o=>o.nodeType!==Node.ELEMENT_NODE||!g.has(o.tagName.toLowerCase())):[];else{n=[],s=[];for(let o of Array.from(e.childNodes))o.nodeType===Node.ELEMENT_NODE&&o.getAttribute("slot")==="trigger"?(o.removeAttribute("slot"),n.push(o)):s.push(o)}let d=[];if(n.length>0){let o=document.createElement("skdx-popover-trigger");o.setAttribute(i,""),o.append(...n),d.push(o)}let p=document.createElement("skdx-popover-content");if(p.setAttribute(i,""),(0,u.forwardHostAttributesToContent)(e,p),p.side=e.side,p.align=e.align,e.title){let o=document.createElement("skdx-popover-title");o.textContent=e.title,p.append(o)}if(e.description){let o=document.createElement("skdx-popover-description");o.textContent=e.description,p.append(o)}p.append(...s),e.showArrow&&p.append(document.createElement("skdx-popover-arrow"));let c=document.createElement("skdx-popover-close");c.setAttribute("aria-label","Close"),c.append(k()),p.append(c),d.push(p),e.replaceChildren(...d)}function h(e){let t=e.querySelector(`:scope > skdx-popover-content[${i}]`);if(!t)return;t.side=e.side,t.align=e.align;let r=t.querySelector(":scope > skdx-popover-title");r&&e.title&&(r.textContent=e.title);let n=t.querySelector(":scope > skdx-popover-description");n&&e.description&&(n.textContent=e.description)}0&&(module.exports={POPOVER_ANATOMY_GENERATED,fillPopoverAnatomy,refreshPopoverAnatomy});
+"use strict";var c=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var N=(e,t)=>{for(var n in t)c(e,n,{get:t[n],enumerable:!0})},f=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of m(t))!v.call(e,i)&&i!==n&&c(e,i,{get:()=>t[i],enumerable:!(o=a(t,i))||o.enumerable});return e};var x=e=>f(c({},"__esModule",{value:!0}),e);var y={};N(y,{POPOVER_ANATOMY_GENERATED:()=>p,fillPopoverAnatomy:()=>b,refreshPopoverAnatomy:()=>S});module.exports=x(y);var u=require("../internal/host-attributes.cjs"),w=require("./PopoverAnchor.cjs"),C=require("./PopoverTrigger.cjs"),T=require("./PopoverContent.cjs"),G=require("./PopoverTitle.cjs"),_=require("./PopoverDescription.cjs"),O=require("./PopoverArrow.cjs"),q=require("./PopoverClose.cjs"),p="data-skdx-popover-generated",E=new Set(["skdx-popover-title","skdx-popover-description","skdx-popover-arrow","skdx-popover-close"]),l="http://www.w3.org/2000/svg";function g(){let e=document.createElementNS(l,"svg");e.setAttribute("viewBox","0 0 16 16"),e.setAttribute("width","1em"),e.setAttribute("height","1em"),e.setAttribute("fill","none"),e.setAttribute("aria-hidden","true"),e.setAttribute("focusable","false");let t=document.createElementNS(l,"path");return t.setAttribute("d","M4 4l8 8M12 4l-8 8"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","1.5"),t.setAttribute("stroke-linecap","round"),e.append(t),e}function A(e){return e.nodeType!==Node.ELEMENT_NODE||!E.has(e.tagName.toLowerCase())}function h(e,t){return{triggerNodes:e?Array.from(e.childNodes):[],bodyNodes:t?Array.from(t.childNodes).filter(A):[]}}function k(e){let t=[],n=[];for(let o of Array.from(e.childNodes))o.nodeType===Node.ELEMENT_NODE&&o.getAttribute("slot")==="trigger"?(o.removeAttribute("slot"),t.push(o)):n.push(o);return{triggerNodes:t,bodyNodes:n}}function b(e){let t=e.querySelector(`:scope > skdx-popover-trigger[${p}]`),n=e.querySelector(`:scope > skdx-popover-content[${p}]`),{triggerNodes:o,bodyNodes:i}=t||n?h(t,n):k(e),d=[];if(o.length>0){let r=document.createElement("skdx-popover-trigger");r.setAttribute(p,""),e.href!==void 0&&(r.href=e.href),r.append(...o),d.push(r)}let s=document.createElement("skdx-popover-content");if(s.setAttribute(p,""),(0,u.forwardHostAttributes)(e,s),s.side=e.side,s.align=e.align,e.title){let r=document.createElement("skdx-popover-title");r.textContent=e.title,s.append(r)}if(e.description){let r=document.createElement("skdx-popover-description");r.textContent=e.description,s.append(r)}if(s.append(...i),e.showArrow&&s.append(document.createElement("skdx-popover-arrow")),e.role!=="tooltip"&&e.openOn!=="hover"){let r=document.createElement("skdx-popover-close");r.setAttribute("aria-label","Close"),r.append(g()),s.append(r)}d.push(s),e.replaceChildren(...d)}function S(e){let t=e.querySelector(`:scope > skdx-popover-content[${p}]`);if(!t)return;t.side=e.side,t.align=e.align;let n=t.querySelector(":scope > skdx-popover-title");n&&e.title&&(n.textContent=e.title);let o=t.querySelector(":scope > skdx-popover-description");o&&e.description&&(o.textContent=e.description)}0&&(module.exports={POPOVER_ANATOMY_GENERATED,fillPopoverAnatomy,refreshPopoverAnatomy});

package/dist/popover/PopoverAnatomy.d.cts

@@ -8,24 +8,7 @@ import './PopoverArrow.cjs';
 import './PopoverClose.cjs';
 /** @internal Marks a direct child of `<skdx-popover>` this module generated. */
 export declare const POPOVER_ANATOMY_GENERATED = "data-skdx-popover-generated";
-/**
- * Builds canonical anatomy: derives trigger from `slot="trigger"` children,
- * creates content panel with optional title/description and remaining children
- * as body, optional arrow, and always-generated close button—all as light-DOM
- * children of root.
- *
- * Close is always generated; this prevents PopoverContent's dev warning about
- * focus-trapping panels without one. Trigger/body read from root's direct
- * children on first build, from previous generated parts on rebuild.
- * Host id/class/style/data-* / aria-* forward to content panel.
- * @internal
- */
+/** @internal Builds canonical anatomy: trigger, content panel with optional title/description/arrow, and an always-generated close button. */
 export declare function fillPopoverAnatomy(root: SkdxPopover): void;
-/**
- * Refreshes the generated Title/Description text and the Content's
- * `side`/`align` in place — the parts of the anatomy that can change without
- * a structural rebuild. A no-op when the anatomy has not been (or is no
- * longer) generated.
- * @internal
- */
+/** @internal Refreshes the generated Title/Description text and the Content's `side`/`align` in place. */
 export declare function refreshPopoverAnatomy(root: SkdxPopover): void;

package/dist/popover/PopoverAnatomy.d.ts

@@ -8,24 +8,7 @@ import './PopoverArrow.js';
 import './PopoverClose.js';
 /** @internal Marks a direct child of `<skdx-popover>` this module generated. */
 export declare const POPOVER_ANATOMY_GENERATED = "data-skdx-popover-generated";
-/**
- * Builds canonical anatomy: derives trigger from `slot="trigger"` children,
- * creates content panel with optional title/description and remaining children
- * as body, optional arrow, and always-generated close button—all as light-DOM
- * children of root.
- *
- * Close is always generated; this prevents PopoverContent's dev warning about
- * focus-trapping panels without one. Trigger/body read from root's direct
- * children on first build, from previous generated parts on rebuild.
- * Host id/class/style/data-* / aria-* forward to content panel.
- * @internal
- */
+/** @internal Builds canonical anatomy: trigger, content panel with optional title/description/arrow, and an always-generated close button. */
 export declare function fillPopoverAnatomy(root: SkdxPopover): void;
-/**
- * Refreshes the generated Title/Description text and the Content's
- * `side`/`align` in place — the parts of the anatomy that can change without
- * a structural rebuild. A no-op when the anatomy has not been (or is no
- * longer) generated.
- * @internal
- */
+/** @internal Refreshes the generated Title/Description text and the Content's `side`/`align` in place. */
 export declare function refreshPopoverAnatomy(root: SkdxPopover): void;

package/dist/popover/PopoverAnatomy.js

@@ -1 +1 @@
-import{forwardHostAttributesToContent as a}from"../internal/host-attributes.js";import"./PopoverAnchor.js";import"./PopoverTrigger.js";import"./PopoverContent.js";import"./PopoverTitle.js";import"./PopoverDescription.js";import"./PopoverArrow.js";import"./PopoverClose.js";var p="data-skdx-popover-generated",u=new Set(["skdx-popover-title","skdx-popover-description","skdx-popover-arrow","skdx-popover-close"]),l="http://www.w3.org/2000/svg";function m(){let e=document.createElementNS(l,"svg");e.setAttribute("viewBox","0 0 16 16"),e.setAttribute("width","1em"),e.setAttribute("height","1em"),e.setAttribute("fill","none"),e.setAttribute("aria-hidden","true"),e.setAttribute("focusable","false");let o=document.createElementNS(l,"path");return o.setAttribute("d","M4 4l8 8M12 4l-8 8"),o.setAttribute("stroke","currentColor"),o.setAttribute("stroke-width","1.5"),o.setAttribute("stroke-linecap","round"),e.append(o),e}function h(e){let o=e.querySelector(`:scope > skdx-popover-trigger[${p}]`),s=e.querySelector(`:scope > skdx-popover-content[${p}]`),n,i;if(o||s)n=o?Array.from(o.childNodes):[],i=s?Array.from(s.childNodes).filter(t=>t.nodeType!==Node.ELEMENT_NODE||!u.has(t.tagName.toLowerCase())):[];else{n=[],i=[];for(let t of Array.from(e.childNodes))t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("slot")==="trigger"?(t.removeAttribute("slot"),n.push(t)):i.push(t)}let d=[];if(n.length>0){let t=document.createElement("skdx-popover-trigger");t.setAttribute(p,""),t.append(...n),d.push(t)}let r=document.createElement("skdx-popover-content");if(r.setAttribute(p,""),a(e,r),r.side=e.side,r.align=e.align,e.title){let t=document.createElement("skdx-popover-title");t.textContent=e.title,r.append(t)}if(e.description){let t=document.createElement("skdx-popover-description");t.textContent=e.description,r.append(t)}r.append(...i),e.showArrow&&r.append(document.createElement("skdx-popover-arrow"));let c=document.createElement("skdx-popover-close");c.setAttribute("aria-label","Close"),c.append(m()),r.append(c),d.push(r),e.replaceChildren(...d)}function b(e){let o=e.querySelector(`:scope > skdx-popover-content[${p}]`);if(!o)return;o.side=e.side,o.align=e.align;let s=o.querySelector(":scope > skdx-popover-title");s&&e.title&&(s.textContent=e.title);let n=o.querySelector(":scope > skdx-popover-description");n&&e.description&&(n.textContent=e.description)}export{p as POPOVER_ANATOMY_GENERATED,h as fillPopoverAnatomy,b as refreshPopoverAnatomy};
+import{forwardHostAttributes as l}from"../internal/host-attributes.js";import"./PopoverAnchor.js";import"./PopoverTrigger.js";import"./PopoverContent.js";import"./PopoverTitle.js";import"./PopoverDescription.js";import"./PopoverArrow.js";import"./PopoverClose.js";var i="data-skdx-popover-generated",u=new Set(["skdx-popover-title","skdx-popover-description","skdx-popover-arrow","skdx-popover-close"]),d="http://www.w3.org/2000/svg";function a(){let e=document.createElementNS(d,"svg");e.setAttribute("viewBox","0 0 16 16"),e.setAttribute("width","1em"),e.setAttribute("height","1em"),e.setAttribute("fill","none"),e.setAttribute("aria-hidden","true"),e.setAttribute("focusable","false");let t=document.createElementNS(d,"path");return t.setAttribute("d","M4 4l8 8M12 4l-8 8"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","1.5"),t.setAttribute("stroke-linecap","round"),e.append(t),e}function m(e){return e.nodeType!==Node.ELEMENT_NODE||!u.has(e.tagName.toLowerCase())}function v(e,t){return{triggerNodes:e?Array.from(e.childNodes):[],bodyNodes:t?Array.from(t.childNodes).filter(m):[]}}function N(e){let t=[],s=[];for(let r of Array.from(e.childNodes))r.nodeType===Node.ELEMENT_NODE&&r.getAttribute("slot")==="trigger"?(r.removeAttribute("slot"),t.push(r)):s.push(r);return{triggerNodes:t,bodyNodes:s}}function S(e){let t=e.querySelector(`:scope > skdx-popover-trigger[${i}]`),s=e.querySelector(`:scope > skdx-popover-content[${i}]`),{triggerNodes:r,bodyNodes:c}=t||s?v(t,s):N(e),p=[];if(r.length>0){let o=document.createElement("skdx-popover-trigger");o.setAttribute(i,""),e.href!==void 0&&(o.href=e.href),o.append(...r),p.push(o)}let n=document.createElement("skdx-popover-content");if(n.setAttribute(i,""),l(e,n),n.side=e.side,n.align=e.align,e.title){let o=document.createElement("skdx-popover-title");o.textContent=e.title,n.append(o)}if(e.description){let o=document.createElement("skdx-popover-description");o.textContent=e.description,n.append(o)}if(n.append(...c),e.showArrow&&n.append(document.createElement("skdx-popover-arrow")),e.role!=="tooltip"&&e.openOn!=="hover"){let o=document.createElement("skdx-popover-close");o.setAttribute("aria-label","Close"),o.append(a()),n.append(o)}p.push(n),e.replaceChildren(...p)}function y(e){let t=e.querySelector(`:scope > skdx-popover-content[${i}]`);if(!t)return;t.side=e.side,t.align=e.align;let s=t.querySelector(":scope > skdx-popover-title");s&&e.title&&(s.textContent=e.title);let r=t.querySelector(":scope > skdx-popover-description");r&&e.description&&(r.textContent=e.description)}export{i as POPOVER_ANATOMY_GENERATED,S as fillPopoverAnatomy,y as refreshPopoverAnatomy};

package/dist/popover/PopoverAnchor.cjs

@@ -1,5 +1,5 @@
-"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var k=(t,o)=>{for(var r in o)d(t,r,{get:o[r],enumerable:!0})},u=(t,o,r,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of v(o))!m.call(t,e)&&e!==r&&d(t,e,{get:()=>o[e],enumerable:!(s=c(o,e))||s.enumerable});return t};var x=t=>u(d({},"__esModule",{value:!0}),t),h=(t,o,r,s)=>{for(var e=s>1?void 0:s?c(o,r):o,a=t.length-1,p;a>=0;a--)(p=t[a])&&(e=(s?p(o,r,e):p(e))||e);return s&&e&&d(o,r,e),e};var f={};k(f,{SkdxPopoverAnchor:()=>i});module.exports=x(f);var l=require("lit"),n=require("../internal/define.cjs");var i=class extends l.LitElement{constructor(){super(...arguments);this.root=null}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-popover, skdx-popover-root"),!this.root)throw new Error("<skdx-popover-anchor> must be used inside <skdx-popover>.");(0,n.whenUpgraded)(this.root,()=>{this.root&&(this.root.anchorEl=this)})}disconnectedCallback(){this.root?.anchorEl===this&&(this.root.anchorEl=null),super.disconnectedCallback()}render(){return l.html`<slot></slot>`}};i.styles=l.css`
+"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var f=(t,o)=>{for(var r in o)a(t,r,{get:o[r],enumerable:!0})},E=(t,o,r,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of v(o))!u.call(t,e)&&e!==r&&a(t,e,{get:()=>o[e],enumerable:!(s=d(o,e))||s.enumerable});return t};var k=t=>E(a({},"__esModule",{value:!0}),t),h=(t,o,r,s)=>{for(var e=s>1?void 0:s?d(o,r):o,p=t.length-1,c;p>=0;p--)(c=t[p])&&(e=(s?c(o,r,e):c(e))||e);return s&&e&&a(o,r,e),e};var b={};f(b,{SkdxPopoverAnchor:()=>l});module.exports=k(b);var i=require("lit"),n=require("../internal/define.cjs"),m=require("./family.cjs");var l=class extends i.LitElement{constructor(){super(...arguments);this.root=null}connectedCallback(){if(super.connectedCallback(),this.root=m.POPOVER_FAMILY.root(this),!this.root)throw new Error("<skdx-popover-anchor> must be used inside <skdx-popover>.");(0,n.whenUpgraded)(this.root,()=>{this.root&&(this.root.anchorEl=this)})}disconnectedCallback(){this.root?.anchorEl===this&&(this.root.anchorEl=null),super.disconnectedCallback()}render(){return i.html`<slot></slot>`}};l.styles=i.css`
     :host {
       display: contents;
     }
-  `,i=h([(0,n.customElement)("skdx-popover-anchor")],i);0&&(module.exports={SkdxPopoverAnchor});
+  `,l=h([(0,n.customElement)("skdx-popover-anchor","popover","anchor")],l);0&&(module.exports={SkdxPopoverAnchor});

package/dist/popover/PopoverAnchor.d.cts

@@ -1,8 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-popover-anchor>` — optional alternative positioning reference.
- * `<skdx-popover-content>` floats against this element instead of `<skdx-popover-trigger>`.
- * Structural only; renders just a `<slot>`. Must be used inside `<skdx-popover>`.
+ * Optional alternative positioning reference; `<skdx-popover-content>` floats against this instead of `<skdx-popover-trigger>`.
  *
  * @example
  * ```html
@@ -20,7 +18,7 @@ export declare class SkdxPopoverAnchor extends LitElement {
     private root;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {