@eui/eds-react 22.0.0-alpha.8

package/eds-shell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}

package/eds-tag/eds-tag.css

@@ -0,0 +1,83 @@
+/*
+ * eds-tag — pure React port of eds-tag.scss.
+ *
+ * Angular emulated-encapsulation mapping (no shadow DOM here):
+ *   :host                 -> .eds-tag (root class on the rendered element)
+ *   :host([attr="v"])     -> .eds-tag[data-attr="v"]
+ * The --_eds-tag-* privates and --eds-* tokens are unchanged; tokens cascade in from the
+ * .eui-21 context (required on an ancestor), exactly like the Angular component.
+ */
+
+.eds-tag {
+    --_eds-tag-padding: var(--eds-sp-3xs) var(--eds-sp-s);
+    --_eds-tag-border-radius: var(--eds-br-s);
+    --_eds-tag-content-font: var(--eds-f-paragraph-s);
+    --_eds-tag-border-width: var(--eds-bw-xs);
+
+    /* default color = info */
+    --_eds-tag-bg-color: var(--eds-c-surface-info-subtler);
+    --_eds-tag-color-on-bg: var(--eds-c-on-surface-info-subtler);
+    --_eds-tag-border-color: var(--eds-c-border-info-subtle);
+
+    /* a projected eds-icon follows the tag foreground (on-surface) color */
+    --_eds-icon-on-surface: var(--_eds-tag-color-on-bg);
+
+    display: inline-flex;
+    gap: var(--eds-sp-xs);
+    border: var(--_eds-tag-border-width) solid var(--_eds-tag-border-color);
+    border-radius: var(--_eds-tag-border-radius);
+    background-color: var(--_eds-tag-bg-color);
+    color: var(--_eds-tag-color-on-bg);
+    padding: var(--_eds-tag-padding);
+    font: var(--_eds-tag-content-font);
+}
+
+/* COLOR VARIANTS
+   -------------- */
+
+.eds-tag[data-color="primary"] {
+    --_eds-tag-bg-color: var(--eds-c-surface-primary-subtler);
+    --_eds-tag-color-on-bg: var(--eds-c-on-surface-primary-subtler);
+    --_eds-tag-border-color: var(--eds-c-border-primary-subtle);
+}
+
+.eds-tag[data-color="neutral"] {
+    --_eds-tag-bg-color: var(--eds-c-surface-neutral-subtler);
+    --_eds-tag-color-on-bg: var(--eds-c-on-surface-neutral-subtler);
+    --_eds-tag-border-color: var(--eds-c-border-neutral-subtle);
+}
+
+.eds-tag[data-color="success"] {
+    --_eds-tag-bg-color: var(--eds-c-surface-success-subtler);
+    --_eds-tag-color-on-bg: var(--eds-c-on-surface-success-subtler);
+    --_eds-tag-border-color: var(--eds-c-border-success-subtle);
+}
+
+.eds-tag[data-color="info"] {
+    --_eds-tag-bg-color: var(--eds-c-surface-info-subtler);
+    --_eds-tag-color-on-bg: var(--eds-c-on-surface-info-subtler);
+    --_eds-tag-border-color: var(--eds-c-border-info-subtle);
+}
+
+.eds-tag[data-color="warning"] {
+    --_eds-tag-bg-color: var(--eds-c-surface-warning-subtler);
+    --_eds-tag-color-on-bg: var(--eds-c-on-surface-warning-subtler);
+    --_eds-tag-border-color: var(--eds-c-border-warning-subtle);
+}
+
+.eds-tag[data-color="critical"] {
+    --_eds-tag-bg-color: var(--eds-c-surface-critical-subtler);
+    --_eds-tag-color-on-bg: var(--eds-c-on-surface-critical-subtler);
+    --_eds-tag-border-color: var(--eds-c-border-critical-subtle);
+}
+
+/* SIZE VARIANTS
+   ------------- */
+
+.eds-tag[data-size="s"] {
+    --_eds-tag-padding: var(--eds-sp-4xs) var(--eds-sp-xs);
+}
+
+.eds-tag[data-size="m"] {
+    --_eds-tag-padding: var(--eds-sp-3xs) var(--eds-sp-xs);
+}

package/eds-tag/eds-tag.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+/**
+ * Local narrowed color union — the tag's color contract (ported 1:1 from Angular `eds-tag`).
+ */
+export type EdsTagColor = 'primary' | 'neutral' | 'success' | 'info' | 'warning' | 'critical';
+/** Local narrowed size union — the tag's size contract. */
+export type EdsTagSize = 's' | 'm';
+export interface EdsTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    /** Semantic color of the tag. @default 'info' */
+    color?: EdsTagColor;
+    /** Size of the tag. @default 'm' */
+    size?: EdsTagSize;
+    /** Data attribute for e2e testing. @default 'eds-tag' */
+    e2eAttr?: string;
+    /** ARIA label for accessibility. @default 'status-badge' */
+    ariaLabel?: string | null;
+    /** Projected content rendered inside the tag (matches Angular `<ng-content/>`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsTag` — pure React port of the Angular `eds-tag`.
+ *
+ * A presentational, non-interactive status tag. Displays projected content with a semantic
+ * color and size, exposed to assistive technology via `role="status"`. The rendered element
+ * IS the component (no wrapper). Requires `@eui/eds-styles` + the `eui-21` class on an
+ * ancestor for the `--eds-*` tokens to cascade in.
+ */
+export declare const EdsTag: React.ForwardRefExoticComponent<EdsTagProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-tag.d.ts","sourceRoot":"","sources":["../../src/eds-tag/eds-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAE9F,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACrF,iDAAiD;IACjD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,qFA0BjB,CAAC"}

package/eds-tag/eds-tag.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsTag` — pure React port of the Angular `eds-tag`.
+ *
+ * A presentational, non-interactive status tag. Displays projected content with a semantic
+ * color and size, exposed to assistive technology via `role="status"`. The rendered element
+ * IS the component (no wrapper). Requires `@eui/eds-styles` + the `eui-21` class on an
+ * ancestor for the `--eds-*` tokens to cascade in.
+ */
+export const EdsTag = React.forwardRef(function EdsTag({ color = 'info', size = 'm', e2eAttr = 'eds-tag', ariaLabel = 'status-badge', children, className, ...rest }, ref) {
+    return (_jsx("span", { ref: ref, className: className ? `eds-tag ${className}` : 'eds-tag', role: "status", "data-color": color, "data-size": size, "data-e2e": e2eAttr, "aria-label": ariaLabel ?? undefined, ...rest, children: children }));
+});
+//# sourceMappingURL=eds-tag.js.map

package/eds-tag/eds-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-tag.js","sourceRoot":"","sources":["../../src/eds-tag/eds-tag.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,MAAM,CAChF,EACI,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,GAAG,EACV,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,cAAc,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,EACzD,IAAI,EAAC,QAAQ,gBACD,KAAK,eACN,IAAI,cACL,OAAO,gBACL,SAAS,IAAI,SAAS,KAC9B,IAAI,YAEP,QAAQ,GACN,CACV,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-tag/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsTag } from './eds-tag.js';
+export type { EdsTagProps, EdsTagColor, EdsTagSize } from './eds-tag.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/eds-tag/index.js

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

package/eds-tag/index.js.map

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

package/eds-tooltip/eds-tooltip.css

@@ -0,0 +1,140 @@
+/**
+ * Pure-React port of `eds-tooltip-container.scss`.
+ *
+ * Angular emulated encapsulation → light-DOM classes:
+ *   `.eui-21 .eds-tooltip-panel`      → the portal wrapper (`.eds-tooltip-panel.eui-21`)
+ *   `.eds-tooltip-panel &.eds-tooltip--above :host` → `.eds-tooltip-panel.eds-tooltip--above .eds-tooltip`
+ *   `:host` (the container)            → `.eds-tooltip` (the inner panel element)
+ *
+ * The inline SCSS var `$eds-tooltip-arrow-width: 8px` is inlined at each use site.
+ * `--eds-*` tokens are kept verbatim.
+ */
+
+.eds-tooltip-panel {
+    margin-bottom: var(--eds-sp-2xl);
+    background: transparent;
+    pointer-events: none;
+}
+
+.eds-tooltip-panel.cdk-overlay-pane {
+    background: transparent;
+}
+
+/* :host = the inner `.eds-tooltip` container */
+.eds-tooltip-panel .eds-tooltip {
+    max-width: 50vw;
+    display: block;
+    position: relative;
+    background: transparent;
+}
+
+.eds-tooltip-panel .eds-tooltip:before {
+    border-color: transparent;
+    border-style: solid;
+    border-width: 8px;
+    bottom: 0;
+    content: '';
+    display: block;
+    height: 0;
+    position: absolute;
+    width: 0;
+}
+
+.eds-tooltip-panel .eds-tooltip.eds-tooltip--content-left {
+    text-align: left;
+}
+
+.eds-tooltip-panel .eds-tooltip.eds-tooltip--content-right {
+    text-align: right;
+}
+
+.eds-tooltip-panel .eds-tooltip.eds-tooltip--content-center {
+    text-align: center;
+}
+
+.eds-tooltip-panel .eds-tooltip.eds-tooltip--content-justify {
+    text-align: justify;
+}
+
+.eds-tooltip-panel .eds-tooltip .eds-tooltip__content {
+    background-color: var(--eds-c-surface-inverted);
+    border-radius: var(--eds-br-s);
+    box-shadow: var(--eds-sh-2);
+    color: var(--eds-c-on-surface-inverted);
+    letter-spacing: 0.05em;
+    padding: var(--eds-sp-2xs);
+    white-space: pre-line;
+    font: var(--eds-f-label-s);
+}
+
+/* Arrow + spacing per resolved placement (the `.eds-tooltip--<position>` panel class). */
+.eds-tooltip-panel.eds-tooltip--above .eds-tooltip {
+    margin-bottom: var(--eds-sp-s);
+}
+
+.eds-tooltip-panel.eds-tooltip--above .eds-tooltip:before {
+    border-color: var(--eds-c-surface-inverted) transparent transparent transparent;
+    bottom: 2px;
+    left: calc(50% - 8px);
+    transform: translate(0, 16px);
+}
+
+.eds-tooltip-panel.eds-tooltip--below .eds-tooltip {
+    margin-top: var(--eds-sp-s);
+}
+
+.eds-tooltip-panel.eds-tooltip--below .eds-tooltip:before {
+    border-color: transparent transparent var(--eds-c-surface-inverted) transparent;
+    left: calc(50% - 8px);
+    top: 0;
+    transform: translate(0, -100%);
+}
+
+.eds-tooltip-panel.eds-tooltip--left .eds-tooltip {
+    margin-right: var(--eds-sp-s);
+}
+
+.eds-tooltip-panel.eds-tooltip--left .eds-tooltip:before {
+    border-color: transparent transparent transparent var(--eds-c-surface-inverted);
+    right: calc(-8px + 2px);
+    top: 50%;
+    transform: translate(8px, -8px);
+}
+
+.eds-tooltip-panel.eds-tooltip--right .eds-tooltip {
+    margin-left: var(--eds-sp-s);
+}
+
+.eds-tooltip-panel.eds-tooltip--right .eds-tooltip:before {
+    border-color: transparent var(--eds-c-surface-inverted) transparent transparent;
+    left: calc(-8px + 2px);
+    top: 50%;
+    transform: translate(-8px, -8px);
+}
+
+/* Show/hide entrance animation (ported from eds-tooltip-animations.ts `showHide`). */
+.eds-tooltip-panel .eds-tooltip {
+    animation: eds-tooltip-show-hide 200ms cubic-bezier(0, 0, 0.2, 1);
+    transform-origin: center;
+}
+
+@keyframes eds-tooltip-show-hide {
+    0% {
+        opacity: 0;
+        transform: scale(0);
+    }
+    50% {
+        opacity: 0.5;
+        transform: scale(0.99);
+    }
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+/* The trigger wrapper wraps the trigger element(s); inline-block so it has a measurable
+   box (getBoundingClientRect) without forcing block layout. */
+.eds-tooltip-trigger {
+    display: inline-block;
+}

package/eds-tooltip/eds-tooltip.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+/**
+ * Local narrowed color union — the tooltip's color contract (verbatim from the Angular
+ * `EdsTooltipColor`).
+ */
+export type EdsTooltipColor = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent';
+/** Alignment of the content inside the tooltip panel. */
+export type EdsTooltipContentAlignment = 'left' | 'right' | 'center' | 'justify';
+/**
+ * Requested position of the tooltip relative to its trigger. `left`/`before` and
+ * `right`/`after` are aliases (both resolve to a horizontal placement); `above`/`below`
+ * are vertical. Matches the Angular directive's `position` union.
+ */
+export type EdsTooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
+export interface EdsTooltipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'content' | 'color'> {
+    /**
+     * Tooltip content (the Angular `edsTooltip` input value). When it is falsy the tooltip
+     * never shows (mirrors the Angular `&& this.tooltipContent` guard). @default null
+     */
+    content?: React.ReactNode;
+    /** Semantic color of the tooltip. @default 'secondary' */
+    color?: EdsTooltipColor;
+    /** Position of the tooltip relative to its trigger. @default 'above' */
+    position?: EdsTooltipPosition;
+    /** Alignment of the content in the tooltip. @default 'center' */
+    contentAlignment?: EdsTooltipContentAlignment;
+    /** Delay (ms) before the tooltip becomes visible on hover/focus. @default 0 */
+    showDelay?: number;
+    /** Delay (ms) before the tooltip hides on mouseleave/blur. @default 0 */
+    hideDelay?: number;
+    /** Whether the tooltip is disabled (never shows). @default false */
+    isDisabled?: boolean;
+    /** Data attribute for e2e testing, applied to the panel. @default 'eds-tooltip' */
+    e2eAttr?: string;
+    /** The trigger element(s) — rendered inline; hovering/focusing them shows the tooltip. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsTooltip` — pure React port of the Angular `[edsTooltip]` directive + its
+ * `eds-tooltip-container` panel.
+ *
+ * Renders its `children` (the trigger) inline and, on `mouseenter`/`focus` (after
+ * `showDelay`), shows a floating panel with `content` in a portal to `document.body` (the
+ * light-DOM analog of the CDK overlay, so it escapes ancestor `overflow`). Hides on
+ * `mouseleave`/`blur` (after `hideDelay`) and on `Escape`. The resolved placement (after
+ * viewport fallback flipping) is reflected on the panel as `data-position`, matching the
+ * Angular `eds-tooltip--<position>` panel classes the container SCSS selects on.
+ *
+ * A11y: the trigger wrapper gets `aria-describedby` linking to the panel `id` while open;
+ * the panel carries `role="tooltip"`.
+ */
+export declare const EdsTooltip: React.ForwardRefExoticComponent<EdsTooltipProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-tooltip.d.ts","sourceRoot":"","sources":["../../src/eds-tooltip/eds-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,MAAM,MAAM,eAAe,GACrB,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEf,yDAAyD;AACzD,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjF;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAK3F,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACrG;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;IAC9C,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAyED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,yFAwIrB,CAAC"}

package/eds-tooltip/eds-tooltip.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useId, useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+/** Viewport gap kept when deciding whether a placement fits (px). */
+const VIEWPORT_MARGIN = 8;
+/**
+ * Compute the panel's fixed-position coordinates for a resolved placement, given the
+ * trigger and panel rects. Mirrors the CDK `ConnectionPositionPair` origin/overlay pairing
+ * encoded in the Angular `setPosition()` (above: originY top ↔ overlayY bottom; below:
+ * originY bottom ↔ overlayY top; left/before: originX start ↔ overlayX end, centered Y;
+ * right/after: originX end ↔ overlayX start, centered Y).
+ */
+function coordsFor(placement, trigger, panel) {
+    switch (placement) {
+        case 'above':
+            return {
+                top: trigger.top - panel.height,
+                left: trigger.left + trigger.width / 2 - panel.width / 2,
+            };
+        case 'below':
+            return {
+                top: trigger.bottom,
+                left: trigger.left + trigger.width / 2 - panel.width / 2,
+            };
+        case 'left':
+            return {
+                top: trigger.top + trigger.height / 2 - panel.height / 2,
+                left: trigger.left - panel.width,
+            };
+        case 'right':
+            return {
+                top: trigger.top + trigger.height / 2 - panel.height / 2,
+                left: trigger.right,
+            };
+    }
+}
+/** Whether a set of coordinates keeps the panel within the viewport (with a margin). */
+function fits(placement, trigger, panel) {
+    const { top, left } = coordsFor(placement, trigger, panel);
+    return (top >= VIEWPORT_MARGIN &&
+        left >= VIEWPORT_MARGIN &&
+        top + panel.height <= window.innerHeight - VIEWPORT_MARGIN &&
+        left + panel.width <= window.innerWidth - VIEWPORT_MARGIN);
+}
+/**
+ * The requested `position` → primary resolved placement + its fallback, reproducing the
+ * Angular `setPosition()` primary/fallback pairing:
+ *  - above ↔ below
+ *  - below ↔ above
+ *  - left/before ↔ right (fallback flips to the opposite side)
+ *  - right/after ↔ left
+ */
+function placementsFor(position) {
+    switch (position) {
+        case 'above':
+            return ['above', 'below'];
+        case 'below':
+            return ['below', 'above'];
+        case 'left':
+        case 'before':
+            return ['left', 'right'];
+        case 'right':
+        case 'after':
+            return ['right', 'left'];
+        default:
+            return ['above', 'below'];
+    }
+}
+/**
+ * `EdsTooltip` — pure React port of the Angular `[edsTooltip]` directive + its
+ * `eds-tooltip-container` panel.
+ *
+ * Renders its `children` (the trigger) inline and, on `mouseenter`/`focus` (after
+ * `showDelay`), shows a floating panel with `content` in a portal to `document.body` (the
+ * light-DOM analog of the CDK overlay, so it escapes ancestor `overflow`). Hides on
+ * `mouseleave`/`blur` (after `hideDelay`) and on `Escape`. The resolved placement (after
+ * viewport fallback flipping) is reflected on the panel as `data-position`, matching the
+ * Angular `eds-tooltip--<position>` panel classes the container SCSS selects on.
+ *
+ * A11y: the trigger wrapper gets `aria-describedby` linking to the panel `id` while open;
+ * the panel carries `role="tooltip"`.
+ */
+export const EdsTooltip = React.forwardRef(function EdsTooltip({ content = null, color = 'secondary', position = 'above', contentAlignment = 'center', showDelay = 0, hideDelay = 0, isDisabled = false, e2eAttr = 'eds-tooltip', children, className, ...rest }, ref) {
+    const triggerRef = useRef(null);
+    const panelRef = useRef(null);
+    const showTimer = useRef(null);
+    const hideTimer = useRef(null);
+    const panelId = useId();
+    const [isOpen, setIsOpen] = useState(false);
+    const [resolved, setResolved] = useState('above');
+    const [coords, setCoords] = useState({ top: 0, left: 0 });
+    const hasContent = content !== null && content !== undefined && content !== '';
+    const clearTimers = useCallback(() => {
+        if (showTimer.current) {
+            clearTimeout(showTimer.current);
+            showTimer.current = null;
+        }
+        if (hideTimer.current) {
+            clearTimeout(hideTimer.current);
+            hideTimer.current = null;
+        }
+    }, []);
+    const show = useCallback(() => {
+        if (hideTimer.current) {
+            clearTimeout(hideTimer.current);
+            hideTimer.current = null;
+        }
+        if (showTimer.current)
+            return;
+        showTimer.current = setTimeout(() => {
+            showTimer.current = null;
+            if (!isDisabled && hasContent) {
+                setIsOpen(true);
+            }
+        }, showDelay);
+    }, [showDelay, isDisabled, hasContent]);
+    const hide = useCallback(() => {
+        if (showTimer.current) {
+            clearTimeout(showTimer.current);
+            showTimer.current = null;
+        }
+        if (hideTimer.current)
+            return;
+        hideTimer.current = setTimeout(() => {
+            hideTimer.current = null;
+            setIsOpen(false);
+        }, hideDelay);
+    }, [hideDelay]);
+    // Compute placement + coordinates once the panel is in the DOM, then reposition on
+    // scroll/resize (mirrors the CDK reposition scroll strategy + position fallback).
+    useLayoutEffect(() => {
+        if (!isOpen)
+            return;
+        const reposition = () => {
+            const triggerEl = triggerRef.current;
+            const panelEl = panelRef.current;
+            if (!triggerEl || !panelEl)
+                return;
+            const triggerRect = triggerEl.getBoundingClientRect();
+            const panelRect = panelEl.getBoundingClientRect();
+            const [primary, fallback] = placementsFor(position);
+            const placement = fits(primary, triggerRect, panelRect) ? primary : fallback;
+            setResolved(placement);
+            setCoords(coordsFor(placement, triggerRect, panelRect));
+        };
+        reposition();
+        window.addEventListener('scroll', reposition, true);
+        window.addEventListener('resize', reposition);
+        return () => {
+            window.removeEventListener('scroll', reposition, true);
+            window.removeEventListener('resize', reposition);
+        };
+    }, [isOpen, position, content]);
+    // Clear pending timers on unmount.
+    useLayoutEffect(() => clearTimers, [clearTimers]);
+    const onKeyDown = (event) => {
+        if (event.key === 'Escape' && isOpen) {
+            event.stopPropagation();
+            hide();
+        }
+    };
+    return (_jsxs("span", { ref: mergeRefs(triggerRef, ref), className: className ? `eds-tooltip-trigger ${className}` : 'eds-tooltip-trigger', onMouseEnter: show, onFocus: show, onMouseLeave: hide, onBlur: hide, onKeyDown: onKeyDown, "aria-describedby": isOpen ? panelId : undefined, ...rest, children: [children, isOpen && hasContent
+                ? createPortal(_jsx("div", { className: `eds-tooltip-panel eui-21 eds-tooltip--${resolved}`, style: { position: 'fixed', top: `${coords.top}px`, left: `${coords.left}px`, zIndex: 1000 }, children: _jsx("div", { ref: panelRef, id: panelId, role: "tooltip", "data-e2e": e2eAttr, className: `eds-tooltip eds-tooltip--content-${contentAlignment} eds-tooltip--${color}`, children: _jsx("div", { className: "eds-tooltip__content", children: content }) }) }), document.body)
+                : null] }));
+});
+/** Merge a local ref and a forwarded ref onto the same element. */
+function mergeRefs(local, forwarded) {
+    return (node) => {
+        local.current = node;
+        if (typeof forwarded === 'function') {
+            forwarded(node);
+        }
+        else if (forwarded) {
+            forwarded.current = node;
+        }
+    };
+}
+//# sourceMappingURL=eds-tooltip.js.map

package/eds-tooltip/eds-tooltip.js.map

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

package/eds-tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsTooltip } from './eds-tooltip.js';
+export type { EdsTooltipProps, EdsTooltipColor, EdsTooltipContentAlignment, EdsTooltipPosition, } from './eds-tooltip.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EACR,eAAe,EACf,eAAe,EACf,0BAA0B,EAC1B,kBAAkB,GACrB,MAAM,kBAAkB,CAAC"}

package/eds-tooltip/index.js

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

package/eds-tooltip/index.js.map

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

package/index.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @eui/eds-react — pure React port of the @eui/eds Angular components.
+ *
+ * Unlike @eui/eds-wc-react (thin @lit/react wrappers over the eds-wc-* Web Components),
+ * these are hand-authored-equivalent React components: markup, behavior, and styling are
+ * reimplemented in idiomatic React + attribute-scoped CSS driven by the --eds-* design
+ * tokens. No Web Component / @lit/react dependency.
+ *
+ * For tree-shaking, import individual component entry points instead:
+ *
+ * ```tsx
+ * import { EdsBadge } from '@eui/eds-react/eds-badge';
+ * import '@eui/eds-react/eds-badge/eds-badge.css';
+ * ```
+ */
+export { EdsBadge } from './eds-badge/index.js';
+export type { EdsBadgeProps, EdsBadgeColor, EdsBadgeVariant, EdsBadgeSize } from './eds-badge/index.js';
+export { EdsIcon } from './eds-icon/index.js';
+export type { EdsIconProps, EdsIconColor, EdsIconSize } from './eds-icon/index.js';
+export { EdsIconState } from './eds-icon-state/index.js';
+export type { EdsIconStateProps, EdsIconStateColor, EdsIconStateSize } from './eds-icon-state/index.js';
+export { EdsIconButton } from './eds-icon-button/index.js';
+export type { EdsIconButtonProps, EdsIconButtonColor, EdsIconButtonSize } from './eds-icon-button/index.js';
+export { EdsButton } from './eds-button/index.js';
+export type { EdsButtonProps, EdsButtonType, EdsButtonColor, EdsButtonSize } from './eds-button/index.js';
+export { EdsAlert, EdsAlertTitle } from './eds-alert/index.js';
+export type { EdsAlertProps, EdsAlertColor, EdsAlertTitleProps } from './eds-alert/index.js';
+export { EdsTooltip } from './eds-tooltip/index.js';
+export type { EdsTooltipProps, EdsTooltipColor, EdsTooltipContentAlignment, EdsTooltipPosition, } from './eds-tooltip/index.js';
+export { EdsTag } from './eds-tag/index.js';
+export type { EdsTagProps, EdsTagColor, EdsTagSize } from './eds-tag/index.js';
+export { EdsLink } from './eds-link/index.js';
+export type { EdsLinkProps } from './eds-link/index.js';
+export { EdsChip } from './eds-chip/index.js';
+export type { EdsChipProps, EdsChipColor, EdsChipSize, EdsChipData, EdsChipTooltip } from './eds-chip/index.js';
+export { EdsMenu, EdsMenuItemView } from './eds-menu/index.js';
+export type { EdsMenuProps, EdsMenuItemViewProps, EdsMenuItem } from './eds-menu/index.js';
+export { EdsShell, EdsShellContext, useEdsShell, EdsShellHeader, EdsShellHeaderLogo, EdsShellHeaderEnvironment, EdsShellHeaderApp, EdsShellHeaderStart, EdsShellHeaderEnd, EdsShellToolbar, EdsShellToolbarStart, EdsShellToolbarEnd, EdsShellToolbarCenter, EdsShellToolbarLogo, EdsShellToolbarEnvironment, EdsShellToolbarApp, EdsShellSidebar, EdsShellSidebarHeader, EdsShellSidebarNav, EdsShellSidebarBottomNav, EdsShellSidebarFooter, EdsShellContent, EdsShellFooter, EdsShellMenuToggle, EdsShellTopMessage, } from './eds-shell/index.js';
+export type { EdsShellProps, EdsSidebarCollapseMode, EdsShellContextValue, EdsShellHeaderProps, EdsShellHeaderLogoProps, EdsShellHeaderEnvironmentProps, EdsShellHeaderAppProps, EdsShellHeaderStartProps, EdsShellHeaderEndProps, EdsShellToolbarProps, EdsShellToolbarStartProps, EdsShellToolbarEndProps, EdsShellToolbarCenterProps, EdsShellToolbarLogoProps, EdsShellToolbarEnvironmentProps, EdsShellToolbarAppProps, EdsShellSidebarProps, EdsShellSidebarHeaderProps, EdsShellSidebarNavProps, EdsShellSidebarBottomNavProps, EdsShellSidebarFooterProps, EdsShellContentProps, EdsShellFooterProps, EdsShellMenuToggleProps, EdsShellTopMessageProps, } from './eds-shell/index.js';
+export { EdsAvatar, EdsAvatarIcon, EdsAvatarText, EdsAvatarImage, EdsAvatarBadge, EdsAvatarList, EdsAvatarContent, EdsAvatarContentLabel, EdsAvatarContentSublabel, } from './eds-avatar/index.js';
+export type { EdsAvatarProps, EdsAvatarSize, EdsAvatarIconProps, EdsAvatarTextProps, EdsAvatarImageProps, EdsAvatarBadgeProps, EdsAvatarListProps, EdsAvatarContentProps, EdsAvatarContentLabelProps, EdsAvatarContentSublabelProps, } from './eds-avatar/index.js';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

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

package/index.js

@@ -0,0 +1,29 @@
+/**
+ * @eui/eds-react — pure React port of the @eui/eds Angular components.
+ *
+ * Unlike @eui/eds-wc-react (thin @lit/react wrappers over the eds-wc-* Web Components),
+ * these are hand-authored-equivalent React components: markup, behavior, and styling are
+ * reimplemented in idiomatic React + attribute-scoped CSS driven by the --eds-* design
+ * tokens. No Web Component / @lit/react dependency.
+ *
+ * For tree-shaking, import individual component entry points instead:
+ *
+ * ```tsx
+ * import { EdsBadge } from '@eui/eds-react/eds-badge';
+ * import '@eui/eds-react/eds-badge/eds-badge.css';
+ * ```
+ */
+export { EdsBadge } from './eds-badge/index.js';
+export { EdsIcon } from './eds-icon/index.js';
+export { EdsIconState } from './eds-icon-state/index.js';
+export { EdsIconButton } from './eds-icon-button/index.js';
+export { EdsButton } from './eds-button/index.js';
+export { EdsAlert, EdsAlertTitle } from './eds-alert/index.js';
+export { EdsTooltip } from './eds-tooltip/index.js';
+export { EdsTag } from './eds-tag/index.js';
+export { EdsLink } from './eds-link/index.js';
+export { EdsChip } from './eds-chip/index.js';
+export { EdsMenu, EdsMenuItemView } from './eds-menu/index.js';
+export { EdsShell, EdsShellContext, useEdsShell, EdsShellHeader, EdsShellHeaderLogo, EdsShellHeaderEnvironment, EdsShellHeaderApp, EdsShellHeaderStart, EdsShellHeaderEnd, EdsShellToolbar, EdsShellToolbarStart, EdsShellToolbarEnd, EdsShellToolbarCenter, EdsShellToolbarLogo, EdsShellToolbarEnvironment, EdsShellToolbarApp, EdsShellSidebar, EdsShellSidebarHeader, EdsShellSidebarNav, EdsShellSidebarBottomNav, EdsShellSidebarFooter, EdsShellContent, EdsShellFooter, EdsShellMenuToggle, EdsShellTopMessage, } from './eds-shell/index.js';
+export { EdsAvatar, EdsAvatarIcon, EdsAvatarText, EdsAvatarImage, EdsAvatarBadge, EdsAvatarList, EdsAvatarContent, EdsAvatarContentLabel, EdsAvatarContentSublabel, } from './eds-avatar/index.js';
+//# sourceMappingURL=index.js.map