@eui/components-wc 0.0.0-stage → 22.0.0-alpha.52

package/eui-feedback-message/eui-wc-feedback-message.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+import '../eui-icon/eui-wc-icon.js';
+export type EuiWcFeedbackMessageColor = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+/**
+ * `EuiWcFeedbackMessage` — Lit Web Component projection of `eui-feedback-message`.
+ *
+ * Inline feedback/validation message with an optional leading state icon. Semantic color variants.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-feedback-message color="critical">Field is required.</eui-wc-feedback-message>
+ * <eui-wc-feedback-message color="success" is-muted>Saved.</eui-wc-feedback-message>
+ * ```
+ */
+export declare class EuiWcFeedbackMessage extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Semantic color variant. @default 'neutral' */
+    color: EuiWcFeedbackMessageColor;
+    /** When true, hides the leading state icon. @default false */
+    isMuted: boolean;
+    /** `data-e2e` attribute. */
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-feedback-message': EuiWcFeedbackMessage;
+    }
+}
+//# sourceMappingURL=eui-wc-feedback-message.d.ts.map

package/eui-feedback-message/eui-wc-feedback-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-feedback-message.d.ts","sourceRoot":"","sources":["../../src/eui-feedback-message/eui-wc-feedback-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAa5G;;;;;;;;;;GAUG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAChD,OAAgB,MAAM,0BAuBpB;IAEF,iDAAiD;IACpB,KAAK,EAAE,yBAAyB,CAAa;IAC1E,8DAA8D;IACK,OAAO,UAAS;IACnF,4BAA4B;IACS,OAAO,SAA6B;IAEhE,MAAM;CAelB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;CACJ"}

package/eui-feedback-message/eui-wc-feedback-message.js

@@ -0,0 +1,94 @@
+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 { LitElement, html, css, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import '../eui-icon/eui-wc-icon.js';
+/** Map a feedback message color to the corresponding eUI state icon name. */
+function colorToStateIcon(color) {
+    switch (color) {
+        case 'info': return 'eui-state-info';
+        case 'success': return 'eui-state-success';
+        case 'warning': return 'eui-state-warning';
+        case 'critical': return 'eui-state-danger';
+        default: return 'eui-state-primary'; // primary / neutral
+    }
+}
+/**
+ * `EuiWcFeedbackMessage` — Lit Web Component projection of `eui-feedback-message`.
+ *
+ * Inline feedback/validation message with an optional leading state icon. Semantic color variants.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-feedback-message color="critical">Field is required.</eui-wc-feedback-message>
+ * <eui-wc-feedback-message color="success" is-muted>Saved.</eui-wc-feedback-message>
+ * ```
+ */
+let EuiWcFeedbackMessage = class EuiWcFeedbackMessage extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Semantic color variant. @default 'neutral' */
+        this.color = 'neutral';
+        /** When true, hides the leading state icon. @default false */
+        this.isMuted = false;
+        /** `data-e2e` attribute. */
+        this.e2eAttr = 'eui-wc-feedback-message';
+    }
+    static { this.styles = css `
+        :host {
+            --_eui-wc-feedback-color: var(--eui-c-secondary);
+            align-items: center;
+            display: flex;
+            gap: var(--eui-s-3xs);
+            margin-top: var(--eui-s-xs);
+            position: relative;
+        }
+
+        :host([color='primary'])  { --_eui-wc-feedback-color: var(--eui-c-primary); }
+        :host([color='neutral'])  { --_eui-wc-feedback-color: var(--eui-c-secondary); }
+        :host([color='info'])     { --_eui-wc-feedback-color: var(--eui-c-info); }
+        :host([color='success'])  { --_eui-wc-feedback-color: var(--eui-c-success); }
+        :host([color='warning'])  { --_eui-wc-feedback-color: var(--eui-c-warning); }
+        :host([color='critical']) { --_eui-wc-feedback-color: var(--eui-c-danger); }
+
+        .eui-wc-feedback-message__content {
+            color: var(--_eui-wc-feedback-color);
+            display: block;
+            position: relative;
+            font: var(--eui-f-s);
+        }
+    `; }
+    render() {
+        return html `
+            ${this.isMuted ? nothing : html `
+                <eui-wc-icon
+                    icon=${colorToStateIcon(this.color)}
+                    size="s"
+                    fill-color=${this.color === 'critical' ? 'danger' : this.color === 'neutral' ? 'secondary' : this.color}
+                    aria-hidden="true"
+                ></eui-wc-icon>
+            `}
+            <div class="eui-wc-feedback-message__content">
+                <slot></slot>
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcFeedbackMessage.prototype, "color", void 0);
+__decorate([
+    property({ attribute: 'is-muted', type: Boolean, reflect: true })
+], EuiWcFeedbackMessage.prototype, "isMuted", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcFeedbackMessage.prototype, "e2eAttr", void 0);
+EuiWcFeedbackMessage = __decorate([
+    customElement('eui-wc-feedback-message')
+], EuiWcFeedbackMessage);
+export { EuiWcFeedbackMessage };
+//# sourceMappingURL=eui-wc-feedback-message.js.map

package/eui-feedback-message/eui-wc-feedback-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-feedback-message.js","sourceRoot":"","sources":["../../src/eui-feedback-message/eui-wc-feedback-message.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,4BAA4B,CAAC;AAIpC,6EAA6E;AAC7E,SAAS,gBAAgB,CAAC,KAAgC;IACtD,QAAQ,KAAK,EAAE,CAAC;QACZ,KAAK,MAAM,CAAC,CAAK,OAAO,gBAAgB,CAAC;QACzC,KAAK,SAAS,CAAC,CAAE,OAAO,mBAAmB,CAAC;QAC5C,KAAK,SAAS,CAAC,CAAE,OAAO,mBAAmB,CAAC;QAC5C,KAAK,UAAU,CAAC,CAAC,OAAO,kBAAkB,CAAC;QAC3C,OAAO,CAAC,CAAS,OAAO,mBAAmB,CAAC,CAAC,oBAAoB;IACrE,CAAC;AACL,CAAC;AAED;;;;;;;;;;GAUG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QA0BH,iDAAiD;QACpB,UAAK,GAA8B,SAAS,CAAC;QAC1E,8DAA8D;QACK,YAAO,GAAG,KAAK,CAAC;QACnF,4BAA4B;QACS,YAAO,GAAG,yBAAyB,CAAC;IAiB7E,CAAC;aA/CmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;KAuB3B,AAvBqB,CAuBpB;IASO,MAAM;QACX,OAAO,IAAI,CAAA;cACL,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;2BAEhB,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;;iCAEtB,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;;aAG9G;;;;SAIJ,CAAC;IACN,CAAC;;AApB4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAA8C;AAEP;IAAlE,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAiB;AAE9C;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;qDAAqC;AA/BhE,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAgDhC"}

package/eui-feedback-message/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcFeedbackMessage, type EuiWcFeedbackMessageColor, } from './eui-wc-feedback-message.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-feedback-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-feedback-message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,oBAAoB,EACpB,KAAK,yBAAyB,GACjC,MAAM,8BAA8B,CAAC"}

package/eui-feedback-message/index.js

@@ -0,0 +1,2 @@
+export { EuiWcFeedbackMessage, } from './eui-wc-feedback-message.js';
+//# sourceMappingURL=index.js.map

package/eui-feedback-message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-feedback-message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,oBAAoB,GAEvB,MAAM,8BAA8B,CAAC"}

package/eui-fieldset/eui-wc-fieldset.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import '../eui-icon-button-expander/eui-wc-icon-button-expander.js';
+export type EuiWcFieldsetColor = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+/** `EuiWcFieldset` — Lit WC projection of `eui-fieldset`. */
+export declare class EuiWcFieldset extends LitElement {
+    static styles: import("lit").CSSResult;
+    color?: EuiWcFieldsetColor;
+    label?: string;
+    isExpandable: boolean;
+    isExpanded: boolean;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-fieldset': EuiWcFieldset;
+    }
+}
+//# sourceMappingURL=eui-wc-fieldset.d.ts.map

package/eui-fieldset/eui-wc-fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-fieldset.d.ts","sourceRoot":"","sources":["../../src/eui-fieldset/eui-wc-fieldset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,4DAA4D,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAErG,6DAA6D;AAC7D,qBACa,aAAc,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAiBpB;IAE2B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IAC6C,YAAY,UAAS;IACvB,UAAU,UAAQ;IACnD,OAAO,SAAqB;IAExD,MAAM;CAgBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,iBAAiB,EAAE,aAAa,CAAC;KAAE;CACxE"}

package/eui-fieldset/eui-wc-fieldset.js

@@ -0,0 +1,72 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import '../eui-icon-button-expander/eui-wc-icon-button-expander.js';
+/** `EuiWcFieldset` — Lit WC projection of `eui-fieldset`. */
+let EuiWcFieldset = class EuiWcFieldset extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isExpandable = false;
+        this.isExpanded = true;
+        this.e2eAttr = 'eui-wc-fieldset';
+    }
+    static { this.styles = css `
+        :host {
+            --_eui-wc-fs-color: var(--eui-c-secondary);
+            display: flex; flex-direction: column;
+            border: var(--eui-bw-xs) solid var(--eui-c-divider);
+            border-radius: var(--eui-br-s);
+            padding: var(--eui-s-m);
+        }
+        :host([color='primary'])  { --_eui-wc-fs-color: var(--eui-c-primary); }
+        :host([color='neutral'])  { --_eui-wc-fs-color: var(--eui-c-secondary); }
+        :host([color='info'])     { --_eui-wc-fs-color: var(--eui-c-info); }
+        :host([color='success'])  { --_eui-wc-fs-color: var(--eui-c-success); }
+        :host([color='warning'])  { --_eui-wc-fs-color: var(--eui-c-warning); }
+        :host([color='critical']) { --_eui-wc-fs-color: var(--eui-c-danger); }
+        .eui-fieldset__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--eui-s-s); }
+        .eui-fieldset__header-title { color: var(--_eui-wc-fs-color); font: var(--eui-f-m-semi-bold); }
+        .eui-fieldset__body { display: block; }
+    `; }
+    render() {
+        return html `
+            <div class="eui-fieldset__header">
+                <div class="eui-fieldset__header-title">
+                    <slot name="header">${this.label ?? ''}</slot>
+                </div>
+                ${this.isExpandable ? html `
+                    <eui-wc-icon-button-expander
+                        ?is-expanded=${this.isExpanded}
+                        @eui-click=${() => { this.isExpanded = !this.isExpanded; }}
+                    ></eui-wc-icon-button-expander>
+                ` : ''}
+            </div>
+            ${!this.isExpandable || this.isExpanded ? html `<div class="eui-fieldset__body"><slot></slot></div>` : ''}
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcFieldset.prototype, "color", void 0);
+__decorate([
+    property()
+], EuiWcFieldset.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'is-expandable', type: Boolean, reflect: true })
+], EuiWcFieldset.prototype, "isExpandable", void 0);
+__decorate([
+    property({ attribute: 'is-expanded', type: Boolean, reflect: true })
+], EuiWcFieldset.prototype, "isExpanded", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcFieldset.prototype, "e2eAttr", void 0);
+EuiWcFieldset = __decorate([
+    customElement('eui-wc-fieldset')
+], EuiWcFieldset);
+export { EuiWcFieldset };
+//# sourceMappingURL=eui-wc-fieldset.js.map

package/eui-fieldset/eui-wc-fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-fieldset.js","sourceRoot":"","sources":["../../src/eui-fieldset/eui-wc-fieldset.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,4DAA4D,CAAC;AAIpE,6DAA6D;AAEtD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAsBqE,iBAAY,GAAG,KAAK,CAAC;QACvB,eAAU,GAAG,IAAI,CAAC;QACnD,YAAO,GAAG,iBAAiB,CAAC;IAkBrE,CAAC;aAzCmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiB3B,AAjBqB,CAiBpB;IAQO,MAAM;QACX,OAAO,IAAI,CAAA;;;0CAGuB,IAAI,CAAC,KAAK,IAAI,EAAE;;kBAExC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;uCAEH,IAAI,CAAC,UAAU;qCACjB,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;iBAEjE,CAAC,CAAC,CAAC,EAAE;;cAER,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,qDAAqD,CAAC,CAAC,CAAC,EAAE;SAC3G,CAAC;IACN,CAAC;;AArB4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAA4B;AAC5C;IAAX,QAAQ,EAAE;4CAAgB;AAC6C;IAAvE,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAsB;AACvB;IAArE,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAmB;AACnD;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;8CAA6B;AAxBxD,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA0CzB"}

package/eui-fieldset/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcFieldset, type EuiWcFieldsetColor } from './eui-wc-fieldset.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-fieldset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/eui-fieldset/index.js

@@ -0,0 +1,2 @@
+export { EuiWcFieldset } from './eui-wc-fieldset.js';
+//# sourceMappingURL=index.js.map

package/eui-fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,sBAAsB,CAAC"}

package/eui-file-upload/eui-wc-file-upload.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export declare class EuiWcFileUpload extends LitElement {
+    static styles: import("lit").CSSResult;
+    accept: string;
+    isMultiple: boolean;
+    hasDragArea: boolean;
+    hasPreview: boolean;
+    hasResetButton: boolean;
+    maxFiles?: number;
+    e2eAttr: string;
+    private _files;
+    private _handleFiles;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-file-upload': EuiWcFileUpload;
+    }
+}
+//# sourceMappingURL=eui-wc-file-upload.d.ts.map

package/eui-file-upload/eui-wc-file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-file-upload.d.ts","sourceRoot":"","sources":["../../src/eui-file-upload/eui-wc-file-upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,eAAgB,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAQpB;IAEU,MAAM,SAAO;IAC8B,UAAU,UAAQ;IAChB,WAAW,UAAS;IACtB,UAAU,UAAQ;IACb,cAAc,UAAQ;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IACT,OAAO,SAAwB;IAC3D,OAAO,CAAC,MAAM,CAAc;IAErC,OAAO,CAAC,YAAY;IAOX,MAAM;CAmBlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,oBAAoB,EAAE,eAAe,CAAC;KAAE;CAAE"}

package/eui-file-upload/eui-wc-file-upload.js

@@ -0,0 +1,84 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+let EuiWcFileUpload = class EuiWcFileUpload extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.accept = '*';
+        this.isMultiple = true;
+        this.hasDragArea = false;
+        this.hasPreview = true;
+        this.hasResetButton = true;
+        this.e2eAttr = 'eui-wc-file-upload';
+        this._files = [];
+    }
+    static { this.styles = css `
+        :host { display: block; }
+        .eui-file-upload__area { align-items: center; border: 2px dashed var(--eui-c-secondary-border); border-radius: var(--eui-br-s); cursor: pointer; display: flex; flex-direction: column; gap: var(--eui-s-s); padding: var(--eui-s-xl); text-align: center; transition: border-color 0.2s; }
+        .eui-file-upload__area:hover, .eui-file-upload__area[data-dragover] { border-color: var(--eui-c-primary); }
+        .eui-file-upload__button { align-items: center; display: flex; gap: var(--eui-s-xs); }
+        .eui-file-upload__files { list-style: none; margin: var(--eui-s-s) 0 0; padding: 0; }
+        .eui-file-upload__file { align-items: center; display: flex; gap: var(--eui-s-xs); padding: var(--eui-s-3xs) 0; font: var(--eui-f-s); }
+        input[type=file] { display: none; }
+    `; }
+    _handleFiles(fl) {
+        if (!fl)
+            return;
+        const arr = Array.from(fl);
+        this._files = this.maxFiles ? [...this._files, ...arr].slice(0, this.maxFiles) : [...this._files, ...arr];
+        this.dispatchEvent(new CustomEvent('eui-files-selected', { detail: this._files, bubbles: true, composed: true }));
+    }
+    render() {
+        const input = html `<input id="fu-${this.e2eAttr}" type="file" accept=${this.accept} ?multiple=${this.isMultiple} @change=${(e) => this._handleFiles(e.target.files)} />`;
+        return html `
+            ${input}
+            ${this.hasDragArea ? html `
+                <div class="eui-file-upload__area" @click=${() => this.shadowRoot?.querySelector('input')?.click()} @dragover=${(e) => { e.preventDefault(); e.currentTarget.setAttribute('data-dragover', ''); }} @dragleave=${(e) => e.currentTarget.removeAttribute('data-dragover')} @drop=${(e) => { e.preventDefault(); e.currentTarget.removeAttribute('data-dragover'); this._handleFiles(e.dataTransfer?.files ?? null); }}>
+                    <span>Drop files here or <strong>browse</strong></span>
+                    <span style="font:var(--eui-f-s);color:var(--eui-c-text-light)">Accepted: ${this.accept}</span>
+                    <slot></slot>
+                </div>
+            ` : html `<button type="button" class="eui-file-upload__button" @click=${() => this.shadowRoot?.querySelector('input')?.click()}>Choose file${this.isMultiple ? 's' : ''}</button>`}
+            ${this.hasPreview && this._files.length > 0 ? html `
+                <ul class="eui-file-upload__files">
+                    ${this._files.map((f) => html `<li class="eui-file-upload__file"><span>${f.name}</span><span style="color:var(--eui-c-text-light)">${(f.size / 1024).toFixed(1)}KB</span></li>`)}
+                </ul>
+                ${this.hasResetButton ? html `<button type="button" @click=${() => { this._files = []; this.dispatchEvent(new CustomEvent('eui-reset', { bubbles: true, composed: true })); }}>Reset</button>` : ''}
+            ` : ''}
+        `;
+    }
+};
+__decorate([
+    property()
+], EuiWcFileUpload.prototype, "accept", void 0);
+__decorate([
+    property({ attribute: 'is-multiple', type: Boolean })
+], EuiWcFileUpload.prototype, "isMultiple", void 0);
+__decorate([
+    property({ attribute: 'has-drag-area', type: Boolean })
+], EuiWcFileUpload.prototype, "hasDragArea", void 0);
+__decorate([
+    property({ attribute: 'has-preview', type: Boolean })
+], EuiWcFileUpload.prototype, "hasPreview", void 0);
+__decorate([
+    property({ attribute: 'has-reset-button', type: Boolean })
+], EuiWcFileUpload.prototype, "hasResetButton", void 0);
+__decorate([
+    property({ type: Number })
+], EuiWcFileUpload.prototype, "maxFiles", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcFileUpload.prototype, "e2eAttr", void 0);
+__decorate([
+    state()
+], EuiWcFileUpload.prototype, "_files", void 0);
+EuiWcFileUpload = __decorate([
+    customElement('eui-wc-file-upload')
+], EuiWcFileUpload);
+export { EuiWcFileUpload };
+//# sourceMappingURL=eui-wc-file-upload.js.map

package/eui-file-upload/eui-wc-file-upload.js.map

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

package/eui-file-upload/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcFileUpload } from './eui-wc-file-upload.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-file-upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}

package/eui-file-upload/index.js

@@ -0,0 +1,2 @@
+export { EuiWcFileUpload } from './eui-wc-file-upload.js';
+//# sourceMappingURL=index.js.map

package/eui-file-upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}

package/eui-floating-panel/eui-wc-floating-panel.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export type EuiWcFloatingPanelPosition = 'above' | 'below' | 'left' | 'right' | 'auto';
+export declare class EuiWcFloatingPanel extends LitElement {
+    static styles: import("lit").CSSResult;
+    isOpen: boolean;
+    position: EuiWcFloatingPanelPosition;
+    hasBackdrop: boolean;
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-floating-panel': EuiWcFloatingPanel;
+    }
+}
+//# sourceMappingURL=eui-wc-floating-panel.d.ts.map

package/eui-floating-panel/eui-wc-floating-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-floating-panel.d.ts","sourceRoot":"","sources":["../../src/eui-floating-panel/eui-wc-floating-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvF,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAIpB;IACgE,MAAM,UAAS;IACpD,QAAQ,EAAE,0BAA0B,CAAU;IACnB,WAAW,UAAS;IACvC,OAAO,SAA2B;IAC9D,MAAM;CAGlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,uBAAuB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}

package/eui-floating-panel/eui-wc-floating-panel.js

@@ -0,0 +1,42 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EuiWcFloatingPanel = class EuiWcFloatingPanel extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isOpen = false;
+        this.position = 'auto';
+        this.hasBackdrop = false;
+        this.e2eAttr = 'eui-wc-floating-panel';
+    }
+    static { this.styles = css `
+        :host { display: inline-block; position: relative; }
+        .eui-floating-panel__content { background: var(--eui-c-surface-container); border: 1px solid var(--eui-c-divider); border-radius: var(--eui-br-s); box-shadow: var(--eui-sh-2); min-width: 200px; position: absolute; top: 100%; left: 0; z-index: 100; padding: var(--eui-s-m); }
+        :host(:not([is-open])) .eui-floating-panel__content { display: none; }
+    `; }
+    render() {
+        return html `<slot name="trigger"></slot><div class="eui-floating-panel__content"><slot></slot></div>`;
+    }
+};
+__decorate([
+    property({ attribute: 'is-open', type: Boolean, reflect: true })
+], EuiWcFloatingPanel.prototype, "isOpen", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcFloatingPanel.prototype, "position", void 0);
+__decorate([
+    property({ attribute: 'has-backdrop', type: Boolean })
+], EuiWcFloatingPanel.prototype, "hasBackdrop", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcFloatingPanel.prototype, "e2eAttr", void 0);
+EuiWcFloatingPanel = __decorate([
+    customElement('eui-wc-floating-panel')
+], EuiWcFloatingPanel);
+export { EuiWcFloatingPanel };
+//# sourceMappingURL=eui-wc-floating-panel.js.map

package/eui-floating-panel/eui-wc-floating-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-floating-panel.js","sourceRoot":"","sources":["../../src/eui-floating-panel/eui-wc-floating-panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKrD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAM+D,WAAM,GAAG,KAAK,CAAC;QACpD,aAAQ,GAA+B,MAAM,CAAC;QACnB,gBAAW,GAAG,KAAK,CAAC;QACvC,YAAO,GAAG,uBAAuB,CAAC;IAI3E,CAAC;aAZmB,WAAM,GAAG,GAAG,CAAA;;;;KAI3B,AAJqB,CAIpB;IAKO,MAAM;QACX,OAAO,IAAI,CAAA,0FAA0F,CAAC;IAC1G,CAAC;;AANiE;IAAjE,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgB;AACpD;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAA+C;AACnB;IAAvD,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAqB;AACvC;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;mDAAmC;AAT9D,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAa9B"}

package/eui-floating-panel/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcFloatingPanel, type EuiWcFloatingPanelPosition } from './eui-wc-floating-panel.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-floating-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-floating-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAC"}

package/eui-floating-panel/index.js

@@ -0,0 +1,2 @@
+export { EuiWcFloatingPanel } from './eui-wc-floating-panel.js';
+//# sourceMappingURL=index.js.map

package/eui-floating-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-floating-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAmC,MAAM,4BAA4B,CAAC"}

package/eui-growl/eui-wc-growl.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export type EuiWcGrowlColor = 'primary' | 'info' | 'success' | 'warning' | 'critical';
+export interface EuiWcGrowlMessage {
+    id?: string;
+    message: string;
+    color?: EuiWcGrowlColor;
+    duration?: number;
+}
+export declare class EuiWcGrowl extends LitElement {
+    static styles: import("lit").CSSResult;
+    messages: EuiWcGrowlMessage[];
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-growl': EuiWcGrowl;
+    }
+}
+//# sourceMappingURL=eui-wc-growl.d.ts.map

package/eui-growl/eui-wc-growl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-growl.d.ts","sourceRoot":"","sources":["../../src/eui-growl/eui-wc-growl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACtF,MAAM,WAAW,iBAAiB;IAAG,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAAE;AAEhH,qBACa,UAAW,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BASpB;IACyB,QAAQ,EAAE,iBAAiB,EAAE,CAAM;IACzB,OAAO,SAAkB;IACrD,MAAM;CAQlB;AAED,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,cAAc,EAAE,UAAU,CAAC;KAAE;CAAE"}

package/eui-growl/eui-wc-growl.js

@@ -0,0 +1,44 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EuiWcGrowl = class EuiWcGrowl extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.messages = [];
+        this.e2eAttr = 'eui-wc-growl';
+    }
+    static { this.styles = css `
+        :host { bottom: var(--eui-s-xl); display: flex; flex-direction: column; gap: var(--eui-s-s); position: fixed; right: var(--eui-s-xl); z-index: 1000; }
+        .eui-growl__message {
+            align-items: center; background: var(--eui-c-primary-surface); border-left: 4px solid var(--eui-c-primary); border-radius: var(--eui-br-s);
+            box-shadow: var(--eui-sh-2); color: var(--eui-c-primary-on-surface); display: flex; gap: var(--eui-s-s); max-width: 400px; padding: var(--eui-s-m);
+        }
+        .eui-growl__message[data-color='success'] { background: var(--eui-c-success-surface-light); border-left-color: var(--eui-c-success); color: var(--eui-c-success); }
+        .eui-growl__message[data-color='warning'] { background: var(--eui-c-warning-surface-light); border-left-color: var(--eui-c-warning); color: var(--eui-c-warning); }
+        .eui-growl__message[data-color='critical'] { background: var(--eui-c-danger-surface-light); border-left-color: var(--eui-c-danger); color: var(--eui-c-danger); }
+    `; }
+    render() {
+        return html `${this.messages.map((m, i) => html `
+            <div class="eui-growl__message" role="alert" data-color=${m.color ?? 'primary'}>
+                <span>${m.message}</span>
+                <button type="button" @click=${() => { this.messages = this.messages.filter((_, j) => j !== i); this.requestUpdate(); }} aria-label="Close">×</button>
+            </div>
+        `)}`;
+    }
+};
+__decorate([
+    property({ type: Array })
+], EuiWcGrowl.prototype, "messages", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcGrowl.prototype, "e2eAttr", void 0);
+EuiWcGrowl = __decorate([
+    customElement('eui-wc-growl')
+], EuiWcGrowl);
+export { EuiWcGrowl };
+//# sourceMappingURL=eui-wc-growl.js.map

package/eui-growl/eui-wc-growl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-growl.js","sourceRoot":"","sources":["../../src/eui-growl/eui-wc-growl.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAMrD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAWwB,aAAQ,GAAwB,EAAE,CAAC;QACzB,YAAO,GAAG,cAAc,CAAC;IASlE,CAAC;aApBmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;KAS3B,AATqB,CASpB;IAGO,MAAM;QACX,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;sEACgB,CAAC,CAAC,KAAK,IAAI,SAAS;wBAClE,CAAC,CAAC,OAAO;+CACc,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;;SAE9H,CAAC,EAAE,CAAC;IACT,CAAC;;AAT0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4CAAoC;AACzB;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;2CAA0B;AAZrD,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAqBtB"}

package/eui-growl/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcGrowl, type EuiWcGrowlColor, type EuiWcGrowlMessage } from './eui-wc-growl.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-growl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-growl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/eui-growl/index.js

@@ -0,0 +1,2 @@
+export { EuiWcGrowl } from './eui-wc-growl.js';
+//# sourceMappingURL=index.js.map

package/eui-growl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-growl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAgD,MAAM,mBAAmB,CAAC"}

package/eui-helper-text/eui-wc-helper-text.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * `EuiWcHelperText` — Lit Web Component projection of `eui-helper-text`.
+ *
+ * Supplementary / descriptive text for form fields. Purely presentational.
+ * CSS custom properties pierce the Shadow DOM from the host's `@eui/styles` token layer.
+ *
+ * Usage: `<eui-wc-helper-text>Some hint text</eui-wc-helper-text>`
+ */
+export declare class EuiWcHelperText extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** `data-e2e` attribute. */
+    e2eAttr: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-helper-text': EuiWcHelperText;
+    }
+}
+//# sourceMappingURL=eui-wc-helper-text.d.ts.map

package/eui-helper-text/eui-wc-helper-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-helper-text.d.ts","sourceRoot":"","sources":["../../src/eui-helper-text/eui-wc-helper-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;;GAOG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAOpB;IAEF,4BAA4B;IACS,OAAO,SAAwB;IAE3D,MAAM;CAGlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,eAAe,CAAC;KACzC;CACJ"}