@jsekulowicz/ds-components 0.1.0

package/dist/molecules/toast/toast-stack.js

@@ -0,0 +1,62 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { toastStackStyles } from './toast-stack.styles.js';
+/**
+ * @tag ds-toast-stack
+ * @summary A fixed-position queue of `ds-toast` elements. One stack per placement.
+ * @slot default - `ds-toast` children. New toasts can also be added via `push()`.
+ */
+export class DsToastStack extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.placement = 'bottom-right';
+        this.max = 5;
+        this.label = 'Notifications';
+        this.#enforceMax = () => {
+            const toasts = Array.from(this.children).filter((child) => child.tagName.toLowerCase() === 'ds-toast');
+            let extra = toasts.length - this.max;
+            let i = 0;
+            while (extra > 0 && i < toasts.length) {
+                toasts[i]?.dismiss('programmatic');
+                i += 1;
+                extra -= 1;
+            }
+        };
+    }
+    static { this.styles = [...DsElement.styles, toastStackStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role'))
+            this.setAttribute('role', 'region');
+    }
+    updated(changed) {
+        if (changed.has('label'))
+            this.setAttribute('aria-label', this.label);
+    }
+    /** Append a toast and enforce the `max` cap. */
+    push(toast) {
+        this.appendChild(toast);
+        this.#enforceMax();
+    }
+    #enforceMax;
+    render() {
+        return html `<slot @slotchange=${this.#enforceMax}></slot>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], DsToastStack.prototype, "placement", void 0);
+__decorate([
+    property({ type: Number })
+], DsToastStack.prototype, "max", void 0);
+__decorate([
+    property()
+], DsToastStack.prototype, "label", void 0);
+//# sourceMappingURL=toast-stack.js.map

package/dist/molecules/toast/toast-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-stack.js","sourceRoot":"","sources":["../../../src/molecules/toast/toast-stack.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK3D;;;;GAIG;AACH,MAAM,OAAO,YAAa,SAAQ,SAAS;IAA3C;;QAG+B,cAAS,GAAmB,cAAc,CAAC;QAC5C,QAAG,GAAG,CAAC,CAAC;QACxB,UAAK,GAAG,eAAe,CAAC;QAiBpC,gBAAW,GAAG,GAAS,EAAE;YACvB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,UAAU,CACzC,CAAC;YACf,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC;YACrC,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,OAAO,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;gBACtC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;gBACnC,CAAC,IAAI,CAAC,CAAC;gBACP,KAAK,IAAI,CAAC,CAAC;YACb,CAAC;QACH,CAAC,CAAC;IAKJ,CAAC;aArCiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC,AAA1C,CAA2C;IAMxD,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtE,CAAC;IAEQ,OAAO,CAAC,OAAuB;QACtC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;YAAE,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACxE,CAAC;IAED,gDAAgD;IAChD,IAAI,CAAC,KAAc;QACjB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,WAAW,CAWT;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW,UAAU,CAAC;IAC7D,CAAC;;AAlC4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAA4C;AAC5C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAS;AACxB;IAAX,QAAQ,EAAE;2CAAyB"}

package/dist/molecules/toast/toast-stack.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const toastStackStyles: import("lit").CSSResult;
+//# sourceMappingURL=toast-stack.styles.d.ts.map

package/dist/molecules/toast/toast-stack.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-stack.styles.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast/toast-stack.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAgC5B,CAAC"}

package/dist/molecules/toast/toast-stack.styles.js

@@ -0,0 +1,35 @@
+import { css } from 'lit';
+export const toastStackStyles = css `
+  :host {
+    position: fixed;
+    z-index: 9999;
+    display: flex;
+    flex-direction: column;
+    gap: var(--ds-space-2);
+    pointer-events: none;
+    max-width: calc(100vw - var(--ds-space-8, 2rem));
+  }
+  :host([placement='top-left']),
+  :host([placement='top-right']) {
+    top: var(--ds-space-4);
+  }
+  :host([placement='bottom-left']),
+  :host([placement='bottom-right']) {
+    bottom: var(--ds-space-4);
+    flex-direction: column-reverse;
+  }
+  :host([placement='top-left']),
+  :host([placement='bottom-left']) {
+    left: var(--ds-space-4);
+    align-items: flex-start;
+  }
+  :host([placement='top-right']),
+  :host([placement='bottom-right']) {
+    right: var(--ds-space-4);
+    align-items: flex-end;
+  }
+  ::slotted(ds-toast) {
+    pointer-events: auto;
+  }
+`;
+//# sourceMappingURL=toast-stack.styles.js.map

package/dist/molecules/toast/toast-stack.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-stack.styles.js","sourceRoot":"","sources":["../../../src/molecules/toast/toast-stack.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgClC,CAAC"}

package/dist/molecules/toast/toast.d.ts

@@ -0,0 +1,28 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type ToastTone = 'info' | 'success' | 'warning' | 'danger';
+export type ToastDismissReason = 'timeout' | 'user' | 'programmatic';
+/**
+ * @tag ds-toast
+ * @summary Transient notification rendered inside a `ds-toast-stack`. Auto-dismisses on a tone-aware timer; pauses on hover and focus.
+ * @slot default - Body text.
+ * @slot actions - Optional action row (e.g. an Undo button).
+ * @csspart toast - The internal toast container.
+ * @event ds-dismiss - Fires when the toast is removed. Detail: `{ reason: 'timeout' | 'user' | 'programmatic' }`.
+ */
+export declare class DsToast extends DsElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    tone: ToastTone;
+    heading?: string;
+    duration?: number;
+    dismissible: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    /** The effective auto-dismiss duration: explicit `duration`, or the default for the current tone. */
+    get effectiveDuration(): number;
+    dismiss(reason?: ToastDismissReason): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=toast.d.ts.map

package/dist/molecules/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,CAAC;AASrE;;;;;;;GAOG;AACH,qBAAa,OAAQ,SAAQ,SAAS;;IACpC,OAAgB,MAAM,4BAAsC;IAE/B,IAAI,EAAE,SAAS,CAAU;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IACF,WAAW,UAAQ;IAStD,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAU/C,qGAAqG;IACrG,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,OAAO,CAAC,MAAM,GAAE,kBAAmC,GAAG,IAAI;IA8DjD,MAAM,IAAI,cAAc;CAqBlC"}

package/dist/molecules/toast/toast.imperative.d.ts

@@ -0,0 +1,28 @@
+import { type TemplateResult } from 'lit';
+import type { ToastTone } from './toast.js';
+import type { ToastPlacement } from './toast-stack.js';
+export interface ToastOptions {
+    tone?: ToastTone;
+    heading?: string;
+    body?: TemplateResult | string;
+    duration?: number;
+    dismissible?: boolean;
+    placement?: ToastPlacement;
+    actions?: (controller: ToastController) => TemplateResult;
+}
+export interface ToastController {
+    readonly id: string;
+    dismiss(): void;
+    update(partial: Partial<ToastOptions>): void;
+}
+type ToneShortcut = (heading: string, opts?: Omit<ToastOptions, 'tone' | 'heading'>) => ToastController;
+interface ToastFn {
+    (options?: ToastOptions): ToastController;
+    info: ToneShortcut;
+    success: ToneShortcut;
+    warning: ToneShortcut;
+    danger: ToneShortcut;
+}
+export declare const toast: ToastFn;
+export {};
+//# sourceMappingURL=toast.imperative.d.ts.map

package/dist/molecules/toast/toast.imperative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.imperative.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast/toast.imperative.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,cAAc,CAAC;CAC3D;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;CAC9C;AAqED,KAAK,YAAY,GAAG,CAClB,OAAO,EAAE,MAAM,EACf,IAAI,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC,KAC1C,eAAe,CAAC;AAErB,UAAU,OAAO;IACf,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,YAAY,CAAC;CACtB;AAKD,eAAO,MAAM,KAAK,EAAE,OAKlB,CAAC"}

package/dist/molecules/toast/toast.imperative.js

@@ -0,0 +1,68 @@
+import { html, render } from 'lit';
+let counter = 0;
+function ensureStack(placement) {
+    if (typeof document === 'undefined')
+        return null;
+    const existing = document.body.querySelector(`ds-toast-stack[placement="${placement}"]`);
+    if (existing)
+        return existing;
+    const stack = document.createElement('ds-toast-stack');
+    stack.setAttribute('placement', placement);
+    document.body.appendChild(stack);
+    return stack;
+}
+function noopController(id) {
+    return {
+        id,
+        dismiss() { },
+        update() { },
+    };
+}
+function applyProps(el, options) {
+    if (options.tone !== undefined)
+        el.tone = options.tone;
+    if (options.heading !== undefined)
+        el.heading = options.heading;
+    if (options.duration !== undefined)
+        el.duration = options.duration;
+    if (options.dismissible !== undefined)
+        el.dismissible = options.dismissible;
+}
+function toastFn(options = {}) {
+    const id = `ds-toast-${++counter}`;
+    if (typeof document === 'undefined')
+        return noopController(id);
+    const placement = options.placement ?? 'bottom-right';
+    const stack = ensureStack(placement);
+    if (!stack)
+        return noopController(id);
+    const el = document.createElement('ds-toast');
+    el.id = id;
+    const state = { ...options };
+    const controller = {
+        id,
+        dismiss: () => el.dismiss('programmatic'),
+        update: (partial) => {
+            Object.assign(state, partial);
+            applyProps(el, state);
+            renderContent();
+        },
+    };
+    const renderContent = () => {
+        const body = state.body ?? '';
+        const actions = state.actions?.(controller);
+        render(html `${body}${actions ? html `<div slot="actions">${actions}</div>` : ''}`, el);
+    };
+    applyProps(el, state);
+    renderContent();
+    stack.push(el);
+    return controller;
+}
+const shortcut = (tone) => (heading, opts) => toastFn({ ...opts, tone, heading });
+export const toast = Object.assign(toastFn, {
+    info: shortcut('info'),
+    success: shortcut('success'),
+    warning: shortcut('warning'),
+    danger: shortcut('danger'),
+});
+//# sourceMappingURL=toast.imperative.js.map

package/dist/molecules/toast/toast.imperative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.imperative.js","sourceRoot":"","sources":["../../../src/molecules/toast/toast.imperative.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAuB,MAAM,KAAK,CAAC;AAoBxD,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB,SAAS,WAAW,CAAC,SAAyB;IAC5C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IACjD,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAC1C,6BAA6B,SAAS,IAAI,CAC3C,CAAC;IACF,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAiB,CAAC;IACvE,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,cAAc,CAAC,EAAU;IAChC,OAAO;QACL,EAAE;QACF,OAAO,KAAI,CAAC;QACZ,MAAM,KAAI,CAAC;KACZ,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAW,EAAE,OAAqB;IACpD,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS;QAAE,EAAE,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IACvD,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS;QAAE,EAAE,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChE,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS;QAAE,EAAE,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IACnE,IAAI,OAAO,CAAC,WAAW,KAAK,SAAS;QAAE,EAAE,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;AAC9E,CAAC;AAED,SAAS,OAAO,CAAC,UAAwB,EAAE;IACzC,MAAM,EAAE,GAAG,YAAY,EAAE,OAAO,EAAE,CAAC;IACnC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,cAAc,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAmB,OAAO,CAAC,SAAS,IAAI,cAAc,CAAC;IACtE,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,CAAC,KAAK;QAAE,OAAO,cAAc,CAAC,EAAE,CAAC,CAAC;IAEtC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAY,CAAC;IACzD,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IAEX,MAAM,KAAK,GAAiB,EAAE,GAAG,OAAO,EAAE,CAAC;IAE3C,MAAM,UAAU,GAAoB;QAClC,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC;QACzC,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE;YAClB,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC9B,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;YACtB,aAAa,EAAE,CAAC;QAClB,CAAC;KACF,CAAC;IAEF,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC;QAC5C,MAAM,CACJ,IAAI,CAAA,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACzE,EAAE,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACtB,aAAa,EAAE,CAAC;IAChB,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACf,OAAO,UAAU,CAAC;AACpB,CAAC;AAeD,MAAM,QAAQ,GAAG,CAAC,IAAe,EAAgB,EAAE,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,CACpE,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,KAAK,GAAY,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;IACnD,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;IACtB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC5B,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC;CAC3B,CAAC,CAAC"}

package/dist/molecules/toast/toast.js

@@ -0,0 +1,170 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { toastStyles } from './toast.styles.js';
+const DEFAULT_DURATION_BY_TONE = {
+    info: 5000,
+    success: 5000,
+    warning: 8000,
+    danger: 0,
+};
+/**
+ * @tag ds-toast
+ * @summary Transient notification rendered inside a `ds-toast-stack`. Auto-dismisses on a tone-aware timer; pauses on hover and focus.
+ * @slot default - Body text.
+ * @slot actions - Optional action row (e.g. an Undo button).
+ * @csspart toast - The internal toast container.
+ * @event ds-dismiss - Fires when the toast is removed. Detail: `{ reason: 'timeout' | 'user' | 'programmatic' }`.
+ */
+export class DsToast extends DsElement {
+    constructor() {
+        super(...arguments);
+        this.tone = 'info';
+        this.dismissible = true;
+        this.#timer = 0;
+        this.#remaining = 0;
+        this.#startedAt = 0;
+        this.#hovered = false;
+        this.#focused = false;
+        this.#dismissed = false;
+        this.#startTimer = () => {
+            this.#clearTimer();
+            if (this.effectiveDuration <= 0)
+                return;
+            this.#remaining = this.effectiveDuration;
+            if (this.#hovered || this.#focused)
+                return;
+            this.#startedAt = Date.now();
+            this.#timer = window.setTimeout(() => this.dismiss('timeout'), this.#remaining);
+        };
+        this.#clearTimer = () => {
+            if (this.#timer) {
+                window.clearTimeout(this.#timer);
+                this.#timer = 0;
+            }
+        };
+        this.#pauseTimer = () => {
+            if (!this.#timer)
+                return;
+            const elapsed = Date.now() - this.#startedAt;
+            this.#remaining = Math.max(0, this.#remaining - elapsed);
+            this.#clearTimer();
+        };
+        this.#resumeTimer = () => {
+            if (this.#timer || this.#remaining <= 0 || this.effectiveDuration <= 0)
+                return;
+            if (this.#hovered || this.#focused)
+                return;
+            this.#startedAt = Date.now();
+            this.#timer = window.setTimeout(() => this.dismiss('timeout'), this.#remaining);
+        };
+        this.#onMouseEnter = () => {
+            this.#hovered = true;
+            this.#pauseTimer();
+        };
+        this.#onMouseLeave = () => {
+            this.#hovered = false;
+            this.#resumeTimer();
+        };
+        this.#onFocusIn = () => {
+            this.#focused = true;
+            this.#pauseTimer();
+        };
+        this.#onFocusOut = (event) => {
+            const next = event.relatedTarget;
+            if (next && this.contains(next))
+                return;
+            this.#focused = false;
+            this.#resumeTimer();
+        };
+        this.#onDismissClick = () => this.dismiss('user');
+    }
+    static { this.styles = [...DsElement.styles, toastStyles]; }
+    #timer;
+    #remaining;
+    #startedAt;
+    #hovered;
+    #focused;
+    #dismissed;
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('mouseenter', this.#onMouseEnter);
+        this.addEventListener('mouseleave', this.#onMouseLeave);
+        this.addEventListener('focusin', this.#onFocusIn);
+        this.addEventListener('focusout', this.#onFocusOut);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#clearTimer();
+    }
+    updated(changed) {
+        if (changed.has('tone')) {
+            this.setAttribute('role', this.tone === 'danger' ? 'alert' : 'status');
+            this.setAttribute('aria-live', this.tone === 'danger' ? 'assertive' : 'polite');
+        }
+        if (changed.has('tone') || changed.has('duration')) {
+            this.#startTimer();
+        }
+    }
+    /** The effective auto-dismiss duration: explicit `duration`, or the default for the current tone. */
+    get effectiveDuration() {
+        return this.duration ?? DEFAULT_DURATION_BY_TONE[this.tone];
+    }
+    dismiss(reason = 'programmatic') {
+        if (this.#dismissed)
+            return;
+        this.#dismissed = true;
+        this.#clearTimer();
+        this.emit('ds-dismiss', { detail: { reason } });
+        this.remove();
+    }
+    #startTimer;
+    #clearTimer;
+    #pauseTimer;
+    #resumeTimer;
+    #onMouseEnter;
+    #onMouseLeave;
+    #onFocusIn;
+    #onFocusOut;
+    #onDismissClick;
+    render() {
+        return html `<div class="toast" part="toast">
+      <div class="content">
+        ${this.heading ? html `<div class="title" part="title">${this.heading}</div>` : nothing}
+        <slot></slot>
+      </div>
+      <slot name="actions"></slot>
+      ${this.dismissible
+            ? html `<button class="close" type="button" aria-label="Dismiss" @click=${this.#onDismissClick}>
+            <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true">
+              <path
+                d="M4 4l8 8M12 4l-8 8"
+                stroke="currentColor"
+                stroke-width="1.5"
+                stroke-linecap="round"
+              />
+            </svg>
+          </button>`
+            : nothing}
+    </div>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], DsToast.prototype, "tone", void 0);
+__decorate([
+    property()
+], DsToast.prototype, "heading", void 0);
+__decorate([
+    property({ type: Number })
+], DsToast.prototype, "duration", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsToast.prototype, "dismissible", void 0);
+//# sourceMappingURL=toast.js.map

package/dist/molecules/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/molecules/toast/toast.ts"],"names":[],"mappings":"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"}

package/dist/molecules/toast/toast.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const toastStyles: import("lit").CSSResult;
+//# sourceMappingURL=toast.styles.d.ts.map

package/dist/molecules/toast/toast.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../src/molecules/toast/toast.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAqEvB,CAAC"}

package/dist/molecules/toast/toast.styles.js

@@ -0,0 +1,72 @@
+import { css } from 'lit';
+export const toastStyles = css `
+  :host {
+    display: block;
+    pointer-events: auto;
+    min-width: 280px;
+    max-width: 420px;
+  }
+  .toast {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--ds-space-3);
+    padding: var(--ds-space-4);
+    border-radius: var(--ds-radius-sm);
+    border-left: 3px solid var(--ds-color-accent);
+    background: var(--ds-color-bg);
+    color: var(--ds-color-fg);
+    box-shadow: var(--ds-shadow-md);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-sm);
+    line-height: 1.5;
+  }
+  :host([tone='info']) .toast {
+    border-left-color: var(--ds-color-accent);
+    background: var(--ds-color-accent-subtle);
+  }
+  :host([tone='success']) .toast {
+    border-left-color: var(--ds-color-success);
+    background: var(--ds-color-success-subtle);
+  }
+  :host([tone='warning']) .toast {
+    border-left-color: var(--ds-color-warning);
+    background: var(--ds-color-warning-subtle);
+  }
+  :host([tone='danger']) .toast {
+    border-left-color: var(--ds-color-danger);
+    background: var(--ds-color-danger-subtle);
+  }
+  .content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--ds-space-1);
+    min-width: 0;
+  }
+  .title {
+    font-family: var(--ds-font-display);
+    font-weight: var(--ds-font-weight-semibold);
+    font-size: var(--ds-font-size-md);
+    letter-spacing: var(--ds-letter-spacing-display);
+  }
+  ::slotted([slot='actions']) {
+    margin-top: var(--ds-space-2);
+    display: flex;
+    gap: var(--ds-space-2);
+  }
+  .close {
+    appearance: none;
+    background: transparent;
+    border: none;
+    color: inherit;
+    padding: var(--ds-space-1);
+    margin: calc(var(--ds-space-1) * -1);
+    cursor: pointer;
+    border-radius: var(--ds-radius-xs);
+  }
+  .close:focus-visible {
+    outline: 2px solid transparent;
+    box-shadow: var(--ds-shadow-focus);
+  }
+`;
+//# sourceMappingURL=toast.styles.js.map

package/dist/molecules/toast/toast.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.styles.js","sourceRoot":"","sources":["../../../src/molecules/toast/toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqE7B,CAAC"}

package/dist/organisms/footer/define.d.ts

@@ -0,0 +1,7 @@
+import { DsFooter } from './footer.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-footer': DsFooter;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/organisms/footer/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/organisms/footer/define.js

@@ -0,0 +1,5 @@
+import { DsFooter } from './footer.js';
+if (!customElements.get('ds-footer')) {
+    customElements.define('ds-footer', DsFooter);
+}
+//# sourceMappingURL=define.js.map

package/dist/organisms/footer/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/organisms/footer/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IACrC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC/C,CAAC"}

package/dist/organisms/footer/footer.d.ts

@@ -0,0 +1,18 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+/**
+ * @tag ds-footer
+ * @summary Slots-only page footer. Lays out start / middle / end regions; wraps to a column on narrow widths.
+ * @slot start - Left region. Typical use: copyright text.
+ * @slot default - Middle region.
+ * @slot end - Right region. Typical use: nav links, social icons.
+ * @csspart root - The internal `<footer>` element.
+ * @csspart start - The start region wrapper.
+ * @csspart middle - The middle region wrapper.
+ * @csspart end - The end region wrapper.
+ */
+export declare class DsFooter extends DsElement {
+    static styles: import("lit").CSSResult[];
+    render(): TemplateResult;
+}
+//# sourceMappingURL=footer.d.ts.map

package/dist/organisms/footer/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD;;;;;;;;;;GAUG;AACH,qBAAa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BAAuC;IAEpD,MAAM,IAAI,cAAc;CAOlC"}

package/dist/organisms/footer/footer.js

@@ -0,0 +1,25 @@
+import { html } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+import { footerStyles } from './footer.styles.js';
+/**
+ * @tag ds-footer
+ * @summary Slots-only page footer. Lays out start / middle / end regions; wraps to a column on narrow widths.
+ * @slot start - Left region. Typical use: copyright text.
+ * @slot default - Middle region.
+ * @slot end - Right region. Typical use: nav links, social icons.
+ * @csspart root - The internal `<footer>` element.
+ * @csspart start - The start region wrapper.
+ * @csspart middle - The middle region wrapper.
+ * @csspart end - The end region wrapper.
+ */
+export class DsFooter extends DsElement {
+    static { this.styles = [...DsElement.styles, footerStyles]; }
+    render() {
+        return html `<footer part="root">
+      <div class="start" part="start"><slot name="start"></slot></div>
+      <div class="middle" part="middle"><slot></slot></div>
+      <div class="end" part="end"><slot name="end"></slot></div>
+    </footer>`;
+    }
+}
+//# sourceMappingURL=footer.js.map

package/dist/organisms/footer/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/organisms/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;;;;;;;;GAUG;AACH,MAAM,OAAO,QAAS,SAAQ,SAAS;aACrB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAEpD,MAAM;QACb,OAAO,IAAI,CAAA;;;;cAID,CAAC;IACb,CAAC"}

package/dist/organisms/footer/footer.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const footerStyles: import("lit").CSSResult;
+//# sourceMappingURL=footer.styles.d.ts.map

package/dist/organisms/footer/footer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.styles.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer/footer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAwCxB,CAAC"}

package/dist/organisms/footer/footer.styles.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+export const footerStyles = css `
+  :host {
+    display: block;
+    container-type: inline-size;
+  }
+  footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    gap: var(--ds-space-4);
+    padding: var(--ds-space-2) var(--ds-space-6);
+    border-top: 1px solid var(--ds-color-border);
+    color: var(--ds-color-fg-muted);
+    font-family: var(--ds-font-body);
+    font-size: var(--ds-font-size-sm);
+  }
+  .start,
+  .middle,
+  .end {
+    display: flex;
+    align-items: center;
+    gap: var(--ds-space-3);
+    min-width: 0;
+  }
+  .end {
+    justify-content: flex-end;
+  }
+  @container (max-width: 480px) {
+    footer {
+      gap: var(--ds-space-2);
+      padding: var(--ds-space-2) var(--ds-space-4);
+      font-size: var(--ds-font-size-xs);
+    }
+    .start,
+    .middle,
+    .end {
+      gap: var(--ds-space-2);
+    }
+  }
+`;
+//# sourceMappingURL=footer.styles.js.map

package/dist/organisms/footer/footer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.styles.js","sourceRoot":"","sources":["../../../src/organisms/footer/footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwC9B,CAAC"}