@skdx/web-components 0.26.0 → 0.28.0

package/dist/tabs/TabsAnatomy.js

@@ -0,0 +1,19 @@
+import{html as t,render as r,nothing as l}from"lit";import{repeat as d}from"lit/directives/repeat.js";import"./TabsContent.js";import"./TabsList.js";import"./TabsTrigger.js";var k="data-skdx-tabs-generated";function o(e){let s=e.items??[];r(t`
+      <skdx-tabs-list
+        data-skdx-tabs-generated
+        .loop=${e.loop}
+        aria-label=${e.getAttribute("aria-label")??l}
+        aria-labelledby=${e.getAttribute("aria-labelledby")??l}
+      >
+        ${d(s,a=>a.value,a=>t`
+            <skdx-tabs-trigger value=${a.value} ?disabled=${a.disabled??!1}
+              >${a.label}</skdx-tabs-trigger
+            >
+          `)}
+      </skdx-tabs-list>
+      ${d(s,a=>a.value,a=>t`
+          <skdx-tabs-content data-skdx-tabs-generated value=${a.value}
+            >${e.renderPanel?e.renderPanel(a):a.content}</skdx-tabs-content
+          >
+        `)}
+    `,e,{host:e})}export{k as TABS_ANATOMY_GENERATED,o as fillTabsAnatomy};

package/dist/tabs/TabsContent.cjs

@@ -1,8 +1,8 @@
-"use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var y=(i,e)=>{for(var s in e)d(i,s,{get:e[s],enumerable:!0})},f=(i,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!p.call(i,t)&&t!==s&&d(i,t,{get:()=>e[t],enumerable:!(r=b(e,t))||r.enumerable});return i};var g=i=>f(d({},"__esModule",{value:!0}),i),h=(i,e,s,r)=>{for(var t=r>1?void 0:r?b(e,s):e,l=i.length-1,c;l>=0;l--)(c=i[l])&&(t=(r?c(e,s,t):c(t))||t);return r&&t&&d(e,s,t),t};var k={};y(k,{SkdxTabsContent:()=>o});module.exports=g(k);var a=require("lit"),u=require("lit/decorators.js"),v=require("../internal/define.cjs"),n=require("./ids.cjs");var o=class extends a.LitElement{constructor(){super(...arguments);this.value=""}connectedCallback(){super.connectedCallback(),this.closest("skdx-tabs")?.registerContent(this),this.setAttribute("role","tabpanel"),this.setAttribute("tabindex","0"),this._sync()}disconnectedCallback(){super.disconnectedCallback(),this.closest("skdx-tabs")?.unregisterContent(this)}refresh(){this._sync()}_sync(){let s=this.closest("skdx-tabs"),r=s?.baseId??"",t=s?.getSelectedValue()===this.value;this.id||(this.id=(0,n.makeContentId)(r,this.value)),this.setAttribute("aria-labelledby",(0,n.makeTriggerId)(r,this.value)),this.setAttribute("data-state",t?"active":"inactive"),this.setAttribute("data-orientation",s?.orientation??"horizontal"),t?this.removeAttribute("hidden"):this.setAttribute("hidden","")}updated(){this._sync()}render(){return a.html`<slot></slot>`}};o.styles=a.css`
+"use strict";var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var f=(i,s)=>{for(var t in s)d(i,t,{get:s[t],enumerable:!0})},y=(i,s,t,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of p(s))!v.call(i,e)&&e!==t&&d(i,e,{get:()=>s[e],enumerable:!(r=u(s,e))||r.enumerable});return i};var g=i=>y(d({},"__esModule",{value:!0}),i),b=(i,s,t,r)=>{for(var e=r>1?void 0:r?u(s,t):s,c=i.length-1,h;c>=0;c--)(h=i[c])&&(e=(r?h(s,t,e):h(e))||e);return r&&e&&d(s,t,e),e};var k={};f(k,{SkdxTabsContent:()=>o});module.exports=g(k);var a=require("lit"),m=require("lit/decorators.js"),n=require("../internal/define.cjs"),l=require("./ids.cjs");var o=class extends a.LitElement{constructor(){super(...arguments);this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tabpanel"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0");let t=this.closest("skdx-tabs");t?(0,n.whenUpgraded)(t,()=>{t.registerContent(this),this._sync()}):this._sync()}disconnectedCallback(){super.disconnectedCallback(),this.closest("skdx-tabs")?.unregisterContent(this)}refresh(){this._sync()}_sync(){let t=customElements.get("skdx-tabs")?this.closest("skdx-tabs"):null,r=t?.baseId??"",e=t?.getSelectedValue()===this.value;this.id||(this.id=(0,l.makeContentId)(r,this.value)),this.setAttribute("aria-labelledby",(0,l.makeTriggerId)(r,this.value)),this.setAttribute("data-state",e?"active":"inactive"),this.setAttribute("data-orientation",t?.orientation??"horizontal"),e?this.removeAttribute("hidden"):this.setAttribute("hidden","")}updated(){this._sync()}render(){return a.html`<slot></slot>`}};o.styles=a.css`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,h([(0,u.property)({type:String,reflect:!0})],o.prototype,"value",2),o=h([(0,v.customElement)("skdx-tabs-content","tabs","content")],o);0&&(module.exports={SkdxTabsContent});
+  `,b([(0,m.property)({type:String,reflect:!0})],o.prototype,"value",2),o=b([(0,n.customElement)("skdx-tabs-content","tabs","content")],o);0&&(module.exports={SkdxTabsContent});

package/dist/tabs/TabsContent.d.cts

@@ -1,13 +1,6 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tabs-content>` — panel shown when its `value` matches the parent
- * `<skdx-tabs>`' selected value. Sets `role="tabpanel"` on itself (see
- * `<skdx-tabs-trigger>`'s docs for why ARIA/id live on the host rather than
- * shadow DOM) and is a focusable landmark (`tabindex="0"`) so keyboard
- * users can tab from the trigger straight into the panel's content. Unlike
- * a JS framework's conditional rendering, a `<skdx-tabs-content>` written in
- * markup is never unmounted by this element — it is always present in the
- * DOM and only ever toggled via the `hidden` attribute.
+ * Panel shown when `value` matches parent `<skdx-tabs>` selection. Sets `role="tabpanel"` on host, focusable (`tabindex="0"`) for keyboard users. Markup remains in DOM, toggled via `hidden` attribute.
  *
  * @example
  * ```html
@@ -18,7 +11,7 @@ import { LitElement } from 'lit';
  */
 export declare class SkdxTabsContent extends LitElement {
     static styles: import("lit").CSSResult;
-    /** Unique identifier matched against the `<skdx-tabs-trigger>` that reveals this panel. */
+    /** Matched against trigger `value` to reveal this panel. */
     value: string;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/tabs/TabsContent.d.ts

@@ -1,13 +1,6 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tabs-content>` — panel shown when its `value` matches the parent
- * `<skdx-tabs>`' selected value. Sets `role="tabpanel"` on itself (see
- * `<skdx-tabs-trigger>`'s docs for why ARIA/id live on the host rather than
- * shadow DOM) and is a focusable landmark (`tabindex="0"`) so keyboard
- * users can tab from the trigger straight into the panel's content. Unlike
- * a JS framework's conditional rendering, a `<skdx-tabs-content>` written in
- * markup is never unmounted by this element — it is always present in the
- * DOM and only ever toggled via the `hidden` attribute.
+ * Panel shown when `value` matches parent `<skdx-tabs>` selection. Sets `role="tabpanel"` on host, focusable (`tabindex="0"`) for keyboard users. Markup remains in DOM, toggled via `hidden` attribute.
  *
  * @example
  * ```html
@@ -18,7 +11,7 @@ import { LitElement } from 'lit';
  */
 export declare class SkdxTabsContent extends LitElement {
     static styles: import("lit").CSSResult;
-    /** Unique identifier matched against the `<skdx-tabs-trigger>` that reveals this panel. */
+    /** Matched against trigger `value` to reveal this panel. */
     value: string;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/tabs/TabsContent.js

@@ -1,8 +1,8 @@
-var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(o,r,e,s)=>{for(var t=s>1?void 0:s?c(r,e):r,a=o.length-1,d;a>=0;a--)(d=o[a])&&(t=(s?d(r,e,t):d(t))||t);return s&&t&&l(r,e,t),t};import{css as h,html as b,LitElement as u}from"lit";import{property as v}from"lit/decorators.js";import{customElement as m}from"../internal/define.js";import{makeContentId as p,makeTriggerId as y}from"./ids.js";var i=class extends u{constructor(){super(...arguments);this.value=""}connectedCallback(){super.connectedCallback(),this.closest("skdx-tabs")?.registerContent(this),this.setAttribute("role","tabpanel"),this.setAttribute("tabindex","0"),this._sync()}disconnectedCallback(){super.disconnectedCallback(),this.closest("skdx-tabs")?.unregisterContent(this)}refresh(){this._sync()}_sync(){let e=this.closest("skdx-tabs"),s=e?.baseId??"",t=e?.getSelectedValue()===this.value;this.id||(this.id=p(s,this.value)),this.setAttribute("aria-labelledby",y(s,this.value)),this.setAttribute("data-state",t?"active":"inactive"),this.setAttribute("data-orientation",e?.orientation??"horizontal"),t?this.removeAttribute("hidden"):this.setAttribute("hidden","")}updated(){this._sync()}render(){return b`<slot></slot>`}};i.styles=h`
+var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(o,r,t,s)=>{for(var e=s>1?void 0:s?c(r,t):r,a=o.length-1,d;a>=0;a--)(d=o[a])&&(e=(s?d(r,t,e):d(e))||e);return s&&e&&l(r,t,e),e};import{css as h,html as b,LitElement as u}from"lit";import{property as m}from"lit/decorators.js";import{customElement as p,whenUpgraded as v}from"../internal/define.js";import{makeContentId as f,makeTriggerId as y}from"./ids.js";var i=class extends u{constructor(){super(...arguments);this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tabpanel"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0");let t=this.closest("skdx-tabs");t?v(t,()=>{t.registerContent(this),this._sync()}):this._sync()}disconnectedCallback(){super.disconnectedCallback(),this.closest("skdx-tabs")?.unregisterContent(this)}refresh(){this._sync()}_sync(){let t=customElements.get("skdx-tabs")?this.closest("skdx-tabs"):null,s=t?.baseId??"",e=t?.getSelectedValue()===this.value;this.id||(this.id=f(s,this.value)),this.setAttribute("aria-labelledby",y(s,this.value)),this.setAttribute("data-state",e?"active":"inactive"),this.setAttribute("data-orientation",t?.orientation??"horizontal"),e?this.removeAttribute("hidden"):this.setAttribute("hidden","")}updated(){this._sync()}render(){return b`<slot></slot>`}};i.styles=h`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,n([v({type:String,reflect:!0})],i.prototype,"value",2),i=n([m("skdx-tabs-content","tabs","content")],i);export{i as SkdxTabsContent};
+  `,n([m({type:String,reflect:!0})],i.prototype,"value",2),i=n([p("skdx-tabs-content","tabs","content")],i);export{i as SkdxTabsContent};

package/dist/tabs/TabsList.cjs

@@ -1,5 +1,5 @@
-"use strict";var h=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var k=(i,t)=>{for(var n in t)h(i,n,{get:t[n],enumerable:!0})},g=(i,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of A(t))!E.call(i,e)&&e!==n&&h(i,e,{get:()=>t[e],enumerable:!(o=f(t,e))||o.enumerable});return i};var x=i=>g(h({},"__esModule",{value:!0}),i),m=(i,t,n,o)=>{for(var e=o>1?void 0:o?f(t,n):t,l=i.length-1,d;l>=0;l--)(d=i[l])&&(e=(o?d(t,n,e):d(e))||e);return o&&e&&h(t,n,e),e};var K={};k(K,{SkdxTabsList:()=>s});module.exports=x(K);var a=require("lit"),p=require("lit/decorators.js"),u=require("../internal/define.cjs"),v=require("../internal/direction.cjs"),y=require("../internal/positioning.cjs");var s=class extends a.LitElement{constructor(){super(...arguments);this.loop=!0;this._handleKeydown=n=>{let o=Array.from(this.querySelectorAll('[role="tab"]')).filter(w=>!w.hasAttribute("disabled"));if(o.length===0)return;let e=o.indexOf(document.activeElement),l=(this.closest("skdx-tabs")?.orientation??"horizontal")==="vertical",d=l?["ArrowDown"]:["ArrowRight"],b=l?["ArrowUp"]:["ArrowLeft"],c=(0,v.directionalKey)(n.key,this),r;d.includes(c)?(r=e+1,r>=o.length&&(r=this.loop?0:o.length-1)):b.includes(c)?(r=e-1,r<0&&(r=this.loop?o.length-1:0)):c==="Home"?r=0:c==="End"&&(r=o.length-1),r!==void 0&&(n.preventDefault(),o[r]?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tablist"),this._syncOrientation(),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}_syncOrientation(){let n=this.closest("skdx-tabs")?.orientation??"horizontal";this.setAttribute("aria-orientation",n),this.setAttribute("data-orientation",n)}render(){return a.html`<slot></slot>`}};s.styles=a.css`
+"use strict";var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var E=(n,t)=>{for(var i in t)m(n,i,{get:t[i],enumerable:!0})},x=(n,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of k(t))!A.call(n,e)&&e!==i&&m(n,e,{get:()=>t[e],enumerable:!(o=p(t,e))||o.enumerable});return n};var K=n=>x(m({},"__esModule",{value:!0}),n),u=(n,t,i,o)=>{for(var e=o>1?void 0:o?p(t,i):t,l=n.length-1,d;l>=0;l--)(d=n[l])&&(e=(o?d(t,i,e):d(e))||e);return o&&e&&m(t,i,e),e};var _={};E(_,{SkdxTabsList:()=>s});module.exports=K(_);var a=require("lit"),v=require("lit/decorators.js"),y=require("../internal/define.cjs"),b=require("../internal/direction.cjs"),g=require("../internal/positioning.cjs");var s=class extends a.LitElement{constructor(){super(...arguments);this.loop=!0;this._handleKeydown=i=>{let o=Array.from(this.querySelectorAll('[role="tab"]')).filter(c=>!c.hasAttribute("disabled")&&!c.hasAttribute("data-disabled"));if(o.length===0)return;let e=o.indexOf(document.activeElement),l=(this.closest("skdx-tabs")?.orientation??"horizontal")==="vertical",d=l?["ArrowDown"]:["ArrowRight"],w=l?["ArrowUp"]:["ArrowLeft"],h=(0,b.directionalKey)(i.key,this),r;if(d.includes(h)?(r=e+1,r>=o.length&&(r=this.loop?0:o.length-1)):w.includes(h)?(r=e-1,r<0&&(r=this.loop?o.length-1:0)):h==="Home"?r=0:h==="End"&&(r=o.length-1),r!==void 0){i.preventDefault();let c=o[r],f=this.closest("skdx-tabs");f&&(f.arrowNavigating=!0);try{c?.focus()}finally{f&&(f.arrowNavigating=!1)}c?.scrollIntoView?.({block:"nearest",inline:"nearest"})}}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tablist"),this._syncOrientation(),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}_syncOrientation(){let i=this.closest("skdx-tabs")?.orientation??"horizontal";this.setAttribute("aria-orientation",i),this.setAttribute("data-orientation",i)}render(){return a.html`<slot></slot>`}};s.styles=a.css`
     :host {
       display: block;
     }
-  `,m([(0,p.property)({converter:y.optOutBoolean})],s.prototype,"loop",2),s=m([(0,u.customElement)("skdx-tabs-list","tabs","list")],s);0&&(module.exports={SkdxTabsList});
+  `,u([(0,v.property)({converter:g.optOutBoolean})],s.prototype,"loop",2),s=u([(0,y.customElement)("skdx-tabs-list","tabs","list")],s);0&&(module.exports={SkdxTabsList});

package/dist/tabs/TabsList.d.cts

@@ -1,11 +1,6 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tabs-list>` — container for a `<skdx-tabs>`' triggers. Sets
- * `role="tablist"` on itself and drives roving-focus keyboard navigation
- * (Arrow Left/Right for horizontal, Arrow Up/Down for vertical, plus
- * Home/End) across its `<skdx-tabs-trigger>` children, which it reaches via
- * `this.querySelectorAll` in the light DOM (they're slotted, not nested in
- * this element's own shadow root).
+ * Container for `<skdx-tabs>` triggers. Sets `role="tablist"`, handles roving-focus keyboard navigation (arrows, Home/End; Up/Down for vertical). Finds triggers via light DOM.
  *
  * @example
  * ```html
@@ -18,8 +13,7 @@ import { LitElement } from 'lit';
 export declare class SkdxTabsList extends LitElement {
     static styles: import("lit").CSSResult;
     /**
-     * Whether arrow-key navigation wraps from the last trigger back to the
-     * first (and vice versa).
+     * Whether arrow-key navigation wraps to the first trigger after the last.
      * @default true
      */
     loop: boolean;

package/dist/tabs/TabsList.d.ts

@@ -1,11 +1,6 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tabs-list>` — container for a `<skdx-tabs>`' triggers. Sets
- * `role="tablist"` on itself and drives roving-focus keyboard navigation
- * (Arrow Left/Right for horizontal, Arrow Up/Down for vertical, plus
- * Home/End) across its `<skdx-tabs-trigger>` children, which it reaches via
- * `this.querySelectorAll` in the light DOM (they're slotted, not nested in
- * this element's own shadow root).
+ * Container for `<skdx-tabs>` triggers. Sets `role="tablist"`, handles roving-focus keyboard navigation (arrows, Home/End; Up/Down for vertical). Finds triggers via light DOM.
  *
  * @example
  * ```html
@@ -18,8 +13,7 @@ import { LitElement } from 'lit';
 export declare class SkdxTabsList extends LitElement {
     static styles: import("lit").CSSResult;
     /**
-     * Whether arrow-key navigation wraps from the last trigger back to the
-     * first (and vice versa).
+     * Whether arrow-key navigation wraps to the first trigger after the last.
      * @default true
      */
     loop: boolean;

package/dist/tabs/TabsList.js

@@ -1,5 +1,5 @@
-var f=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=(d,s,n,e)=>{for(var t=e>1?void 0:e?p(s,n):s,i=d.length-1,l;i>=0;i--)(l=d[i])&&(t=(e?l(s,n,t):l(t))||t);return e&&t&&f(s,n,t),t};import{css as u,html as v,LitElement as y}from"lit";import{property as b}from"lit/decorators.js";import{customElement as w}from"../internal/define.js";import{directionalKey as A}from"../internal/direction.js";import{optOutBoolean as E}from"../internal/positioning.js";var r=class extends y{constructor(){super(...arguments);this.loop=!0;this._handleKeydown=n=>{let e=Array.from(this.querySelectorAll('[role="tab"]')).filter(m=>!m.hasAttribute("disabled"));if(e.length===0)return;let t=e.indexOf(document.activeElement),i=(this.closest("skdx-tabs")?.orientation??"horizontal")==="vertical",l=i?["ArrowDown"]:["ArrowRight"],h=i?["ArrowUp"]:["ArrowLeft"],a=A(n.key,this),o;l.includes(a)?(o=t+1,o>=e.length&&(o=this.loop?0:e.length-1)):h.includes(a)?(o=t-1,o<0&&(o=this.loop?e.length-1:0)):a==="Home"?o=0:a==="End"&&(o=e.length-1),o!==void 0&&(n.preventDefault(),e[o]?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tablist"),this._syncOrientation(),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}_syncOrientation(){let n=this.closest("skdx-tabs")?.orientation??"horizontal";this.setAttribute("aria-orientation",n),this.setAttribute("data-orientation",n)}render(){return v`<slot></slot>`}};r.styles=u`
+var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=(h,s,i,e)=>{for(var t=e>1?void 0:e?p(s,i):s,n=h.length-1,l;n>=0;n--)(l=h[n])&&(t=(e?l(s,i,t):l(t))||t);return e&&t&&u(s,i,t),t};import{css as v,html as y,LitElement as b}from"lit";import{property as g}from"lit/decorators.js";import{customElement as w}from"../internal/define.js";import{directionalKey as k}from"../internal/direction.js";import{optOutBoolean as A}from"../internal/positioning.js";var r=class extends b{constructor(){super(...arguments);this.loop=!0;this._handleKeydown=i=>{let e=Array.from(this.querySelectorAll('[role="tab"]')).filter(a=>!a.hasAttribute("disabled")&&!a.hasAttribute("data-disabled"));if(e.length===0)return;let t=e.indexOf(document.activeElement),n=(this.closest("skdx-tabs")?.orientation??"horizontal")==="vertical",l=n?["ArrowDown"]:["ArrowRight"],m=n?["ArrowUp"]:["ArrowLeft"],d=k(i.key,this),o;if(l.includes(d)?(o=t+1,o>=e.length&&(o=this.loop?0:e.length-1)):m.includes(d)?(o=t-1,o<0&&(o=this.loop?e.length-1:0)):d==="Home"?o=0:d==="End"&&(o=e.length-1),o!==void 0){i.preventDefault();let a=e[o],c=this.closest("skdx-tabs");c&&(c.arrowNavigating=!0);try{a?.focus()}finally{c&&(c.arrowNavigating=!1)}a?.scrollIntoView?.({block:"nearest",inline:"nearest"})}}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tablist"),this._syncOrientation(),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}_syncOrientation(){let i=this.closest("skdx-tabs")?.orientation??"horizontal";this.setAttribute("aria-orientation",i),this.setAttribute("data-orientation",i)}render(){return y`<slot></slot>`}};r.styles=v`
     :host {
       display: block;
     }
-  `,c([b({converter:E})],r.prototype,"loop",2),r=c([w("skdx-tabs-list","tabs","list")],r);export{r as SkdxTabsList};
+  `,f([g({converter:A})],r.prototype,"loop",2),r=f([w("skdx-tabs-list","tabs","list")],r);export{r as SkdxTabsList};

package/dist/tabs/TabsTrigger.cjs

@@ -1,4 +1,4 @@
-"use strict";var n=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var f=(i,s)=>{for(var t in s)n(i,t,{get:s[t],enumerable:!0})},k=(i,s,t,a)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of m(s))!p.call(i,e)&&e!==t&&n(i,e,{get:()=>s[e],enumerable:!(a=b(s,e))||a.enumerable});return i};var y=i=>k(n({},"__esModule",{value:!0}),i),h=(i,s,t,a)=>{for(var e=a>1?void 0:a?b(s,t):s,l=i.length-1,o;l>=0;l--)(o=i[l])&&(e=(a?o(s,t,e):o(e))||e);return a&&e&&n(s,t,e),e};var g={};f(g,{SkdxTabsTrigger:()=>d});module.exports=y(g);var r=require("lit"),u=require("lit/decorators.js"),v=require("../internal/define.cjs"),c=require("./ids.cjs");var d=class extends r.LitElement{constructor(){super(...arguments);this.value="";this.disabled=!1;this._handleClick=()=>{this.disabled||this.closest("skdx-tabs")?.setValue(this.value)};this._handleFocus=()=>{let t=this.closest("skdx-tabs");!t||this.disabled||t.activationMode==="automatic"&&t.getSelectedValue()!==this.value&&t.setValue(this.value)};this._handleKeydown=t=>{(t.key===" "||t.key==="Enter")&&!this.disabled&&(t.preventDefault(),this.closest("skdx-tabs")?.setValue(this.value))}}connectedCallback(){super.connectedCallback(),this.closest("skdx-tabs")?.registerTrigger(this,this.disabled),this.addEventListener("click",this._handleClick),this.addEventListener("focus",this._handleFocus),this.addEventListener("keydown",this._handleKeydown),this._sync()}disconnectedCallback(){super.disconnectedCallback(),this.closest("skdx-tabs")?.unregisterTrigger(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("keydown",this._handleKeydown)}refresh(){this._sync()}_sync(){let t=this.closest("skdx-tabs"),a=t?.baseId??"",e=t?.getSelectedValue()===this.value;this.id||(this.id=(0,c.makeTriggerId)(a,this.value)),this.setAttribute("role","tab"),this.setAttribute("aria-selected",String(e)),this.setAttribute("aria-controls",(0,c.makeContentId)(a,this.value)),this.setAttribute("data-state",e?"active":"inactive"),this.disabled?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("data-orientation",t?.orientation??"horizontal"),this.setAttribute("data-value",this.value);let l=t?.getSelectedValue()===void 0&&t?.getFirstEnabledValue()===this.value,o=this.disabled?-1:e||l?0:-1;this.setAttribute("tabindex",String(o))}updated(){this._sync()}render(){return r.html`<slot></slot>`}};d.styles=r.css`
+"use strict";var l=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var y=(a,s)=>{for(var e in s)l(a,e,{get:s[e],enumerable:!0})},f=(a,s,e,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of _(s))!m.call(a,t)&&t!==e&&l(a,t,{get:()=>s[t],enumerable:!(i=b(s,t))||i.enumerable});return a};var k=a=>f(l({},"__esModule",{value:!0}),a),h=(a,s,e,i)=>{for(var t=i>1?void 0:i?b(s,e):s,d=a.length-1,o;d>=0;d--)(o=a[d])&&(t=(i?o(s,e,t):o(t))||t);return i&&t&&l(s,e,t),t};var g={};y(g,{SkdxTabsTrigger:()=>r});module.exports=k(g);var n=require("lit"),v=require("lit/decorators.js"),c=require("../internal/define.cjs"),u=require("./ids.cjs");var r=class extends n.LitElement{constructor(){super(...arguments);this.value="";this.disabled=!1;this._pointerPressed=!1;this._handlePointerdown=()=>{this._pointerPressed=!0};this._handleBlur=()=>{this._pointerPressed=!1};this._handleClick=()=>{this._isDisabled||this.closest("skdx-tabs")?.setValue(this.value,"pointer")};this._handleFocus=()=>{let e=this.closest("skdx-tabs");if(!e||this._isDisabled)return;let i=this._pointerPressed||e.arrowNavigating;e.activationMode==="automatic"&&i&&e.getSelectedValue()!==this.value&&e.setValue(this.value,this._pointerPressed?"pointer":"keyboard")};this._handleKeydown=e=>{(e.key===" "||e.key==="Enter")&&!this._isDisabled&&(e.preventDefault(),this.closest("skdx-tabs")?.setValue(this.value,"keyboard"))}}get _isDisabled(){return this.disabled||(this.closest("skdx-tabs")?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this._handlePointerdown),this.addEventListener("blur",this._handleBlur),this.addEventListener("click",this._handleClick),this.addEventListener("focus",this._handleFocus),this.addEventListener("keydown",this._handleKeydown);let e=this.closest("skdx-tabs");e?(0,c.whenUpgraded)(e,()=>{e.registerTrigger(this,this.disabled),this._sync()}):this._sync()}disconnectedCallback(){super.disconnectedCallback(),this.closest("skdx-tabs")?.unregisterTrigger(this),this.removeEventListener("pointerdown",this._handlePointerdown),this.removeEventListener("blur",this._handleBlur),this.removeEventListener("click",this._handleClick),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("keydown",this._handleKeydown)}refresh(){this._sync()}_sync(){let e=customElements.get("skdx-tabs")?this.closest("skdx-tabs"):null,i=e?.baseId??"",t=e?.getSelectedValue()===this.value,d=this._isDisabled;this.id||(this.id=(0,u.makeTriggerId)(i,this.value)),this.setAttribute("role","tab"),this.setAttribute("aria-selected",String(t)),this.setAttribute("aria-controls",(0,u.makeContentId)(i,this.value)),this.setAttribute("data-state",t?"active":"inactive"),d?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("data-orientation",e?.orientation??"horizontal"),this.setAttribute("data-value",this.value);let o=e?.getSelectedValue()===void 0&&e?.getFirstEnabledValue()===this.value,p=d?-1:t||o?0:-1;this.setAttribute("tabindex",String(p))}updated(){this._sync()}render(){return n.html`<slot></slot>`}};r.styles=n.css`
     :host {
       display: inline-block;
       cursor: pointer;
@@ -6,4 +6,4 @@
     :host([disabled]) {
       cursor: default;
     }
-  `,h([(0,u.property)({type:String,reflect:!0})],d.prototype,"value",2),h([(0,u.property)({type:Boolean,reflect:!0})],d.prototype,"disabled",2),d=h([(0,v.customElement)("skdx-tabs-trigger","tabs","trigger")],d);0&&(module.exports={SkdxTabsTrigger});
+  `,h([(0,v.property)({type:String,reflect:!0})],r.prototype,"value",2),h([(0,v.property)({type:Boolean,reflect:!0})],r.prototype,"disabled",2),r=h([(0,c.customElement)("skdx-tabs-trigger","tabs","trigger")],r);0&&(module.exports={SkdxTabsTrigger});

package/dist/tabs/TabsTrigger.d.cts

@@ -1,18 +1,7 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tabs-trigger>` — a single tab button. Sets `role="tab"` with
- * `aria-selected` and `data-state="active" | "inactive"` for styling on
- * **itself** (the host), rather than a shadow-internal `<button>`, since
- * `aria-controls`/`id` need to be resolvable as light-DOM IDREFs shared
- * with a sibling `<skdx-tabs-content>` — an IDREF can't cross a shadow
- * boundary. Selecting it (click, or focus when the parent's
- * `activation-mode` is `"automatic"`) updates the parent `<skdx-tabs>`'
- * value.
- *
- * Because the host *is* the tab, a disabled trigger reports
- * `aria-disabled="true"`: a custom element never matches `:disabled`, so the
- * native attribute the other four frameworks rely on has no effect here.
- *
+ * `<skdx-tabs-trigger>` — single tab button. `role="tab"` with `aria-selected` and `data-state` on host.
+ * Click or focus (if `activation-mode="automatic"`) selects it. Uses `aria-disabled` since custom element.
  * @example
  * ```html
  * <skdx-tabs-trigger value="password" disabled>Password</skdx-tabs-trigger>
@@ -23,15 +12,33 @@ export declare class SkdxTabsTrigger extends LitElement {
     /** Unique identifier matched against a sibling `<skdx-tabs-content>`'s `value`. */
     value: string;
     /**
-     * Excludes this trigger from selection and keyboard navigation.
+     * Excludes this trigger from selection and keyboard navigation, and keeps it
+     * out of the tab order. OR-ed with `<skdx-tabs>`'s own `disabled`, never
+     * overridden.
      * @default false
      */
     disabled: boolean;
+    /** This trigger's own `disabled` OR its root's — a trigger cannot re-enable itself. */
+    private get _isDisabled();
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** @internal Called by the parent `<skdx-tabs>` whenever the selected value changes. */
     refresh(): void;
     private _sync;
+    /**
+     * Whether a pointer press on *this* trigger is what is moving focus here.
+     *
+     * Under `activation-mode="automatic"` a mouse click selects from the focus
+     * handler, not the click handler — focus lands on pointerdown, so by the time
+     * the click arrives the value has already moved and the click handler is a
+     * no-op. Without this the change would report `reason: 'keyboard'` for a
+     * plain mouse click, which is exactly the distinction the reason exists to
+     * make. Cleared on blur rather than on click, because a press that drags off
+     * the trigger never produces one.
+     */
+    private _pointerPressed;
+    private readonly _handlePointerdown;
+    private readonly _handleBlur;
     private readonly _handleClick;
     private readonly _handleFocus;
     private readonly _handleKeydown;

package/dist/tabs/TabsTrigger.d.ts

@@ -1,18 +1,7 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tabs-trigger>` — a single tab button. Sets `role="tab"` with
- * `aria-selected` and `data-state="active" | "inactive"` for styling on
- * **itself** (the host), rather than a shadow-internal `<button>`, since
- * `aria-controls`/`id` need to be resolvable as light-DOM IDREFs shared
- * with a sibling `<skdx-tabs-content>` — an IDREF can't cross a shadow
- * boundary. Selecting it (click, or focus when the parent's
- * `activation-mode` is `"automatic"`) updates the parent `<skdx-tabs>`'
- * value.
- *
- * Because the host *is* the tab, a disabled trigger reports
- * `aria-disabled="true"`: a custom element never matches `:disabled`, so the
- * native attribute the other four frameworks rely on has no effect here.
- *
+ * `<skdx-tabs-trigger>` — single tab button. `role="tab"` with `aria-selected` and `data-state` on host.
+ * Click or focus (if `activation-mode="automatic"`) selects it. Uses `aria-disabled` since custom element.
  * @example
  * ```html
  * <skdx-tabs-trigger value="password" disabled>Password</skdx-tabs-trigger>
@@ -23,15 +12,33 @@ export declare class SkdxTabsTrigger extends LitElement {
     /** Unique identifier matched against a sibling `<skdx-tabs-content>`'s `value`. */
     value: string;
     /**
-     * Excludes this trigger from selection and keyboard navigation.
+     * Excludes this trigger from selection and keyboard navigation, and keeps it
+     * out of the tab order. OR-ed with `<skdx-tabs>`'s own `disabled`, never
+     * overridden.
      * @default false
      */
     disabled: boolean;
+    /** This trigger's own `disabled` OR its root's — a trigger cannot re-enable itself. */
+    private get _isDisabled();
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** @internal Called by the parent `<skdx-tabs>` whenever the selected value changes. */
     refresh(): void;
     private _sync;
+    /**
+     * Whether a pointer press on *this* trigger is what is moving focus here.
+     *
+     * Under `activation-mode="automatic"` a mouse click selects from the focus
+     * handler, not the click handler — focus lands on pointerdown, so by the time
+     * the click arrives the value has already moved and the click handler is a
+     * no-op. Without this the change would report `reason: 'keyboard'` for a
+     * plain mouse click, which is exactly the distinction the reason exists to
+     * make. Cleared on blur rather than on click, because a press that drags off
+     * the trigger never produces one.
+     */
+    private _pointerPressed;
+    private readonly _handlePointerdown;
+    private readonly _handleBlur;
     private readonly _handleClick;
     private readonly _handleFocus;
     private readonly _handleKeydown;

package/dist/tabs/TabsTrigger.js

@@ -1,4 +1,4 @@
-var h=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(o,a,t,s)=>{for(var e=s>1?void 0:s?c(a,t):a,d=o.length-1,r;d>=0;d--)(r=o[d])&&(e=(s?r(a,t,e):r(e))||e);return s&&e&&h(a,t,e),e};import{css as u,html as b,LitElement as v}from"lit";import{property as n}from"lit/decorators.js";import{customElement as m}from"../internal/define.js";import{makeContentId as p,makeTriggerId as f}from"./ids.js";var i=class extends v{constructor(){super(...arguments);this.value="";this.disabled=!1;this._handleClick=()=>{this.disabled||this.closest("skdx-tabs")?.setValue(this.value)};this._handleFocus=()=>{let t=this.closest("skdx-tabs");!t||this.disabled||t.activationMode==="automatic"&&t.getSelectedValue()!==this.value&&t.setValue(this.value)};this._handleKeydown=t=>{(t.key===" "||t.key==="Enter")&&!this.disabled&&(t.preventDefault(),this.closest("skdx-tabs")?.setValue(this.value))}}connectedCallback(){super.connectedCallback(),this.closest("skdx-tabs")?.registerTrigger(this,this.disabled),this.addEventListener("click",this._handleClick),this.addEventListener("focus",this._handleFocus),this.addEventListener("keydown",this._handleKeydown),this._sync()}disconnectedCallback(){super.disconnectedCallback(),this.closest("skdx-tabs")?.unregisterTrigger(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("keydown",this._handleKeydown)}refresh(){this._sync()}_sync(){let t=this.closest("skdx-tabs"),s=t?.baseId??"",e=t?.getSelectedValue()===this.value;this.id||(this.id=f(s,this.value)),this.setAttribute("role","tab"),this.setAttribute("aria-selected",String(e)),this.setAttribute("aria-controls",p(s,this.value)),this.setAttribute("data-state",e?"active":"inactive"),this.disabled?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("data-orientation",t?.orientation??"horizontal"),this.setAttribute("data-value",this.value);let d=t?.getSelectedValue()===void 0&&t?.getFirstEnabledValue()===this.value,r=this.disabled?-1:e||d?0:-1;this.setAttribute("tabindex",String(r))}updated(){this._sync()}render(){return b`<slot></slot>`}};i.styles=u`
+var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var n=(o,r,e,s)=>{for(var t=s>1?void 0:s?u(r,e):r,a=o.length-1,d;a>=0;a--)(d=o[a])&&(t=(s?d(r,e,t):d(t))||t);return s&&t&&c(r,e,t),t};import{css as v,html as b,LitElement as p}from"lit";import{property as l}from"lit/decorators.js";import{customElement as _,whenUpgraded as m}from"../internal/define.js";import{makeContentId as y,makeTriggerId as f}from"./ids.js";var i=class extends p{constructor(){super(...arguments);this.value="";this.disabled=!1;this._pointerPressed=!1;this._handlePointerdown=()=>{this._pointerPressed=!0};this._handleBlur=()=>{this._pointerPressed=!1};this._handleClick=()=>{this._isDisabled||this.closest("skdx-tabs")?.setValue(this.value,"pointer")};this._handleFocus=()=>{let e=this.closest("skdx-tabs");if(!e||this._isDisabled)return;let s=this._pointerPressed||e.arrowNavigating;e.activationMode==="automatic"&&s&&e.getSelectedValue()!==this.value&&e.setValue(this.value,this._pointerPressed?"pointer":"keyboard")};this._handleKeydown=e=>{(e.key===" "||e.key==="Enter")&&!this._isDisabled&&(e.preventDefault(),this.closest("skdx-tabs")?.setValue(this.value,"keyboard"))}}get _isDisabled(){return this.disabled||(this.closest("skdx-tabs")?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this._handlePointerdown),this.addEventListener("blur",this._handleBlur),this.addEventListener("click",this._handleClick),this.addEventListener("focus",this._handleFocus),this.addEventListener("keydown",this._handleKeydown);let e=this.closest("skdx-tabs");e?m(e,()=>{e.registerTrigger(this,this.disabled),this._sync()}):this._sync()}disconnectedCallback(){super.disconnectedCallback(),this.closest("skdx-tabs")?.unregisterTrigger(this),this.removeEventListener("pointerdown",this._handlePointerdown),this.removeEventListener("blur",this._handleBlur),this.removeEventListener("click",this._handleClick),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("keydown",this._handleKeydown)}refresh(){this._sync()}_sync(){let e=customElements.get("skdx-tabs")?this.closest("skdx-tabs"):null,s=e?.baseId??"",t=e?.getSelectedValue()===this.value,a=this._isDisabled;this.id||(this.id=f(s,this.value)),this.setAttribute("role","tab"),this.setAttribute("aria-selected",String(t)),this.setAttribute("aria-controls",y(s,this.value)),this.setAttribute("data-state",t?"active":"inactive"),a?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("data-orientation",e?.orientation??"horizontal"),this.setAttribute("data-value",this.value);let d=e?.getSelectedValue()===void 0&&e?.getFirstEnabledValue()===this.value,h=a?-1:t||d?0:-1;this.setAttribute("tabindex",String(h))}updated(){this._sync()}render(){return b`<slot></slot>`}};i.styles=v`
     :host {
       display: inline-block;
       cursor: pointer;
@@ -6,4 +6,4 @@ var h=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(o,a,t,s
     :host([disabled]) {
       cursor: default;
     }
-  `,l([n({type:String,reflect:!0})],i.prototype,"value",2),l([n({type:Boolean,reflect:!0})],i.prototype,"disabled",2),i=l([m("skdx-tabs-trigger","tabs","trigger")],i);export{i as SkdxTabsTrigger};
+  `,n([l({type:String,reflect:!0})],i.prototype,"value",2),n([l({type:Boolean,reflect:!0})],i.prototype,"disabled",2),i=n([_("skdx-tabs-trigger","tabs","trigger")],i);export{i as SkdxTabsTrigger};

package/dist/tabs/ids.d.cts

@@ -1,11 +1,11 @@
 /**
  * @internal Derives the stable `id` for a tab trigger from the tablist's base
  * id and the tab's value, so a trigger and its panel can reference each other
- * via `aria-controls`/`aria-labelledby` without a shared registry.
+ * via `aria-controls`/`aria-labelledby`.
  */
 export declare function makeTriggerId(baseId: string, value: string): string;
 /**
- * @internal Derives the stable `id` for a tab panel — the `aria-controls`
- * target of {@link makeTriggerId}'s trigger for the same value.
+ * @internal Derives the stable `id` for a tab panel paired with
+ * {@link makeTriggerId} for the same value.
  */
 export declare function makeContentId(baseId: string, value: string): string;

package/dist/tabs/ids.d.ts

@@ -1,11 +1,11 @@
 /**
  * @internal Derives the stable `id` for a tab trigger from the tablist's base
  * id and the tab's value, so a trigger and its panel can reference each other
- * via `aria-controls`/`aria-labelledby` without a shared registry.
+ * via `aria-controls`/`aria-labelledby`.
  */
 export declare function makeTriggerId(baseId: string, value: string): string;
 /**
- * @internal Derives the stable `id` for a tab panel — the `aria-controls`
- * target of {@link makeTriggerId}'s trigger for the same value.
+ * @internal Derives the stable `id` for a tab panel paired with
+ * {@link makeTriggerId} for the same value.
  */
 export declare function makeContentId(baseId: string, value: string): string;

package/dist/tabs/index.cjs

@@ -1 +1 @@
-"use strict";var e=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(o,r)=>{for(var t in r)e(o,t,{get:r[t],enumerable:!0})},S=(o,r,t,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let x of k(r))!m.call(o,x)&&x!==t&&e(o,x,{get:()=>r[x],enumerable:!(s=f(r,x))||s.enumerable});return o};var g=o=>S(e({},"__esModule",{value:!0}),o);var i={};p(i,{SkdxTabs:()=>T.SkdxTabs,SkdxTabsContent:()=>d.SkdxTabsContent,SkdxTabsList:()=>a.SkdxTabsList,SkdxTabsTrigger:()=>b.SkdxTabsTrigger});module.exports=g(i);var T=require("./Tabs.cjs"),a=require("./TabsList.cjs"),b=require("./TabsTrigger.cjs"),d=require("./TabsContent.cjs");0&&(module.exports={SkdxTabs,SkdxTabsContent,SkdxTabsList,SkdxTabsTrigger});
+"use strict";var p=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var x=(a,e)=>{for(var s in e)p(a,s,{get:e[s],enumerable:!0})},y=(a,e,s,b)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of T(e))!n.call(a,t)&&t!==s&&p(a,t,{get:()=>e[t],enumerable:!(b=r(e,t))||b.enumerable});return a};var d=a=>y(p({},"__esModule",{value:!0}),a);var g={};x(g,{SkdxTabs:()=>o.SkdxTabs});module.exports=d(g);var o=require("./Tabs.cjs");0&&(module.exports={SkdxTabs});

package/dist/tabs/index.d.cts

@@ -1,4 +1 @@
-export { SkdxTabs } from './Tabs.cjs';
-export { SkdxTabsList } from './TabsList.cjs';
-export { SkdxTabsTrigger } from './TabsTrigger.cjs';
-export { SkdxTabsContent } from './TabsContent.cjs';
+export { SkdxTabs, type TabsChangeReason, type TabsValueChangeDetail, type SkdxTabsItemDescriptor, } from './Tabs.cjs';

package/dist/tabs/index.d.ts

@@ -1,4 +1 @@
-export { SkdxTabs } from './Tabs.js';
-export { SkdxTabsList } from './TabsList.js';
-export { SkdxTabsTrigger } from './TabsTrigger.js';
-export { SkdxTabsContent } from './TabsContent.js';
+export { SkdxTabs, type TabsChangeReason, type TabsValueChangeDetail, type SkdxTabsItemDescriptor, } from './Tabs.js';

package/dist/tabs/index.js

@@ -1 +1 @@
-import{SkdxTabs as x}from"./Tabs.js";import{SkdxTabsList as e}from"./TabsList.js";import{SkdxTabsTrigger as T}from"./TabsTrigger.js";import{SkdxTabsContent as b}from"./TabsContent.js";export{x as SkdxTabs,b as SkdxTabsContent,e as SkdxTabsList,T as SkdxTabsTrigger};
+import{SkdxTabs as t}from"./Tabs.js";export{t as SkdxTabs};

package/dist/tabs/primitives.cjs

@@ -0,0 +1 @@
+"use strict";var e=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var m=(o,r)=>{for(var x in r)e(o,x,{get:r[x],enumerable:!0})},p=(o,r,x,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of f(r))!k.call(o,t)&&t!==x&&e(o,t,{get:()=>r[t],enumerable:!(s=d(r,t))||s.enumerable});return o};var S=o=>p(e({},"__esModule",{value:!0}),o);var g={};m(g,{SkdxTabsContent:()=>b.SkdxTabsContent,SkdxTabsList:()=>T.SkdxTabsList,SkdxTabsTrigger:()=>a.SkdxTabsTrigger});module.exports=S(g);var T=require("./TabsList.cjs"),a=require("./TabsTrigger.cjs"),b=require("./TabsContent.cjs");0&&(module.exports={SkdxTabsContent,SkdxTabsList,SkdxTabsTrigger});

package/dist/tabs/primitives.d.cts

@@ -0,0 +1,22 @@
+/**
+ * Advanced primitives for `<skdx-tabs>` — the parts the recipe composes.
+ *
+ * Reach for these when the derived anatomy is not the structure you need.
+ * The recipe (`<skdx-tabs>` from `@skdx/web-components`) is built from exactly these elements.
+ *
+ * @example
+ * ```ts
+ * import * as Tabs from '@skdx/web-components/primitives/tabs';
+ * ```
+ * ```html
+ * <skdx-tabs default-value="account">
+ *   <skdx-tabs-list aria-label="Manage account">
+ *     <skdx-tabs-trigger value="account">Account</skdx-tabs-trigger>
+ *   </skdx-tabs-list>
+ *   <skdx-tabs-content value="account">Account settings…</skdx-tabs-content>
+ * </skdx-tabs>
+ * ```
+ */
+export { SkdxTabsList } from './TabsList.cjs';
+export { SkdxTabsTrigger } from './TabsTrigger.cjs';
+export { SkdxTabsContent } from './TabsContent.cjs';

package/dist/tabs/primitives.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Advanced primitives for `<skdx-tabs>` — the parts the recipe composes.
+ *
+ * Reach for these when the derived anatomy is not the structure you need.
+ * The recipe (`<skdx-tabs>` from `@skdx/web-components`) is built from exactly these elements.
+ *
+ * @example
+ * ```ts
+ * import * as Tabs from '@skdx/web-components/primitives/tabs';
+ * ```
+ * ```html
+ * <skdx-tabs default-value="account">
+ *   <skdx-tabs-list aria-label="Manage account">
+ *     <skdx-tabs-trigger value="account">Account</skdx-tabs-trigger>
+ *   </skdx-tabs-list>
+ *   <skdx-tabs-content value="account">Account settings…</skdx-tabs-content>
+ * </skdx-tabs>
+ * ```
+ */
+export { SkdxTabsList } from './TabsList.js';
+export { SkdxTabsTrigger } from './TabsTrigger.js';
+export { SkdxTabsContent } from './TabsContent.js';

package/dist/tabs/primitives.js

@@ -0,0 +1 @@
+import{SkdxTabsList as t}from"./TabsList.js";import{SkdxTabsTrigger as e}from"./TabsTrigger.js";import{SkdxTabsContent as T}from"./TabsContent.js";export{T as SkdxTabsContent,t as SkdxTabsList,e as SkdxTabsTrigger};

package/dist/tag/Tag.cjs

@@ -1,5 +1,5 @@
-"use strict";var l=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var g=(i,e)=>{for(var s in e)l(i,s,{get:e[s],enumerable:!0})},E=(i,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!y.call(i,t)&&t!==s&&l(i,t,{get:()=>e[t],enumerable:!(o=b(e,t))||o.enumerable});return i};var A=i=>E(l({},"__esModule",{value:!0}),i),a=(i,e,s,o)=>{for(var t=o>1?void 0:o?b(e,s):e,p=i.length-1,h;p>=0;p--)(h=i[p])&&(t=(o?h(e,s,t):h(t))||t);return o&&t&&l(e,s,t),t};var f={};g(f,{SkdxTag:()=>r,TAG_UPDATE_EVENT:()=>v});module.exports=A(f);var d=require("lit"),u=require("lit/decorators.js"),c=require("../internal/define.cjs"),n=require("../tag-group/TagGroup.cjs");var v="skdx-tag-internal-update",r=class extends d.LitElement{constructor(){super(...arguments);this.index=0;this.value="";this.disabled=!1;this.group=null;this.handleGroupUpdate=()=>{this.syncHostAttributes(),this.requestUpdate()};this.handleKeydown=s=>{s.key!=="Delete"&&s.key!=="Backspace"||(s.preventDefault(),this.requestDelete())}}connectedCallback(){if(super.connectedCallback(),this.group=this.closest("skdx-tag-group"),!this.group)throw new Error("<skdx-tag> must be used inside <skdx-tag-group>.");this.setAttribute("role","listitem"),this.setAttribute("data-skdx-tag",""),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.group.addEventListener(n.TAG_GROUP_UPDATE_EVENT,this.handleGroupUpdate),this.addEventListener("keydown",this.handleKeydown),this.syncHostAttributes(),this.group.syncTabStops()}disconnectedCallback(){this.group?.removeEventListener(n.TAG_GROUP_UPDATE_EVENT,this.handleGroupUpdate),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback(),this.group?.syncTabStops()}updated(){this.syncHostAttributes(),this.dispatchEvent(new CustomEvent(v))}syncHostAttributes(){this.isDisabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}get isDisabled(){return this.disabled||!!this.group?.disabled}requestDelete(){this.isDisabled||(this.group?.setActiveIndex((0,n.focusTagNeighbor)(this,this.index)),this.dispatchEvent(new CustomEvent("delete",{bubbles:!0,composed:!0})))}render(){return d.html`<slot></slot>`}};r.styles=d.css`
+"use strict";var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var T=(r,t)=>{for(var e in t)u(r,e,{get:t[e],enumerable:!0})},G=(r,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of L(t))!D.call(r,i)&&i!==e&&u(r,i,{get:()=>t[i],enumerable:!(a=v(t,i))||a.enumerable});return r};var k=r=>G(u({},"__esModule",{value:!0}),r),o=(r,t,e,a)=>{for(var i=a>1?void 0:a?v(t,e):t,b=r.length-1,c;b>=0;b--)(c=r[b])&&(i=(a?c(t,e,i):c(i))||i);return a&&i&&u(t,e,i),i};var _={};T(_,{SkdxTag:()=>s,TAG_UPDATE_EVENT:()=>E});module.exports=k(_);var n=require("lit"),l=require("lit/decorators.js"),y=require("lit/static-html.js"),f=require("../internal/authored.cjs"),p=require("../internal/define.cjs"),h=require("../tag-group/TagGroup.cjs"),g=require("../utils/live-announcer.cjs"),A=require("../utils/polymorphic.cjs"),d=require("./TagAnatomy.cjs");var m=["Delete","Backspace"],E="skdx-tag-internal-update",s=class extends n.LitElement{constructor(){super(...arguments);this.label="";this.selected=!1;this.disabled=!1;this.as="span";this.deletable=!1;this.deleteLabel="Remove";this.group=null;this.fillAnatomy=()=>{(0,f.hasAuthoredParts)(this,d.TAG_ANATOMY_GENERATED,d.TAG_RENDER_SLOTS)||(0,d.fillTagAnatomy)(this)};this.handleGroupUpdate=()=>{this.syncHostAttributes(),this.requestUpdate()};this.handleKeydown=e=>{m.includes(e.key)&&e.preventDefault()};this.handleKeyup=e=>{m.includes(e.key)&&(e.preventDefault(),this.requestDelete())}}connectedCallback(){super.connectedCallback(),this.group=this.closest("skdx-tag-group"),this.setAttribute("data-skdx-tag",""),queueMicrotask(this.fillAnatomy),this.group&&(this.setAttribute("role","listitem"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.group.addEventListener(h.TAG_GROUP_UPDATE_EVENT,this.handleGroupUpdate),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keyup",this.handleKeyup),(0,p.whenUpgraded)(this.group,()=>this.group?.syncTabStops())),this.syncHostAttributes()}disconnectedCallback(){this.group?.removeEventListener(h.TAG_GROUP_UPDATE_EVENT,this.handleGroupUpdate),this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("keyup",this.handleKeyup),super.disconnectedCallback(),this.group?.syncTabStops()}updated(e){this.syncHostAttributes(),this.dispatchEvent(new CustomEvent(E)),(e.has("label")||e.has("deletable")||e.has("deleteLabel"))&&this.fillAnatomy()}syncHostAttributes(){this.selected?this.setAttribute("data-selected",""):this.removeAttribute("data-selected"),this.isDisabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("data-disabled","")):(this.removeAttribute("aria-disabled"),this.removeAttribute("data-disabled"))}get isDisabled(){return this.disabled||!!this.group?.disabled}get grouped(){return this.group!==null}get resolvedLabel(){return this.label}requestDelete(){if(this.isDisabled||!this.group||this.index===void 0)return;let e=(0,h.resolveTagNeighbor)(this,this.index),a=new CustomEvent("delete",{bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(a)&&(e.target?.focus(),this.group?.setActiveIndex(e.index),this.group?.reportTagRemoved({label:this.resolvedLabel,index:this.index}),this.resolvedLabel&&(0,g.announce)(`${this.resolvedLabel} removed`))}render(){let e=(0,A.resolveTag)(this.as,"span");return y.html`<${e} tabindex="-1" href=${!this.isDisabled&&this.href?this.href:n.nothing}><slot @slotchange=${this.fillAnatomy}></slot></${e}>`}};s.styles=n.css`
     :host {
       display: inline-block;
     }
-  `,a([(0,u.property)({type:Number})],r.prototype,"index",2),a([(0,u.property)({type:String})],r.prototype,"value",2),a([(0,u.property)({type:Boolean,reflect:!0})],r.prototype,"disabled",2),r=a([(0,c.customElement)("skdx-tag","tag","root")],r);0&&(module.exports={SkdxTag,TAG_UPDATE_EVENT});
+  `,o([(0,l.property)({type:Number})],s.prototype,"index",2),o([(0,l.property)({type:String})],s.prototype,"label",2),o([(0,l.property)({type:Boolean,reflect:!0})],s.prototype,"selected",2),o([(0,l.property)({type:Boolean,reflect:!0})],s.prototype,"disabled",2),o([(0,l.property)({type:String,reflect:!0})],s.prototype,"as",2),o([(0,l.property)({type:String,reflect:!0})],s.prototype,"href",2),o([(0,l.property)({type:Boolean,reflect:!0})],s.prototype,"deletable",2),o([(0,l.property)({type:String,attribute:"delete-label"})],s.prototype,"deleteLabel",2),s=o([(0,p.customElement)("skdx-tag","tag","root")],s);0&&(module.exports={SkdxTag,TAG_UPDATE_EVENT});