@eui/eds-react 22.0.0-alpha.10

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export interface EdsShellHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the header shrinks on scroll. Currently unused. @default false */
+    isShrinkOnScroll?: boolean;
+    /** Logo slot (`eds-shell-header-logo`). */
+    logo?: React.ReactNode;
+    /** Environment ribbon slot (`eds-shell-header-environment`). */
+    environment?: React.ReactNode;
+    /** App name slot (`eds-shell-header-app`). */
+    app?: React.ReactNode;
+    /** Start slot (`eds-shell-header-start`). */
+    start?: React.ReactNode;
+    /** End slot (`eds-shell-header-end`). */
+    end?: React.ReactNode;
+    /** Default projected content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellHeader` — pure React port of the Angular `eds-shell-header`.
+ *
+ * Named slots map to props (`logo`, `environment`, `app`, `start`, `end`), rendered in the same
+ * structural position as the Angular template; default content maps to `children`.
+ */
+export declare const EdsShellHeader: React.ForwardRefExoticComponent<EdsShellHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gEAAgE;IAChE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,8CAA8C;IAC9C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,4FAsBzB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellHeader` — pure React port of the Angular `eds-shell-header`.
+ *
+ * Named slots map to props (`logo`, `environment`, `app`, `start`, `end`), rendered in the same
+ * structural position as the Angular template; default content maps to `children`.
+ */
+export const EdsShellHeader = React.forwardRef(function EdsShellHeader(
+// isShrinkOnScroll is kept for API parity with the Angular input but is unused (as in Angular).
+{ isShrinkOnScroll: _isShrinkOnScroll = false, logo, environment, app, start, end, children, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: className ? `eds-shell-header ${className}` : 'eds-shell-header', ...rest, children: [_jsxs("div", { className: "logo-wrapper", children: [logo, environment] }), app, start, _jsx("div", { className: "spacer" }), end, children] }));
+});
+//# sourceMappingURL=eds-shell-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-header.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAsC,SAAS,cAAc;AACvG,gGAAgG;AAChG,EAAE,gBAAgB,EAAE,iBAAiB,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACjH,GAAG;IAEH,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,SAAS,EAAE,CAAC,CAAC,CAAC,kBAAkB,KACvE,IAAI,aAER,eAAK,SAAS,EAAC,cAAc,aACxB,IAAI,EACJ,WAAW,IACV,EACL,GAAG,EACH,KAAK,EACN,cAAK,SAAS,EAAC,QAAQ,GAAO,EAC7B,GAAG,EACH,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-shell/eds-shell-menu-toggle.css

@@ -0,0 +1,4 @@
+.eds-shell-menu-toggle {
+    display: inline-flex;
+    color: var(--eds-c-on-surface-primary);
+}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface EdsShellMenuToggleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Called when the toggle button is clicked. If omitted, the toggle drives the enclosing
+     * `EdsShell` via context (the React analog of the Angular consumer wiring
+     * `(menuToggle)="shell.toggleSidebar()"`).
+     */
+    onMenuToggle?: () => void;
+}
+/**
+ * `EdsShellMenuToggle` — pure React port of the Angular `eds-shell-menu-toggle`.
+ * Wraps a brand-colored `EdsIconButton`. When placed inside an `EdsShell` (e.g. in the toolbar
+ * slot) it toggles the sidebar automatically; an explicit `onMenuToggle` overrides that.
+ */
+export declare const EdsShellMenuToggle: React.ForwardRefExoticComponent<EdsShellMenuToggleProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-menu-toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-menu-toggle.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-menu-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,gGAsB9B,CAAC"}

package/eds-shell/eds-shell-menu-toggle.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+import { useEdsShell } from './eds-shell-context.js';
+/**
+ * `EdsShellMenuToggle` — pure React port of the Angular `eds-shell-menu-toggle`.
+ * Wraps a brand-colored `EdsIconButton`. When placed inside an `EdsShell` (e.g. in the toolbar
+ * slot) it toggles the sidebar automatically; an explicit `onMenuToggle` overrides that.
+ */
+export const EdsShellMenuToggle = React.forwardRef(function EdsShellMenuToggle({ onMenuToggle, className, ...rest }, ref) {
+    const shell = useEdsShell();
+    const handleClick = () => {
+        if (onMenuToggle)
+            onMenuToggle();
+        else
+            shell?.toggleSidebar();
+    };
+    return (_jsx("div", { ref: ref, className: className ? `eds-shell-menu-toggle ${className}` : 'eds-shell-menu-toggle', ...rest, children: _jsx(EdsIconButton, { color: "brand", icon: "list:core", ariaLabel: "Toggle sidebar", onButtonClick: handleClick }) }));
+});
+//# sourceMappingURL=eds-shell-menu-toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-menu-toggle.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-menu-toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAWrD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAC9C,SAAS,kBAAkB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACjE,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,GAAS,EAAE;QAC3B,IAAI,YAAY;YAAE,YAAY,EAAE,CAAC;;YAC5B,KAAK,EAAE,aAAa,EAAE,CAAC;IAChC,CAAC,CAAC;IACF,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,yBAAyB,SAAS,EAAE,CAAC,CAAC,CAAC,uBAAuB,KACjF,IAAI,YAER,KAAC,aAAa,IACV,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,WAAW,EAChB,SAAS,EAAC,gBAAgB,EAC1B,aAAa,EAAE,WAAW,GAC5B,GACA,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell-sidebar-bottom-nav.css

@@ -0,0 +1,8 @@
+/* eds-shell-sidebar-bottom-nav — port of eds-shell-sidebar-bottom-nav.scss. :host -> .eds-shell-sidebar-bottom-nav. */
+
+.eds-shell-sidebar-bottom-nav {
+    display: block;
+    flex-shrink: 0;
+    border-top: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    padding: var(--eds-sp-xs) var(--eds-sp-none);
+}

package/eds-shell/eds-shell-sidebar-bottom-nav.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { EdsMenuItem } from '../eds-menu/eds-menu-item.model.js';
+export interface EdsShellSidebarBottomNavProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** Array of menu items to render. @default [] */
+    items?: EdsMenuItem[];
+    /** Whether to show icons alongside labels. @default false */
+    hasIcons?: boolean;
+    /** Whether the menu is in collapsed/icon-only mode. @default false */
+    isCollapsed?: boolean;
+    /** Whether to show labels underneath icons in collapsed mode. @default false */
+    hasCollapsedLabels?: boolean;
+    /** Emits when a menu item is clicked. */
+    onItemClick?: (item: EdsMenuItem) => void;
+}
+/**
+ * `EdsShellSidebarBottomNav` — pure React port of the Angular `eds-shell-sidebar-bottom-nav`.
+ * Same as `EdsShellSidebarNav` but pinned to the bottom with a top divider.
+ */
+export declare const EdsShellSidebarBottomNav: React.ForwardRefExoticComponent<EdsShellSidebarBottomNavProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-sidebar-bottom-nav.d.ts.map

package/eds-shell/eds-shell-sidebar-bottom-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar-bottom-nav.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar-bottom-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACxG,iDAAiD;IACjD,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,sGAqBpC,CAAC"}

package/eds-shell/eds-shell-sidebar-bottom-nav.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { EdsMenu } from '../eds-menu/eds-menu.js';
+/**
+ * `EdsShellSidebarBottomNav` — pure React port of the Angular `eds-shell-sidebar-bottom-nav`.
+ * Same as `EdsShellSidebarNav` but pinned to the bottom with a top divider.
+ */
+export const EdsShellSidebarBottomNav = React.forwardRef(function EdsShellSidebarBottomNav({ items = [], hasIcons = false, isCollapsed = false, hasCollapsedLabels = false, onItemClick, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-shell-sidebar-bottom-nav ${className}` : 'eds-shell-sidebar-bottom-nav', ...rest, children: _jsx(EdsMenu, { items: items, hasIcons: hasIcons, isCollapsed: isCollapsed, hasCollapsedLabels: hasCollapsedLabels, onItemClick: onItemClick }) }));
+});
+//# sourceMappingURL=eds-shell-sidebar-bottom-nav.js.map

package/eds-shell/eds-shell-sidebar-bottom-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar-bottom-nav.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar-bottom-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAgBlD;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACpD,SAAS,wBAAwB,CAC7B,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,GAAG,KAAK,EAAE,kBAAkB,GAAG,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAClH,GAAG;IAEH,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,gCAAgC,SAAS,EAAE,CAAC,CAAC,CAAC,8BAA8B,KAC/F,IAAI,YAER,KAAC,OAAO,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,GAC1B,GACA,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+/* eds-shell-sidebar-footer — port of eds-shell-sidebar-footer.scss. :host -> .eds-shell-sidebar-footer. */
+
+.eds-shell-sidebar-footer {
+    display: block;
+    padding: var(--eds-sp-s) var(--eds-sp-l);
+    border-top: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    font: var(--eds-f-microcopy-xs);
+    color: var(--eds-c-foreground-subtler);
+    white-space: nowrap;
+}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface EdsShellSidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellSidebarFooter` — pure React port of the Angular `eds-shell-sidebar-footer`.
+ * Pure content-projection wrapper with a top divider.
+ */
+export declare const EdsShellSidebarFooter: React.ForwardRefExoticComponent<EdsShellSidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-sidebar-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar-footer.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,mGAYjC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar-footer.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACjD,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,4BAA4B,SAAS,EAAE,CAAC,CAAC,CAAC,0BAA0B,KACvF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

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

@@ -0,0 +1,33 @@
+/* eds-shell-sidebar-header — port of eds-shell-sidebar-header.scss. :host -> .eds-shell-sidebar-header. */
+
+.eds-shell-sidebar-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--eds-sp-m) var(--eds-sp-l);
+    border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    min-height: var(--eds-si-7xl);
+    white-space: nowrap;
+}
+
+.eds-shell-sidebar-header .sidebar-brand {
+    font: var(--eds-f-label-m-semi-bold);
+    color: var(--eds-c-foreground-primary);
+}
+
+.eds-shell-sidebar-header .sidebar-close-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--eds-f-s-xl);
+    width: var(--eds-is-l);
+    height: var(--eds-is-l);
+    border: none;
+    background: none;
+    border-radius: var(--eds-br-s);
+    cursor: pointer;
+    color: var(--eds-c-foreground);
+}
+.eds-shell-sidebar-header .sidebar-close-btn:hover {
+    background: var(--eds-c-surface-elevation-sunken);
+}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface EdsShellSidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Brand/title text displayed in the sidebar header. @default '' */
+    brand?: string;
+    /** Whether to show the close button (shown in overlay mode). @default false */
+    showClose?: boolean;
+    /** Emits when the close button is clicked. */
+    onCloseClick?: () => void;
+    children?: React.ReactNode;
+}
+/**
+ * `EdsShellSidebarHeader` — pure React port of the Angular `eds-shell-sidebar-header`.
+ * Optional brand text, projected content, and an optional close button (overlay mode).
+ */
+export declare const EdsShellSidebarHeader: React.ForwardRefExoticComponent<EdsShellSidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-sidebar-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar-header.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,mGAuBjC,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellSidebarHeader` — pure React port of the Angular `eds-shell-sidebar-header`.
+ * Optional brand text, projected content, and an optional close button (overlay mode).
+ */
+export const EdsShellSidebarHeader = React.forwardRef(function EdsShellSidebarHeader({ brand = '', showClose = false, onCloseClick, children, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: className ? `eds-shell-sidebar-header ${className}` : 'eds-shell-sidebar-header', ...rest, children: [brand ? _jsx("span", { className: "sidebar-brand", children: brand }) : null, children, showClose ? (_jsx("button", { type: "button", className: "sidebar-close-btn", onClick: () => onCloseClick?.(), "aria-label": "Close sidebar", children: "\u00D7" })) : null] }));
+});
+//# sourceMappingURL=eds-shell-sidebar-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar-header.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar-header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACjD,SAAS,qBAAqB,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC7G,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,4BAA4B,SAAS,EAAE,CAAC,CAAC,CAAC,0BAA0B,KACvF,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,eAAe,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC7D,QAAQ,EACR,SAAS,CAAC,CAAC,CAAC,CACT,iBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,gBACpB,eAAe,uBAGrB,CACZ,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell-sidebar-nav.css

@@ -0,0 +1,9 @@
+/* eds-shell-sidebar-nav — port of eds-shell-sidebar-nav.scss. :host -> .eds-shell-sidebar-nav. */
+
+.eds-shell-sidebar-nav {
+    display: block;
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: var(--eds-sp-xs) var(--eds-sp-none);
+}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { EdsMenuItem } from '../eds-menu/eds-menu-item.model.js';
+export interface EdsShellSidebarNavProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** Array of menu items to render. @default [] */
+    items?: EdsMenuItem[];
+    /** Whether to show icons alongside labels. @default false */
+    hasIcons?: boolean;
+    /** Whether the menu is in collapsed/icon-only mode. @default false */
+    isCollapsed?: boolean;
+    /** Whether to show labels underneath icons in collapsed mode. @default false */
+    hasCollapsedLabels?: boolean;
+    /** Emits when a menu item is clicked. */
+    onItemClick?: (item: EdsMenuItem) => void;
+}
+/**
+ * `EdsShellSidebarNav` — pure React port of the Angular `eds-shell-sidebar-nav`.
+ * Wraps `EdsMenu` with the sidebar's scroll container styling.
+ */
+export declare const EdsShellSidebarNav: React.ForwardRefExoticComponent<EdsShellSidebarNavProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-sidebar-nav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar-nav.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAClG,iDAAiD;IACjD,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,gGAqB9B,CAAC"}

package/eds-shell/eds-shell-sidebar-nav.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { EdsMenu } from '../eds-menu/eds-menu.js';
+/**
+ * `EdsShellSidebarNav` — pure React port of the Angular `eds-shell-sidebar-nav`.
+ * Wraps `EdsMenu` with the sidebar's scroll container styling.
+ */
+export const EdsShellSidebarNav = React.forwardRef(function EdsShellSidebarNav({ items = [], hasIcons = false, isCollapsed = false, hasCollapsedLabels = false, onItemClick, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-shell-sidebar-nav ${className}` : 'eds-shell-sidebar-nav', ...rest, children: _jsx(EdsMenu, { items: items, hasIcons: hasIcons, isCollapsed: isCollapsed, hasCollapsedLabels: hasCollapsedLabels, onItemClick: onItemClick }) }));
+});
+//# sourceMappingURL=eds-shell-sidebar-nav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar-nav.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAgBlD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAC9C,SAAS,kBAAkB,CACvB,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,GAAG,KAAK,EAAE,kBAAkB,GAAG,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAClH,GAAG;IAEH,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,yBAAyB,SAAS,EAAE,CAAC,CAAC,CAAC,uBAAuB,KACjF,IAAI,YAER,KAAC,OAAO,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,GAC1B,GACA,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-shell/eds-shell-sidebar.css

@@ -0,0 +1,5 @@
+/* eds-shell-sidebar — pure React port of eds-shell-sidebar.scss. :host -> .eds-shell-sidebar. */
+
+.eds-shell-sidebar {
+    display: contents;
+}

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { EdsSidebarCollapseMode } from './eds-shell.js';
+export interface EdsShellSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Width of the sidebar (CSS value). Declared for API parity; width is controlled by the shell CSS. @default '260px' */
+    width?: string;
+    /** Collapse mode read by the parent EdsShell. @default 'hidden' */
+    collapseMode?: EdsSidebarCollapseMode;
+    /** Sidebar header slot (eds-shell-sidebar-header). */
+    header?: React.ReactNode;
+    /** Primary nav slot (eds-shell-sidebar-nav). */
+    nav?: React.ReactNode;
+    /** Bottom nav slot (eds-shell-sidebar-bottom-nav). */
+    bottomNav?: React.ReactNode;
+    /** Footer slot (eds-shell-sidebar-footer). */
+    footer?: React.ReactNode;
+}
+/**
+ * `EdsShellSidebar` — pure React port of the Angular `eds-shell-sidebar`.
+ *
+ * `display: contents` container (the visible `.sidebar` chrome lives on the shell's `<aside>`).
+ * Its four Angular `<ng-content select="…">` slots become the `header` / `nav` / `bottomNav` /
+ * `footer` props, rendered in the same order. `collapseMode` is read by the parent `EdsShell`.
+ */
+export declare const EdsShellSidebar: React.ForwardRefExoticComponent<EdsShellSidebarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAE7D,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,wHAAwH;IACxH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,sDAAsD;IACtD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,sDAAsD;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8CAA8C;IAC9C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,6FAiB1B,CAAC"}

package/eds-shell/eds-shell-sidebar.js

@@ -0,0 +1,15 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellSidebar` — pure React port of the Angular `eds-shell-sidebar`.
+ *
+ * `display: contents` container (the visible `.sidebar` chrome lives on the shell's `<aside>`).
+ * Its four Angular `<ng-content select="…">` slots become the `header` / `nav` / `bottomNav` /
+ * `footer` props, rendered in the same order. `collapseMode` is read by the parent `EdsShell`.
+ */
+export const EdsShellSidebar = React.forwardRef(function EdsShellSidebar(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+{ width = '260px', collapseMode = 'hidden', header, nav, bottomNav, footer, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: className ? `eds-shell-sidebar ${className}` : 'eds-shell-sidebar', ...rest, children: [header, nav, bottomNav, footer] }));
+});
+//# sourceMappingURL=eds-shell-sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-sidebar.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAuC,SAAS,eAAe;AAC1G,6DAA6D;AAC7D,EAAE,KAAK,GAAG,OAAO,EAAE,YAAY,GAAG,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAChG,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,MAAM,EACN,GAAG,EACH,SAAS,EACT,MAAM,IACL,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+.eds-shell-toolbar-app {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: var(--eds-sp-4xs);
+    min-width: 0;
+}
+
+.eds-shell-toolbar-app .app-name {
+    font: var(--eds-f-label-m-semi-bold);
+    color: inherit;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.eds-shell-toolbar-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-toolbar-app.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface EdsShellToolbarAppProps 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;
+}
+/**
+ * `EdsShellToolbarApp` — pure React port of the Angular `eds-shell-toolbar-app`.
+ */
+export declare const EdsShellToolbarApp: React.ForwardRefExoticComponent<EdsShellToolbarAppProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-shell-toolbar-app.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar-app.d.ts","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar-app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,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,kBAAkB,gGAkB9B,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsShellToolbarApp` — pure React port of the Angular `eds-shell-toolbar-app`.
+ */
+export const EdsShellToolbarApp = React.forwardRef(function EdsShellToolbarApp(
+// 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-toolbar-app ${className}` : 'eds-shell-toolbar-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-toolbar-app.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar-app.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar-app.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAC9C,SAAS,kBAAkB;AACvB,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,yBAAyB,SAAS,EAAE,CAAC,CAAC,CAAC,uBAAuB,KACjF,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-toolbar-center.css

@@ -0,0 +1,6 @@
+.eds-shell-toolbar-center {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    min-width: 0;
+}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar-center.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar-center.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACjD,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,4BAA4B,SAAS,EAAE,CAAC,CAAC,CAAC,0BAA0B,KACvF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

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

@@ -0,0 +1,23 @@
+.eds-shell-toolbar-end {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    color: var(--eds-c-on-surface-primary);
+    margin-left: auto;
+}
+
+.eds-shell-toolbar-end .toolbar-user-profile {
+    display: none;
+}
+
+@media (min-width: 768px) and (max-width: 1139px) {
+    .eds-shell-toolbar-end .toolbar-user-profile {
+        display: inline-flex;
+    }
+}
+
+@media (max-width: 767px) {
+    .eds-shell-toolbar-end .toolbar-user-profile {
+        display: inline-flex;
+    }
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+.eds-shell-toolbar-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-toolbar-environment.d.ts

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-shell-toolbar-environment.js","sourceRoot":"","sources":["../../src/eds-shell/eds-shell-toolbar-environment.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAGxD,SAAS,0BAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACvE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EACL,SAAS,CAAC,CAAC,CAAC,iCAAiC,SAAS,EAAE,CAAC,CAAC,CAAC,+BAA+B,KAE1F,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}