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

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

@@ -0,0 +1,96 @@
+import * as React from 'react';
+/**
+ * Local narrowed union — the toggle's size contract (ported 1:1 from the Angular `eds-toggle`,
+ * which drives sizing through the shared `EdsSizeDirective`). The toggle visually supports
+ * `s | m | l`; `m` is the unnamed default (no modifier class), and `s`/`l` are reflected as the
+ * BEM modifier class `eds-toggle--size-<size>` (class-based source, see the pure-React guide rule 9).
+ */
+export type EdsToggleSize = 's' | 'm' | 'l';
+/**
+ * `EdsToggle` — pure React port of the Angular `eds-toggle`.
+ *
+ * The Angular source renders the **host element itself** as the switch (`host: { role: 'switch' }`),
+ * containing a visually-hidden native `<input type="checkbox">`, a track, a handle, and (optionally)
+ * an `eds-icon` inside the handle. So the rendered **root element IS a `<span role="switch">`** — no
+ * extra wrapper (mirrors "the host element IS the component").
+ *
+ * The Angular component is **class-based** (`host: { '[class]': 'hostClasses()' }`, composing
+ * `EdsSizeDirective`), so per the pure-React guide rule 9 the BEM classes are reproduced verbatim on
+ * the root `className` (`eds-toggle`, `eds-toggle--size-s`/`-l`, `eds-toggle--checked`,
+ * `eds-toggle--disabled`) and the ported CSS keeps those class selectors — NOT `data-*`.
+ *
+ * It is a `ControlValueAccessor` (Angular forms): `checked` is a two-way-bindable `model()`, and
+ * `toggle()` flips it, emits `toggleChange`, and pushes the new value through the CVA `onChange`.
+ * React has no CVA, so this exposes the standard React form idiom — **controlled** via `checked` +
+ * `onCheckedChange`, or **uncontrolled** via `defaultChecked`. CVA is flagged for React forms-API
+ * design review.
+ *
+ * ARIA mirrors the Angular host bindings: `role="switch"`, `aria-checked`, `aria-label`,
+ * `aria-disabled`, and `tabindex` (`0` normally, `-1` when disabled). Keyboard: Space/Enter toggle
+ * (matching the Angular `(keydown.space)`/`(keydown.enter)` host listeners); blur fires `onBlur`
+ * (the CVA `onTouched`).
+ *
+ * @example Controlled
+ * ```tsx
+ * const [on, setOn] = React.useState(false);
+ * <EdsToggle checked={on} onCheckedChange={setOn} />
+ * ```
+ *
+ * @example Uncontrolled
+ * ```tsx
+ * <EdsToggle defaultChecked />
+ * ```
+ *
+ * @example With icons
+ * ```tsx
+ * <EdsToggle iconOn="check" iconOff="x" />
+ * ```
+ */
+export interface EdsToggleProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'> {
+    /**
+     * Data attribute value for end-to-end testing identification. Applied as `data-e2e`.
+     * @default 'eds-toggle'
+     */
+    e2eAttr?: string;
+    /**
+     * Accessible label for the toggle. Applied as `aria-label`.
+     * @default 'Toggle'
+     */
+    ariaLabel?: string;
+    /**
+     * Icon name displayed when the toggle is ON. Both `iconOn` and `iconOff` must be set for icons
+     * to appear (mirrors the Angular `@if (iconOn() && iconOff())` branch).
+     */
+    iconOn?: string;
+    /**
+     * Icon name displayed when the toggle is OFF. Both `iconOn` and `iconOff` must be set for icons
+     * to appear.
+     */
+    iconOff?: string;
+    /**
+     * Size of the toggle. Reflected as the `eds-toggle--size-<size>` modifier class (`m` is the
+     * unnamed default → no modifier class).
+     * @default 'm'
+     */
+    size?: EdsToggleSize;
+    /** Controlled checked state. When provided the toggle is controlled (React semantics). */
+    checked?: boolean;
+    /** Initial checked state for an uncontrolled toggle. @default false */
+    defaultChecked?: boolean;
+    /** Whether the toggle is disabled. Reflected as the `eds-toggle--disabled` class. @default false */
+    disabled?: boolean;
+    /**
+     * Fired when the checked state changes (mirrors the Angular `checked` two-way binding + the CVA
+     * `onChange`). Payload is the new checked state.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Fired when the toggle state changes (mirrors the Angular `toggleChange` output). Payload is
+     * the new checked state.
+     */
+    onToggleChange?: (checked: boolean) => void;
+    /** Fired when the toggle loses focus (mirrors the Angular host `(blur)` → CVA `onTouched`). */
+    onBlur?: React.FocusEventHandler<HTMLSpanElement>;
+}
+export declare const EdsToggle: React.ForwardRefExoticComponent<EdsToggleProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-toggle.d.ts","sourceRoot":"","sources":["../../src/eds-toggle/eds-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,+FAA+F;IAC/F,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,wFAiHpB,CAAC"}

package/eds-toggle/eds-toggle.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useRef } from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+export const EdsToggle = React.forwardRef(function EdsToggle({ e2eAttr = 'eds-toggle', ariaLabel = 'Toggle', iconOn, iconOff, size = 'm', checked, defaultChecked = false, disabled = false, onCheckedChange, onToggleChange, onBlur, onKeyDown, className, ...rest }, ref) {
+    const isControlled = checked !== undefined;
+    const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
+    const isChecked = isControlled ? checked : internalChecked;
+    const inputRef = useRef(null);
+    // Mirrors the Angular `toggle()` host method: flip the state unless disabled, emit the change
+    // callbacks, and (for uncontrolled) update the internal state.
+    const toggle = useCallback(() => {
+        if (disabled) {
+            return;
+        }
+        const newValue = !isChecked;
+        if (!isControlled) {
+            setInternalChecked(newValue);
+        }
+        onCheckedChange?.(newValue);
+        onToggleChange?.(newValue);
+    }, [disabled, isChecked, isControlled, onCheckedChange, onToggleChange]);
+    // Mirrors the Angular host `(keydown.space)`/`(keydown.enter)` listeners.
+    const handleKeyDown = useCallback((event) => {
+        if (event.key === ' ' || event.key === 'Spacebar') {
+            event.preventDefault();
+            toggle();
+        }
+        else if (event.key === 'Enter') {
+            toggle();
+        }
+        onKeyDown?.(event);
+    }, [toggle, onKeyDown]);
+    // Mirrors the Angular hidden-input `(change)` handler: toggle then preventDefault (the visual
+    // state is driven by the component, not the native checkbox default).
+    const handleInputChange = useCallback((event) => {
+        event.preventDefault();
+        toggle();
+    }, [toggle]);
+    // Mirrors the Angular `hostClasses()` computed: root class, size modifier (from
+    // EdsSizeDirective.getCssClass → `eds-toggle--size-<size>`, empty for the `m` default),
+    // then the checked/disabled state modifiers. Empty entries are filtered out.
+    const hostClasses = [
+        'eds-toggle',
+        size && size !== 'm' ? `eds-toggle--size-${size}` : '',
+        isChecked ? 'eds-toggle--checked' : '',
+        disabled ? 'eds-toggle--disabled' : '',
+        className ?? '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const showIcons = !!iconOn && !!iconOff;
+    return (_jsxs("span", { ref: ref, className: hostClasses, role: "switch", tabIndex: disabled ? -1 : 0, "aria-checked": isChecked, "aria-label": ariaLabel, "aria-disabled": disabled, "data-e2e": e2eAttr, onKeyDown: handleKeyDown, onBlur: onBlur, ...rest, children: [_jsx("input", { ref: inputRef, className: "eds-toggle__input", type: "checkbox", tabIndex: -1, "aria-hidden": "true", checked: isChecked, disabled: disabled, onChange: handleInputChange }), _jsx("span", { className: "eds-toggle__track", children: _jsx("span", { className: "eds-toggle__handle", children: showIcons
+                        ? isChecked
+                            ? _jsx(EdsIcon, { icon: iconOn, size: "s" })
+                            : _jsx(EdsIcon, { icon: iconOff, size: "s" })
+                        : null }) })] }));
+});
+//# sourceMappingURL=eds-toggle.js.map

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

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

package/eds-toggle/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsToggle } from './eds-toggle.js';
+export type { EdsToggleProps, EdsToggleSize } from './eds-toggle.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/eds-toggle/index.js

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

package/eds-toggle/index.js.map

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

package/eds-tooltip/eds-tooltip.css

@@ -11,7 +11,6 @@
  */
 
 .eds-tooltip-panel {
-    margin-bottom: var(--eds-sp-2xl);
     background: transparent;
     pointer-events: none;
 }
@@ -67,11 +66,9 @@
     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);
-}
-
+/* Arrow per resolved placement (the `.eds-tooltip--<position>` panel class). The
+   trigger↔panel gap is supplied by the JS `TRIGGER_GAP` (not a CSS margin), so the
+   measured box and the rendered box stay aligned. */
 .eds-tooltip-panel.eds-tooltip--above .eds-tooltip:before {
     border-color: var(--eds-c-surface-inverted) transparent transparent transparent;
     bottom: 2px;
@@ -79,10 +76,6 @@
     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);
@@ -90,10 +83,6 @@
     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);
@@ -101,10 +90,6 @@
     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);

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

@@ -1 +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"}
+{"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;AAuFD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,yFA4IrB,CAAC"}

package/eds-tooltip/eds-tooltip.js

@@ -4,6 +4,13 @@ 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;
+/**
+ * Gap (px) between the trigger and the tooltip panel, matching the Angular container's
+ * per-placement `margin: var(--eds-sp-s)` (≈ 8px). Baked into the JS coordinates instead
+ * of a CSS margin so the measured box and the rendered box stay aligned (a CSS margin on
+ * the positioned panel would displace it from the computed `top`/`left`, offsetting it).
+ */
+const TRIGGER_GAP = 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
@@ -15,23 +22,23 @@ function coordsFor(placement, trigger, panel) {
     switch (placement) {
         case 'above':
             return {
-                top: trigger.top - panel.height,
+                top: trigger.top - panel.height - TRIGGER_GAP,
                 left: trigger.left + trigger.width / 2 - panel.width / 2,
             };
         case 'below':
             return {
-                top: trigger.bottom,
+                top: trigger.bottom + TRIGGER_GAP,
                 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,
+                left: trigger.left - panel.width - TRIGGER_GAP,
             };
         case 'right':
             return {
                 top: trigger.top + trigger.height / 2 - panel.height / 2,
-                left: trigger.right,
+                left: trigger.right + TRIGGER_GAP,
             };
     }
 }
@@ -138,11 +145,15 @@ export const EdsTooltip = React.forwardRef(function EdsTooltip({ content = null,
             if (!triggerEl || !panelEl)
                 return;
             const triggerRect = triggerEl.getBoundingClientRect();
-            const panelRect = panelEl.getBoundingClientRect();
+            // Use offsetWidth/offsetHeight (layout box, transform-independent) rather than
+            // getBoundingClientRect(): the panel runs an entrance `scale()` animation, so its
+            // bounding rect is momentarily scaled down on first paint and would corrupt the
+            // centering math.
+            const panelSize = { width: panelEl.offsetWidth, height: panelEl.offsetHeight };
             const [primary, fallback] = placementsFor(position);
-            const placement = fits(primary, triggerRect, panelRect) ? primary : fallback;
+            const placement = fits(primary, triggerRect, panelSize) ? primary : fallback;
             setResolved(placement);
-            setCoords(coordsFor(placement, triggerRect, panelRect));
+            setCoords(coordsFor(placement, triggerRect, panelSize));
         };
         reposition();
         window.addEventListener('scroll', reposition, true);

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

@@ -1 +1 @@
-{"version":3,"file":"eds-tooltip.js","sourceRoot":"","sources":["../../src/eds-tooltip/eds-tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAoDzC,qEAAqE;AACrE,MAAM,eAAe,GAAG,CAAC,CAAC;AAE1B;;;;;;GAMG;AACH,SAAS,SAAS,CAAC,SAA2B,EAAE,OAAgB,EAAE,KAAc;IAC5E,QAAQ,SAAS,EAAE,CAAC;QAChB,KAAK,OAAO;YACR,OAAO;gBACH,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM;gBAC/B,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC;aAC3D,CAAC;QACN,KAAK,OAAO;YACR,OAAO;gBACH,GAAG,EAAE,OAAO,CAAC,MAAM;gBACnB,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC;aAC3D,CAAC;QACN,KAAK,MAAM;YACP,OAAO;gBACH,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;gBACxD,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK;aACnC,CAAC;QACN,KAAK,OAAO;YACR,OAAO;gBACH,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;gBACxD,IAAI,EAAE,OAAO,CAAC,KAAK;aACtB,CAAC;IACV,CAAC;AACL,CAAC;AAED,wFAAwF;AACxF,SAAS,IAAI,CAAC,SAA2B,EAAE,OAAgB,EAAE,KAAc;IACvE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC3D,OAAO,CACH,GAAG,IAAI,eAAe;QACtB,IAAI,IAAI,eAAe;QACvB,GAAG,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,WAAW,GAAG,eAAe;QAC1D,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,GAAG,eAAe,CAC5D,CAAC;AACN,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,aAAa,CAAC,QAA4B;IAC/C,QAAQ,QAAQ,EAAE,CAAC;QACf,KAAK,OAAO;YACR,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9B,KAAK,OAAO;YACR,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9B,KAAK,MAAM,CAAC;QACZ,KAAK,QAAQ;YACT,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC7B,KAAK,OAAO,CAAC;QACb,KAAK,OAAO;YACR,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC7B;YACI,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC;AACL,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAmC,SAAS,UAAU,CAC5F,EACI,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,WAAW,EACnB,QAAQ,GAAG,OAAO,EAClB,gBAAgB,GAAG,QAAQ,EAC3B,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,CAAC,EACb,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,aAAa,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,OAAO,CAAC,CAAC;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAEzF,MAAM,UAAU,GAAG,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,EAAE,CAAC;IAE/E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAS,EAAE;QACvC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,WAAW,CAAC,GAAS,EAAE;QAChC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO;QAC9B,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,UAAU,IAAI,UAAU,EAAE,CAAC;gBAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;QACL,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,MAAM,IAAI,GAAG,WAAW,CAAC,GAAS,EAAE;QAChC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO;QAC9B,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,SAAS,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,mFAAmF;IACnF,kFAAkF;IAClF,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,UAAU,GAAG,GAAS,EAAE;YAC1B,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC;YACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;YACjC,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO;gBAAE,OAAO;YACnC,MAAM,WAAW,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YACtD,MAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAElD,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;YACpD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC7E,WAAW,CAAC,SAAS,CAAC,CAAC;YACvB,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QACpD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;YACvD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,mCAAmC;IACnC,eAAe,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElD,MAAM,SAAS,GAAG,CAAC,KAA2C,EAAQ,EAAE;QACpE,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,EAAE,CAAC;YACnC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,EAAE,CAAC;QACX,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,gBACI,GAAG,EAAE,SAAS,CAAC,UAAU,EAAE,GAAG,CAAC,EAC/B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,uBAAuB,SAAS,EAAE,CAAC,CAAC,CAAC,qBAAqB,EACjF,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,IAAI,EAClB,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,SAAS,sBACF,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KAC1C,IAAI,aAEP,QAAQ,EACR,MAAM,IAAI,UAAU;gBACjB,CAAC,CAAC,YAAY,CACR,cACI,SAAS,EAAE,yCAAyC,QAAQ,EAAE,EAC9D,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAE5F,cACI,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,cACJ,OAAO,EACjB,SAAS,EAAE,oCAAoC,gBAAgB,iBAAiB,KAAK,EAAE,YAEvF,cAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAO,GACnD,GACJ,EACN,QAAQ,CAAC,IAAI,CAChB;gBACH,CAAC,CAAC,IAAI,IACP,CACV,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,mEAAmE;AACnE,SAAS,SAAS,CACd,KAAuC,EACvC,SAAgC;IAEhC,OAAO,CAAC,IAAc,EAAE,EAAE;QACtB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;YAClC,SAAS,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACnB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;IACL,CAAC,CAAC;AACN,CAAC"}
+{"version":3,"file":"eds-tooltip.js","sourceRoot":"","sources":["../../src/eds-tooltip/eds-tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAoDzC,qEAAqE;AACrE,MAAM,eAAe,GAAG,CAAC,CAAC;AAE1B;;;;;GAKG;AACH,MAAM,WAAW,GAAG,CAAC,CAAC;AAEtB;;;;;;GAMG;AACH,SAAS,SAAS,CAAC,SAA2B,EAAE,OAAgB,EAAE,KAAgB;IAC9E,QAAQ,SAAS,EAAE,CAAC;QAChB,KAAK,OAAO;YACR,OAAO;gBACH,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,WAAW;gBAC7C,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC;aAC3D,CAAC;QACN,KAAK,OAAO;YACR,OAAO;gBACH,GAAG,EAAE,OAAO,CAAC,MAAM,GAAG,WAAW;gBACjC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC;aAC3D,CAAC;QACN,KAAK,MAAM;YACP,OAAO;gBACH,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;gBACxD,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,WAAW;aACjD,CAAC;QACN,KAAK,OAAO;YACR,OAAO;gBACH,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;gBACxD,IAAI,EAAE,OAAO,CAAC,KAAK,GAAG,WAAW;aACpC,CAAC;IACV,CAAC;AACL,CAAC;AAQD,wFAAwF;AACxF,SAAS,IAAI,CAAC,SAA2B,EAAE,OAAgB,EAAE,KAAgB;IACzE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC3D,OAAO,CACH,GAAG,IAAI,eAAe;QACtB,IAAI,IAAI,eAAe;QACvB,GAAG,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,WAAW,GAAG,eAAe;QAC1D,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,GAAG,eAAe,CAC5D,CAAC;AACN,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,aAAa,CAAC,QAA4B;IAC/C,QAAQ,QAAQ,EAAE,CAAC;QACf,KAAK,OAAO;YACR,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9B,KAAK,OAAO;YACR,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9B,KAAK,MAAM,CAAC;QACZ,KAAK,QAAQ;YACT,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC7B,KAAK,OAAO,CAAC;QACb,KAAK,OAAO;YACR,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC7B;YACI,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC;AACL,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAmC,SAAS,UAAU,CAC5F,EACI,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,WAAW,EACnB,QAAQ,GAAG,OAAO,EAClB,gBAAgB,GAAG,QAAQ,EAC3B,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,CAAC,EACb,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,aAAa,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,OAAO,CAAC,CAAC;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAEzF,MAAM,UAAU,GAAG,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,EAAE,CAAC;IAE/E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAS,EAAE;QACvC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,WAAW,CAAC,GAAS,EAAE;QAChC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO;QAC9B,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,UAAU,IAAI,UAAU,EAAE,CAAC;gBAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;QACL,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,MAAM,IAAI,GAAG,WAAW,CAAC,GAAS,EAAE;QAChC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO;QAC9B,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,SAAS,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,mFAAmF;IACnF,kFAAkF;IAClF,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,UAAU,GAAG,GAAS,EAAE;YAC1B,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC;YACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;YACjC,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO;gBAAE,OAAO;YACnC,MAAM,WAAW,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YACtD,+EAA+E;YAC/E,kFAAkF;YAClF,gFAAgF;YAChF,kBAAkB;YAClB,MAAM,SAAS,GAAc,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC;YAE1F,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;YACpD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC7E,WAAW,CAAC,SAAS,CAAC,CAAC;YACvB,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QACpD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;YACvD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,mCAAmC;IACnC,eAAe,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElD,MAAM,SAAS,GAAG,CAAC,KAA2C,EAAQ,EAAE;QACpE,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,EAAE,CAAC;YACnC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,EAAE,CAAC;QACX,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,gBACI,GAAG,EAAE,SAAS,CAAC,UAAU,EAAE,GAAG,CAAC,EAC/B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,uBAAuB,SAAS,EAAE,CAAC,CAAC,CAAC,qBAAqB,EACjF,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,IAAI,EAClB,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,SAAS,sBACF,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KAC1C,IAAI,aAEP,QAAQ,EACR,MAAM,IAAI,UAAU;gBACjB,CAAC,CAAC,YAAY,CACR,cACI,SAAS,EAAE,yCAAyC,QAAQ,EAAE,EAC9D,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAE5F,cACI,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,SAAS,cACJ,OAAO,EACjB,SAAS,EAAE,oCAAoC,gBAAgB,iBAAiB,KAAK,EAAE,YAEvF,cAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAO,GACnD,GACJ,EACN,QAAQ,CAAC,IAAI,CAChB;gBACH,CAAC,CAAC,IAAI,IACP,CACV,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,mEAAmE;AACnE,SAAS,SAAS,CACd,KAAuC,EACvC,SAAgC;IAEhC,OAAO,CAAC,IAAc,EAAE,EAAE;QACtB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;YAClC,SAAS,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACnB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;IACL,CAAC,CAAC;AACN,CAAC"}

package/eds-user-profile/eds-user-profile-menu-item.css

@@ -0,0 +1,30 @@
+/* 1:1 port of eds-user-profile-menu-item.scss (Angular emulated encapsulation -> light-DOM CSS). */
+
+.eds-user-profile-menu-item {
+    display: block;
+    padding: var(--eds-sp-xs) var(--eds-sp-m);
+    font: var(--eds-f-paragraph-s);
+    color: var(--eds-c-foreground);
+    cursor: pointer;
+    outline: none;
+    transition: background 0.15s ease;
+}
+
+/* base.eds-focus-visible-ring() inlined */
+.eds-user-profile-menu-item:focus-visible:not([readonly]) {
+    outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;
+    outline-offset: 1px !important;
+    border-radius: var(--eds-br-xs) !important;
+}
+
+.eds-user-profile-menu-item:hover {
+    background: var(--eds-c-surface-elevation-sunken);
+}
+
+.eds-user-profile-menu-item:first-child {
+    background: var(--eds-c-surface-selected);
+}
+
+.eds-user-profile-menu-item:focus {
+    background: var(--eds-c-surface-selected);
+}

package/eds-user-profile/eds-user-profile-menu-item.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface EdsUserProfileMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Item content — label text and/or icons (`<ng-content/>` → `{children}`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsUserProfileMenuItem` — pure React port of the Angular `eds-user-profile-menu-item`.
+ *
+ * A pure content-projection wrapper (`<ng-content/>` → `{children}`) carrying the
+ * `.eds-user-profile-menu-item` class. Mirrors the Angular host bindings `role="menuitem"`
+ * and `tabindex="-1"` (roving focus is driven by the parent `EdsUserProfile`'s keyboard
+ * handler). Any `...rest` (e.g. `onClick`) is spread onto the element.
+ */
+export declare const EdsUserProfileMenuItem: React.ForwardRefExoticComponent<EdsUserProfileMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-user-profile-menu-item.d.ts.map

package/eds-user-profile/eds-user-profile-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-user-profile-menu-item.d.ts","sourceRoot":"","sources":["../../src/eds-user-profile/eds-user-profile-menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,oGAkBlC,CAAC"}

package/eds-user-profile/eds-user-profile-menu-item.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsUserProfileMenuItem` — pure React port of the Angular `eds-user-profile-menu-item`.
+ *
+ * A pure content-projection wrapper (`<ng-content/>` → `{children}`) carrying the
+ * `.eds-user-profile-menu-item` class. Mirrors the Angular host bindings `role="menuitem"`
+ * and `tabindex="-1"` (roving focus is driven by the parent `EdsUserProfile`'s keyboard
+ * handler). Any `...rest` (e.g. `onClick`) is spread onto the element.
+ */
+export const EdsUserProfileMenuItem = React.forwardRef(function EdsUserProfileMenuItem({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className
+            ? `eds-user-profile-menu-item ${className}`
+            : 'eds-user-profile-menu-item', role: "menuitem", tabIndex: -1, ...rest, children: children }));
+});
+//# sourceMappingURL=eds-user-profile-menu-item.js.map

package/eds-user-profile/eds-user-profile-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-user-profile-menu-item.js","sourceRoot":"","sources":["../../src/eds-user-profile/eds-user-profile-menu-item.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAClD,SAAS,sBAAsB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACjE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EACL,SAAS;YACL,CAAC,CAAC,8BAA8B,SAAS,EAAE;YAC3C,CAAC,CAAC,4BAA4B,EAEtC,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,KACR,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-user-profile/eds-user-profile-menu.css

@@ -0,0 +1,6 @@
+/* 1:1 port of eds-user-profile-menu.scss (Angular emulated encapsulation -> light-DOM CSS). */
+
+.eds-user-profile-menu {
+    display: block;
+    padding: var(--eds-sp-xs) var(--eds-sp-none);
+}

package/eds-user-profile/eds-user-profile-menu.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface EdsUserProfileMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Menu content — one or more `<EdsUserProfileMenuItem>` (`<ng-content/>` → `{children}`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsUserProfileMenu` — pure React port of the Angular `eds-user-profile-menu`.
+ *
+ * A pure content-projection wrapper (`<ng-content/>` → `{children}`) carrying the
+ * `.eds-user-profile-menu` class. It holds the dropdown items and is passed to
+ * `EdsUserProfile` via its `menu` slot prop.
+ */
+export declare const EdsUserProfileMenu: React.ForwardRefExoticComponent<EdsUserProfileMenuProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-user-profile-menu.d.ts.map

package/eds-user-profile/eds-user-profile-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-user-profile-menu.d.ts","sourceRoot":"","sources":["../../src/eds-user-profile/eds-user-profile-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,gGAY9B,CAAC"}

package/eds-user-profile/eds-user-profile-menu.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsUserProfileMenu` — pure React port of the Angular `eds-user-profile-menu`.
+ *
+ * A pure content-projection wrapper (`<ng-content/>` → `{children}`) carrying the
+ * `.eds-user-profile-menu` class. It holds the dropdown items and is passed to
+ * `EdsUserProfile` via its `menu` slot prop.
+ */
+export const EdsUserProfileMenu = React.forwardRef(function EdsUserProfileMenu({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-user-profile-menu ${className}` : 'eds-user-profile-menu', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-user-profile-menu.js.map

package/eds-user-profile/eds-user-profile-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-user-profile-menu.js","sourceRoot":"","sources":["../../src/eds-user-profile/eds-user-profile-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;;GAMG;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-user-profile/eds-user-profile.css

@@ -0,0 +1,105 @@
+/* 1:1 port of eds-user-profile.scss (Angular emulated encapsulation -> light-DOM CSS). */
+
+.eds-user-profile {
+    display: inline-flex;
+    position: relative;
+}
+
+.eds-user-profile .user-profile {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-3xs);
+    border-radius: var(--eds-br-s);
+    padding: var(--eds-sp-3xs) var(--eds-sp-xs);
+    transition: background 0.15s ease;
+}
+
+.eds-user-profile .user-profile.has-menu {
+    cursor: pointer;
+}
+
+/* base.eds-focus-visible-ring() inlined */
+.eds-user-profile .user-profile.has-menu:focus-visible:not([readonly]) {
+    outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;
+    outline-offset: 1px !important;
+    border-radius: var(--eds-br-xs) !important;
+}
+
+.eds-user-profile .user-profile.has-menu:hover {
+    background: var(--eds-c-surface-elevation-sunken);
+}
+
+.eds-user-profile .user-profile.has-menu.in-toolbar:hover {
+    background: var(--eds-c-surface-brand--hover);
+}
+
+.eds-user-profile .user-profile.reverse .user-info {
+    order: -1;
+    text-align: right;
+}
+
+.eds-user-profile .user-info {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+
+.eds-user-profile .welcome {
+    font: var(--eds-f-microcopy-xs);
+    color: var(--eds-c-foreground-subtler);
+}
+
+.eds-user-profile .name {
+    font: var(--eds-f-label-m-semi-bold);
+    color: var(--eds-c-foreground);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.eds-user-profile .sub-info {
+    font: var(--eds-f-microcopy-xs);
+    color: var(--eds-c-foreground-subtler);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.eds-user-profile .chevron {
+    flex-shrink: 0;
+    color: var(--eds-c-foreground-subtler);
+    transition: transform 0.2s ease;
+}
+
+.eds-user-profile .chevron.chevron-brand {
+    color: var(--eds-c-on-surface-brand);
+}
+
+.eds-user-profile .icon-only-label {
+    font: var(--eds-f-label-m-semi-bold);
+    color: var(--eds-c-foreground);
+    white-space: nowrap;
+}
+
+.eds-user-profile .user-profile.icon-only.in-toolbar .icon-only-label {
+    color: var(--eds-c-on-surface-brand);
+}
+
+.eds-user-profile .profile-menu {
+    position: absolute;
+    top: 100%;
+    right: 0;
+    z-index: 200;
+    min-width: 220px;
+    margin-top: var(--eds-sp-3xs);
+    background: var(--eds-c-surface-elevation-overlay);
+    border: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    border-radius: var(--eds-br-m);
+    box-shadow: var(--eds-sh-3);
+    overflow: hidden;
+}
+
+.eds-user-profile .profile-menu.align-left {
+    right: auto;
+    left: 0;
+}

package/eds-user-profile/eds-user-profile.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+export interface EdsUserProfileProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** Full name of the user. @default '' */
+    fullName?: string;
+    /** First name. @default '' */
+    firstName?: string;
+    /** Last name. @default '' */
+    lastName?: string;
+    /** URL of the avatar image. @default '' */
+    avatarUrl?: string;
+    /** Additional info displayed below the name (e.g. email, role). @default '' */
+    subInfos?: string;
+    /** Welcome label displayed before the user name. @default 'Welcome' */
+    welcomeLabel?: string;
+    /** Whether to show the welcome label. @default true */
+    hasWelcomeLabel?: boolean;
+    /** Whether to show user name and info text. @default true */
+    isShowUserInfos?: boolean;
+    /** Whether to show initials in the avatar when no image. @default true */
+    isShowAvatarInitials?: boolean;
+    /** Reverse the layout (name on left, avatar on right). @default false */
+    isReverse?: boolean;
+    /** Whether to reverse name order (firstName first). @default false */
+    reverseNameOrder?: boolean;
+    /** Whether to show only an icon with a login/logged-in label (no avatar, no name). @default false */
+    hasIconOnly?: boolean;
+    /** Whether the user is currently logged in (used with hasIconOnly). @default false */
+    isLoggedIn?: boolean;
+    /** Label shown when not logged in (hasIconOnly mode). @default 'Log in' */
+    loginLabel?: string;
+    /** Label shown when logged in (hasIconOnly mode). @default 'Logged in' */
+    loggedInLabel?: string;
+    /**
+     * Whether the profile is rendered inside a shell toolbar (brand styling / `m` avatar).
+     * Host-owned: replaces the Angular `closest('eds-shell-toolbar')` DOM detection (router/
+     * shell-service-agnostic — the composing app sets this). @default false
+     */
+    isInToolbar?: boolean;
+    /**
+     * Whether reverse mode is forced by the surrounding context (e.g. inside a shell header).
+     * Host-owned: replaces the Angular `closest('eds-shell-header')` DOM detection. @default false
+     */
+    contextReverse?: boolean;
+    /** Emitted when the icon-only profile is clicked while not logged in. */
+    onLoginClick?: () => void;
+    /**
+     * Dropdown menu slot — an `<EdsUserProfileMenu>` element. Its presence enables the menu
+     * (mirrors the Angular `contentChild(EdsUserProfileMenu)` query). In icon-only mode the
+     * menu is only available when logged in.
+     */
+    menu?: React.ReactNode;
+    /** Non-slot content (rendered inside the profile trigger); typically unused. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsUserProfile` — pure React port of the Angular `eds-user-profile`.
+ *
+ * Shows a user's avatar, name and sub-info as a (optionally interactive) profile trigger with
+ * an optional dropdown menu. Supports an icon-only login/logged-in mode, a reversed layout,
+ * and a brand toolbar variant. The Angular router/shell-service context detection
+ * (`closest('eds-shell-toolbar'/'eds-shell-header')`) is dropped per the router-agnostic rule
+ * and re-exposed as the host-owned `isInToolbar` / `contextReverse` props. The projected menu
+ * (`<ng-content select="eds-user-profile-menu">`) maps to the `menu` slot prop; keyboard
+ * navigation (arrow/enter/escape roving over `.eds-user-profile-menu-item`), outside-click
+ * dismissal, and right/left alignment all reproduce the Angular behavior with hooks.
+ */
+export declare const EdsUserProfile: React.ForwardRefExoticComponent<EdsUserProfileProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-user-profile.d.ts.map

package/eds-user-profile/eds-user-profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-user-profile.d.ts","sourceRoot":"","sources":["../../src/eds-user-profile/eds-user-profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0EAA0E;IAC1E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qGAAqG;IACrG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,4FA0R1B,CAAC"}