@aceshooting/lyra-ui 4.2.0 → 5.0.0

package/dist/components/overlays/chip/chip.class.d.ts

@@ -0,0 +1,106 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export type ChipTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+export type ChipSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+export interface ChipRemoveDetail {
+    value?: string;
+}
+export interface ChipSelectDetail {
+    value?: string;
+    selected: boolean;
+}
+export interface LyraChipEventMap {
+    'lr-remove': CustomEvent<ChipRemoveDetail>;
+    'lr-chip-select': CustomEvent<ChipSelectDetail>;
+}
+/**
+ * `<lr-chip>` — a small, content-agnostic pill for a short label: a tag, an
+ * active-filter/scope indicator, etc. Distinct from `<lr-attachment-chip>`
+ * (specifically file-shaped, with a thumbnail/size/upload-progress) — this
+ * one carries no domain assumptions at all, just a label and an optional
+ * leading icon/dot.
+ *
+ * `tone` tints the whole pill using the same loud-color-on-quiet-tint
+ * convention `<lr-tool-call-chip>`/`<lr-citation-badge>` already
+ * establish for status coloring: background is the tone's `-quiet` tint,
+ * text/icon is the tone's loud color. `neutral` (the default) has no
+ * dedicated token pair of its own, so it falls back to a plain
+ * bordered-surface look — the same "no signal" treatment
+ * `<lr-citation-badge>`'s `default` status and `<lr-tool-call-chip>`'s
+ * `pending` status already use.
+ *
+ * This is a controlled component: clicking the remove (×) button only fires
+ * `lr-remove` — the chip never removes itself from the DOM on its own
+ * interaction, the same contract `<lr-attachment-chip>`/
+ * `<lr-conversation-item>` already follow. A consumer owns the underlying
+ * list and decides whether/how the click actually removes anything.
+ *
+ * @customElement lr-chip
+ * @slot - The chip's label content.
+ * @slot icon - Optional leading icon or status dot. Nothing is reserved for
+ * it (no extra gap) when left empty.
+ * @event lr-remove - The remove (×) button was activated (click, or
+ * Enter/Space while focused — native `<button>` behavior). `detail: { value }`
+ * — `value` is `undefined` when the `value` prop was never set. Only
+ * rendered while `removable`.
+ * @event lr-chip-select - Fired on click, or Enter/Space while focused, once the chip has
+ * opted into toggle mode (via `selected` or `toggleable`) and `removable` is not set.
+ * `detail: { value, selected }` -- the chip has already toggled its own `selected` state by the
+ * time this fires.
+ * @csspart base - The pill's root container.
+ * @csspart icon - Wrapper around the `icon` slot. Hidden entirely while empty.
+ * @csspart label - Wrapper around the default slot.
+ * @csspart remove-button - The remove (×) affordance, only rendered while `removable`.
+ * @cssprop [--lr-chip-pressed-bg=var(--lr-chip-bg)] - Background while a toggleable chip is
+ * selected, independently themeable from its resting background.
+ */
+export declare class LyraChip extends LyraElement<LyraChipEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Visual density. `m` preserves the original chip dimensions. */
+    size: ChipSize;
+    /** Status/emphasis color. `neutral` (the default) reads as plain/unstyled. */
+    tone: ChipTone;
+    /** Shows the remove (×) button. */
+    removable: boolean;
+    /** Opt-in toggle/pressed mode -- the current pressed value. Setting `selected` (to `true`, the
+     *  common way to start a chip already pressed) opts the chip into toggle mode automatically, so
+     *  `<lr-chip selected>` alone is enough: `[part='base']` becomes focusable and
+     *  keyboard-activatable (Enter/Space, mirroring native `<button>` behavior), reflects
+     *  `aria-pressed`, and toggles on click/activation, emitting `lr-chip-select`. That opt-in
+     *  (tracked by `toggleable`, see below) persists once made, so toggling `selected` back to
+     *  `false` never strips the chip's interactivity -- a chip a user has clicked "off" must stay
+     *  clickable to turn it back "on". Has no effect (no interactive semantics added to
+     *  `[part='base']`) when combined with `removable`, since the remove button already nests inside
+     *  `[part='base']` -- axe-core's `nested-interactive` rule forbids a focusable descendant of a
+     *  `role="button"` ancestor, and this component's two real use cases (a chart-series visibility
+     *  toggle, a category filter chip) never need both at once. `false` (the default, with
+     *  `toggleable` also left at its default) reproduces today's exact passive-label-pill output. */
+    selected: boolean;
+    /** Explicit opt-in into `selected`'s toggle/pressed interactive mode, independent of the
+     *  *current* value of `selected`. Setting `selected` to `true` at any point opts in
+     *  automatically (see its doc comment) and keeps this `true` from then on, which is enough for
+     *  a chip that starts already pressed. Set `toggleable` directly for a chip that must be
+     *  clickable from the outset while starting **unselected** -- e.g. an initially-inactive
+     *  category filter chip -- since `selected`'s own default (`false`) can't be distinguished from
+     *  "never opted in" on its own. */
+    toggleable: boolean;
+    /** Opaque consumer bookkeeping value — never read, validated, or rendered
+     *  by this component itself, only ever echoed back verbatim (including
+     *  `undefined` if never set) in `lr-remove`'s detail. */
+    value?: string;
+    private hasIconSlot;
+    protected willUpdate(changed: PropertyValues): void;
+    private onIconSlotChange;
+    private get labelText();
+    private get accessibleRemoveLabel();
+    private onRemoveClick;
+    private onBaseClick;
+    private onBaseKeyDown;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-chip': LyraChip;
+    }
+}
+//# sourceMappingURL=chip.class.d.ts.map

package/dist/components/overlays/chip/chip.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.class.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/chip/chip.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAIhE,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC9E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC3C,gBAAgB,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,qBAAa,QAAS,SAAQ,WAAW,CAAC,gBAAgB,CAAC;IACzD,MAAM,CAAC,MAAM,iCAAgC;IAE7C,kEAAkE;IACrC,IAAI,EAAE,QAAQ,CAAO;IAElD,8EAA8E;IACjD,IAAI,EAAE,QAAQ,CAAa;IAExD,mCAAmC;IACS,SAAS,UAAS;IAE9D;;;;;;;;;;;;qGAYiG;IACrD,QAAQ,UAAS;IAE7D;;;;;;uCAMmC;IACS,UAAU,UAAS;IAE/D;;6DAEyD;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,WAAW,CAAS;IAErC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAWlD;IAED,OAAO,CAAC,gBAAgB,CAEtB;IAWF,OAAO,KAAK,SAAS,GAUpB;IAED,OAAO,KAAK,qBAAqB,GAGhC;IAED,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEF,MAAM,IAAI,cAAc,CA0BvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,QAAQ,CAAC;KACrB;CACF"}

package/dist/components/overlays/chip/chip.class.js

@@ -0,0 +1,193 @@
+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';
+import { closeIcon } from '../../../internal/icons.js';
+import { styles } from './chip.styles.js';
+/**
+ * `<lr-chip>` — a small, content-agnostic pill for a short label: a tag, an
+ * active-filter/scope indicator, etc. Distinct from `<lr-attachment-chip>`
+ * (specifically file-shaped, with a thumbnail/size/upload-progress) — this
+ * one carries no domain assumptions at all, just a label and an optional
+ * leading icon/dot.
+ *
+ * `tone` tints the whole pill using the same loud-color-on-quiet-tint
+ * convention `<lr-tool-call-chip>`/`<lr-citation-badge>` already
+ * establish for status coloring: background is the tone's `-quiet` tint,
+ * text/icon is the tone's loud color. `neutral` (the default) has no
+ * dedicated token pair of its own, so it falls back to a plain
+ * bordered-surface look — the same "no signal" treatment
+ * `<lr-citation-badge>`'s `default` status and `<lr-tool-call-chip>`'s
+ * `pending` status already use.
+ *
+ * This is a controlled component: clicking the remove (×) button only fires
+ * `lr-remove` — the chip never removes itself from the DOM on its own
+ * interaction, the same contract `<lr-attachment-chip>`/
+ * `<lr-conversation-item>` already follow. A consumer owns the underlying
+ * list and decides whether/how the click actually removes anything.
+ *
+ * @customElement lr-chip
+ * @slot - The chip's label content.
+ * @slot icon - Optional leading icon or status dot. Nothing is reserved for
+ * it (no extra gap) when left empty.
+ * @event lr-remove - The remove (×) button was activated (click, or
+ * Enter/Space while focused — native `<button>` behavior). `detail: { value }`
+ * — `value` is `undefined` when the `value` prop was never set. Only
+ * rendered while `removable`.
+ * @event lr-chip-select - Fired on click, or Enter/Space while focused, once the chip has
+ * opted into toggle mode (via `selected` or `toggleable`) and `removable` is not set.
+ * `detail: { value, selected }` -- the chip has already toggled its own `selected` state by the
+ * time this fires.
+ * @csspart base - The pill's root container.
+ * @csspart icon - Wrapper around the `icon` slot. Hidden entirely while empty.
+ * @csspart label - Wrapper around the default slot.
+ * @csspart remove-button - The remove (×) affordance, only rendered while `removable`.
+ * @cssprop [--lr-chip-pressed-bg=var(--lr-chip-bg)] - Background while a toggleable chip is
+ * selected, independently themeable from its resting background.
+ */
+export class LyraChip extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Visual density. `m` preserves the original chip dimensions. */
+        this.size = 'm';
+        /** Status/emphasis color. `neutral` (the default) reads as plain/unstyled. */
+        this.tone = 'neutral';
+        /** Shows the remove (×) button. */
+        this.removable = false;
+        /** Opt-in toggle/pressed mode -- the current pressed value. Setting `selected` (to `true`, the
+         *  common way to start a chip already pressed) opts the chip into toggle mode automatically, so
+         *  `<lr-chip selected>` alone is enough: `[part='base']` becomes focusable and
+         *  keyboard-activatable (Enter/Space, mirroring native `<button>` behavior), reflects
+         *  `aria-pressed`, and toggles on click/activation, emitting `lr-chip-select`. That opt-in
+         *  (tracked by `toggleable`, see below) persists once made, so toggling `selected` back to
+         *  `false` never strips the chip's interactivity -- a chip a user has clicked "off" must stay
+         *  clickable to turn it back "on". Has no effect (no interactive semantics added to
+         *  `[part='base']`) when combined with `removable`, since the remove button already nests inside
+         *  `[part='base']` -- axe-core's `nested-interactive` rule forbids a focusable descendant of a
+         *  `role="button"` ancestor, and this component's two real use cases (a chart-series visibility
+         *  toggle, a category filter chip) never need both at once. `false` (the default, with
+         *  `toggleable` also left at its default) reproduces today's exact passive-label-pill output. */
+        this.selected = false;
+        /** Explicit opt-in into `selected`'s toggle/pressed interactive mode, independent of the
+         *  *current* value of `selected`. Setting `selected` to `true` at any point opts in
+         *  automatically (see its doc comment) and keeps this `true` from then on, which is enough for
+         *  a chip that starts already pressed. Set `toggleable` directly for a chip that must be
+         *  clickable from the outset while starting **unselected** -- e.g. an initially-inactive
+         *  category filter chip -- since `selected`'s own default (`false`) can't be distinguished from
+         *  "never opted in" on its own. */
+        this.toggleable = false;
+        // A `[part]` always contains a literal `<slot>` child regardless of
+        // assigned content, so `:empty` never matches — real emptiness is tracked
+        // in JS instead, the same fix `<lr-stat>`'s `hasIcon`/
+        // `<lr-tool-call-chip>`'s `hasDetailSlot` etc. already establish.
+        this.hasIconSlot = false;
+        this.onIconSlotChange = (e) => {
+            this.hasIconSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onRemoveClick = () => {
+            this.emit('lr-remove', { value: this.value });
+        };
+        this.onBaseClick = () => {
+            if (this.removable)
+                return;
+            this.selected = !this.selected;
+            this.emit('lr-chip-select', { value: this.value, selected: this.selected });
+        };
+        this.onBaseKeyDown = (e) => {
+            if (this.removable)
+                return;
+            if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {
+                e.preventDefault();
+                this.onBaseClick();
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (!this.hasUpdated) {
+            this.hasIconSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'icon');
+        }
+        // Sticky opt-in: once `selected` has been true at any point, `toggleable` latches on and
+        // never resets, so toggling `selected` back to false later can't un-opt the chip out of
+        // toggle mode. `toggleable` can also be set directly up front for a chip that starts
+        // unselected (selected's own default) but must still be interactive from the outset.
+        if (changed.has('selected') && this.selected) {
+            this.toggleable = true;
+        }
+    }
+    // Only the default slot's own content counts toward the remove button's
+    // accessible name — text incidentally living inside the (decorative)
+    // `icon` slot shouldn't leak into "Remove {text}". Restricting to Text and
+    // Element nodes also excludes Comment nodes: when a consumer interpolates
+    // the label via a lit-html expression (`html\`<lr-chip>${label}</lr-chip>\``,
+    // the ordinary way a data-driven label gets bound) rather than a static
+    // string, lit-html inserts a marker Comment node alongside the Text node in
+    // the light DOM. That comment's own (non-empty) data is internal
+    // bookkeeping, not label content, so it must never reach `textContent`.
+    get labelText() {
+        return Array.from(this.childNodes)
+            .filter((n) => (n.nodeType === Node.TEXT_NODE || n instanceof Element) &&
+            !(n instanceof Element && n.getAttribute('slot') === 'icon'))
+            .map((n) => n.textContent ?? '')
+            .join('')
+            .trim();
+    }
+    get accessibleRemoveLabel() {
+        const text = this.labelText;
+        return text ? this.localize('removeWithContext', undefined, { label: text }) : this.localize('remove');
+    }
+    render() {
+        // `toggleMode` is sticky (see `toggleable`'s doc comment) and gates the chip's structural
+        // interactivity, so it survives `selected` toggling back to false. `pressed` tracks only the
+        // *current* value, for `aria-pressed`.
+        const toggleMode = this.toggleable && !this.removable;
+        const pressed = this.selected && !this.removable;
+        return html `
+      <span
+        part="base"
+        role=${toggleMode ? 'button' : nothing}
+        tabindex=${toggleMode ? '0' : nothing}
+        aria-pressed=${toggleMode ? (pressed ? 'true' : 'false') : nothing}
+        @click=${toggleMode ? this.onBaseClick : nothing}
+        @keydown=${toggleMode ? this.onBaseKeyDown : nothing}
+      >
+        <span part="icon" aria-hidden="true" ?hidden=${!this.hasIconSlot}>
+          <slot name="icon" @slotchange=${this.onIconSlotChange}></slot>
+        </span>
+        <span part="label"><slot></slot></span>
+        ${this.removable
+            ? html `<button part="remove-button" type="button" aria-label=${this.accessibleRemoveLabel} @click=${this.onRemoveClick}>
+              ${closeIcon()}
+            </button>`
+            : nothing}
+      </span>
+    `;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], LyraChip.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraChip.prototype, "tone", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraChip.prototype, "removable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraChip.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraChip.prototype, "toggleable", void 0);
+__decorate([
+    property()
+], LyraChip.prototype, "value", void 0);
+__decorate([
+    state()
+], LyraChip.prototype, "hasIconSlot", void 0);
+//# sourceMappingURL=chip.class.js.map

package/dist/components/overlays/chip/chip.class.js.map

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

package/dist/components/overlays/chip/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/chip/chip.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/overlays/chip/chip.js

@@ -0,0 +1,5 @@
+export * from './chip.class.js';
+import { LyraChip } from './chip.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+defineElement('chip', LyraChip);
+//# sourceMappingURL=chip.js.map

package/dist/components/overlays/chip/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../../src/components/overlays/chip/chip.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC"}

package/dist/components/overlays/chip/chip.styles.d.ts.map

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

package/dist/components/overlays/chip/chip.styles.js

@@ -0,0 +1,195 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+    max-inline-size: 100%;
+    vertical-align: middle;
+    /* One custom-property trio swapped by the :host([tone]) rules below,
+       rather than repeating background/color/border per part per tone —
+       mirrors lr-tool-call-chip's/lr-attachment-chip's identical
+       -accent/-bg/-border trio so a chip's tone vocabulary reads the same
+       everywhere in the library. 'neutral' has no dedicated token pair (see
+       the class doc), so it falls back to plain surface/border/text instead
+       of inventing a sixth tint. */
+    --lr-chip-accent: var(--lr-color-text);
+    --lr-chip-bg: var(--lr-color-surface);
+    --lr-chip-border: var(--lr-color-border);
+    /* The medium defaults exactly reproduce the original fixed chip treatment. */
+    --lr-chip-font-size: var(--lr-font-size-sm);
+    --lr-chip-padding-block: var(--lr-size-0-25rem);
+    --lr-chip-padding-inline: var(--lr-space-s);
+    --lr-chip-gap: var(--lr-space-xs);
+    --lr-chip-icon-size: var(--lr-font-size-sm);
+  }
+
+  :host([size='2xs']) {
+    --lr-chip-font-size: var(--lr-font-size-2xs);
+    --lr-chip-padding-block: var(--lr-size-0-0625rem);
+    --lr-chip-padding-inline: var(--lr-space-2xs);
+    --lr-chip-gap: var(--lr-space-2xs);
+    --lr-chip-icon-size: var(--lr-font-size-2xs);
+  }
+  :host([size='xs']) {
+    --lr-chip-font-size: var(--lr-font-size-xs);
+    --lr-chip-padding-block: var(--lr-size-0-125rem);
+    --lr-chip-padding-inline: var(--lr-space-xs);
+    --lr-chip-gap: var(--lr-space-2xs);
+    --lr-chip-icon-size: var(--lr-font-size-xs);
+  }
+  :host([size='s']) {
+    --lr-chip-font-size: var(--lr-font-size-xs);
+    --lr-chip-padding-block: var(--lr-size-0-125rem);
+    --lr-chip-padding-inline: var(--lr-size-0-375rem);
+    --lr-chip-gap: var(--lr-space-2xs);
+    --lr-chip-icon-size: var(--lr-font-size-xs);
+  }
+  :host([size='l']) {
+    --lr-chip-font-size: var(--lr-font-size-m);
+    --lr-chip-padding-block: var(--lr-size-0-375rem);
+    --lr-chip-padding-inline: var(--lr-space-m);
+    --lr-chip-gap: var(--lr-size-0-375rem);
+    --lr-chip-icon-size: var(--lr-font-size-m);
+  }
+  :host([size='xl']) {
+    --lr-chip-font-size: var(--lr-font-size-lg);
+    --lr-chip-padding-block: var(--lr-space-s);
+    --lr-chip-padding-inline: var(--lr-space-l);
+    --lr-chip-gap: var(--lr-space-s);
+    --lr-chip-icon-size: var(--lr-font-size-lg);
+  }
+
+  :host([tone='brand']) {
+    --lr-chip-accent: var(--lr-color-brand);
+    --lr-chip-bg: var(--lr-color-brand-quiet);
+    --lr-chip-border: transparent;
+  }
+  :host([tone='success']) {
+    --lr-chip-accent: var(--lr-color-success);
+    --lr-chip-bg: var(--lr-color-success-quiet);
+    --lr-chip-border: transparent;
+  }
+  :host([tone='warning']) {
+    --lr-chip-accent: var(--lr-color-warning);
+    --lr-chip-bg: var(--lr-color-warning-quiet);
+    --lr-chip-border: transparent;
+  }
+  :host([tone='danger']) {
+    --lr-chip-accent: var(--lr-color-danger);
+    --lr-chip-bg: var(--lr-color-danger-quiet);
+    --lr-chip-border: transparent;
+  }
+
+  [part='base'] {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--lr-chip-gap);
+    max-inline-size: 100%;
+    box-sizing: border-box;
+    padding: var(--lr-chip-padding-block) var(--lr-chip-padding-inline);
+    border: var(--lr-border-width-thin) solid var(--lr-chip-border);
+    border-radius: var(--lr-radius-pill);
+    background: var(--lr-chip-bg);
+    color: var(--lr-chip-accent);
+    font: inherit;
+    font-size: var(--lr-chip-font-size);
+    font-weight: var(--lr-font-weight-medium);
+    line-height: var(--lr-line-height-snug);
+  }
+
+  [part='base'][role='button'] {
+    cursor: pointer;
+    min-block-size: var(--lr-size-1-5rem);
+    -webkit-tap-highlight-color: transparent;
+    transition: background-color var(--lr-transition-fast);
+  }
+  [part='base'][role='button']:hover {
+    background: color-mix(in srgb, var(--lr-chip-accent) 8%, var(--lr-chip-bg));
+  }
+  [part='base'][role='button']:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+  [part='base'][aria-pressed='true'] {
+    /* Falls back to --lr-chip-bg (today's exact value) so every existing consumer renders
+       byte-identical when unset. A consumer wanting a distinct "active" tint independent of the
+       resting background sets --lr-chip-pressed-bg directly. */
+    background: var(--lr-chip-pressed-bg, var(--lr-chip-bg));
+    /* Falls back to --lr-chip-accent (today's exact value) so every
+       existing consumer, including all 4 \`tone\` variants, renders
+       byte-identical when unset. A consumer with a per-item arbitrary
+       color sets --lr-chip-pressed-border directly, leaving
+       --lr-chip-accent (and therefore the label text color) untouched. */
+    border-color: var(--lr-chip-pressed-border, var(--lr-chip-accent));
+  }
+
+  [part='icon'] {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--lr-chip-icon-size);
+  }
+  [part='icon'] ::slotted(*) {
+    display: block;
+  }
+  /* Defeats [part='icon']'s own 'display: inline-flex' above -- the native
+     [hidden] UA rule alone would lose to it at equal specificity. Same fix
+     lr-stat's identical [part='icon'][hidden] override already applies. */
+  [part='icon'][hidden] {
+    display: none;
+  }
+
+  [part='label'] {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* The interactive hit target meets the shared minimum tappable size (same --lr-icon-button-size
+     floor as lr-swatch-picker's [part='swatch']/lr-token-input's [part='remove']), while the
+     *visible* glyph stays a compact 0.75em × close icon -- a chip is a small horizontal pill, and
+     growing the whole button box to 40px would visually balloon the row. Since the button sits at
+     the pill's trailing edge with nothing after it, the extra hit-target growth is pulled back via
+     a matching negative margin (rather than growing outward into the next chip in a wrapped row) so
+     the *visible* pill footprint is unchanged -- the enlarged hit area simply overlaps into the
+     pill's own padding/background rather than expanding the row's layout box. */
+  [part='remove-button'] {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: var(--lr-icon-button-size);
+    min-block-size: var(--lr-icon-button-size);
+    margin: calc((var(--lr-icon-button-size) - var(--lr-size-1-25rem)) / -2);
+    margin-inline-end: calc((var(--lr-icon-button-size) - var(--lr-size-1-25rem)) / -2 + var(--lr-size-neg-0-15rem));
+    padding: 0;
+    border: none;
+    border-radius: var(--lr-radius-pill);
+    background: transparent;
+    color: inherit;
+    font-size: var(--lr-size-0-75em);
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    transition: background-color var(--lr-transition-fast);
+  }
+  [part='remove-button']:hover {
+    background: color-mix(in srgb, currentColor 16%, transparent);
+  }
+  [part='remove-button']:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+  [part='remove-button'] svg {
+    display: block;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    [part='remove-button'],
+    [part='base'][role='button'] {
+      transition: none !important;
+    }
+  }
+`;
+//# sourceMappingURL=chip.styles.js.map

package/dist/components/overlays/chip/chip.styles.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/confirm.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,CAAC;AAIrB,MAAM,WAAW,cAAc;IAC7B,oHAAoH;IACpH,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6HAA6H;IAC7H,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CA2CjE"}

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

@@ -0,0 +1,80 @@
+import './dialog.js';
+import { tag } from '../../../internal/prefix.js';
+import { resolveLyraString } from '../../../internal/localization.js';
+// Plain inline-styled <button>s, not a shared lr-button component -- none
+// exists in this library yet. Every value below is still a --lr-* token
+// reference, never a raw literal, same requirement as a component's own
+// 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: var(--lr-font-size-md-sm); padding: var(--lr-space-xs) var(--lr-space-m); ' +
+    'border-radius: var(--lr-radius); cursor: pointer; border: var(--lr-border-width-thin) solid var(--lr-color-border);';
+const CANCEL_STYLE = 'background: var(--lr-color-surface); color: var(--lr-color-text);';
+const CONFIRM_TONE_STYLE = {
+    neutral: 'background: var(--lr-color-brand); color: var(--lr-color-on-brand); border-color: var(--lr-color-brand);',
+    danger: 'background: var(--lr-color-danger); color: var(--lr-color-on-danger); border-color: var(--lr-color-danger);',
+};
+function createButton(label, style, onClick) {
+    const button = document.createElement('button');
+    button.type = 'button';
+    button.textContent = label;
+    button.style.cssText = `${BUTTON_BASE_STYLE} ${style}`;
+    button.addEventListener('click', onClick);
+    return button;
+}
+/**
+ * Show a confirmation modal, resolving `true` only when the confirm button
+ * is pressed -- Escape, a backdrop click, and the cancel button all resolve
+ * `false`. A drop-in replacement for `window.confirm()`.
+ *
+ * Mounts a transient `<lr-dialog>` for the duration of the call and
+ * removes it once settled, rather than reusing a persistent page-level
+ * region (contrast `lr-toast`'s `toaster.ts`): a confirmation modal has no
+ * stacking/queueing concerns -- only one is ever meant to be open at a time
+ * -- so a mount-and-remove per call keeps its lifetime trivially tied to the
+ * returned promise, with nothing left mounted between calls.
+ *
+ * Every dismissal path (confirm button, cancel button, Escape, backdrop
+ * click) funnels through `<lr-dialog>`'s own `close()`/`lr-dialog-close`
+ * event, so there is exactly one place that resolves the promise and tears
+ * the dialog down.
+ *
+ * @example
+ * const ok = await confirm({
+ *   title: 'Delete conversation?',
+ *   description: 'This cannot be undone.',
+ *   confirmLabel: 'Delete',
+ *   tone: 'danger',
+ * });
+ * if (ok) deleteConversation();
+ */
+export function confirm(options) {
+    const { title, description, confirmLabel, cancelLabel, tone = 'neutral' } = options;
+    return new Promise((resolve) => {
+        const dialog = document.createElement(tag('dialog'));
+        const heading = document.createElement('h2');
+        heading.textContent = title;
+        heading.style.cssText =
+            'margin: 0 0 var(--lr-space-s) 0; font-size: var(--lr-size-1-0625rem); font-weight: var(--lr-font-weight-semibold);';
+        dialog.appendChild(heading);
+        if (description) {
+            const desc = document.createElement('p');
+            desc.textContent = description;
+            desc.style.cssText = 'margin: var(--lr-space-xs) 0 0 0; color: var(--lr-color-text-quiet);';
+            dialog.appendChild(desc);
+        }
+        dialog.addEventListener('lr-dialog-close', (e) => {
+            const reason = e.detail;
+            resolve(reason === 'confirm');
+            dialog.remove();
+        });
+        const cancelButton = createButton(resolveLyraString(dialog, 'cancel', undefined, cancelLabel), CANCEL_STYLE, () => dialog.close('cancel'));
+        cancelButton.slot = 'footer';
+        const confirmButton = createButton(resolveLyraString(dialog, 'confirm', undefined, confirmLabel), CONFIRM_TONE_STYLE[tone], () => dialog.close('confirm'));
+        confirmButton.slot = 'footer';
+        dialog.appendChild(cancelButton);
+        dialog.appendChild(confirmButton);
+        dialog.open = true;
+        document.body.appendChild(dialog);
+    });
+}
+//# sourceMappingURL=confirm.js.map

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

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