@eui/eds-react 22.0.0-alpha.10

package/eds-accordion/eds-accordion-item.css

@@ -0,0 +1,108 @@
+/* Pure-React port of eds-accordion-item.scss (1:1).
+   :host -> .eds-accordion-item; :host([size="s"]) -> [data-size="s"]; :host([disabled]) -> [data-disabled]. */
+
+.eds-accordion-item {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
+    overflow: clip;
+}
+
+.eds-accordion-item [role="heading"] {
+    margin: 0;
+    padding: 0;
+    font: inherit;
+}
+
+.eds-accordion-item .eds-accordion-item__header {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding: var(--eds-sp-m) var(--eds-sp-l);
+    outline: none;
+    background-color: transparent;
+    border: var(--eds-bw-none);
+    text-align: start;
+    cursor: pointer;
+    font: var(--eds-f-label-m-semi-bold);
+    color: var(--eds-c-foreground);
+}
+
+.eds-accordion-item .eds-accordion-item__header:focus-visible {
+    outline: var(--eds-bw-xs) solid var(--eds-c-border-focus);
+    outline-offset: calc(-1 * var(--eds-sp-4xs));
+    border-radius: var(--eds-br-xs);
+}
+
+.eds-accordion-item .eds-accordion-item__header:hover:not(:disabled) {
+    background-color: var(--eds-c-surface-elevation-sunken);
+}
+
+.eds-accordion-item .eds-accordion-item__header-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
+    padding-left: var(--eds-sp-m);
+}
+
+.eds-accordion-item .eds-accordion-item__header-icon > * {
+    display: inline-flex;
+    transition: transform 200ms ease;
+}
+
+.eds-accordion-item .eds-accordion-item__header-icon--rotated > * {
+    transform: rotate(180deg);
+}
+
+.eds-accordion-item .eds-accordion-item__body {
+    display: grid;
+    grid-template-rows: 1fr;
+    transition: grid-template-rows 200ms ease;
+    overflow: hidden;
+}
+
+.eds-accordion-item .eds-accordion-item__body-inner {
+    min-height: 0;
+    overflow: hidden;
+    padding: var(--eds-sp-xs) var(--eds-sp-l) var(--eds-sp-l) var(--eds-sp-l);
+    font: var(--eds-f-paragraph-m);
+}
+
+.eds-accordion-item .eds-accordion-item__body--collapsed {
+    grid-template-rows: 0fr;
+}
+
+.eds-accordion-item .eds-accordion-item__body--collapsed .eds-accordion-item__body-inner {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+/* SIZE VARIANTS
+   ------------- */
+
+.eds-accordion-item[data-size="s"] .eds-accordion-item__header {
+    padding-top: var(--eds-sp-xs);
+    padding-bottom: var(--eds-sp-xs);
+    font: var(--eds-f-label-s-semi-bold);
+}
+
+.eds-accordion-item[data-size="s"] .eds-accordion-item__body-inner {
+    padding-bottom: var(--eds-sp-s);
+    font: var(--eds-f-paragraph-s);
+}
+
+.eds-accordion-item[data-size="l"] .eds-accordion-item__header {
+    padding-top: var(--eds-sp-l);
+    padding-bottom: var(--eds-sp-l);
+    font: var(--eds-f-label-l-semi-bold);
+}
+
+/* DISABLED
+   -------- */
+
+.eds-accordion-item[data-disabled] {
+    pointer-events: none;
+    opacity: var(--eds-op-40);
+}

package/eds-accordion/eds-accordion-item.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+/** Local narrowed size union — the accordion item's size contract (ported 1:1 from Angular). */
+export type EdsAccordionItemSize = 's' | 'm' | 'l';
+/**
+ * `EdsAccordionItemHeader` — pure React port of the Angular `eds-accordion-item-header` slot
+ * marker directive. Its children are projected into the item's clickable header button. Used
+ * as a child of `EdsAccordionItem`; the item extracts it and renders its content in the header.
+ */
+export interface EdsAccordionItemHeaderProps {
+    children?: React.ReactNode;
+}
+export declare function EdsAccordionItemHeader({ children }: EdsAccordionItemHeaderProps): React.JSX.Element;
+export interface EdsAccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onToggle'> {
+    /** Size of the accordion item. @default 'm' */
+    size?: EdsAccordionItemSize;
+    /** Whether the accordion item is disabled. @default false */
+    disabled?: boolean;
+    /** The heading level (2–6) for the accordion header wrapper (WAI-ARIA APG). @default 3 */
+    headingLevel?: number;
+    /** Whether the item starts expanded (Angular `isExpanded`, uncontrolled initial state). @default false */
+    isExpanded?: boolean;
+    /** Fired when the item is toggled; payload is the new expanded state (Angular `toggleItem`). */
+    onToggleItem?: (expanded: boolean) => void;
+    /**
+     * Header content. Either pass an `<EdsAccordionItemHeader>` among `children` (mirroring the
+     * Angular `<eds-accordion-item-header>` slot) or use this `header` prop directly.
+     */
+    header?: React.ReactNode;
+    /** Data attribute for e2e testing. @default 'eds-accordion-item' */
+    e2eAttr?: string;
+    /** Item body content plus the optional `<EdsAccordionItemHeader>` slot. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAccordionItem` — pure React port of the Angular `eds-accordion-item`.
+ *
+ * A collapsible panel with a header button and a content region, implementing the WAI-ARIA APG
+ * Accordion pattern: the header button reflects `aria-expanded` and `aria-controls`, wrapped in
+ * a `role="heading"` with `aria-level={headingLevel}`; the panel is `role="region"` with
+ * `aria-labelledby` pointing back at the header. Enter/Space toggle via the native `<button>`.
+ * `size` and `disabled` reflect as `data-*`; a rotating caret icon indicates state.
+ *
+ * Expansion is coordinated by the enclosing `EdsAccordion` (single- vs multi-expand) via the
+ * `EdsAccordionContext`. Standalone (no accordion parent) it manages its own local state.
+ */
+export declare const EdsAccordionItem: React.ForwardRefExoticComponent<EdsAccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-accordion-item.d.ts.map

package/eds-accordion/eds-accordion-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-accordion-item.d.ts","sourceRoot":"","sources":["../../src/eds-accordion/eds-accordion-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,gGAAgG;AAChG,MAAM,MAAM,oBAAoB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnD;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEnG;AAED,MAAM,WAAW,qBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,+CAA+C;IAC/C,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gGAAgG;IAChG,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAgBD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,8FAiH5B,CAAC"}

package/eds-accordion/eds-accordion-item.js

@@ -0,0 +1,87 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useId, useRef, useState } from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { useEdsAccordion, useEdsAccordionExpanded } from './eds-accordion.js';
+export function EdsAccordionItemHeader({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+/** Extract the `EdsAccordionItemHeader` content from children, returning [header, body]. */
+function splitHeader(children) {
+    let header = null;
+    const body = [];
+    React.Children.forEach(children, child => {
+        if (React.isValidElement(child) && child.type === EdsAccordionItemHeader) {
+            header = child.props.children;
+        }
+        else {
+            body.push(child);
+        }
+    });
+    return [header, body];
+}
+/**
+ * `EdsAccordionItem` — pure React port of the Angular `eds-accordion-item`.
+ *
+ * A collapsible panel with a header button and a content region, implementing the WAI-ARIA APG
+ * Accordion pattern: the header button reflects `aria-expanded` and `aria-controls`, wrapped in
+ * a `role="heading"` with `aria-level={headingLevel}`; the panel is `role="region"` with
+ * `aria-labelledby` pointing back at the header. Enter/Space toggle via the native `<button>`.
+ * `size` and `disabled` reflect as `data-*`; a rotating caret icon indicates state.
+ *
+ * Expansion is coordinated by the enclosing `EdsAccordion` (single- vs multi-expand) via the
+ * `EdsAccordionContext`. Standalone (no accordion parent) it manages its own local state.
+ */
+export const EdsAccordionItem = React.forwardRef(function EdsAccordionItem({ size = 'm', disabled = false, headingLevel = 3, isExpanded = false, onToggleItem, header, e2eAttr = 'eds-accordion-item', children, className, ...rest }, ref) {
+    const accordion = useEdsAccordion();
+    const expandedSet = useEdsAccordionExpanded();
+    // ARIA relationship ids (Angular used crypto.randomUUID slices; React `useId` is stable).
+    const generatedId = useId();
+    const headerId = `eds-accordion-header-${generatedId}`;
+    const panelId = `eds-accordion-panel-${generatedId}`;
+    // Standalone fallback state when there is no coordinating accordion parent.
+    const [localExpanded, setLocalExpanded] = useState(isExpanded);
+    // Register/unregister with the parent accordion, seeding the initial expanded state.
+    const idRef = useRef(null);
+    useEffect(() => {
+        if (!accordion) {
+            return;
+        }
+        const id = accordion.register(isExpanded);
+        idRef.current = id;
+        return () => {
+            accordion.unregister(id);
+            idRef.current = null;
+        };
+        // Register once on mount (matches an item joining the CDK accordion). isExpanded is
+        // the initial seed only.
+    }, [accordion]);
+    // Read expansion reactively from the accordion's expanded-id set (re-renders on toggle);
+    // fall back to local state when there is no coordinating accordion parent.
+    const expanded = accordion && idRef.current ? expandedSet.has(idRef.current) : localExpanded;
+    const onToggle = (event) => {
+        if (disabled) {
+            return;
+        }
+        let nextExpanded;
+        if (accordion && idRef.current) {
+            nextExpanded = !accordion.isExpanded(idRef.current);
+            accordion.toggle(idRef.current);
+        }
+        else {
+            nextExpanded = !localExpanded;
+            setLocalExpanded(nextExpanded);
+        }
+        onToggleItem?.(nextExpanded);
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    const [slotHeader, body] = splitHeader(children);
+    const headerContent = header ?? slotHeader;
+    return (_jsxs("div", { ref: ref, className: className ? `eds-accordion-item ${className}` : 'eds-accordion-item', "data-size": size, "data-disabled": disabled ? '' : undefined, "data-e2e": e2eAttr, ...rest, children: [_jsx("div", { role: "heading", "aria-level": headingLevel, children: _jsxs("button", { className: "eds-accordion-item__header", type: "button", id: headerId, "aria-expanded": expanded, "aria-controls": panelId, disabled: disabled, onClick: onToggle, children: [headerContent, _jsx("span", { className: expanded
+                                ? 'eds-accordion-item__header-icon eds-accordion-item__header-icon--rotated'
+                                : 'eds-accordion-item__header-icon', children: _jsx(EdsIcon, { icon: "caret-down:core", size: "s" }) })] }) }), _jsx("div", { id: panelId, role: "region", "aria-labelledby": headerId, className: expanded
+                    ? 'eds-accordion-item__body'
+                    : 'eds-accordion-item__body eds-accordion-item__body--collapsed', children: _jsx("div", { className: "eds-accordion-item__body-inner", children: body }) })] }));
+});
+//# sourceMappingURL=eds-accordion-item.js.map

package/eds-accordion/eds-accordion-item.js.map

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

package/eds-accordion/eds-accordion.css

@@ -0,0 +1,7 @@
+/* Pure-React port of eds-accordion.scss (1:1). :host -> .eds-accordion. */
+
+.eds-accordion {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+}

package/eds-accordion/eds-accordion.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+/**
+ * Stable coordination API published by an `EdsAccordion` to its `EdsAccordionItem` children —
+ * the React analog of Angular's `CdkAccordion` DI provider. Every method is referentially
+ * stable (never recreated), so an item can `register()` once in an effect without the effect
+ * re-running on each toggle. Reactive expansion reads go through `EdsAccordionExpandedContext`
+ * instead (a separate, changing value), keeping this API identity constant.
+ */
+export interface EdsAccordionContextValue {
+    /** Whether multiple items may be expanded simultaneously (Angular `isMulti`). */
+    isMulti: boolean;
+    /** Registers an item, returning its stable id (mirrors `CdkAccordionItem` joining a `CdkAccordion`). */
+    register: (initiallyExpanded: boolean) => string;
+    /** Unregisters an item (on unmount). */
+    unregister: (id: string) => void;
+    /** Whether the item with the given id is currently expanded (imperative read). */
+    isExpanded: (id: string) => boolean;
+    /** Toggles the item with the given id, honouring single/multi mode. */
+    toggle: (id: string) => void;
+}
+/** The stable coordination API (identity never changes for a given accordion instance). */
+export declare const EdsAccordionContext: React.Context<EdsAccordionContextValue | undefined>;
+/**
+ * The reactive expanded-id set — a separate context so its changes (on every toggle) re-render
+ * the items WITHOUT recreating the stable API context. An item subscribes to this to compute
+ * its own `expanded` flag.
+ */
+export declare const EdsAccordionExpandedContext: React.Context<ReadonlySet<string>>;
+/** Hook for an `EdsAccordionItem` to consume the enclosing accordion's coordination API. */
+export declare function useEdsAccordion(): EdsAccordionContextValue | undefined;
+/** Hook for an `EdsAccordionItem` to reactively read the expanded-id set. */
+export declare function useEdsAccordionExpanded(): ReadonlySet<string>;
+export interface EdsAccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether multiple items can be expanded at the same time (Angular `CdkAccordion.multi`,
+     * bound as `isMulti`). @default false
+     */
+    isMulti?: boolean;
+    /** Data attribute for e2e testing. @default 'eds-accordion' */
+    e2eAttr?: string;
+    /** Accordion items — one or more `<EdsAccordionItem>` elements. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAccordion` — pure React port of the Angular `eds-accordion`.
+ *
+ * Manages a collection of expandable `EdsAccordionItem` panels, reproducing the Angular CDK
+ * Accordion behavior: single-expansion by default (opening an item collapses the previously
+ * open one) or multi-expansion via `isMulti`. The coordination API is published stably so an
+ * item registers exactly once; the changing expanded-id set is published separately so toggles
+ * re-render items without churning their registration.
+ */
+export declare const EdsAccordion: React.ForwardRefExoticComponent<EdsAccordionProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-accordion.d.ts","sourceRoot":"","sources":["../../src/eds-accordion/eds-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACrC,iFAAiF;IACjF,OAAO,EAAE,OAAO,CAAC;IACjB,wGAAwG;IACxG,QAAQ,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,MAAM,CAAC;IACjD,wCAAwC;IACxC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,kFAAkF;IAClF,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,uEAAuE;IACvE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,2FAA2F;AAC3F,eAAO,MAAM,mBAAmB,qDAAiE,CAAC;AAElG;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,oCAAgD,CAAC;AAEzF,4FAA4F;AAC5F,wBAAgB,eAAe,IAAI,wBAAwB,GAAG,SAAS,CAEtE;AAED,6EAA6E;AAC7E,wBAAgB,uBAAuB,IAAI,WAAW,CAAC,MAAM,CAAC,CAE7D;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,0FAuEvB,CAAC"}

package/eds-accordion/eds-accordion.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';
+/** The stable coordination API (identity never changes for a given accordion instance). */
+export const EdsAccordionContext = createContext(undefined);
+/**
+ * The reactive expanded-id set — a separate context so its changes (on every toggle) re-render
+ * the items WITHOUT recreating the stable API context. An item subscribes to this to compute
+ * its own `expanded` flag.
+ */
+export const EdsAccordionExpandedContext = createContext(new Set());
+/** Hook for an `EdsAccordionItem` to consume the enclosing accordion's coordination API. */
+export function useEdsAccordion() {
+    return useContext(EdsAccordionContext);
+}
+/** Hook for an `EdsAccordionItem` to reactively read the expanded-id set. */
+export function useEdsAccordionExpanded() {
+    return useContext(EdsAccordionExpandedContext);
+}
+/**
+ * `EdsAccordion` — pure React port of the Angular `eds-accordion`.
+ *
+ * Manages a collection of expandable `EdsAccordionItem` panels, reproducing the Angular CDK
+ * Accordion behavior: single-expansion by default (opening an item collapses the previously
+ * open one) or multi-expansion via `isMulti`. The coordination API is published stably so an
+ * item registers exactly once; the changing expanded-id set is published separately so toggles
+ * re-render items without churning their registration.
+ */
+export const EdsAccordion = React.forwardRef(function EdsAccordion({ isMulti = false, e2eAttr = 'eds-accordion', children, className, ...rest }, ref) {
+    const [expandedIds, setExpandedIds] = useState(() => new Set());
+    const idCounter = useRef(0);
+    // Refs let the stable callbacks read current values without being recreated.
+    const isMultiRef = useRef(isMulti);
+    isMultiRef.current = isMulti;
+    const expandedRef = useRef(expandedIds);
+    expandedRef.current = expandedIds;
+    const register = useCallback((initiallyExpanded) => {
+        const id = `eds-accordion-item-${idCounter.current++}`;
+        if (initiallyExpanded) {
+            setExpandedIds((prev) => {
+                // Single mode: only the first initially-expanded item stays open.
+                if (!isMultiRef.current && prev.size > 0)
+                    return prev;
+                const next = new Set(prev);
+                next.add(id);
+                return next;
+            });
+        }
+        return id;
+    }, []);
+    const unregister = useCallback((id) => {
+        setExpandedIds((prev) => {
+            if (!prev.has(id))
+                return prev;
+            const next = new Set(prev);
+            next.delete(id);
+            return next;
+        });
+    }, []);
+    const toggle = useCallback((id) => {
+        setExpandedIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(id)) {
+                next.delete(id);
+            }
+            else {
+                if (!isMultiRef.current)
+                    next.clear();
+                next.add(id);
+            }
+            return next;
+        });
+    }, []);
+    const isExpanded = useCallback((id) => expandedRef.current.has(id), []);
+    // Stable API identity — depends only on isMulti (rare change), not on expandedIds.
+    const api = useMemo(() => ({ isMulti, register, unregister, isExpanded, toggle }), [isMulti, register, unregister, isExpanded, toggle]);
+    return (_jsx(EdsAccordionContext.Provider, { value: api, children: _jsx(EdsAccordionExpandedContext.Provider, { value: expandedIds, children: _jsx("div", { ref: ref, className: className ? `eds-accordion ${className}` : 'eds-accordion', "data-e2e": e2eAttr, ...rest, children: children }) }) }));
+});
+//# sourceMappingURL=eds-accordion.js.map

package/eds-accordion/eds-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-accordion.js","sourceRoot":"","sources":["../../src/eds-accordion/eds-accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAsB1F,2FAA2F;AAC3F,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAuC,SAAS,CAAC,CAAC;AAElG;;;;GAIG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,aAAa,CAAsB,IAAI,GAAG,EAAE,CAAC,CAAC;AAEzF,4FAA4F;AAC5F,MAAM,UAAU,eAAe;IAC3B,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAC3C,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,uBAAuB;IACnC,OAAO,UAAU,CAAC,2BAA2B,CAAC,CAAC;AACnD,CAAC;AAcD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAoC,SAAS,YAAY,CACjG,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,GAAG,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC5E,GAAG;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAsB,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IAErF,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5B,6EAA6E;IAC7E,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC7B,MAAM,WAAW,GAAG,MAAM,CAAsB,WAAW,CAAC,CAAC;IAC7D,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC;IAElC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,iBAA0B,EAAU,EAAE;QAChE,MAAM,EAAE,GAAG,sBAAsB,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC;QACvD,IAAI,iBAAiB,EAAE,CAAC;YACpB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE;gBACpB,kEAAkE;gBAClE,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;oBAAE,OAAO,IAAI,CAAC;gBACtD,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC3B,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACb,OAAO,IAAI,CAAC;YAChB,CAAC,CAAC,CAAC;QACP,CAAC;QACD,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,EAAU,EAAQ,EAAE;QAChD,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC/B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAChB,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,EAAU,EAAQ,EAAE;QAC5C,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;gBACf,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,UAAU,CAAC,OAAO;oBAAE,IAAI,CAAC,KAAK,EAAE,CAAC;gBACtC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;YACD,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,EAAU,EAAW,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzF,mFAAmF;IACnF,MAAM,GAAG,GAAG,OAAO,CACf,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAC7D,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,CACtD,CAAC;IAEF,OAAO,CACH,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YACpC,KAAC,2BAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YACpD,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,eAAe,cAC3D,OAAO,KACb,IAAI,YAEP,QAAQ,GACP,GAC6B,GACZ,CAClC,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-accordion/index.d.ts

@@ -0,0 +1,5 @@
+export { EdsAccordion, EdsAccordionContext, useEdsAccordion } from './eds-accordion.js';
+export type { EdsAccordionProps, EdsAccordionContextValue } from './eds-accordion.js';
+export { EdsAccordionItem, EdsAccordionItemHeader } from './eds-accordion-item.js';
+export type { EdsAccordionItemProps, EdsAccordionItemSize, EdsAccordionItemHeaderProps, } from './eds-accordion-item.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACxF,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEtF,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACnF,YAAY,EACR,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,GAC9B,MAAM,yBAAyB,CAAC"}

package/eds-accordion/index.js

@@ -0,0 +1,3 @@
+export { EdsAccordion, EdsAccordionContext, useEdsAccordion } from './eds-accordion.js';
+export { EdsAccordionItem, EdsAccordionItemHeader } from './eds-accordion-item.js';
+//# sourceMappingURL=index.js.map

package/eds-accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGxF,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC"}

package/eds-alert/eds-alert-title.css

@@ -0,0 +1,5 @@
+/* eds-alert-title — pure React port of eds-alert-title.scss. :host -> .eds-alert-title. */
+
+.eds-alert-title {
+    font: var(--eds-f-paragraph-m-semi-bold);
+}

package/eds-alert/eds-alert-title.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface EdsAlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAlertTitle` — pure React port of the Angular `eds-alert-title` sub-component.
+ *
+ * A semantic title wrapper (bold paragraph font) placed inside an `EdsAlert`'s children,
+ * ahead of the body text. Pure content projection (`<ng-content/>` → `{children}`).
+ */
+export declare const EdsAlertTitle: React.ForwardRefExoticComponent<EdsAlertTitleProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-alert-title.d.ts.map

package/eds-alert/eds-alert-title.d.ts.map

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

package/eds-alert/eds-alert-title.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsAlertTitle` — pure React port of the Angular `eds-alert-title` sub-component.
+ *
+ * A semantic title wrapper (bold paragraph font) placed inside an `EdsAlert`'s children,
+ * ahead of the body text. Pure content projection (`<ng-content/>` → `{children}`).
+ */
+export const EdsAlertTitle = React.forwardRef(function EdsAlertTitle({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-alert-title ${className}` : 'eds-alert-title', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-alert-title.js.map

package/eds-alert/eds-alert-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-alert-title.js","sourceRoot":"","sources":["../../src/eds-alert/eds-alert-title.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAChC,GAAG;IAEH,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,KAAM,IAAI,YAC7F,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-alert/eds-alert.css

@@ -0,0 +1,62 @@
+/*
+ * eds-alert — pure React port of eds-alert.scss.
+ * :host -> .eds-alert ; :host([color="x"]) -> .eds-alert[data-color="x"].
+ * base.media(base.$eds-bkp-mobile) -> @media (max-width: 767px) (mobile is < 768px).
+ */
+
+.eds-alert {
+    /* default color = info */
+    --_eds-alert-surface: var(--eds-c-surface-info-subtler);
+    --_eds-alert-on-surface: var(--eds-c-on-surface-info-subtler);
+    --_eds-alert-border-color: var(--eds-c-border-info);
+
+    display: flex;
+    width: 100%;
+    background-color: var(--_eds-alert-surface);
+    padding: var(--eds-sp-s);
+    border-radius: var(--eds-br-s);
+    border-left: var(--eds-bw-m) solid var(--_eds-alert-border-color);
+}
+
+.eds-alert .eds-alert__content {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    padding: 0 var(--eds-sp-xs);
+    font: var(--eds-f-paragraph-m);
+}
+
+.eds-alert .eds-alert__close {
+    margin-left: auto;
+    display: flex;
+    align-self: baseline;
+    --_button-padding: var(--eds-sp-3xs);
+}
+
+/* COLOR VARIANTS */
+.eds-alert[data-color="info"] {
+    --_eds-alert-surface: var(--eds-c-surface-info-subtler);
+    --_eds-alert-on-surface: var(--eds-c-on-surface-info-subtler);
+    --_eds-alert-border-color: var(--eds-c-border-info);
+}
+.eds-alert[data-color="success"] {
+    --_eds-alert-surface: var(--eds-c-surface-success-subtler);
+    --_eds-alert-on-surface: var(--eds-c-on-surface-success-subtler);
+    --_eds-alert-border-color: var(--eds-c-border-success);
+}
+.eds-alert[data-color="warning"] {
+    --_eds-alert-surface: var(--eds-c-surface-warning-subtler);
+    --_eds-alert-on-surface: var(--eds-c-on-surface-warning-subtler);
+    --_eds-alert-border-color: var(--eds-c-border-warning);
+}
+.eds-alert[data-color="critical"] {
+    --_eds-alert-surface: var(--eds-c-surface-critical-subtler);
+    --_eds-alert-on-surface: var(--eds-c-on-surface-critical-subtler);
+    --_eds-alert-border-color: var(--eds-c-border-critical);
+}
+
+@media (max-width: 767px) {
+    .eds-alert .eds-alert__content {
+        font: var(--eds-f-paragraph-s);
+    }
+}

package/eds-alert/eds-alert.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+/** Local narrowed color union — the alert's color contract. */
+export type EdsAlertColor = 'info' | 'success' | 'warning' | 'critical';
+export interface EdsAlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** Semantic color of the alert (also selects the leading status icon). @default 'info' */
+    color?: EdsAlertColor;
+    /** Shows a close button that dismisses the alert. @default false */
+    isCloseable?: boolean;
+    /**
+     * Controlled visibility. When provided, the alert is controlled — use `onVisibleChange`
+     * / `onCloseAlert` to react to dismissal. Omit for uncontrolled (see `defaultVisible`).
+     */
+    isVisible?: boolean;
+    /** Initial visibility for the uncontrolled case. @default true */
+    defaultVisible?: boolean;
+    /** Fired with the new visibility when it changes (controlled or uncontrolled). */
+    onVisibleChange?: (visible: boolean) => void;
+    /** Fired when the alert is closed via the close button (always `false`). */
+    onCloseAlert?: (visible: boolean) => void;
+    /** ARIA label for the close button (localizable). @default 'Close alert' */
+    closeAriaLabel?: string;
+    /** Data attribute for e2e testing. @default 'eds-alert' */
+    e2eAttr?: string;
+    /** Alert content — an optional `<EdsAlertTitle>` followed by the body. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsAlert` — pure React port of the Angular `eds-alert`.
+ *
+ * A dismissible status message: a leading status icon (`EdsIconState`), a content column
+ * (title slot via `<EdsAlertTitle>` + body, both in `children`), and an optional close
+ * button (`EdsIconButton`). `color` reflects as `data-color`; `hidden` is set on the root
+ * when not visible (matching the Angular `[attr.hidden]`). Visibility supports both
+ * controlled (`isVisible` + `onVisibleChange`) and uncontrolled (`defaultVisible`) use; the
+ * Angular `closeAlert` output maps to `onCloseAlert`.
+ */
+export declare const EdsAlert: React.ForwardRefExoticComponent<EdsAlertProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-alert.d.ts","sourceRoot":"","sources":["../../src/eds-alert/eds-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,+DAA+D;AAC/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAExE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,0FAA0F;IAC1F,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,sFAuDnB,CAAC"}

package/eds-alert/eds-alert.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useState } from 'react';
+import { EdsIconState } from '../eds-icon-state/eds-icon-state.js';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+/**
+ * `EdsAlert` — pure React port of the Angular `eds-alert`.
+ *
+ * A dismissible status message: a leading status icon (`EdsIconState`), a content column
+ * (title slot via `<EdsAlertTitle>` + body, both in `children`), and an optional close
+ * button (`EdsIconButton`). `color` reflects as `data-color`; `hidden` is set on the root
+ * when not visible (matching the Angular `[attr.hidden]`). Visibility supports both
+ * controlled (`isVisible` + `onVisibleChange`) and uncontrolled (`defaultVisible`) use; the
+ * Angular `closeAlert` output maps to `onCloseAlert`.
+ */
+export const EdsAlert = React.forwardRef(function EdsAlert({ color = 'info', isCloseable = false, isVisible, defaultVisible = true, onVisibleChange, onCloseAlert, closeAriaLabel = 'Close alert', e2eAttr = 'eds-alert', children, className, ...rest }, ref) {
+    const isControlled = isVisible !== undefined;
+    const [internalVisible, setInternalVisible] = useState(defaultVisible);
+    const visible = isControlled ? isVisible : internalVisible;
+    const onCloseClick = () => {
+        if (!isControlled) {
+            setInternalVisible(false);
+        }
+        onVisibleChange?.(false);
+        onCloseAlert?.(false);
+    };
+    return (_jsxs("div", { ref: ref, className: className ? `eds-alert ${className}` : 'eds-alert', role: "alert", "data-color": color, hidden: !visible || undefined, "data-e2e": e2eAttr, ...rest, children: [_jsx(EdsIconState, { className: "eds-alert__icon", color: color }), _jsx("div", { className: "eds-alert__content", children: children }), isCloseable && (_jsx(EdsIconButton, { className: "eds-alert__close", ariaLabel: closeAriaLabel, icon: "x:core", rounded: true, size: "s", color: "neutral", onButtonClick: onCloseClick }))] }));
+});
+//# sourceMappingURL=eds-alert.js.map

package/eds-alert/eds-alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-alert.js","sourceRoot":"","sources":["../../src/eds-alert/eds-alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AA6BtE;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,QAAQ,CACrF,EACI,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,cAAc,GAAG,IAAI,EACrB,eAAe,EACf,YAAY,EACZ,cAAc,GAAG,aAAa,EAC9B,OAAO,GAAG,WAAW,EACrB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,SAAS,KAAK,SAAS,CAAC;IAC7C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;IAE3D,MAAM,YAAY,GAAG,GAAS,EAAE;QAC5B,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QACD,eAAe,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,EAC7D,IAAI,EAAC,OAAO,gBACA,KAAK,EACjB,MAAM,EAAE,CAAC,OAAO,IAAI,SAAS,cACnB,OAAO,KACb,IAAI,aAER,KAAC,YAAY,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,KAAK,GAAI,EAE1D,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,EAEnD,WAAW,IAAI,CACZ,KAAC,aAAa,IACV,SAAS,EAAC,kBAAkB,EAC5B,SAAS,EAAE,cAAc,EACzB,IAAI,EAAC,QAAQ,EACb,OAAO,QACP,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,SAAS,EACf,aAAa,EAAE,YAAY,GAC7B,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-alert/index.d.ts

@@ -0,0 +1,5 @@
+export { EdsAlert } from './eds-alert.js';
+export type { EdsAlertProps, EdsAlertColor } from './eds-alert.js';
+export { EdsAlertTitle } from './eds-alert-title.js';
+export type { EdsAlertTitleProps } from './eds-alert-title.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/eds-alert/index.js

@@ -0,0 +1,3 @@
+export { EdsAlert } from './eds-alert.js';
+export { EdsAlertTitle } from './eds-alert-title.js';
+//# sourceMappingURL=index.js.map

package/eds-alert/index.js.map

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