@aceshooting/lyra-ui 2.0.0 → 2.2.0

package/dist/components/file-input/file-input.class.d.ts

@@ -0,0 +1,66 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export interface RejectedFile {
+    file: File;
+    reason: 'type' | 'count' | 'size';
+}
+/**
+ * `<lyra-file-input>` — a drag-drop + click-to-browse file dropzone. Emits
+ * raw `File[]`; parsing (CSV/XLSX/etc.) is left to the host, since that's
+ * where files ultimately get uploaded and processed anyway.
+ *
+ * @customElement lyra-file-input
+ * @slot - Custom drop-zone content, overrides the `label` attribute. The
+ * accessible name always comes from `label`, so icon-only slot content
+ * remains announced correctly.
+ * @event lyra-files - `detail: { files, rejected }`, fired on drop and manual selection.
+ * @csspart base - The dropzone's root, clickable/focusable container.
+ * @csspart input - The visually-hidden native `<input type="file">`.
+ * @csspart status - The visually-hidden live region announcing drag accept/reject state.
+ */
+export interface LyraFileInputEventMap {
+    'lyra-files': CustomEvent<{
+        files: File[];
+        rejected: RejectedFile[];
+    }>;
+}
+export declare class LyraFileInput extends LyraElement<LyraFileInputEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    multiple: boolean;
+    disabled: boolean;
+    accept: string;
+    allowedMimeTypes: string[];
+    forbiddenMimeTypes: string[];
+    maxFileSize: number;
+    label: string;
+    /** Message announced after an accepted selection; `{count}` is replaced by
+     * the number of accepted files. */
+    acceptedMessage: string;
+    /** Message announced after rejected files; `{count}` is replaced by the
+     * number of rejected files. */
+    rejectedMessage: string;
+    private dragState;
+    private resultStatus;
+    private inputEl?;
+    private dragCounter;
+    private isAllowed;
+    private classify;
+    private emitFiles;
+    /** Programmatically open the native file picker. */
+    openPicker(): void;
+    private previewState;
+    private onDragEnter;
+    private onDragOver;
+    private onDragLeave;
+    private onDrop;
+    private onInputChange;
+    private onKeyDown;
+    private statusText;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-file-input': LyraFileInput;
+    }
+}
+//# sourceMappingURL=file-input.class.d.ts.map

package/dist/components/file-input/file-input.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.class.d.ts","sourceRoot":"","sources":["../../../src/components/file-input/file-input.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAO7D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACnC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,IAAI,EAAE,CAAC;QAAC,QAAQ,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC,CAAC;CACxE;AACD,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAwC;IAET,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjD,MAAM,SAAM;IACQ,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAChC,kBAAkB,EAAE,MAAM,EAAE,CAAM;IACV,WAAW,SAAK;IAC5D,KAAK,SAAwC;IACzD;uCACmC;IACU,eAAe,SAA4B;IACxF;mCAC+B;IACc,eAAe,SAA+B;IAElF,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,YAAY,CAAM;IACN,OAAO,CAAC,OAAO,CAAC,CAAmB;IAEhE,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,SAAS;IAcjB,OAAO,CAAC,QAAQ;IAiBhB,OAAO,CAAC,SAAS;IASjB,oDAAoD;IACpD,UAAU,IAAI,IAAI,CAGjB;IAED,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,UAAU,CAMhB;IAEF,OAAO,CAAC,WAAW,CAKjB;IAEF,OAAO,CAAC,MAAM,CASZ;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,SAAS,CAQf;IAEF,OAAO,CAAC,UAAU;IAMlB,MAAM,IAAI,cAAc,CA8BvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/file-input/file-input.class.js

@@ -0,0 +1,213 @@
+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, query } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { srOnly } from '../../internal/a11y.js';
+import { styles } from './file-input.styles.js';
+import { matchesAccept } from './accept.js';
+export class LyraFileInput extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.multiple = false;
+        this.disabled = false;
+        this.accept = '';
+        this.allowedMimeTypes = [];
+        this.forbiddenMimeTypes = [];
+        this.maxFileSize = 0;
+        this.label = 'Drop files here or click to browse';
+        /** Message announced after an accepted selection; `{count}` is replaced by
+         * the number of accepted files. */
+        this.acceptedMessage = '{count} file(s) added.';
+        /** Message announced after rejected files; `{count}` is replaced by the
+         * number of rejected files. */
+        this.rejectedMessage = '{count} file(s) rejected.';
+        this.dragState = 'default';
+        this.resultStatus = '';
+        this.dragCounter = 0;
+        this.onDragEnter = (e) => {
+            e.preventDefault();
+            if (this.disabled)
+                return;
+            this.dragCounter++;
+            const items = e.dataTransfer ? [...e.dataTransfer.items].filter((i) => i.kind === 'file') : [];
+            this.dragState = items.length ? this.previewState(items) : 'default';
+        };
+        this.onDragOver = (e) => {
+            // Always suppress the browser's default drop action (e.g. navigating the
+            // whole page to the dropped file), even while disabled — only the
+            // subsequent classification/emit logic is gated on `disabled`.
+            e.preventDefault();
+            if (this.disabled)
+                return;
+        };
+        this.onDragLeave = (e) => {
+            if (this.disabled)
+                return;
+            e.preventDefault();
+            this.dragCounter = Math.max(0, this.dragCounter - 1);
+            if (this.dragCounter === 0)
+                this.dragState = 'default';
+        };
+        this.onDrop = (e) => {
+            // Same rationale as `onDragOver`: prevent the browser's default drop
+            // action unconditionally, before the `disabled` gate.
+            e.preventDefault();
+            if (this.disabled)
+                return;
+            this.dragCounter = 0;
+            this.dragState = 'default';
+            const files = [...(e.dataTransfer?.files ?? [])];
+            if (files.length)
+                this.emitFiles(files);
+        };
+        this.onInputChange = (e) => {
+            const files = [...(e.target.files ?? [])];
+            e.target.value = '';
+            if (files.length)
+                this.emitFiles(files);
+        };
+        this.onKeyDown = (e) => {
+            if (this.disabled)
+                return;
+            if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {
+                // Prevent Space from scrolling the page, matching the `table.ts`
+                // sortable-header/row convention for role-based clickable elements.
+                e.preventDefault();
+                this.openPicker();
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles, srOnly]; }
+    isAllowed(file, isPreview = false) {
+        if (this.forbiddenMimeTypes.includes(file.type))
+            return 'type';
+        if (this.allowedMimeTypes.length > 0 && !this.allowedMimeTypes.includes(file.type))
+            return 'type';
+        // During dragenter preview, `accept` extension patterns can't be evaluated (no
+        // `.name` yet) — treat them as a possible match rather than a guaranteed reject,
+        // so the preview doesn't flag a file that will in fact be accepted on drop.
+        if (this.accept && !matchesAccept(file, this.accept, isPreview))
+            return 'type';
+        // `file.size` is `undefined` on the synthetic `DataTransferItem`-cast objects
+        // used during dragenter preview (real sizes aren't available until drop),
+        // so this naturally only takes effect for the real `classify()` call at drop time.
+        if (this.maxFileSize > 0 && file.size > this.maxFileSize)
+            return 'size';
+        return 'ok';
+    }
+    classify(fileList, isPreview = false) {
+        if (!this.multiple && fileList.length > 1) {
+            return { files: [], rejected: fileList.map((file) => ({ file, reason: 'count' })) };
+        }
+        const files = [];
+        const rejected = [];
+        for (const f of fileList) {
+            const reason = this.isAllowed(f, isPreview);
+            if (reason === 'ok')
+                files.push(f);
+            else
+                rejected.push({ file: f, reason });
+        }
+        return { files, rejected };
+    }
+    emitFiles(fileList) {
+        const { files, rejected } = this.classify(fileList);
+        const messages = [];
+        if (files.length)
+            messages.push(this.acceptedMessage.replace('{count}', String(files.length)));
+        if (rejected.length)
+            messages.push(this.rejectedMessage.replace('{count}', String(rejected.length)));
+        this.resultStatus = messages.join(' ');
+        this.emit('lyra-files', { files, rejected });
+    }
+    /** Programmatically open the native file picker. */
+    openPicker() {
+        if (this.disabled)
+            return;
+        this.inputEl?.click();
+    }
+    previewState(fileList) {
+        const { rejected } = this.classify(fileList, true);
+        return rejected.length > 0 ? 'reject' : 'accept';
+    }
+    statusText() {
+        if (this.dragState === 'accept')
+            return 'Release to add the file.';
+        if (this.dragState === 'reject')
+            return 'This file type is not accepted.';
+        return this.resultStatus;
+    }
+    render() {
+        return html `
+      <div
+        part="base"
+        role="button"
+        tabindex=${this.disabled ? '-1' : '0'}
+        aria-disabled=${this.disabled ? 'true' : nothing}
+        aria-label=${this.label}
+        data-drag-state=${this.dragState}
+        @dragenter=${this.onDragEnter}
+        @dragover=${this.onDragOver}
+        @dragleave=${this.onDragLeave}
+        @drop=${this.onDrop}
+        @click=${() => !this.disabled && this.openPicker()}
+        @keydown=${this.onKeyDown}
+      >
+        <slot>${this.label}</slot>
+      </div>
+      <div part="status" class="sr-only" role="status" aria-live="polite">${this.statusText()}</div>
+      <input
+        part="input"
+        type="file"
+        tabindex="-1"
+        aria-hidden="true"
+        accept=${this.accept}
+        ?multiple=${this.multiple}
+        ?disabled=${this.disabled}
+        @change=${this.onInputChange}
+      />
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraFileInput.prototype, "multiple", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraFileInput.prototype, "disabled", void 0);
+__decorate([
+    property()
+], LyraFileInput.prototype, "accept", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraFileInput.prototype, "allowedMimeTypes", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraFileInput.prototype, "forbiddenMimeTypes", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-file-size' })
+], LyraFileInput.prototype, "maxFileSize", void 0);
+__decorate([
+    property()
+], LyraFileInput.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'accepted-message' })
+], LyraFileInput.prototype, "acceptedMessage", void 0);
+__decorate([
+    property({ attribute: 'rejected-message' })
+], LyraFileInput.prototype, "rejectedMessage", void 0);
+__decorate([
+    state()
+], LyraFileInput.prototype, "dragState", void 0);
+__decorate([
+    state()
+], LyraFileInput.prototype, "resultStatus", void 0);
+__decorate([
+    query('input[type="file"]')
+], LyraFileInput.prototype, "inputEl", void 0);
+//# sourceMappingURL=file-input.class.js.map

package/dist/components/file-input/file-input.class.js.map

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

package/dist/components/file-input/file-input.d.ts

@@ -1,50 +1,2 @@
-import { type TemplateResult } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-export interface RejectedFile {
-    file: File;
-    reason: 'type' | 'count' | 'size';
-}
-/**
- * `<lyra-file-input>` — a drag-drop + click-to-browse file dropzone. Emits
- * raw `File[]`; parsing (CSV/XLSX/etc.) is left to the host, since that's
- * where files ultimately get uploaded and processed anyway.
- *
- * @customElement lyra-file-input
- * @slot - Custom drop-zone content, overrides the `label` attribute. The
- * accessible name always comes from `label`, so icon-only slot content
- * remains announced correctly.
- * @event lyra-files - `detail: { files, rejected }`, fired on drop and manual selection.
- * @csspart base, input, status
- */
-export declare class LyraFileInput extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    multiple: boolean;
-    disabled: boolean;
-    accept: string;
-    allowedMimeTypes: string[];
-    forbiddenMimeTypes: string[];
-    maxFileSize: number;
-    label: string;
-    private dragState;
-    private inputEl?;
-    private dragCounter;
-    private isAllowed;
-    private classify;
-    private emitFiles;
-    /** Programmatically open the native file picker. */
-    openPicker(): void;
-    private previewState;
-    private onDragEnter;
-    private onDragOver;
-    private onDragLeave;
-    private onDrop;
-    private onInputChange;
-    private onKeyDown;
-    private statusText;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-file-input': LyraFileInput;
-    }
-}
+export * from './file-input.class.js';
+//# sourceMappingURL=file-input.d.ts.map

package/dist/components/file-input/file-input.d.ts.map

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

package/dist/components/file-input/file-input.js

@@ -1,197 +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, query } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './file-input.class.js';
+import { LyraFileInput } from './file-input.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { srOnly } from '../../internal/a11y.js';
-import { styles } from './file-input.styles.js';
-import { matchesAccept } from './accept.js';
-/**
- * `<lyra-file-input>` — a drag-drop + click-to-browse file dropzone. Emits
- * raw `File[]`; parsing (CSV/XLSX/etc.) is left to the host, since that's
- * where files ultimately get uploaded and processed anyway.
- *
- * @customElement lyra-file-input
- * @slot - Custom drop-zone content, overrides the `label` attribute. The
- * accessible name always comes from `label`, so icon-only slot content
- * remains announced correctly.
- * @event lyra-files - `detail: { files, rejected }`, fired on drop and manual selection.
- * @csspart base, input, status
- */
-export class LyraFileInput extends LyraElement {
-    constructor() {
-        super(...arguments);
-        this.multiple = false;
-        this.disabled = false;
-        this.accept = '';
-        this.allowedMimeTypes = [];
-        this.forbiddenMimeTypes = [];
-        this.maxFileSize = 0;
-        this.label = 'Drop files here or click to browse';
-        this.dragState = 'default';
-        this.dragCounter = 0;
-        this.onDragEnter = (e) => {
-            if (this.disabled)
-                return;
-            e.preventDefault();
-            this.dragCounter++;
-            const items = e.dataTransfer ? [...e.dataTransfer.items].filter((i) => i.kind === 'file') : [];
-            this.dragState = items.length ? this.previewState(items) : 'default';
-        };
-        this.onDragOver = (e) => {
-            if (this.disabled)
-                return;
-            e.preventDefault();
-        };
-        this.onDragLeave = (e) => {
-            if (this.disabled)
-                return;
-            e.preventDefault();
-            this.dragCounter = Math.max(0, this.dragCounter - 1);
-            if (this.dragCounter === 0)
-                this.dragState = 'default';
-        };
-        this.onDrop = (e) => {
-            if (this.disabled)
-                return;
-            e.preventDefault();
-            this.dragCounter = 0;
-            this.dragState = 'default';
-            const files = [...(e.dataTransfer?.files ?? [])];
-            if (files.length)
-                this.emitFiles(files);
-        };
-        this.onInputChange = (e) => {
-            const files = [...(e.target.files ?? [])];
-            e.target.value = '';
-            if (files.length)
-                this.emitFiles(files);
-        };
-        this.onKeyDown = (e) => {
-            if (this.disabled)
-                return;
-            if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {
-                // Prevent Space from scrolling the page, matching the `table.ts`
-                // sortable-header/row convention for role-based clickable elements.
-                e.preventDefault();
-                this.openPicker();
-            }
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles, srOnly]; }
-    isAllowed(file, isPreview = false) {
-        if (this.forbiddenMimeTypes.includes(file.type))
-            return 'type';
-        if (this.allowedMimeTypes.length > 0 && !this.allowedMimeTypes.includes(file.type))
-            return 'type';
-        // During dragenter preview, `accept` extension patterns can't be evaluated (no
-        // `.name` yet) — treat them as a possible match rather than a guaranteed reject,
-        // so the preview doesn't flag a file that will in fact be accepted on drop.
-        if (this.accept && !matchesAccept(file, this.accept, isPreview))
-            return 'type';
-        // `file.size` is `undefined` on the synthetic `DataTransferItem`-cast objects
-        // used during dragenter preview (real sizes aren't available until drop),
-        // so this naturally only takes effect for the real `classify()` call at drop time.
-        if (this.maxFileSize > 0 && file.size > this.maxFileSize)
-            return 'size';
-        return 'ok';
-    }
-    classify(fileList, isPreview = false) {
-        if (!this.multiple && fileList.length > 1) {
-            return { files: [], rejected: fileList.map((file) => ({ file, reason: 'count' })) };
-        }
-        const files = [];
-        const rejected = [];
-        for (const f of fileList) {
-            const reason = this.isAllowed(f, isPreview);
-            if (reason === 'ok')
-                files.push(f);
-            else
-                rejected.push({ file: f, reason });
-        }
-        return { files, rejected };
-    }
-    emitFiles(fileList) {
-        const { files, rejected } = this.classify(fileList);
-        this.emit('lyra-files', { files, rejected });
-    }
-    /** Programmatically open the native file picker. */
-    openPicker() {
-        this.inputEl?.click();
-    }
-    previewState(fileList) {
-        const { rejected } = this.classify(fileList, true);
-        return rejected.length > 0 ? 'reject' : 'accept';
-    }
-    statusText() {
-        if (this.dragState === 'accept')
-            return 'Release to add the file.';
-        if (this.dragState === 'reject')
-            return 'This file type is not accepted.';
-        return '';
-    }
-    render() {
-        return html `
-      <div
-        part="base"
-        role="button"
-        tabindex=${this.disabled ? '-1' : '0'}
-        aria-disabled=${this.disabled ? 'true' : nothing}
-        aria-label=${this.label}
-        data-drag-state=${this.dragState}
-        @dragenter=${this.onDragEnter}
-        @dragover=${this.onDragOver}
-        @dragleave=${this.onDragLeave}
-        @drop=${this.onDrop}
-        @click=${() => !this.disabled && this.openPicker()}
-        @keydown=${this.onKeyDown}
-      >
-        <slot>${this.label}</slot>
-      </div>
-      <div part="status" class="sr-only" role="status" aria-live="polite">${this.statusText()}</div>
-      <input
-        part="input"
-        type="file"
-        tabindex="-1"
-        aria-hidden="true"
-        accept=${this.accept}
-        ?multiple=${this.multiple}
-        ?disabled=${this.disabled}
-        @change=${this.onInputChange}
-      />
-    `;
-    }
-}
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraFileInput.prototype, "multiple", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraFileInput.prototype, "disabled", void 0);
-__decorate([
-    property()
-], LyraFileInput.prototype, "accept", void 0);
-__decorate([
-    property({ attribute: false })
-], LyraFileInput.prototype, "allowedMimeTypes", void 0);
-__decorate([
-    property({ attribute: false })
-], LyraFileInput.prototype, "forbiddenMimeTypes", void 0);
-__decorate([
-    property({ type: Number, attribute: 'max-file-size' })
-], LyraFileInput.prototype, "maxFileSize", void 0);
-__decorate([
-    property()
-], LyraFileInput.prototype, "label", void 0);
-__decorate([
-    state()
-], LyraFileInput.prototype, "dragState", void 0);
-__decorate([
-    query('input[type="file"]')
-], LyraFileInput.prototype, "inputEl", void 0);
 defineElement('file-input', LyraFileInput);
+//# sourceMappingURL=file-input.js.map

package/dist/components/file-input/file-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../src/components/file-input/file-input.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/file-input/file-input.styles.d.ts

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

package/dist/components/file-input/file-input.styles.d.ts.map

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

package/dist/components/file-input/file-input.styles.js

@@ -10,13 +10,13 @@ export const styles = css `
     justify-content: center;
     gap: var(--lyra-space-xs);
     padding: var(--lyra-space-l);
-    border: 2px dashed var(--lyra-color-border);
+    border: var(--lyra-border-width-medium) dashed var(--lyra-color-border);
     border-radius: var(--lyra-radius);
     background: var(--lyra-color-surface);
     color: var(--lyra-color-text-quiet);
     text-align: center;
     cursor: pointer;
-    font-size: 0.875rem;
+    font-size: var(--lyra-font-size-md-sm);
   }
   [part='base'][data-drag-state='accept'] {
     border-color: var(--lyra-color-success);
@@ -36,9 +36,10 @@ export const styles = css `
   }
   [part='input'] {
     position: absolute;
-    inline-size: 1px;
-    block-size: 1px;
+    inline-size: var(--lyra-size-1px);
+    block-size: var(--lyra-size-1px);
     opacity: 0;
     overflow: hidden;
   }
 `;
+//# sourceMappingURL=file-input.styles.js.map

package/dist/components/file-input/file-input.styles.js.map

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

package/dist/components/flag/flag-peer.d.ts

@@ -0,0 +1,8 @@
+import { type FlagUrlResolver } from './flag.js';
+/**
+ * Register the optional `@aceshooting/lyra-flags` resolver for country and
+ * language based flags. Import this entry explicitly when that feature is
+ * used; the core Lyra barrel stays free of the optional asset graph.
+ */
+export declare function registerLyraFlagPeer(): Promise<FlagUrlResolver | null>;
+//# sourceMappingURL=flag-peer.d.ts.map

package/dist/components/flag/flag-peer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag-peer.d.ts","sourceRoot":"","sources":["../../../src/components/flag/flag-peer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAKlF;;;;GAIG;AACH,wBAAsB,oBAAoB,IAAI,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,CAE5E"}

package/dist/components/flag/flag-peer.js

@@ -0,0 +1,13 @@
+import { loadFlagUrl, setFlagUrlResolver } from './flag.js';
+const peerResolver = loadFlagUrl(() => import('@aceshooting/lyra-flags'));
+setFlagUrlResolver(peerResolver);
+/**
+ * Register the optional `@aceshooting/lyra-flags` resolver for country and
+ * language based flags. Import this entry explicitly when that feature is
+ * used; the core Lyra barrel stays free of the optional asset graph.
+ */
+export async function registerLyraFlagPeer() {
+    return peerResolver;
+}
+void registerLyraFlagPeer();
+//# sourceMappingURL=flag-peer.js.map

package/dist/components/flag/flag-peer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag-peer.js","sourceRoot":"","sources":["../../../src/components/flag/flag-peer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAwB,MAAM,WAAW,CAAC;AAElF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC;AAC1E,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAEjC;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,oBAAoB;IACxC,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,KAAK,oBAAoB,EAAE,CAAC"}