@eui/eds-react 22.0.0-alpha.12 → 22.0.0-alpha.13

package/eds-multiselect/eds-multiselect.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+/**
+ * A single selectable option for {@link EdsMultiselect} (ported 1:1 from the Angular
+ * `eds-multiselect-option` sub-component's inputs: `value`, `label`, `isDisabled`).
+ *
+ * The Angular sub-component projected each option as a child; the React port collapses those
+ * children into an `options` array prop on {@link EdsMultiselect}, since each option carried no
+ * behavior beyond its `value` / `label` / `isDisabled` inputs and a toggle-on-click.
+ */
+export interface EdsMultiselectOption {
+    /** The value associated with this option (Angular `value` input, required). */
+    value: string;
+    /** The display label for this option (Angular `label` input, required). */
+    label: string;
+    /** Whether this option is disabled (Angular `isDisabled` input). @default false */
+    isDisabled?: boolean;
+}
+export interface EdsMultiselectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Data attribute value for e2e testing (Angular `e2eAttr`). @default 'eds-multiselect' */
+    e2eAttr?: string;
+    /** Placeholder shown in the trigger when nothing is selected. @default 'Select options' */
+    placeholder?: string;
+    /** Whether the multiselect is disabled. @default false */
+    disabled?: boolean;
+    /** Whether the multiselect shows an invalid/error state. @default false */
+    isInvalid?: boolean;
+    /** ARIA label for the combobox trigger + listbox. @default 'Select options' */
+    ariaLabel?: string;
+    /** The selectable options (React projection of the projected `eds-multiselect-option` children). @default [] */
+    options?: EdsMultiselectOption[];
+    /**
+     * Controlled selected values (React analog of the Angular `ControlValueAccessor` value —
+     * an array of selected option `value`s).
+     */
+    value?: string[];
+    /** Initial selected values for uncontrolled use. @default [] */
+    defaultValue?: string[];
+    /** Fired whenever the selection changes; the current selected values (Angular `valueChange`). */
+    onValueChange?: (value: string[]) => void;
+    /** Portal target for the dropdown panel. Defaults to `document.body`. */
+    container?: Element | null;
+}
+/**
+ * `EdsMultiselect` — pure React port of the Angular `eds-multiselect`.
+ *
+ * A combobox-style dropdown allowing multiple selections, implementing the WAI-ARIA multiselect
+ * listbox pattern with full keyboard navigation (Up/Down/Home/End/Enter/Space/Escape + type-ahead).
+ *
+ * ## CVA → controlled React API (flagged for React forms-API design review, guide rule 6)
+ * The Angular component is a `ControlValueAccessor` whose value is a `string[]` of selected option
+ * values. React has no CVA, so the value is exposed as a **controlled** `value` + `onValueChange`
+ * (or **uncontrolled** `defaultValue`). `disabled` / `isInvalid` are plain props (no
+ * `setDisabledState` shim).
+ *
+ * ## CDK dropped → React reimplementation (guide rule 6)
+ * `@angular/cdk` `Overlay` + `FlexibleConnectedPositionStrategy` + `TemplatePortal` +
+ * `cdkTrapFocus` + `ActiveDescendantKeyManager` are all dropped: the panel is a {@link createPortal}
+ * into `container` (default `document.body`) positioned by {@link useEdsConnectedPosition} with a
+ * width sync to the trigger, focus is trapped with {@link useEdsFocusTrap}, the active descendant is
+ * an `activeIndex` state driving `aria-activedescendant`, keyboard nav is a panel `onKeyDown`
+ * handler (with the Angular type-ahead + scroll-active-into-view behavior), and outside-click /
+ * backdrop dismissal uses a pointer listener.
+ *
+ * The projected `eds-multiselect-option` children collapse to an `options` array prop.
+ */
+export declare const EdsMultiselect: React.ForwardRefExoticComponent<EdsMultiselectProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-multiselect.d.ts.map

package/eds-multiselect/eds-multiselect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-multiselect.d.ts","sourceRoot":"","sources":["../../src/eds-multiselect/eds-multiselect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAoB;IACjC,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,mBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAE/E,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gHAAgH;IAChH,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAGjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAGxB,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAE1C,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC9B;AAOD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,cAAc,4FAuYzB,CAAC"}

package/eds-multiselect/eds-multiselect.js

@@ -0,0 +1,274 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { useEdsConnectedPosition } from '../eds-popover/use-eds-connected-position.js';
+import { useEdsFocusTrap } from '../eds-overlay/use-eds-focus-trap.js';
+/** Stable option id used for `aria-activedescendant` (mirrors Angular `optionId()`). */
+function optionElementId(value) {
+    return `eds-multiselect-option-${value}`;
+}
+/**
+ * `EdsMultiselect` — pure React port of the Angular `eds-multiselect`.
+ *
+ * A combobox-style dropdown allowing multiple selections, implementing the WAI-ARIA multiselect
+ * listbox pattern with full keyboard navigation (Up/Down/Home/End/Enter/Space/Escape + type-ahead).
+ *
+ * ## CVA → controlled React API (flagged for React forms-API design review, guide rule 6)
+ * The Angular component is a `ControlValueAccessor` whose value is a `string[]` of selected option
+ * values. React has no CVA, so the value is exposed as a **controlled** `value` + `onValueChange`
+ * (or **uncontrolled** `defaultValue`). `disabled` / `isInvalid` are plain props (no
+ * `setDisabledState` shim).
+ *
+ * ## CDK dropped → React reimplementation (guide rule 6)
+ * `@angular/cdk` `Overlay` + `FlexibleConnectedPositionStrategy` + `TemplatePortal` +
+ * `cdkTrapFocus` + `ActiveDescendantKeyManager` are all dropped: the panel is a {@link createPortal}
+ * into `container` (default `document.body`) positioned by {@link useEdsConnectedPosition} with a
+ * width sync to the trigger, focus is trapped with {@link useEdsFocusTrap}, the active descendant is
+ * an `activeIndex` state driving `aria-activedescendant`, keyboard nav is a panel `onKeyDown`
+ * handler (with the Angular type-ahead + scroll-active-into-view behavior), and outside-click /
+ * backdrop dismissal uses a pointer listener.
+ *
+ * The projected `eds-multiselect-option` children collapse to an `options` array prop.
+ */
+export const EdsMultiselect = React.forwardRef(function EdsMultiselect({ e2eAttr = 'eds-multiselect', placeholder = 'Select options', disabled = false, isInvalid = false, ariaLabel = 'Select options', options = [], value, defaultValue, onValueChange, container, className, ...rest }, ref) {
+    const isValueControlled = value !== undefined;
+    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? []);
+    const selectedValues = isValueControlled ? (value ?? []) : uncontrolledValue;
+    const [isOpen, setIsOpen] = useState(false);
+    const [activeIndex, setActiveIndex] = useState(-1);
+    const [panelMeasuredWidth, setPanelMeasuredWidth] = useState(null);
+    const triggerRef = useRef(null);
+    const panelWrapperRef = useRef(null);
+    const listboxRef = useRef(null);
+    useEdsFocusTrap(panelWrapperRef, isOpen);
+    // ── derived display value (Angular `displayValue()` computed) ────────────────
+    const displayValue = useMemo(() => {
+        if (selectedValues.length === 0) {
+            return placeholder;
+        }
+        const firstLabel = options.find((o) => o.value === selectedValues[0])?.label ?? selectedValues[0];
+        if (selectedValues.length === 1) {
+            return firstLabel;
+        }
+        return `${firstLabel} + ${selectedValues.length - 1} more`;
+    }, [selectedValues, options, placeholder]);
+    const isPlaceholderShown = selectedValues.length === 0;
+    // ── host classes (Angular `hostClasses()` — class-based, reproduced verbatim) ──
+    const hostClass = [
+        'eds-multiselect',
+        disabled ? 'eds-multiselect--disabled' : '',
+        isInvalid ? 'eds-multiselect--invalid' : '',
+        isOpen ? 'eds-multiselect--open' : '',
+        className ?? '',
+    ]
+        .filter(Boolean)
+        .join(' ')
+        .trim();
+    const activeDescendantId = isOpen && activeIndex >= 0 && activeIndex < options.length
+        ? optionElementId(options[activeIndex].value)
+        : undefined;
+    // ── commit selection ─────────────────────────────────────────────────────────
+    const commitSelection = useCallback((next) => {
+        if (!isValueControlled) {
+            setUncontrolledValue(next);
+        }
+        onValueChange?.(next);
+    }, [isValueControlled, onValueChange]);
+    const toggleOptionAt = useCallback((index) => {
+        const option = options[index];
+        if (!option || option.isDisabled) {
+            return;
+        }
+        const isSelected = selectedValues.includes(option.value);
+        const next = isSelected
+            ? selectedValues.filter((v) => v !== option.value)
+            : [...selectedValues, option.value];
+        commitSelection(next);
+    }, [options, selectedValues, commitSelection]);
+    // ── open / close ───────────────────────────────────────────────────────────────
+    const closeDropdown = useCallback(() => {
+        setIsOpen((prev) => {
+            if (!prev) {
+                return prev;
+            }
+            return false;
+        });
+        setActiveIndex(-1);
+        // Return focus to the trigger (Angular closeDropdown focuses triggerRef).
+        triggerRef.current?.focus();
+    }, []);
+    const openDropdown = useCallback(() => {
+        if (disabled || isOpen || options.length === 0) {
+            return;
+        }
+        // APG: focus first selected option; otherwise the first option (Angular openDropdown).
+        const firstSelectedIndex = options.findIndex((o) => selectedValues.includes(o.value));
+        setActiveIndex(firstSelectedIndex >= 0 ? firstSelectedIndex : 0);
+        setIsOpen(true);
+    }, [disabled, isOpen, options, selectedValues]);
+    // ── connected position (panel below the trigger) + width sync ──────────────────
+    const { style: connectedStyle } = useEdsConnectedPosition(triggerRef, panelWrapperRef, 'bottom', isOpen, 0, 'start');
+    useLayoutEffect(() => {
+        if (!isOpen) {
+            return;
+        }
+        const measure = () => {
+            const w = triggerRef.current?.offsetWidth;
+            if (w) {
+                setPanelMeasuredWidth(w);
+            }
+        };
+        measure();
+        window.addEventListener('resize', measure);
+        return () => window.removeEventListener('resize', measure);
+    }, [isOpen]);
+    // Focus the panel wrapper so keyboard events are captured (Angular focuses panelEl).
+    useEffect(() => {
+        if (isOpen) {
+            listboxRef.current?.focus();
+        }
+    }, [isOpen]);
+    // Scroll the active option into view (Angular scrollActiveOptionIntoView).
+    useEffect(() => {
+        if (!isOpen || activeIndex < 0 || activeIndex >= options.length) {
+            return;
+        }
+        const el = listboxRef.current?.querySelector(`#${CSS.escape(optionElementId(options[activeIndex].value))}`);
+        el?.scrollIntoView({ block: 'nearest' });
+    }, [isOpen, activeIndex, options]);
+    // ── outside-click dismissal (Angular backdropClick) ─────────────────────────────
+    useEffect(() => {
+        if (!isOpen) {
+            return;
+        }
+        const onPointerDown = (event) => {
+            const target = event.target;
+            if (panelWrapperRef.current?.contains(target) || triggerRef.current?.contains(target)) {
+                return;
+            }
+            setIsOpen(false);
+            setActiveIndex(-1);
+        };
+        document.addEventListener('pointerdown', onPointerDown, true);
+        return () => document.removeEventListener('pointerdown', onPointerDown, true);
+    }, [isOpen]);
+    // ── type-ahead (Angular handleTypeAhead) ─────────────────────────────────────────
+    const handleTypeAhead = useCallback((char) => {
+        const lowerChar = char.toLowerCase();
+        const start = activeIndex < 0 ? 0 : activeIndex;
+        for (let i = 1; i <= options.length; i++) {
+            const index = (start + i) % options.length;
+            const option = options[index];
+            if (!option.isDisabled && option.label.toLowerCase().startsWith(lowerChar)) {
+                setActiveIndex(index);
+                break;
+            }
+        }
+    }, [activeIndex, options]);
+    /** Move active to the next non-wrap-aware index (matches CDK withWrap()). */
+    const moveActive = useCallback((delta) => {
+        if (options.length === 0) {
+            return;
+        }
+        setActiveIndex((prev) => {
+            const base = prev < 0 ? 0 : prev;
+            return (base + delta + options.length) % options.length;
+        });
+    }, [options.length]);
+    // ── trigger interactions ─────────────────────────────────────────────────────────
+    const onTriggerClick = useCallback(() => {
+        if (disabled) {
+            return;
+        }
+        if (isOpen) {
+            closeDropdown();
+        }
+        else {
+            openDropdown();
+        }
+    }, [disabled, isOpen, closeDropdown, openDropdown]);
+    const onTriggerKeydown = useCallback((event) => {
+        if (disabled) {
+            return;
+        }
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+            case 'ArrowDown':
+            case 'ArrowUp':
+                event.preventDefault();
+                if (!isOpen) {
+                    openDropdown();
+                }
+                break;
+            case 'Escape':
+                event.preventDefault();
+                if (isOpen) {
+                    closeDropdown();
+                }
+                break;
+        }
+    }, [disabled, isOpen, openDropdown, closeDropdown]);
+    // ── panel interactions ───────────────────────────────────────────────────────────
+    const onPanelKeydown = useCallback((event) => {
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                moveActive(1);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                moveActive(-1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                setActiveIndex(0);
+                break;
+            case 'End':
+                event.preventDefault();
+                setActiveIndex(options.length - 1);
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                if (activeIndex >= 0) {
+                    toggleOptionAt(activeIndex);
+                }
+                break;
+            case 'Escape':
+                event.preventDefault();
+                closeDropdown();
+                break;
+            default:
+                if (event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey) {
+                    handleTypeAhead(event.key);
+                }
+                break;
+        }
+    }, [moveActive, options.length, activeIndex, toggleOptionAt, closeDropdown, handleTypeAhead]);
+    const resolvedPanelWidth = panelMeasuredWidth != null ? `${panelMeasuredWidth}px` : undefined;
+    const portalTarget = container ?? (typeof document !== 'undefined' ? document.body : null);
+    return (_jsxs("div", { ref: ref, className: hostClass, "data-e2e": e2eAttr, ...rest, children: [_jsxs("div", { ref: triggerRef, className: "eds-multiselect__trigger", role: "combobox", "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": isOpen ? 'eds-multiselect-listbox' : undefined, "aria-label": ariaLabel, "aria-activedescendant": activeDescendantId, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, onClick: onTriggerClick, onKeyDown: onTriggerKeydown, children: [_jsx("span", { className: isPlaceholderShown
+                            ? 'eds-multiselect__display eds-multiselect__display--placeholder'
+                            : 'eds-multiselect__display', children: displayValue }), _jsx(EdsIcon, { className: "eds-multiselect__caret", icon: "caret-down", "aria-hidden": true })] }), isOpen && portalTarget
+                ? createPortal(_jsxs("div", { ref: panelWrapperRef, className: "eds-multiselect__panel-wrapper", tabIndex: -1, style: { ...connectedStyle, width: resolvedPanelWidth }, children: [_jsx("div", { ref: listboxRef, className: "eds-multiselect__panel", id: "eds-multiselect-listbox", role: "listbox", "aria-multiselectable": "true", "aria-label": ariaLabel, "aria-activedescendant": activeDescendantId, tabIndex: 0, onKeyDown: onPanelKeydown, children: options.map((option, index) => {
+                                const isSelected = selectedValues.includes(option.value);
+                                const isActive = index === activeIndex;
+                                const optionClass = [
+                                    'eds-multiselect-option',
+                                    isSelected ? 'eds-multiselect-option--selected' : '',
+                                    isActive ? 'eds-multiselect-option--active' : '',
+                                    option.isDisabled ? 'eds-multiselect-option--disabled' : '',
+                                ]
+                                    .filter(Boolean)
+                                    .join(' ');
+                                return (_jsxs("div", { className: optionClass, role: "option", "aria-selected": isSelected, "aria-disabled": option.isDisabled || undefined, id: optionElementId(option.value), onClick: () => {
+                                        toggleOptionAt(index);
+                                        setActiveIndex(index);
+                                    }, children: [_jsx(EdsIcon, { className: "eds-multiselect-option__check", icon: "check", size: "s", "aria-hidden": true }), _jsx("span", { className: "eds-multiselect-option__label", children: option.label })] }, option.value));
+                            }) }), _jsx("div", { className: "eds-multiselect__panel-footer", children: _jsx("button", { type: "button", className: "eds-multiselect__done-button", onClick: closeDropdown, children: "Done" }) })] }), portalTarget)
+                : null] }));
+});
+//# sourceMappingURL=eds-multiselect.js.map

package/eds-multiselect/eds-multiselect.js.map

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

package/eds-multiselect/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsMultiselect } from './eds-multiselect.js';
+export type { EdsMultiselectProps, EdsMultiselectOption } from './eds-multiselect.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-multiselect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-multiselect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/eds-multiselect/index.js

@@ -0,0 +1,2 @@
+export { EdsMultiselect } from './eds-multiselect.js';
+//# sourceMappingURL=index.js.map

package/eds-multiselect/index.js.map

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

package/eds-overlay/eds-overlay-content.css

@@ -0,0 +1,9 @@
+/** eds-overlay-content.css — 1:1 port of eds-overlay-content.scss (:host → .eds-overlay-content). */
+
+.eds-overlay-content {
+    display: block;
+    flex: 1;
+    padding: var(--eds-sp-l);
+    overflow-y: auto;
+    min-height: 0;
+}

package/eds-overlay/eds-overlay-content.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsOverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Scrollable body content of the overlay panel. Mirrors the Angular `<ng-content/>`. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsOverlayContent` — pure React port of the Angular `eds-overlay-content`.
+ *
+ * The scrollable body region of the overlay panel (`.eds-overlay-content`). Pure
+ * content-projection wrapper.
+ */
+export declare const EdsOverlayContent: React.ForwardRefExoticComponent<EdsOverlayContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-overlay-content.d.ts.map

package/eds-overlay/eds-overlay-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-content.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,yFAAyF;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,+FAY7B,CAAC"}

package/eds-overlay/eds-overlay-content.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsOverlayContent` — pure React port of the Angular `eds-overlay-content`.
+ *
+ * The scrollable body region of the overlay panel (`.eds-overlay-content`). Pure
+ * content-projection wrapper.
+ */
+export const EdsOverlayContent = React.forwardRef(function EdsOverlayContent({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-overlay-content ${className}` : 'eds-overlay-content', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-overlay-content.js.map

package/eds-overlay/eds-overlay-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-content.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-content.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC7C,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC5D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,uBAAuB,SAAS,EAAE,CAAC,CAAC,CAAC,qBAAqB,KAC7E,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-overlay/eds-overlay-footer.css

@@ -0,0 +1,10 @@
+/** eds-overlay-footer.css — 1:1 port of eds-overlay-footer.scss (:host → .eds-overlay-footer). */
+
+.eds-overlay-footer {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    padding: var(--eds-sp-m) var(--eds-sp-l);
+    border-top: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    flex-shrink: 0;
+}

package/eds-overlay/eds-overlay-footer.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsOverlayFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Footer content (typically action buttons). Mirrors the Angular `<ng-content/>`. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsOverlayFooter` — pure React port of the Angular `eds-overlay-footer`.
+ *
+ * The footer region of the overlay panel (`.eds-overlay-footer`). Pure content-projection
+ * wrapper.
+ */
+export declare const EdsOverlayFooter: React.ForwardRefExoticComponent<EdsOverlayFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-overlay-footer.d.ts.map

package/eds-overlay/eds-overlay-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-footer.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,sFAAsF;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,8FAY5B,CAAC"}

package/eds-overlay/eds-overlay-footer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsOverlayFooter` — pure React port of the Angular `eds-overlay-footer`.
+ *
+ * The footer region of the overlay panel (`.eds-overlay-footer`). Pure content-projection
+ * wrapper.
+ */
+export const EdsOverlayFooter = React.forwardRef(function EdsOverlayFooter({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-overlay-footer ${className}` : 'eds-overlay-footer', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-overlay-footer.js.map

package/eds-overlay/eds-overlay-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-footer.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC3D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAsB,SAAS,EAAE,CAAC,CAAC,CAAC,oBAAoB,KAC3E,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-overlay/eds-overlay-header-action-items.css

@@ -0,0 +1,8 @@
+/** eds-overlay-header-action-items.css — 1:1 port of eds-overlay-header-action-items.scss. */
+
+.eds-overlay-header-action-items {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    flex-shrink: 0;
+}

package/eds-overlay/eds-overlay-header-action-items.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface EdsOverlayHeaderActionItemsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Header action items (e.g. buttons) placed before the built-in close button. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsOverlayHeaderActionItems` — pure React port of the Angular
+ * `eds-overlay-header-action-items`.
+ *
+ * A row of custom action items in the overlay header (`.eds-overlay-header-action-items`),
+ * rendered before the header's built-in close button. Pure content-projection wrapper.
+ */
+export declare const EdsOverlayHeaderActionItems: React.ForwardRefExoticComponent<EdsOverlayHeaderActionItemsProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-overlay-header-action-items.d.ts.map

package/eds-overlay/eds-overlay-header-action-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-header-action-items.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-header-action-items.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1F,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,yGAiBtC,CAAC"}

package/eds-overlay/eds-overlay-header-action-items.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsOverlayHeaderActionItems` — pure React port of the Angular
+ * `eds-overlay-header-action-items`.
+ *
+ * A row of custom action items in the overlay header (`.eds-overlay-header-action-items`),
+ * rendered before the header's built-in close button. Pure content-projection wrapper.
+ */
+export const EdsOverlayHeaderActionItems = React.forwardRef(function EdsOverlayHeaderActionItems({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className
+            ? `eds-overlay-header-action-items ${className}`
+            : 'eds-overlay-header-action-items', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-overlay-header-action-items.js.map

package/eds-overlay/eds-overlay-header-action-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-header-action-items.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-header-action-items.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAGzD,SAAS,2BAA2B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACxE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EACL,SAAS;YACL,CAAC,CAAC,mCAAmC,SAAS,EAAE;YAChD,CAAC,CAAC,iCAAiC,KAEvC,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-overlay/eds-overlay-header-label.css

@@ -0,0 +1,7 @@
+/** eds-overlay-header-label.css — 1:1 port of eds-overlay-header-label.scss. */
+
+.eds-overlay-header-label {
+    display: block;
+    font: var(--eds-f-heading-s);
+    color: var(--eds-c-foreground);
+}

package/eds-overlay/eds-overlay-header-label.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsOverlayHeaderLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Primary header label text. Mirrors the Angular `<ng-content/>`. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsOverlayHeaderLabel` — pure React port of the Angular `eds-overlay-header-label`.
+ *
+ * The primary (title) label inside the overlay header (`.eds-overlay-header-label`). Pure
+ * content-projection wrapper.
+ */
+export declare const EdsOverlayHeaderLabel: React.ForwardRefExoticComponent<EdsOverlayHeaderLabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-overlay-header-label.d.ts.map

package/eds-overlay/eds-overlay-header-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-header-label.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-header-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,sEAAsE;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,mGAcjC,CAAC"}

package/eds-overlay/eds-overlay-header-label.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsOverlayHeaderLabel` — pure React port of the Angular `eds-overlay-header-label`.
+ *
+ * The primary (title) label inside the overlay header (`.eds-overlay-header-label`). Pure
+ * content-projection wrapper.
+ */
+export const EdsOverlayHeaderLabel = React.forwardRef(function EdsOverlayHeaderLabel({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-overlay-header-label ${className}` : 'eds-overlay-header-label', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-overlay-header-label.js.map

package/eds-overlay/eds-overlay-header-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-header-label.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-header-label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACjD,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EACL,SAAS,CAAC,CAAC,CAAC,4BAA4B,SAAS,EAAE,CAAC,CAAC,CAAC,0BAA0B,KAEhF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-overlay/eds-overlay-header-sublabel.css

@@ -0,0 +1,7 @@
+/** eds-overlay-header-sublabel.css — 1:1 port of eds-overlay-header-sublabel.scss. */
+
+.eds-overlay-header-sublabel {
+    display: block;
+    font: var(--eds-f-paragraph-s);
+    color: var(--eds-c-foreground-subtler);
+}

package/eds-overlay/eds-overlay-header-sublabel.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsOverlayHeaderSublabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Secondary header label text. Mirrors the Angular `<ng-content/>`. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsOverlayHeaderSublabel` — pure React port of the Angular `eds-overlay-header-sublabel`.
+ *
+ * The secondary (subtitle) label inside the overlay header (`.eds-overlay-header-sublabel`).
+ * Pure content-projection wrapper.
+ */
+export declare const EdsOverlayHeaderSublabel: React.ForwardRefExoticComponent<EdsOverlayHeaderSublabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-overlay-header-sublabel.d.ts.map

package/eds-overlay/eds-overlay-header-sublabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-header-sublabel.d.ts","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-header-sublabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvF,wEAAwE;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,sGAiBnC,CAAC"}

package/eds-overlay/eds-overlay-header-sublabel.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsOverlayHeaderSublabel` — pure React port of the Angular `eds-overlay-header-sublabel`.
+ *
+ * The secondary (subtitle) label inside the overlay header (`.eds-overlay-header-sublabel`).
+ * Pure content-projection wrapper.
+ */
+export const EdsOverlayHeaderSublabel = React.forwardRef(function EdsOverlayHeaderSublabel({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className
+            ? `eds-overlay-header-sublabel ${className}`
+            : 'eds-overlay-header-sublabel', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-overlay-header-sublabel.js.map

package/eds-overlay/eds-overlay-header-sublabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-overlay-header-sublabel.js","sourceRoot":"","sources":["../../src/eds-overlay/eds-overlay-header-sublabel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAGtD,SAAS,wBAAwB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACrE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EACL,SAAS;YACL,CAAC,CAAC,+BAA+B,SAAS,EAAE;YAC5C,CAAC,CAAC,6BAA6B,KAEnC,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}