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

package/eds-page/eds-page-column.js

@@ -0,0 +1,62 @@
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { EdsPageColumnContext, useEdsPageColumns, } from './eds-page-column-context.js';
+/**
+ * `EdsPageColumn` — pure React port of the Angular `eds-page-column`.
+ *
+ * Individual column in a multi-column page layout. Reproduces the Angular `hostClasses()` BEM
+ * output verbatim (class-based source, guide rule 9): `eds-page-column`, the size class
+ * `eds-page-column--size-{s..4xl}` (from the `EdsSizeDirective` shorthands), and
+ * `eds-page-column--collapsed`. Collapse behavior ports the Angular signals/RxJS: `isCollapsed`
+ * seeds the local state, and when `isAutocloseOnContainerResize` + `autocloseContainerWidth`
+ * are set it subscribes to the enclosing `EdsPageColumns` width feed and auto-collapses. The
+ * header slot is always rendered; body/footer/children only when not collapsed (matching the
+ * Angular `@if (!collapsed())` template). Publishes `EdsPageColumnContext` so its
+ * `EdsPageColumnHeader` can read the collapsed/collapsible state and drive the toggle.
+ */
+export const EdsPageColumn = React.forwardRef(function EdsPageColumn({ size, isCollapsible = false, isCollapsed = false, collapseAriaLabel = 'Toggle column', isAutocloseOnContainerResize = false, autocloseContainerWidth = null, onCollapse, header, body, footer, children, className, ...rest }, ref) {
+    const [collapsed, setCollapsed] = useState(isCollapsed);
+    const columns = useEdsPageColumns();
+    // Angular ngOnInit: this.collapsed.set(this.isCollapsed()).
+    useEffect(() => {
+        setCollapsed(isCollapsed);
+    }, [isCollapsed]);
+    // Debounced auto-close on container resize (Angular width Subject + debounceTime(100)).
+    const timerRef = useRef(null);
+    useEffect(() => {
+        if (!columns || !isAutocloseOnContainerResize || !autocloseContainerWidth)
+            return;
+        const unsubscribe = columns.subscribeWidth((parentWidth) => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+            timerRef.current = setTimeout(() => {
+                if (parentWidth <= autocloseContainerWidth) {
+                    setCollapsed(true);
+                    onCollapse?.(true);
+                }
+            }, 100);
+        });
+        return () => {
+            unsubscribe();
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, [columns, isAutocloseOnContainerResize, autocloseContainerWidth, onCollapse]);
+    const onToggle = () => {
+        setCollapsed((v) => {
+            const next = !v;
+            onCollapse?.(next);
+            return next;
+        });
+    };
+    const rootClass = [
+        'eds-page-column',
+        collapsed ? 'eds-page-column--collapsed' : '',
+        size ? `eds-page-column--size-${size}` : '',
+        className ?? '',
+    ].filter(Boolean).join(' ');
+    const ctx = { collapsed, isCollapsible, collapseAriaLabel, onToggle };
+    return (_jsx(EdsPageColumnContext.Provider, { value: ctx, children: _jsxs("div", { ref: ref, className: rootClass, ...rest, children: [header, !collapsed ? (_jsxs(_Fragment, { children: [body, footer, children] })) : null] }) }));
+});
+//# sourceMappingURL=eds-page-column.js.map

package/eds-page/eds-page-column.js.map

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

package/eds-page/eds-page-columns.css

@@ -0,0 +1,14 @@
+.eds-page-columns {
+    display: flex;
+    flex: 1;
+    min-height: 0;
+    height: 100%;
+    overflow: hidden;
+}
+
+@media screen and (max-width: 767px) {
+    .eds-page-columns:not(.eds-page-columns--prevent-mobile-rendering) {
+        flex-direction: column;
+        overflow-y: auto;
+    }
+}

package/eds-page/eds-page-columns.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface EdsPageColumnsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Prevents automatic mobile responsive rendering of columns. When true, maintains the
+     * desktop column layout on mobile devices instead of stacking. @default false
+     */
+    hasPreventMobileRendering?: boolean;
+    /** One or more `EdsPageColumn` children. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageColumns` — pure React port of the Angular `eds-page-columns`.
+ *
+ * Container for multi-column page layouts. Reproduces the Angular `hostClasses()` BEM logic
+ * (`eds-page-columns--prevent-mobile-rendering`) and the `ResizeObserver` that publishes the
+ * container width, exposed to descendant columns via `EdsPageColumnsContext` (the React analog
+ * of the Angular `width` RxJS `Subject`) so a column can auto-collapse on resize.
+ */
+export declare const EdsPageColumns: React.ForwardRefExoticComponent<EdsPageColumnsProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-columns.d.ts.map

package/eds-page/eds-page-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-columns.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,4FAmDzB,CAAC"}

package/eds-page/eds-page-columns.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { EdsPageColumnsContext } from './eds-page-column-context.js';
+/**
+ * `EdsPageColumns` — pure React port of the Angular `eds-page-columns`.
+ *
+ * Container for multi-column page layouts. Reproduces the Angular `hostClasses()` BEM logic
+ * (`eds-page-columns--prevent-mobile-rendering`) and the `ResizeObserver` that publishes the
+ * container width, exposed to descendant columns via `EdsPageColumnsContext` (the React analog
+ * of the Angular `width` RxJS `Subject`) so a column can auto-collapse on resize.
+ */
+export const EdsPageColumns = React.forwardRef(function EdsPageColumns({ hasPreventMobileRendering = false, children, className, ...rest }, ref) {
+    const hostRef = useRef(null);
+    const listenersRef = useRef(new Set());
+    const setRefs = useCallback((node) => {
+        hostRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    // ResizeObserver → emit width to subscribed columns (Angular width Subject).
+    useEffect(() => {
+        const node = hostRef.current;
+        if (!node || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver((entries) => {
+            const width = entries[0].contentRect.width;
+            listenersRef.current.forEach((listener) => listener(width));
+        });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, []);
+    const ctx = useMemo(() => ({
+        subscribeWidth: (listener) => {
+            listenersRef.current.add(listener);
+            return () => listenersRef.current.delete(listener);
+        },
+    }), []);
+    const rootClass = [
+        'eds-page-columns',
+        hasPreventMobileRendering ? 'eds-page-columns--prevent-mobile-rendering' : '',
+        className ?? '',
+    ].filter(Boolean).join(' ');
+    return (_jsx(EdsPageColumnsContext.Provider, { value: ctx, children: _jsx("div", { ref: setRefs, className: rootClass, ...rest, children: children }) }));
+});
+//# sourceMappingURL=eds-page-columns.js.map

package/eds-page/eds-page-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-columns.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-columns.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAA8B,MAAM,8BAA8B,CAAC;AAYjG;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAsC,SAAS,cAAc,CACvG,EAAE,yBAAyB,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACnE,GAAG;IAEH,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAA+B,IAAI,GAAG,EAAE,CAAC,CAAC;IAErE,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,IAA2B,EAAE,EAAE;QAC5B,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC;aACpC,IAAI,GAAG;YAAG,GAAqD,CAAC,OAAO,GAAG,IAAI,CAAC;IACxF,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,6EAA6E;IAC7E,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE,OAAO;QAC3D,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5C,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YAC3C,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,OAAO,CACf,GAAG,EAAE,CAAC,CAAC;QACH,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE;YACzB,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACnC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACvD,CAAC;KACJ,CAAC,EACF,EAAE,CACL,CAAC;IAEF,MAAM,SAAS,GAAG;QACd,kBAAkB;QAClB,yBAAyB,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC,CAAC,EAAE;QAC7E,SAAS,IAAI,EAAE;KAClB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACH,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YACtC,cAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,YAC5C,QAAQ,GACP,GACuB,CACpC,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-page/eds-page-content.css

@@ -0,0 +1,14 @@
+.eds-page-content {
+    display: block;
+    flex: 1;
+    min-height: 0;
+    padding: var(--eds-sp-2xs) var(--eds-sp-m) var(--eds-sp-m) var(--eds-sp-m);
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+.eds-page-content:has(.eds-page-columns) {
+    padding: 0;
+    overflow: hidden;
+}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Main page content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageContent` — pure React port of the Angular `eds-page-content`.
+ * Scrollable main content region. Sets the static `role="main"` landmark.
+ */
+export declare const EdsPageContent: React.ForwardRefExoticComponent<EdsPageContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-content.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,4FAa1B,CAAC"}

package/eds-page/eds-page-content.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsPageContent` — pure React port of the Angular `eds-page-content`.
+ * Scrollable main content region. Sets the static `role="main"` landmark.
+ */
+export const EdsPageContent = React.forwardRef(function EdsPageContent({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-page-content ${className}` : 'eds-page-content', role: "main", ...rest, children: children }));
+});
+//# sourceMappingURL=eds-page-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-content.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-content.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACzD,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,SAAS,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAC3E,IAAI,EAAC,MAAM,KACP,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-page/eds-page-footer.css

@@ -0,0 +1,15 @@
+.eds-page-footer {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    flex-shrink: 0;
+    padding: var(--eds-sp-m) var(--eds-sp-none);
+    border-top: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+}
+
+.eds-page-footer.highlighted {
+    background: var(--eds-c-surface-elevation-raised);
+    padding: var(--eds-sp-m);
+    border-radius: var(--eds-br-s);
+    border-top: none;
+}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface EdsPageFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Adds visual emphasis to the footer. @default false */
+    highlighted?: boolean;
+    /** Footer content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageFooter` — pure React port of the Angular `eds-page-footer`.
+ * Content-projection wrapper for the page footer. The `highlighted` input maps to the
+ * `highlighted` class the Angular host block toggled (`[class.highlighted]`).
+ */
+export declare const EdsPageFooter: React.ForwardRefExoticComponent<EdsPageFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-footer.d.ts.map

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

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

package/eds-page/eds-page-footer.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsPageFooter` — pure React port of the Angular `eds-page-footer`.
+ * Content-projection wrapper for the page footer. The `highlighted` input maps to the
+ * `highlighted` class the Angular host block toggled (`[class.highlighted]`).
+ */
+export const EdsPageFooter = React.forwardRef(function EdsPageFooter({ highlighted = false, children, className, ...rest }, ref) {
+    const rootClass = [
+        'eds-page-footer',
+        highlighted ? 'highlighted' : '',
+        className ?? '',
+    ].filter(Boolean).join(' ');
+    return (_jsx("div", { ref: ref, className: rootClass, ...rest, children: children }));
+});
+//# sourceMappingURL=eds-page-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-footer.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,aAAa,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC7E,MAAM,SAAS,GAAG;QACd,iBAAiB;QACjB,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;QAChC,SAAS,IAAI,EAAE;KAClB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,YACxC,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-page/eds-page-header-action-items.css

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

package/eds-page/eds-page-header-action-items.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageHeaderActionItemsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Action items (buttons, controls) content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageHeaderActionItems` — pure React port of the Angular `eds-page-header-action-items`.
+ * Pure content-projection wrapper for the page header's action controls.
+ */
+export declare const EdsPageHeaderActionItems: React.ForwardRefExoticComponent<EdsPageHeaderActionItemsProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header-action-items.d.ts.map

package/eds-page/eds-page-header-action-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-action-items.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-action-items.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,sGAYpC,CAAC"}

package/eds-page/eds-page-header-action-items.js

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

package/eds-page/eds-page-header-action-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-action-items.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-action-items.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACpD,SAAS,wBAAwB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACnE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,gCAAgC,SAAS,EAAE,CAAC,CAAC,CAAC,8BAA8B,KAC/F,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-page/eds-page-header-body.css

@@ -0,0 +1,4 @@
+.eds-page-header-body {
+    display: block;
+    padding-top: var(--eds-sp-xs);
+}

package/eds-page/eds-page-header-body.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageHeaderBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Header body content revealed under the header top row. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageHeaderBody` — pure React port of the Angular `eds-page-header-body`.
+ * Pure content-projection wrapper for the collapsible header body region.
+ */
+export declare const EdsPageHeaderBody: React.ForwardRefExoticComponent<EdsPageHeaderBodyProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header-body.d.ts.map

package/eds-page/eds-page-header-body.d.ts.map

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

package/eds-page/eds-page-header-body.js

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

package/eds-page/eds-page-header-body.js.map

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

@@ -0,0 +1,7 @@
+.eds-page-header-label {
+    display: block;
+    font: var(--eds-f-heading-m);
+    letter-spacing: var(--eds-f-ls-4xl);
+    color: var(--eds-c-foreground);
+    margin: 0;
+}

package/eds-page/eds-page-header-label.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageHeaderLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Header title content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageHeaderLabel` — pure React port of the Angular `eds-page-header-label`.
+ * Pure content-projection wrapper for the page header's primary title.
+ */
+export declare const EdsPageHeaderLabel: React.ForwardRefExoticComponent<EdsPageHeaderLabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header-label.d.ts.map

package/eds-page/eds-page-header-label.d.ts.map

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

package/eds-page/eds-page-header-label.js

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

package/eds-page/eds-page-header-label.js.map

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

@@ -0,0 +1,8 @@
+.eds-page-header-sublabel {
+    display: flex;
+    flex-direction: column;
+    gap: var(--eds-sp-3xs);
+    font: var(--eds-f-paragraph-m);
+    color: var(--eds-c-foreground-subtler);
+    margin: 0;
+}

package/eds-page/eds-page-header-sublabel.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageHeaderSublabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Header subtitle content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageHeaderSublabel` — pure React port of the Angular `eds-page-header-sublabel`.
+ * Pure content-projection wrapper for the page header's secondary text.
+ */
+export declare const EdsPageHeaderSublabel: React.ForwardRefExoticComponent<EdsPageHeaderSublabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header-sublabel.d.ts.map

package/eds-page/eds-page-header-sublabel.d.ts.map

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

package/eds-page/eds-page-header-sublabel.js

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

package/eds-page/eds-page-header-sublabel.js.map

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

@@ -0,0 +1,82 @@
+.eds-page-header {
+    display: flex;
+    flex-direction: column;
+    gap: var(--eds-sp-xs);
+    flex-shrink: 0;
+    padding: var(--eds-sp-m) var(--eds-sp-m) var(--eds-sp-2xs) var(--eds-sp-m);
+}
+
+.eds-page-header .header-top {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--eds-sp-m);
+}
+
+.eds-page-header .header-top.multilines {
+    flex-wrap: wrap;
+}
+
+.eds-page-header .header-labels {
+    display: flex;
+    flex-direction: column;
+    gap: var(--eds-sp-3xs);
+    min-width: 0;
+}
+
+.eds-page-header .header-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    flex-shrink: 0;
+}
+
+.eds-page-header .collapse-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    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-subtler);
+    transition: background 0.15s ease;
+}
+
+.eds-page-header .collapse-toggle:hover {
+    background: var(--eds-c-surface-elevation-sunken);
+}
+
+.eds-page-header .collapse-toggle .eds-icon {
+    transition: transform 0.2s ease;
+}
+
+.eds-page-header .collapse-toggle .eds-icon.collapsed-icon {
+    transform: rotate(-90deg);
+}
+
+.eds-page-header .eds-icon-button {
+    transition: transform 0.2s ease;
+}
+
+.eds-page-header .eds-icon-button.collapsed-icon {
+    transform: rotate(-90deg);
+}
+
+.eds-page-header .header-body-wrapper {
+    display: grid;
+    grid-template-rows: 1fr;
+    transition: grid-template-rows 200ms ease;
+    overflow: hidden;
+}
+
+.eds-page-header .header-body-wrapper .header-body-inner {
+    min-height: 0;
+    overflow: hidden;
+}
+
+.eds-page-header .header-body-wrapper.header-body-wrapper--collapsed {
+    grid-template-rows: 0fr;
+}

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export interface EdsPageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Enables expand/collapse functionality for the page header. @default false */
+    isCollapsible?: boolean;
+    /** Controls the initial collapsed state of the header. @default false */
+    isCollapsed?: boolean;
+    /** Enables multi-line layout mode for headers with extensive content. @default false */
+    isHeaderMultilines?: boolean;
+    /** Accessible label for the toggle button when the header is collapsed. @default 'Expand' */
+    collapsedLabel?: string;
+    /** Accessible label for the toggle button when the header is expanded. @default 'Collapse' */
+    expandedLabel?: string;
+    /** Emitted when the header's collapsed state changes. */
+    onCollapse?: (collapsed: boolean) => void;
+    /** Header title slot (`eds-page-header-label`). */
+    label?: React.ReactNode;
+    /** Header subtitle slot (`eds-page-header-sublabel`). */
+    sublabel?: React.ReactNode;
+    /** Header action-items slot (`eds-page-header-action-items`). */
+    actionItems?: React.ReactNode;
+    /** Collapsible header body slot (`eds-page-header-body`). */
+    body?: React.ReactNode;
+}
+/**
+ * `EdsPageHeader` — pure React port of the Angular `eds-page-header`.
+ *
+ * Page header with title/subtitle labels, action items, and an optional collapsible body.
+ * The Angular `<ng-content select="…">` slots map to the `label` / `sublabel` / `actionItems`
+ * / `body` props. Reproduces the collapse behavior with hooks: `isCollapsed` seeds the local
+ * collapsed state (Angular `effect` syncing `isCollapsed` → internal signal), and the toggle
+ * button flips it and fires `onCollapse`.
+ */
+export declare const EdsPageHeader: React.ForwardRefExoticComponent<EdsPageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wFAAwF;IACxF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6FAA6F;IAC7F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,2FAgExB,CAAC"}

package/eds-page/eds-page-header.js

@@ -0,0 +1,29 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+/**
+ * `EdsPageHeader` — pure React port of the Angular `eds-page-header`.
+ *
+ * Page header with title/subtitle labels, action items, and an optional collapsible body.
+ * The Angular `<ng-content select="…">` slots map to the `label` / `sublabel` / `actionItems`
+ * / `body` props. Reproduces the collapse behavior with hooks: `isCollapsed` seeds the local
+ * collapsed state (Angular `effect` syncing `isCollapsed` → internal signal), and the toggle
+ * button flips it and fires `onCollapse`.
+ */
+export const EdsPageHeader = React.forwardRef(function EdsPageHeader({ isCollapsible = false, isCollapsed = false, isHeaderMultilines = false, collapsedLabel = 'Expand', expandedLabel = 'Collapse', onCollapse, label, sublabel, actionItems, body, className, ...rest }, ref) {
+    const [collapsed, setCollapsed] = useState(isCollapsed);
+    // Angular effect: this.collapsed.set(this.isCollapsed())
+    useEffect(() => {
+        setCollapsed(isCollapsed);
+    }, [isCollapsed]);
+    const toggleCollapse = () => {
+        setCollapsed((v) => {
+            const next = !v;
+            onCollapse?.(next);
+            return next;
+        });
+    };
+    return (_jsxs("div", { ref: ref, className: className ? `eds-page-header ${className}` : 'eds-page-header', ...rest, children: [_jsxs("div", { className: `header-top${isHeaderMultilines ? ' multilines' : ''}`, children: [_jsxs("div", { className: "header-labels", children: [label, sublabel] }), _jsxs("div", { className: "header-actions", children: [actionItems, isCollapsible ? (_jsx(EdsIconButton, { icon: "caret-down:core", "aria-expanded": !collapsed, ariaLabel: collapsed ? collapsedLabel : expandedLabel, className: collapsed ? 'collapsed-icon' : undefined, onButtonClick: toggleCollapse })) : null] })] }), _jsx("div", { className: `header-body-wrapper${collapsed ? ' header-body-wrapper--collapsed' : ''}`, children: _jsx("div", { className: "header-body-inner", children: body }) })] }));
+});
+//# sourceMappingURL=eds-page-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAyBtE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EACI,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,KAAK,EACnB,kBAAkB,GAAG,KAAK,EAC1B,cAAc,GAAG,QAAQ,EACzB,aAAa,GAAG,UAAU,EAC1B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAExD,yDAAyD;IACzD,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,GAAS,EAAE;QAC9B,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;YACf,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC;YAChB,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,KACrE,IAAI,aAER,eAAK,SAAS,EAAE,aAAa,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,aAClE,eAAK,SAAS,EAAC,eAAe,aACzB,KAAK,EACL,QAAQ,IACP,EAEN,eAAK,SAAS,EAAC,gBAAgB,aAC1B,WAAW,EAEX,aAAa,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IACV,IAAI,EAAC,iBAAiB,mBACP,CAAC,SAAS,EACzB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACrD,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACnD,aAAa,EAAE,cAAc,GAC/B,CACL,CAAC,CAAC,CAAC,IAAI,IACN,IACJ,EAEN,cAAK,SAAS,EAAE,sBAAsB,SAAS,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE,YACtF,cAAK,SAAS,EAAC,mBAAmB,YAAE,IAAI,GAAO,GAC7C,IACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-page/eds-page.css

@@ -0,0 +1,6 @@
+.eds-page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+}

package/eds-page/eds-page.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface EdsPageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
+    /** Breadcrumb slot (`eds-page-breadcrumb`). */
+    breadcrumb?: React.ReactNode;
+    /** Header slot (`eds-page-header`). */
+    header?: React.ReactNode;
+    /** Main content slot (`eds-page-content`). */
+    content?: React.ReactNode;
+    /** Columns layout slot (`eds-page-columns`). */
+    columns?: React.ReactNode;
+    /** Footer slot (`eds-page-footer`). */
+    footer?: React.ReactNode;
+    /** Additional default-slot content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPage` — pure React port of the Angular `eds-page`.
+ *
+ * Full-height page layout container. The Angular template projects five element-selector
+ * slots in a fixed order (breadcrumb → header → content → columns → footer); each maps to a
+ * named prop and renders in the same order. Extra `children` render after the footer.
+ */
+export declare const EdsPage: React.ForwardRefExoticComponent<EdsPageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page.d.ts.map