@skdx/web-components 0.27.0 → 0.29.0

package/dist/separator/Separator.d.cts

@@ -1,32 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-separator>` — the Web Components implementation of the shared
- * Separator contract (see `@skdx/shared`'s `separatorContract`). A visual
- * or semantic divider between content. Renders `role="separator"` with
- * `aria-orientation` (vertical only) by default, or `role="none"` (removed
- * from the accessibility tree) when `decorative`. Always exposes
- * `data-orientation` for styling via `skdx-separator::part(separator)`.
- *
- * @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;
-    protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-separator': SkdxSeparator;
-    }
-}

package/dist/separator/Separator.d.ts

@@ -1,32 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-separator>` — the Web Components implementation of the shared
- * Separator contract (see `@skdx/shared`'s `separatorContract`). A visual
- * or semantic divider between content. Renders `role="separator"` with
- * `aria-orientation` (vertical only) by default, or `role="none"` (removed
- * from the accessibility tree) when `decorative`. Always exposes
- * `data-orientation` for styling via `skdx-separator::part(separator)`.
- *
- * @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;
-    protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-separator': SkdxSeparator;
-    }
-}

package/dist/separator/Separator.js

@@ -1,10 +0,0 @@
-var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=(n,o,r,i)=>{for(var t=i>1?void 0:i?m(o,r):o,s=n.length-1,l;s>=0;s--)(l=n[s])&&(t=(i?l(o,r,t):l(t))||t);return i&&t&&d(o,r,t),t};import{css as p,html as v,LitElement as h,nothing as f}from"lit";import{property as c}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{reflectHostState as u}from"../internal/part.js";import{hiddenHostStyles as g}from"../internal/styles.js";var e=class extends h{constructor(){super(...arguments);this.orientation="horizontal";this.decorative=!1}updated(){u(this,{"data-orientation":this.orientation})}render(){let r=this.orientation==="vertical";return v`<div
-      part="separator"
-      data-orientation=${this.orientation}
-      role=${this.decorative?"none":"separator"}
-      aria-orientation=${!this.decorative&&r?"vertical":f}
-    ></div>`}};e.styles=[g,p`
-      :host {
-        display: block;
-      }
-    `],a([c({type:String,reflect:!0})],e.prototype,"orientation",2),a([c({type:Boolean,reflect:!0})],e.prototype,"decorative",2),e=a([y("skdx-separator","separator","root")],e);export{e 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 h=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var v=o=>{throw TypeError(o)};var T=(o,e)=>{for(var t in e)l(o,t,{get:e[t],enumerable:!0})},A=(o,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of I(e))!x.call(o,r)&&r!==t&&l(o,r,{get:()=>e[r],enumerable:!(s=h(e,r))||s.enumerable});return o};var R=o=>A(l({},"__esModule",{value:!0}),o),n=(o,e,t,s)=>{for(var r=s>1?void 0:s?h(e,t):e,p=o.length-1,f;p>=0;p--)(f=o[p])&&(r=(s?f(e,t,r):f(r))||r);return s&&r&&l(e,t,r),r};var $=(o,e,t)=>e.has(o)||v("Cannot "+t);var m=(o,e,t)=>e.has(o)?v("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t);var b=(o,e,t)=>($(o,e,"access private method"),t);var B={};T(B,{SkdxSkipLink:()=>i});module.exports=R(B);var c=require("lit"),u=require("lit/decorators.js"),E=require("../internal/define.cjs"),a=require("../internal/styles.cjs");var g=[["position","absolute"],["width","1px"],["height","1px"],["overflow","hidden"],["clip","rect(0, 0, 0, 0)"],["white-space","nowrap"]],y=[["position","absolute"],["top","0"],["left","0"],["z-index","999"]],d,w,i=class extends c.LitElement{constructor(){super(...arguments);m(this,d);this.targetId="";this.visible=!1}willUpdate(){b(this,d,w).call(this)}focus(t){this.shadowRoot?.querySelector("a")?.focus(t)}focusTarget(){let t=document.getElementById(this.targetId);t&&(t.hasAttribute("tabindex")||(t.setAttribute("tabindex","-1"),t.addEventListener("blur",()=>t.removeAttribute("tabindex"),{once:!0})),t.focus())}render(){return c.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>`}};d=new WeakSet,w=function(){let t=this.style;for(let[s]of[...g,...y])t.removeProperty(s);for(let[s,r]of this.visible?y:g)t.setProperty(s,r)},i.shadowRootOptions=a.delegatesFocusShadowRootOptions,i.styles=[a.hiddenHostStyles,a.controlBoxOnHost],n([(0,u.property)({type:String,attribute:"target-id",reflect:!0})],i.prototype,"targetId",2),n([(0,u.state)()],i.prototype,"visible",2),i=n([(0,E.customElement)("skdx-skip-link","skip-link","root")],i);0&&(module.exports={SkdxSkipLink});

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

@@ -1,95 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-skip-link>` — the Web Components implementation of the shared SkipLink
- * contract (see `@skdx/shared`'s `skipLinkContract`). The WCAG 2.4.1
- * bypass-block link: place it as the first focusable element on the page so a
- * keyboard or screen-reader user can Tab once and jump straight past repeated
- * navigation.
- *
- * It is clipped out of sight until focused and revealed while focused
- * (`data-state="hidden" | "visible"` on the `link` part), and on activation it
- * programmatically focuses `target-id` — see `#focusTarget` for why that
- * matters. The host carries the box (it is `position: absolute` in both states,
- * so revealing the link never reflows the page); see `static styles` for why it
- * is not `display: contents`.
- *
- * @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 itself, carrying the href and the data-state hook.
- */
-export declare class SkdxSkipLink extends LitElement {
-    #private;
-    static shadowRootOptions: ShadowRootInit;
-    /**
-     * The box lives on the host, and as an *inline* style.
-     *
-     * Two constraints, and only this placement satisfies both.
-     *
-     * It must be on the host, because the skin paints `.skdx-skip-link` there —
-     * position and clip at rest, and on focus the padding, fill, radius and shadow
-     * (`skins/src/components/skip-link.css:11-46`). This is the one root in the
-     * package whose skin rule sets no `display` of its own, so unlike
-     * `.skdx-command` and `.skdx-timeline` the outer tree never overrides a boxless
-     * host. Under `display: contents` every non-inherited declaration was dropped
-     * and the revealed link rendered as bare primary-coloured text on whatever sat
-     * at page top-left: measured `[0,0]` against React's `[1,1]` in
-     * `parity.spec.ts`.
-     *
-     * It must be inline, because a `:host` rule reaches this element only through
-     * Lit's adopted stylesheet — and an adopted stylesheet is exactly what does
-     * not always apply. Measured, not assumed: under happy-dom
-     * `getComputedStyle(host).position` reads `static` and `.width` reads `auto`
-     * with the `:host` rules in place, so a CSS-only hiding is invisible to every
-     * unit test in this package and `assertSkipLinkContract` could not see it at
-     * all. An earlier revision of this file moved the hiding into `:host` and
-     * recorded losing that robustness as a deliberate trade; it was not a good
-     * one, and three tests said so.
-     *
-     * So: the same two style objects React applies to its `<a>`
-     * (`react/src/skip-link/SkipLink.tsx:12-25`), applied here to the host, which
-     * is this framework's classed root. Same properties, same values, same
-     * cascade weight — a consumer's own rule still loses to both, identically.
-     * The skin's padding/fill/radius/shadow are untouched by them and still paint.
-     */
-    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;
-    /**
-     * Reaches through to the `<a>`, which is where focus — and therefore the
-     * reveal — actually lives.
-     *
-     * In the light-DOM frameworks the classed element *is* the anchor, so
-     * `skipLinkEl.focus()` brings it on screen. Here the class sits on a host
-     * that takes no focus of its own, so the same call did nothing and the
-     * reveal was unreachable programmatically —
-     * `delegatesFocus` alone does not cover it in every engine. Same pattern as
-     * `<skdx-combobox-input>` and the other host-wraps-a-control parts.
-     */
-    focus(options?: FocusOptions): void;
-    /**
-     * Moves focus to the target, making it focusable first if it isn't already.
-     *
-     * Without this, a bare `<a href="#main">` only changes the URL hash:
-     * `<main>` is not focusable, so in several browser + screen-reader
-     * combinations focus stays on the link and the next Tab lands back in the
-     * header — the bypass silently fails. The `tabindex` is only added when the
-     * target has none of its own (never clobber an author's value) and is
-     * removed again on the target's next blur, so the DOM is left exactly as it
-     * was found.
-     */
-    private focusTarget;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-skip-link': SkdxSkipLink;
-    }
-}

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

@@ -1,95 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-skip-link>` — the Web Components implementation of the shared SkipLink
- * contract (see `@skdx/shared`'s `skipLinkContract`). The WCAG 2.4.1
- * bypass-block link: place it as the first focusable element on the page so a
- * keyboard or screen-reader user can Tab once and jump straight past repeated
- * navigation.
- *
- * It is clipped out of sight until focused and revealed while focused
- * (`data-state="hidden" | "visible"` on the `link` part), and on activation it
- * programmatically focuses `target-id` — see `#focusTarget` for why that
- * matters. The host carries the box (it is `position: absolute` in both states,
- * so revealing the link never reflows the page); see `static styles` for why it
- * is not `display: contents`.
- *
- * @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 itself, carrying the href and the data-state hook.
- */
-export declare class SkdxSkipLink extends LitElement {
-    #private;
-    static shadowRootOptions: ShadowRootInit;
-    /**
-     * The box lives on the host, and as an *inline* style.
-     *
-     * Two constraints, and only this placement satisfies both.
-     *
-     * It must be on the host, because the skin paints `.skdx-skip-link` there —
-     * position and clip at rest, and on focus the padding, fill, radius and shadow
-     * (`skins/src/components/skip-link.css:11-46`). This is the one root in the
-     * package whose skin rule sets no `display` of its own, so unlike
-     * `.skdx-command` and `.skdx-timeline` the outer tree never overrides a boxless
-     * host. Under `display: contents` every non-inherited declaration was dropped
-     * and the revealed link rendered as bare primary-coloured text on whatever sat
-     * at page top-left: measured `[0,0]` against React's `[1,1]` in
-     * `parity.spec.ts`.
-     *
-     * It must be inline, because a `:host` rule reaches this element only through
-     * Lit's adopted stylesheet — and an adopted stylesheet is exactly what does
-     * not always apply. Measured, not assumed: under happy-dom
-     * `getComputedStyle(host).position` reads `static` and `.width` reads `auto`
-     * with the `:host` rules in place, so a CSS-only hiding is invisible to every
-     * unit test in this package and `assertSkipLinkContract` could not see it at
-     * all. An earlier revision of this file moved the hiding into `:host` and
-     * recorded losing that robustness as a deliberate trade; it was not a good
-     * one, and three tests said so.
-     *
-     * So: the same two style objects React applies to its `<a>`
-     * (`react/src/skip-link/SkipLink.tsx:12-25`), applied here to the host, which
-     * is this framework's classed root. Same properties, same values, same
-     * cascade weight — a consumer's own rule still loses to both, identically.
-     * The skin's padding/fill/radius/shadow are untouched by them and still paint.
-     */
-    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;
-    /**
-     * Reaches through to the `<a>`, which is where focus — and therefore the
-     * reveal — actually lives.
-     *
-     * In the light-DOM frameworks the classed element *is* the anchor, so
-     * `skipLinkEl.focus()` brings it on screen. Here the class sits on a host
-     * that takes no focus of its own, so the same call did nothing and the
-     * reveal was unreachable programmatically —
-     * `delegatesFocus` alone does not cover it in every engine. Same pattern as
-     * `<skdx-combobox-input>` and the other host-wraps-a-control parts.
-     */
-    focus(options?: FocusOptions): void;
-    /**
-     * Moves focus to the target, making it focusable first if it isn't already.
-     *
-     * Without this, a bare `<a href="#main">` only changes the URL hash:
-     * `<main>` is not focusable, so in several browser + screen-reader
-     * combinations focus stays on the link and the next Tab lands back in the
-     * header — the bypass silently fails. The `tabindex` is only added when the
-     * target has none of its own (never clobber an author's value) and is
-     * removed again on the target's next blur, so the DOM is left exactly as it
-     * was found.
-     */
-    private focusTarget;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-skip-link': SkdxSkipLink;
-    }
-}

package/dist/skip-link/SkipLink.js

@@ -1,9 +0,0 @@
-var m=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=o=>{throw TypeError(o)};var a=(o,e,t,s)=>{for(var r=s>1?void 0:s?b(e,t):e,n=o.length-1,d;n>=0;n--)(d=o[n])&&(r=(s?d(e,t,r):d(r))||r);return s&&r&&m(e,t,r),r};var g=(o,e,t)=>e.has(o)||c("Cannot "+t);var u=(o,e,t)=>e.has(o)?c("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t);var p=(o,e,t)=>(g(o,e,"access private method"),t);import{html as y,LitElement as E}from"lit";import{property as w,state as I}from"lit/decorators.js";import{customElement as x}from"../internal/define.js";import{controlBoxOnHost as T,delegatesFocusShadowRootOptions as A,hiddenHostStyles as R}from"../internal/styles.js";var f=[["position","absolute"],["width","1px"],["height","1px"],["overflow","hidden"],["clip","rect(0, 0, 0, 0)"],["white-space","nowrap"]],h=[["position","absolute"],["top","0"],["left","0"],["z-index","999"]],l,v,i=class extends E{constructor(){super(...arguments);u(this,l);this.targetId="";this.visible=!1}willUpdate(){p(this,l,v).call(this)}focus(t){this.shadowRoot?.querySelector("a")?.focus(t)}focusTarget(){let t=document.getElementById(this.targetId);t&&(t.hasAttribute("tabindex")||(t.setAttribute("tabindex","-1"),t.addEventListener("blur",()=>t.removeAttribute("tabindex"),{once:!0})),t.focus())}render(){return y`<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>`}};l=new WeakSet,v=function(){let t=this.style;for(let[s]of[...f,...h])t.removeProperty(s);for(let[s,r]of this.visible?h:f)t.setProperty(s,r)},i.shadowRootOptions=A,i.styles=[R,T],a([w({type:String,attribute:"target-id",reflect:!0})],i.prototype,"targetId",2),a([I()],i.prototype,"visible",2),i=a([x("skdx-skip-link","skip-link","root")],i);export{i 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,27 +0,0 @@
-"use strict";var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var v=(n,i)=>{for(var e in i)d(n,e,{get:i[e],enumerable:!0})},y=(n,i,e,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of g(i))!b.call(n,s)&&s!==e&&d(n,s,{get:()=>i[s],enumerable:!(t=u(i,s))||t.enumerable});return n};var _=n=>y(d({},"__esModule",{value:!0}),n),a=(n,i,e,t)=>{for(var s=t>1?void 0:t?u(i,e):i,h=n.length-1,p;h>=0;h--)(p=n[h])&&(s=(t?p(i,e,s):p(s))||s);return t&&s&&d(i,e,s),s};var L={};v(L,{SkdxSteps:()=>r});module.exports=_(L);var l=require("lit"),o=require("lit/decorators.js"),c=require("../internal/define.cjs"),m=require("../internal/part.cjs"),f=require("./steps-core.cjs");var r=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._items=[];this._triggers=new Set}connectedCallback(){super.connectedCallback(),this._uncontrolledValue===void 0&&(this._uncontrolledValue=this.defaultValue)}getCurrentValue(){return this.value!==void 0?this.value:this._uncontrolledValue}statusLabel(e){return e==="completed"?this.completedLabel:e==="current"?this.currentLabel:e==="disabled"?this.disabledLabel:this.incompleteLabel}getItemState(e){return this._resolveItems().find(t=>t.value===e)}canActivate(e){return(0,f.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("value")||e.has("navigationMode")||e.has("orientation"))&&this._refreshDescendants(),(0,m.reflectHostState)(this,{"data-orientation":this.orientation})}render(){return l.html`<ol part="steps" data-orientation=${this.orientation}>
-      <slot></slot>
-    </ol>`}};r.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;
-    }
-  `,a([(0,o.property)({type:String})],r.prototype,"value",2),a([(0,o.property)({type:String,attribute:"default-value"})],r.prototype,"defaultValue",2),a([(0,o.property)({type:String,reflect:!0})],r.prototype,"orientation",2),a([(0,o.property)({type:String,attribute:"navigation-mode"})],r.prototype,"navigationMode",2),a([(0,o.property)({type:String,attribute:"completed-label"})],r.prototype,"completedLabel",2),a([(0,o.property)({type:String,attribute:"current-label"})],r.prototype,"currentLabel",2),a([(0,o.property)({type:String,attribute:"incomplete-label"})],r.prototype,"incompleteLabel",2),a([(0,o.property)({type:String,attribute:"disabled-label"})],r.prototype,"disabledLabel",2),a([(0,o.state)()],r.prototype,"_uncontrolledValue",2),r=a([(0,c.customElement)("skdx-steps","steps","root")],r);0&&(module.exports={SkdxSteps});

package/dist/steps/Steps.d.cts

@@ -1,142 +0,0 @@
-import { LitElement } from 'lit';
-import { type StepsItemState, type StepsNavigationMode, type StepsOrientation, type StepStatus } from './steps-core.cjs';
-/** 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;
-}
-/**
- * `<skdx-steps>` — the Web Components implementation of the shared Steps
- * contract (see `@skdx/shared`'s `stepsContract`). Renders a real `<ol>`
- * inside shadow DOM (`:host { display: contents }`, the same technique
- * `<skdx-timeline>` uses) and owns which step is current;
- * `<skdx-steps-item>` and `<skdx-steps-trigger>` look it up via
- * `this.closest('skdx-steps')` (there is no cross-shadow-root context
- * mechanism in Web Components) and call its public methods directly.
- *
- * A Wizard is a *pattern* composed from Steps + Form + Dialog, not a
- * component.
- *
- * @example
- * ```html
- * <skdx-steps aria-label="Checkout progress" default-value="cart">
- *   <skdx-steps-item value="cart" completed>
- *     <skdx-steps-trigger value="cart">Cart</skdx-steps-trigger>
- *   </skdx-steps-item>
- *   <skdx-steps-item value="shipping">
- *     <skdx-steps-trigger value="shipping">Shipping</skdx-steps-trigger>
- *   </skdx-steps-item>
- * </skdx-steps>
- * ```
- *
- * @csspart steps - The native `<ol>` element inside the shadow root.
- *
- * @fires value-change - Fired with the `value` of the step that is now active. Suppressed for a step the current `linear`/`disabled` state does not allow activating.
- */
-export declare class SkdxSteps extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Current step's value, for controlled usage. Listen for `value-change`.
-     * @default undefined — uncontrolled, tracks its own current step internally.
-     */
-    value?: string;
-    /**
-     * Initially current step's value, for uncontrolled usage.
-     * @default undefined — no step is current until one is activated.
-     */
-    defaultValue?: string;
-    /**
-     * Layout axis, exposed as `data-orientation`. Purely a styling hook — each
-     * trigger is an ordinary tab stop, so there is no ARIA orientation and no
-     * arrow-key handling.
-     * @default 'horizontal'
-     */
-    orientation: StepsOrientation;
-    /**
-     * `'linear'` restricts triggers to completed steps, the current step, and
-     * the first not-yet-completed step. `'non-linear'` lets a trigger activate
-     * any step that is not itself disabled.
-     * @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;
-    private _uncontrolledValue?;
-    private readonly _items;
-    private readonly _triggers;
-    connectedCallback(): 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;
-    }
-}

package/dist/steps/Steps.d.ts

@@ -1,142 +0,0 @@
-import { LitElement } from 'lit';
-import { type StepsItemState, type StepsNavigationMode, type StepsOrientation, type StepStatus } from './steps-core.js';
-/** 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;
-}
-/**
- * `<skdx-steps>` — the Web Components implementation of the shared Steps
- * contract (see `@skdx/shared`'s `stepsContract`). Renders a real `<ol>`
- * inside shadow DOM (`:host { display: contents }`, the same technique
- * `<skdx-timeline>` uses) and owns which step is current;
- * `<skdx-steps-item>` and `<skdx-steps-trigger>` look it up via
- * `this.closest('skdx-steps')` (there is no cross-shadow-root context
- * mechanism in Web Components) and call its public methods directly.
- *
- * A Wizard is a *pattern* composed from Steps + Form + Dialog, not a
- * component.
- *
- * @example
- * ```html
- * <skdx-steps aria-label="Checkout progress" default-value="cart">
- *   <skdx-steps-item value="cart" completed>
- *     <skdx-steps-trigger value="cart">Cart</skdx-steps-trigger>
- *   </skdx-steps-item>
- *   <skdx-steps-item value="shipping">
- *     <skdx-steps-trigger value="shipping">Shipping</skdx-steps-trigger>
- *   </skdx-steps-item>
- * </skdx-steps>
- * ```
- *
- * @csspart steps - The native `<ol>` element inside the shadow root.
- *
- * @fires value-change - Fired with the `value` of the step that is now active. Suppressed for a step the current `linear`/`disabled` state does not allow activating.
- */
-export declare class SkdxSteps extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Current step's value, for controlled usage. Listen for `value-change`.
-     * @default undefined — uncontrolled, tracks its own current step internally.
-     */
-    value?: string;
-    /**
-     * Initially current step's value, for uncontrolled usage.
-     * @default undefined — no step is current until one is activated.
-     */
-    defaultValue?: string;
-    /**
-     * Layout axis, exposed as `data-orientation`. Purely a styling hook — each
-     * trigger is an ordinary tab stop, so there is no ARIA orientation and no
-     * arrow-key handling.
-     * @default 'horizontal'
-     */
-    orientation: StepsOrientation;
-    /**
-     * `'linear'` restricts triggers to completed steps, the current step, and
-     * the first not-yet-completed step. `'non-linear'` lets a trigger activate
-     * any step that is not itself disabled.
-     * @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;
-    private _uncontrolledValue?;
-    private readonly _items;
-    private readonly _triggers;
-    connectedCallback(): 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;
-    }
-}