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

package/eds-language-selector/eds-language-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-language-selector.d.ts","sourceRoot":"","sources":["../../src/eds-language-selector/eds-language-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,kFAAkF;AAClF,MAAM,WAAW,WAAW;IACxB,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,OAAO,CAAC;AAmB3D,MAAM,WAAW,8BAA8B;IAC3C,+BAA+B;IAC/B,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,wCAAwC;IACxC,gBAAgB,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GACnB,EAAE,8BAA8B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8CpD;AAMD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpG,uCAAuC;IACvC,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,wBAAwB,CAAC;IACjC,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,SAAc,EACd,gBAAuB,EACvB,SAAc,EACd,cAAsB,EACtB,aAAqB,EACrB,KAAiB,EACjB,gBAAgB,EAChB,WAA+B,EAC/B,oBAA8B,EAC9B,SAAS,EACT,GAAG,IAAI,EACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8S9C"}

package/eds-language-selector/eds-language-selector.js

@@ -0,0 +1,233 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { EdsButton } from '../eds-button/eds-button.js';
+/** Official EU language codes (ported 1:1 from the Angular dialog). */
+const EU_LANGUAGE_CODES = new Set([
+    'bg', 'cs', 'da', 'de', 'et', 'el', 'en', 'es', 'fr', 'ga',
+    'hr', 'it', 'lv', 'lt', 'hu', 'mt', 'nl', 'pl', 'pt', 'ro',
+    'sk', 'sl', 'fi', 'sv',
+]);
+/** Threshold: when languages exceed this count, a dialog is shown instead of a dropdown. */
+const DIALOG_THRESHOLD = 3;
+/** Minimum space (px) needed on the right for the dropdown to align left-to-right. */
+const DROPDOWN_MIN_WIDTH = 160;
+/**
+ * `EdsLanguageSelectorDialog` — pure React port of the Angular `eds-language-selector-dialog`.
+ *
+ * Displays EU and non-EU languages in separate grid sections; each entry shows the uppercased code
+ * plus an `EdsButton` (primary when selected, neutral otherwise). Selecting a language fires
+ * `onLanguageChange`. The Angular version closed the dialog via `EdsDialogService.closeDialog()`;
+ * in React the parent (`EdsLanguageSelector`) owns the modal and closes it from `onLanguageChange`.
+ */
+export function EdsLanguageSelectorDialog({ languages, selectedLanguage, onLanguageChange, }) {
+    const euLanguages = useMemo(() => (languages ?? []).filter((lang) => EU_LANGUAGE_CODES.has(lang.code)), [languages]);
+    const nonEuLanguages = useMemo(() => (languages ?? []).filter((lang) => !EU_LANGUAGE_CODES.has(lang.code)), [languages]);
+    const renderGrid = (list) => (_jsx("div", { className: "eds-language-dialog__grid", children: list.map((lang) => {
+            const isSelected = lang.code === selectedLanguage;
+            return (_jsxs("div", { className: "eds-language-dialog__item", children: [_jsx("span", { className: "eds-language-dialog__code", children: lang.code.toUpperCase() }), _jsx(EdsButton, { color: isSelected ? 'primary' : 'neutral', onClick: () => onLanguageChange(lang.code), children: _jsx("span", { lang: lang.code, children: lang.label }) })] }, lang.code));
+        }) }));
+    return (_jsxs("div", { className: "eds-language-dialog", children: [nonEuLanguages.length > 0 && (_jsx("h4", { className: "eds-language-dialog__section-title", children: "EU Languages" })), renderGrid(euLanguages), nonEuLanguages.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h4", { className: "eds-language-dialog__section-title eds-language-dialog__section-title--additional", children: "Non-EU Languages" }), renderGrid(nonEuLanguages)] }))] }));
+}
+/**
+ * `EdsLanguageSelector` — pure React port of the Angular `eds-language-selector`.
+ *
+ * A trigger button that opens either an inline dropdown listbox (<= 3 languages) or a modal dialog
+ * (> 3 languages, `EdsLanguageSelectorDialog`) to change the current language. Behavior is
+ * reimplemented with hooks: open/close state (`useState`), viewport-based right-alignment computed
+ * on open (`useLayoutEffect` reading the root ref), outside-click + Escape close (document
+ * listeners), roving-tabindex keyboard navigation over the dropdown options (Arrow/Home/End/Enter/
+ * Space/Escape/Tab) reimplementing the Angular `@angular/core` focus management, and focus return
+ * to the trigger on close.
+ *
+ * The Angular `EdsDialogService` overlay has no React equivalent; the dialog is rendered inline as a
+ * controlled modal owned by this component. Router/shell services are not involved. `color` follows
+ * the class-based `EdsColorDirective` source (guide rule 9), rendering `eds-language-selector--brand`.
+ */
+export function EdsLanguageSelector({ languages = [], selectedLanguage = 'en', ariaLabel = '', isRightAligned = false, hasIconLayout = false, color = 'neutral', onLanguageChange, dialogTitle = 'Select Language', dialogCloseAriaLabel = 'Close', className, ...rest }) {
+    const rootRef = useRef(null);
+    const toggleRef = useRef(null);
+    const optionRefs = useRef(new Map());
+    const [isOpen, setIsOpen] = useState(false);
+    const [isDialogOpen, setIsDialogOpen] = useState(false);
+    const [focusedIndex, setFocusedIndex] = useState(-1);
+    /** Viewport-based alignment (only used when isRightAligned is not explicitly true). */
+    const [dropdownAlignRight, setDropdownAlignRight] = useState(false);
+    // computed(): whether the language list should open in a dialog (more than 3 languages).
+    const useDialog = languages.length > DIALOG_THRESHOLD;
+    // computed(): resolved alignment — explicit input takes priority, then viewport-based.
+    const resolvedAlignRight = isRightAligned || dropdownAlignRight;
+    // computed(): the current language (selected match, else first, else fallback).
+    const currentLanguage = useMemo(() => languages.find((l) => l.code === selectedLanguage) ??
+        languages[0] ?? { code: 'en', label: 'EN' }, [languages, selectedLanguage]);
+    // computed(): computed aria-label for the toggle.
+    const computedAriaLabel = ariaLabel
+        ? ariaLabel
+        : `Change Language - Current: ${currentLanguage.label}`;
+    // computed(): id of the active descendant for aria-activedescendant.
+    const activeDescendantId = focusedIndex >= 0 && focusedIndex < languages.length
+        ? `eds-lang-option-${languages[focusedIndex].code}`
+        : undefined;
+    const closeDropdown = useCallback(() => {
+        setIsOpen(false);
+        setFocusedIndex(-1);
+        // Return focus to the toggle button.
+        toggleRef.current?.focus();
+    }, []);
+    // @HostListener('document:click') — close the dropdown when clicking outside.
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const onDocClick = (event) => {
+            if (rootRef.current && !rootRef.current.contains(event.target)) {
+                closeDropdown();
+            }
+        };
+        document.addEventListener('click', onDocClick);
+        return () => document.removeEventListener('click', onDocClick);
+    }, [isOpen, closeDropdown]);
+    const scrollFocusedIntoView = useCallback((index) => {
+        if (index >= 0 && index < languages.length) {
+            optionRefs.current.get(languages[index].code)?.focus();
+        }
+    }, [languages]);
+    // afterNextRender(scrollFocusedIntoView) — focus the active option after the dropdown renders.
+    useLayoutEffect(() => {
+        if (isOpen && focusedIndex >= 0) {
+            scrollFocusedIntoView(focusedIndex);
+        }
+    }, [isOpen, focusedIndex, scrollFocusedIntoView]);
+    const computeDropdownAlignment = useCallback(() => {
+        const host = rootRef.current;
+        if (!host)
+            return false;
+        const hostRect = host.getBoundingClientRect();
+        const viewportWidth = document.documentElement.clientWidth;
+        const spaceOnRight = viewportWidth - hostRect.left;
+        return spaceOnRight < DROPDOWN_MIN_WIDTH;
+    }, []);
+    const openDropdown = useCallback(() => {
+        setDropdownAlignRight(computeDropdownAlignment());
+        // Set initial focus to the currently selected language, or first item.
+        const selectedIdx = languages.findIndex((l) => l.code === selectedLanguage);
+        setFocusedIndex(selectedIdx >= 0 ? selectedIdx : 0);
+        setIsOpen(true);
+    }, [computeDropdownAlignment, languages, selectedLanguage]);
+    const openLanguageDialog = useCallback(() => {
+        setIsDialogOpen(true);
+    }, []);
+    const toggle = useCallback(() => {
+        if (useDialog) {
+            openLanguageDialog();
+        }
+        else if (!isOpen) {
+            openDropdown();
+        }
+        else {
+            closeDropdown();
+        }
+    }, [useDialog, isOpen, openDropdown, closeDropdown, openLanguageDialog]);
+    const selectLanguage = useCallback((lang) => {
+        closeDropdown();
+        onLanguageChange?.(lang.code);
+    }, [closeDropdown, onLanguageChange]);
+    // Keyboard handler on the toggle button.
+    const onToggleKeydown = (event) => {
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            if (!isOpen && !useDialog) {
+                openDropdown();
+            }
+        }
+    };
+    // Keyboard handler on the dropdown list.
+    const onDropdownKeydown = (event) => {
+        const langs = languages;
+        const idx = focusedIndex;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                setFocusedIndex(idx < langs.length - 1 ? idx + 1 : 0);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                setFocusedIndex(idx > 0 ? idx - 1 : langs.length - 1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                setFocusedIndex(0);
+                break;
+            case 'End':
+                event.preventDefault();
+                setFocusedIndex(langs.length - 1);
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                if (idx >= 0 && idx < langs.length) {
+                    selectLanguage(langs[idx]);
+                }
+                break;
+            case 'Escape':
+            case 'Tab':
+                closeDropdown();
+                break;
+        }
+    };
+    // Dialog language selection — fire callback then close the modal.
+    const onDialogLanguageChange = useCallback((code) => {
+        onLanguageChange?.(code);
+        setIsDialogOpen(false);
+    }, [onLanguageChange]);
+    // Close the dialog on Escape / outside click (matches the Angular dialog config
+    // hasClosedOnEscape + hasClosedOnClickOutside).
+    useEffect(() => {
+        if (!isDialogOpen)
+            return;
+        const onKeydown = (event) => {
+            if (event.key === 'Escape') {
+                setIsDialogOpen(false);
+                toggleRef.current?.focus();
+            }
+        };
+        document.addEventListener('keydown', onKeydown);
+        return () => document.removeEventListener('keydown', onKeydown);
+    }, [isDialogOpen]);
+    const rootClass = [
+        'eds-language-selector',
+        color === 'brand' ? 'eds-language-selector--brand' : '',
+        className ?? '',
+    ]
+        .join(' ')
+        .replace(/\s+/g, ' ')
+        .trim();
+    return (_jsxs("div", { ref: rootRef, className: rootClass, ...rest, children: [_jsx("button", { ref: toggleRef, type: "button", className: hasIconLayout
+                    ? 'language-toggle language-toggle--icon-layout'
+                    : 'language-toggle', "aria-label": computedAriaLabel, "aria-expanded": isOpen, "aria-haspopup": "listbox", onClick: toggle, onKeyDown: onToggleKeydown, children: hasIconLayout ? (_jsxs(_Fragment, { children: [_jsx(EdsIcon, { icon: "globe", size: "s" }), _jsx("span", { className: "language-code", children: currentLanguage.code.toUpperCase() })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "language-code", children: currentLanguage.code.toUpperCase() }), _jsx(EdsIcon, { icon: isOpen ? 'caret-up' : 'caret-down', size: "s" })] })) }), isOpen && (_jsx("ul", { className: resolvedAlignRight
+                    ? 'language-dropdown language-dropdown--align-right'
+                    : 'language-dropdown', role: "listbox", "aria-activedescendant": activeDescendantId, onKeyDown: onDropdownKeydown, children: languages.map((lang, i) => {
+                    const isSelected = lang.code === selectedLanguage;
+                    const isFocused = i === focusedIndex;
+                    const optionClass = [
+                        'language-option',
+                        isSelected ? 'selected' : '',
+                        isFocused ? 'focused' : '',
+                    ]
+                        .join(' ')
+                        .replace(/\s+/g, ' ')
+                        .trim();
+                    return (_jsxs("li", { ref: (el) => {
+                            if (el)
+                                optionRefs.current.set(lang.code, el);
+                            else
+                                optionRefs.current.delete(lang.code);
+                        }, className: optionClass, role: "option", id: `eds-lang-option-${lang.code}`, "aria-selected": isSelected, tabIndex: isFocused ? 0 : -1, onClick: () => selectLanguage(lang), children: [_jsx("span", { className: "option-code", children: lang.code.toUpperCase() }), _jsx("span", { className: "option-label", children: lang.label })] }, lang.code));
+                }) })), isDialogOpen && (_jsx("div", { className: "eds-language-selector-dialog-overlay", onClick: () => {
+                    setIsDialogOpen(false);
+                    toggleRef.current?.focus();
+                }, children: _jsxs("div", { className: "eds-language-selector-dialog-panel", role: "dialog", "aria-modal": "true", "aria-label": dialogTitle, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "eds-language-selector-dialog-header", children: [_jsx("h3", { className: "eds-language-selector-dialog-title", children: dialogTitle }), _jsx("button", { type: "button", className: "eds-language-selector-dialog-close", "aria-label": dialogCloseAriaLabel, onClick: () => {
+                                        setIsDialogOpen(false);
+                                        toggleRef.current?.focus();
+                                    }, children: _jsx(EdsIcon, { icon: "x", size: "s" }) })] }), _jsx("div", { className: "eds-language-selector-dialog-body", children: _jsx(EdsLanguageSelectorDialog, { languages: languages, selectedLanguage: selectedLanguage, onLanguageChange: onDialogLanguageChange }) })] }) }))] }));
+}
+//# sourceMappingURL=eds-language-selector.js.map

package/eds-language-selector/eds-language-selector.js.map

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

package/eds-language-selector/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsLanguageSelector, EdsLanguageSelectorDialog } from './eds-language-selector.js';
+export type { EdsLanguageSelectorProps, EdsLanguageSelectorColor, EdsLanguageSelectorDialogProps, EdsLanguage, } from './eds-language-selector.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-language-selector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-language-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5F,YAAY,EACR,wBAAwB,EACxB,wBAAwB,EACxB,8BAA8B,EAC9B,WAAW,GACd,MAAM,4BAA4B,CAAC"}

package/eds-language-selector/index.js

@@ -0,0 +1,2 @@
+export { EdsLanguageSelector, EdsLanguageSelectorDialog } from './eds-language-selector.js';
+//# sourceMappingURL=index.js.map

package/eds-language-selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-language-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC"}

package/eds-list/eds-list-context.d.ts

@@ -0,0 +1,36 @@
+import type { EdsListRole } from './eds-list.js';
+/**
+ * Context published by an `EdsList` so its `EdsListItem` children can derive interactive-mode
+ * state and their ARIA role — the React analog of the Angular `inject(EdsList)` a child item
+ * performs to read `edsRole()` / `isInteractiveMode()`.
+ */
+export interface EdsListContextValue {
+    /** The parent list's ARIA role (`listbox` | `menu` | `list`), or undefined in presentational mode. */
+    role?: EdsListRole;
+    /** Whether the parent list is in interactive mode (via `role` or `isInteractive`). */
+    isInteractive: boolean;
+    /** Registers an item's focus handle for the roving-tabindex keyboard manager. */
+    register: (handle: EdsListItemHandle) => () => void;
+}
+/** Imperative handle each interactive `EdsListItem` exposes to the parent list's key manager. */
+export interface EdsListItemHandle {
+    /** The item's root element. */
+    getElement: () => HTMLElement | null;
+    /** Whether the item is disabled. */
+    isDisabled: () => boolean;
+    /** The item's text label (used for type-ahead matching). */
+    getLabel: () => string;
+    /** Focus the item's root element. */
+    focus: () => void;
+    /** Programmatically click the item's root element. */
+    click: () => void;
+    /** Focusable elements within this item (for Arrow Left/Right rich-content navigation). */
+    getFocusableElements: () => HTMLElement[];
+    /** Whether the item is currently in the active state. */
+    isActive: () => boolean;
+}
+/** The list coordination context (undefined when a list item is used standalone). */
+export declare const EdsListContext: import("react").Context<EdsListContextValue | undefined>;
+/** Hook for an `EdsListItem` to read the enclosing list's coordination context. */
+export declare function useEdsList(): EdsListContextValue | undefined;
+//# sourceMappingURL=eds-list-context.d.ts.map

package/eds-list/eds-list-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-context.d.ts","sourceRoot":"","sources":["../../src/eds-list/eds-list-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAChC,sGAAsG;IACtG,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sFAAsF;IACtF,aAAa,EAAE,OAAO,CAAC;IACvB,iFAAiF;IACjF,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,MAAM,IAAI,CAAC;CACvD;AAED,iGAAiG;AACjG,MAAM,WAAW,iBAAiB;IAC9B,+BAA+B;IAC/B,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACrC,oCAAoC;IACpC,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,qCAAqC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,sDAAsD;IACtD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,0FAA0F;IAC1F,oBAAoB,EAAE,MAAM,WAAW,EAAE,CAAC;IAC1C,yDAAyD;IACzD,QAAQ,EAAE,MAAM,OAAO,CAAC;CAC3B;AAED,qFAAqF;AACrF,eAAO,MAAM,cAAc,0DAA4D,CAAC;AAExF,mFAAmF;AACnF,wBAAgB,UAAU,IAAI,mBAAmB,GAAG,SAAS,CAE5D"}

package/eds-list/eds-list-context.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from 'react';
+/** The list coordination context (undefined when a list item is used standalone). */
+export const EdsListContext = createContext(undefined);
+/** Hook for an `EdsListItem` to read the enclosing list's coordination context. */
+export function useEdsList() {
+    return useContext(EdsListContext);
+}
+//# sourceMappingURL=eds-list-context.js.map

package/eds-list/eds-list-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-context.js","sourceRoot":"","sources":["../../src/eds-list/eds-list-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAmClD,qFAAqF;AACrF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAkC,SAAS,CAAC,CAAC;AAExF,mFAAmF;AACnF,MAAM,UAAU,UAAU;IACtB,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACtC,CAAC"}

package/eds-list/eds-list-item-content.css

@@ -0,0 +1,11 @@
+/*
+ * eds-list-item-content — pure React port of eds-list-item-content.scss.
+ * :host -> .eds-list-item-content. .eui-21 wrapper dropped (share-ready).
+ */
+
+.eds-list-item-content {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    min-width: 0;
+}

package/eds-list/eds-list-item-content.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsListItemContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Generic content between the label and end slots (progress bars, descriptions, badges). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsListItemContent` — pure React port of the Angular `eds-list-item-content`.
+ *
+ * Generic content slot for a list item. Pure content-projection wrapper carrying the
+ * `.eds-list-item-content` class.
+ */
+export declare const EdsListItemContent: React.ForwardRefExoticComponent<EdsListItemContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-list-item-content.d.ts.map

package/eds-list/eds-list-item-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-item-content.d.ts","sourceRoot":"","sources":["../../src/eds-list/eds-list-item-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,gGAY9B,CAAC"}

package/eds-list/eds-list-item-content.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsListItemContent` — pure React port of the Angular `eds-list-item-content`.
+ *
+ * Generic content slot for a list item. Pure content-projection wrapper carrying the
+ * `.eds-list-item-content` class.
+ */
+export const EdsListItemContent = React.forwardRef(function EdsListItemContent({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-list-item-content ${className}` : 'eds-list-item-content', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-list-item-content.js.map

package/eds-list/eds-list-item-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-item-content.js","sourceRoot":"","sources":["../../src/eds-list/eds-list-item-content.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAC9C,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC7D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,yBAAyB,SAAS,EAAE,CAAC,CAAC,CAAC,uBAAuB,KACjF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-list/eds-list-item-end.css

@@ -0,0 +1,13 @@
+/*
+ * eds-list-item-end — pure React port of eds-list-item-end.scss.
+ * :host -> .eds-list-item-end. .eui-21 wrapper dropped (share-ready).
+ */
+
+.eds-list-item-end {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    font: var(--eds-f-label-s-semi-bold);
+    color: var(--eds-c-foreground-default);
+    white-space: nowrap;
+}

package/eds-list/eds-list-item-end.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsListItemEndProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Trailing content — typically a value, badge, or action button. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsListItemEnd` — pure React port of the Angular `eds-list-item-end`.
+ *
+ * Trailing slot for a list item. Pure content-projection wrapper carrying the
+ * `.eds-list-item-end` class.
+ */
+export declare const EdsListItemEnd: React.ForwardRefExoticComponent<EdsListItemEndProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-list-item-end.d.ts.map

package/eds-list/eds-list-item-end.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-item-end.d.ts","sourceRoot":"","sources":["../../src/eds-list/eds-list-item-end.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,4FAY1B,CAAC"}

package/eds-list/eds-list-item-end.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsListItemEnd` — pure React port of the Angular `eds-list-item-end`.
+ *
+ * Trailing slot for a list item. Pure content-projection wrapper carrying the
+ * `.eds-list-item-end` class.
+ */
+export const EdsListItemEnd = React.forwardRef(function EdsListItemEnd({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-list-item-end ${className}` : 'eds-list-item-end', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-list-item-end.js.map

package/eds-list/eds-list-item-end.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-item-end.js","sourceRoot":"","sources":["../../src/eds-list/eds-list-item-end.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACzD,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,qBAAqB,SAAS,EAAE,CAAC,CAAC,CAAC,mBAAmB,KACzE,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-list/eds-list-item-label.css

@@ -0,0 +1,13 @@
+/*
+ * eds-list-item-label — pure React port of eds-list-item-label.scss.
+ * :host -> .eds-list-item-label. .eui-21 wrapper dropped (share-ready).
+ */
+
+.eds-list-item-label {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+    font: var(--eds-f-paragraph-s);
+    color: var(--eds-c-foreground-default);
+}

package/eds-list/eds-list-item-label.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsListItemLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Primary label content — the main text of the list item. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsListItemLabel` — pure React port of the Angular `eds-list-item-label`.
+ *
+ * Primary label slot for a list item (flex: 1, truncatable). Pure content-projection wrapper
+ * carrying the `.eds-list-item-label` class.
+ */
+export declare const EdsListItemLabel: React.ForwardRefExoticComponent<EdsListItemLabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-list-item-label.d.ts.map

package/eds-list/eds-list-item-label.d.ts.map

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

package/eds-list/eds-list-item-label.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsListItemLabel` — pure React port of the Angular `eds-list-item-label`.
+ *
+ * Primary label slot for a list item (flex: 1, truncatable). Pure content-projection wrapper
+ * carrying the `.eds-list-item-label` class.
+ */
+export const EdsListItemLabel = React.forwardRef(function EdsListItemLabel({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-list-item-label ${className}` : 'eds-list-item-label', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-list-item-label.js.map

package/eds-list/eds-list-item-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-item-label.js","sourceRoot":"","sources":["../../src/eds-list/eds-list-item-label.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,uBAAuB,SAAS,EAAE,CAAC,CAAC,CAAC,qBAAqB,KAC7E,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-list/eds-list-item-start.css

@@ -0,0 +1,11 @@
+/*
+ * eds-list-item-start — pure React port of eds-list-item-start.scss.
+ * :host -> .eds-list-item-start. .eui-21 wrapper dropped (share-ready).
+ */
+
+.eds-list-item-start {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}

package/eds-list/eds-list-item-start.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsListItemStartProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Leading content — typically an icon, avatar, or checkbox. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsListItemStart` — pure React port of the Angular `eds-list-item-start`.
+ *
+ * Leading slot for a list item. Pure content-projection wrapper carrying the
+ * `.eds-list-item-start` class.
+ */
+export declare const EdsListItemStart: React.ForwardRefExoticComponent<EdsListItemStartProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-list-item-start.d.ts.map

package/eds-list/eds-list-item-start.d.ts.map

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

package/eds-list/eds-list-item-start.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsListItemStart` — pure React port of the Angular `eds-list-item-start`.
+ *
+ * Leading slot for a list item. Pure content-projection wrapper carrying the
+ * `.eds-list-item-start` class.
+ */
+export const EdsListItemStart = React.forwardRef(function EdsListItemStart({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-list-item-start ${className}` : 'eds-list-item-start', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-list-item-start.js.map

package/eds-list/eds-list-item-start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-item-start.js","sourceRoot":"","sources":["../../src/eds-list/eds-list-item-start.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,uBAAuB,SAAS,EAAE,CAAC,CAAC,CAAC,qBAAqB,KAC7E,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-list/eds-list-item.css

@@ -0,0 +1,82 @@
+/*
+ * eds-list-item — pure React port of eds-list-item.scss.
+ * :host -> .eds-list-item ; :host(.eds-list-item--interactive) -> .eds-list-item.eds-list-item--interactive
+ * (BEM modifier classes kept, as the Angular source predates the String-Props model).
+ * Bare private --_color renamed to --_eds-list-item-color (component-prefixed private).
+ * .eui-21 wrapper dropped (share-ready).
+ */
+
+/* Presentational mode (default) */
+.eds-list-item {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-s);
+    padding: var(--eds-sp-s) 0;
+    border-bottom: 1px solid var(--eds-c-border-divider);
+}
+
+.eds-list-item:last-child {
+    border-bottom: none;
+}
+
+/* Interactive mode — overrides presentational styles */
+.eds-list-item.eds-list-item--interactive {
+    --_eds-list-item-color: var(--eds-c-foreground);
+
+    background: none;
+    border: var(--eds-bw-none);
+    border-bottom: none;
+    box-shadow: none;
+    color: var(--_eds-list-item-color);
+    cursor: pointer;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    max-width: 100%;
+    outline: none;
+    padding: var(--eds-sp-xs) var(--eds-sp-s);
+    position: relative;
+    -webkit-tap-highlight-color: transparent;
+    text-align: left;
+    text-decoration: none;
+    user-select: none;
+    width: 100%;
+    list-style: none;
+}
+
+.eds-list-item.eds-list-item--interactive.eds-list-item--neutral {
+    --_eds-list-item-color: var(--eds-c-foreground-subtle);
+}
+.eds-list-item.eds-list-item--interactive.eds-list-item--info {
+    --_eds-list-item-color: var(--eds-c-foreground-info);
+}
+.eds-list-item.eds-list-item--interactive.eds-list-item--success {
+    --_eds-list-item-color: var(--eds-c-foreground-success);
+}
+.eds-list-item.eds-list-item--interactive.eds-list-item--warning {
+    --_eds-list-item-color: var(--eds-c-foreground-warning);
+}
+.eds-list-item.eds-list-item--interactive.eds-list-item--critical {
+    --_eds-list-item-color: var(--eds-c-foreground-critical);
+}
+
+.eds-list-item.eds-list-item--interactive:focus-visible {
+    outline: var(--eds-bw-xs) solid var(--eds-c-border-focus);
+    outline-offset: calc(-1 * var(--eds-sp-4xs));
+    border-radius: var(--eds-br-xs);
+}
+
+.eds-list-item.eds-list-item--interactive:hover {
+    background-color: var(--eds-c-surface-elevation-sunken);
+}
+
+.eds-list-item.eds-list-item--interactive:active,
+.eds-list-item.eds-list-item--interactive.eds-list-item--active {
+    background-color: var(--eds-c-surface-primary-subtle);
+}
+
+.eds-list-item.eds-list-item--interactive.eds-list-item--disabled {
+    pointer-events: none;
+    opacity: var(--eds-op-40);
+}