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

package/eui-helper-text/eui-wc-helper-text.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';
+/**
+ * `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>`
+ */
+let EuiWcHelperText = class EuiWcHelperText extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** `data-e2e` attribute. */
+        this.e2eAttr = 'eui-wc-helper-text';
+    }
+    static { this.styles = css `
+        :host {
+            display: block;
+            font: var(--eui-f-s);
+            color: var(--eui-c-text-light);
+            margin-block: var(--eui-s-4xs) var(--eui-s-xs);
+        }
+    `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcHelperText.prototype, "e2eAttr", void 0);
+EuiWcHelperText = __decorate([
+    customElement('eui-wc-helper-text')
+], EuiWcHelperText);
+export { EuiWcHelperText };
+//# sourceMappingURL=eui-wc-helper-text.js.map

package/eui-helper-text/eui-wc-helper-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-helper-text.js","sourceRoot":"","sources":["../../src/eui-helper-text/eui-wc-helper-text.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;AAE5D;;;;;;;GAOG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAUH,4BAA4B;QACS,YAAO,GAAG,oBAAoB,CAAC;IAKxE,CAAC;aAfmB,WAAM,GAAG,GAAG,CAAA;;;;;;;KAO3B,AAPqB,CAOpB;IAKO,MAAM;QACX,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAJoC;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;gDAAgC;AAX3D,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAgB3B"}

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

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

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

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

package/eui-helper-text/index.js

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

package/eui-helper-text/index.js.map

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

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

@@ -0,0 +1,59 @@
+import { LitElement } from 'lit';
+export type EuiWcIconSet = 'eui' | 'eui-file' | 'ecl' | 'regular' | 'fill' | 'ion-outline' | 'ion-filled' | 'flags-4x3' | 'flags-1x1';
+export type EuiWcIconSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
+export type EuiWcIconTransform = 'spin' | 'rotate-45' | 'rotate-90' | 'rotate-135' | 'rotate-180' | 'rotate-225' | 'rotate-270' | 'rotate-315' | 'flip-horizontal' | 'flip-vertical' | 'flip-both' | 'stack';
+/**
+ * `EuiWcIcon` — Lit Web Component projection of `eui-icon-svg`.
+ *
+ * Renders a scalable vector icon from a configured eUI sprite set, or from a direct SVG URL.
+ * Supports size, color, transform, and loading states. CSS custom properties pierce the Shadow DOM.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-icon icon="eui-home" size="m"></eui-wc-icon>
+ * <eui-wc-icon icon="flag-be" set="flags-4x3" size="s"></eui-wc-icon>
+ * <eui-wc-icon icon="home:regular" size="l"></eui-wc-icon>
+ * ```
+ */
+export declare class EuiWcIcon extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Icon name, optionally 'iconName:setName'. */
+    icon?: string;
+    /** Fill / color token name, e.g. `'primary'` → `var(--eui-c-primary)`. */
+    fillColor?: string;
+    /** Sprite set. @default 'eui' */
+    set: EuiWcIconSet;
+    /** Size variant. @default 'm' */
+    size: EuiWcIconSize;
+    /** Transform modifier. */
+    transform?: EuiWcIconTransform;
+    /** Direct SVG URL (bypasses sprite). */
+    iconUrl?: string;
+    /** aria-label for meaningful icons. */
+    ariaLabel: string | null;
+    /** Hides from AT when decorative. Set attribute aria-hidden="true". */
+    ariaHidden: string | null;
+    /** SVG focusable attribute. @default false */
+    focusable: boolean;
+    /** Loading spinner state. @default false */
+    isLoading: boolean;
+    /** Input-embedded icon styling. @default false */
+    isInputIcon: boolean;
+    /** Leading position. @default false */
+    isStart: boolean;
+    /** Trailing position. @default false */
+    isEnd: boolean;
+    /** Base URL for sprite assets. @default globalThis.__EUI_ASSETS_BASE__ ?? 'assets' */
+    assetsBaseUrl?: string;
+    /** `data-e2e` attribute. */
+    e2eAttr: string;
+    private get _assetsBase();
+    private get _parsed();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-icon': EuiWcIcon;
+    }
+}
+//# sourceMappingURL=eui-wc-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-icon.d.ts","sourceRoot":"","sources":["../../src/eui-icon/eui-wc-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC;AACtI,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC1F,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,iBAAiB,GAAG,eAAe,GAAG,WAAW,GAAG,OAAO,CAAC;AAO7M;;;;;;;;;;;;GAYG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BA6FpB;IAEF,gDAAgD;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAC3C,0EAA0E;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACzE,iCAAiC;IACJ,GAAG,EAAE,YAAY,CAAS;IACvD,iCAAiC;IACJ,IAAI,EAAE,aAAa,CAAO;IACvD,0BAA0B;IACG,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC5D,wCAAwC;IACY,OAAO,CAAC,EAAE,MAAM,CAAC;IACrE,uCAAuC;IACS,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChF,uEAAuE;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAU;IACpF,8CAA8C;IACF,SAAS,UAAS;IAC9D,4CAA4C;IACyB,SAAS,UAAS;IACvF,kDAAkD;IACsB,WAAW,UAAS;IAC5F,uCAAuC;IAC4B,OAAO,UAAS;IACnF,wCAAwC;IACyB,KAAK,UAAS;IAC/E,sFAAsF;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACnE,4BAA4B;IACS,OAAO,SAAiB;IAE7D,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,OAAO,GAOlB;IAEQ,MAAM;CAyDlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,SAAS,CAAC;KAC5B;CACJ"}

package/eui-icon/eui-wc-icon.js

@@ -0,0 +1,258 @@
+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';
+/** Resolve the eUI assets base URL from the global set by main.tsx. */
+function euiAssetsBase() {
+    return globalThis['__EUI_ASSETS_BASE__'] ?? 'assets';
+}
+/**
+ * `EuiWcIcon` — Lit Web Component projection of `eui-icon-svg`.
+ *
+ * Renders a scalable vector icon from a configured eUI sprite set, or from a direct SVG URL.
+ * Supports size, color, transform, and loading states. CSS custom properties pierce the Shadow DOM.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-icon icon="eui-home" size="m"></eui-wc-icon>
+ * <eui-wc-icon icon="flag-be" set="flags-4x3" size="s"></eui-wc-icon>
+ * <eui-wc-icon icon="home:regular" size="l"></eui-wc-icon>
+ * ```
+ */
+let EuiWcIcon = class EuiWcIcon extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Sprite set. @default 'eui' */
+        this.set = 'eui';
+        /** Size variant. @default 'm' */
+        this.size = 'm';
+        /** aria-label for meaningful icons. */
+        this.ariaLabel = null;
+        /** Hides from AT when decorative. Set attribute aria-hidden="true". */
+        this.ariaHidden = 'true';
+        /** SVG focusable attribute. @default false */
+        this.focusable = false;
+        /** Loading spinner state. @default false */
+        this.isLoading = false;
+        /** Input-embedded icon styling. @default false */
+        this.isInputIcon = false;
+        /** Leading position. @default false */
+        this.isStart = false;
+        /** Trailing position. @default false */
+        this.isEnd = false;
+        /** `data-e2e` attribute. */
+        this.e2eAttr = 'eui-wc-icon';
+    }
+    static { this.styles = css `
+        :host {
+            display: inline-flex;
+            position: relative;
+        }
+        svg {
+            pointer-events: none;
+        }
+
+        /* SOCIAL MEDIA BRAND COLORS */
+        .eui-sprite-ecl-facebook  { color: #4267b2; fill: #4267b2; }
+        .eui-sprite-ecl-flickr    { color: #000; fill: #000; }
+        .eui-sprite-ecl-instagram { color: #000; fill: #000; }
+        .eui-sprite-ecl-linkedin  { color: #0a66c2; fill: #0a66c2; }
+        .eui-sprite-ecl-mastodon  { color: #2b90d9; fill: #2b90d9; }
+        .eui-sprite-ecl-messenger { color: #00b2ff; fill: #00b2ff; }
+        .eui-sprite-ecl-pinterest { color: #e60023; fill: #e60023; }
+        .eui-sprite-ecl-reddit    { color: #ff5700; fill: #ff5700; }
+        .eui-sprite-ecl-skype     { color: #00aff0; fill: #00aff0; }
+        .eui-sprite-ecl-spotify   { color: #1db954; fill: #1db954; }
+        .eui-sprite-ecl-telegram  { color: #24a1de; fill: #24a1de; }
+        .eui-sprite-ecl-twitter   { color: #1da1f2; fill: #1da1f2; }
+        .eui-sprite-ecl-whatasapp { color: #25d366; fill: #25d366; }
+        .eui-sprite-ecl-youtube   { color: #ff0000; fill: #ff0000; }
+
+        /* POSITION STATES */
+        :host([is-start]) { margin-right: var(--eui-s-s); }
+        :host([is-end])   { margin-left: var(--eui-s-s); }
+        :host([is-input-icon]) { position: absolute; }
+        :host([is-input-icon][is-start]) { left: var(--eui-s-3xl); }
+        :host([is-input-icon][is-end])   { right: var(--eui-s-m); }
+
+        /* LOADING STATE */
+        :host([is-loading]) {
+            align-items: center;
+            display: inline-flex;
+            color: transparent;
+            fill: transparent;
+        }
+        :host([is-loading])::after,
+        :host([is-loading])::before {
+            content: '';
+            position: absolute;
+            height: 100%;
+            width: 100%;
+        }
+        :host([is-loading])::before {
+            border: var(--eui-s-3xs) solid rgba(0,0,0,0.25);
+            border-radius: var(--eui-br-max);
+        }
+        :host([is-loading])::after {
+            animation: eui-icon-loading-kf 0.8s linear infinite;
+            border-color: rgba(255,255,255,0.5) transparent transparent;
+            border-radius: var(--eui-br-max);
+            border-style: solid;
+            border-width: var(--eui-s-3xs);
+        }
+
+        /* LOADING + SIZE */
+        :host([is-loading][size='s']) { height: var(--eui-is-s); width: var(--eui-is-s); }
+        :host([is-loading][size='m']) { height: var(--eui-is-m); width: var(--eui-is-m); }
+        :host([is-loading][size='l']) { height: var(--eui-is-l); width: var(--eui-is-l); }
+        :host([is-loading][size='xl'])  { height: var(--eui-is-xl);  width: var(--eui-is-xl);  }
+        :host([is-loading][size='2xl']) { height: var(--eui-is-2xl); width: var(--eui-is-2xl); }
+
+        /* TRANSFORMS */
+        :host([transform='rotate-45'])   { transform: rotate(45deg); }
+        :host([transform='rotate-90'])   { transform: rotate(90deg); }
+        :host([transform='rotate-135'])  { transform: rotate(135deg); }
+        :host([transform='rotate-180'])  { transform: rotate(180deg); }
+        :host([transform='rotate-225'])  { transform: rotate(225deg); }
+        :host([transform='rotate-270'])  { transform: rotate(270deg); }
+        :host([transform='rotate-315'])  { transform: rotate(315deg); }
+        :host([transform='flip-horizontal']) { transform: scaleX(-1); }
+        :host([transform='flip-vertical'])   { transform: scaleY(-1); }
+        :host([transform='flip-both'])       { transform: scale(-1); }
+        :host([transform='stack']) {
+            position: absolute;
+            transform: translate(-50%, 0);
+            margin-left: 50%;
+        }
+
+        .eui-icon-svg--spin > svg {
+            animation: eui-icon-svg-spin 1.5s infinite linear;
+        }
+
+        @keyframes eui-icon-loading-kf {
+            to { transform: rotate(360deg); }
+        }
+        @keyframes eui-icon-svg-spin {
+            0%   { transform: rotate(0deg); }
+            100% { transform: rotate(359deg); }
+        }
+    `; }
+    get _assetsBase() {
+        return this.assetsBaseUrl ?? euiAssetsBase();
+    }
+    get _parsed() {
+        const raw = this.icon ?? '';
+        const colonIdx = raw.indexOf(':');
+        if (colonIdx > -1) {
+            return { iconName: raw.slice(0, colonIdx), currentSet: (raw.slice(colonIdx + 1) || this.set) };
+        }
+        return { iconName: raw, currentSet: this.set };
+    }
+    render() {
+        const { iconName, currentSet } = this._parsed;
+        const sizeVar = `var(--eui-is-${this.size ?? 'm'})`;
+        const fillStyle = this.fillColor ? `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});` : '';
+        if (this.iconUrl) {
+            return html `
+                <svg
+                    class="eui-icon-svg"
+                    width=${sizeVar}
+                    height=${sizeVar}
+                    style=${fillStyle || nothing}
+                    aria-hidden=${this.ariaHidden}
+                    aria-label=${this.ariaLabel ?? nothing}
+                >
+                    <image href=${this.iconUrl} />
+                </svg>
+            `;
+        }
+        if (!iconName || this.isLoading) {
+            return html `${nothing}`;
+        }
+        const setName = currentSet === 'ion-outline'
+            ? 'ion-outline'
+            : currentSet === 'ion-filled'
+                ? 'ion-filled'
+                : currentSet;
+        const spriteIcon = currentSet === 'ion-outline'
+            ? `${iconName}-outline`
+            : currentSet === 'ion-filled'
+                ? `${iconName}-filled`
+                : iconName;
+        const spriteClass = [
+            'eui-icon-svg',
+            `eui-sprite-${iconName}`,
+            this.transform === 'spin' ? 'eui-icon-svg--spin' : '',
+        ].filter(Boolean).join(' ');
+        const href = `${this._assetsBase}/icons/sprites/${setName}.svg#${spriteIcon}`;
+        return html `
+            <svg
+                class=${spriteClass}
+                width=${sizeVar}
+                height=${sizeVar}
+                style=${fillStyle || nothing}
+                aria-hidden=${this.ariaHidden}
+                aria-label=${this.ariaLabel ?? nothing}
+                focusable=${this.focusable ? 'true' : 'false'}
+                role="img"
+            >
+                <use href=${href}></use>
+                <slot></slot>
+            </svg>
+        `;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcIcon.prototype, "icon", void 0);
+__decorate([
+    property({ attribute: 'fill-color', reflect: true })
+], EuiWcIcon.prototype, "fillColor", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcIcon.prototype, "set", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcIcon.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcIcon.prototype, "transform", void 0);
+__decorate([
+    property({ attribute: 'icon-url', reflect: true })
+], EuiWcIcon.prototype, "iconUrl", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], EuiWcIcon.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ attribute: 'aria-hidden' })
+], EuiWcIcon.prototype, "ariaHidden", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EuiWcIcon.prototype, "focusable", void 0);
+__decorate([
+    property({ attribute: 'is-loading', type: Boolean, reflect: true })
+], EuiWcIcon.prototype, "isLoading", void 0);
+__decorate([
+    property({ attribute: 'is-input-icon', type: Boolean, reflect: true })
+], EuiWcIcon.prototype, "isInputIcon", void 0);
+__decorate([
+    property({ attribute: 'is-start', type: Boolean, reflect: true })
+], EuiWcIcon.prototype, "isStart", void 0);
+__decorate([
+    property({ attribute: 'is-end', type: Boolean, reflect: true })
+], EuiWcIcon.prototype, "isEnd", void 0);
+__decorate([
+    property({ attribute: 'assets-base-url' })
+], EuiWcIcon.prototype, "assetsBaseUrl", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcIcon.prototype, "e2eAttr", void 0);
+EuiWcIcon = __decorate([
+    customElement('eui-wc-icon')
+], EuiWcIcon);
+export { EuiWcIcon };
+//# sourceMappingURL=eui-wc-icon.js.map

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

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

package/eui-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcIcon, type EuiWcIconSet, type EuiWcIconSize, type EuiWcIconTransform, } from './eui-wc-icon.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,kBAAkB,GAC1B,MAAM,kBAAkB,CAAC"}

package/eui-icon/index.js

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

package/eui-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eui-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,GAIZ,MAAM,kBAAkB,CAAC"}

package/eui-icon-button/eui-wc-icon-button.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+import '../eui-icon/eui-wc-icon.js';
+export type EuiWcIconButtonColor = 'neutral' | 'primary' | 'success' | 'info' | 'warning' | 'critical';
+export type EuiWcIconButtonButtonSize = 's' | 'm';
+export type EuiWcIconButtonIconSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
+/**
+ * `EuiWcIconButton` — Lit WC projection of `eui-icon-button`.
+ *
+ * Usage: `<eui-wc-icon-button icon="eui-close" aria-label="Close"></eui-wc-icon-button>`
+ */
+export declare class EuiWcIconButton extends LitElement {
+    static styles: import("lit").CSSResult;
+    icon?: string;
+    iconUrl?: string;
+    fillColor?: string;
+    size: EuiWcIconButtonIconSize;
+    ariaLabel: string | null;
+    tabIndex: number;
+    color: EuiWcIconButtonColor;
+    buttonSize: EuiWcIconButtonButtonSize;
+    hasNoPadding: boolean;
+    hasOverflowHover: boolean;
+    hasFocusHoverColor: boolean;
+    hasFocusHoverBg: boolean;
+    isRounded: boolean;
+    disabled: boolean;
+    e2eAttr: string;
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+    private get isReadOnly();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-icon-button': EuiWcIconButton;
+    }
+}
+//# sourceMappingURL=eui-wc-icon-button.d.ts.map

package/eui-icon-button/eui-wc-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-wc-icon-button.d.ts","sourceRoot":"","sources":["../../src/eui-icon-button/eui-wc-icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AACvG,MAAM,MAAM,yBAAyB,GAAG,GAAG,GAAG,GAAG,CAAC;AAClD,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEpG;;;;GAIG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAsCpB;IAE2B,IAAI,CAAC,EAAE,MAAM,CAAC;IACN,OAAO,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,uBAAuB,CAAO;IACF,SAAS,EAAE,MAAM,GAAG,IAAI,CAAqB;IAChF,QAAQ,SAAK;IACZ,KAAK,EAAE,oBAAoB,CAAa;IACd,UAAU,EAAE,yBAAyB,CAAO;IAC1B,YAAY,UAAS;IACjB,gBAAgB,UAAS;IACtB,kBAAkB,UAAS;IAC9B,eAAe,UAAQ;IAC/B,SAAS,UAAS;IAC3C,QAAQ,UAAS;IACxB,OAAO,SAAwB;IAEpE,OAAO,CAAC,YAAY;IAKX,MAAM;IAqBf,OAAO,KAAK,UAAU,GAAoB;CAC7C;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAAG,oBAAoB,EAAE,eAAe,CAAC;KAAE;CAC7E"}

package/eui-icon-button/eui-wc-icon-button.js

@@ -0,0 +1,148 @@
+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';
+/**
+ * `EuiWcIconButton` — Lit WC projection of `eui-icon-button`.
+ *
+ * Usage: `<eui-wc-icon-button icon="eui-close" aria-label="Close"></eui-wc-icon-button>`
+ */
+let EuiWcIconButton = class EuiWcIconButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'm';
+        this.ariaLabel = 'eUI Icon button';
+        this.tabIndex = 0;
+        this.color = 'neutral';
+        this.buttonSize = 'm';
+        this.hasNoPadding = false;
+        this.hasOverflowHover = false;
+        this.hasFocusHoverColor = false;
+        this.hasFocusHoverBg = true;
+        this.isRounded = false;
+        this.disabled = false;
+        this.e2eAttr = 'eui-wc-icon-button';
+    }
+    static { this.styles = css `
+        :host {
+            display: inline-flex;
+            --_eui-wc-ib-hover: var(--eui-c-secondary-surface-light-hover);
+            --_eui-wc-ib-color: var(--eui-c-secondary);
+        }
+        :host([color='primary'])  { --_eui-wc-ib-hover: var(--eui-c-primary-surface-light-hover);  --_eui-wc-ib-color: var(--eui-c-primary); }
+        :host([color='info'])     { --_eui-wc-ib-hover: var(--eui-c-info-surface-light-hover);     --_eui-wc-ib-color: var(--eui-c-info); }
+        :host([color='success'])  { --_eui-wc-ib-hover: var(--eui-c-success-surface-light-hover);  --_eui-wc-ib-color: var(--eui-c-success); }
+        :host([color='warning'])  { --_eui-wc-ib-hover: var(--eui-c-warning-surface-light-hover);  --_eui-wc-ib-color: var(--eui-c-warning); }
+        :host([color='critical']) { --_eui-wc-ib-hover: var(--eui-c-danger-surface-light-hover);   --_eui-wc-ib-color: var(--eui-c-danger); }
+
+        .eui-icon-button__button {
+            background-color: transparent;
+            border: var(--eui-bw-none);
+            cursor: pointer;
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            position: relative;
+            padding: var(--eui-s-xs);
+        }
+        .eui-icon-button__button:focus-visible {
+            outline: 2px solid var(--eui-c-focus-visible) !important;
+            outline-offset: -2px !important;
+        }
+
+        :host([button-size='s']) .eui-icon-button__button { padding: var(--eui-s-3xs); }
+        :host([focus-hover-bg]) .eui-icon-button__button:hover { background-color: var(--_eui-wc-ib-hover); }
+        :host([no-padding]) .eui-icon-button__button { padding: 0; }
+        :host([focus-hover-color]) .eui-icon-button__button { opacity: var(--eui-o-75); }
+        :host([focus-hover-color]) .eui-icon-button__button:hover { opacity: var(--eui-o-100); }
+        :host([is-rounded]) .eui-icon-button__button { border-radius: var(--eui-br-max); }
+        :host([disabled]) .eui-icon-button__button {
+            pointer-events: none;
+            opacity: var(--eui-o-50);
+            cursor: not-allowed !important;
+        }
+    `; }
+    _handleClick(e) {
+        if (this.disabled) {
+            e.preventDefault();
+            return;
+        }
+        this.dispatchEvent(new CustomEvent('eui-click', { detail: e, bubbles: true, composed: true }));
+    }
+    render() {
+        return html `
+            <button
+                class="eui-icon-button__button"
+                type="button"
+                aria-label=${this.ariaLabel ?? nothing}
+                tabindex=${this.isReadOnly ? -1 : this.tabIndex}
+                ?disabled=${this.disabled}
+                @click=${this._handleClick}
+            >
+                <eui-wc-icon
+                    icon=${this.icon ?? nothing}
+                    icon-url=${this.iconUrl ?? nothing}
+                    fill-color=${this.fillColor ?? nothing}
+                    size=${this.size}
+                ></eui-wc-icon>
+                <slot></slot>
+            </button>
+        `;
+    }
+    get isReadOnly() { return false; }
+};
+__decorate([
+    property({ reflect: true })
+], EuiWcIconButton.prototype, "icon", void 0);
+__decorate([
+    property({ attribute: 'icon-url' })
+], EuiWcIconButton.prototype, "iconUrl", void 0);
+__decorate([
+    property({ attribute: 'fill-color' })
+], EuiWcIconButton.prototype, "fillColor", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcIconButton.prototype, "size", void 0);
+__decorate([
+    property({ attribute: 'aria-label', reflect: true })
+], EuiWcIconButton.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ type: Number })
+], EuiWcIconButton.prototype, "tabIndex", void 0);
+__decorate([
+    property({ reflect: true })
+], EuiWcIconButton.prototype, "color", void 0);
+__decorate([
+    property({ attribute: 'button-size', reflect: true })
+], EuiWcIconButton.prototype, "buttonSize", void 0);
+__decorate([
+    property({ attribute: 'has-no-padding', type: Boolean, reflect: true })
+], EuiWcIconButton.prototype, "hasNoPadding", void 0);
+__decorate([
+    property({ attribute: 'has-overflow-hover', type: Boolean, reflect: true })
+], EuiWcIconButton.prototype, "hasOverflowHover", void 0);
+__decorate([
+    property({ attribute: 'has-focus-hover-color', type: Boolean, reflect: true })
+], EuiWcIconButton.prototype, "hasFocusHoverColor", void 0);
+__decorate([
+    property({ attribute: 'has-focus-hover-bg', type: Boolean, reflect: true })
+], EuiWcIconButton.prototype, "hasFocusHoverBg", void 0);
+__decorate([
+    property({ attribute: 'is-rounded', type: Boolean, reflect: true })
+], EuiWcIconButton.prototype, "isRounded", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EuiWcIconButton.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: 'data-e2e' })
+], EuiWcIconButton.prototype, "e2eAttr", void 0);
+EuiWcIconButton = __decorate([
+    customElement('eui-wc-icon-button')
+], EuiWcIconButton);
+export { EuiWcIconButton };
+//# sourceMappingURL=eui-wc-icon-button.js.map

package/eui-icon-button/eui-wc-icon-button.js.map

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

package/eui-icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export { EuiWcIconButton, type EuiWcIconButtonColor, type EuiWcIconButtonButtonSize, type EuiWcIconButtonIconSize, } from './eui-wc-icon-button.js';
+//# sourceMappingURL=index.d.ts.map

package/eui-icon-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eui-icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,GAC/B,MAAM,yBAAyB,CAAC"}

package/eui-icon-button/index.js

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

package/eui-icon-button/index.js.map

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

package/eui-icon-button-expander/eui-wc-icon-button-expander.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+import '../eui-icon/eui-wc-icon.js';
+export type EuiWcIconButtonExpanderIconSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
+/**
+ * `EuiWcIconButtonExpander` — Lit WC projection of `eui-icon-button-expander`.
+ *
+ * Chevron icon button that rotates to indicate expand/collapse state.
+ *
+ * Usage:
+ * ```html
+ * <eui-wc-icon-button-expander is-expanded></eui-wc-icon-button-expander>
+ * ```
+ */
+export declare class EuiWcIconButtonExpander extends LitElement {
+    static styles: import("lit").CSSResult;
+    isExpanded: boolean;
+    isDirectionForward: boolean;
+    fillColor?: string;
+    size: EuiWcIconButtonExpanderIconSize;
+    ariaLabel: string | null;
+    disabled: boolean;
+    e2eAttr: string;
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eui-wc-icon-button-expander': EuiWcIconButtonExpander;
+    }
+}
+//# sourceMappingURL=eui-wc-icon-button-expander.d.ts.map