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

package/eds-banner/eds-banner.js

@@ -0,0 +1,113 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { EdsBannerPicture } from './eds-banner-picture.js';
+import { EdsBannerVideo } from './eds-banner-video.js';
+/** Resolved size — first boolean that is true wins, otherwise `edsSizeVariant`, otherwise 'm'. */
+function resolveSize(xs, s, m, l, variant) {
+    if (xs)
+        return 'xs';
+    if (s)
+        return 's';
+    if (m)
+        return 'm';
+    if (l)
+        return 'l';
+    return variant || 'm';
+}
+/** Resolved box background — first boolean that is true wins, otherwise 'light'. */
+function resolveBoxBackground(none, dark, light) {
+    if (none)
+        return 'none';
+    if (dark)
+        return 'dark';
+    if (light)
+        return 'light';
+    return 'light';
+}
+/**
+ * `EdsBanner` — pure React port of the Angular `eds-banner`.
+ *
+ * A prominent banner with an optional image (`EdsBannerPicture` + `EdsBannerImage`) or video
+ * (`EdsBannerVideo`) background, plus title / description / CTA content. Media presence is
+ * detected from `children` (mirrors the Angular `contentChild` queries). This component keeps
+ * the Angular class-based host model (`hostClasses()` BEM string) verbatim — variants are
+ * driven by `.eds-banner--*` classes, not `data-*` attributes — so the ported CSS matches the
+ * Angular SCSS `:host(.eds-banner--…)` selectors 1:1.
+ */
+export const EdsBanner = React.forwardRef(function EdsBanner({ e2eAttr = 'eds-banner', ariaLabel = 'Banner', edsSizeXS = false, edsSizeS = false, edsSizeM = false, edsSizeL = false, edsSizeVariant = '', hasLightBackground = false, hasDarkBackground = false, hasNoBackground = false, fontColor = 'dark', fontSize = 'm', fontWeight = 'light', horizontalAlignment = 'left', verticalAlignment = 'center', copyright = '', isFullWidth = false, hasOverlay = false, children, className, style, ...rest }, ref) {
+    const [isPlaying, setIsPlaying] = useState(true);
+    const [bannerFooterHeight] = useState(null);
+    const videoRef = useRef(null);
+    // Partition children: media (picture/video) render in their containers; everything else
+    // (title/description/cta + extra content) renders in the content column (mirrors the
+    // Angular multi-`<ng-content select>` template).
+    let pictureNode = null;
+    let videoNode = null;
+    const contentNodes = [];
+    React.Children.forEach(children, (child) => {
+        if (React.isValidElement(child)) {
+            if (child.type === EdsBannerPicture) {
+                pictureNode = child;
+                return;
+            }
+            if (child.type === EdsBannerVideo) {
+                videoNode = child;
+                return;
+            }
+        }
+        contentNodes.push(child);
+    });
+    const hasImage = pictureNode !== null;
+    const hasVideo = videoNode !== null;
+    const hasMedia = hasImage || hasVideo;
+    // Angular directive behavior: auto-play/mute/loop, remove native controls, and track the
+    // play/pause state via the video element's events.
+    useEffect(() => {
+        const videoEl = videoRef.current;
+        if (!videoEl)
+            return;
+        const onPlay = () => setIsPlaying(true);
+        const onPause = () => setIsPlaying(false);
+        videoEl.addEventListener('play', onPlay);
+        videoEl.addEventListener('pause', onPause);
+        videoEl.muted = true;
+        videoEl.loop = true;
+        videoEl.autoplay = true;
+        videoEl.removeAttribute('controls');
+        return () => {
+            videoEl.removeEventListener('play', onPlay);
+            videoEl.removeEventListener('pause', onPause);
+        };
+    }, [hasVideo]);
+    const onVideoPlay = () => {
+        videoRef.current?.play();
+    };
+    const onVideoPause = () => {
+        videoRef.current?.pause();
+    };
+    const resolvedSize = resolveSize(edsSizeXS, edsSizeS, edsSizeM, edsSizeL, edsSizeVariant);
+    const resolvedBoxBackground = resolveBoxBackground(hasNoBackground, hasDarkBackground, hasLightBackground);
+    const hostClasses = [
+        'eds-banner',
+        `eds-banner--${resolvedSize}`,
+        `eds-banner--font-${fontSize}`,
+        `eds-banner--font-weight-${fontWeight}`,
+        `eds-banner--box-bg-${resolvedBoxBackground}`,
+        `eds-banner--h-${horizontalAlignment}`,
+        `eds-banner--v-${verticalAlignment}`,
+        `eds-banner--color-${fontColor}`,
+        isFullWidth ? 'eds-banner--full-width' : '',
+        !hasMedia ? 'eds-banner--no-media' : '',
+        hasOverlay ? 'eds-banner--overlay' : '',
+    ]
+        .join(' ')
+        .trim();
+    const rootStyle = {
+        ...style,
+        '--banner-footer-height': `${bannerFooterHeight ?? 0}px`,
+    };
+    return (_jsxs("div", { ref: ref, className: className ? `${hostClasses} ${className}` : hostClasses, role: "region", "aria-label": ariaLabel, "data-e2e": e2eAttr, style: rootStyle, ...rest, children: [hasImage && (_jsxs("figure", { className: "eds-banner__picture-container", role: "presentation", "aria-hidden": "true", children: [pictureNode, copyright && (_jsx("footer", { className: "eds-banner__credit", children: _jsxs("div", { className: "eds-banner__credit-container", children: ["\u00A9 ", copyright] }) }))] })), hasVideo && videoNode && (_jsxs("div", { className: "eds-banner__video-container", children: [React.cloneElement(videoNode, { ref: videoRef }), copyright && (_jsx("footer", { className: "eds-banner__credit", children: _jsxs("div", { className: "eds-banner__credit-container", children: ["\u00A9 ", copyright] }) })), _jsx("button", { className: "eds-banner__play", style: { display: isPlaying ? 'none' : 'flex' }, onClick: onVideoPlay, "aria-label": "Play video", type: "button", children: _jsx(EdsIcon, { icon: "play", size: "m" }) }), _jsx("button", { className: "eds-banner__pause", style: { display: isPlaying ? 'flex' : 'none' }, onClick: onVideoPause, "aria-label": "Pause video", type: "button", children: _jsx(EdsIcon, { icon: "pause", size: "m" }) })] })), _jsx("div", { className: "eds-banner__info", children: _jsx("div", { className: "eds-banner__container", children: _jsx("div", { className: "eds-banner__content", children: contentNodes }) }) })] }));
+});
+//# sourceMappingURL=eds-banner.js.map

package/eds-banner/eds-banner.js.map

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

package/eds-banner/index.d.ts

@@ -0,0 +1,13 @@
+export { EdsBanner } from './eds-banner.js';
+export type { EdsBannerProps, EdsBannerSize, EdsBannerFontColor, EdsBannerFontSize, EdsBannerFontWeight, EdsBannerHorizontalAlignment, EdsBannerVerticalAlignment, } from './eds-banner.js';
+export { EdsBannerTitle } from './eds-banner-title.js';
+export type { EdsBannerTitleProps } from './eds-banner-title.js';
+export { EdsBannerDescription } from './eds-banner-description.js';
+export type { EdsBannerDescriptionProps } from './eds-banner-description.js';
+export { EdsBannerCta } from './eds-banner-cta.js';
+export type { EdsBannerCtaProps } from './eds-banner-cta.js';
+export { EdsBannerPicture, EdsBannerImage } from './eds-banner-picture.js';
+export type { EdsBannerPictureProps, EdsBannerImageProps } from './eds-banner-picture.js';
+export { EdsBannerVideo } from './eds-banner-video.js';
+export type { EdsBannerVideoProps } from './eds-banner-video.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EACR,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,4BAA4B,EAC5B,0BAA0B,GAC7B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/eds-banner/index.js

@@ -0,0 +1,7 @@
+export { EdsBanner } from './eds-banner.js';
+export { EdsBannerTitle } from './eds-banner-title.js';
+export { EdsBannerDescription } from './eds-banner-description.js';
+export { EdsBannerCta } from './eds-banner-cta.js';
+export { EdsBannerPicture, EdsBannerImage } from './eds-banner-picture.js';
+export { EdsBannerVideo } from './eds-banner-video.js';
+//# sourceMappingURL=index.js.map

package/eds-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAU5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/eds-block-content/eds-block-content.css

@@ -0,0 +1,64 @@
+/* Pure-React port of eds-block-content.scss (1:1). */
+
+.eds-block-content {
+    display: block;
+    position: relative;
+}
+
+.eds-block-content .eds-sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+}
+
+.eds-block-content.eds-block-content--blocked {
+    min-height: 114px;
+}
+
+.eds-block-content.eds-block-content--blocked::before {
+    border-top: var(--eds-bw-m) solid currentcolor;
+    border-right: var(--eds-bw-m) solid currentcolor;
+    border-bottom-style: solid;
+    border-left-style: solid;
+    border-radius: var(--eds-br-full);
+    border-bottom-width: var(--eds-bw-m);
+    border-left-width: var(--eds-bw-m);
+    border-bottom-color: var(--eds-c-border-divider);
+    border-left-color: var(--eds-c-border-divider);
+    color: var(--eds-c-foreground-primary);
+    animation: eds-spin 0.65s linear infinite;
+    display: block;
+    height: 80px;
+    left: 50%;
+    margin: -40px 0 0 -40px;
+    top: 50%;
+    content: "";
+    position: absolute;
+    width: 80px;
+    z-index: 100;
+}
+
+.eds-block-content.eds-block-content--blocked::after {
+    background-color: rgba(255, 255, 255, 0.4);
+    content: '';
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+@keyframes eds-spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface EdsBlockContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** ARIA role for the content wrapper. @default 'region' */
+    role?: string;
+    /**
+     * ARIA label for the content wrapper.
+     * Should describe the content being blocked (e.g., 'Search results', 'User form').
+     * @default 'block content wrapper'
+     */
+    ariaLabel?: string;
+    /**
+     * Whether the content is currently blocked.
+     * When true, a spinner overlay is shown and focused elements are blurred.
+     * @default false
+     */
+    isBlocked?: boolean;
+    /** Data attribute value for end-to-end testing identification. @default 'eds-block-content' */
+    e2eAttr?: string;
+    children?: React.ReactNode;
+}
+export declare const EdsBlockContent: React.ForwardRefExoticComponent<EdsBlockContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-block-content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-block-content.d.ts","sourceRoot":"","sources":["../../src/eds-block-content/eds-block-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,6FAoE3B,CAAC"}

package/eds-block-content/eds-block-content.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useImperativeHandle, useRef } from 'react';
+export const EdsBlockContent = React.forwardRef(function EdsBlockContent({ role = 'region', ariaLabel = 'block content wrapper', isBlocked = false, e2eAttr = 'eds-block-content', children, className, ...rest }, ref) {
+    // The root element is the component; expose it via the forwarded ref while
+    // keeping an internal ref for the focus-management effect.
+    const rootRef = useRef(null);
+    useImperativeHandle(ref, () => rootRef.current, []);
+    // Mirrors the Angular effect: blur the focused element when blocked, restore
+    // focus to the previously focused element when unblocked.
+    const previousBlocked = useRef(false);
+    const lastActiveElement = useRef(null);
+    useEffect(() => {
+        const host = rootRef.current;
+        if (!host)
+            return;
+        const activeElement = host.querySelector(':focus');
+        if (isBlocked && !previousBlocked.current) {
+            if (activeElement) {
+                activeElement.blur();
+                lastActiveElement.current = activeElement;
+            }
+            else {
+                lastActiveElement.current = null;
+            }
+        }
+        else if (!isBlocked && previousBlocked.current) {
+            lastActiveElement.current?.focus();
+        }
+        previousBlocked.current = isBlocked;
+    }, [isBlocked]);
+    const hostClass = ['eds-block-content', isBlocked ? 'eds-block-content--blocked' : '']
+        .join(' ')
+        .trim();
+    return (_jsxs("div", { ref: rootRef, className: className ? `${hostClass} ${className}` : hostClass, role: role, "aria-label": ariaLabel, "aria-busy": isBlocked, "aria-disabled": isBlocked || undefined, inert: isBlocked || undefined, "data-e2e": e2eAttr, ...rest, children: [children, isBlocked && (_jsx("span", { className: "eds-sr-only", "aria-live": "polite", children: "Loading" }))] }));
+});
+//# sourceMappingURL=eds-block-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-block-content.js","sourceRoot":"","sources":["../../src/eds-block-content/eds-block-content.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAsB/D,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC3C,SAAS,eAAe,CACpB,EACI,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,uBAAuB,EACnC,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,mBAAmB,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,2EAA2E;IAC3E,2DAA2D;IAC3D,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAyB,EAAE,EAAE,CAAC,CAAC;IAEtE,6EAA6E;IAC7E,0DAA0D;IAC1D,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,iBAAiB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAc,QAAQ,CAAC,CAAC;QAEhE,IAAI,SAAS,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YACxC,IAAI,aAAa,EAAE,CAAC;gBAChB,aAAa,CAAC,IAAI,EAAE,CAAC;gBACrB,iBAAiB,CAAC,OAAO,GAAG,aAAa,CAAC;YAC9C,CAAC;iBAAM,CAAC;gBACJ,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;YACrC,CAAC;QACL,CAAC;aAAM,IAAI,CAAC,SAAS,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC/C,iBAAiB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACvC,CAAC;QAED,eAAe,CAAC,OAAO,GAAG,SAAS,CAAC;IACxC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,SAAS,GAAG,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;SACjF,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;IAEZ,OAAO,CACH,eACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9D,IAAI,EAAE,IAAI,gBACE,SAAS,eACV,SAAS,mBACL,SAAS,IAAI,SAAS,EACrC,KAAK,EAAE,SAAS,IAAI,SAAS,cACnB,OAAO,KACb,IAAI,aAEP,QAAQ,EACR,SAAS,IAAI,CACV,eAAM,SAAS,EAAC,aAAa,eAAW,QAAQ,wBAEzC,CACV,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-block-content/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsBlockContent } from './eds-block-content.js';
+export type { EdsBlockContentProps } from './eds-block-content.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-block-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-block-content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/eds-block-content/index.js

@@ -0,0 +1,2 @@
+export { EdsBlockContent } from './eds-block-content.js';
+//# sourceMappingURL=index.js.map

package/eds-block-content/index.js.map

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

package/eds-block-document/eds-block-document.css

@@ -0,0 +1,55 @@
+/* 1:1 port of eds-block-document.scss (Angular) — attribute/class-scoped light-DOM CSS.
+   :host -> .eds-block-document ; :host.eds-block-document--blocked -> compound class. */
+
+.eds-block-document {
+    display: none;
+    pointer-events: none;
+}
+
+.eds-block-document .eds-block-document__overlay {
+    position: fixed;
+    inset: 0;
+    z-index: 10020;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(0, 0, 0, 0.1);
+    pointer-events: all;
+}
+
+.eds-block-document .eds-block-document__spinner {
+    width: 120px;
+    height: 120px;
+    border-radius: var(--eds-br-full);
+    border-top: var(--eds-bw-m) solid var(--eds-c-surface-primary);
+    border-right: var(--eds-bw-m) solid var(--eds-c-surface-primary);
+    border-bottom: var(--eds-bw-m) solid var(--eds-c-border-divider);
+    border-left: var(--eds-bw-m) solid var(--eds-c-border-divider);
+    animation: eds-block-document-spin 0.65s linear infinite;
+}
+
+.eds-block-document .eds-u-sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+}
+
+.eds-block-document.eds-block-document--blocked {
+    display: block;
+}
+
+@keyframes eds-block-document-spin {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}

package/eds-block-document/eds-block-document.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface EdsBlockDocumentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Data attribute value for end-to-end testing identification.
+     * @default 'eds-block-document'
+     */
+    e2eAttr?: string;
+    /**
+     * Controls whether the document is in blocked state.
+     * When true, displays the full-page loading indicator overlay and
+     * prevents interaction with underlying content.
+     *
+     * In Angular this state can also come from `EdsShellService.isBlockDocumentActive()`;
+     * the pure-React library is service-agnostic, so the blocked state is driven entirely
+     * by this prop and the host app owns the centralized state.
+     * @default false
+     */
+    isBlocked?: boolean;
+    /**
+     * Accessible label for the loading status announcement.
+     * @default 'Loading, please wait'
+     */
+    ariaLabel?: string;
+    children?: React.ReactNode;
+}
+export declare const EdsBlockDocument: React.ForwardRefExoticComponent<EdsBlockDocumentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-block-document.d.ts.map

package/eds-block-document/eds-block-document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-block-document.d.ts","sourceRoot":"","sources":["../../src/eds-block-document/eds-block-document.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,gBAAgB,8FA6C5B,CAAC"}

package/eds-block-document/eds-block-document.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+export const EdsBlockDocument = React.forwardRef(function EdsBlockDocument({ e2eAttr = 'eds-block-document', isBlocked = false, ariaLabel = 'Loading, please wait', className, ...rest }, ref) {
+    // Angular's `isActive` = `isBlocked() || shellService.isBlockDocumentActive()`.
+    // No shell service exists in the pure-React library, so the active state is the
+    // `isBlocked` prop alone (the host app supplies centralized state through it).
+    const isActive = isBlocked;
+    // Mirrors the Angular `hostClasses()` computed: BEM base + `--blocked` modifier
+    // (rule 9 — class-based source keeps its BEM classes).
+    const hostClass = ['eds-block-document', isActive ? 'eds-block-document--blocked' : '']
+        .join(' ')
+        .trim();
+    return (_jsx("div", { ref: ref, className: className ? `${hostClass} ${className}` : hostClass, "aria-busy": isActive, "data-e2e": e2eAttr, ...rest, children: isActive && (_jsxs("div", { className: "eds-block-document__overlay", role: "alert", "aria-live": "assertive", children: [_jsx("div", { className: "eds-block-document__spinner", role: "progressbar", "aria-label": ariaLabel, "aria-valuemin": 0, "aria-valuemax": 100 }), _jsx("span", { className: "eds-u-sr-only", children: ariaLabel })] })) }));
+});
+//# sourceMappingURL=eds-block-document.js.map

package/eds-block-document/eds-block-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-block-document.js","sourceRoot":"","sources":["../../src/eds-block-document/eds-block-document.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,gBAAgB,CACrB,EACI,OAAO,GAAG,oBAAoB,EAC9B,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,sBAAsB,EAClC,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,gFAAgF;IAChF,gFAAgF;IAChF,+EAA+E;IAC/E,MAAM,QAAQ,GAAG,SAAS,CAAC;IAE3B,gFAAgF;IAChF,uDAAuD;IACvD,MAAM,SAAS,GAAG,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;SAClF,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;IAEZ,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,eACnD,QAAQ,cACT,OAAO,KACb,IAAI,YAEP,QAAQ,IAAI,CACT,eAAK,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,OAAO,eAAW,WAAW,aAC3E,cACI,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,aAAa,gBACN,SAAS,mBACN,CAAC,mBACD,GAAG,GACf,EACP,eAAM,SAAS,EAAC,eAAe,YAAE,SAAS,GAAQ,IAChD,CACT,GACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-block-document/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsBlockDocument } from './eds-block-document.js';
+export type { EdsBlockDocumentProps } from './eds-block-document.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-block-document/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-block-document/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/eds-block-document/index.js

@@ -0,0 +1,2 @@
+export { EdsBlockDocument } from './eds-block-document.js';
+//# sourceMappingURL=index.js.map

package/eds-block-document/index.js.map

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

package/eds-blockquote/eds-blockquote.css

@@ -0,0 +1,69 @@
+/*
+ * eds-blockquote — pure React port of eds-blockquote.scss.
+ *
+ * Angular emulated-encapsulation mapping (no shadow DOM here):
+ *   :host                     -> .eds-blockquote (root class on the rendered element)
+ *   .eds-blockquote__*        -> nested descendants of .eds-blockquote
+ *   base.media($eds-bkp-mobile) -> @media (max-width: 767px)
+ * The --eds-* tokens are unchanged; tokens cascade in from the .eui-21 context
+ * (required on an ancestor), exactly like the Angular component.
+ */
+
+.eds-blockquote {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--eds-sp-m);
+    padding: var(--eds-sp-m) var(--eds-sp-l);
+    border-left: var(--eds-bw-m) solid var(--eds-c-border-primary);
+    border-radius: var(--eds-br-xs);
+    background-color: var(--eds-c-surface-elevation);
+}
+
+.eds-blockquote .eds-blockquote__image {
+    display: block;
+    width: 120px;
+    height: 120px;
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
+    flex-shrink: 0;
+}
+
+.eds-blockquote .eds-blockquote__body {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+.eds-blockquote .eds-blockquote__quote {
+    margin: 0;
+    padding: 0;
+}
+
+.eds-blockquote .eds-blockquote__citation {
+    font: var(--eds-f-paragraph-l);
+    font-style: italic;
+    color: var(--eds-c-foreground-default);
+    margin: 0;
+}
+
+.eds-blockquote .eds-blockquote__attribution {
+    margin-top: var(--eds-sp-s);
+}
+
+.eds-blockquote .eds-blockquote__author {
+    font: var(--eds-f-label-m-semi-bold);
+    font-style: normal;
+    color: var(--eds-c-foreground-subtler);
+}
+
+@media (max-width: 767px) {
+    .eds-blockquote {
+        padding: var(--eds-sp-s) var(--eds-sp-m);
+        gap: var(--eds-sp-s);
+    }
+
+    .eds-blockquote .eds-blockquote__citation {
+        font: var(--eds-f-paragraph-m);
+        font-style: italic;
+    }
+}

package/eds-blockquote/eds-blockquote.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+/**
+ * EDS Blockquote — pure React port of the Angular `eds-blockquote` component.
+ *
+ * Displays a styled quotation with optional author attribution and image.
+ * The quote content is projected via `children` (Angular `<ng-content/>`).
+ *
+ * @example
+ * ```tsx
+ * <EdsBlockquote author="Albert Einstein" imageUrl="assets/images/einstein.jpg">
+ *   Imagination is more important than knowledge.
+ * </EdsBlockquote>
+ * ```
+ */
+export interface EdsBlockquoteProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Data attribute value for end-to-end testing identification.
+     * @default 'eds-blockquote'
+     */
+    e2eAttr?: string;
+    /**
+     * Author name displayed as the citation source.
+     * When provided, renders a `<cite>` element below the quote.
+     */
+    author?: string;
+    /**
+     * URL of an image to display alongside the blockquote.
+     * When provided, renders an `<img>` element internally.
+     */
+    imageUrl?: string;
+    /** Quote content (Angular `<ng-content/>`). */
+    children?: React.ReactNode;
+}
+export declare const EdsBlockquote: React.ForwardRefExoticComponent<EdsBlockquoteProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-blockquote.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-blockquote.d.ts","sourceRoot":"","sources":["../../src/eds-blockquote/eds-blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,2FA6BxB,CAAC"}

package/eds-blockquote/eds-blockquote.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+export const EdsBlockquote = React.forwardRef(function EdsBlockquote({ e2eAttr = 'eds-blockquote', author, imageUrl, children, className, ...rest }, ref) {
+    const hasAuthor = !!author;
+    const hasImage = !!imageUrl;
+    return (_jsxs("div", { ref: ref, className: className ? `eds-blockquote ${className}` : 'eds-blockquote', "data-e2e": e2eAttr, ...rest, children: [hasImage && (_jsx("img", { className: "eds-blockquote__image", src: imageUrl, alt: author || '', loading: "lazy" })), _jsx("div", { className: "eds-blockquote__body", children: _jsxs("blockquote", { className: "eds-blockquote__quote", children: [_jsx("p", { className: "eds-blockquote__citation", children: children }), hasAuthor && (_jsx("footer", { className: "eds-blockquote__attribution", children: _jsx("cite", { className: "eds-blockquote__author", children: author }) }))] }) })] }));
+});
+//# sourceMappingURL=eds-blockquote.js.map

package/eds-blockquote/eds-blockquote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-blockquote.js","sourceRoot":"","sources":["../../src/eds-blockquote/eds-blockquote.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EAAE,OAAO,GAAG,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC9E,GAAG;IAEH,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3B,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;IAE5B,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,SAAS,EAAE,CAAC,CAAC,CAAC,gBAAgB,cAC7D,OAAO,KACb,IAAI,aAEP,QAAQ,IAAI,CACT,cAAK,SAAS,EAAC,uBAAuB,EAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,IAAI,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CAC7F,EACD,cAAK,SAAS,EAAC,sBAAsB,YACjC,sBAAY,SAAS,EAAC,uBAAuB,aACzC,YAAG,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAK,EACrD,SAAS,IAAI,CACV,iBAAQ,SAAS,EAAC,6BAA6B,YAC3C,eAAM,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAQ,GACnD,CACZ,IACQ,GACX,IACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-blockquote/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsBlockquote } from './eds-blockquote.js';
+export type { EdsBlockquoteProps } from './eds-blockquote.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-blockquote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/eds-blockquote/index.js

@@ -0,0 +1,2 @@
+export { EdsBlockquote } from './eds-blockquote.js';
+//# sourceMappingURL=index.js.map

package/eds-blockquote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-blockquote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/eds-breadcrumb/eds-breadcrumb-item.css

@@ -0,0 +1,33 @@
+.eds-breadcrumb-item {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-3xs);
+    white-space: nowrap;
+    font: var(--eds-f-label-s);
+    color: var(--eds-c-foreground-subtler);
+}
+
+.eds-breadcrumb-item.eds-breadcrumb-item--clickable {
+    cursor: pointer;
+    color: var(--eds-c-foreground-primary);
+}
+
+.eds-breadcrumb-item.eds-breadcrumb-item--clickable:hover .eds-breadcrumb-item__label {
+    text-decoration: underline;
+}
+
+.eds-breadcrumb-item.eds-breadcrumb-item--current {
+    color: var(--eds-c-foreground);
+    cursor: default;
+}
+
+.eds-breadcrumb-item .eds-breadcrumb-item__separator {
+    color: var(--eds-c-foreground-subtler);
+}
+
+.eds-breadcrumb-item .eds-breadcrumb-item__label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 200px;
+}