@skdx/web-components 0.26.0

package/dist/avatar/AvatarImage.d.cts

@@ -0,0 +1,33 @@
+import { LitElement, nothing, type PropertyValues } from 'lit';
+/**
+ * `<skdx-avatar-image>` — loads `src` itself (independent of the `<img>`
+ * tag's native load event, mirroring `@skdx/react`'s `AvatarImage`) and
+ * only renders the `<img>` once it has finished loading successfully;
+ * renders nothing while idle, loading, or on error, so a sibling
+ * `<skdx-avatar-fallback>` shows through instead. Must be used inside
+ * `<skdx-avatar>`.
+ *
+ * @fires loading-status-change - Fires with the new status whenever the image's loading status changes.
+ * @csspart image - The inner `<img>` element inside the shadow root.
+ */
+export declare class SkdxAvatarImage extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Image source. A missing/empty src is treated as an error. */
+    src: string;
+    /** Accessible name for the image once loaded. */
+    alt: string;
+    private avatarAncestor;
+    private active;
+    private readonly onRootUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    private loadImage;
+    private setStatus;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-avatar-image': SkdxAvatarImage;
+    }
+}

package/dist/avatar/AvatarImage.d.ts

@@ -0,0 +1,33 @@
+import { LitElement, nothing, type PropertyValues } from 'lit';
+/**
+ * `<skdx-avatar-image>` — loads `src` itself (independent of the `<img>`
+ * tag's native load event, mirroring `@skdx/react`'s `AvatarImage`) and
+ * only renders the `<img>` once it has finished loading successfully;
+ * renders nothing while idle, loading, or on error, so a sibling
+ * `<skdx-avatar-fallback>` shows through instead. Must be used inside
+ * `<skdx-avatar>`.
+ *
+ * @fires loading-status-change - Fires with the new status whenever the image's loading status changes.
+ * @csspart image - The inner `<img>` element inside the shadow root.
+ */
+export declare class SkdxAvatarImage extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Image source. A missing/empty src is treated as an error. */
+    src: string;
+    /** Accessible name for the image once loaded. */
+    alt: string;
+    private avatarAncestor;
+    private active;
+    private readonly onRootUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    private loadImage;
+    private setStatus;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-avatar-image': SkdxAvatarImage;
+    }
+}

package/dist/avatar/AvatarImage.js

@@ -0,0 +1,5 @@
+var c=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(o,r,t,s)=>{for(var e=s>1?void 0:s?v(r,t):r,n=o.length-1,d;n>=0;n--)(d=o[n])&&(e=(s?d(r,t,e):d(e))||e);return s&&e&&c(r,t,e),e};import{css as p,html as h,LitElement as u,nothing as m}from"lit";import{property as l}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";var a=class extends u{constructor(){super(...arguments);this.src="";this.alt="";this.avatarAncestor=null;this.active=!1;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.avatarAncestor=this.closest("skdx-avatar"),!this.avatarAncestor)throw new Error("<skdx-avatar-image> must be used inside <skdx-avatar>.");this.avatarAncestor.addEventListener("skdx-avatar-internal-update",this.onRootUpdate),this.loadImage()}disconnectedCallback(){this.avatarAncestor?.removeEventListener("skdx-avatar-internal-update",this.onRootUpdate),this.active=!1,super.disconnectedCallback()}updated(t){t.has("src")&&t.get("src")!==void 0&&this.loadImage()}loadImage(){if(this.active=!1,!this.src){this.setStatus("error");return}this.active=!0;let t=new Image;this.setStatus("loading"),t.onload=()=>{this.active&&this.setStatus("loaded")},t.onerror=()=>{this.active&&this.setStatus("error")},t.src=this.src}setStatus(t){this.dispatchEvent(new CustomEvent("loading-status-change",{detail:t,bubbles:!0,composed:!0})),this.avatarAncestor?.setImageLoadingStatus(t)}render(){return this.avatarAncestor?.imageLoadingStatus!=="loaded"?m:h`<img part="image" src=${this.src} alt=${this.alt} />`}};a.styles=p`
+    :host {
+      display: contents;
+    }
+  `,i([l({type:String,reflect:!0})],a.prototype,"src",2),i([l({type:String,reflect:!0})],a.prototype,"alt",2),a=i([g("skdx-avatar-image","avatar","image")],a);export{a as SkdxAvatarImage};

package/dist/avatar/index.cjs

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

package/dist/avatar/index.d.cts

@@ -0,0 +1,3 @@
+export { SkdxAvatar } from './Avatar.cjs';
+export { SkdxAvatarImage } from './AvatarImage.cjs';
+export { SkdxAvatarFallback } from './AvatarFallback.cjs';

package/dist/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { SkdxAvatar } from './Avatar.js';
+export { SkdxAvatarImage } from './AvatarImage.js';
+export { SkdxAvatarFallback } from './AvatarFallback.js';

package/dist/avatar/index.js

@@ -0,0 +1 @@
+import{SkdxAvatar as o}from"./Avatar.js";import{SkdxAvatarImage as x}from"./AvatarImage.js";import{SkdxAvatarFallback as k}from"./AvatarFallback.js";export{o as SkdxAvatar,k as SkdxAvatarFallback,x as SkdxAvatarImage};

package/dist/badge/Badge.cjs

@@ -0,0 +1,9 @@
+"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(r,e)=>{for(var o in e)n(r,o,{get:e[o],enumerable:!0})},y=(r,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!h.call(r,t)&&t!==o&&n(r,t,{get:()=>e[t],enumerable:!(s=p(e,t))||s.enumerable});return r};var E=r=>y(n({},"__esModule",{value:!0}),r),c=(r,e,o,s)=>{for(var t=s>1?void 0:s?p(e,o):e,a=r.length-1,m;a>=0;a--)(m=r[a])&&(t=(s?m(e,o,t):m(t))||t);return s&&t&&n(e,o,t),t};var u={};g(u,{SkdxBadge:()=>i});module.exports=E(u);var l=require("lit"),d=require("../internal/define.cjs"),b=require("../internal/styles.cjs");var i=class extends l.LitElement{render(){return l.html`<span part="badge"><slot></slot></span>`}};i.styles=[b.hiddenHostStyles,l.css`
+      :host {
+        display: inline-block;
+      }
+      span {
+        font: inherit;
+        color: inherit;
+      }
+    `],i=c([(0,d.customElement)("skdx-badge","badge","root")],i);0&&(module.exports={SkdxBadge});

package/dist/badge/Badge.d.cts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-badge>` — the Web Components implementation of the shared Badge
+ * contract (see `@skdx/shared`'s `badgeContract`). Renders a `<span>` in
+ * shadow DOM: no component-specific properties, no visual style — style
+ * the inner span with `skdx-badge::part(badge)`.
+ *
+ * @example
+ * ```html
+ * <skdx-badge class="badge-success">Active</skdx-badge>
+ * ```
+ *
+ * @csspart badge - The inner `<span>` element inside the shadow root.
+ */
+export declare class SkdxBadge extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-badge': SkdxBadge;
+    }
+}

package/dist/badge/Badge.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-badge>` — the Web Components implementation of the shared Badge
+ * contract (see `@skdx/shared`'s `badgeContract`). Renders a `<span>` in
+ * shadow DOM: no component-specific properties, no visual style — style
+ * the inner span with `skdx-badge::part(badge)`.
+ *
+ * @example
+ * ```html
+ * <skdx-badge class="badge-success">Active</skdx-badge>
+ * ```
+ *
+ * @csspart badge - The inner `<span>` element inside the shadow root.
+ */
+export declare class SkdxBadge extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-badge': SkdxBadge;
+    }
+}

package/dist/badge/Badge.js

@@ -0,0 +1,9 @@
+var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(s,r,i,o)=>{for(var e=o>1?void 0:o?p(r,i):r,l=s.length-1,n;l>=0;l--)(n=s[l])&&(e=(o?n(r,i,e):n(e))||e);return o&&e&&m(r,i,e),e};import{css as c,html as d,LitElement as b}from"lit";import{customElement as f}from"../internal/define.js";import{hiddenHostStyles as h}from"../internal/styles.js";var t=class extends b{render(){return d`<span part="badge"><slot></slot></span>`}};t.styles=[h,c`
+      :host {
+        display: inline-block;
+      }
+      span {
+        font: inherit;
+        color: inherit;
+      }
+    `],t=a([f("skdx-badge","badge","root")],t);export{t as SkdxBadge};

package/dist/badge/index.cjs

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

package/dist/badge/index.d.cts

@@ -0,0 +1 @@
+export { SkdxBadge } from './Badge.cjs';

package/dist/badge/index.d.ts

@@ -0,0 +1 @@
+export { SkdxBadge } from './Badge.js';

package/dist/badge/index.js

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

package/dist/breadcrumb/Breadcrumb.cjs

@@ -0,0 +1,9 @@
+"use strict";var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var u=(t,r)=>{for(var a in r)s(t,a,{get:r[a],enumerable:!0})},y=(t,r,a,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of h(r))!v.call(t,e)&&e!==a&&s(t,e,{get:()=>r[e],enumerable:!(o=p(r,e))||o.enumerable});return t};var g=t=>y(s({},"__esModule",{value:!0}),t),b=(t,r,a,o)=>{for(var e=o>1?void 0:o?p(r,a):r,n=t.length-1,m;n>=0;n--)(m=t[n])&&(e=(o?m(r,a,e):m(e))||e);return o&&e&&s(r,a,e),e};var L={};u(L,{SkdxBreadcrumb:()=>i});module.exports=g(L);var l=require("lit"),c=require("lit/decorators.js"),d=require("../internal/define.cjs"),f=require("../internal/styles.cjs");var i=class extends l.LitElement{constructor(){super(...arguments);this.ariaLabel="Breadcrumb"}render(){return l.html`<nav part="root" aria-label=${this.ariaLabel||"Breadcrumb"}><slot></slot></nav>`}};i.styles=[f.hiddenHostStyles,l.css`
+      :host {
+        display: block;
+      }
+      nav {
+        font: inherit;
+        color: inherit;
+      }
+    `],b([(0,c.property)({type:String,attribute:"aria-label"})],i.prototype,"ariaLabel",2),i=b([(0,d.customElement)("skdx-breadcrumb","breadcrumb","root")],i);0&&(module.exports={SkdxBreadcrumb});

package/dist/breadcrumb/Breadcrumb.d.cts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb>` — the Web Components implementation of the shared
+ * Breadcrumb contract (see `@skdx/shared`'s `breadcrumbContract`). Renders
+ * a `<nav>` in shadow DOM labelled `"Breadcrumb"` by default (override via
+ * the `aria-label` attribute) — purely structural, no shared state.
+ *
+ * @example
+ * ```html
+ * <skdx-breadcrumb>
+ *   <skdx-breadcrumb-list>
+ *     <skdx-breadcrumb-item><skdx-breadcrumb-link href="/">Home</skdx-breadcrumb-link></skdx-breadcrumb-item>
+ *     <skdx-breadcrumb-separator></skdx-breadcrumb-separator>
+ *     <skdx-breadcrumb-item><skdx-breadcrumb-page>Docs</skdx-breadcrumb-page></skdx-breadcrumb-item>
+ *   </skdx-breadcrumb-list>
+ * </skdx-breadcrumb>
+ * ```
+ *
+ * @csspart root - The inner `<nav>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumb extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Accessible label announced for the whole breadcrumb trail. @default 'Breadcrumb' */
+    ariaLabel: string | null;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb': SkdxBreadcrumb;
+    }
+}

package/dist/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb>` — the Web Components implementation of the shared
+ * Breadcrumb contract (see `@skdx/shared`'s `breadcrumbContract`). Renders
+ * a `<nav>` in shadow DOM labelled `"Breadcrumb"` by default (override via
+ * the `aria-label` attribute) — purely structural, no shared state.
+ *
+ * @example
+ * ```html
+ * <skdx-breadcrumb>
+ *   <skdx-breadcrumb-list>
+ *     <skdx-breadcrumb-item><skdx-breadcrumb-link href="/">Home</skdx-breadcrumb-link></skdx-breadcrumb-item>
+ *     <skdx-breadcrumb-separator></skdx-breadcrumb-separator>
+ *     <skdx-breadcrumb-item><skdx-breadcrumb-page>Docs</skdx-breadcrumb-page></skdx-breadcrumb-item>
+ *   </skdx-breadcrumb-list>
+ * </skdx-breadcrumb>
+ * ```
+ *
+ * @csspart root - The inner `<nav>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumb extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Accessible label announced for the whole breadcrumb trail. @default 'Breadcrumb' */
+    ariaLabel: string | null;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb': SkdxBreadcrumb;
+    }
+}

package/dist/breadcrumb/Breadcrumb.js

@@ -0,0 +1,9 @@
+var m=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var n=(o,t,i,a)=>{for(var r=a>1?void 0:a?b(t,i):t,l=o.length-1,s;l>=0;l--)(s=o[l])&&(r=(a?s(t,i,r):s(r))||r);return a&&r&&m(t,i,r),r};import{css as p,html as c,LitElement as d}from"lit";import{property as f}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{hiddenHostStyles as v}from"../internal/styles.js";var e=class extends d{constructor(){super(...arguments);this.ariaLabel="Breadcrumb"}render(){return c`<nav part="root" aria-label=${this.ariaLabel||"Breadcrumb"}><slot></slot></nav>`}};e.styles=[v,p`
+      :host {
+        display: block;
+      }
+      nav {
+        font: inherit;
+        color: inherit;
+      }
+    `],n([f({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",2),e=n([h("skdx-breadcrumb","breadcrumb","root")],e);export{e as SkdxBreadcrumb};

package/dist/breadcrumb/BreadcrumbEllipsis.cjs

@@ -0,0 +1,9 @@
+"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var u=(r,e)=>{for(var s in e)n(r,s,{get:e[s],enumerable:!0})},y=(r,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of b(e))!f.call(r,t)&&t!==s&&n(r,t,{get:()=>e[t],enumerable:!(i=p(e,t))||i.enumerable});return r};var g=r=>y(n({},"__esModule",{value:!0}),r),d=(r,e,s,i)=>{for(var t=i>1?void 0:i?p(e,s):e,a=r.length-1,m;a>=0;a--)(m=r[a])&&(t=(i?m(e,s,t):m(t))||t);return i&&t&&n(e,s,t),t};var v={};u(v,{SkdxBreadcrumbEllipsis:()=>o});module.exports=g(v);var l=require("lit"),c=require("../internal/define.cjs"),h=require("../internal/styles.cjs");var o=class extends l.LitElement{render(){return l.html`<span part="ellipsis" role="presentation" aria-hidden="true"><slot>…</slot></span>`}};o.styles=[h.hiddenHostStyles,l.css`
+      :host {
+        display: inline-block;
+      }
+      span {
+        font: inherit;
+        color: inherit;
+      }
+    `],o=d([(0,c.customElement)("skdx-breadcrumb-ellipsis","breadcrumb","ellipsis")],o);0&&(module.exports={SkdxBreadcrumbEllipsis});

package/dist/breadcrumb/BreadcrumbEllipsis.d.cts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-ellipsis>` — placeholder standing in for collapsed
+ * middle items in a long trail: renders a `<span role="presentation"
+ * aria-hidden="true">`. Defaults to `…`; slot content overrides the glyph.
+ *
+ * Decorative only — never slot an interactive trigger (a menu button revealing
+ * the collapsed items) into it. Interactive content in an `aria-hidden`
+ * subtree is unreachable to screen readers while still being tab-focusable.
+ * When the collapsed items are reachable, put a real menu trigger in the
+ * `<skdx-breadcrumb-item>` instead.
+ *
+ * @csspart ellipsis - The inner `<span>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbEllipsis extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-ellipsis': SkdxBreadcrumbEllipsis;
+    }
+}

package/dist/breadcrumb/BreadcrumbEllipsis.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-ellipsis>` — placeholder standing in for collapsed
+ * middle items in a long trail: renders a `<span role="presentation"
+ * aria-hidden="true">`. Defaults to `…`; slot content overrides the glyph.
+ *
+ * Decorative only — never slot an interactive trigger (a menu button revealing
+ * the collapsed items) into it. Interactive content in an `aria-hidden`
+ * subtree is unreachable to screen readers while still being tab-focusable.
+ * When the collapsed items are reachable, put a real menu trigger in the
+ * `<skdx-breadcrumb-item>` instead.
+ *
+ * @csspart ellipsis - The inner `<span>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbEllipsis extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-ellipsis': SkdxBreadcrumbEllipsis;
+    }
+}

package/dist/breadcrumb/BreadcrumbEllipsis.js

@@ -0,0 +1,9 @@
+var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(i,r,o,s)=>{for(var e=s>1?void 0:s?p(r,o):r,l=i.length-1,n;l>=0;l--)(n=i[l])&&(e=(s?n(r,o,e):n(e))||e);return s&&e&&m(r,o,e),e};import{css as d,html as c,LitElement as h}from"lit";import{customElement as b}from"../internal/define.js";import{hiddenHostStyles as f}from"../internal/styles.js";var t=class extends h{render(){return c`<span part="ellipsis" role="presentation" aria-hidden="true"><slot>…</slot></span>`}};t.styles=[f,d`
+      :host {
+        display: inline-block;
+      }
+      span {
+        font: inherit;
+        color: inherit;
+      }
+    `],t=a([b("skdx-breadcrumb-ellipsis","breadcrumb","ellipsis")],t);export{t as SkdxBreadcrumbEllipsis};

package/dist/breadcrumb/BreadcrumbItem.cjs

@@ -0,0 +1,11 @@
+"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var u=(i,e)=>{for(var l in e)s(i,l,{get:e[l],enumerable:!0})},v=(i,e,l,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!h.call(i,t)&&t!==l&&s(i,t,{get:()=>e[t],enumerable:!(r=m(e,t))||r.enumerable});return i};var y=i=>v(s({},"__esModule",{value:!0}),i),d=(i,e,l,r)=>{for(var t=r>1?void 0:r?m(e,l):e,a=i.length-1,c;a>=0;a--)(c=i[a])&&(t=(r?c(e,l,t):c(t))||t);return r&&t&&s(e,l,t),t};var g={};u(g,{SkdxBreadcrumbItem:()=>o});module.exports=y(g);var n=require("lit"),p=require("../internal/define.cjs"),b=require("../internal/styles.cjs");var o=class extends n.LitElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}render(){return n.html`<li part="item" role="none"><slot></slot></li>`}};o.styles=[b.hiddenHostStyles,n.css`
+      :host {
+        display: inline-block;
+      }
+      li {
+        font: inherit;
+        color: inherit;
+        display: inline-flex;
+        align-items: center;
+      }
+    `],o=d([(0,p.customElement)("skdx-breadcrumb-item","breadcrumb","item")],o);0&&(module.exports={SkdxBreadcrumbItem});

package/dist/breadcrumb/BreadcrumbItem.d.cts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-item>` — a single entry in the trail, typically wrapping
+ * a `<skdx-breadcrumb-link>` or a `<skdx-breadcrumb-page>`. Renders an `<li>`
+ * in shadow DOM.
+ *
+ * @csspart item - The inner `<li>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-item': SkdxBreadcrumbItem;
+    }
+}

package/dist/breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-item>` — a single entry in the trail, typically wrapping
+ * a `<skdx-breadcrumb-link>` or a `<skdx-breadcrumb-page>`. Renders an `<li>`
+ * in shadow DOM.
+ *
+ * @csspart item - The inner `<li>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-item': SkdxBreadcrumbItem;
+    }
+}

package/dist/breadcrumb/BreadcrumbItem.js

@@ -0,0 +1,11 @@
+var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=(r,i,o,l)=>{for(var e=l>1?void 0:l?m(i,o):i,n=r.length-1,s;n>=0;n--)(s=r[n])&&(e=(l?s(i,o,e):s(e))||e);return l&&e&&c(i,o,e),e};import{css as d,html as p,LitElement as b}from"lit";import{customElement as f}from"../internal/define.js";import{hiddenHostStyles as h}from"../internal/styles.js";var t=class extends b{connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}render(){return p`<li part="item" role="none"><slot></slot></li>`}};t.styles=[h,d`
+      :host {
+        display: inline-block;
+      }
+      li {
+        font: inherit;
+        color: inherit;
+        display: inline-flex;
+        align-items: center;
+      }
+    `],t=a([f("skdx-breadcrumb-item","breadcrumb","item")],t);export{t as SkdxBreadcrumbItem};

package/dist/breadcrumb/BreadcrumbLink.cjs

@@ -0,0 +1,9 @@
+"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var b=(o,t)=>{for(var r in t)a(o,r,{get:t[r],enumerable:!0})},v=(o,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of g(t))!y.call(o,e)&&e!==r&&a(o,e,{get:()=>t[e],enumerable:!(l=c(t,e))||l.enumerable});return o};var E=o=>v(a({},"__esModule",{value:!0}),o),m=(o,t,r,l)=>{for(var e=l>1?void 0:l?c(t,r):t,p=o.length-1,h;p>=0;p--)(h=o[p])&&(e=(l?h(t,r,e):h(e))||e);return l&&e&&a(t,r,e),e};var H={};b(H,{SkdxBreadcrumbLink:()=>s});module.exports=E(H);var i=require("lit"),f=require("lit/decorators.js"),d=require("../internal/define.cjs"),n=require("../internal/styles.cjs");var s=class extends i.LitElement{constructor(){super(...arguments);this.href=""}render(){return i.html`<a part="link" href=${this.href||i.nothing}><slot></slot></a>`}};s.shadowRootOptions=n.delegatesFocusShadowRootOptions,s.styles=[n.hiddenHostStyles,i.css`
+      :host {
+        display: inline-block;
+      }
+      a {
+        font: inherit;
+        color: inherit;
+      }
+    `,n.controlBoxOnHost],m([(0,f.property)({type:String,reflect:!0})],s.prototype,"href",2),s=m([(0,d.customElement)("skdx-breadcrumb-link","breadcrumb","link")],s);0&&(module.exports={SkdxBreadcrumbLink});

package/dist/breadcrumb/BreadcrumbLink.d.cts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-link>` — a navigable ancestor in the trail. Renders a
+ * plain `<a>` in shadow DOM; set `href` for actual navigation.
+ *
+ * @example
+ * ```html
+ * <skdx-breadcrumb-item><skdx-breadcrumb-link href="/">Home</skdx-breadcrumb-link></skdx-breadcrumb-item>
+ * ```
+ *
+ * @csspart link - The inner `<a>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbLink extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /** URL this breadcrumb entry navigates to when clicked. @default '' */
+    href: string;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-link': SkdxBreadcrumbLink;
+    }
+}

package/dist/breadcrumb/BreadcrumbLink.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-link>` — a navigable ancestor in the trail. Renders a
+ * plain `<a>` in shadow DOM; set `href` for actual navigation.
+ *
+ * @example
+ * ```html
+ * <skdx-breadcrumb-item><skdx-breadcrumb-link href="/">Home</skdx-breadcrumb-link></skdx-breadcrumb-item>
+ * ```
+ *
+ * @csspart link - The inner `<a>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbLink extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /** URL this breadcrumb entry navigates to when clicked. @default '' */
+    href: string;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-link': SkdxBreadcrumbLink;
+    }
+}

package/dist/breadcrumb/BreadcrumbLink.js

@@ -0,0 +1,9 @@
+var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(s,o,i,r)=>{for(var t=r>1?void 0:r?h(o,i):o,l=s.length-1,n;l>=0;l--)(n=s[l])&&(t=(r?n(o,i,t):n(t))||t);return r&&t&&p(o,i,t),t};import{css as m,html as c,LitElement as f,nothing as d}from"lit";import{property as g}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{controlBoxOnHost as b,delegatesFocusShadowRootOptions as v,hiddenHostStyles as E}from"../internal/styles.js";var e=class extends f{constructor(){super(...arguments);this.href=""}render(){return c`<a part="link" href=${this.href||d}><slot></slot></a>`}};e.shadowRootOptions=v,e.styles=[E,m`
+      :host {
+        display: inline-block;
+      }
+      a {
+        font: inherit;
+        color: inherit;
+      }
+    `,b],a([g({type:String,reflect:!0})],e.prototype,"href",2),e=a([y("skdx-breadcrumb-link","breadcrumb","link")],e);export{e as SkdxBreadcrumbLink};

package/dist/breadcrumb/BreadcrumbList.cjs

@@ -0,0 +1,14 @@
+"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(l,e)=>{for(var o in e)n(l,o,{get:e[o],enumerable:!0})},y=(l,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!h.call(l,t)&&t!==o&&n(l,t,{get:()=>e[t],enumerable:!(r=d(e,t))||r.enumerable});return l};var E=l=>y(n({},"__esModule",{value:!0}),l),c=(l,e,o,r)=>{for(var t=r>1?void 0:r?d(e,o):e,m=l.length-1,a;m>=0;m--)(a=l[m])&&(t=(r?a(e,o,t):a(t))||t);return r&&t&&n(e,o,t),t};var u={};g(u,{SkdxBreadcrumbList:()=>s});module.exports=E(u);var i=require("lit"),p=require("../internal/define.cjs"),b=require("../internal/styles.cjs");var s=class extends i.LitElement{render(){return i.html`<ol part="list">
+      <slot></slot>
+    </ol>`}};s.styles=[b.hiddenHostStyles,i.css`
+      :host {
+        display: block;
+      }
+      ol {
+        font: inherit;
+        color: inherit;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+      }
+    `],s=c([(0,p.customElement)("skdx-breadcrumb-list","breadcrumb","list")],s);0&&(module.exports={SkdxBreadcrumbList});

package/dist/breadcrumb/BreadcrumbList.d.cts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-list>` — ordered list holding the trail's
+ * `<skdx-breadcrumb-item>`s and `<skdx-breadcrumb-separator>`s. Renders an
+ * `<ol>` in shadow DOM.
+ *
+ * @csspart list - The inner `<ol>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbList extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-list': SkdxBreadcrumbList;
+    }
+}

package/dist/breadcrumb/BreadcrumbList.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-list>` — ordered list holding the trail's
+ * `<skdx-breadcrumb-item>`s and `<skdx-breadcrumb-separator>`s. Renders an
+ * `<ol>` in shadow DOM.
+ *
+ * @csspart list - The inner `<ol>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbList extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-list': SkdxBreadcrumbList;
+    }
+}

package/dist/breadcrumb/BreadcrumbList.js

@@ -0,0 +1,14 @@
+var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=(r,l,s,o)=>{for(var e=o>1?void 0:o?d(l,s):l,i=r.length-1,n;i>=0;i--)(n=r[i])&&(e=(o?n(l,s,e):n(e))||e);return o&&e&&a(l,s,e),e};import{css as c,html as p,LitElement as b}from"lit";import{customElement as f}from"../internal/define.js";import{hiddenHostStyles as h}from"../internal/styles.js";var t=class extends b{render(){return p`<ol part="list">
+      <slot></slot>
+    </ol>`}};t.styles=[h,c`
+      :host {
+        display: block;
+      }
+      ol {
+        font: inherit;
+        color: inherit;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+      }
+    `],t=m([f("skdx-breadcrumb-list","breadcrumb","list")],t);export{t as SkdxBreadcrumbList};

package/dist/breadcrumb/BreadcrumbPage.cjs

@@ -0,0 +1,9 @@
+"use strict";var n=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(r,e)=>{for(var s in e)n(r,s,{get:e[s],enumerable:!0})},u=(r,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!h.call(r,t)&&t!==s&&n(r,t,{get:()=>e[t],enumerable:!(o=m(e,t))||o.enumerable});return r};var y=r=>u(n({},"__esModule",{value:!0}),r),c=(r,e,s,o)=>{for(var t=o>1?void 0:o?m(e,s):e,l=r.length-1,p;l>=0;l--)(p=r[l])&&(t=(o?p(e,s,t):p(t))||t);return o&&t&&n(e,s,t),t};var E={};g(E,{SkdxBreadcrumbPage:()=>a});module.exports=y(E);var i=require("lit"),d=require("../internal/define.cjs"),b=require("../internal/styles.cjs");var a=class extends i.LitElement{render(){return i.html`<span part="page" aria-current="page"><slot></slot></span>`}};a.styles=[b.hiddenHostStyles,i.css`
+      :host {
+        display: inline-block;
+      }
+      span {
+        font: inherit;
+        color: inherit;
+      }
+    `],a=c([(0,d.customElement)("skdx-breadcrumb-page","breadcrumb","page")],a);0&&(module.exports={SkdxBreadcrumbPage});

package/dist/breadcrumb/BreadcrumbPage.d.cts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-page>` — the current page: renders a `<span>` with
+ * `aria-current="page"` instead of a link, since it isn't navigable.
+ *
+ * @csspart page - The inner `<span>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbPage extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-page': SkdxBreadcrumbPage;
+    }
+}

package/dist/breadcrumb/BreadcrumbPage.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-breadcrumb-page>` — the current page: renders a `<span>` with
+ * `aria-current="page"` instead of a link, since it isn't navigable.
+ *
+ * @csspart page - The inner `<span>` element inside the shadow root.
+ */
+export declare class SkdxBreadcrumbPage extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-breadcrumb-page': SkdxBreadcrumbPage;
+    }
+}

package/dist/breadcrumb/BreadcrumbPage.js

@@ -0,0 +1,9 @@
+var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var l=(o,r,a,s)=>{for(var e=s>1?void 0:s?m(r,a):r,i=o.length-1,n;i>=0;i--)(n=o[i])&&(e=(s?n(r,a,e):n(e))||e);return s&&e&&p(r,a,e),e};import{css as c,html as d,LitElement as b}from"lit";import{customElement as f}from"../internal/define.js";import{hiddenHostStyles as h}from"../internal/styles.js";var t=class extends b{render(){return d`<span part="page" aria-current="page"><slot></slot></span>`}};t.styles=[h,c`
+      :host {
+        display: inline-block;
+      }
+      span {
+        font: inherit;
+        color: inherit;
+      }
+    `],t=l([f("skdx-breadcrumb-page","breadcrumb","page")],t);export{t as SkdxBreadcrumbPage};

package/dist/breadcrumb/BreadcrumbSeparator.cjs

@@ -0,0 +1,9 @@
+"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var f=(r,e)=>{for(var i in e)a(r,i,{get:e[i],enumerable:!0})},v=(r,e,i,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of h(e))!u.call(r,t)&&t!==i&&a(r,t,{get:()=>e[t],enumerable:!(o=c(e,t))||o.enumerable});return r};var y=r=>v(a({},"__esModule",{value:!0}),r),m=(r,e,i,o)=>{for(var t=o>1?void 0:o?c(e,i):e,n=r.length-1,d;n>=0;n--)(d=r[n])&&(t=(o?d(e,i,t):d(t))||t);return o&&t&&a(e,i,t),t};var E={};f(E,{SkdxBreadcrumbSeparator:()=>s});module.exports=y(E);var l=require("lit"),p=require("../internal/define.cjs"),b=require("../internal/styles.cjs");var s=class extends l.LitElement{connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){return l.html`<li part="separator" role="presentation" aria-hidden="true"><slot>/</slot></li>`}};s.styles=[b.hiddenHostStyles,l.css`
+      :host {
+        display: inline-block;
+      }
+      li {
+        font: inherit;
+        color: inherit;
+      }
+    `],s=m([(0,p.customElement)("skdx-breadcrumb-separator","breadcrumb","separator")],s);0&&(module.exports={SkdxBreadcrumbSeparator});