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

package/eds-page/eds-page-header-action-items.css

@@ -0,0 +1,5 @@
+.eds-page-header-action-items {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+}

package/eds-page/eds-page-header-action-items.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageHeaderActionItemsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Action items (buttons, controls) content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageHeaderActionItems` — pure React port of the Angular `eds-page-header-action-items`.
+ * Pure content-projection wrapper for the page header's action controls.
+ */
+export declare const EdsPageHeaderActionItems: React.ForwardRefExoticComponent<EdsPageHeaderActionItemsProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header-action-items.d.ts.map

package/eds-page/eds-page-header-action-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-action-items.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-action-items.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,sGAYpC,CAAC"}

package/eds-page/eds-page-header-action-items.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsPageHeaderActionItems` — pure React port of the Angular `eds-page-header-action-items`.
+ * Pure content-projection wrapper for the page header's action controls.
+ */
+export const EdsPageHeaderActionItems = React.forwardRef(function EdsPageHeaderActionItems({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-page-header-action-items ${className}` : 'eds-page-header-action-items', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-page-header-action-items.js.map

package/eds-page/eds-page-header-action-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-action-items.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-action-items.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACpD,SAAS,wBAAwB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACnE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,gCAAgC,SAAS,EAAE,CAAC,CAAC,CAAC,8BAA8B,KAC/F,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-page/eds-page-header-body.css

@@ -0,0 +1,4 @@
+.eds-page-header-body {
+    display: block;
+    padding-top: var(--eds-sp-xs);
+}

package/eds-page/eds-page-header-body.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageHeaderBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Header body content revealed under the header top row. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageHeaderBody` — pure React port of the Angular `eds-page-header-body`.
+ * Pure content-projection wrapper for the collapsible header body region.
+ */
+export declare const EdsPageHeaderBody: React.ForwardRefExoticComponent<EdsPageHeaderBodyProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header-body.d.ts.map

package/eds-page/eds-page-header-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-body.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,+FAY7B,CAAC"}

package/eds-page/eds-page-header-body.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsPageHeaderBody` — pure React port of the Angular `eds-page-header-body`.
+ * Pure content-projection wrapper for the collapsible header body region.
+ */
+export const EdsPageHeaderBody = React.forwardRef(function EdsPageHeaderBody({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-page-header-body ${className}` : 'eds-page-header-body', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-page-header-body.js.map

package/eds-page/eds-page-header-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-body.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-body.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC7C,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC5D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,wBAAwB,SAAS,EAAE,CAAC,CAAC,CAAC,sBAAsB,KAC/E,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-page/eds-page-header-label.css

@@ -0,0 +1,7 @@
+.eds-page-header-label {
+    display: block;
+    font: var(--eds-f-heading-m);
+    letter-spacing: var(--eds-f-ls-4xl);
+    color: var(--eds-c-foreground);
+    margin: 0;
+}

package/eds-page/eds-page-header-label.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageHeaderLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Header title content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageHeaderLabel` — pure React port of the Angular `eds-page-header-label`.
+ * Pure content-projection wrapper for the page header's primary title.
+ */
+export declare const EdsPageHeaderLabel: React.ForwardRefExoticComponent<EdsPageHeaderLabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header-label.d.ts.map

package/eds-page/eds-page-header-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-label.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,gGAY9B,CAAC"}

package/eds-page/eds-page-header-label.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsPageHeaderLabel` — pure React port of the Angular `eds-page-header-label`.
+ * Pure content-projection wrapper for the page header's primary title.
+ */
+export const EdsPageHeaderLabel = React.forwardRef(function EdsPageHeaderLabel({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-page-header-label ${className}` : 'eds-page-header-label', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-page-header-label.js.map

package/eds-page/eds-page-header-label.js.map

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

@@ -0,0 +1,8 @@
+.eds-page-header-sublabel {
+    display: flex;
+    flex-direction: column;
+    gap: var(--eds-sp-3xs);
+    font: var(--eds-f-paragraph-m);
+    color: var(--eds-c-foreground-subtler);
+    margin: 0;
+}

package/eds-page/eds-page-header-sublabel.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EdsPageHeaderSublabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Header subtitle content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPageHeaderSublabel` — pure React port of the Angular `eds-page-header-sublabel`.
+ * Pure content-projection wrapper for the page header's secondary text.
+ */
+export declare const EdsPageHeaderSublabel: React.ForwardRefExoticComponent<EdsPageHeaderSublabelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header-sublabel.d.ts.map

package/eds-page/eds-page-header-sublabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-sublabel.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-sublabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,mGAYjC,CAAC"}

package/eds-page/eds-page-header-sublabel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsPageHeaderSublabel` — pure React port of the Angular `eds-page-header-sublabel`.
+ * Pure content-projection wrapper for the page header's secondary text.
+ */
+export const EdsPageHeaderSublabel = React.forwardRef(function EdsPageHeaderSublabel({ children, className, ...rest }, ref) {
+    return (_jsx("div", { ref: ref, className: className ? `eds-page-header-sublabel ${className}` : 'eds-page-header-sublabel', ...rest, children: children }));
+});
+//# sourceMappingURL=eds-page-header-sublabel.js.map

package/eds-page/eds-page-header-sublabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header-sublabel.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-header-sublabel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACjD,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,4BAA4B,SAAS,EAAE,CAAC,CAAC,CAAC,0BAA0B,KACvF,IAAI,YAEP,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/eds-page/eds-page-header.css

@@ -0,0 +1,82 @@
+.eds-page-header {
+    display: flex;
+    flex-direction: column;
+    gap: var(--eds-sp-xs);
+    flex-shrink: 0;
+    padding: var(--eds-sp-m) var(--eds-sp-m) var(--eds-sp-2xs) var(--eds-sp-m);
+}
+
+.eds-page-header .header-top {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--eds-sp-m);
+}
+
+.eds-page-header .header-top.multilines {
+    flex-wrap: wrap;
+}
+
+.eds-page-header .header-labels {
+    display: flex;
+    flex-direction: column;
+    gap: var(--eds-sp-3xs);
+    min-width: 0;
+}
+
+.eds-page-header .header-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    flex-shrink: 0;
+}
+
+.eds-page-header .collapse-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--eds-is-l);
+    height: var(--eds-is-l);
+    border: none;
+    background: none;
+    border-radius: var(--eds-br-s);
+    cursor: pointer;
+    color: var(--eds-c-foreground-subtler);
+    transition: background 0.15s ease;
+}
+
+.eds-page-header .collapse-toggle:hover {
+    background: var(--eds-c-surface-elevation-sunken);
+}
+
+.eds-page-header .collapse-toggle .eds-icon {
+    transition: transform 0.2s ease;
+}
+
+.eds-page-header .collapse-toggle .eds-icon.collapsed-icon {
+    transform: rotate(-90deg);
+}
+
+.eds-page-header .eds-icon-button {
+    transition: transform 0.2s ease;
+}
+
+.eds-page-header .eds-icon-button.collapsed-icon {
+    transform: rotate(-90deg);
+}
+
+.eds-page-header .header-body-wrapper {
+    display: grid;
+    grid-template-rows: 1fr;
+    transition: grid-template-rows 200ms ease;
+    overflow: hidden;
+}
+
+.eds-page-header .header-body-wrapper .header-body-inner {
+    min-height: 0;
+    overflow: hidden;
+}
+
+.eds-page-header .header-body-wrapper.header-body-wrapper--collapsed {
+    grid-template-rows: 0fr;
+}

package/eds-page/eds-page-header.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export interface EdsPageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Enables expand/collapse functionality for the page header. @default false */
+    isCollapsible?: boolean;
+    /** Controls the initial collapsed state of the header. @default false */
+    isCollapsed?: boolean;
+    /** Enables multi-line layout mode for headers with extensive content. @default false */
+    isHeaderMultilines?: boolean;
+    /** Accessible label for the toggle button when the header is collapsed. @default 'Expand' */
+    collapsedLabel?: string;
+    /** Accessible label for the toggle button when the header is expanded. @default 'Collapse' */
+    expandedLabel?: string;
+    /** Emitted when the header's collapsed state changes. */
+    onCollapse?: (collapsed: boolean) => void;
+    /** Header title slot (`eds-page-header-label`). */
+    label?: React.ReactNode;
+    /** Header subtitle slot (`eds-page-header-sublabel`). */
+    sublabel?: React.ReactNode;
+    /** Header action-items slot (`eds-page-header-action-items`). */
+    actionItems?: React.ReactNode;
+    /** Collapsible header body slot (`eds-page-header-body`). */
+    body?: React.ReactNode;
+}
+/**
+ * `EdsPageHeader` — pure React port of the Angular `eds-page-header`.
+ *
+ * Page header with title/subtitle labels, action items, and an optional collapsible body.
+ * The Angular `<ng-content select="…">` slots map to the `label` / `sublabel` / `actionItems`
+ * / `body` props. Reproduces the collapse behavior with hooks: `isCollapsed` seeds the local
+ * collapsed state (Angular `effect` syncing `isCollapsed` → internal signal), and the toggle
+ * button flips it and fires `onCollapse`.
+ */
+export declare const EdsPageHeader: React.ForwardRefExoticComponent<EdsPageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page-header.d.ts.map

package/eds-page/eds-page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wFAAwF;IACxF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6FAA6F;IAC7F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,2FAgExB,CAAC"}

package/eds-page/eds-page-header.js

@@ -0,0 +1,29 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+/**
+ * `EdsPageHeader` — pure React port of the Angular `eds-page-header`.
+ *
+ * Page header with title/subtitle labels, action items, and an optional collapsible body.
+ * The Angular `<ng-content select="…">` slots map to the `label` / `sublabel` / `actionItems`
+ * / `body` props. Reproduces the collapse behavior with hooks: `isCollapsed` seeds the local
+ * collapsed state (Angular `effect` syncing `isCollapsed` → internal signal), and the toggle
+ * button flips it and fires `onCollapse`.
+ */
+export const EdsPageHeader = React.forwardRef(function EdsPageHeader({ isCollapsible = false, isCollapsed = false, isHeaderMultilines = false, collapsedLabel = 'Expand', expandedLabel = 'Collapse', onCollapse, label, sublabel, actionItems, body, className, ...rest }, ref) {
+    const [collapsed, setCollapsed] = useState(isCollapsed);
+    // Angular effect: this.collapsed.set(this.isCollapsed())
+    useEffect(() => {
+        setCollapsed(isCollapsed);
+    }, [isCollapsed]);
+    const toggleCollapse = () => {
+        setCollapsed((v) => {
+            const next = !v;
+            onCollapse?.(next);
+            return next;
+        });
+    };
+    return (_jsxs("div", { ref: ref, className: className ? `eds-page-header ${className}` : 'eds-page-header', ...rest, children: [_jsxs("div", { className: `header-top${isHeaderMultilines ? ' multilines' : ''}`, children: [_jsxs("div", { className: "header-labels", children: [label, sublabel] }), _jsxs("div", { className: "header-actions", children: [actionItems, isCollapsible ? (_jsx(EdsIconButton, { icon: "caret-down:core", "aria-expanded": !collapsed, ariaLabel: collapsed ? collapsedLabel : expandedLabel, className: collapsed ? 'collapsed-icon' : undefined, onButtonClick: toggleCollapse })) : null] })] }), _jsx("div", { className: `header-body-wrapper${collapsed ? ' header-body-wrapper--collapsed' : ''}`, children: _jsx("div", { className: "header-body-inner", children: body }) })] }));
+});
+//# sourceMappingURL=eds-page-header.js.map

package/eds-page/eds-page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page-header.js","sourceRoot":"","sources":["../../src/eds-page/eds-page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAyBtE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EACI,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,KAAK,EACnB,kBAAkB,GAAG,KAAK,EAC1B,cAAc,GAAG,QAAQ,EACzB,aAAa,GAAG,UAAU,EAC1B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAExD,yDAAyD;IACzD,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,GAAS,EAAE;QAC9B,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;YACf,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC;YAChB,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,KACrE,IAAI,aAER,eAAK,SAAS,EAAE,aAAa,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,aAClE,eAAK,SAAS,EAAC,eAAe,aACzB,KAAK,EACL,QAAQ,IACP,EAEN,eAAK,SAAS,EAAC,gBAAgB,aAC1B,WAAW,EAEX,aAAa,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IACV,IAAI,EAAC,iBAAiB,mBACP,CAAC,SAAS,EACzB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACrD,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACnD,aAAa,EAAE,cAAc,GAC/B,CACL,CAAC,CAAC,CAAC,IAAI,IACN,IACJ,EAEN,cAAK,SAAS,EAAE,sBAAsB,SAAS,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE,YACtF,cAAK,SAAS,EAAC,mBAAmB,YAAE,IAAI,GAAO,GAC7C,IACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-page/eds-page.css

@@ -0,0 +1,6 @@
+.eds-page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+}

package/eds-page/eds-page.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface EdsPageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
+    /** Breadcrumb slot (`eds-page-breadcrumb`). */
+    breadcrumb?: React.ReactNode;
+    /** Header slot (`eds-page-header`). */
+    header?: React.ReactNode;
+    /** Main content slot (`eds-page-content`). */
+    content?: React.ReactNode;
+    /** Columns layout slot (`eds-page-columns`). */
+    columns?: React.ReactNode;
+    /** Footer slot (`eds-page-footer`). */
+    footer?: React.ReactNode;
+    /** Additional default-slot content. */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPage` — pure React port of the Angular `eds-page`.
+ *
+ * Full-height page layout container. The Angular template projects five element-selector
+ * slots in a fixed order (breadcrumb → header → content → columns → footer); each maps to a
+ * named prop and renders in the same order. Extra `children` render after the footer.
+ */
+export declare const EdsPage: React.ForwardRefExoticComponent<EdsPageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page.d.ts","sourceRoot":"","sources":["../../src/eds-page/eds-page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACvF,+CAA+C;IAC/C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,qFAclB,CAAC"}

package/eds-page/eds-page.js

@@ -0,0 +1,13 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsPage` — pure React port of the Angular `eds-page`.
+ *
+ * Full-height page layout container. The Angular template projects five element-selector
+ * slots in a fixed order (breadcrumb → header → content → columns → footer); each maps to a
+ * named prop and renders in the same order. Extra `children` render after the footer.
+ */
+export const EdsPage = React.forwardRef(function EdsPage({ breadcrumb, header, content, columns, footer, children, className, ...rest }, ref) {
+    return (_jsxs("div", { ref: ref, className: className ? `eds-page ${className}` : 'eds-page', ...rest, children: [breadcrumb, header, content, columns, footer, children] }));
+});
+//# sourceMappingURL=eds-page.js.map

package/eds-page/eds-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-page.js","sourceRoot":"","sources":["../../src/eds-page/eds-page.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,OAAO,CAClF,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC9E,GAAG;IAEH,OAAO,CACH,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,SAAS,EAAE,CAAC,CAAC,CAAC,UAAU,KAAM,IAAI,aAC/E,UAAU,EACV,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-page/index.d.ts

@@ -0,0 +1,37 @@
+export { EdsPage } from './eds-page.js';
+export type { EdsPageProps } from './eds-page.js';
+export { EdsPageBreadcrumb } from './eds-page-breadcrumb.js';
+export type { EdsPageBreadcrumbProps } from './eds-page-breadcrumb.js';
+export { EdsPageHeader } from './eds-page-header.js';
+export type { EdsPageHeaderProps } from './eds-page-header.js';
+export { EdsPageHeaderLabel } from './eds-page-header-label.js';
+export type { EdsPageHeaderLabelProps } from './eds-page-header-label.js';
+export { EdsPageHeaderSublabel } from './eds-page-header-sublabel.js';
+export type { EdsPageHeaderSublabelProps } from './eds-page-header-sublabel.js';
+export { EdsPageHeaderActionItems } from './eds-page-header-action-items.js';
+export type { EdsPageHeaderActionItemsProps } from './eds-page-header-action-items.js';
+export { EdsPageHeaderBody } from './eds-page-header-body.js';
+export type { EdsPageHeaderBodyProps } from './eds-page-header-body.js';
+export { EdsPageContent } from './eds-page-content.js';
+export type { EdsPageContentProps } from './eds-page-content.js';
+export { EdsPageFooter } from './eds-page-footer.js';
+export type { EdsPageFooterProps } from './eds-page-footer.js';
+export { EdsPageColumns } from './eds-page-columns.js';
+export type { EdsPageColumnsProps } from './eds-page-columns.js';
+export { EdsPageColumn } from './eds-page-column.js';
+export type { EdsPageColumnProps, EdsPageColumnSize } from './eds-page-column.js';
+export { EdsPageColumnHeader } from './eds-page-column-header.js';
+export type { EdsPageColumnHeaderProps } from './eds-page-column-header.js';
+export { EdsPageColumnHeaderLabel } from './eds-page-column-header-label.js';
+export type { EdsPageColumnHeaderLabelProps } from './eds-page-column-header-label.js';
+export { EdsPageColumnHeaderSublabel } from './eds-page-column-header-sublabel.js';
+export type { EdsPageColumnHeaderSublabelProps } from './eds-page-column-header-sublabel.js';
+export { EdsPageColumnHeaderActionItems } from './eds-page-column-header-action-items.js';
+export type { EdsPageColumnHeaderActionItemsProps } from './eds-page-column-header-action-items.js';
+export { EdsPageColumnBody } from './eds-page-column-body.js';
+export type { EdsPageColumnBodyProps } from './eds-page-column-body.js';
+export { EdsPageColumnFooter } from './eds-page-column-footer.js';
+export type { EdsPageColumnFooterProps } from './eds-page-column-footer.js';
+export { EdsPageColumnContext, useEdsPageColumn, EdsPageColumnsContext, useEdsPageColumns, } from './eds-page-column-context.js';
+export type { EdsPageColumnContextValue, EdsPageColumnsContextValue, } from './eds-page-column-context.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAEhF,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,YAAY,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAElF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,YAAY,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAEvF,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,YAAY,EAAE,gCAAgC,EAAE,MAAM,sCAAsC,CAAC;AAE7F,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,YAAY,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAEpG,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E,OAAO,EACH,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,GACpB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACR,yBAAyB,EACzB,0BAA0B,GAC7B,MAAM,8BAA8B,CAAC"}

package/eds-page/index.js

@@ -0,0 +1,19 @@
+export { EdsPage } from './eds-page.js';
+export { EdsPageBreadcrumb } from './eds-page-breadcrumb.js';
+export { EdsPageHeader } from './eds-page-header.js';
+export { EdsPageHeaderLabel } from './eds-page-header-label.js';
+export { EdsPageHeaderSublabel } from './eds-page-header-sublabel.js';
+export { EdsPageHeaderActionItems } from './eds-page-header-action-items.js';
+export { EdsPageHeaderBody } from './eds-page-header-body.js';
+export { EdsPageContent } from './eds-page-content.js';
+export { EdsPageFooter } from './eds-page-footer.js';
+export { EdsPageColumns } from './eds-page-columns.js';
+export { EdsPageColumn } from './eds-page-column.js';
+export { EdsPageColumnHeader } from './eds-page-column-header.js';
+export { EdsPageColumnHeaderLabel } from './eds-page-column-header-label.js';
+export { EdsPageColumnHeaderSublabel } from './eds-page-column-header-sublabel.js';
+export { EdsPageColumnHeaderActionItems } from './eds-page-column-header-action-items.js';
+export { EdsPageColumnBody } from './eds-page-column-body.js';
+export { EdsPageColumnFooter } from './eds-page-column-footer.js';
+export { EdsPageColumnContext, useEdsPageColumn, EdsPageColumnsContext, useEdsPageColumns, } from './eds-page-column-context.js';
+//# sourceMappingURL=index.js.map

package/eds-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAG7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAG7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AAGnF,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAG1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,OAAO,EACH,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,GACpB,MAAM,8BAA8B,CAAC"}

package/eds-paginator/eds-paginator.css

@@ -0,0 +1,116 @@
+/* eds-paginator — pure-React CSS port of eds-paginator.scss (attribute/class-scoped light DOM). */
+
+.eds-paginator {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding: var(--eds-sp-s) 0;
+    position: relative;
+    width: 100%;
+}
+
+.eds-paginator .eds-paginator__page {
+    display: flex;
+    flex-direction: column;
+    font: var(--eds-f-paragraph-m);
+}
+
+.eds-paginator .eds-paginator__page-selector-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    gap: var(--eds-sp-2xs);
+}
+
+.eds-paginator .eds-paginator__page-selector-wrapper--compact {
+    flex-direction: row;
+    align-items: center;
+    gap: var(--eds-sp-s);
+}
+
+.eds-paginator .eds-paginator__page-selector {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--eds-sp-xs);
+    font: var(--eds-f-paragraph-s);
+}
+
+.eds-paginator .eds-paginator__page-selector-label {
+    white-space: nowrap;
+}
+
+.eds-paginator .eds-paginator__page-range-main {
+    align-items: center;
+    font: var(--eds-f-paragraph-s);
+    color: var(--eds-c-foreground-subtler);
+}
+
+.eds-paginator .eds-paginator__page-size-select {
+    min-width: 4rem;
+}
+
+.eds-paginator .eds-paginator__navigation {
+    align-items: center;
+    display: flex;
+    gap: var(--eds-sp-2xs);
+}
+
+.eds-paginator .eds-paginator__navigation-item {
+    align-items: center;
+    display: inline-flex;
+}
+
+.eds-paginator .eds-paginator__navigation-numbers {
+    align-items: center;
+    display: inline-flex;
+    gap: var(--eds-sp-2xs);
+}
+
+.eds-paginator .eds-paginator__page-range {
+    align-items: center;
+    font: var(--eds-f-paragraph-s);
+    color: var(--eds-c-foreground-subtler);
+    display: none;
+    padding: 0 var(--eds-sp-xs);
+    white-space: nowrap;
+}
+
+.eds-paginator .eds-paginator__page-number {
+    min-width: var(--eds-si-2xl);
+    padding: 0 var(--eds-sp-2xs);
+}
+
+.eds-paginator .eds-paginator__page-number--active {
+    font-weight: 700;
+    color: var(--eds-c-foreground-primary);
+    border: 1px solid var(--eds-c-border-primary);
+}
+
+/* STATES */
+.eds-paginator.eds-paginator--hidden {
+    display: none;
+}
+
+/* MEDIA QUERIES — base.$eds-bkp-mobile (< 768px) */
+@media (max-width: 767px) {
+    .eds-paginator {
+        align-items: center;
+        display: flex;
+        justify-content: center;
+        width: 100%;
+    }
+
+    .eds-paginator .eds-paginator__page {
+        display: none;
+    }
+
+    .eds-paginator .eds-paginator__page-range {
+        display: inline-flex;
+    }
+
+    .eds-paginator .eds-paginator__navigation-numbers {
+        display: none;
+    }
+}

package/eds-paginator/eds-paginator.d.ts

@@ -0,0 +1,69 @@
+import * as React from 'react';
+/**
+ * Event payload emitted when the paginator state changes (ported 1:1 from the Angular
+ * `EdsPaginationEvent` interface).
+ */
+export interface EdsPaginationEvent {
+    /** Current zero-based page index. */
+    page: number;
+    /** Number of items per page. */
+    pageSize: number;
+    /** Total number of pages. */
+    nbPage: number;
+}
+export interface EdsPaginatorProps extends React.HTMLAttributes<HTMLElement> {
+    /** Data attribute value for end-to-end testing identification. @default 'eds-paginator' */
+    e2eAttr?: string;
+    /** Total number of items being paginated. @default 0 */
+    length?: number;
+    /** Number of items displayed per page. @default 10 */
+    pageSize?: number;
+    /** Current zero-based page index (controlled seed — mirrors the Angular `page` input). @default 0 */
+    page?: number;
+    /** Available page size options for the dropdown. @default [5, 10, 25, 50, 100] */
+    pageSizeOptions?: number[];
+    /** Maximum number of page number buttons displayed. @default 5 */
+    nbPageNumberNavigation?: number;
+    /** Whether the paginator is hidden. @default false */
+    isHidden?: boolean;
+    /** Whether the paginator shows only previous/next buttons (minimal UI). @default false */
+    isBasicMode?: boolean;
+    /** Whether page number navigation buttons are displayed. @default false */
+    hasPageNumberNavigation?: boolean;
+    /** Whether to show a compact page range next to page size selector. @default false */
+    hasPageNumberNavigationCompact?: boolean;
+    /** Whether the total length can change dynamically (prevents resetting to page 0 on length change). @default false */
+    hasDynamicLength?: boolean;
+    /** Whether the page size selector is displayed. @default true */
+    hasPageSize?: boolean;
+    /** Emitted when the page, page size, or total pages change due to user interaction (Angular `(pageChange)`). */
+    onPageChange?: (event: EdsPaginationEvent) => void;
+    children?: React.ReactNode;
+}
+/**
+ * `EdsPaginator` — pure React port of the Angular `eds-paginator`.
+ *
+ * ## What the Angular source is
+ * A pagination control: page-size selector (native `<select>` via `edsSelect`), first/previous/
+ * next/last icon-button navigation, optional page-number buttons, an optional compact range, and a
+ * basic (minimal) mode. It exposes `page` / `pageSize` / `length` as inputs synced to internal
+ * writable signals via `effect()`; user interaction mutates the internal signals and emits
+ * `(pageChange)`. Changing `length` resets to page 0 unless `hasDynamicLength`.
+ *
+ * ## React projection
+ * - Inputs → typed props with the same defaults. `page` / `pageSize` / `length` seed internal
+ *   `useState` (mirroring the Angular input → internal-signal `effect()`s). This is the React
+ *   equivalent of Angular's "controlled seed, internal state" pattern — the parent seeds the
+ *   values and observes changes through `onPageChange`.
+ * - `computed()` values (`nbPage`, `pageNumberNavigation`, `range`, disabled flags…) → derived
+ *   consts in render, matching the Angular formulas verbatim.
+ * - Sub-components compose the pure-React `EdsIconButton` (nav) and `EdsSelect` (page size),
+ *   matching the Angular template's `edsIconButton` / `edsSelect` usage. Page-number buttons are
+ *   plain `<button class="eds-paginator__page-number">` (the Angular `edsButton` tertiary is
+ *   styled via the ported CSS class).
+ * - Router-agnostic: no navigation links, only the `onPageChange` callback (guide rule 6).
+ * - `isHidden` reflects as the `eds-paginator--hidden` class (matches the Angular `hostClasses()`
+ *   BEM string — guide rule 9), `e2eAttr` as `data-e2e`.
+ */
+export declare const EdsPaginator: React.ForwardRefExoticComponent<EdsPaginatorProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=eds-paginator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-paginator.d.ts","sourceRoot":"","sources":["../../src/eds-paginator/eds-paginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IAC/B,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qGAAqG;IACrG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,kEAAkE;IAClE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sFAAsF;IACtF,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,sHAAsH;IACtH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gHAAgH;IAChH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,uFAsSvB,CAAC"}