@eui/eds-react 22.0.0-alpha.10

package/eds-button/eds-button.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+/**
+ * Local narrowed unions — the button's variant contract (ported 1:1 from the Angular
+ * `button[edsButton]`). No shared-token import.
+ */
+export type EdsButtonType = 'primary' | 'secondary' | 'tertiary';
+/**
+ * Colors the button accepts. `primary` / `neutral` / `highlight` / `critical` have dedicated
+ * SCSS branches; `warning` is accepted (Angular via `edsWarning`) but has no styled branch —
+ * it renders the `eds-button--warning` class only, matching the Angular behavior.
+ */
+export type EdsButtonColor = 'primary' | 'neutral' | 'highlight' | 'critical' | 'warning';
+/** Sizes the button styles (SCSS `eds-button--size-<size>` branches). */
+export type EdsButtonSize = 's' | 'm' | 'l';
+export interface EdsButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'type'> {
+    /**
+     * Visual type of the button. `primary` = solid surface; `secondary` = bordered;
+     * `tertiary` = text/ghost. Mirrors the Angular `edsTypeVariant` input and the
+     * `edsButtonPrimary`/`edsButtonSecondary`/`edsButtonTertiary` boolean shorthands.
+     * @default 'primary'
+     */
+    type?: EdsButtonType;
+    /** Semantic color of the button. @default 'primary' */
+    color?: EdsButtonColor;
+    /** Size of the button. @default 'm' */
+    size?: EdsButtonSize;
+    /**
+     * Disables the button (adds the `disabled` attribute and disabled styling).
+     * @default false
+     */
+    disabled?: boolean;
+    /** Makes the button full-width (block-level). @default false */
+    block?: boolean;
+    /** Styles the button for icon-only content. @default false */
+    iconButton?: boolean;
+    /** Styles the button when used as an avatar trigger (e.g. actionable avatar). @default false */
+    avatarButton?: boolean;
+    /** Allows text content to wrap. @default false */
+    lineWrap?: boolean;
+    /** Applies a fully rounded border-radius. @default false */
+    rounded?: boolean;
+    /**
+     * Marks the button as initially checked/selected within a button group. Kept for
+     * parity with the Angular `isChecked` input; read by a parent group.
+     * @default false
+     */
+    checked?: boolean;
+    /** Data attribute for e2e testing. @default 'eds-button' */
+    e2eAttr?: string;
+    /** Optional projected content (label, icons). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsButton` — pure React port of the Angular `button[edsButton]` component.
+ *
+ * The root element is a native `<button.eds-button>` (the host IS the button, matching the
+ * attribute-selector Angular component). This is a **class-based (pre-String-Props) source**:
+ * the Angular component computes a BEM `hostClasses()` string rather than reflecting host
+ * attributes, so the React port reproduces that BEM class logic verbatim in `className`, and
+ * the ported CSS keeps the `.eds-button.eds-button--type-primary` selectors (guide Part 1
+ * rule 9 — the sanctioned exception to the `data-*` rule). The label/icons are projected via
+ * `children` into the `.eds-button__container` wrapper, matching the Angular `<ng-content/>`.
+ */
+export declare const EdsButton: React.ForwardRefExoticComponent<EdsButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=eds-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-button.d.ts","sourceRoot":"","sources":["../../src/eds-button/eds-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAE1F,yEAAyE;AACzE,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE5C,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7E;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,uDAAuD;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,uCAAuC;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gGAAgG;IAChG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,0FA+CpB,CAAC"}

package/eds-button/eds-button.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsButton` — pure React port of the Angular `button[edsButton]` component.
+ *
+ * The root element is a native `<button.eds-button>` (the host IS the button, matching the
+ * attribute-selector Angular component). This is a **class-based (pre-String-Props) source**:
+ * the Angular component computes a BEM `hostClasses()` string rather than reflecting host
+ * attributes, so the React port reproduces that BEM class logic verbatim in `className`, and
+ * the ported CSS keeps the `.eds-button.eds-button--type-primary` selectors (guide Part 1
+ * rule 9 — the sanctioned exception to the `data-*` rule). The label/icons are projected via
+ * `children` into the `.eds-button__container` wrapper, matching the Angular `<ng-content/>`.
+ */
+export const EdsButton = React.forwardRef(function EdsButton({ type = 'primary', color = 'primary', size = 'm', disabled = false, block = false, iconButton = false, avatarButton = false, lineWrap = false, rounded = false, checked: _checked = false, e2eAttr = 'eds-button', children, className, ...rest }, ref) {
+    // Angular `hostClasses()` computed — reproduced verbatim (BEM string).
+    const hostClasses = [
+        'eds-button',
+        `eds-button--size-${size}`,
+        `eds-button--${color}`,
+        `eds-button--type-${type}`,
+        rounded ? 'eds-button--rounded' : '',
+        block ? 'eds-button--block' : '',
+        iconButton ? 'eds-button--icon-only' : '',
+        avatarButton ? 'eds-button--avatar' : '',
+        lineWrap ? 'eds-button--line-wrap' : '',
+        className ?? '',
+    ]
+        .join(' ')
+        .replace(/\s+/g, ' ')
+        .trim();
+    return (_jsx("button", { ref: ref, className: hostClasses, "data-e2e": e2eAttr, disabled: disabled || undefined, ...rest, children: _jsx("span", { className: "eds-button__container", children: children }) }));
+});
+//# sourceMappingURL=eds-button.js.map

package/eds-button/eds-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-button.js","sourceRoot":"","sources":["../../src/eds-button/eds-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0D/B;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAoC,SAAS,SAAS,CAC3F,EACI,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,EAAE,QAAQ,GAAG,KAAK,EACzB,OAAO,GAAG,YAAY,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,uEAAuE;IACvE,MAAM,WAAW,GAAG;QAChB,YAAY;QACZ,oBAAoB,IAAI,EAAE;QAC1B,eAAe,KAAK,EAAE;QACtB,oBAAoB,IAAI,EAAE;QAC1B,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;QACpC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;QAChC,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE;QACzC,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;QACxC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE;QACvC,SAAS,IAAI,EAAE;KAClB;SACI,IAAI,CAAC,GAAG,CAAC;SACT,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,IAAI,EAAE,CAAC;IAEZ,OAAO,CACH,iBACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,cACZ,OAAO,EACjB,QAAQ,EAAE,QAAQ,IAAI,SAAS,KAC3B,IAAI,YAER,eAAM,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAQ,GACpD,CACZ,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-button/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsButton } from './eds-button.js';
+export type { EdsButtonProps, EdsButtonType, EdsButtonColor, EdsButtonSize } from './eds-button.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/eds-button/index.js

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

package/eds-button/index.js.map

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

package/eds-chip/eds-chip.css

@@ -0,0 +1,171 @@
+/*
+ * eds-chip — pure React port of eds-chip.scss.
+ *
+ * Angular emulated-encapsulation mapping (no shadow DOM here):
+ *   :host                     -> .eds-chip (root class on the rendered element)
+ *   :host([color="v"])        -> .eds-chip[data-color="v"]
+ *   :host([size="v"])         -> .eds-chip[data-size="v"]
+ *   :host([active]) (boolean) -> .eds-chip[data-active]
+ *   :host([disabled])         -> .eds-chip[data-disabled]
+ *   &:not([disabled])         -> .eds-chip:not([data-disabled])
+ * The --_eds-chip-* privates and --eds-* tokens are unchanged; tokens cascade in from the
+ * .eui-21 context (required on an ancestor), exactly like the Angular component. The focus
+ * ring is inlined from base.eds-focus-visible-ring-rounded().
+ */
+
+.eds-chip {
+    /* default color = neutral */
+    --_eds-chip-surface: transparent;
+    --_eds-chip-on-surface: var(--eds-c-foreground-primary);
+    --_eds-chip-border-color: var(--eds-c-border-primary-subtle);
+    --_eds-chip-surface-hover: var(--eds-c-surface-primary-subtle);
+    --_eds-chip-on-surface-hover: var(--eds-c-on-surface-primary-subtle);
+    --_eds-chip-surface-active: var(--eds-c-surface-primary-subtle);
+    --_eds-chip-on-surface-active: var(--eds-c-on-surface-primary-subtle);
+
+    /* default size = m */
+    --_eds-chip-font: var(--eds-f-paragraph-s);
+    --_eds-chip-padding: var(--eds-sp-4xs) var(--eds-sp-2xs);
+    --_eds-chip-height: var(--eds-sp-xl);
+
+    /* a projected eds-icon follows the chip foreground (on-surface) color */
+    --_eds-icon-on-surface: var(--_eds-chip-on-surface);
+
+    border-radius: var(--eds-br-full);
+    display: inline-flex;
+    border: var(--eds-bw-xs) solid var(--_eds-chip-border-color);
+    padding: var(--_eds-chip-padding);
+    font: var(--_eds-chip-font);
+    background-color: var(--_eds-chip-surface);
+    color: var(--_eds-chip-on-surface);
+    height: var(--_eds-chip-height);
+    cursor: pointer;
+    gap: var(--eds-sp-2xs);
+    align-items: center;
+}
+
+/* inlined base.eds-focus-visible-ring-rounded() */
+.eds-chip:not([data-disabled]):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-full) !important;
+}
+
+.eds-chip:hover {
+    background-color: var(--_eds-chip-surface-hover);
+    color: var(--_eds-chip-on-surface-hover);
+}
+.eds-chip:active {
+    background-color: var(--_eds-chip-surface-active);
+    color: var(--_eds-chip-on-surface-active);
+}
+
+.eds-chip .eds-chip__content {
+    display: inline-flex;
+    align-items: center;
+    background: transparent;
+    gap: var(--eds-sp-2xs);
+}
+
+.eds-chip .eds-chip__close {
+    margin-left: var(--eds-sp-xs);
+}
+
+/* SIZE VARIANTS
+   ------------- */
+
+.eds-chip[data-size="s"] {
+    --_eds-chip-font: var(--eds-f-paragraph-xs);
+    --_eds-chip-padding: var(--eds-sp-4xs) var(--eds-sp-3xs);
+    --_eds-chip-height: var(--eds-sp-l);
+}
+
+.eds-chip[data-size="m"] {
+    --_eds-chip-font: var(--eds-f-paragraph-s);
+    --_eds-chip-padding: var(--eds-sp-4xs) var(--eds-sp-2xs);
+    --_eds-chip-height: var(--eds-sp-xl);
+}
+
+.eds-chip[data-size="l"] {
+    --_eds-chip-font: var(--eds-f-paragraph-s);
+    --_eds-chip-padding: var(--eds-sp-3xs) var(--eds-sp-2xs);
+    --_eds-chip-height: var(--eds-sp-2xl);
+}
+
+/* COLOR VARIANTS
+   -------------- */
+
+.eds-chip[data-color="neutral"] {
+    --_eds-chip-surface: transparent;
+    --_eds-chip-on-surface: var(--eds-c-foreground-primary);
+    --_eds-chip-border-color: var(--eds-c-border-primary-subtle);
+    --_eds-chip-surface-hover: var(--eds-c-surface-primary-subtle);
+    --_eds-chip-on-surface-hover: var(--eds-c-on-surface-primary-subtle);
+    --_eds-chip-surface-active: var(--eds-c-surface-primary-subtle);
+    --_eds-chip-on-surface-active: var(--eds-c-on-surface-primary-subtle);
+}
+
+.eds-chip[data-color="info"] {
+    --_eds-chip-surface: transparent;
+    --_eds-chip-on-surface: var(--eds-c-foreground-info);
+    --_eds-chip-border-color: var(--eds-c-border-info-subtle);
+    --_eds-chip-surface-hover: var(--eds-c-surface-info-subtle);
+    --_eds-chip-on-surface-hover: var(--eds-c-on-surface-info-subtle);
+    --_eds-chip-surface-active: var(--eds-c-surface-info-subtle);
+    --_eds-chip-on-surface-active: var(--eds-c-on-surface-info-subtle);
+}
+
+.eds-chip[data-color="success"] {
+    --_eds-chip-surface: transparent;
+    --_eds-chip-on-surface: var(--eds-c-foreground-success);
+    --_eds-chip-border-color: var(--eds-c-border-success-subtle);
+    --_eds-chip-surface-hover: var(--eds-c-surface-success-subtle);
+    --_eds-chip-on-surface-hover: var(--eds-c-on-surface-success-subtle);
+    --_eds-chip-surface-active: var(--eds-c-surface-success-subtle);
+    --_eds-chip-on-surface-active: var(--eds-c-on-surface-success-subtle);
+}
+
+.eds-chip[data-color="warning"] {
+    --_eds-chip-surface: transparent;
+    --_eds-chip-on-surface: var(--eds-c-foreground-warning);
+    --_eds-chip-border-color: var(--eds-c-border-warning-subtle);
+    --_eds-chip-surface-hover: var(--eds-c-surface-warning-subtle);
+    --_eds-chip-on-surface-hover: var(--eds-c-on-surface-warning-subtle);
+    --_eds-chip-surface-active: var(--eds-c-surface-warning-subtle);
+    --_eds-chip-on-surface-active: var(--eds-c-on-surface-warning-subtle);
+}
+
+.eds-chip[data-color="critical"] {
+    --_eds-chip-surface: transparent;
+    --_eds-chip-on-surface: var(--eds-c-foreground-critical);
+    --_eds-chip-border-color: var(--eds-c-border-critical-subtle);
+    --_eds-chip-surface-hover: var(--eds-c-surface-critical-subtle);
+    --_eds-chip-on-surface-hover: var(--eds-c-on-surface-critical-subtle);
+    --_eds-chip-surface-active: var(--eds-c-surface-critical-subtle);
+    --_eds-chip-on-surface-active: var(--eds-c-on-surface-critical-subtle);
+}
+
+/* STATE OVERRIDES
+   --------------- */
+
+.eds-chip[data-active] {
+    --_eds-chip-surface: var(--eds-c-surface-primary);
+    --_eds-chip-on-surface: var(--eds-c-on-surface-primary);
+    --_eds-chip-border-color: transparent;
+    --_eds-chip-surface-hover: var(--eds-c-surface-primary--hover);
+    --_eds-chip-on-surface-hover: var(--eds-c-on-surface-primary--hover);
+    --_eds-chip-surface-active: var(--eds-c-surface-primary--pressed);
+    --_eds-chip-on-surface-active: var(--eds-c-on-surface-primary--pressed);
+}
+
+.eds-chip[data-disabled] {
+    --_eds-chip-surface: var(--eds-c-surface-disabled-subtle);
+    --_eds-chip-on-surface: var(--eds-c-foreground-disabled);
+    --_eds-chip-border-color: var(--eds-c-border-disabled);
+    --_eds-chip-surface-hover: var(--eds-c-surface-disabled-subtle);
+    --_eds-chip-on-surface-hover: var(--eds-c-foreground-disabled);
+    --_eds-chip-surface-active: var(--eds-c-surface-disabled-subtle);
+    --_eds-chip-on-surface-active: var(--eds-c-foreground-disabled);
+
+    cursor: default;
+}

package/eds-chip/eds-chip.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+/**
+ * Data structure for chip tooltip configuration (ported 1:1 from the Angular
+ * `eds-chip` `models/eui-chip.model.ts`).
+ */
+export interface EdsChipTooltip {
+    tooltipMessage?: string;
+    position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after';
+    contentAlignment?: 'center' | 'left' | 'right' | 'justify' | null;
+    delay?: number;
+    color?: string;
+}
+/** Data payload emitted by chip events and passed via the `data` prop. */
+export interface EdsChipData {
+    id?: string | number;
+    tooltip?: EdsChipTooltip;
+    /** Internal event reference, present when triggered via keyboard. */
+    _event?: Event;
+    [key: string]: unknown;
+}
+/**
+ * Local narrowed color union — the chip's color contract (ported 1:1 from Angular `eds-chip`).
+ */
+export type EdsChipColor = 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+/** Local narrowed size union — the chip's size contract. */
+export type EdsChipSize = 's' | 'm' | 'l';
+export interface EdsChipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'id'> {
+    /** Semantic color of the chip. @default 'neutral' */
+    color?: EdsChipColor;
+    /** Size of the chip. @default 'm' */
+    size?: EdsChipSize;
+    /**
+     * Sets the `aria-label` attribute for the host element. When not set, assistive
+     * technology will use the text content of the chip. @default undefined
+     */
+    ariaLabel?: string;
+    /** Data attribute for e2e testing. @default 'eds-chip' */
+    e2eAttr?: string;
+    /** Sets the edsInternalId of the chip. @default '' */
+    edsInternalId?: string;
+    /** Sets the label of the tooltip to display on hover. @default '' */
+    tooltipMessage?: string;
+    /** Sets the id of the chip. @default '' */
+    id?: string | number;
+    /** Sets the data of the chip like tooltip configuration. */
+    data?: EdsChipData;
+    /** Whether the chip can be removed. @default false */
+    isRemovable?: boolean;
+    /** Whether the chip is in active/pressed state. @default false */
+    isActive?: boolean;
+    /** Controls the disabled state of the chip. @default false */
+    disabled?: boolean;
+    /** Emitted when the chip is removed (Angular output `chipRemove`). */
+    onChipRemove?: (detail: EdsChipData) => void;
+    /** Emitted when the chip is clicked (Angular output `chipClick`). */
+    onChipClick?: (detail: EdsChipData) => void;
+    /** Projected content rendered inside the chip (matches Angular `<ng-content/>`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsChip` — pure React port of the Angular `eds-chip`.
+ *
+ * An interactive chip: it can be clicked (`onChipClick`), removed (`onChipRemove`, shown
+ * with a trailing remove icon when `isRemovable`), and toggled active/disabled. Host click,
+ * Enter, Space, Delete and Backspace keyboard behavior is reproduced (WAI-ARIA APG chip
+ * conventions). 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, and the sprite assets for the remove icon.
+ */
+export declare const EdsChip: React.ForwardRefExoticComponent<EdsChipProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=eds-chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-chip.d.ts","sourceRoot":"","sources":["../../src/eds-chip/eds-chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrE,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,0EAA0E;AAC1E,MAAM,WAAW,WAAW;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qEAAqE;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnF,4DAA4D;AAC5D,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAS1C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7F,qDAAqD;IACrD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2CAA2C;IAC3C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,qEAAqE;IACrE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,oFAAoF;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAcD;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,sFAwHlB,CAAC"}

package/eds-chip/eds-chip.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useContext, useRef } from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { EdsChipListContext } from '../eds-chip-list/eds-chip-list.js';
+/** Maps a chip size to the size of its inner (remove) icon. */
+const CHIP_ICON_SIZE = {
+    s: 'xs',
+    m: 's',
+    l: 'm',
+};
+/** Lazily builds the default `data` payload, mirroring the Angular input default. */
+function defaultChipData() {
+    return {
+        id: crypto.randomUUID(),
+        tooltip: {
+            color: 'edsTooltipPrimary',
+            contentAlignment: null,
+            position: 'above',
+        },
+    };
+}
+/**
+ * `EdsChip` — pure React port of the Angular `eds-chip`.
+ *
+ * An interactive chip: it can be clicked (`onChipClick`), removed (`onChipRemove`, shown
+ * with a trailing remove icon when `isRemovable`), and toggled active/disabled. Host click,
+ * Enter, Space, Delete and Backspace keyboard behavior is reproduced (WAI-ARIA APG chip
+ * conventions). 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, and the sprite assets for the remove icon.
+ */
+export const EdsChip = React.forwardRef(function EdsChip({ color = 'neutral', size = 'm', ariaLabel, e2eAttr = 'eds-chip', edsInternalId: _edsInternalId = '', tooltipMessage: _tooltipMessage = '', id = '', data, isRemovable = false, isActive = false, disabled = false, onChipRemove, onChipClick, children, className, onClick, onKeyDown, ...rest }, ref) {
+    const contentRef = useRef(null);
+    const iconSize = CHIP_ICON_SIZE[size];
+    // Angular: `hostRole = computed(() => this.chipList ? 'listitem' : 'button')`.
+    // Inside an EdsChipList (context = true) the chip is a list item; standalone it's a button.
+    const inChipList = useContext(EdsChipListContext);
+    const hostRole = inChipList ? 'listitem' : 'button';
+    // The `data` input has a per-instance default; keep it stable across renders.
+    const dataRef = useRef(undefined);
+    if (dataRef.current === undefined) {
+        dataRef.current = data ?? defaultChipData();
+    }
+    const chipData = data ?? dataRef.current;
+    const emitRemove = (event) => {
+        if (event instanceof KeyboardEvent && event.code === 'Backspace') {
+            onChipRemove?.({ ...chipData, _event: event });
+        }
+        else {
+            onChipRemove?.(chipData);
+        }
+    };
+    const handleHostAction = (event) => {
+        if (disabled) {
+            return;
+        }
+        if (isRemovable) {
+            emitRemove(event);
+        }
+        else {
+            onChipClick?.(chipData);
+        }
+    };
+    const handleClick = (event) => {
+        onClick?.(event);
+        handleHostAction(event.nativeEvent);
+    };
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        const key = event.key;
+        if (key === 'Enter') {
+            handleHostAction(event.nativeEvent);
+        }
+        else if (key === ' ' || key === 'Spacebar') {
+            // Space activation — prevent page scroll and trigger the host action.
+            event.preventDefault();
+            handleHostAction(event.nativeEvent);
+        }
+        else if (key === 'Delete' || key === 'Backspace') {
+            if (disabled || !isRemovable) {
+                return;
+            }
+            event.preventDefault();
+            emitRemove(event.nativeEvent);
+        }
+    };
+    // Angular reads the projected text for the remove-icon aria-label. We approximate by
+    // reading the rendered content on demand (falls back to a generic label).
+    const removeLabel = `Remove ${contentRef.current?.textContent?.trim() ?? ''} chip`
+        .replace(/\s+/g, ' ')
+        .trim();
+    return (_jsxs("span", { ref: ref, className: className ? `eds-chip ${className}` : 'eds-chip', id: id !== '' ? String(id) : undefined, "data-color": color, "data-size": size, "data-removable": isRemovable ? '' : undefined, "data-active": isActive ? '' : undefined, "data-disabled": disabled ? '' : undefined, tabIndex: disabled ? -1 : 0, role: hostRole, "aria-disabled": disabled ? 'true' : undefined, "aria-pressed": isActive ? 'true' : undefined, "aria-label": ariaLabel, "data-e2e": e2eAttr, onClick: handleClick, onKeyDown: handleKeyDown, ...rest, children: [_jsx("div", { className: "eds-chip__content", ref: contentRef, children: children }), isRemovable ? (_jsx(EdsIcon, { className: "eds-chip__close", ariaLabel: removeLabel, ariaHidden: false, icon: "x:core", size: iconSize })) : null] }));
+});
+//# sourceMappingURL=eds-chip.js.map

package/eds-chip/eds-chip.js.map

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

package/eds-chip/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsChip } from './eds-chip.js';
+export type { EdsChipProps, EdsChipColor, EdsChipSize, EdsChipData, EdsChipTooltip, } from './eds-chip.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,GACjB,MAAM,eAAe,CAAC"}

package/eds-chip/index.js

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

package/eds-chip/index.js.map

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

package/eds-chip-list/eds-chip-list.css

@@ -0,0 +1,32 @@
+/*
+ * eds-chip-list — pure React port of eds-chip-list.scss.
+ *
+ * Angular emulated-encapsulation mapping (no shadow DOM here):
+ *   :host                                       -> .eds-chip-list (root class)
+ *   :host .eds-chip-list__chip-container        -> .eds-chip-list .eds-chip-list__chip-container
+ *   eds-chip-list-additional-content:empty      -> unchanged (custom-element selector)
+ *   eds-chip-list-append-content:empty          -> unchanged (custom-element selector)
+ * The --eds-* tokens are unchanged; they cascade in from the .eui-21 context (required on an
+ * ancestor), exactly like the Angular component.
+ */
+
+.eds-chip-list {
+    display: flex;
+    gap: var(--eds-sp-xs);
+}
+
+.eds-chip-list .eds-chip-list__chip-container {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--eds-sp-xs);
+}
+
+.eds-chip-list .eds-chip-list__chip-container:empty {
+    display: none;
+}
+
+.eds-chip-list eds-chip-list-additional-content:empty,
+.eds-chip-list eds-chip-list-append-content:empty {
+    display: none;
+}

package/eds-chip-list/eds-chip-list.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+/**
+ * Context published by `EdsChipList` so a projected `EdsChip` can resolve its host role to
+ * `listitem` (the chip's standalone default is `button`). Mirrors the Angular
+ * `inject(EdsChipList, { optional: true })` relationship: a chip inside a list gets
+ * `role="listitem"`, a standalone chip keeps `role="button"`. Default `false` = no list.
+ */
+export declare const EdsChipListContext: React.Context<boolean>;
+export interface EdsChipListProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * ARIA label for the chip list container for screen reader accessibility.
+     * @default 'Chip list'
+     */
+    ariaLabel?: string;
+    /** Data attribute for e2e testing. @default 'eds-chip-list' */
+    e2eAttr?: string;
+    /**
+     * Non-chip content excluded from the list ARIA structure — projected after the chip
+     * container (Angular `<ng-content select="eds-chip-list-additional-content">`). Prefer
+     * nesting an `<EdsChipListAdditionalContent>` in `children`; this prop is the slot analog.
+     */
+    additionalContent?: React.ReactNode;
+    /**
+     * Content appended after the additional content — for chip placement above/below/inside a
+     * text input (Angular `<ng-content select="eds-chip-list-append-content">`). Prefer nesting
+     * an `<EdsChipListAppendContent>` in `children`; this prop is the slot analog.
+     */
+    appendContent?: React.ReactNode;
+    /** Chips (and optional slot sub-components) projected into the list. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsChipList` — pure React port of the Angular `eds-chip-list`.
+ *
+ * A semantic container for a group of `EdsChip`s. It renders a `role="list"` chip container
+ * (`aria-label` from `ariaLabel`) and reflects `data-e2e` on the host, matching the Angular
+ * template. It publishes `EdsChipListContext` so projected chips resolve `role="listitem"`.
+ *
+ * Slots (Angular multi-`<ng-content select>`): projected `EdsChipListAdditionalContent` /
+ * `EdsChipListAppendContent` children are pulled out of the chip container and rendered in
+ * their own structural positions (matching the Angular DOM order); everything else (the chips)
+ * stays inside the `role="list"` container. Equivalent `additionalContent` / `appendContent`
+ * props are also accepted for slot-style composition. The rendered element IS the component.
+ */
+export declare const EdsChipList: React.ForwardRefExoticComponent<EdsChipListProps & React.RefAttributes<HTMLDivElement>>;
+export interface EdsChipListAdditionalContentProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsChipListAdditionalContent` — pure React port of the Angular
+ * `eds-chip-list-additional-content` sub-component (`template: '<ng-content/>'`). Wraps
+ * non-chip content within an `eds-chip-list` and excludes it from the list ARIA structure.
+ * Renders as an `eds-chip-list-additional-content` custom element (matching the Angular
+ * selector, targeted by the `:empty` CSS rule).
+ */
+export declare const EdsChipListAdditionalContent: React.ForwardRefExoticComponent<EdsChipListAdditionalContentProps & React.RefAttributes<HTMLElement>>;
+export interface EdsChipListAppendContentProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsChipListAppendContent` — pure React port of the Angular `eds-chip-list-append-content`
+ * sub-component (`template: '<ng-content/>'`). Appends content to the chip list, enabling chip
+ * placement above/below/inside a text input for autocomplete-like components. Renders as an
+ * `eds-chip-list-append-content` custom element (matching the Angular selector, targeted by
+ * the `:empty` CSS rule).
+ */
+export declare const EdsChipListAppendContent: React.ForwardRefExoticComponent<EdsChipListAppendContentProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=eds-chip-list.d.ts.map

package/eds-chip-list/eds-chip-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-chip-list.d.ts","sourceRoot":"","sources":["../../src/eds-chip-list/eds-chip-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,wBAAgC,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,yFAqDtB,CAAC;AAEH,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,uGAQxC,CAAC;AAEF,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,mGAQpC,CAAC"}