@skdx/web-components 0.28.0 → 0.29.0

package/dist/segmented-control/SegmentedControlItem.d.ts

@@ -1,66 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * One segment within a `<skdx-segmented-control>`. Sets `role="radio"`,
- * `aria-checked`, `data-state` (`"checked"` / `"unchecked"`), `data-disabled`,
- * `data-value`, and maintains roving `tabindex`.
- *
- * Selects on click and on focus arriving from a sibling segment (roving focus
- * via arrow keys per WAI-ARIA radio pattern). Selection is refused in both the
- * click and focus handlers when disabled. Only one segment holds the tab stop:
- * the checked one, or the first enabled segment if nothing is checked.
- *
- * With `select-on-focus="false"` on the control, focus navigation does not
- * select; Space/Enter do instead (toolbar variant).
- *
- * Must be used inside `<skdx-segmented-control>`.
- *
- * @example
- * ```html
- * <skdx-segmented-control default-value="grid" aria-label="View">
- *   <skdx-segmented-control-item value="list">List</skdx-segmented-control-item>
- *   <skdx-segmented-control-item value="grid">Grid</skdx-segmented-control-item>
- * </skdx-segmented-control>
- * ```
- */
-export declare class SkdxSegmentedControlItem extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Unique identifier compared against the group's selected value.
-     * @default ''
-     * @example
-     * ```html
-     * <skdx-segmented-control-item value="week">Week</skdx-segmented-control-item>
-     * ```
-     */
-    value: string;
-    /**
-     * Disables this segment, independent of the group's `disabled`. Stays in
-     * roving focus with aria-disabled and tabindex=-1 for screen reader discovery.
-     * Selection is refused in both the click and focus handlers.
-     * @default false
-     * @example
-     * ```html
-     * <skdx-segmented-control-item value="year" disabled>Year</skdx-segmented-control-item>
-     * ```
-     */
-    disabled: boolean;
-    private root;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(): void;
-    /** @internal Called by the parent `<skdx-segmented-control>` whenever its state changes. */
-    refresh(): void;
-    /** Whether this segment is the group's selected value. */
-    get checked(): boolean;
-    private get effectiveDisabled();
-    private _sync;
-    private readonly _handleClick;
-    private readonly _handleFocus;
-    private readonly _handleKeydown;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-segmented-control-item': SkdxSegmentedControlItem;
-    }
-}

package/dist/segmented-control/SegmentedControlItem.js

@@ -1,9 +0,0 @@
-var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(a,r,e,t)=>{for(var i=t>1?void 0:t?h(r,e):r,o=a.length-1,l;o>=0;o--)(l=a[o])&&(i=(t?l(r,e,i):l(i))||i);return t&&i&&c(r,e,i),i};import{css as u,html as b,LitElement as v}from"lit";import{property as n}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";var s=class extends v{constructor(){super(...arguments);this.value="";this.disabled=!1;this.root=null;this._handleClick=()=>{this.effectiveDisabled||this.root?.setValue(this.value,"pointer")};this._handleFocus=e=>{if(this.root&&!this.root.selectOnFocus)return;let t=e.relatedTarget;t?.getAttribute("role")==="radio"&&t.closest('[role="radiogroup"]')===this.closest('[role="radiogroup"]')&&(this.effectiveDisabled||this.root?.setValue(this.value,"keyboard"))};this._handleKeydown=e=>{e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.root?.selectOnFocus===!1&&(this.effectiveDisabled||this.root.setValue(this.value,"keyboard")))}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-segmented-control"),!this.root)throw new Error("<skdx-segmented-control-item> must be used inside <skdx-segmented-control>.");this.hasAttribute("disabled")&&(this.disabled=!0),this.setAttribute("role","radio"),this.setAttribute("data-skdx-segmented-control-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("focus",this._handleFocus),this.addEventListener("keydown",this._handleKeydown),this._sync()}disconnectedCallback(){this.removeEventListener("click",this._handleClick),this.removeEventListener("focus",this._handleFocus),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}updated(){this._sync()}refresh(){this._sync()}get checked(){return this.root?.getSelectedValue()===this.value}get effectiveDisabled(){return this.disabled||(this.root?.disabled??!1)}_sync(){let e=this.root,t=this.checked,i=this.effectiveDisabled;this.setAttribute("aria-checked",String(t)),this.setAttribute("data-state",t?"checked":"unchecked"),this.setAttribute("data-value",this.value),i?(this.setAttribute("aria-disabled","true"),this.setAttribute("data-disabled","")):(this.removeAttribute("aria-disabled"),this.removeAttribute("data-disabled")),this.removeAttribute("disabled");let o=e?.getSelectedValue()===void 0&&e?.getFirstEnabledValue()===this.value;this.tabIndex=!i&&(t||o)?0:-1}render(){return b`<slot></slot>`}};s.styles=u`
-    :host {
-      display: inline-block;
-      cursor: pointer;
-    }
-    :host([data-disabled]) {
-      cursor: default;
-    }
-  `,d([n({type:String,reflect:!0})],s.prototype,"value",2),d([n({type:Boolean,attribute:!1})],s.prototype,"disabled",2),s=d([f("skdx-segmented-control-item","segmented-control","item")],s);export{s as SkdxSegmentedControlItem};

package/dist/segmented-control/index.cjs

@@ -1 +0,0 @@
-"use strict";var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var o in e)r(t,o,{get:e[o],enumerable:!0})},S=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of C(e))!d.call(t,n)&&n!==o&&r(t,n,{get:()=>e[n],enumerable:!(a=l(e,n))||a.enumerable});return t};var p=t=>S(r({},"__esModule",{value:!0}),t);var i={};m(i,{SkdxSegmentedControl:()=>g.SkdxSegmentedControl});module.exports=p(i);var g=require("./SegmentedControl.cjs");0&&(module.exports={SkdxSegmentedControl});

package/dist/segmented-control/index.d.cts

@@ -1 +0,0 @@
-export { SkdxSegmentedControl, type SegmentedControlOrientation, type SegmentedControlChangeReason, type SegmentedControlValueChangeDetail, } from './SegmentedControl.cjs';

package/dist/segmented-control/index.d.ts

@@ -1 +0,0 @@
-export { SkdxSegmentedControl, type SegmentedControlOrientation, type SegmentedControlChangeReason, type SegmentedControlValueChangeDetail, } from './SegmentedControl.js';

package/dist/segmented-control/index.js

@@ -1 +0,0 @@
-import{SkdxSegmentedControl as n}from"./SegmentedControl.js";export{n as SkdxSegmentedControl};

package/dist/segmented-control/primitives.cjs

@@ -1 +0,0 @@
-"use strict";var d=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var k=(o,e)=>{for(var r in e)d(o,r,{get:e[r],enumerable:!0})},l=(o,e,r,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!g.call(o,t)&&t!==r&&d(o,t,{get:()=>e[t],enumerable:!(m=S(e,t))||m.enumerable});return o};var p=o=>l(d({},"__esModule",{value:!0}),o);var C={};k(C,{SkdxSegmentedControlIndicator:()=>x.SkdxSegmentedControlIndicator,SkdxSegmentedControlItem:()=>n.SkdxSegmentedControlItem});module.exports=p(C);var n=require("./SegmentedControlItem.cjs"),x=require("./SegmentedControlIndicator.cjs");0&&(module.exports={SkdxSegmentedControlIndicator,SkdxSegmentedControlItem});

package/dist/segmented-control/primitives.d.cts

@@ -1,18 +0,0 @@
-/**
- * Primitives for segmented-control (built from these elements). Use when anatomy's structure
- * doesn't fit. Imports from this path; tags are global.
- *
- * @example
- * ```ts
- * import * as SegmentedControl from '@skdx/web-components/primitives/segmented-control';
- * ```
- * ```html
- * <skdx-segmented-control default-value="week" aria-label="Date range">
- *   <skdx-segmented-control-indicator aria-hidden="true"></skdx-segmented-control-indicator>
- *   <skdx-segmented-control-item value="day">Day</skdx-segmented-control-item>
- *   <skdx-segmented-control-item value="week">Week</skdx-segmented-control-item>
- * </skdx-segmented-control>
- * ```
- */
-export { SkdxSegmentedControlItem } from './SegmentedControlItem.cjs';
-export { SkdxSegmentedControlIndicator } from './SegmentedControlIndicator.cjs';

package/dist/segmented-control/primitives.d.ts

@@ -1,18 +0,0 @@
-/**
- * Primitives for segmented-control (built from these elements). Use when anatomy's structure
- * doesn't fit. Imports from this path; tags are global.
- *
- * @example
- * ```ts
- * import * as SegmentedControl from '@skdx/web-components/primitives/segmented-control';
- * ```
- * ```html
- * <skdx-segmented-control default-value="week" aria-label="Date range">
- *   <skdx-segmented-control-indicator aria-hidden="true"></skdx-segmented-control-indicator>
- *   <skdx-segmented-control-item value="day">Day</skdx-segmented-control-item>
- *   <skdx-segmented-control-item value="week">Week</skdx-segmented-control-item>
- * </skdx-segmented-control>
- * ```
- */
-export { SkdxSegmentedControlItem } from './SegmentedControlItem.js';
-export { SkdxSegmentedControlIndicator } from './SegmentedControlIndicator.js';

package/dist/segmented-control/primitives.js

@@ -1 +0,0 @@
-import{SkdxSegmentedControlItem as t}from"./SegmentedControlItem.js";import{SkdxSegmentedControlIndicator as d}from"./SegmentedControlIndicator.js";export{d as SkdxSegmentedControlIndicator,t as SkdxSegmentedControlItem};

package/dist/separator/Separator.cjs

@@ -1,16 +0,0 @@
-"use strict";var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(r,t)=>{for(var i in t)l(r,i,{get:t[i],enumerable:!0})},y=(r,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!g.call(r,e)&&e!==i&&l(r,e,{get:()=>t[e],enumerable:!(n=h(t,e))||n.enumerable});return r};var H=r=>y(l({},"__esModule",{value:!0}),r),s=(r,t,i,n)=>{for(var e=n>1?void 0:n?h(t,i):t,d=r.length-1,m;d>=0;d--)(m=r[d])&&(e=(n?m(t,i,e):m(e))||e);return n&&e&&l(t,i,e),e};var L={};u(L,{SkdxSeparator:()=>o});module.exports=H(L);var a=require("lit"),c=require("lit/decorators.js"),p=require("../internal/define.cjs"),v=require("../internal/part.cjs"),b=require("../internal/styles.cjs");var o=class extends a.LitElement{constructor(){super(...arguments);this.orientation="horizontal";this.decorative=!1;this.ariaLabel=null}updated(){(0,v.reflectHostState)(this,{"data-orientation":this.orientation})}render(){let i=this.orientation==="vertical";return a.html`<hr
-      part="separator"
-      data-orientation=${this.orientation}
-      role=${this.decorative?"none":"separator"}
-      aria-orientation=${!this.decorative&&i?"vertical":a.nothing}
-      aria-label=${this.ariaLabel??a.nothing}
-    />`}};o.styles=[b.hiddenHostStyles,a.css`
-      :host {
-        display: block;
-      }
-      /* Host carries painted box; <hr> carries role. UA margins/borders reset here. */
-      hr {
-        margin: 0;
-        border: 0;
-      }
-    `],s([(0,c.property)({type:String,reflect:!0})],o.prototype,"orientation",2),s([(0,c.property)({type:Boolean,reflect:!0})],o.prototype,"decorative",2),s([(0,c.property)({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",2),o=s([(0,p.customElement)("skdx-separator","separator","root")],o);0&&(module.exports={SkdxSeparator});

package/dist/separator/Separator.d.cts

@@ -1,38 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Visual or semantic divider between content (shared contract implementation).
- * Renders `<hr>` with `role="separator"` and `aria-orientation` (vertical only),
- * or `role="none"` when `decorative`. Always exposes `data-orientation` for styling.
- * `<hr>` is the APG's HTML equivalent; explicit role lets `decorative` switch to `none`.
- *
- * @example
- * ```html
- * <p>Section one</p>
- * <skdx-separator></skdx-separator>
- * <p>Section two</p>
- * ```
- *
- * @csspart separator - The element carrying the separator's role/orientation.
- */
-export declare class SkdxSeparator extends LitElement {
-    static styles: import("lit").CSSResult[];
-    /** Layout axis. Always exposed as `data-orientation`; only exposed as `aria-orientation` when vertical and not decorative. */
-    orientation: 'horizontal' | 'vertical';
-    /** When true, the separator is purely visual and removed from the accessibility tree (`role="none"`). */
-    decorative: boolean;
-    /**
-     * Accessible name for the separator. Property overrides `ElementInternals.ariaLabel`
-     * (role lives on shadow `<hr>`, not host). No `aria-labelledby` counterpart
-     * (IDREFs resolve within light DOM only). Contract declares both; this package uses `aria-label`.
-     *
-     * @default null
-     */
-    ariaLabel: string | null;
-    protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-separator': SkdxSeparator;
-    }
-}

package/dist/separator/Separator.d.ts

@@ -1,38 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Visual or semantic divider between content (shared contract implementation).
- * Renders `<hr>` with `role="separator"` and `aria-orientation` (vertical only),
- * or `role="none"` when `decorative`. Always exposes `data-orientation` for styling.
- * `<hr>` is the APG's HTML equivalent; explicit role lets `decorative` switch to `none`.
- *
- * @example
- * ```html
- * <p>Section one</p>
- * <skdx-separator></skdx-separator>
- * <p>Section two</p>
- * ```
- *
- * @csspart separator - The element carrying the separator's role/orientation.
- */
-export declare class SkdxSeparator extends LitElement {
-    static styles: import("lit").CSSResult[];
-    /** Layout axis. Always exposed as `data-orientation`; only exposed as `aria-orientation` when vertical and not decorative. */
-    orientation: 'horizontal' | 'vertical';
-    /** When true, the separator is purely visual and removed from the accessibility tree (`role="none"`). */
-    decorative: boolean;
-    /**
-     * Accessible name for the separator. Property overrides `ElementInternals.ariaLabel`
-     * (role lives on shadow `<hr>`, not host). No `aria-labelledby` counterpart
-     * (IDREFs resolve within light DOM only). Contract declares both; this package uses `aria-label`.
-     *
-     * @default null
-     */
-    ariaLabel: string | null;
-    protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-separator': SkdxSeparator;
-    }
-}

package/dist/separator/Separator.js

@@ -1,16 +0,0 @@
-var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var o=(n,r,i,a)=>{for(var e=a>1?void 0:a?h(r,i):r,s=n.length-1,l;s>=0;s--)(l=n[s])&&(e=(a?l(r,i,e):l(e))||e);return a&&e&&m(r,i,e),e};import{css as p,html as v,LitElement as b,nothing as d}from"lit";import{property as c}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{reflectHostState as g}from"../internal/part.js";import{hiddenHostStyles as u}from"../internal/styles.js";var t=class extends b{constructor(){super(...arguments);this.orientation="horizontal";this.decorative=!1;this.ariaLabel=null}updated(){g(this,{"data-orientation":this.orientation})}render(){let i=this.orientation==="vertical";return v`<hr
-      part="separator"
-      data-orientation=${this.orientation}
-      role=${this.decorative?"none":"separator"}
-      aria-orientation=${!this.decorative&&i?"vertical":d}
-      aria-label=${this.ariaLabel??d}
-    />`}};t.styles=[u,p`
-      :host {
-        display: block;
-      }
-      /* Host carries painted box; <hr> carries role. UA margins/borders reset here. */
-      hr {
-        margin: 0;
-        border: 0;
-      }
-    `],o([c({type:String,reflect:!0})],t.prototype,"orientation",2),o([c({type:Boolean,reflect:!0})],t.prototype,"decorative",2),o([c({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",2),t=o([f("skdx-separator","separator","root")],t);export{t as SkdxSeparator};

package/dist/separator/index.cjs

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

package/dist/separator/index.d.cts

@@ -1 +0,0 @@
-export { SkdxSeparator } from './Separator.cjs';

package/dist/separator/index.d.ts

@@ -1 +0,0 @@
-export { SkdxSeparator } from './Separator.js';

package/dist/separator/index.js

@@ -1 +0,0 @@
-import{SkdxSeparator as a}from"./Separator.js";export{a as SkdxSeparator};

package/dist/skip-link/SkipLink.cjs

@@ -1,9 +0,0 @@
-"use strict";var l=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var g=i=>{throw TypeError(i)};var R=(i,e)=>{for(var t in e)l(i,t,{get:e[t],enumerable:!0})},$=(i,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of N(e))!O.call(i,s)&&s!==t&&l(i,s,{get:()=>e[s],enumerable:!(o=v(e,s))||o.enumerable});return i};var x=i=>$(l({},"__esModule",{value:!0}),i),d=(i,e,t,o)=>{for(var s=o>1?void 0:o?v(e,t):e,p=i.length-1,f;p>=0;p--)(f=i[p])&&(s=(o?f(e,t,s):f(s))||s);return o&&s&&l(e,t,s),s};var B=(i,e,t)=>e.has(i)||g("Cannot "+t);var b=(i,e,t)=>e.has(i)?g("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t);var m=(i,e,t)=>(B(i,e,"access private method"),t);var L={};R(L,{SkdxSkipLink:()=>r});module.exports=x(L);var h=require("lit"),c=require("lit/decorators.js"),E=require("../internal/define.cjs"),n=require("../internal/styles.cjs"),I=require("../internal/tabbable.cjs"),u=require("../utils/is-dev-mode.cjs");var y=[["position","absolute"],["width","1px"],["height","1px"],["overflow","hidden"],["clip-path","inset(50%)"],["white-space","nowrap"]],w=[["position","absolute"]],a,T,A,r=class extends h.LitElement{constructor(){super(...arguments);b(this,a);this.targetId="";this.visible=!1}willUpdate(){m(this,a,T).call(this)}focus(t){this.shadowRoot?.querySelector("a")?.focus(t)}focusTarget(){let t=document.getElementById(this.targetId);if(!t){(0,u.isDevMode)()&&console.warn(`[skdx] SkipLink: no element with id "${this.targetId}" was found, so the bypass did nothing. The hash still changed and the page may still have scrolled, which is why this failure is invisible without this warning. Give the page's main landmark id="${this.targetId}".`);return}t.hasAttribute("tabindex")||(t.setAttribute("tabindex","-1"),t.addEventListener("blur",()=>t.removeAttribute("tabindex"),{once:!0})),t.focus()}firstUpdated(){m(this,a,A).call(this)}render(){return h.html`<a
-      part="link"
-      href="#${this.targetId}"
-      data-state=${this.visible?"visible":"hidden"}
-      @click=${()=>this.focusTarget()}
-      @focus=${()=>{this.visible=!0}}
-      @blur=${()=>{this.visible=!1}}
-      ><slot></slot
-    ></a>`}};a=new WeakSet,T=function(){let t=this.style;for(let[o]of[...y,...w])t.removeProperty(o);for(let[o,s]of this.visible?w:y)t.setProperty(o,s)},A=function(){let t=Array.from(document.querySelectorAll(I.TABBABLE_SELECTOR)).find(o=>o!==this&&!this.contains(o)&&(this.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_PRECEDING)!==0);t&&(0,u.isDevMode)()&&console.warn(`[skdx] SkipLink: a focusable <${t.tagName.toLowerCase()}> precedes this skip link in the document, so it is not the first tab stop and does not bypass anything. Render the SkipLink as early as possible in <body>.`)},r.shadowRootOptions=n.delegatesFocusShadowRootOptions,r.styles=[n.hiddenHostStyles,n.controlBoxOnHost],d([(0,c.property)({type:String,attribute:"target-id",reflect:!0})],r.prototype,"targetId",2),d([(0,c.state)()],r.prototype,"visible",2),r=d([(0,E.customElement)("skdx-skip-link","skip-link","root")],r);0&&(module.exports={SkdxSkipLink});

package/dist/skip-link/SkipLink.d.cts

@@ -1,45 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * WCAG 2.4.1 bypass link: first focusable element on the page; Tab once to jump
- * past repeated navigation. Clipped hidden until focused (data-state="hidden"|"visible"),
- * then programmatically focuses the target. Host carries box (position: absolute),
- * so reveal never reflows the page.
- *
- * @example
- * ```html
- * <skdx-skip-link target-id="main-content">Skip to main content</skdx-skip-link>
- * <nav>…</nav>
- * <main id="main-content">…</main>
- * ```
- *
- * @csspart link - The anchor carrying href and data-state hook.
- */
-export declare class SkdxSkipLink extends LitElement {
-    #private;
-    static shadowRootOptions: ShadowRootInit;
-    /**
-     * Box on host as inline style. Must be on host (skin paints here) and inline
-     * (adopted stylesheet may not apply). Matches React's <a> styles for parity.
-     */
-    static styles: import("lit").CSSResult[];
-    /** The id of the element to jump to, usually the page's main landmark. */
-    targetId: string;
-    /** Whether the link currently holds focus, and is therefore on screen. */
-    private visible;
-    protected willUpdate(): void;
-    /** Focus the shadow <a> (host takes no focus). delegatesFocus alone insufficient. */
-    focus(options?: FocusOptions): void;
-    /**
-     * Move focus to target, making it focusable if needed. Without this, unfocusable
-     * targets like <main> leave focus on the link; bypass silently fails in many
-     * screen-reader combos. Add tabindex -1 only if target lacks one; remove on blur.
-     */
-    private focusTarget;
-    protected firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-skip-link': SkdxSkipLink;
-    }
-}

package/dist/skip-link/SkipLink.d.ts

@@ -1,45 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * WCAG 2.4.1 bypass link: first focusable element on the page; Tab once to jump
- * past repeated navigation. Clipped hidden until focused (data-state="hidden"|"visible"),
- * then programmatically focuses the target. Host carries box (position: absolute),
- * so reveal never reflows the page.
- *
- * @example
- * ```html
- * <skdx-skip-link target-id="main-content">Skip to main content</skdx-skip-link>
- * <nav>…</nav>
- * <main id="main-content">…</main>
- * ```
- *
- * @csspart link - The anchor carrying href and data-state hook.
- */
-export declare class SkdxSkipLink extends LitElement {
-    #private;
-    static shadowRootOptions: ShadowRootInit;
-    /**
-     * Box on host as inline style. Must be on host (skin paints here) and inline
-     * (adopted stylesheet may not apply). Matches React's <a> styles for parity.
-     */
-    static styles: import("lit").CSSResult[];
-    /** The id of the element to jump to, usually the page's main landmark. */
-    targetId: string;
-    /** Whether the link currently holds focus, and is therefore on screen. */
-    private visible;
-    protected willUpdate(): void;
-    /** Focus the shadow <a> (host takes no focus). delegatesFocus alone insufficient. */
-    focus(options?: FocusOptions): void;
-    /**
-     * Move focus to target, making it focusable if needed. Without this, unfocusable
-     * targets like <main> leave focus on the link; bypass silently fails in many
-     * screen-reader combos. Add tabindex -1 only if target lacks one; remove on blur.
-     */
-    private focusTarget;
-    protected firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-skip-link': SkdxSkipLink;
-    }
-}

package/dist/skip-link/SkipLink.js

@@ -1,9 +0,0 @@
-var b=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var c=i=>{throw TypeError(i)};var n=(i,e,t,o)=>{for(var s=o>1?void 0:o?y(e,t):e,l=i.length-1,d;l>=0;l--)(d=i[l])&&(s=(o?d(e,t,s):d(s))||s);return o&&s&&b(e,t,s),s};var w=(i,e,t)=>e.has(i)||c("Cannot "+t);var p=(i,e,t)=>e.has(i)?c("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t);var h=(i,e,t)=>(w(i,e,"access private method"),t);import{html as E,LitElement as I}from"lit";import{property as T,state as A}from"lit/decorators.js";import{customElement as N}from"../internal/define.js";import{controlBoxOnHost as O,delegatesFocusShadowRootOptions as R,hiddenHostStyles as $}from"../internal/styles.js";import{TABBABLE_SELECTOR as x}from"../internal/tabbable.js";import{isDevMode as f}from"../utils/is-dev-mode.js";var m=[["position","absolute"],["width","1px"],["height","1px"],["overflow","hidden"],["clip-path","inset(50%)"],["white-space","nowrap"]],u=[["position","absolute"]],a,v,g,r=class extends I{constructor(){super(...arguments);p(this,a);this.targetId="";this.visible=!1}willUpdate(){h(this,a,v).call(this)}focus(t){this.shadowRoot?.querySelector("a")?.focus(t)}focusTarget(){let t=document.getElementById(this.targetId);if(!t){f()&&console.warn(`[skdx] SkipLink: no element with id "${this.targetId}" was found, so the bypass did nothing. The hash still changed and the page may still have scrolled, which is why this failure is invisible without this warning. Give the page's main landmark id="${this.targetId}".`);return}t.hasAttribute("tabindex")||(t.setAttribute("tabindex","-1"),t.addEventListener("blur",()=>t.removeAttribute("tabindex"),{once:!0})),t.focus()}firstUpdated(){h(this,a,g).call(this)}render(){return E`<a
-      part="link"
-      href="#${this.targetId}"
-      data-state=${this.visible?"visible":"hidden"}
-      @click=${()=>this.focusTarget()}
-      @focus=${()=>{this.visible=!0}}
-      @blur=${()=>{this.visible=!1}}
-      ><slot></slot
-    ></a>`}};a=new WeakSet,v=function(){let t=this.style;for(let[o]of[...m,...u])t.removeProperty(o);for(let[o,s]of this.visible?u:m)t.setProperty(o,s)},g=function(){let t=Array.from(document.querySelectorAll(x)).find(o=>o!==this&&!this.contains(o)&&(this.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_PRECEDING)!==0);t&&f()&&console.warn(`[skdx] SkipLink: a focusable <${t.tagName.toLowerCase()}> precedes this skip link in the document, so it is not the first tab stop and does not bypass anything. Render the SkipLink as early as possible in <body>.`)},r.shadowRootOptions=R,r.styles=[$,O],n([T({type:String,attribute:"target-id",reflect:!0})],r.prototype,"targetId",2),n([A()],r.prototype,"visible",2),r=n([N("skdx-skip-link","skip-link","root")],r);export{r as SkdxSkipLink};

package/dist/skip-link/index.cjs

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

package/dist/skip-link/index.d.cts

@@ -1 +0,0 @@
-export { SkdxSkipLink } from './SkipLink.cjs';

package/dist/skip-link/index.d.ts

@@ -1 +0,0 @@
-export { SkdxSkipLink } from './SkipLink.js';

package/dist/skip-link/index.js

@@ -1 +0,0 @@
-import{SkdxSkipLink as o}from"./SkipLink.js";export{o as SkdxSkipLink};

package/dist/steps/Steps.cjs

@@ -1,33 +0,0 @@
-"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var S=(o,r)=>{for(var e in r)d(o,e,{get:r[e],enumerable:!0})},L=(o,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of y(r))!_.call(o,a)&&a!==e&&d(o,a,{get:()=>r[a],enumerable:!(t=c(r,a))||t.enumerable});return o};var A=o=>L(d({},"__esModule",{value:!0}),o),s=(o,r,e,t)=>{for(var a=t>1?void 0:t?c(r,e):r,p=o.length-1,u;p>=0;p--)(u=o[p])&&(a=(t?u(r,e,a):u(a))||a);return t&&a&&d(r,e,a),a};var I={};S(I,{SkdxSteps:()=>i});module.exports=A(I);var l=require("lit"),n=require("lit/decorators.js"),f=require("../internal/authored.cjs"),m=require("../internal/define.cjs"),b=require("../internal/part.cjs"),g=require("../utils/is-dev-mode.cjs"),v=require("./steps-core.cjs"),h=require("./StepsAnatomy.cjs");var i=class extends l.LitElement{constructor(){super(...arguments);this.orientation="horizontal";this.navigationMode="linear";this.completedLabel="Completed";this.currentLabel="Current step";this.incompleteLabel="Not completed";this.disabledLabel="Disabled";this.errorLabel="Error";this._items=[];this._triggers=new Set;this.fillAnatomy=()=>{(0,f.hasAuthoredParts)(this,h.STEPS_ANATOMY_GENERATED)||(0,h.fillStepsAnatomy)(this)}}connectedCallback(){super.connectedCallback(),this._uncontrolledValue===void 0&&(this._uncontrolledValue=this.defaultValue),queueMicrotask(this.fillAnatomy)}firstUpdated(){!this.getAttribute("aria-label")&&!this.getAttribute("aria-labelledby")&&(0,g.isDevMode)()&&console.warn('[skdx] Steps: the root <ol> has no accessible name. Give it an aria-label ("Checkout progress") or an aria-labelledby pointing at a visible heading \u2014 a list takes no name from its items, so the step captions inside cannot supply one.')}getCurrentValue(){return this.value!==void 0?this.value:this.current!==void 0?String(this.current):this._uncontrolledValue}statusLabel(e){return e==="completed"?this.completedLabel:e==="current"?this.currentLabel:e==="error"?this.errorLabel:e==="disabled"?this.disabledLabel:this.incompleteLabel}getItemState(e){return this._resolveItems().find(t=>t.value===e)}canActivate(e){return(0,v.canActivateStep)(this._resolveItems(),e,this.getCurrentValue(),this.navigationMode)}activate(e){this.canActivate(e)&&this.getCurrentValue()!==e&&(this.value===void 0&&(this._uncontrolledValue=e),this.dispatchEvent(new CustomEvent("value-change",{detail:e,bubbles:!0,composed:!0})),this._refreshDescendants())}registerItem(e){this._items.push(e)}unregisterItem(e){let t=this._items.indexOf(e);t!==-1&&this._items.splice(t,1)}registerTrigger(e){this._triggers.add(e)}unregisterTrigger(e){this._triggers.delete(e)}refreshDescendants(e){this._refreshDescendants(e)}_resolveItems(){return this._items.map(e=>({value:e.value,completed:e.completed,disabled:e.disabled}))}_refreshDescendants(e){for(let t of this._items)t!==e&&t.refresh();for(let t of this._triggers)t!==e&&t.refresh()}updated(e){(e.has("items")||e.has("current"))&&this.fillAnatomy(),e.has("current")&&this._refreshDescendants(),(e.has("value")||e.has("navigationMode")||e.has("orientation"))&&this._refreshDescendants(),(0,b.reflectHostState)(this,{"data-orientation":this.orientation})}render(){let e=this.getAttribute("aria-label"),t=this.getAttribute("aria-labelledby");return l.html`<ol
-      part="steps"
-      role="list"
-      aria-label=${e??l.nothing}
-      aria-labelledby=${t??l.nothing}
-      data-orientation=${this.orientation}
-    >
-      <slot @slotchange=${this.fillAnatomy}></slot>
-    </ol>`}};i.styles=l.css`
-    :host {
-      display: contents;
-    }
-
-    /*
-     * steps.css lays the strip out on .skdx-steps — the host here — but the
-     * slotted items are children of *this* list in the flattened tree, not of
-     * the host. So the skin's flex container held exactly one item (this
-     * <ol>), and the UA's block-level list stacked every step on its own
-     * line, indented by the UA's 40px list padding. Inheriting the container
-     * properties keeps the skin authoritative: the layout is still declared
-     * once, in the stylesheet, and this list only mirrors it — including the
-     * column direction the skin switches to for data-orientation=vertical.
-     */
-    ol {
-      display: inherit;
-      flex-direction: inherit;
-      align-items: inherit;
-      gap: inherit;
-      margin: 0;
-      padding: 0;
-      list-style: none;
-    }
-  `,s([(0,n.property)({type:String})],i.prototype,"value",2),s([(0,n.property)({type:String,attribute:"default-value"})],i.prototype,"defaultValue",2),s([(0,n.property)({attribute:!1})],i.prototype,"items",2),s([(0,n.property)({type:Number})],i.prototype,"current",2),s([(0,n.property)({type:String,reflect:!0})],i.prototype,"orientation",2),s([(0,n.property)({type:String,attribute:"navigation-mode"})],i.prototype,"navigationMode",2),s([(0,n.property)({type:String,attribute:"completed-label"})],i.prototype,"completedLabel",2),s([(0,n.property)({type:String,attribute:"current-label"})],i.prototype,"currentLabel",2),s([(0,n.property)({type:String,attribute:"incomplete-label"})],i.prototype,"incompleteLabel",2),s([(0,n.property)({type:String,attribute:"disabled-label"})],i.prototype,"disabledLabel",2),s([(0,n.property)({type:String,attribute:"error-label"})],i.prototype,"errorLabel",2),s([(0,n.state)()],i.prototype,"_uncontrolledValue",2),i=s([(0,m.customElement)("skdx-steps","steps","root")],i);0&&(module.exports={SkdxSteps});

package/dist/steps/Steps.d.cts

@@ -1,162 +0,0 @@
-import { LitElement } from 'lit';
-import { type StepsItemState, type StepsNavigationMode, type StepsOrientation, type StepStatus } from './steps-core.cjs';
-/** One step of a derived `<skdx-steps>`: the whole of what `items` takes. */
-export interface SkdxStepsStepDescriptor {
-    /** The step's caption — the trigger's text. */
-    label: string;
-    /** Supporting text below the caption. @default undefined — nothing is rendered. */
-    description?: string;
-}
-/** A registered step or trigger that can be told to re-sync its own host attributes. */
-export interface RefreshableStep {
-    refresh(): void;
-}
-/** The subset of `<skdx-steps-item>` the root needs in order to resolve step state. */
-export interface StepsItemLike extends RefreshableStep {
-    value: string;
-    completed: boolean;
-    disabled: boolean;
-}
-/**
- * Renders an `<ol>` list of steps with controlled or uncontrolled current step.
- * Provides context for nested `<skdx-steps-item>` / `<skdx-steps-trigger>` parts
- * via `this.closest()`. Derives steps from `items` or accepts hand-composed children.
- *
- * @example
- * ```html
- * <skdx-steps aria-label="Checkout progress" current="1"></skdx-steps>
- * ```
- * ```ts
- * steps.items = [{ label: 'Cart' }, { label: 'Shipping' }];
- * ```
- *
- * @csspart steps - The native `<ol>` element inside the shadow root.
- *
- * @fires value-change - Fired when the step changes. Suppressed for steps blocked by navigation mode or disabled state.
- */
-export declare class SkdxSteps extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Current step value for controlled usage. Listen for `value-change`.
-     * @default undefined — uncontrolled, tracks internally.
-     */
-    value?: string;
-    /**
-     * Initial current step value for uncontrolled usage.
-     * @default undefined — no step is current until one is activated.
-     */
-    defaultValue?: string;
-    /**
-     * Steps to derive as Item/Trigger pairs (property only).
-     * @default undefined — nothing is derived; hand-composed children are used.
-     */
-    items?: readonly SkdxStepsStepDescriptor[];
-    /**
-     * Index of the current step in `items`. Earlier steps derive as `completed`.
-     * This is the derived path's controlled value; `value` wins when both are set.
-     * @default undefined — no step is current, and only the first is reachable.
-     */
-    current?: number;
-    /**
-     * Layout axis, exposed as `data-orientation`. Styling hook only; no ARIA
-     * orientation or arrow-key handling.
-     * @default 'horizontal'
-     */
-    orientation: StepsOrientation;
-    /**
-     * `'linear'` restricts to completed, current, and next incomplete steps;
-     * `'non-linear'` allows any non-disabled step.
-     * @default 'linear'
-     */
-    navigationMode: StepsNavigationMode;
-    /**
-     * Visually-hidden status text for a completed step.
-     * @default 'Completed'
-     */
-    completedLabel: string;
-    /**
-     * Visually-hidden status text for the current step.
-     * @default 'Current step'
-     */
-    currentLabel: string;
-    /**
-     * Visually-hidden status text for a step that is neither completed nor current.
-     * @default 'Not completed'
-     */
-    incompleteLabel: string;
-    /**
-     * Visually-hidden status text for a disabled step.
-     * @default 'Disabled'
-     */
-    disabledLabel: string;
-    /**
-     * Visually-hidden status text for a step in an error state.
-     * @default 'Error'
-     */
-    errorLabel: string;
-    private _uncontrolledValue?;
-    private readonly _items;
-    private readonly _triggers;
-    connectedCallback(): void;
-    private readonly fillAnatomy;
-    /**
-     * The contract requires the root to be named — an `<ol>` has no
-     * accessible name of its own, so an unnamed step list is a region a
-     * screen-reader user meets with no idea what it tracks. Nothing enforced it,
-     * and the name is written on the *host* here (the `<ol>` lives in the shadow
-     * root), so that is where it is looked for. A warning, not an error: the page
-     * still works, less well.
-     */
-    protected firstUpdated(): void;
-    /** The current step's value, resolving controlled vs. uncontrolled. */
-    getCurrentValue(): string | undefined;
-    /**
-     * The visually-hidden text announced for a given status.
-     *
-     * A call `<skdx-steps-item>` / `<skdx-steps-trigger>` makes on its root, not consumer API. It stays `public` to the compiler because those are instances of different classes, which `protected` cannot express.
-     *
-     * @internal
-     */
-    statusLabel(status: StepStatus): string;
-    /**
-     * The registered step's live state, or `undefined` before it has registered.
-     *
-     * A call `<skdx-steps-item>` / `<skdx-steps-trigger>` makes on its root, not consumer API. It stays `public` to the compiler because those are instances of different classes, which `protected` cannot express.
-     *
-     * @internal
-     */
-    getItemState(value: string): StepsItemState | undefined;
-    /** Whether a trigger for `value` may activate its step under the current navigation mode. */
-    canActivate(value: string): boolean;
-    /** Activates `value` when {@link SkdxSteps.canActivate} allows it, firing `value-change`; a no-op otherwise. */
-    activate(value: string): void;
-    /** @internal Called by a mounting `<skdx-steps-item>`. */
-    registerItem(el: StepsItemLike): void;
-    /** @internal Called by an unmounting `<skdx-steps-item>`. */
-    unregisterItem(el: StepsItemLike): void;
-    /** @internal Called by a mounting `<skdx-steps-trigger>`. */
-    registerTrigger(el: RefreshableStep): void;
-    /** @internal Called by an unmounting `<skdx-steps-trigger>`. */
-    unregisterTrigger(el: RefreshableStep): void;
-    /**
-     * @internal Re-syncs every step and trigger. Called whenever the current
-     * step changes, and whenever a step's own `completed`/`disabled` changes —
-     * a step's completion moves the linear frontier, which every *other*
-     * trigger's blocked state depends on.
-     *
-     * `except` is the element asking from inside its own `updated()`. It has
-     * already re-synced itself and Lit is mid-render on it, so refreshing it
-     * would only `requestUpdate()` during an update — Lit's change-in-update
-     * warning, which the skin gallery logged on every load.
-     */
-    refreshDescendants(except?: StepsItemLike | RefreshableStep): void;
-    private _resolveItems;
-    private _refreshDescendants;
-    protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-steps': SkdxSteps;
-    }
-}