@aceshooting/lyra-ui 2.0.0 → 2.2.0

package/dist/components/date-picker/date-picker.js

@@ -1,434 +1,5 @@
-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, state } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './date-picker.class.js';
+import { LyraDatePicker } from './date-picker.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { chevronIcon } from '../../internal/icons.js';
-import { styles } from './date-picker.styles.js';
-import { monthMatrix, weekdayLabels, monthTitle, formatISO, parseISO, isSameDay, addMonths, clampDate, resolveFirstDayOfWeek, } from './calendar-core.js';
-/**
- * `<lyra-date-picker>` — an inline month-grid calendar for picking a single date
- * or a date range. Mirrors the core `<wa-date-picker>` API under `lyra-`.
- *
- * Value is ISO 8601: `YYYY-MM-DD` (single) or `YYYY-MM-DD/YYYY-MM-DD` (range).
- *
- * @customElement lyra-date-picker
- * @event change - The user committed a value.
- * @event input - The value changed during interaction (range: after the first click).
- * @csspart base, month, header, title, previous, next, weekdays, weekday, grid, week
- * @csspart day, day-today, day-outside, day-selected, day-range-start, day-range-end, day-range-inner, day-placeholder
- */
-export class LyraDatePicker extends LyraElement {
-    constructor() {
-        super(...arguments);
-        /** ISO value: `YYYY-MM-DD` or `YYYY-MM-DD/YYYY-MM-DD`. */
-        this.value = '';
-        this.mode = 'single';
-        this.min = '';
-        this.max = '';
-        this.disabled = false;
-        this.readonly = false;
-        this.months = 1;
-        this.locale = '';
-        this.firstDayOfWeek = 'auto';
-        this.weekdayFormat = 'short';
-        this.disablePast = false;
-        this.disableFuture = false;
-        this.withOutsideDays = false;
-        this.viewDate = new Date(new Date().getFullYear(), new Date().getMonth(), 1);
-        this.focusedDate = null;
-        this.focusPending = false;
-        // Set right before `commit()` assigns `value`, so `willUpdate` can tell its
-        // own write apart from an external assignment. Internal commits already
-        // know the right date is on-screen (it's the cell the user just clicked, or
-        // the view the user navigated to), so they must not force the view back to
-        // `selection.from`'s month -- only an externally-set `value` should do that.
-        this.suppressViewSync = false;
-        this.onGridKey = (e) => {
-            const min = parseISO(this.min);
-            const max = parseISO(this.max);
-            const today = new Date();
-            today.setHours(0, 0, 0, 0);
-            const current = this.focusedDate ??
-                this.selection.from ??
-                this.firstEnabledDate(min, max, today) ??
-                new Date(this.viewDate.getFullYear(), this.viewDate.getMonth(), 1);
-            const step = (base, days) => new Date(base.getFullYear(), base.getMonth(), base.getDate() + days);
-            // Walks in the requested direction until an enabled day is found, bounded
-            // by a step cap (366 days -- more than a year) so an all-disabled range
-            // (e.g. min/max entirely in the past with disable-past set) can't loop
-            // forever; returns null rather than landing focus on a disabled cell,
-            // whose `.focus()` would be a silent no-op anyway.
-            const firstEnabledFrom = (base, dayStep) => {
-                let d = base;
-                for (let i = 0; i < 366; i++) {
-                    if (!this.isDisabled(d, min, max, today))
-                        return d;
-                    d = step(d, dayStep);
-                }
-                return null;
-            };
-            let next = null;
-            switch (e.key) {
-                case 'ArrowLeft':
-                    next = firstEnabledFrom(step(current, -1), -1);
-                    break;
-                case 'ArrowRight':
-                    next = firstEnabledFrom(step(current, 1), 1);
-                    break;
-                case 'ArrowUp':
-                    next = firstEnabledFrom(step(current, -7), -1);
-                    break;
-                case 'ArrowDown':
-                    next = firstEnabledFrom(step(current, 7), 1);
-                    break;
-                case 'PageUp':
-                    next = firstEnabledFrom(new Date(current.getFullYear(), current.getMonth() - 1, current.getDate()), 1);
-                    break;
-                case 'PageDown':
-                    next = firstEnabledFrom(new Date(current.getFullYear(), current.getMonth() + 1, current.getDate()), 1);
-                    break;
-                case 'Home':
-                    next = firstEnabledFrom(new Date(current.getFullYear(), current.getMonth(), 1), 1);
-                    break;
-                case 'End':
-                    next = firstEnabledFrom(new Date(current.getFullYear(), current.getMonth() + 1, 0), -1);
-                    break;
-                case 'Enter':
-                case ' ':
-                    e.preventDefault();
-                    this.selectDate(current);
-                    return;
-                default:
-                    return;
-            }
-            e.preventDefault();
-            if (!next)
-                return;
-            this.focusedDate = next;
-            this.viewDate = this.viewDateForFocus(next);
-            this.focusPending = true;
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    get selection() {
-        const parts = this.value.split('/');
-        return { from: parseISO(parts[0] ?? ''), to: parseISO(parts[1] ?? '') };
-    }
-    /** Read-only Date view of a single-mode value. */
-    get valueAsDate() {
-        return this.mode === 'single' ? this.selection.from : null;
-    }
-    willUpdate(changed) {
-        if (changed.has('value')) {
-            const external = !this.suppressViewSync;
-            this.suppressViewSync = false;
-            if (external && this.value) {
-                const from = this.selection.from;
-                if (from)
-                    this.viewDate = new Date(from.getFullYear(), from.getMonth(), 1);
-            }
-        }
-    }
-    get fdow() {
-        return resolveFirstDayOfWeek(this.firstDayOfWeek, this.locale);
-    }
-    isDisabled(d, min, max, today) {
-        if (this.disabled || this.readonly)
-            return true;
-        if (min && d < min)
-            return true;
-        if (max && d > max)
-            return true;
-        if (this.disablePast && d < today)
-            return true;
-        if (this.disableFuture && d > today)
-            return true;
-        return false;
-    }
-    /** The first enabled day at/after the first visible month's start, scanning
-     *  forward across all visible months -- used as the sole focusable day when
-     *  there's no selection and no prior keyboard focus, so the empty-grid case
-     *  never defaults to a possibly-disabled day 1. Returns null if every
-     *  visible day is disabled (pathological but possible with a very narrow
-     *  min/max window). */
-    firstEnabledDate(min, max, today) {
-        let d = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth(), 1);
-        const lastVisibleMonth = addMonths(d, this.months - 1);
-        const boundEnd = new Date(lastVisibleMonth.getFullYear(), lastVisibleMonth.getMonth() + 1, 0);
-        for (let i = 0; i < 732 && d <= boundEnd; i++) {
-            if (!this.isDisabled(d, min, max, today))
-                return d;
-            d = new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1);
-        }
-        return null;
-    }
-    commit(from, to, fire) {
-        const next = this.mode === 'range'
-            ? from && to
-                ? `${formatISO(from)}/${formatISO(to)}`
-                : from
-                    ? formatISO(from)
-                    : ''
-            : from
-                ? formatISO(from)
-                : '';
-        // Only arm the suppression when `value` is actually about to change --
-        // that's the only case `willUpdate` will see `changed.has('value')` and
-        // get a chance to consume (and clear) the flag.
-        if (next !== this.value)
-            this.suppressViewSync = true;
-        this.value = next;
-        this.emit('input');
-        if (fire)
-            this.emit('change');
-    }
-    selectDate(date) {
-        const min = parseISO(this.min);
-        const max = parseISO(this.max);
-        const today = new Date();
-        today.setHours(0, 0, 0, 0);
-        if (this.isDisabled(date, min, max, today))
-            return;
-        this.focusedDate = date;
-        if (this.mode === 'range') {
-            const { from, to } = this.selection;
-            if (!from || (from && to)) {
-                this.commit(date, null, false);
-            }
-            else {
-                let a = from;
-                let b = date;
-                if (b < a)
-                    [a, b] = [b, a];
-                this.commit(a, b, true);
-            }
-        }
-        else {
-            this.commit(date, null, true);
-        }
-    }
-    /** Clear the selection and emit input + change. */
-    clear() {
-        this.commit(null, null, true);
-    }
-    /** Navigate to today and focus it. */
-    goToToday() {
-        this.goToDate(new Date());
-    }
-    /** Navigate the view to a date and focus it, clamped to `min`/`max`. */
-    goToDate(date) {
-        const d = typeof date === 'string' ? parseISO(date) : date;
-        if (!d)
-            return;
-        const clamped = clampDate(d, parseISO(this.min), parseISO(this.max));
-        this.viewDate = new Date(clamped.getFullYear(), clamped.getMonth(), 1);
-        this.focusedDate = clamped;
-        this.focusPending = true;
-    }
-    nav(delta) {
-        this.viewDate = addMonths(this.viewDate, delta);
-    }
-    /**
-     * The anchor month for a newly-focused date, sliding the view by the
-     * minimum amount needed to bring it into view. With `months` > 1, a date
-     * that's already visible in a later grid must not discard an earlier grid
-     * that's already on-screen.
-     */
-    viewDateForFocus(next) {
-        const firstMonth = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth(), 1);
-        const nextMonth = new Date(next.getFullYear(), next.getMonth(), 1);
-        const lastMonth = addMonths(firstMonth, this.months - 1);
-        if (nextMonth < firstMonth)
-            return nextMonth;
-        if (nextMonth > lastMonth)
-            return addMonths(nextMonth, -(this.months - 1));
-        return firstMonth;
-    }
-    updated() {
-        if (this.focusPending && this.focusedDate) {
-            this.focusPending = false;
-            const iso = formatISO(this.focusedDate);
-            const cell = this.renderRoot.querySelector(`[data-date="${iso}"]`);
-            cell?.focus();
-        }
-    }
-    renderDay(date, shownMonth, selection, min, max, today, rowHasVisibleDay, fallbackFocusDate) {
-        const outside = date.getMonth() !== shownMonth;
-        // Outside-month days are empty placeholders by default (matches WA), keeping the
-        // 6-row grid aligned without low-contrast faded numbers.
-        if (outside && !this.withOutsideDays) {
-            // role="gridcell" stays either way. A trailing week can land entirely
-            // outside the shown month (monthMatrix always emits 6 rows of 7), and
-            // ARIA's row role requires at least one visible gridcell descendant --
-            // so only rows that already have a real, visible day cell may hide
-            // their placeholders from the accessibility tree.
-            return html `<span
-        part="day-placeholder"
-        role="gridcell"
-        aria-hidden=${rowHasVisibleDay ? 'true' : nothing}
-      ></span>`;
-        }
-        const { from, to } = selection;
-        const disabled = this.isDisabled(date, min, max, today);
-        const isToday = isSameDay(date, today);
-        const isStart = from && isSameDay(date, from);
-        const isEnd = to && isSameDay(date, to);
-        const selected = this.mode === 'single' ? isStart : isStart || isEnd;
-        const inRange = this.mode === 'range' && from && to && date > from && date < to;
-        // Falls back to the first *enabled* day across the visible month(s) (see
-        // firstEnabledDate()) when there's neither a focusedDate nor a selection,
-        // so the grid always has exactly one tabbable cell -- otherwise every
-        // cell computes `false` and keyboard users tabbing into an empty picker
-        // land nowhere. Must not just be "day 1 of the shown month" unconditionally:
-        // day 1 can itself be disabled (e.g. disable-past opened on any day other
-        // than the 1st), which would land the sole tabindex="0" cell on a button
-        // that can never actually receive focus.
-        const focused = this.focusedDate != null
-            ? isSameDay(date, this.focusedDate)
-            : isStart
-                ? true
-                : !from && fallbackFocusDate != null && isSameDay(date, fallbackFocusDate);
-        const parts = ['day'];
-        if (outside)
-            parts.push('day-outside');
-        if (isToday)
-            parts.push('day-today');
-        if (selected)
-            parts.push('day-selected');
-        if (isStart && this.mode === 'range')
-            parts.push('day-range-start');
-        if (isEnd)
-            parts.push('day-range-end');
-        if (inRange)
-            parts.push('day-range-inner');
-        return html `<button
-      part=${parts.join(' ')}
-      role="gridcell"
-      data-date=${formatISO(date)}
-      aria-selected=${selected ? 'true' : 'false'}
-      aria-label=${date.toLocaleDateString(this.locale || undefined, {
-            weekday: 'long',
-            year: 'numeric',
-            month: 'long',
-            day: 'numeric',
-        })}
-      tabindex=${focused ? '0' : '-1'}
-      ?disabled=${disabled}
-      @click=${() => this.selectDate(date)}
-    >
-      ${date.getDate()}
-    </button>`;
-    }
-    renderMonth(offset, selection, min, max, today, fdow, labels, fallbackFocusDate) {
-        const base = addMonths(this.viewDate, offset);
-        const year = base.getFullYear();
-        const month = base.getMonth();
-        const matrix = monthMatrix(year, month, fdow);
-        const isFirst = offset === 0;
-        const isLast = offset === this.months - 1;
-        return html `<div part="month">
-      <div part="header">
-        ${isFirst
-            ? html `<button
-              part="previous"
-              type="button"
-              aria-label="Previous month"
-              ?disabled=${this.disabled || this.readonly}
-              @click=${() => this.nav(-1)}
-            >
-              ${chevronIcon()}
-            </button>`
-            : html `<span></span>`}
-        <div part="title">${monthTitle(year, month, this.locale)}</div>
-        ${isLast
-            ? html `<button
-              part="next"
-              type="button"
-              aria-label="Next month"
-              ?disabled=${this.disabled || this.readonly}
-              @click=${() => this.nav(1)}
-            >
-              ${chevronIcon()}
-            </button>`
-            : html `<span></span>`}
-      </div>
-      <div part="weekdays">${labels.map((l) => html `<span part="weekday">${l}</span>`)}</div>
-      <div part="grid" role="grid" @keydown=${this.onGridKey}>
-        ${matrix.map((week) => {
-            const rowHasVisibleDay = week.some((d) => d.getMonth() === month);
-            return html `<div part="week" role="row">${week.map((d) => this.renderDay(d, month, selection, min, max, today, rowHasVisibleDay, fallbackFocusDate))}</div>`;
-        })}
-      </div>
-    </div>`;
-    }
-    render() {
-        const selection = this.selection;
-        const min = parseISO(this.min);
-        const max = parseISO(this.max);
-        const today = new Date();
-        today.setHours(0, 0, 0, 0);
-        const fdow = this.fdow;
-        const labels = weekdayLabels(fdow, this.weekdayFormat, this.locale);
-        // Only bother scanning for a fallback focus day when it's actually
-        // needed: there's no point walking the visible days if a focusedDate or
-        // an existing selection already determines the sole tabbable cell.
-        const fallbackFocusDate = this.focusedDate || selection.from ? null : this.firstEnabledDate(min, max, today);
-        const monthEls = [];
-        for (let i = 0; i < this.months; i++) {
-            monthEls.push(this.renderMonth(i, selection, min, max, today, fdow, labels, fallbackFocusDate));
-        }
-        return html `<div part="base">${monthEls}</div>`;
-    }
-}
-__decorate([
-    property()
-], LyraDatePicker.prototype, "value", void 0);
-__decorate([
-    property()
-], LyraDatePicker.prototype, "mode", void 0);
-__decorate([
-    property()
-], LyraDatePicker.prototype, "min", void 0);
-__decorate([
-    property()
-], LyraDatePicker.prototype, "max", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraDatePicker.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraDatePicker.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Number })
-], LyraDatePicker.prototype, "months", void 0);
-__decorate([
-    property()
-], LyraDatePicker.prototype, "locale", void 0);
-__decorate([
-    property({ attribute: 'first-day-of-week' })
-], LyraDatePicker.prototype, "firstDayOfWeek", void 0);
-__decorate([
-    property({ attribute: 'weekday-format' })
-], LyraDatePicker.prototype, "weekdayFormat", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'disable-past' })
-], LyraDatePicker.prototype, "disablePast", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'disable-future' })
-], LyraDatePicker.prototype, "disableFuture", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'with-outside-days' })
-], LyraDatePicker.prototype, "withOutsideDays", void 0);
-__decorate([
-    state()
-], LyraDatePicker.prototype, "viewDate", void 0);
-__decorate([
-    state()
-], LyraDatePicker.prototype, "focusedDate", void 0);
 defineElement('date-picker', LyraDatePicker);
+//# sourceMappingURL=date-picker.js.map

package/dist/components/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}

package/dist/components/date-picker/date-picker.styles.d.ts

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

package/dist/components/date-picker/date-picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8GlB,CAAC"}

package/dist/components/date-picker/date-picker.styles.js

@@ -2,7 +2,7 @@ import { css } from 'lit';
 export const styles = css `
   :host {
     display: inline-block;
-    --lyra-cell-size: 2.25rem;
+    --lyra-cell-size: var(--lyra-size-2-25rem);
   }
   :host([disabled]) {
     opacity: var(--lyra-opacity-disabled);
@@ -13,7 +13,7 @@ export const styles = css `
     gap: var(--lyra-space-l);
     padding: var(--lyra-space-s);
     background: var(--lyra-color-surface);
-    border: 1px solid var(--lyra-color-border);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     border-radius: var(--lyra-radius);
   }
   [part='header'] {
@@ -24,8 +24,8 @@ export const styles = css `
     margin-block-end: var(--lyra-space-xs);
   }
   [part='title'] {
-    font-weight: 600;
-    font-size: 0.9375rem;
+    font-weight: var(--lyra-font-weight-semibold);
+    font-size: var(--lyra-size-0-9375rem);
   }
   [part='previous'],
   [part='next'] {
@@ -33,8 +33,8 @@ export const styles = css `
     background: none;
     cursor: pointer;
     color: var(--lyra-color-text);
-    font-size: 1.1rem;
-    line-height: 1;
+    font-size: var(--lyra-size-1-1rem);
+    line-height: var(--lyra-line-height-none);
     padding: var(--lyra-space-xs);
     border-radius: var(--lyra-radius);
   }
@@ -51,7 +51,7 @@ export const styles = css `
   }
   [part='weekday'] {
     text-align: center;
-    font-size: 0.75rem;
+    font-size: var(--lyra-font-size-xs);
     color: var(--lyra-color-text-quiet);
     padding-block: var(--lyra-space-xs);
   }
@@ -87,8 +87,8 @@ export const styles = css `
     block-size: var(--lyra-cell-size);
   }
   [part~='day-today'] {
-    outline: 1px solid var(--lyra-color-brand);
-    outline-offset: -1px;
+    outline: var(--lyra-border-width-thin) solid var(--lyra-color-brand);
+    outline-offset: var(--lyra-size-neg-1px);
   }
   [part~='day-range-inner'] {
     background: var(--lyra-color-brand-quiet);
@@ -110,3 +110,4 @@ export const styles = css `
     outline-offset: var(--lyra-focus-ring-offset);
   }
 `;
+//# sourceMappingURL=date-picker.styles.js.map

package/dist/components/date-picker/date-picker.styles.js.map

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

package/dist/components/dialog/confirm.d.ts

@@ -38,3 +38,4 @@ export interface ConfirmOptions {
  * if (ok) deleteConversation();
  */
 export declare function confirm(options: ConfirmOptions): Promise<boolean>;
+//# sourceMappingURL=confirm.d.ts.map

package/dist/components/dialog/confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/confirm.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,cAAc;IAC7B,oHAAoH;IACpH,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iIAAiI;IACjI,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAkCjE"}

package/dist/components/dialog/confirm.js

@@ -2,17 +2,14 @@ import './dialog.js';
 // Plain inline-styled <button>s, not a shared lyra-button component -- none
 // exists in this library yet. Every value below is still a --lyra-* token
 // reference, never a raw literal, same requirement as a component's own
-// styles.ts. --lyra-color-on-brand is documented (tokens.styles.ts) as the
-// text color for *brand*-fill content specifically, but it's white in both
-// light and dark themes and reads fine over the danger fill too, so the
-// confirm button reuses it rather than introducing a redundant --lyra-color-
-// on-danger token for one call site.
+// styles.ts. Each filled tone uses its matching on-color token so standalone
+// light/dark fallbacks and a consumer's Web Awesome theme stay paired.
 const BUTTON_BASE_STYLE = 'font: inherit; font-size: 0.875rem; padding: var(--lyra-space-xs) var(--lyra-space-m); ' +
     'border-radius: var(--lyra-radius); cursor: pointer; border: 1px solid var(--lyra-color-border);';
 const CANCEL_STYLE = 'background: var(--lyra-color-surface); color: var(--lyra-color-text);';
 const CONFIRM_TONE_STYLE = {
     neutral: 'background: var(--lyra-color-brand); color: var(--lyra-color-on-brand); border-color: var(--lyra-color-brand);',
-    danger: 'background: var(--lyra-color-danger); color: var(--lyra-color-on-brand); border-color: var(--lyra-color-danger);',
+    danger: 'background: var(--lyra-color-danger); color: var(--lyra-color-on-danger); border-color: var(--lyra-color-danger);',
 };
 function createButton(label, style, onClick) {
     const button = document.createElement('button');
@@ -77,3 +74,4 @@ export function confirm(options) {
         document.body.appendChild(dialog);
     });
 }
+//# sourceMappingURL=confirm.js.map

package/dist/components/dialog/confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.js","sourceRoot":"","sources":["../../../src/components/dialog/confirm.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAC;AAerB,4EAA4E;AAC5E,0EAA0E;AAC1E,wEAAwE;AACxE,6EAA6E;AAC7E,uEAAuE;AACvE,MAAM,iBAAiB,GACrB,yFAAyF;IACzF,iGAAiG,CAAC;AACpG,MAAM,YAAY,GAAG,uEAAuE,CAAC;AAC7F,MAAM,kBAAkB,GAAyC;IAC/D,OAAO,EACL,gHAAgH;IAClH,MAAM,EACJ,mHAAmH;CACtH,CAAC;AAEF,SAAS,YAAY,CAAC,KAAa,EAAE,KAAa,EAAE,OAAmB;IACrE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,iBAAiB,IAAI,KAAK,EAAE,CAAC;IACvD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1C,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,OAAO,CAAC,OAAuB;IAC7C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,WAAW,GAAG,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,OAAO,CAAC;IAE3G,OAAO,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE;QACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAe,CAAC;QAEnE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7C,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,4EAA4E,CAAC;QACrG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAE5B,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,0EAA0E,CAAC;YAChG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE,EAAE;YACjD,MAAM,MAAM,GAAI,CAAoC,CAAC,MAAM,CAAC;YAC5D,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;YAC9B,MAAM,CAAC,MAAM,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,YAAY,CAAC,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC3F,YAAY,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC7B,MAAM,aAAa,GAAG,YAAY,CAAC,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAC1G,aAAa,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC9B,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACjC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAElC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC"}