@eui/eds-react 22.0.0-alpha.10

package/eds-menu/eds-menu.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState, useCallback } from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { EdsMenuItemView } from './eds-menu-item-view.js';
+let idCounter = 0;
+const nextId = () => (typeof crypto !== 'undefined' && crypto.randomUUID) ? crypto.randomUUID() : `eds-menu-item-${idCounter++}`;
+/** Configure items immutably: assign ids, parent refs, initials, visible/filtered defaults. */
+function configureItems(items, hasCollapsedInitials, parent) {
+    return (items || []).map((raw) => {
+        const item = { ...raw };
+        if (!item.id)
+            item.id = nextId();
+        if (parent)
+            item.parent = parent;
+        if (item.label && hasCollapsedInitials) {
+            const words = item.label.split(' ');
+            item.initials = words.length > 1
+                ? `${words[0].charAt(0)}${words[1].charAt(0)}`
+                : item.label.substring(0, 2);
+        }
+        item.visible = item.visible ?? true;
+        item.filtered = item.filtered ?? true;
+        if (item.children) {
+            item.children = configureItems(item.children, hasCollapsedInitials, item);
+        }
+        return item;
+    });
+}
+/** Recursively apply a label filter, flagging `filtered` on matches / matching ancestors. */
+function filterMenuItems(items, filterValue) {
+    const fv = filterValue.toLowerCase();
+    return (items || []).map((raw) => {
+        const item = { ...raw };
+        const found = (item.label?.toLowerCase().indexOf(fv) ?? -1) !== -1;
+        if (item.children) {
+            item.children = filterMenuItems(item.children, filterValue);
+            item.filtered = item.children.some(c => c.filtered);
+        }
+        else {
+            item.filtered = found;
+        }
+        return item;
+    });
+}
+/**
+ * `EdsMenu` — pure React port of the Angular `eds-menu`.
+ *
+ * Renders a hierarchical navigation tree of `EdsMenuItem`s with optional icons, collapsed
+ * mode, a search filter, badges and expand/collapse. Behavior is reimplemented with hooks:
+ * items are configured immutably (no prop mutation), expansion is tracked in local state
+ * (seeded from `item.expanded` + `expandAllItems`), filtering derives a flagged copy, and
+ * keyboard navigation (Arrow/Home/End/Enter/Space, Right/Left to expand/collapse) uses a
+ * roving-tabindex over the visible items. Navigation uses plain anchors + the `onItemClick`
+ * callback (no router dependency). Styling keeps the Angular BEM host classes
+ * (`eds-menu--collapsed/--no-icons/--flat`) to match the ported CSS.
+ */
+export function EdsMenu({ items = [], searchFilterLabel = 'Search filter', filterValue = '', isCollapsed = false, hasCollapsedInitials = false, hasFilter = false, hasIcons = false, hasIconsLabels = false, hasCollapsedLabels = false, hasTooltip = true, hasTooltipOnExpanded = false, expandAllItems = false, isFlat = false, hasBoldRootLevel = false, onIsClick, onItemClick, onExpandToggle, }) {
+    const [expandedIds, setExpandedIds] = useState(new Set());
+    const [localFilter, setLocalFilter] = useState('');
+    const initedRef = useRef(false);
+    // Configure the items immutably; seed expansion from item.expanded / expandAllItems once.
+    const configured = useMemo(() => {
+        const list = configureItems(items, hasCollapsedInitials);
+        if (!initedRef.current) {
+            const seed = new Set();
+            const walk = (arr) => {
+                for (const it of arr) {
+                    if (it.children) {
+                        if (it.expanded || (expandAllItems && it.expanded === undefined)) {
+                            seed.add(it.id);
+                        }
+                        walk(it.children);
+                    }
+                }
+            };
+            walk(list);
+            if (seed.size)
+                setExpandedIds(seed);
+            initedRef.current = true;
+        }
+        return list;
+        // Note: seeding runs once (initedRef guard); deps intentionally exclude the seed set.
+    }, [items, hasCollapsedInitials, expandAllItems]);
+    const activeFilter = (filterValue || localFilter).trim();
+    const internalItems = useMemo(() => {
+        if (hasFilter && activeFilter) {
+            return filterMenuItems(configured, activeFilter);
+        }
+        return configured;
+    }, [configured, hasFilter, activeFilter]);
+    const hasExpandIcon = !activeFilter;
+    const isExpanded = useCallback((item) => (item.id ? expandedIds.has(item.id) : !!item.expanded), [expandedIds]);
+    const handleExpandToggle = useCallback((item) => {
+        if (!item.children || !item.id)
+            return;
+        setExpandedIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(item.id))
+                next.delete(item.id);
+            else
+                next.add(item.id);
+            return next;
+        });
+        onExpandToggle?.(item);
+    }, [onExpandToggle]);
+    const handleItemClick = useCallback((item) => {
+        if (!item.disabled) {
+            if (item.urlExternal) {
+                window.open(item.urlExternal, item.urlExternalTarget || '_blank');
+            }
+            else if (item.url) {
+                // Router-free by design: internal navigation for a url item is delegated to the
+                // consumer via `onItemClick` (e.g. the host calls React Router's navigate). The
+                // package does not depend on any router. (The item's onClick already prevents the
+                // anchor default so the app controls navigation.)
+            }
+            else if (typeof item.command === 'function') {
+                item.command();
+            }
+            else if (item.children) {
+                handleExpandToggle(item);
+            }
+        }
+        onIsClick?.(true);
+        onItemClick?.(item);
+    }, [handleExpandToggle, onIsClick, onItemClick]);
+    const shouldRenderChild = useCallback((item) => {
+        return !!(item.children && (isExpanded(item) || (hasFilter && item.filtered && !!activeFilter)));
+    }, [isExpanded, hasFilter, activeFilter]);
+    const hostClass = [
+        'eds-menu',
+        isCollapsed ? 'eds-menu--collapsed' : '',
+        !hasIcons ? 'eds-menu--no-icons' : '',
+        isFlat ? 'eds-menu--flat' : '',
+    ].join(' ').trim();
+    const renderItem = (item) => {
+        if (!(item.visible && item.filtered))
+            return null;
+        // Reflect the current expansion state onto the item passed to the view (immutably).
+        const viewItem = item.children ? { ...item, expanded: isExpanded(item) } : item;
+        return (_jsx(EdsMenuItemView, { item: viewItem, hasIcon: hasIcons, hasIconLabel: hasIconsLabels || hasCollapsedLabels, hasTooltip: hasTooltip, hasTooltipOnExpanded: hasTooltipOnExpanded, isCollapsed: isCollapsed, hasCollapsedInitials: hasCollapsedInitials, hasBoldRootLevel: hasBoldRootLevel, hasExpandIcon: hasExpandIcon, onItemClick: handleItemClick, onExpandToggle: handleExpandToggle, children: shouldRenderChild(item) ? (_jsx("ul", { className: "eds-menu__list eds-menu__sublist", role: "group", "aria-label": item.label, children: item.children.map(child => renderItem(child)) })) : null }, item.id || item.label));
+    };
+    return (_jsxs("div", { className: hostClass, "data-e2e": "eds-menu", role: "navigation", children: [hasFilter ? (_jsx("div", { className: `eds-menu-filter${isCollapsed ? ' eds-menu-filter--collapsed' : ''}`, onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "eds-menu-filter__input-wrapper", children: [_jsx(EdsIcon, { className: "eds-menu-filter__icon", icon: "magnifying-glass:core", size: "s" }), _jsx("input", { className: "eds-menu-filter__input", type: "text", onChange: (e) => setLocalFilter(e.target.value), placeholder: searchFilterLabel, "aria-label": searchFilterLabel, value: filterValue || localFilter })] }) })) : null, _jsx("ul", { className: "eds-menu__list", role: "tree", "aria-orientation": "vertical", tabIndex: 0, children: internalItems.map(item => renderItem(item)) })] }));
+}
+//# sourceMappingURL=eds-menu.js.map

package/eds-menu/eds-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-menu.js","sourceRoot":"","sources":["../../src/eds-menu/eds-menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAwC1D,IAAI,SAAS,GAAG,CAAC,CAAC;AAClB,MAAM,MAAM,GAAG,GAAW,EAAE,CACxB,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,EAAE,CAAC;AAEhH,+FAA+F;AAC/F,SAAS,cAAc,CACnB,KAAoB,EACpB,oBAA6B,EAC7B,MAAoB;IAEpB,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QAC7B,MAAM,IAAI,GAAgB,EAAE,GAAG,GAAG,EAAE,CAAC;QACrC,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC;QACjC,IAAI,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACjC,IAAI,IAAI,CAAC,KAAK,IAAI,oBAAoB,EAAE,CAAC;YACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACpC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;gBAC5B,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC;QACtC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,oBAAoB,EAAE,IAAI,CAAC,CAAC;QAC9E,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC,CAAC;AACP,CAAC;AAED,6FAA6F;AAC7F,SAAS,eAAe,CAAC,KAAoB,EAAE,WAAmB;IAC9D,MAAM,EAAE,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;IACrC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QAC7B,MAAM,IAAI,GAAgB,EAAE,GAAG,GAAG,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACnE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;YAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACxD,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QAC1B,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC,CAAC;AACP,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,OAAO,CAAC,EACpB,KAAK,GAAG,EAAE,EACV,iBAAiB,GAAG,eAAe,EACnC,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,KAAK,EACnB,oBAAoB,GAAG,KAAK,EAC5B,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,KAAK,EACtB,kBAAkB,GAAG,KAAK,EAC1B,UAAU,GAAG,IAAI,EACjB,oBAAoB,GAAG,KAAK,EAC5B,cAAc,GAAG,KAAK,EACtB,MAAM,GAAG,KAAK,EACd,gBAAgB,GAAG,KAAK,EACxB,SAAS,EACT,WAAW,EACX,cAAc,GACH;IACX,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,0FAA0F;IAC1F,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;QACzD,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACrB,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;YAC/B,MAAM,IAAI,GAAG,CAAC,GAAkB,EAAQ,EAAE;gBACtC,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC;oBACnB,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;wBACd,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,cAAc,IAAI,EAAE,CAAC,QAAQ,KAAK,SAAS,CAAC,EAAE,CAAC;4BAC/D,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAG,CAAC,CAAC;wBACrB,CAAC;wBACD,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;oBACtB,CAAC;gBACL,CAAC;YACL,CAAC,CAAC;YACF,IAAI,CAAC,IAAI,CAAC,CAAC;YACX,IAAI,IAAI,CAAC,IAAI;gBAAE,cAAc,CAAC,IAAI,CAAC,CAAC;YACpC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,OAAO,IAAI,CAAC;QACZ,sFAAsF;IAC1F,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC;IACzD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,SAAS,IAAI,YAAY,EAAE,CAAC;YAC5B,OAAO,eAAe,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC;QACD,OAAO,UAAU,CAAC;IACtB,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,CAAC,YAAY,CAAC;IAEpC,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,IAAiB,EAAW,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EACtF,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,IAAiB,EAAQ,EAAE;QAC/D,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,OAAO;QACvC,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAG,CAAC;gBAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC;;gBACzC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC;YACxB,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,IAAiB,EAAQ,EAAE;QAC5D,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACnB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAiB,IAAI,QAAQ,CAAC,CAAC;YACtE,CAAC;iBAAM,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;gBAClB,gFAAgF;gBAChF,gFAAgF;gBAChF,kFAAkF;gBAClF,kDAAkD;YACtD,CAAC;iBAAM,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;gBAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;YACnB,CAAC;iBAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;QACD,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC;QAClB,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjD,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAAiB,EAAW,EAAE;QACjE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACrG,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAG;QACd,UAAU;QACV,WAAW,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;QACxC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;QACrC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;KACjC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;IAEnB,MAAM,UAAU,GAAG,CAAC,IAAiB,EAAmB,EAAE;QACtD,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC;YAAE,OAAO,IAAI,CAAC;QAClD,oFAAoF;QACpF,MAAM,QAAQ,GAAgB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7F,OAAO,CACH,KAAC,eAAe,IAEZ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,YAAY,EAAE,cAAc,IAAI,kBAAkB,EAClD,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,kBAAkB,YAEjC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACvB,aAAI,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,KAAK,YAC/E,IAAI,CAAC,QAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,GAC9C,CACR,CAAC,CAAC,CAAC,IAAI,IAjBH,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,CAkBZ,CACrB,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,SAAS,cAAW,UAAU,EAAC,IAAI,EAAC,YAAY,aAC3D,SAAS,CAAC,CAAC,CAAC,CACT,cACI,SAAS,EAAE,kBAAkB,WAAW,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC/E,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAEnC,eAAK,SAAS,EAAC,gCAAgC,aAC3C,KAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,uBAAuB,EAAC,IAAI,EAAC,GAAG,GAAG,EACnF,gBACI,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,WAAW,EAAE,iBAAiB,gBAClB,iBAAiB,EAC7B,KAAK,EAAE,WAAW,IAAI,WAAW,GACnC,IACA,GACJ,CACT,CAAC,CAAC,CAAC,IAAI,EAER,aAAI,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,sBAAkB,UAAU,EAAC,QAAQ,EAAE,CAAC,YAC7E,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAC3C,IACH,CACT,CAAC;AACN,CAAC"}

package/eds-menu/index.d.ts

@@ -0,0 +1,6 @@
+export { EdsMenu } from './eds-menu.js';
+export type { EdsMenuProps } from './eds-menu.js';
+export { EdsMenuItemView } from './eds-menu-item-view.js';
+export type { EdsMenuItemViewProps } from './eds-menu-item-view.js';
+export type { EdsMenuItem } from './eds-menu-item.model.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}

package/eds-menu/index.js

@@ -0,0 +1,3 @@
+export { EdsMenu } from './eds-menu.js';
+export { EdsMenuItemView } from './eds-menu-item-view.js';
+//# sourceMappingURL=index.js.map

package/eds-menu/index.js.map

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

package/eds-shell/eds-shell-content.css

@@ -0,0 +1,11 @@
+.eds-shell-content {
+    display: block;
+    flex: 1;
+    padding: var(--eds-sp-xl);
+}
+
+@media (max-width: 767px) {
+    .eds-shell-content {
+        padding: var(--eds-sp-m);
+    }
+}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsShellContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellContent` — pure React port of the Angular `eds-shell-content`.
+ * Pure content-projection wrapper.
+ */
+export declare const EdsShellContent: React.ForwardRefExoticComponent<EdsShellContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-content.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,6FAY3B,CAAC"}

package/eds-shell/eds-shell-content.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-content.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-content.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC3C,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC1D,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-shell/eds-shell-context.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Context published by `EdsShell` so descendants (e.g. `EdsShellMenuToggle` placed in the
+ * toolbar slot, or a sidebar-header close button) can drive the shell's sidebar without the
+ * consumer manually wiring callbacks — the React analog of calling `shell.toggleSidebar()`
+ * on the Angular component instance.
+ */
+export interface EdsShellContextValue {
+    /** Whether the sidebar is currently open. */
+    isOpen: boolean;
+    /** Whether the shell is in overlay (tablet/mobile) mode. */
+    isOverlay: boolean;
+    /** Toggle the sidebar open/closed. */
+    toggleSidebar: () => void;
+    /** Close the sidebar (no-op unless overlay mode, matching the Angular behavior). */
+    closeSidebar: () => void;
+}
+export declare const EdsShellContext: import("react").Context<EdsShellContextValue | null>;
+/** Access the enclosing `EdsShell`'s sidebar controls. Returns null when outside a shell. */
+export declare function useEdsShell(): EdsShellContextValue | null;
+//# sourceMappingURL=eds-shell-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-context.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-context.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACjC,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,oFAAoF;IACpF,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,sDAAmD,CAAC;AAEhF,6FAA6F;AAC7F,wBAAgB,WAAW,IAAI,oBAAoB,GAAG,IAAI,CAEzD"}

package/eds-shell/eds-shell-context.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+export const EdsShellContext = createContext(null);
+/** Access the enclosing `EdsShell`'s sidebar controls. Returns null when outside a shell. */
+export function useEdsShell() {
+    return useContext(EdsShellContext);
+}
+//# sourceMappingURL=eds-shell-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-context.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAmBlD,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAA8B,IAAI,CAAC,CAAC;AAEhF,6FAA6F;AAC7F,MAAM,UAAU,WAAW;IACvB,OAAO,UAAU,CAAC,eAAe,CAAC,CAAC;AACvC,CAAC"}

package/eds-shell/eds-shell-footer.css

@@ -0,0 +1,25 @@
+.eds-shell-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--eds-sp-s) var(--eds-sp-xl);
+    min-height: var(--eds-si-6xl);
+    background: var(--eds-c-surface-elevation);
+    border-top: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    font: var(--eds-f-microcopy-xs);
+    color: var(--eds-c-foreground-subtler);
+    flex-shrink: 0;
+}
+
+.eds-shell-footer .copyright {
+    white-space: nowrap;
+}
+
+@media (max-width: 767px) {
+    .eds-shell-footer {
+        flex-direction: column;
+        gap: var(--eds-sp-xs);
+        text-align: center;
+        padding: var(--eds-sp-m);
+    }
+}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface EdsShellFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Copyright text displayed on the left. @default '' */
+    copyright?: string;
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellFooter` — pure React port of the Angular `eds-shell-footer`.
+ */
+export declare const EdsShellFooter: React.ForwardRefExoticComponent<EdsShellFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-footer.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,4FAczB,CAAC"}

package/eds-shell/eds-shell-footer.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellFooter` — pure React port of the Angular `eds-shell-footer`.
+ */
+export const EdsShellFooter = React.forwardRef(function EdsShellFooter({ copyright = '', children, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: className ? `eds-shell-footer ${className}` : 'eds-shell-footer', ...rest, children: [copyright ? _jsx("span", { className: "copyright", children: copyright }) : null, children] }));
+});
+//# sourceMappingURL=eds-shell-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-footer.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAsC,SAAS,cAAc,CACvG,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAChD,GAAG;IAEH,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,SAAS,EAAE,CAAC,CAAC,CAAC,kBAAkB,KACvE,IAAI,aAEP,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,WAAW,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,EACjE,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-shell/eds-shell-header-app.css

@@ -0,0 +1,23 @@
+.eds-shell-header-app {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: var(--eds-sp-4xs);
+    min-width: 0;
+}
+
+.eds-shell-header-app .app-name {
+    font: var(--eds-f-paragraph-xl);
+    color: inherit;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.eds-shell-header-app .app-subtitle {
+    font: var(--eds-f-microcopy-xs);
+    opacity: 0.8;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}

package/eds-shell/eds-shell-header-app.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface EdsShellHeaderAppProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Full application name. @default '' */
+    appName?: string;
+    /** Short name for responsive/compact layouts (declared but unused). @default '' */
+    appShortName?: string;
+    /** Subtitle/description below the app name. @default '' */
+    appSubTitle?: string;
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellHeaderApp` — pure React port of the Angular `eds-shell-header-app`.
+ */
+export declare const EdsShellHeaderApp: React.ForwardRefExoticComponent<EdsShellHeaderAppProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-header-app.d.ts.map

package/eds-shell/eds-shell-header-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-app.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,+FAkB7B,CAAC"}

package/eds-shell/eds-shell-header-app.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellHeaderApp` — pure React port of the Angular `eds-shell-header-app`.
+ */
+export const EdsShellHeaderApp = React.forwardRef(function EdsShellHeaderApp(
+// appShortName is kept for API parity with the Angular input but is unused (as in Angular).
+{ appName = '', appShortName: _appShortName = '', appSubTitle = '', children, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: className ? `eds-shell-header-app ${className}` : 'eds-shell-header-app', ...rest, children: [appName ? _jsx("span", { className: "app-name", children: appName }) : null, appSubTitle ? _jsx("span", { className: "app-subtitle", children: appSubTitle }) : null, children] }));
+});
+//# sourceMappingURL=eds-shell-header-app.js.map

package/eds-shell/eds-shell-header-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-app.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-app.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC7C,SAAS,iBAAiB;AACtB,4FAA4F;AAC5F,EAAE,OAAO,GAAG,EAAE,EAAE,YAAY,EAAE,aAAa,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAClG,GAAG;IAEH,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,wBAAwB,SAAS,EAAE,CAAC,CAAC,CAAC,sBAAsB,KAC/E,IAAI,aAEP,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,UAAU,YAAE,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5D,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,cAAc,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EACxE,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

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

@@ -0,0 +1,5 @@
+.eds-shell-header-end {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsShellHeaderEndProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellHeaderEnd` — pure React port of the Angular `eds-shell-header-end`.
+ * Pure content-projection wrapper.
+ */
+export declare const EdsShellHeaderEnd: React.ForwardRefExoticComponent<EdsShellHeaderEndProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-header-end.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-end.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-end.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;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,wBAAwB,SAAS,EAAE,CAAC,CAAC,CAAC,sBAAsB,KAC/E,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell-header-environment.css

@@ -0,0 +1,21 @@
+.eds-shell-header-environment {
+    position: absolute;
+    top: 6px;
+    left: -20px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 80px;
+    padding: var(--eds-sp-3xs) 0;
+    background: var(--eds-c-surface-highlight);
+    color: var(--eds-c-on-surface-highlight);
+    font: var(--eds-f-microcopy-xs);
+    font-weight: 700;
+    text-transform: uppercase;
+    white-space: nowrap;
+    transform: rotate(-35deg);
+    transform-origin: center;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+    z-index: 1;
+    pointer-events: none;
+}

package/eds-shell/eds-shell-header-environment.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsShellHeaderEnvironmentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellHeaderEnvironment` — pure React port of the Angular `eds-shell-header-environment`.
+ * Pure content-projection wrapper.
+ */
+export declare const EdsShellHeaderEnvironment: React.ForwardRefExoticComponent<EdsShellHeaderEnvironmentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-header-environment.d.ts.map

package/eds-shell/eds-shell-header-environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-environment.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-environment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxF,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,uGAcrC,CAAC"}

package/eds-shell/eds-shell-header-environment.js

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

package/eds-shell/eds-shell-header-environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-environment.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-environment.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CACrD,SAAS,yBAAyB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACpE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EACL,SAAS,CAAC,CAAC,CAAC,gCAAgC,SAAS,EAAE,CAAC,CAAC,CAAC,8BAA8B,KAExF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell-header-logo.css

@@ -0,0 +1,14 @@
+.eds-shell-header-logo {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+}
+
+.eds-shell-header-logo .logo-link {
+    display: flex;
+    align-items: center;
+}
+
+.eds-shell-header-logo img {
+    display: block;
+}

package/eds-shell/eds-shell-header-logo.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface EdsShellHeaderLogoProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Custom logo URL. If not provided, uses the EC logo for the given language. @default '' */
+    logoUrl?: string;
+    /** Current language code (used to resolve the EC logo variant). @default 'en' */
+    language?: string;
+    /** Route to navigate on logo click. @default '/' */
+    homeUrl?: string;
+    /** Logo height CSS value. @default '56px' */
+    logoHeight?: string;
+    /** Logo width CSS value. @default 'auto' */
+    logoWidth?: string;
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellHeaderLogo` — pure React port of the Angular `eds-shell-header-logo`.
+ */
+export declare const EdsShellHeaderLogo: React.ForwardRefExoticComponent<EdsShellHeaderLogoProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-header-logo.d.ts.map

package/eds-shell/eds-shell-header-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-logo.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-logo.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,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,gGAiC9B,CAAC"}

package/eds-shell/eds-shell-header-logo.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellHeaderLogo` — pure React port of the Angular `eds-shell-header-logo`.
+ */
+export const EdsShellHeaderLogo = React.forwardRef(function EdsShellHeaderLogo({ logoUrl = '', language = 'en', homeUrl = '/', logoHeight = '56px', logoWidth = 'auto', children, className, ...rest }, ref) {
+    const resolvedLogoUrl = logoUrl || `assets/eds/logos/ec/positive/logo-ec--${language}.svg`;
+    return (_jsxs("div", { ref: ref, className: className ? `eds-shell-header-logo ${className}` : 'eds-shell-header-logo', ...rest, children: [_jsx("a", { href: homeUrl, className: "logo-link", children: _jsx("img", { src: resolvedLogoUrl, style: { height: logoHeight, width: logoWidth }, alt: "European Commission - Home" }) }), children] }));
+});
+//# sourceMappingURL=eds-shell-header-logo.js.map

package/eds-shell/eds-shell-header-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-logo.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAC9C,SAAS,kBAAkB,CACvB,EACI,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,GAAG,EACb,UAAU,GAAG,MAAM,EACnB,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,eAAe,GAAG,OAAO,IAAI,yCAAyC,QAAQ,MAAM,CAAC;IAE3F,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,yBAAyB,SAAS,EAAE,CAAC,CAAC,CAAC,uBAAuB,KACjF,IAAI,aAER,YAAG,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC,WAAW,YACnC,cACI,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAC/C,GAAG,EAAC,4BAA4B,GAClC,GACF,EACH,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell-header-start.css

@@ -0,0 +1,5 @@
+.eds-shell-header-start {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-m);
+}

package/eds-shell/eds-shell-header-start.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsShellHeaderStartProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellHeaderStart` — pure React port of the Angular `eds-shell-header-start`.
+ * Pure content-projection wrapper.
+ */
+export declare const EdsShellHeaderStart: React.ForwardRefExoticComponent<EdsShellHeaderStartProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-header-start.d.ts.map

package/eds-shell/eds-shell-header-start.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-start.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-start.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iGAY/B,CAAC"}

package/eds-shell/eds-shell-header-start.js

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

package/eds-shell/eds-shell-header-start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header-start.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header-start.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC/C,SAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC9D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,0BAA0B,SAAS,EAAE,CAAC,CAAC,CAAC,wBAAwB,KACnF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell-header.css

@@ -0,0 +1,33 @@
+.eds-shell-header {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-m);
+    height: var(--eds-si-9xl);
+    padding: 0 var(--eds-sp-xl);
+    background: var(--eds-c-surface-elevation);
+    border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    flex-shrink: 0;
+}
+
+.eds-shell-header .logo-wrapper {
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+}
+
+.eds-shell-header .spacer {
+    flex: 1;
+}
+
+@media (min-width: 768px) and (max-width: 1139px) {
+    .eds-shell-header {
+        display: none;
+    }
+}
+
+@media (max-width: 767px) {
+    .eds-shell-header {
+        display: none;
+    }
+}