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

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+/**
+ * Semantic color variant for an interactive list item. Mirrors the Angular `EdsColorDirective`
+ * host-directive inputs (`edsNeutral`/`edsInfo`/…) folded into a single `color` prop; produces
+ * the `eds-list-item--{color}` class the ported CSS targets. Only meaningful in interactive mode.
+ */
+export type EdsListItemColor = 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+export interface EdsListItemProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Whether the item is visually marked active/selected. In interactive mode this is the
+     * initial active state; the parent list's keyboard manager may override it (roving focus).
+     * @default false
+     */
+    isActive?: boolean;
+    /** Whether the item is disabled. @default false */
+    edsDisabled?: boolean;
+    /** Semantic color variant (interactive mode only). Omit for the default foreground color. */
+    color?: EdsListItemColor;
+    /**
+     * Internal navigation URL. When set (and no `urlExternal`), the item renders as an `<a href>`;
+     * the component stays router-agnostic — navigation is delegated to the consumer via `onClick`.
+     */
+    url?: string;
+    /** External navigation URL. When set, the item renders as an `<a href>` opened by the browser. */
+    urlExternal?: string;
+    /** Target for the external URL. @default '_blank' */
+    urlExternalTarget?: string;
+    /** Slot content — the item's start/label/content/end sub-components and/or bare text. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsListItem` — pure React port of the Angular `eds-list-item`.
+ *
+ * A single row in an `EdsList`. In presentational mode (parent `EdsList` has no `role`) it is a
+ * `<div>` projecting its start/label/content/end sub-components. In interactive mode (parent sets
+ * `role`) it gains the `eds-list-item--interactive` class, a computed ARIA role
+ * (`option`/`menuitem`/`listitem`), `aria-selected` for listbox options, `aria-disabled`, a
+ * roving `tabindex` (managed by the parent's keyboard manager), and color variants. Active state
+ * is seeded from `isActive` and can be overridden by the parent key manager (mirrors the Angular
+ * `linkedSignal` + `setActiveStyles()`). Router-agnostic: a `url`/`urlExternal` item renders an
+ * `<a href>` and delegates navigation to the consumer.
+ */
+export declare const EdsListItem: React.ForwardRefExoticComponent<EdsListItemProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=eds-list-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list-item.d.ts","sourceRoot":"","sources":["../../src/eds-list/eds-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEvF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6FAA6F;IAC7F,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,sFAqHtB,CAAC"}

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

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useEdsList } from './eds-list-context.js';
+/**
+ * `EdsListItem` — pure React port of the Angular `eds-list-item`.
+ *
+ * A single row in an `EdsList`. In presentational mode (parent `EdsList` has no `role`) it is a
+ * `<div>` projecting its start/label/content/end sub-components. In interactive mode (parent sets
+ * `role`) it gains the `eds-list-item--interactive` class, a computed ARIA role
+ * (`option`/`menuitem`/`listitem`), `aria-selected` for listbox options, `aria-disabled`, a
+ * roving `tabindex` (managed by the parent's keyboard manager), and color variants. Active state
+ * is seeded from `isActive` and can be overridden by the parent key manager (mirrors the Angular
+ * `linkedSignal` + `setActiveStyles()`). Router-agnostic: a `url`/`urlExternal` item renders an
+ * `<a href>` and delegates navigation to the consumer.
+ */
+export const EdsListItem = React.forwardRef(function EdsListItem({ isActive = false, edsDisabled = false, color, url, urlExternal, urlExternalTarget = '_blank', children, className, ...rest }, ref) {
+    const list = useEdsList();
+    const isInteractive = list?.isInteractive ?? false;
+    const parentRole = list?.role;
+    const elementRef = useRef(null);
+    React.useImperativeHandle(ref, () => elementRef.current);
+    // Active state: seeded from the isActive input, overridable by the parent key manager
+    // (Angular linkedSignal(() => isActive()) + setActiveStyles/setInactiveStyles).
+    const [activeState, setActiveState] = useState(isActive);
+    useEffect(() => {
+        setActiveState(isActive);
+    }, [isActive]);
+    // Derive the ARIA role from the parent list's role (Angular itemRole()).
+    let itemRole;
+    switch (parentRole) {
+        case 'listbox':
+            itemRole = 'option';
+            break;
+        case 'menu':
+            itemRole = 'menuitem';
+            break;
+        case 'list':
+            itemRole = 'listitem';
+            break;
+        default:
+            itemRole = undefined;
+    }
+    // aria-selected only for listbox options (APG requires 'false', not absent, on non-selected).
+    const ariaSelected = itemRole === 'option' ? String(activeState) : undefined;
+    // Tabindex: -1 in interactive mode (managed by the parent key manager), unset otherwise.
+    const tabIndex = isInteractive ? -1 : undefined;
+    // Angular hostClasses(): base + color + interactive/active/disabled modifiers.
+    const classes = [
+        'eds-list-item',
+        color ? `eds-list-item--${color}` : '',
+        isInteractive ? 'eds-list-item--interactive' : '',
+        activeState ? 'eds-list-item--active' : '',
+        edsDisabled ? 'eds-list-item--disabled' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const getFocusableElements = useCallback(() => {
+        const el = elementRef.current;
+        if (!el)
+            return [];
+        return Array.from(el.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])'));
+    }, []);
+    // Register this item with the parent list's roving-tabindex key manager.
+    const registerFn = list?.register;
+    useEffect(() => {
+        if (!isInteractive || !registerFn)
+            return undefined;
+        return registerFn({
+            getElement: () => elementRef.current,
+            isDisabled: () => edsDisabled,
+            getLabel: () => elementRef.current?.textContent?.trim() ?? '',
+            focus: () => elementRef.current?.focus(),
+            click: () => elementRef.current?.click(),
+            getFocusableElements,
+            isActive: () => activeState,
+        });
+    }, [isInteractive, registerFn, edsDisabled, getFocusableElements, activeState]);
+    const isLink = !!(url || urlExternal);
+    const commonProps = {
+        className: className ? `${classes} ${className}` : classes,
+        role: itemRole,
+        'aria-selected': ariaSelected,
+        'aria-disabled': edsDisabled || undefined,
+        'data-e2e': 'eds-list-item',
+        tabIndex,
+        ...rest,
+    };
+    if (isLink) {
+        return (_jsx("a", { ref: elementRef, href: urlExternal || url, target: urlExternal ? urlExternalTarget : undefined, rel: urlExternal ? 'noopener noreferrer' : undefined, ...commonProps, children: children }));
+    }
+    return (_jsx("div", { ref: elementRef, ...commonProps, children: children }));
+});
+//# sourceMappingURL=eds-list-item.js.map

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

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

package/eds-list/eds-list.css

@@ -0,0 +1,27 @@
+/*
+ * eds-list — pure React port of eds-list.scss.
+ * :host -> .eds-list ; :host(.eds-list--interactive) -> .eds-list.eds-list--interactive
+ * (BEM modifier classes kept, as the Angular source predates the String-Props model).
+ * :focus-visible kept verbatim. .eui-21 wrapper dropped (share-ready).
+ */
+
+.eds-list {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+}
+
+.eds-list.eds-list--interactive {
+    display: block;
+    height: auto;
+    position: relative;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.eds-list.eds-list--interactive:focus-visible {
+    outline: var(--eds-bw-xs) solid var(--eds-c-border-focus);
+    outline-offset: var(--eds-sp-4xs);
+    border-radius: var(--eds-br-xs);
+}

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+/** Supported ARIA roles for interactive list mode. */
+export type EdsListRole = 'listbox' | 'menu' | 'list';
+export interface EdsListProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * ARIA role for the list container. When set, enables interactive mode with keyboard
+     * navigation and focus management.
+     * - `listbox`: interactive list with selectable options
+     * - `menu`: action menu with menu items
+     * - `list`: static semantic list (no keyboard navigation)
+     * - undefined (default): presentational mode, no ARIA role
+     */
+    edsRole?: EdsListRole;
+    /** Accessible label for the list (used in interactive mode). */
+    ariaLabel?: string;
+    /** Whether the list is in interactive mode (has keyboard navigation). @default false */
+    isInteractive?: boolean;
+    /** The list items (`EdsListItem`) and any dividers. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsList` — pure React port of the Angular `eds-list`.
+ *
+ * Vertical list container of `EdsListItem` rows separated by dividers. Two modes:
+ * - **Presentational** (default): a visual list layout, no ARIA roles or keyboard navigation.
+ * - **Interactive** (when `edsRole` is set, or `isInteractive`): adds WAI-ARIA list semantics
+ *   and roving-tabindex keyboard navigation, reimplementing the Angular `FocusKeyManager`
+ *   (Arrow Up/Down with wrap + type-ahead, Home/End, Enter/Space to activate, Arrow Left/Right
+ *   to traverse focusable rich content within the active item). Items register an imperative
+ *   handle via context (the React analog of Angular `contentChildren`).
+ *
+ * The list is router-agnostic — a `url` item renders as an anchor and delegates navigation to
+ * the consumer (see `EdsListItem`).
+ */
+export declare const EdsList: React.ForwardRefExoticComponent<EdsListProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-list.d.ts","sourceRoot":"","sources":["../../src/eds-list/eds-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,sDAAsD;AACtD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO,qFAsNlB,CAAC"}

package/eds-list/eds-list.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { EdsListContext } from './eds-list-context.js';
+/**
+ * `EdsList` — pure React port of the Angular `eds-list`.
+ *
+ * Vertical list container of `EdsListItem` rows separated by dividers. Two modes:
+ * - **Presentational** (default): a visual list layout, no ARIA roles or keyboard navigation.
+ * - **Interactive** (when `edsRole` is set, or `isInteractive`): adds WAI-ARIA list semantics
+ *   and roving-tabindex keyboard navigation, reimplementing the Angular `FocusKeyManager`
+ *   (Arrow Up/Down with wrap + type-ahead, Home/End, Enter/Space to activate, Arrow Left/Right
+ *   to traverse focusable rich content within the active item). Items register an imperative
+ *   handle via context (the React analog of Angular `contentChildren`).
+ *
+ * The list is router-agnostic — a `url` item renders as an anchor and delegates navigation to
+ * the consumer (see `EdsListItem`).
+ */
+export const EdsList = React.forwardRef(function EdsList({ edsRole, ariaLabel, isInteractive = false, children, className, onKeyDown, ...rest }, ref) {
+    const isInteractiveMode = !!edsRole || isInteractive;
+    // Registered item handles, kept in insertion order (mirrors Angular contentChildren order).
+    const itemsRef = useRef([]);
+    // Index of the currently active item in the roving-tabindex manager.
+    const activeIndexRef = useRef(-1);
+    // Type-ahead buffer for FocusKeyManager.withTypeAhead().
+    const typeaheadRef = useRef('');
+    const typeaheadTimerRef = useRef(null);
+    const [hostTabIndex, setHostTabIndex] = useState(undefined);
+    const register = useCallback((handle) => {
+        itemsRef.current.push(handle);
+        // Once any item has registered, the host becomes focusable (Angular sets tabIndex '0').
+        setHostTabIndex(0);
+        return () => {
+            itemsRef.current = itemsRef.current.filter((h) => h !== handle);
+        };
+    }, []);
+    // APG: when the list first becomes interactive, set the active item to the selected one
+    // (or the first). Runs after items have registered.
+    useEffect(() => {
+        if (!isInteractiveMode)
+            return;
+        const items = itemsRef.current;
+        if (!items.length)
+            return;
+        const selectedIndex = items.findIndex((it) => it.isActive());
+        activeIndexRef.current = selectedIndex >= 0 ? selectedIndex : -1;
+    }, [isInteractiveMode]);
+    const setActiveItem = useCallback((index) => {
+        const items = itemsRef.current;
+        if (index < 0 || index >= items.length)
+            return;
+        activeIndexRef.current = index;
+        items[index].focus();
+    }, []);
+    const setFirstActive = useCallback(() => {
+        const items = itemsRef.current;
+        const idx = items.findIndex((it) => !it.isDisabled());
+        if (idx >= 0)
+            setActiveItem(idx);
+    }, [setActiveItem]);
+    const setLastActive = useCallback(() => {
+        const items = itemsRef.current;
+        for (let i = items.length - 1; i >= 0; i--) {
+            if (!items[i].isDisabled()) {
+                setActiveItem(i);
+                return;
+            }
+        }
+    }, [setActiveItem]);
+    // Move active item by delta with wrap, skipping disabled items (FocusKeyManager.withWrap()).
+    const moveActive = useCallback((delta) => {
+        const items = itemsRef.current;
+        if (!items.length)
+            return;
+        const count = items.length;
+        let idx = activeIndexRef.current;
+        for (let step = 0; step < count; step++) {
+            idx = (idx + delta + count) % count;
+            if (!items[idx].isDisabled()) {
+                setActiveItem(idx);
+                return;
+            }
+        }
+    }, [setActiveItem]);
+    // Type-ahead: focus the next item whose label starts with the accumulated buffer.
+    const handleTypeahead = useCallback((char) => {
+        const items = itemsRef.current;
+        if (!items.length)
+            return;
+        typeaheadRef.current += char.toLowerCase();
+        if (typeaheadTimerRef.current)
+            clearTimeout(typeaheadTimerRef.current);
+        typeaheadTimerRef.current = setTimeout(() => {
+            typeaheadRef.current = '';
+        }, 200);
+        const buffer = typeaheadRef.current;
+        const start = activeIndexRef.current + 1;
+        for (let i = 0; i < items.length; i++) {
+            const idx = (start + i) % items.length;
+            const item = items[idx];
+            if (!item.isDisabled() && item.getLabel().toLowerCase().startsWith(buffer)) {
+                setActiveItem(idx);
+                return;
+            }
+        }
+    }, [setActiveItem]);
+    // Arrow Left/Right traversal of focusable rich content within the active item
+    // (Angular navigateRichContent).
+    const navigateRichContent = useCallback((direction, activeIndex, elements) => {
+        const items = itemsRef.current;
+        const active = items[activeIndexRef.current];
+        if (direction === 'ArrowRight') {
+            const nextIndex = activeIndex + 1;
+            if (nextIndex < elements.length) {
+                elements[nextIndex].focus();
+            }
+            else {
+                active?.focus();
+            }
+        }
+        else {
+            if (activeIndex <= 0) {
+                if (activeIndex === -1) {
+                    elements[elements.length - 1].focus();
+                }
+                else {
+                    active?.focus();
+                }
+            }
+            else {
+                elements[activeIndex - 1].focus();
+            }
+        }
+    }, []);
+    const handleKeyDown = useCallback((event) => {
+        onKeyDown?.(event);
+        if (!isInteractiveMode)
+            return;
+        const items = itemsRef.current;
+        if (!items.length)
+            return;
+        switch (event.key) {
+            case 'Enter':
+            case ' ': {
+                event.preventDefault();
+                items[activeIndexRef.current]?.click();
+                break;
+            }
+            case 'Home': {
+                event.preventDefault();
+                setFirstActive();
+                break;
+            }
+            case 'End': {
+                event.preventDefault();
+                setLastActive();
+                break;
+            }
+            case 'ArrowDown': {
+                event.preventDefault();
+                moveActive(1);
+                break;
+            }
+            case 'ArrowUp': {
+                event.preventDefault();
+                moveActive(-1);
+                break;
+            }
+            case 'ArrowRight':
+            case 'ArrowLeft': {
+                event.stopPropagation();
+                const activeEl = document.activeElement;
+                const activeItem = items.find((it) => it.getElement()?.contains(activeEl));
+                const focusables = activeItem?.getFocusableElements() ?? [];
+                if (activeItem && focusables.length) {
+                    event.preventDefault();
+                    const activeElIndex = focusables.findIndex((el) => el.contains(activeEl));
+                    activeIndexRef.current = items.indexOf(activeItem);
+                    navigateRichContent(event.key, activeElIndex, focusables);
+                }
+                break;
+            }
+            default: {
+                // Single printable characters drive type-ahead.
+                if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+                    handleTypeahead(event.key);
+                }
+                break;
+            }
+        }
+    }, [isInteractiveMode, onKeyDown, setFirstActive, setLastActive, moveActive, handleTypeahead, navigateRichContent]);
+    useEffect(() => {
+        return () => {
+            if (typeaheadTimerRef.current)
+                clearTimeout(typeaheadTimerRef.current);
+        };
+    }, []);
+    // Angular hostClasses(): base + interactive modifier.
+    const classes = [
+        'eds-list',
+        isInteractiveMode ? 'eds-list--interactive' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(EdsListContext.Provider, { value: { role: edsRole, isInteractive: isInteractiveMode, register }, children: _jsx("div", { ref: ref, className: className ? `${classes} ${className}` : classes, "data-e2e": "eds-list", role: edsRole || undefined, "aria-label": ariaLabel || undefined, "aria-orientation": edsRole ? 'vertical' : undefined, tabIndex: isInteractiveMode ? hostTabIndex : undefined, onKeyDown: handleKeyDown, ...rest, children: children }) }));
+});
+//# sourceMappingURL=eds-list.js.map

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

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

package/eds-list/index.d.ts

@@ -0,0 +1,15 @@
+export { EdsList } from './eds-list.js';
+export type { EdsListProps, EdsListRole } from './eds-list.js';
+export { EdsListContext, useEdsList } from './eds-list-context.js';
+export type { EdsListContextValue, EdsListItemHandle } from './eds-list-context.js';
+export { EdsListItem } from './eds-list-item.js';
+export type { EdsListItemProps, EdsListItemColor } from './eds-list-item.js';
+export { EdsListItemStart } from './eds-list-item-start.js';
+export type { EdsListItemStartProps } from './eds-list-item-start.js';
+export { EdsListItemLabel } from './eds-list-item-label.js';
+export type { EdsListItemLabelProps } from './eds-list-item-label.js';
+export { EdsListItemContent } from './eds-list-item-content.js';
+export type { EdsListItemContentProps } from './eds-list-item-content.js';
+export { EdsListItemEnd } from './eds-list-item-end.js';
+export type { EdsListItemEndProps } from './eds-list-item-end.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEpF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/eds-list/index.js

@@ -0,0 +1,8 @@
+export { EdsList } from './eds-list.js';
+export { EdsListContext, useEdsList } from './eds-list-context.js';
+export { EdsListItem } from './eds-list-item.js';
+export { EdsListItemStart } from './eds-list-item-start.js';
+export { EdsListItemLabel } from './eds-list-item-label.js';
+export { EdsListItemContent } from './eds-list-item-content.js';
+export { EdsListItemEnd } from './eds-list-item-end.js';
+//# sourceMappingURL=index.js.map

package/eds-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}