@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/document-preview/document-preview.styles.js

@@ -10,14 +10,14 @@ export const styles = css `
     /* No shared --wa-*/--lyra-* monospace token exists to resolve through
        (same gap lyra-json-viewer's own --lyra-json-viewer-font documents) --
        contained here so a host page can retheme it. */
-    --lyra-document-preview-font: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --lyra-document-preview-font: var(--lyra-font-mono);
   }
 
   [part='base'] {
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
-    border: 1px solid var(--lyra-color-border);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     border-radius: var(--lyra-radius);
     background: var(--lyra-color-surface);
     overflow: hidden;
@@ -28,7 +28,7 @@ export const styles = css `
     align-items: center;
     gap: var(--lyra-space-s);
     padding: var(--lyra-space-s) var(--lyra-space-m);
-    border-block-end: 1px solid var(--lyra-color-border);
+    border-block-end: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     background: var(--lyra-color-surface);
   }
   [part='header'][hidden] {
@@ -38,8 +38,8 @@ export const styles = css `
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-weight: 600;
-    font-size: 0.875rem;
+    font-weight: var(--lyra-font-weight-semibold);
+    font-size: var(--lyra-font-size-md-sm);
     color: var(--lyra-color-text);
   }
 
@@ -48,7 +48,7 @@ export const styles = css `
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    min-block-size: 10rem;
+    min-block-size: var(--lyra-size-10rem);
     max-block-size: var(--lyra-document-preview-max-height);
     box-sizing: border-box;
     overflow: auto;
@@ -64,8 +64,8 @@ export const styles = css `
     margin: 0;
     padding: var(--lyra-space-m);
     font-family: var(--lyra-document-preview-font);
-    font-size: 0.8125rem;
-    line-height: 1.6;
+    font-size: var(--lyra-font-size-sm);
+    line-height: var(--lyra-line-height-loose);
     white-space: pre;
     overflow: auto;
     color: var(--lyra-color-text);
@@ -83,7 +83,7 @@ export const styles = css `
     margin: 0;
     padding: var(--lyra-space-m);
     color: var(--lyra-color-text-quiet);
-    font-size: 0.875rem;
+    font-size: var(--lyra-font-size-md-sm);
   }
 
   /* -- generic download fallback ------------------------------------- */
@@ -97,7 +97,7 @@ export const styles = css `
   }
   .fallback-icon {
     display: inline-flex;
-    font-size: 2rem;
+    font-size: var(--lyra-font-size-3xl);
     color: var(--lyra-color-text-quiet);
   }
   .fallback-icon svg {
@@ -106,7 +106,7 @@ export const styles = css `
   .fallback-text {
     margin: 0;
     color: var(--lyra-color-text-quiet);
-    font-size: 0.875rem;
+    font-size: var(--lyra-font-size-md-sm);
   }
   [part='download-link'] {
     display: inline-flex;
@@ -117,14 +117,14 @@ export const styles = css `
     background: var(--lyra-color-brand);
     color: var(--lyra-color-on-brand);
     font: inherit;
-    font-weight: 600;
-    font-size: 0.8125rem;
+    font-weight: var(--lyra-font-weight-semibold);
+    font-size: var(--lyra-font-size-sm);
     text-decoration: none;
     cursor: pointer;
     transition: background-color var(--lyra-transition-fast);
   }
   [part='download-link']:hover {
-    background: color-mix(in srgb, var(--lyra-color-brand) 85%, black);
+    background: color-mix(in srgb, var(--lyra-color-brand) 85%, var(--lyra-color-shadow));
   }
   [part='download-link']:focus-visible {
     outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
@@ -144,10 +144,10 @@ export const styles = css `
   }
   .ring {
     display: inline-block;
-    inline-size: 2rem;
-    block-size: 2rem;
+    inline-size: var(--lyra-size-2rem);
+    block-size: var(--lyra-size-2rem);
     border-radius: 50%;
-    border: 3px solid var(--lyra-color-border);
+    border: var(--lyra-border-width-thick) solid var(--lyra-color-border);
     border-block-start-color: var(--lyra-color-brand);
     animation: lyra-document-preview-spin 0.8s linear infinite;
   }
@@ -161,12 +161,12 @@ export const styles = css `
       var(--lyra-color-brand) calc(var(--lyra-document-preview-progress, 0) * 1%),
       var(--lyra-color-border) 0
     );
-    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
-    mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
+    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--lyra-size-3px)), var(--lyra-color-shadow) calc(100% - var(--lyra-size-3px)));
+    mask: radial-gradient(farthest-side, transparent calc(100% - var(--lyra-size-3px)), var(--lyra-color-shadow) calc(100% - var(--lyra-size-3px)));
   }
   .spinner-text {
     color: var(--lyra-color-text-quiet);
-    font-size: 0.8125rem;
+    font-size: var(--lyra-font-size-sm);
     font-variant-numeric: tabular-nums;
   }
   @keyframes lyra-document-preview-spin {
@@ -185,7 +185,8 @@ export const styles = css `
     margin: 0;
     padding: var(--lyra-space-l);
     color: var(--lyra-color-danger);
-    font-size: 0.875rem;
+    font-size: var(--lyra-font-size-md-sm);
     text-align: center;
   }
 `;
+//# sourceMappingURL=document-preview.styles.js.map

package/dist/components/document-preview/document-preview.styles.js.map

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

package/dist/components/empty/empty.class.d.ts

@@ -0,0 +1,49 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-empty>` — a generic empty/no-data state. First-party invention (no
+ * Web Awesome equivalent); fills a gap common to dashboard-style apps.
+ *
+ * @customElement lyra-empty
+ * @slot - Custom icon or illustration (defaults to none).
+ * @slot heading - Rich heading content (overrides the `heading` attribute).
+ * @slot description - Rich description content (overrides the `description` attribute).
+ * @slot actions - Buttons/links shown below the description.
+ * @csspart base - The outer container.
+ * @csspart icon - The wrapper around the default-slotted icon/illustration.
+ * @csspart heading - The heading paragraph.
+ * @csspart description - The description paragraph.
+ * @csspart actions - The wrapper around the `actions`-slotted content.
+ */
+export declare class LyraEmpty extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** Short heading, e.g. "No results". */
+    heading: string;
+    /** Supporting copy, e.g. "Try a different search." */
+    description: string;
+    /**
+     * Compact rendering for use inside a constrained space (e.g. a widget body
+     * or table cell) rather than as a full-page state: left-aligned, tighter
+     * padding, and a lighter heading weight instead of the centered/spacious
+     * default.
+     */
+    compact: boolean;
+    private hasIcon;
+    private hasActions;
+    private hasHeadingSlot;
+    private hasDescriptionSlot;
+    protected willUpdate(): void;
+    firstUpdated(): void;
+    private reconcileSlotHidden;
+    private onIconSlotChange;
+    private onActionsSlotChange;
+    private onHeadingSlotChange;
+    private onDescriptionSlotChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-empty': LyraEmpty;
+    }
+}
+//# sourceMappingURL=empty.class.d.ts.map

package/dist/components/empty/empty.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.class.d.ts","sourceRoot":"","sources":["../../../src/components/empty/empty.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D;;;;;;;;;;;;;;GAcG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,iCAAgC;IAE7C,wCAAwC;IAC5B,OAAO,SAAM;IAEzB,sDAAsD;IAC1C,WAAW,SAAM;IAE7B;;;;;OAKG;IACyC,OAAO,UAAS;IAKnD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,kBAAkB,CAAS;IAE5C,SAAS,CAAC,UAAU,IAAI,IAAI,CAgB3B;IAED,YAAY,IAAI,IAAI,CAoBnB;IAED,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEF,OAAO,CAAC,uBAAuB,CAG7B;IAEF,MAAM,IAAI,cAAc,CAiBvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/empty/empty.class.js

@@ -0,0 +1,138 @@
+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, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './empty.styles.js';
+/**
+ * `<lyra-empty>` — a generic empty/no-data state. First-party invention (no
+ * Web Awesome equivalent); fills a gap common to dashboard-style apps.
+ *
+ * @customElement lyra-empty
+ * @slot - Custom icon or illustration (defaults to none).
+ * @slot heading - Rich heading content (overrides the `heading` attribute).
+ * @slot description - Rich description content (overrides the `description` attribute).
+ * @slot actions - Buttons/links shown below the description.
+ * @csspart base - The outer container.
+ * @csspart icon - The wrapper around the default-slotted icon/illustration.
+ * @csspart heading - The heading paragraph.
+ * @csspart description - The description paragraph.
+ * @csspart actions - The wrapper around the `actions`-slotted content.
+ */
+export class LyraEmpty extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Short heading, e.g. "No results". */
+        this.heading = '';
+        /** Supporting copy, e.g. "Try a different search." */
+        this.description = '';
+        /**
+         * Compact rendering for use inside a constrained space (e.g. a widget body
+         * or table cell) rather than as a full-page state: left-aligned, tighter
+         * padding, and a lighter heading weight instead of the centered/spacious
+         * default.
+         */
+        this.compact = false;
+        // `[part='icon']:empty` never matches because the part always contains a
+        // `<slot>` element (CSS `:empty` only ignores text/comment nodes). Track
+        // real slot assignment in JS instead and key the CSS off these instead.
+        this.hasIcon = false;
+        this.hasActions = false;
+        this.hasHeadingSlot = false;
+        this.hasDescriptionSlot = false;
+        this.onIconSlotChange = (e) => {
+            const slot = e.target;
+            this.hasIcon = slot.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onActionsSlotChange = (e) => {
+            const slot = e.target;
+            this.hasActions = slot.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onHeadingSlotChange = (e) => {
+            const slot = e.target;
+            this.hasHeadingSlot = slot.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onDescriptionSlotChange = (e) => {
+            const slot = e.target;
+            this.hasDescriptionSlot = slot.assignedElements({ flatten: true }).length > 0;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate() {
+        // Set from light-DOM children before the first render so the initial
+        // paint is already correct — setting `hasIcon`/`hasActions` from
+        // `firstUpdated` (after the update completes) would schedule a second,
+        // wasted update (Lit's dev-mode "change-in-update" warning).
+        if (!this.hasUpdated) {
+            // An explicit `slot=""` still assigns to the default slot per the HTML
+            // slot algorithm, so check the attribute's value rather than its mere
+            // presence.
+            this.hasIcon = Array.from(this.children).some((el) => !el.getAttribute('slot'));
+            this.hasActions = Array.from(this.children).some((el) => el.getAttribute('slot') === 'actions');
+            this.hasHeadingSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'heading');
+            this.hasDescriptionSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'description');
+        }
+    }
+    firstUpdated() {
+        // Fallback reconciliation against the fully-resolved slot assignment
+        // (handles slot-forwarding — where `this.children` in `willUpdate` above
+        // are forwarding `<slot>` elements rather than the real projected
+        // content, e.g. a wrapper component's own default slot re-slotted into
+        // ours — and any browser where `slotchange` doesn't fire for content
+        // present at parse/upgrade time). This corrects the `hidden` attribute
+        // on the wrapper elements directly rather than through
+        // `hasIcon`/`hasActions`, so this one-shot correction doesn't need to
+        // schedule and wait out a second Lit render pass; the reactive state is
+        // left as `willUpdate` set it and continues to drive only the ongoing
+        // `slotchange` path below.
+        this.reconcileSlotHidden(this.shadowRoot.querySelector('slot:not([name])'), this.shadowRoot.querySelector('[part="icon"]'));
+        this.reconcileSlotHidden(this.shadowRoot.querySelector('slot[name="actions"]'), this.shadowRoot.querySelector('[part="actions"]'));
+    }
+    reconcileSlotHidden(slot, wrapper) {
+        wrapper.toggleAttribute('hidden', slot.assignedElements({ flatten: true }).length === 0);
+    }
+    render() {
+        const hasHeading = this.hasHeadingSlot || this.heading.length > 0;
+        const hasDescription = this.hasDescriptionSlot || this.description.length > 0;
+        return html `
+      <div part="base" role="status" aria-live="polite">
+        <div part="icon" ?hidden=${!this.hasIcon}><slot @slotchange=${this.onIconSlotChange}></slot></div>
+        <p part="heading" ?hidden=${!hasHeading}>
+          <slot name="heading" @slotchange=${this.onHeadingSlotChange}>${this.heading}</slot>
+        </p>
+        <p part="description" ?hidden=${!hasDescription}>
+          <slot name="description" @slotchange=${this.onDescriptionSlotChange}>${this.description}</slot>
+        </p>
+        <div part="actions" ?hidden=${!this.hasActions}>
+          <slot name="actions" @slotchange=${this.onActionsSlotChange}></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraEmpty.prototype, "heading", void 0);
+__decorate([
+    property()
+], LyraEmpty.prototype, "description", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraEmpty.prototype, "compact", void 0);
+__decorate([
+    state()
+], LyraEmpty.prototype, "hasIcon", void 0);
+__decorate([
+    state()
+], LyraEmpty.prototype, "hasActions", void 0);
+__decorate([
+    state()
+], LyraEmpty.prototype, "hasHeadingSlot", void 0);
+__decorate([
+    state()
+], LyraEmpty.prototype, "hasDescriptionSlot", void 0);
+//# sourceMappingURL=empty.class.js.map

package/dist/components/empty/empty.class.js.map

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

package/dist/components/empty/empty.d.ts

@@ -1,42 +1,2 @@
-import { type TemplateResult } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-/**
- * `<lyra-empty>` — a generic empty/no-data state. First-party invention (no
- * Web Awesome equivalent); fills a gap common to dashboard-style apps.
- *
- * @customElement lyra-empty
- * @slot - Custom icon or illustration (defaults to none).
- * @slot actions - Buttons/links shown below the description.
- * @csspart base - The outer container.
- * @csspart icon - The wrapper around the default-slotted icon/illustration.
- * @csspart heading - The heading paragraph.
- * @csspart description - The description paragraph.
- * @csspart actions - The wrapper around the `actions`-slotted content.
- */
-export declare class LyraEmpty extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** Short heading, e.g. "No results". */
-    heading: string;
-    /** Supporting copy, e.g. "Try a different search." */
-    description: string;
-    /**
-     * Compact rendering for use inside a constrained space (e.g. a widget body
-     * or table cell) rather than as a full-page state: left-aligned, tighter
-     * padding, and a lighter heading weight instead of the centered/spacious
-     * default.
-     */
-    compact: boolean;
-    private hasIcon;
-    private hasActions;
-    protected willUpdate(): void;
-    firstUpdated(): void;
-    private reconcileSlotHidden;
-    private onIconSlotChange;
-    private onActionsSlotChange;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-empty': LyraEmpty;
-    }
-}
+export * from './empty.class.js';
+//# sourceMappingURL=empty.d.ts.map

package/dist/components/empty/empty.d.ts.map

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

package/dist/components/empty/empty.js

@@ -1,113 +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 } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './empty.class.js';
+import { LyraEmpty } from './empty.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { styles } from './empty.styles.js';
-/**
- * `<lyra-empty>` — a generic empty/no-data state. First-party invention (no
- * Web Awesome equivalent); fills a gap common to dashboard-style apps.
- *
- * @customElement lyra-empty
- * @slot - Custom icon or illustration (defaults to none).
- * @slot actions - Buttons/links shown below the description.
- * @csspart base - The outer container.
- * @csspart icon - The wrapper around the default-slotted icon/illustration.
- * @csspart heading - The heading paragraph.
- * @csspart description - The description paragraph.
- * @csspart actions - The wrapper around the `actions`-slotted content.
- */
-export class LyraEmpty extends LyraElement {
-    constructor() {
-        super(...arguments);
-        /** Short heading, e.g. "No results". */
-        this.heading = '';
-        /** Supporting copy, e.g. "Try a different search." */
-        this.description = '';
-        /**
-         * Compact rendering for use inside a constrained space (e.g. a widget body
-         * or table cell) rather than as a full-page state: left-aligned, tighter
-         * padding, and a lighter heading weight instead of the centered/spacious
-         * default.
-         */
-        this.compact = false;
-        // `[part='icon']:empty` never matches because the part always contains a
-        // `<slot>` element (CSS `:empty` only ignores text/comment nodes). Track
-        // real slot assignment in JS instead and key the CSS off these instead.
-        this.hasIcon = false;
-        this.hasActions = false;
-        this.onIconSlotChange = (e) => {
-            const slot = e.target;
-            this.hasIcon = slot.assignedElements({ flatten: true }).length > 0;
-        };
-        this.onActionsSlotChange = (e) => {
-            const slot = e.target;
-            this.hasActions = slot.assignedElements({ flatten: true }).length > 0;
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    willUpdate() {
-        // Set from light-DOM children before the first render so the initial
-        // paint is already correct — setting `hasIcon`/`hasActions` from
-        // `firstUpdated` (after the update completes) would schedule a second,
-        // wasted update (Lit's dev-mode "change-in-update" warning).
-        if (!this.hasUpdated) {
-            // An explicit `slot=""` still assigns to the default slot per the HTML
-            // slot algorithm, so check the attribute's value rather than its mere
-            // presence.
-            this.hasIcon = Array.from(this.children).some((el) => !el.getAttribute('slot'));
-            this.hasActions = Array.from(this.children).some((el) => el.getAttribute('slot') === 'actions');
-        }
-    }
-    firstUpdated() {
-        // Fallback reconciliation against the fully-resolved slot assignment
-        // (handles slot-forwarding — where `this.children` in `willUpdate` above
-        // are forwarding `<slot>` elements rather than the real projected
-        // content, e.g. a wrapper component's own default slot re-slotted into
-        // ours — and any browser where `slotchange` doesn't fire for content
-        // present at parse/upgrade time). This corrects the `hidden` attribute
-        // on the wrapper elements directly rather than through
-        // `hasIcon`/`hasActions`, so this one-shot correction doesn't need to
-        // schedule and wait out a second Lit render pass; the reactive state is
-        // left as `willUpdate` set it and continues to drive only the ongoing
-        // `slotchange` path below.
-        this.reconcileSlotHidden(this.shadowRoot.querySelector('slot:not([name])'), this.shadowRoot.querySelector('[part="icon"]'));
-        this.reconcileSlotHidden(this.shadowRoot.querySelector('slot[name="actions"]'), this.shadowRoot.querySelector('[part="actions"]'));
-    }
-    reconcileSlotHidden(slot, wrapper) {
-        wrapper.toggleAttribute('hidden', slot.assignedElements({ flatten: true }).length === 0);
-    }
-    render() {
-        return html `
-      <div part="base" role="status" aria-live="polite">
-        <div part="icon" ?hidden=${!this.hasIcon}><slot @slotchange=${this.onIconSlotChange}></slot></div>
-        <p part="heading">${this.heading}</p>
-        <p part="description">${this.description}</p>
-        <div part="actions" ?hidden=${!this.hasActions}>
-          <slot name="actions" @slotchange=${this.onActionsSlotChange}></slot>
-        </div>
-      </div>
-    `;
-    }
-}
-__decorate([
-    property()
-], LyraEmpty.prototype, "heading", void 0);
-__decorate([
-    property()
-], LyraEmpty.prototype, "description", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraEmpty.prototype, "compact", void 0);
-__decorate([
-    state()
-], LyraEmpty.prototype, "hasIcon", void 0);
-__decorate([
-    state()
-], LyraEmpty.prototype, "hasActions", void 0);
 defineElement('empty', LyraEmpty);
+//# sourceMappingURL=empty.js.map

package/dist/components/empty/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../src/components/empty/empty.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC"}

package/dist/components/empty/empty.styles.d.ts

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

package/dist/components/empty/empty.styles.d.ts.map

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

package/dist/components/empty/empty.styles.js

@@ -19,32 +19,33 @@ export const styles = css `
     padding: var(--lyra-space-xs);
   }
   [part='icon'] {
-    font-size: 2rem;
-    line-height: 1;
+    font-size: var(--lyra-font-size-3xl);
+    line-height: var(--lyra-line-height-none);
     color: var(--lyra-color-border);
   }
   [part='icon'][hidden] {
     display: none;
   }
   [part='heading'] {
-    font-weight: 600;
+    font-weight: var(--lyra-font-weight-semibold);
     color: var(--lyra-color-text);
     margin: 0;
   }
-  [part='heading']:empty {
+  [part='heading'][hidden] {
     display: none;
   }
   :host([compact]) [part='heading'] {
-    font-weight: 400;
+    font-weight: var(--lyra-font-weight-normal);
   }
   [part='description'] {
-    font-size: 0.875rem;
+    font-size: var(--lyra-font-size-md-sm);
     margin: 0;
   }
-  [part='description']:empty {
+  [part='description'][hidden] {
     display: none;
   }
   [part='actions'][hidden] {
     display: none;
   }
 `;
+//# sourceMappingURL=empty.styles.js.map

package/dist/components/empty/empty.styles.js.map

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

package/dist/components/export-button/csv.d.ts

@@ -8,3 +8,4 @@ export interface CsvColumn {
 export declare function buildCsv(rows: Record<string, unknown>[], columns: CsvColumn[]): string;
 /** Triggers a browser download of `content` as `filename`. */
 export declare function downloadBlob(content: string, filename: string, mime: string): void;
+//# sourceMappingURL=csv.d.ts.map

package/dist/components/export-button/csv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"csv.d.ts","sourceRoot":"","sources":["../../../src/components/export-button/csv.ts"],"names":[],"mappings":"AAOA,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAKrD;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,yDAAyD;AACzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAItF;AAED,8DAA8D;AAC9D,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CASlF"}

package/dist/components/export-button/csv.js

@@ -30,3 +30,4 @@ export function downloadBlob(content, filename, mime) {
     // Deferred revoke: Safari can cancel the download if the URL is revoked immediately.
     setTimeout(() => URL.revokeObjectURL(url), 5000);
 }
+//# sourceMappingURL=csv.js.map

package/dist/components/export-button/csv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"csv.js","sourceRoot":"","sources":["../../../src/components/export-button/csv.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAC5F,0FAA0F;AAC1F,6FAA6F;AAC7F,iBAAiB;AACjB,MAAM,cAAc,GAAG,cAAc,CAAC;AACtC,MAAM,aAAa,GAAG,UAAU,CAAC;AAEjC,+EAA+E;AAC/E,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,IAAI,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;QAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IACxC,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAAE,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;IAC5D,OAAO,CAAC,CAAC;AACX,CAAC;AAOD,yDAAyD;AACzD,MAAM,UAAU,QAAQ,CAAC,IAA+B,EAAE,OAAoB;IAC5E,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACzF,OAAO,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACxC,CAAC;AAED,8DAA8D;AAC9D,MAAM,UAAU,YAAY,CAAC,OAAe,EAAE,QAAgB,EAAE,IAAY;IAC1E,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC;IACb,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACtB,CAAC,CAAC,KAAK,EAAE,CAAC;IACV,qFAAqF;IACrF,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;AACnD,CAAC"}