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

package/eds-button-group/eds-button-group.js

@@ -0,0 +1,224 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createContext, useCallback, useContext, useMemo, useRef, useState, } from 'react';
+/** The stable coordination API (identity never changes for a given group instance). */
+export const EdsButtonGroupContext = createContext(undefined);
+export const EdsButtonGroupStateContext = createContext({
+    checked: new Set(),
+    focusedIndex: 0,
+});
+/** Hook for an `EdsButtonGroupItem` to consume the enclosing group's coordination API. */
+export function useEdsButtonGroup() {
+    return useContext(EdsButtonGroupContext);
+}
+/** Hook for an `EdsButtonGroupItem` to reactively read the group's checked/focus state. */
+export function useEdsButtonGroupState() {
+    return useContext(EdsButtonGroupStateContext);
+}
+/** Context giving each item a slot to register its button ref for parent-driven focus. */
+export const EdsButtonGroupRegisterRefContext = createContext(undefined);
+/**
+ * `EdsButtonGroup` — pure React port of the Angular `eds-button-group`.
+ *
+ * A styled selection group rendered as a pill-shaped container with selectable button items.
+ * Supports two selection modes — single (radio, default: one item always selected) and multiple
+ * (`isMultiple`: independent toggles) — and two visual variants — default pill and connected
+ * (`isConnected`: joined segmented control). `isFluid` makes items fill the width equally.
+ *
+ * Implements WAI-ARIA patterns: single mode uses `role="radiogroup"` with child `role="radio"` +
+ * `aria-checked`; multiple mode uses `role="toolbar"` with child toggle buttons using
+ * `aria-pressed`. Keyboard navigation follows roving tabindex — Left/Right/Up/Down move focus
+ * between enabled items, Home/End jump to first/last, and in single-select mode arrow keys
+ * auto-select the focused item (APG Radio Group). The rendered element IS the component.
+ */
+export const EdsButtonGroup = React.forwardRef(function EdsButtonGroup({ isMultiple = false, isConnected = false, isFluid = false, size = 'm', ariaLabel, e2eAttr = 'eds-button-group', onSelectionChange, onItemClick, children, className, ...rest }, ref) {
+    const [checked, setChecked] = useState(() => new Set());
+    const [focusedIndex, setFocusedIndex] = useState(0);
+    // Registry of live items keyed by their join index (matches Angular contentChildren order).
+    const itemsRef = useRef(new Map());
+    const indexCounter = useRef(0);
+    // A seed count so the very first registered item (or first checked) owns the tab stop.
+    const hasSeededFocus = useRef(false);
+    // Refs let the stable callbacks read current props without being recreated.
+    const isMultipleRef = useRef(isMultiple);
+    isMultipleRef.current = isMultiple;
+    const checkedRef = useRef(checked);
+    checkedRef.current = checked;
+    const focusedRef = useRef(focusedIndex);
+    focusedRef.current = focusedIndex;
+    const onSelectionChangeRef = useRef(onSelectionChange);
+    onSelectionChangeRef.current = onSelectionChange;
+    const onItemClickRef = useRef(onItemClick);
+    onItemClickRef.current = onItemClick;
+    const orderedItems = useCallback(() => Array.from(itemsRef.current.values()).sort((a, b) => a.index - b.index), []);
+    const emitSelection = useCallback((next) => {
+        const values = orderedItems()
+            .filter(item => next.has(item.index))
+            .map(item => item.value);
+        onSelectionChangeRef.current?.(values);
+    }, [orderedItems]);
+    const registerButtonRef = useCallback((index, buttonRef) => {
+        const record = itemsRef.current.get(index);
+        if (record) {
+            record.buttonRef = buttonRef;
+        }
+    }, []);
+    const register = useCallback((value, disabled, initiallyChecked) => {
+        const index = indexCounter.current++;
+        itemsRef.current.set(index, {
+            index,
+            value,
+            disabled,
+            buttonRef: { current: null },
+        });
+        if (initiallyChecked) {
+            setChecked(prev => {
+                // Radio mode: only the first initially-checked item stays selected.
+                if (!isMultipleRef.current && prev.size > 0)
+                    return prev;
+                const nextSet = new Set(prev);
+                nextSet.add(index);
+                return nextSet;
+            });
+        }
+        // Seed the roving tab stop on the first checked item, else the first enabled item.
+        if (!hasSeededFocus.current) {
+            if (initiallyChecked || !disabled) {
+                setFocusedIndex(index);
+                hasSeededFocus.current = true;
+            }
+        }
+        return index;
+    }, []);
+    const unregister = useCallback((index) => {
+        itemsRef.current.delete(index);
+        setChecked(prev => {
+            if (!prev.has(index))
+                return prev;
+            const next = new Set(prev);
+            next.delete(index);
+            return next;
+        });
+    }, []);
+    const update = useCallback((index, value, disabled) => {
+        const record = itemsRef.current.get(index);
+        if (record) {
+            record.value = value;
+            record.disabled = disabled;
+        }
+    }, []);
+    const isChecked = useCallback((index) => checkedRef.current.has(index), []);
+    const handleItemClick = useCallback((index) => {
+        const record = itemsRef.current.get(index);
+        if (!record || record.disabled)
+            return;
+        if (isMultipleRef.current) {
+            // Checkbox mode: toggle the clicked item.
+            setChecked(prev => {
+                const next = new Set(prev);
+                if (next.has(index)) {
+                    next.delete(index);
+                }
+                else {
+                    next.add(index);
+                }
+                setFocusedIndex(index);
+                onItemClickRef.current?.(record.value);
+                emitSelection(next);
+                return next;
+            });
+        }
+        else {
+            // Radio mode: if already checked, do nothing (always one selected).
+            if (checkedRef.current.has(index)) {
+                setFocusedIndex(index);
+                onItemClickRef.current?.(record.value);
+                return;
+            }
+            const next = new Set([index]);
+            setChecked(next);
+            setFocusedIndex(index);
+            onItemClickRef.current?.(record.value);
+            emitSelection(next);
+        }
+    }, [emitSelection]);
+    const findNextEnabledIndex = useCallback((fromIndex, direction) => {
+        const items = orderedItems();
+        const count = items.length;
+        if (count === 0)
+            return fromIndex;
+        // fromIndex is a positional index into the ordered array (not a registry index).
+        for (let i = 1; i <= count; i++) {
+            const candidatePos = (fromIndex + i * direction + count) % count;
+            if (!items[candidatePos].disabled) {
+                return candidatePos;
+            }
+        }
+        return Math.max(0, Math.min(fromIndex, count - 1));
+    }, [orderedItems]);
+    const handleKeydown = useCallback((originIndex, event) => {
+        const items = orderedItems();
+        const count = items.length;
+        if (count === 0)
+            return;
+        const currentPos = items.findIndex(item => item.index === focusedRef.current);
+        const startPos = currentPos >= 0 ? currentPos : items.findIndex(item => item.index === originIndex);
+        let newPos = startPos;
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowDown':
+                event.preventDefault();
+                newPos = findNextEnabledIndex(startPos, 1);
+                break;
+            case 'ArrowLeft':
+            case 'ArrowUp':
+                event.preventDefault();
+                newPos = findNextEnabledIndex(startPos, -1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                newPos = findNextEnabledIndex(-1, 1);
+                break;
+            case 'End':
+                event.preventDefault();
+                newPos = findNextEnabledIndex(count, -1);
+                break;
+            default:
+                return;
+        }
+        if (newPos === startPos)
+            return;
+        const target = items[newPos];
+        setFocusedIndex(target.index);
+        target.buttonRef.current?.focus();
+        // APG Radio Group: arrow keys auto-select in single mode.
+        if (!isMultipleRef.current) {
+            handleItemClick(target.index);
+        }
+    }, [orderedItems, findNextEnabledIndex, handleItemClick]);
+    // Stable API identity — depends only on the rarely-changing mode/variant flags.
+    const api = useMemo(() => ({
+        isMultiple,
+        isConnected,
+        isFluid,
+        register,
+        unregister,
+        update,
+        isChecked,
+        handleItemClick,
+        handleKeydown,
+    }), [isMultiple, isConnected, isFluid, register, unregister, update, isChecked, handleItemClick, handleKeydown]);
+    const state = useMemo(() => ({ checked, focusedIndex }), [checked, focusedIndex]);
+    const groupRole = isMultiple ? 'toolbar' : 'radiogroup';
+    const hostClass = [
+        'eds-button-group',
+        `eds-button-group--size-${size}`,
+        isConnected ? 'eds-button-group--connected' : '',
+        isFluid ? 'eds-button-group--fluid' : '',
+        className ?? '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(EdsButtonGroupContext.Provider, { value: api, children: _jsx(EdsButtonGroupStateContext.Provider, { value: state, children: _jsx(EdsButtonGroupRegisterRefContext.Provider, { value: registerButtonRef, children: _jsx("div", { ref: ref, className: hostClass, role: groupRole, "aria-label": ariaLabel ?? undefined, "aria-orientation": "horizontal", "data-e2e": e2eAttr, ...rest, children: children }) }) }) }));
+});
+//# sourceMappingURL=eds-button-group.js.map

package/eds-button-group/eds-button-group.js.map

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

package/eds-button-group/index.d.ts

@@ -0,0 +1,5 @@
+export { EdsButtonGroup, EdsButtonGroupContext, EdsButtonGroupStateContext, EdsButtonGroupRegisterRefContext, useEdsButtonGroup, useEdsButtonGroupState, } from './eds-button-group.js';
+export type { EdsButtonGroupProps, EdsButtonGroupSize, EdsButtonGroupContextValue, EdsButtonGroupStateValue, } from './eds-button-group.js';
+export { EdsButtonGroupItem } from './eds-button-group-item.js';
+export type { EdsButtonGroupItemProps } from './eds-button-group-item.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,gCAAgC,EAChC,iBAAiB,EACjB,sBAAsB,GACzB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACR,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC1B,wBAAwB,GAC3B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC"}

package/eds-button-group/index.js

@@ -0,0 +1,3 @@
+export { EdsButtonGroup, EdsButtonGroupContext, EdsButtonGroupStateContext, EdsButtonGroupRegisterRefContext, useEdsButtonGroup, useEdsButtonGroupState, } from './eds-button-group.js';
+export { EdsButtonGroupItem } from './eds-button-group-item.js';
+//# sourceMappingURL=index.js.map

package/eds-button-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,gCAAgC,EAChC,iBAAiB,EACjB,sBAAsB,GACzB,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}

package/eds-card/eds-card-body.css

@@ -0,0 +1,32 @@
+.eds-card-body {
+    display: grid;
+    grid-template-rows: 1fr;
+    width: 100%;
+    transition: grid-template-rows 200ms ease;
+    overflow: hidden;
+}
+
+.eds-card-body .eds-card-body__inner {
+    min-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    gap: var(--eds-sp-xs);
+}
+
+.eds-card-body.eds-u-flex-align-items-center .eds-card-body__inner,
+.eds-card-body.eds-u-align-items-center .eds-card-body__inner {
+    align-items: center;
+}
+
+.eds-card-body.eds-card-body--collapsed {
+    grid-template-rows: 0fr;
+}
+
+.eds-card-body.eds-card-body--full-height {
+    flex: 1;
+}
+
+.eds-card-body.eds-card-body--full-height .eds-card-body__inner {
+    flex: 1;
+}

package/eds-card/eds-card-body.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface EdsCardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the body is collapsed (hidden with animation). Overrides the auto-detected card
+     * collapse state. Omit to inherit from the enclosing collapsible `EdsCard`.
+     */
+    collapsed?: boolean;
+    /** Whether the body should fill the remaining card height. @default false */
+    isFullHeight?: boolean;
+    /** Body content, projected below the header section. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsCardBody` — pure React port of the Angular `eds-card-body`.
+ *
+ * Optional body content area for the card, with animated collapse/expand. The resolved
+ * collapsed state is the explicit `collapsed` prop when provided, otherwise the enclosing
+ * card's collapse state (via `EdsCardContext`, mirroring the Angular `EDS_CARD_REF` inject).
+ * Reproduces the Angular `hostClasses()` (`eds-card-body`, `--collapsed`, `--full-height`) and
+ * renders the inner `.eds-card-body__inner` wrapper.
+ */
+export declare const EdsCardBody: React.ForwardRefExoticComponent<EdsCardBodyProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-card-body.d.ts.map

package/eds-card/eds-card-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-body.d.ts","sourceRoot":"","sources":["../../src/eds-card/eds-card-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,yFAwBtB,CAAC"}

package/eds-card/eds-card-body.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEdsCard } from './eds-card-context.js';
+/**
+ * `EdsCardBody` — pure React port of the Angular `eds-card-body`.
+ *
+ * Optional body content area for the card, with animated collapse/expand. The resolved
+ * collapsed state is the explicit `collapsed` prop when provided, otherwise the enclosing
+ * card's collapse state (via `EdsCardContext`, mirroring the Angular `EDS_CARD_REF` inject).
+ * Reproduces the Angular `hostClasses()` (`eds-card-body`, `--collapsed`, `--full-height`) and
+ * renders the inner `.eds-card-body__inner` wrapper.
+ */
+export const EdsCardBody = React.forwardRef(function EdsCardBody({ collapsed, isFullHeight = false, children, className, ...rest }, ref) {
+    const card = useEdsCard();
+    const isCollapsed = collapsed !== undefined ? collapsed : card?.isCollapsed ?? false;
+    const classes = [
+        'eds-card-body',
+        isCollapsed ? 'eds-card-body--collapsed' : '',
+        isFullHeight ? 'eds-card-body--full-height' : '',
+    ]
+        .join(' ')
+        .trim();
+    return (_jsx("div", { ref: ref, className: className ? `${classes} ${className}` : classes, ...rest, children: _jsx("div", { className: "eds-card-body__inner", children: children }) }));
+});
+//# sourceMappingURL=eds-card-body.js.map

package/eds-card/eds-card-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-body.js","sourceRoot":"","sources":["../../src/eds-card/eds-card-body.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAcnD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,SAAS,WAAW,CAC9F,EAAE,SAAS,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACjE,GAAG;IAEH,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;IAC1B,MAAM,WAAW,GAAG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,WAAW,IAAI,KAAK,CAAC;IAErF,MAAM,OAAO,GAAG;QACZ,eAAe;QACf,WAAW,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;QAC7C,YAAY,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE;KACnD;SACI,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;IAEZ,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,OAAO,KACtD,IAAI,YAER,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,GACpD,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+/**
+ * Lightweight context published by an `EdsCard` to expose its collapse state to descendant
+ * sub-components (notably `EdsCardBody`) — the React analog of the Angular `EDS_CARD_REF`
+ * injection token.
+ */
+export interface EdsCardContextValue {
+    /** Whether the enclosing card is currently collapsed. */
+    isCollapsed: boolean;
+}
+/** The card coordination context (undefined when a card sub-component is used standalone). */
+export declare const EdsCardContext: import("react").Context<EdsCardContextValue | undefined>;
+/** Hook for a card sub-component to read the enclosing card's collapse state. */
+export declare function useEdsCard(): EdsCardContextValue | undefined;
+//# sourceMappingURL=eds-card-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-context.d.ts","sourceRoot":"","sources":["../../src/eds-card/eds-card-context.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAChC,yDAAyD;IACzD,WAAW,EAAE,OAAO,CAAC;CACxB;AAED,8FAA8F;AAC9F,eAAO,MAAM,cAAc,0DAA4D,CAAC;AAExF,iFAAiF;AACjF,wBAAgB,UAAU,IAAI,mBAAmB,GAAG,SAAS,CAE5D"}

package/eds-card/eds-card-context.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from 'react';
+/** The card coordination context (undefined when a card sub-component is used standalone). */
+export const EdsCardContext = createContext(undefined);
+/** Hook for a card sub-component to read the enclosing card's collapse state. */
+export function useEdsCard() {
+    return useContext(EdsCardContext);
+}
+//# sourceMappingURL=eds-card-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-context.js","sourceRoot":"","sources":["../../src/eds-card/eds-card-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYlD,8FAA8F;AAC9F,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAkC,SAAS,CAAC,CAAC;AAExF,iFAAiF;AACjF,MAAM,UAAU,UAAU;IACtB,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACtC,CAAC"}

package/eds-card/eds-card-footer.css

@@ -0,0 +1,8 @@
+.eds-card-footer {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding-top: var(--eds-sp-s);
+    margin-top: var(--eds-sp-s);
+    border-top: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsCardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Footer content, rendered at the bottom of the card with a top border divider. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsCardFooter` — pure React port of the Angular `eds-card-footer`.
+ *
+ * Footer section for the card, rendered at the bottom with a top border divider. Carries the
+ * `.eds-card-footer` class.
+ */
+export declare const EdsCardFooter: React.ForwardRefExoticComponent<EdsCardFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-card-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-footer.d.ts","sourceRoot":"","sources":["../../src/eds-card/eds-card-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,oFAAoF;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,2FAaxB,CAAC"}

package/eds-card/eds-card-footer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsCardFooter` — pure React port of the Angular `eds-card-footer`.
+ *
+ * Footer section for the card, rendered at the bottom with a top border divider. Carries the
+ * `.eds-card-footer` class.
+ */
+export const EdsCardFooter = React.forwardRef(function EdsCardFooter({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-card-footer ${className}` : 'eds-card-footer', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-card-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-footer.js","sourceRoot":"","sources":["../../src/eds-card/eds-card-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAChC,GAAG;IAEH,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,KACrE,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-card/eds-card-header-end.css

@@ -0,0 +1,6 @@
+.eds-card-header-end {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+    gap: var(--eds-sp-xs);
+}

package/eds-card/eds-card-header-end.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface EdsCardHeaderEndProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** End-slot content positioned on the right side of the header row. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsCardHeaderEnd` — pure React port of the Angular `eds-card-header-end`.
+ *
+ * End slot for the card header, positioned on the right side of the header row. Carries the
+ * `.eds-card-header-end` class.
+ */
+export declare const EdsCardHeaderEnd: React.ForwardRefExoticComponent<EdsCardHeaderEndProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-card-header-end.d.ts.map

package/eds-card/eds-card-header-end.d.ts.map

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

package/eds-card/eds-card-header-end.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsCardHeaderEnd` — pure React port of the Angular `eds-card-header-end`.
+ *
+ * End slot for the card header, positioned on the right side of the header row. Carries the
+ * `.eds-card-header-end` class.
+ */
+export const EdsCardHeaderEnd = React.forwardRef(function EdsCardHeaderEnd({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-card-header-end ${className}` : 'eds-card-header-end', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-card-header-end.js.map

package/eds-card/eds-card-header-end.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-header-end.js","sourceRoot":"","sources":["../../src/eds-card/eds-card-header-end.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-card/eds-card-header.css

@@ -0,0 +1,19 @@
+.eds-card-header {
+    display: flex;
+    align-items: center;
+    width: 100%;
+}
+
+.eds-card-header .eds-card-header__content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    gap: var(--eds-sp-3xs);
+}
+
+.eds-card-header .eds-card-header__end {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+    gap: var(--eds-sp-xs);
+}

package/eds-card/eds-card-header.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface EdsCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Header content (label/sublabel/metadata) rendered in the left content column. Mirrors the
+     * Angular bare `<ng-content/>` inside `.eds-card-header__content`.
+     */
+    children?: React.ReactNode;
+    /**
+     * End slot — content positioned on the right of the header row. Mirrors the Angular
+     * `<ng-content select="eds-card-header-end"/>` inside `.eds-card-header__end` (typically an
+     * `<EdsCardHeaderEnd>`).
+     */
+    end?: React.ReactNode;
+}
+/**
+ * `EdsCardHeader` — pure React port of the Angular `eds-card-header`.
+ *
+ * Header sub-component for the card. Arranges label/sublabel content on the left
+ * (`.eds-card-header__content`, from `children`) and an optional end slot on the right
+ * (`.eds-card-header__end`, from the `end` prop). Carries the `.eds-card-header` class.
+ */
+export declare const EdsCardHeader: React.ForwardRefExoticComponent<EdsCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-card-header.d.ts.map

package/eds-card/eds-card-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-header.d.ts","sourceRoot":"","sources":["../../src/eds-card/eds-card-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,2FAcxB,CAAC"}

package/eds-card/eds-card-header.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsCardHeader` — pure React port of the Angular `eds-card-header`.
+ *
+ * Header sub-component for the card. Arranges label/sublabel content on the left
+ * (`.eds-card-header__content`, from `children`) and an optional end slot on the right
+ * (`.eds-card-header__end`, from the `end` prop). Carries the `.eds-card-header` class.
+ */
+export const EdsCardHeader = React.forwardRef(function EdsCardHeader({ children, end, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: className ? `eds-card-header ${className}` : 'eds-card-header', ...rest, children: [_jsx("div", { className: "eds-card-header__content", children: children }), _jsx("div", { className: "eds-card-header__end", children: end })] }));
+});
+//# sourceMappingURL=eds-card-header.js.map

package/eds-card/eds-card-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-header.js","sourceRoot":"","sources":["../../src/eds-card/eds-card-header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACrC,GAAG;IAEH,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,KACrE,IAAI,aAER,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,EAC1D,cAAK,SAAS,EAAC,sBAAsB,YAAE,GAAG,GAAO,IAC/C,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-card/eds-card-label.css

@@ -0,0 +1,11 @@
+.eds-card-label {
+    display: block;
+    font: var(--eds-f-label-l-semi-bold);
+    color: var(--eds-c-foreground);
+}
+
+.eds-card-label.eds-card-label--clamped {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/eds-card/eds-card-label.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface EdsCardLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Maximum number of lines before truncation (CSS line-clamp). Omit for no truncation. */
+    maxLines?: number;
+    /** Label / title text content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsCardLabel` — pure React port of the Angular `eds-card-label`.
+ *
+ * Label/title sub-component for the card. Supports text truncation via `maxLines` (CSS
+ * line-clamp). When `maxLines` is set, the `.eds-card-label--clamped` class is applied and the
+ * `-webkit-line-clamp` / `line-clamp` styles are set inline (mirroring the Angular host style
+ * bindings).
+ */
+export declare const EdsCardLabel: React.ForwardRefExoticComponent<EdsCardLabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-card-label.d.ts.map

package/eds-card/eds-card-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-label.d.ts","sourceRoot":"","sources":["../../src/eds-card/eds-card-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,0FAoBvB,CAAC"}

package/eds-card/eds-card-label.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsCardLabel` — pure React port of the Angular `eds-card-label`.
+ *
+ * Label/title sub-component for the card. Supports text truncation via `maxLines` (CSS
+ * line-clamp). When `maxLines` is set, the `.eds-card-label--clamped` class is applied and the
+ * `-webkit-line-clamp` / `line-clamp` styles are set inline (mirroring the Angular host style
+ * bindings).
+ */
+export const EdsCardLabel = React.forwardRef(function EdsCardLabel({ maxLines, children, className, style, ...rest }, ref) {
+    const clamped = !!maxLines;
+    const base = clamped ? 'eds-card-label eds-card-label--clamped' : 'eds-card-label';
+    const clampStyle = clamped
+        ? { WebkitLineClamp: maxLines, lineClamp: maxLines }
+        : {};
+    return (_jsx("div", { ref: ref, className: className ? `${base} ${className}` : base, style: { ...clampStyle, ...style }, ...rest, children: children }));
+});
+//# sourceMappingURL=eds-card-label.js.map

package/eds-card/eds-card-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-card-label.js","sourceRoot":"","sources":["../../src/eds-card/eds-card-label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAoC,SAAS,YAAY,CACjG,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EACjD,GAAG;IAEH,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC;IAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACnF,MAAM,UAAU,GAAwB,OAAO;QAC3C,CAAC,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,QAA6B,EAAE;QACzE,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,EACpD,KAAK,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,KAC9B,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-card/eds-card-media.css

@@ -0,0 +1,30 @@
+.eds-card-media {
+    display: block;
+    position: relative;
+    overflow: hidden;
+    margin: calc(-1 * var(--eds-sp-s));
+    margin-bottom: 0;
+    border-radius: var(--eds-br-m) var(--eds-br-m) 0 0;
+}
+
+.eds-card-media img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+/* Horizontal card — media is constrained on the left */
+.eds-card--horizontal .eds-card-media {
+    margin: calc(-1 * var(--eds-sp-s));
+    margin-right: var(--eds-sp-m);
+    border-radius: var(--eds-br-m) 0 0 var(--eds-br-m);
+    width: 160px;
+    min-width: 160px;
+    height: auto;
+    align-self: stretch;
+}
+
+.eds-card--horizontal .eds-card-media img {
+    height: 100%;
+}