@eui/eds-react 22.0.0-alpha.8

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

@@ -0,0 +1,11 @@
+.eds-shell-toolbar-logo {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+}
+
+.eds-shell-toolbar-logo img {
+    height: 40px;
+    width: auto;
+    display: block;
+}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export type EdsShellToolbarLogoProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * `EdsShellToolbarLogo` — pure React port of the Angular `eds-shell-toolbar-logo`.
+ * Renders the static mute-negative EC logo.
+ */
+export declare const EdsShellToolbarLogo: React.ForwardRefExoticComponent<EdsShellToolbarLogoProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-toolbar-logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar-logo.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iGAY/B,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellToolbarLogo` — pure React port of the Angular `eds-shell-toolbar-logo`.
+ * Renders the static mute-negative EC logo.
+ */
+export const EdsShellToolbarLogo = React.forwardRef(function EdsShellToolbarLogo({ className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-shell-toolbar-logo ${className}` : 'eds-shell-toolbar-logo', ...rest, children: _jsx("img", { src: "assets/eds/logos/ec/logo-ec--mute-negative.svg", alt: "European Commission" }) }));
+});
+//# sourceMappingURL=eds-shell-toolbar-logo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar-logo.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar-logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC/C,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACpD,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,0BAA0B,SAAS,EAAE,CAAC,CAAC,CAAC,wBAAwB,KACnF,IAAI,YAER,cAAK,GAAG,EAAC,gDAAgD,EAAC,GAAG,EAAC,qBAAqB,GAAG,GACpF,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar-start.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar-start.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAChD,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC/D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,2BAA2B,SAAS,EAAE,CAAC,CAAC,CAAC,yBAAyB,KACrF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell-toolbar.css

@@ -0,0 +1,37 @@
+.eds-shell-toolbar {
+    display: flex;
+    align-items: center;
+    height: var(--eds-si-7xl);
+    padding: 0 var(--eds-sp-xl) 0 var(--eds-sp-m);
+    background: var(--eds-c-surface-brand);
+    color: var(--eds-c-foreground-inverted);
+    flex-shrink: 0;
+    gap: var(--eds-sp-m);
+}
+
+.eds-shell-toolbar .logo-wrapper {
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+}
+
+.eds-shell-toolbar .toolbar-app-name {
+    display: none;
+}
+
+@media (min-width: 768px) and (max-width: 1139px) {
+    .eds-shell-toolbar .toolbar-app-name {
+        display: flex;
+    }
+}
+
+@media (max-width: 767px) {
+    .eds-shell-toolbar {
+        padding: 0 var(--eds-sp-m);
+    }
+
+    .eds-shell-toolbar .toolbar-app-name {
+        display: flex;
+    }
+}

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

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface EdsShellToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Menu toggle slot (`eds-shell-menu-toggle`). */
+    menuToggle?: React.ReactNode;
+    /** Logo slot (`eds-shell-toolbar-logo`). */
+    logo?: React.ReactNode;
+    /** Environment ribbon slot (`eds-shell-toolbar-environment`). */
+    environment?: React.ReactNode;
+    /** App name slot (`eds-shell-toolbar-app`). */
+    app?: React.ReactNode;
+    /** Start slot (`eds-shell-toolbar-start`). */
+    start?: React.ReactNode;
+    /** Center slot (`eds-shell-toolbar-center`). */
+    center?: React.ReactNode;
+    /** End slot (`eds-shell-toolbar-end`). */
+    end?: React.ReactNode;
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellToolbar` — pure React port of the Angular `eds-shell-toolbar`.
+ *
+ * Named slots map to props, rendered in the same structural position as the Angular template;
+ * `logo` + `environment` are wrapped in the `.logo-wrapper` div. Default content maps to `children`.
+ */
+export declare const EdsShellToolbar: React.ForwardRefExoticComponent<EdsShellToolbarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,kDAAkD;IAClD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gDAAgD;IAChD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,6FAsB1B,CAAC"}

package/eds-shell/eds-shell-toolbar.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellToolbar` — pure React port of the Angular `eds-shell-toolbar`.
+ *
+ * Named slots map to props, rendered in the same structural position as the Angular template;
+ * `logo` + `environment` are wrapped in the `.logo-wrapper` div. Default content maps to `children`.
+ */
+export const EdsShellToolbar = React.forwardRef(function EdsShellToolbar({ menuToggle, logo, environment, app, start, center, end, children, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: className ? `eds-shell-toolbar ${className}` : 'eds-shell-toolbar', ...rest, children: [menuToggle, _jsxs("div", { className: "logo-wrapper", children: [logo, environment] }), app, start, center, end, children] }));
+});
+//# sourceMappingURL=eds-shell-toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAuC,SAAS,eAAe,CAC1G,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACxF,GAAG;IAEH,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,qBAAqB,SAAS,EAAE,CAAC,CAAC,CAAC,mBAAmB,KACzE,IAAI,aAEP,UAAU,EACX,eAAK,SAAS,EAAC,cAAc,aACxB,IAAI,EACJ,WAAW,IACV,EACL,GAAG,EACH,KAAK,EACL,MAAM,EACN,GAAG,EACH,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-shell/eds-shell-top-message.css

@@ -0,0 +1,48 @@
+.eds-top-message {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-m);
+    padding: var(--eds-sp-xs) var(--eds-sp-xl);
+    font: var(--eds-f-paragraph-s);
+    flex-shrink: 0;
+    overflow: hidden;
+    transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
+    max-height: 80px;
+    opacity: 1;
+
+    /* Default: info */
+    background: var(--eds-c-surface-info-subtler);
+    color: var(--eds-c-on-surface-info-subtler);
+}
+
+.eds-top-message .top-message-content {
+    flex: 1;
+}
+
+/* Color variants applied via color-variant classes */
+.eds-top-message.eds-color-variant--warning {
+    background: var(--eds-c-surface-warning-subtler);
+    color: var(--eds-c-on-surface-warning-subtler);
+}
+
+.eds-top-message.eds-color-variant--critical {
+    background: var(--eds-c-surface-critical-subtler);
+    color: var(--eds-c-on-surface-critical-subtler);
+}
+
+.eds-top-message.eds-color-variant--success {
+    background: var(--eds-c-surface-success-subtler);
+    color: var(--eds-c-on-surface-success-subtler);
+}
+
+.eds-top-message.eds-color-variant--info {
+    background: var(--eds-c-surface-info-subtler);
+    color: var(--eds-c-on-surface-info-subtler);
+}
+
+.eds-top-message.eds-top-message--hidden {
+    max-height: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    opacity: 0;
+}

package/eds-shell/eds-shell-top-message.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+/** Local narrowed color union — the top message's color contract. */
+export type EdsShellTopMessageColor = 'warning' | 'critical' | 'success' | 'info';
+export interface EdsShellTopMessageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** Semantic color variant of the message. */
+    color?: EdsShellTopMessageColor;
+    /** Whether the close button is shown. @default true */
+    isDismissible?: boolean;
+    /** Emitted when the message is dismissed (after the hide transition). */
+    onDismissed?: () => void;
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellTopMessage` — pure React port of the Angular `eds-shell-top-message`.
+ *
+ * Reproduces the legacy `EdsColorDirective` host classes (`eds-color-variant--{color}`) via the
+ * `color` prop, plus the `eds-top-message` / `eds-top-message--hidden` host classes. Dismissing
+ * hides the message, then fires `onDismissed` after the 300ms transition.
+ */
+export declare const EdsShellTopMessage: React.ForwardRefExoticComponent<EdsShellTopMessageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-top-message.d.ts.map

package/eds-shell/eds-shell-top-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-top-message.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-top-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,qEAAqE;AACrE,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAElF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChG,6CAA6C;IAC7C,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,gGA2B9B,CAAC"}

package/eds-shell/eds-shell-top-message.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useState } from 'react';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+/**
+ * `EdsShellTopMessage` — pure React port of the Angular `eds-shell-top-message`.
+ *
+ * Reproduces the legacy `EdsColorDirective` host classes (`eds-color-variant--{color}`) via the
+ * `color` prop, plus the `eds-top-message` / `eds-top-message--hidden` host classes. Dismissing
+ * hides the message, then fires `onDismissed` after the 300ms transition.
+ */
+export const EdsShellTopMessage = React.forwardRef(function EdsShellTopMessage({ color, isDismissible = true, onDismissed, children, className, ...rest }, ref) {
+    const [visible, setVisible] = useState(true);
+    const dismiss = () => {
+        setVisible(false);
+        setTimeout(() => onDismissed?.(), 300);
+    };
+    const rootClassName = 'eds-top-message' +
+        (color ? ` eds-color-variant--${color}` : '') +
+        (!visible ? ' eds-top-message--hidden' : '') +
+        (className ? ` ${className}` : '');
+    return (_jsxs("div", { ref: ref, className: rootClassName, ...rest, children: [_jsx("div", { className: "top-message-content", children: children }), isDismissible ? (_jsx(EdsIconButton, { icon: "x:core", ariaLabel: "Dismiss", size: "s", onButtonClick: dismiss })) : null] }));
+});
+//# sourceMappingURL=eds-shell-top-message.js.map

package/eds-shell/eds-shell-top-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-top-message.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-top-message.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAgBtE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAC9C,SAAS,kBAAkB,CACvB,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC1E,GAAG;IAEH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,GAAS,EAAE;QACvB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,aAAa,GACf,iBAAiB;QACjB,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAuB,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5C,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEvC,OAAO,CACH,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,KAAM,IAAI,aAC7C,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,EACpD,aAAa,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,EAAE,OAAO,GAAI,CACvF,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell.css

@@ -0,0 +1,105 @@
+/*
+ * eds-shell — pure React port of eds-shell.scss.
+ * :host -> .eds-shell ; base.media(tablet 768–1139 / mobile <768) -> @media.
+ */
+
+.eds-shell {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    overflow: hidden;
+    max-width: 100vw;
+}
+
+.eds-shell .header-wrapper {
+    transition: margin-top 0.3s ease;
+    margin-top: 0;
+    flex-shrink: 0;
+}
+.eds-shell .header-wrapper.header-hidden {
+    margin-top: var(--header-negative-height, -64px);
+}
+
+.eds-shell .content-area {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+}
+
+.eds-shell .sidebar {
+    width: 260px;
+    min-width: 260px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    background: var(--eds-c-surface-elevation);
+    border-right: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    transition: width 0.3s ease, min-width 0.3s ease, transform 0.3s ease;
+    overflow: hidden;
+    flex-shrink: 0;
+    max-width: 260px;
+}
+.eds-shell .sidebar.collapsed {
+    width: 0;
+    min-width: 0;
+    border-right: none;
+}
+.eds-shell .sidebar.collapsed-icons {
+    width: 56px;
+    min-width: 56px;
+}
+.eds-shell .sidebar.collapsed-icons-labels {
+    width: 80px;
+    min-width: 80px;
+}
+.eds-shell .sidebar.overlay-mode {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 100;
+    box-shadow: var(--eds-sh-3);
+    transform: translateX(-100%);
+}
+.eds-shell .sidebar.overlay-mode.open {
+    transform: translateX(0);
+    border-right: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+}
+
+.eds-shell .sidebar-overlay {
+    display: block;
+    position: absolute;
+    inset: 0;
+    z-index: 99;
+    background: var(--eds-c-alpha-backdrop);
+    opacity: var(--eds-op-none);
+    transition: opacity 0.3s ease;
+    pointer-events: none;
+}
+.eds-shell .sidebar-overlay.visible {
+    opacity: var(--eds-op-100);
+    pointer-events: auto;
+}
+
+.eds-shell .main-area {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+    overflow-x: hidden;
+    min-width: 0;
+}
+
+@media (min-width: 768px) and (max-width: 1139px) {
+    .eds-shell .sidebar.overlay-mode {
+        width: 50%;
+        min-width: 50%;
+    }
+}
+
+@media (max-width: 767px) {
+    .eds-shell .sidebar.overlay-mode {
+        width: 85%;
+        min-width: 85%;
+    }
+}

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

@@ -0,0 +1,41 @@
+import * as React from 'react';
+/** Sidebar collapse behavior when closed on desktop. */
+export type EdsSidebarCollapseMode = 'hidden' | 'icons' | 'icons-labels';
+export interface EdsShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the sidebar starts open on desktop. @default true (desktop) */
+    sidebarOpen?: boolean;
+    /** Emits when sidebar open state changes. */
+    onSidebarOpenChange?: (open: boolean) => void;
+    /** Top message slot (eds-shell-top-message), above header/toolbar. */
+    topMessage?: React.ReactNode;
+    /** Header slot (eds-shell-header) — branding bar, collapses on scroll. */
+    header?: React.ReactNode;
+    /** Toolbar slot (eds-shell-toolbar) — navigation bar. */
+    toolbar?: React.ReactNode;
+    /**
+     * Sidebar slot (an `EdsShellSidebar` element). Its `collapseMode` prop is read to drive
+     * the collapsed rail behavior, mirroring the Angular `contentChild(EdsShellSidebar)`.
+     */
+    sidebar?: React.ReactNode;
+    /** Footer slot (eds-shell-footer), below the scrollable content. */
+    footer?: React.ReactNode;
+    /** Main content (default slot, eds-shell-content). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShell` — pure React port of the Angular `eds-shell`.
+ *
+ * App shell layout: top-message / header (collapses on scroll) / toolbar / (sidebar + main +
+ * footer). Reproduces the Angular behavior with hooks: responsive open/overlay state around a
+ * 1024px breakpoint (window resize listener), scroll-driven header hide, Escape-to-close in
+ * overlay mode, and the `sidebarClasses` logic driving the `<aside>` collapse classes. The
+ * projected `sidebar`'s `collapseMode` prop is read to pick the collapsed rail width. The
+ * shell also adds/removes the global `eui-21` class on `<html>` (needed for `--eds-*` tokens),
+ * matching the Angular ngOnInit/ngOnDestroy. Sidebar controls are published via
+ * `EdsShellContext` so a menu toggle in the toolbar slot can drive it (see `useEdsShell`).
+ *
+ * The Angular `<ng-content select="…">` slots map to the `topMessage` / `header` / `toolbar` /
+ * `sidebar` / `footer` props + `children` (main content).
+ */
+export declare const EdsShell: React.ForwardRefExoticComponent<EdsShellProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,wDAAwD;AACxD,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,OAAO,GAAG,cAAc,CAAC;AAEzE,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,sEAAsE;IACtE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAWD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,sFAgInB,CAAC"}

package/eds-shell/eds-shell.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { EdsShellContext } from './eds-shell-context.js';
+const BREAKPOINT = 1024;
+/** Read `collapseMode` from the projected sidebar element (default 'hidden'). */
+function readCollapseMode(sidebar) {
+    if (React.isValidElement(sidebar)) {
+        const mode = sidebar.props.collapseMode;
+        if (mode)
+            return mode;
+    }
+    return 'hidden';
+}
+/**
+ * `EdsShell` — pure React port of the Angular `eds-shell`.
+ *
+ * App shell layout: top-message / header (collapses on scroll) / toolbar / (sidebar + main +
+ * footer). Reproduces the Angular behavior with hooks: responsive open/overlay state around a
+ * 1024px breakpoint (window resize listener), scroll-driven header hide, Escape-to-close in
+ * overlay mode, and the `sidebarClasses` logic driving the `<aside>` collapse classes. The
+ * projected `sidebar`'s `collapseMode` prop is read to pick the collapsed rail width. The
+ * shell also adds/removes the global `eui-21` class on `<html>` (needed for `--eds-*` tokens),
+ * matching the Angular ngOnInit/ngOnDestroy. Sidebar controls are published via
+ * `EdsShellContext` so a menu toggle in the toolbar slot can drive it (see `useEdsShell`).
+ *
+ * The Angular `<ng-content select="…">` slots map to the `topMessage` / `header` / `toolbar` /
+ * `sidebar` / `footer` props + `children` (main content).
+ */
+export const EdsShell = React.forwardRef(function EdsShell({ sidebarOpen, onSidebarOpenChange, topMessage, header, toolbar, sidebar, footer, children, className, ...rest }, ref) {
+    const initialDesktop = typeof window !== 'undefined' && window.innerWidth > BREAKPOINT;
+    const [isOpen, setIsOpen] = useState(sidebarOpen ?? initialDesktop);
+    const [isOverlay, setIsOverlay] = useState(typeof window !== 'undefined' ? window.innerWidth <= BREAKPOINT : false);
+    const [isHeaderHidden, setIsHeaderHidden] = useState(false);
+    const collapseMode = readCollapseMode(sidebar);
+    const hasSidebar = !!sidebar;
+    const hasHeader = !!header;
+    // Toggle the global eui-21 class on <html> so --eds-* tokens resolve (Angular ngOnInit/OnDestroy).
+    useEffect(() => {
+        const el = document.documentElement;
+        el.classList.add('eui-21');
+        return () => el.classList.remove('eui-21');
+    }, []);
+    // window:resize — mirror onResize().
+    useEffect(() => {
+        const onResize = () => {
+            const isDesktop = window.innerWidth > BREAKPOINT;
+            setIsOverlay(!isDesktop);
+            if (isDesktop) {
+                setIsOpen(true);
+            }
+            else {
+                setIsOpen(false);
+                setIsHeaderHidden(false);
+            }
+        };
+        window.addEventListener('resize', onResize);
+        return () => window.removeEventListener('resize', onResize);
+    }, []);
+    const toggleSidebar = useCallback(() => {
+        setIsOpen((v) => {
+            const next = !v;
+            onSidebarOpenChange?.(next);
+            return next;
+        });
+    }, [onSidebarOpenChange]);
+    const closeSidebar = useCallback(() => {
+        setIsOverlay((overlay) => {
+            if (overlay) {
+                setIsOpen(false);
+                onSidebarOpenChange?.(false);
+            }
+            return overlay;
+        });
+    }, [onSidebarOpenChange]);
+    // window:keydown — Escape closes the overlay sidebar.
+    useEffect(() => {
+        const onKeydown = (event) => {
+            if (event.key === 'Escape' && isOpen && isOverlay) {
+                toggleSidebar();
+            }
+        };
+        window.addEventListener('keydown', onKeydown);
+        return () => window.removeEventListener('keydown', onKeydown);
+    }, [isOpen, isOverlay, toggleSidebar]);
+    const onScroll = (event) => {
+        // Scroll-driven collapse only applies to the header slot (EdsShellHeader). A
+        // toolbar-only shell (no header) must never hide anything on scroll.
+        if (isOverlay || !hasHeader)
+            return;
+        const el = event.target;
+        setIsHeaderHidden(el.scrollTop > 100);
+    };
+    const sidebarClasses = useMemo(() => {
+        if (isOverlay) {
+            return { open: isOpen, collapsed: false, collapsedIcons: false, collapsedIconsLabels: false };
+        }
+        return {
+            open: false,
+            collapsed: !isOpen && collapseMode === 'hidden',
+            collapsedIcons: !isOpen && collapseMode === 'icons',
+            collapsedIconsLabels: !isOpen && collapseMode === 'icons-labels',
+        };
+    }, [isOverlay, isOpen, collapseMode]);
+    const asideClass = [
+        'sidebar',
+        sidebarClasses.collapsed ? 'collapsed' : '',
+        sidebarClasses.collapsedIcons ? 'collapsed-icons' : '',
+        sidebarClasses.collapsedIconsLabels ? 'collapsed-icons-labels' : '',
+        sidebarClasses.open ? 'open' : '',
+        isOverlay ? 'overlay-mode' : '',
+    ].join(' ').replace(/\s+/g, ' ').trim();
+    const ctx = useMemo(() => ({ isOpen, isOverlay, toggleSidebar, closeSidebar }), [isOpen, isOverlay, toggleSidebar, closeSidebar]);
+    return (_jsx(EdsShellContext.Provider, { value: ctx, children: _jsxs("div", { ref: ref, className: className ? `eds-shell ${className}` : 'eds-shell', ...rest, children: [topMessage, hasHeader ? (_jsx("div", { className: `header-wrapper${isHeaderHidden ? ' header-hidden' : ''}`, children: header })) : null, toolbar, _jsxs("div", { className: "content-area", children: [hasSidebar ? (_jsxs(_Fragment, { children: [isOverlay ? (_jsx("div", { className: `sidebar-overlay${isOpen ? ' visible' : ''}`, onClick: closeSidebar })) : null, _jsx("aside", { className: asideClass, children: sidebar })] })) : null, _jsxs("div", { className: "main-area", onScroll: onScroll, children: [children, footer] })] })] }) }));
+});
+//# sourceMappingURL=eds-shell.js.map

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

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

package/eds-shell/index.d.ts

@@ -0,0 +1,50 @@
+export { EdsShell } from './eds-shell.js';
+export type { EdsShellProps, EdsSidebarCollapseMode } from './eds-shell.js';
+export { EdsShellContext, useEdsShell } from './eds-shell-context.js';
+export type { EdsShellContextValue } from './eds-shell-context.js';
+export { EdsShellHeader } from './eds-shell-header.js';
+export type { EdsShellHeaderProps } from './eds-shell-header.js';
+export { EdsShellHeaderLogo } from './eds-shell-header-logo.js';
+export type { EdsShellHeaderLogoProps } from './eds-shell-header-logo.js';
+export { EdsShellHeaderEnvironment } from './eds-shell-header-environment.js';
+export type { EdsShellHeaderEnvironmentProps } from './eds-shell-header-environment.js';
+export { EdsShellHeaderApp } from './eds-shell-header-app.js';
+export type { EdsShellHeaderAppProps } from './eds-shell-header-app.js';
+export { EdsShellHeaderStart } from './eds-shell-header-start.js';
+export type { EdsShellHeaderStartProps } from './eds-shell-header-start.js';
+export { EdsShellHeaderEnd } from './eds-shell-header-end.js';
+export type { EdsShellHeaderEndProps } from './eds-shell-header-end.js';
+export { EdsShellToolbar } from './eds-shell-toolbar.js';
+export type { EdsShellToolbarProps } from './eds-shell-toolbar.js';
+export { EdsShellToolbarStart } from './eds-shell-toolbar-start.js';
+export type { EdsShellToolbarStartProps } from './eds-shell-toolbar-start.js';
+export { EdsShellToolbarEnd } from './eds-shell-toolbar-end.js';
+export type { EdsShellToolbarEndProps } from './eds-shell-toolbar-end.js';
+export { EdsShellToolbarCenter } from './eds-shell-toolbar-center.js';
+export type { EdsShellToolbarCenterProps } from './eds-shell-toolbar-center.js';
+export { EdsShellToolbarLogo } from './eds-shell-toolbar-logo.js';
+export type { EdsShellToolbarLogoProps } from './eds-shell-toolbar-logo.js';
+export { EdsShellToolbarEnvironment } from './eds-shell-toolbar-environment.js';
+export type { EdsShellToolbarEnvironmentProps } from './eds-shell-toolbar-environment.js';
+export { EdsShellToolbarApp } from './eds-shell-toolbar-app.js';
+export type { EdsShellToolbarAppProps } from './eds-shell-toolbar-app.js';
+export { EdsShellSidebar } from './eds-shell-sidebar.js';
+export type { EdsShellSidebarProps } from './eds-shell-sidebar.js';
+export { EdsShellSidebarHeader } from './eds-shell-sidebar-header.js';
+export type { EdsShellSidebarHeaderProps } from './eds-shell-sidebar-header.js';
+export { EdsShellSidebarNav } from './eds-shell-sidebar-nav.js';
+export type { EdsShellSidebarNavProps } from './eds-shell-sidebar-nav.js';
+export { EdsShellSidebarBottomNav } from './eds-shell-sidebar-bottom-nav.js';
+export type { EdsShellSidebarBottomNavProps } from './eds-shell-sidebar-bottom-nav.js';
+export { EdsShellSidebarFooter } from './eds-shell-sidebar-footer.js';
+export type { EdsShellSidebarFooterProps } from './eds-shell-sidebar-footer.js';
+export { EdsShellContent } from './eds-shell-content.js';
+export type { EdsShellContentProps } from './eds-shell-content.js';
+export { EdsShellFooter } from './eds-shell-footer.js';
+export type { EdsShellFooterProps } from './eds-shell-footer.js';
+export { EdsShellMenuToggle } from './eds-shell-menu-toggle.js';
+export type { EdsShellMenuToggleProps } from './eds-shell-menu-toggle.js';
+export { EdsShellTopMessage } from './eds-shell-top-message.js';
+export type { EdsShellTopMessageProps } from './eds-shell-top-message.js';
+export type { EdsMenuItem } from '../eds-menu/eds-menu-item.model.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/eds-shell/index.js

@@ -0,0 +1,25 @@
+export { EdsShell } from './eds-shell.js';
+export { EdsShellContext, useEdsShell } from './eds-shell-context.js';
+export { EdsShellHeader } from './eds-shell-header.js';
+export { EdsShellHeaderLogo } from './eds-shell-header-logo.js';
+export { EdsShellHeaderEnvironment } from './eds-shell-header-environment.js';
+export { EdsShellHeaderApp } from './eds-shell-header-app.js';
+export { EdsShellHeaderStart } from './eds-shell-header-start.js';
+export { EdsShellHeaderEnd } from './eds-shell-header-end.js';
+export { EdsShellToolbar } from './eds-shell-toolbar.js';
+export { EdsShellToolbarStart } from './eds-shell-toolbar-start.js';
+export { EdsShellToolbarEnd } from './eds-shell-toolbar-end.js';
+export { EdsShellToolbarCenter } from './eds-shell-toolbar-center.js';
+export { EdsShellToolbarLogo } from './eds-shell-toolbar-logo.js';
+export { EdsShellToolbarEnvironment } from './eds-shell-toolbar-environment.js';
+export { EdsShellToolbarApp } from './eds-shell-toolbar-app.js';
+export { EdsShellSidebar } from './eds-shell-sidebar.js';
+export { EdsShellSidebarHeader } from './eds-shell-sidebar-header.js';
+export { EdsShellSidebarNav } from './eds-shell-sidebar-nav.js';
+export { EdsShellSidebarBottomNav } from './eds-shell-sidebar-bottom-nav.js';
+export { EdsShellSidebarFooter } from './eds-shell-sidebar-footer.js';
+export { EdsShellContent } from './eds-shell-content.js';
+export { EdsShellFooter } from './eds-shell-footer.js';
+export { EdsShellMenuToggle } from './eds-shell-menu-toggle.js';
+export { EdsShellTopMessage } from './eds-shell-top-message.js';
+//# sourceMappingURL=index.js.map