@eui/eds-react 22.0.0-alpha.14 → 22.0.0-alpha.16

package/eds-datepicker/eds-luxon-date-adapter.js

@@ -0,0 +1,90 @@
+// Luxon is expected to be available as a peer dependency. It is accessed off the global scope
+// (loaded via import in the consumer app); call setLuxonDateTime(DateTime) before using the adapter.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let luxonDateTime = null;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function getLuxonDateTime() {
+    if (!luxonDateTime) {
+        throw new Error('Luxon DateTime not available. Ensure luxon is imported in your application and call ' +
+            'setLuxonDateTime(DateTime) before using EdsLuxonDateAdapter.');
+    }
+    return luxonDateTime;
+}
+/**
+ * Call this function to provide the Luxon `DateTime` class to the adapter.
+ *
+ * @example
+ * ```ts
+ * import { DateTime } from 'luxon';
+ * import { setLuxonDateTime } from '@eui/eds-react/eds-datepicker';
+ * setLuxonDateTime(DateTime);
+ * ```
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function setLuxonDateTime(dt) {
+    luxonDateTime = dt;
+}
+/**
+ * Luxon `DateTime` adapter for `EdsDatepicker` (ported 1:1 from the Angular `EdsLuxonDateAdapter`).
+ * Requires the `luxon` package and a prior `setLuxonDateTime(DateTime)` call.
+ */
+export class EdsLuxonDateAdapter {
+    create(year, month, day) {
+        const DT = getLuxonDateTime();
+        // Luxon months are 1-based
+        return DT.local(year, month + 1, day);
+    }
+    today() {
+        return getLuxonDateTime().now();
+    }
+    getYear(date) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date.year;
+    }
+    getMonth(date) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date.month - 1;
+    }
+    getDate(date) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date.day;
+    }
+    getDayOfWeek(date) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date.weekday;
+    }
+    getDaysInMonth(date) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date.daysInMonth;
+    }
+    addMonths(date, months) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date.plus({ months }).startOf('month');
+    }
+    format(date, formatStr) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date.toFormat(formatStr || 'dd/MM/yyyy');
+    }
+    parse(value, formatStr) {
+        const DT = getLuxonDateTime();
+        const parsed = DT.fromFormat(value, formatStr || 'dd/MM/yyyy');
+        return parsed.isValid ? parsed : null;
+    }
+    isBefore(date, compare) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date < compare;
+    }
+    isAfter(date, compare) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date > compare;
+    }
+    isSameDay(a, b) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return a.hasSame(b, 'day');
+    }
+    isValid(date) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return date != null && date.isValid === true;
+    }
+}
+//# sourceMappingURL=eds-luxon-date-adapter.js.map

package/eds-datepicker/eds-luxon-date-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-luxon-date-adapter.js","sourceRoot":"","sources":["../../src/eds-datepicker/eds-luxon-date-adapter.ts"],"names":[],"mappings":"AAEA,8FAA8F;AAC9F,qGAAqG;AACrG,8DAA8D;AAC9D,IAAI,aAAa,GAAQ,IAAI,CAAC;AAE9B,8DAA8D;AAC9D,SAAS,gBAAgB;IACrB,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CACX,sFAAsF;YAClF,8DAA8D,CACrE,CAAC;IACN,CAAC;IACD,OAAO,aAAa,CAAC;AACzB,CAAC;AAED;;;;;;;;;GASG;AACH,8DAA8D;AAC9D,MAAM,UAAU,gBAAgB,CAAC,EAAO;IACpC,aAAa,GAAG,EAAE,CAAC;AACvB,CAAC;AAED;;;GAGG;AACH,MAAM,OAAO,mBAAmB;IAC5B,MAAM,CAAC,IAAY,EAAE,KAAa,EAAE,GAAW;QAC3C,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;QAC9B,2BAA2B;QAC3B,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1C,CAAC;IAED,KAAK;QACD,OAAO,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC;IACpC,CAAC;IAED,OAAO,CAAC,IAAa;QACjB,8DAA8D;QAC9D,OAAQ,IAAY,CAAC,IAAI,CAAC;IAC9B,CAAC;IAED,QAAQ,CAAC,IAAa;QAClB,8DAA8D;QAC9D,OAAQ,IAAY,CAAC,KAAK,GAAG,CAAC,CAAC;IACnC,CAAC;IAED,OAAO,CAAC,IAAa;QACjB,8DAA8D;QAC9D,OAAQ,IAAY,CAAC,GAAG,CAAC;IAC7B,CAAC;IAED,YAAY,CAAC,IAAa;QACtB,8DAA8D;QAC9D,OAAQ,IAAY,CAAC,OAAO,CAAC;IACjC,CAAC;IAED,cAAc,CAAC,IAAa;QACxB,8DAA8D;QAC9D,OAAQ,IAAY,CAAC,WAAW,CAAC;IACrC,CAAC;IAED,SAAS,CAAC,IAAa,EAAE,MAAc;QACnC,8DAA8D;QAC9D,OAAQ,IAAY,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,CAAC,IAAa,EAAE,SAAkB;QACpC,8DAA8D;QAC9D,OAAQ,IAAY,CAAC,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,CAAC;IAC7D,CAAC;IAED,KAAK,CAAC,KAAa,EAAE,SAAkB;QACnC,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,IAAI,YAAY,CAAC,CAAC;QAC/D,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1C,CAAC;IAED,QAAQ,CAAC,IAAa,EAAE,OAAgB;QACpC,8DAA8D;QAC9D,OAAQ,IAAY,GAAI,OAAe,CAAC;IAC5C,CAAC;IAED,OAAO,CAAC,IAAa,EAAE,OAAgB;QACnC,8DAA8D;QAC9D,OAAQ,IAAY,GAAI,OAAe,CAAC;IAC5C,CAAC;IAED,SAAS,CAAC,CAAU,EAAE,CAAU;QAC5B,8DAA8D;QAC9D,OAAQ,CAAS,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,CAAC,IAAa;QACjB,8DAA8D;QAC9D,OAAO,IAAI,IAAI,IAAI,IAAK,IAAY,CAAC,OAAO,KAAK,IAAI,CAAC;IAC1D,CAAC;CACJ"}

package/eds-datepicker/eds-timepicker.css

@@ -0,0 +1,69 @@
+/* Pure-React port of eds-timepicker.scss (1:1). `:host` -> `.eds-timepicker`; the `.eui-21`
+ * wrapper is dropped. Child element classes nested as descendants. Tokens verbatim. */
+
+.eds-timepicker {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--eds-sp-3xs);
+}
+
+.eds-timepicker .eds-timepicker__field {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--eds-sp-3xs);
+}
+
+.eds-timepicker .eds-timepicker__input {
+    width: 44px;
+    height: var(--eds-si-xl);
+    text-align: center;
+    font: var(--eds-f-paragraph-m);
+    border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);
+    border-radius: var(--eds-br-xs);
+    background-color: var(--eds-c-surface-elevation);
+    color: var(--eds-c-foreground-default);
+    padding: 0;
+}
+
+.eds-timepicker .eds-timepicker__input:focus-visible {
+    outline: 2px solid var(--eds-c-focus-default, #0e47cb);
+    outline-offset: 1px;
+}
+
+.eds-timepicker .eds-timepicker__input:disabled {
+    opacity: var(--eds-op-50);
+    pointer-events: none;
+}
+
+.eds-timepicker .eds-timepicker__btn {
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-size: 10px;
+    line-height: 1;
+    padding: var(--eds-sp-3xs);
+    border-radius: var(--eds-br-xs);
+    color: var(--eds-c-foreground-subtle);
+}
+
+.eds-timepicker .eds-timepicker__btn:hover:not(:disabled) {
+    background-color: var(--eds-c-surface-neutral-subtler);
+    color: var(--eds-c-foreground-default);
+}
+
+.eds-timepicker .eds-timepicker__btn:focus-visible {
+    outline: 2px solid var(--eds-c-focus-default, #0e47cb);
+    outline-offset: 1px;
+}
+
+.eds-timepicker .eds-timepicker__btn:disabled {
+    opacity: var(--eds-op-50);
+    cursor: default;
+}
+
+.eds-timepicker .eds-timepicker__separator {
+    font: var(--eds-f-label-m-semi-bold);
+    color: var(--eds-c-foreground-default);
+    padding-top: var(--eds-sp-m);
+}

package/eds-datepicker/eds-timepicker.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+/**
+ * Time value shape (ported 1:1 from the Angular `EdsTime` model in `eds-timepicker/eds-time.model.ts`).
+ * `seconds` is optional and only populated/emitted when `hasSeconds` is set.
+ */
+export interface EdsTime {
+    hours: number | null;
+    minutes: number | null;
+    seconds?: number | null;
+}
+export interface EdsTimepickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Data attribute for e2e testing. Applied as `data-e2e`. @default 'eds-timepicker' */
+    e2eAttr?: string;
+    /** Step for hour increment/decrement. @default 1 */
+    stepHours?: number;
+    /** Step for minute increment/decrement. @default 1 */
+    stepMinutes?: number;
+    /** Step for second increment/decrement. @default 1 */
+    stepSeconds?: number;
+    /** Whether to show the seconds field. @default false */
+    hasSeconds?: boolean;
+    /** Whether the component is disabled. @default false */
+    disabled?: boolean;
+    /** Whether the component is readonly. @default false */
+    readonly?: boolean;
+    /** Controlled time value (mirrors the Angular CVA `writeValue`). */
+    value?: EdsTime | null;
+    /** Initial time value for the uncontrolled case. */
+    defaultValue?: EdsTime | null;
+    /** Emitted when the time value changes (mirrors the Angular `(timeChange)` output). */
+    onTimeChange?: (time: EdsTime) => void;
+}
+/**
+ * `EdsTimepicker` — pure React port of the Angular `eds-timepicker`, colocated inside the
+ * `eds-datepicker` folder because the datepicker's datetime branch composes it
+ * (`<eds-timepicker [hasSeconds] [disabled] (timeChange)>`). The Angular component is a
+ * `ControlValueAccessor`; React has no CVA, so this exposes controlled `value` + `onTimeChange`
+ * and uncontrolled `defaultValue`. The rounding/wrap arithmetic (hours mod 24, minute/second
+ * carry into the next unit) is ported verbatim from `eds-timepicker.ts`.
+ *
+ * NOTE: this is a datepicker-internal projection, NOT a standalone published `@eui/eds-react/eds-timepicker`.
+ */
+export declare const EdsTimepicker: React.ForwardRefExoticComponent<EdsTimepickerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-timepicker.d.ts.map

package/eds-datepicker/eds-timepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-timepicker.d.ts","sourceRoot":"","sources":["../../src/eds-datepicker/eds-timepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,WAAW,OAAO;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,kBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC/E,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,uFAAuF;IACvF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,2FAyQxB,CAAC"}

package/eds-datepicker/eds-timepicker.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+/**
+ * `EdsTimepicker` — pure React port of the Angular `eds-timepicker`, colocated inside the
+ * `eds-datepicker` folder because the datepicker's datetime branch composes it
+ * (`<eds-timepicker [hasSeconds] [disabled] (timeChange)>`). The Angular component is a
+ * `ControlValueAccessor`; React has no CVA, so this exposes controlled `value` + `onTimeChange`
+ * and uncontrolled `defaultValue`. The rounding/wrap arithmetic (hours mod 24, minute/second
+ * carry into the next unit) is ported verbatim from `eds-timepicker.ts`.
+ *
+ * NOTE: this is a datepicker-internal projection, NOT a standalone published `@eui/eds-react/eds-timepicker`.
+ */
+export const EdsTimepicker = React.forwardRef(function EdsTimepicker({ e2eAttr = 'eds-timepicker', stepHours = 1, stepMinutes = 1, stepSeconds = 1, hasSeconds = false, disabled = false, readonly = false, value, defaultValue, onTimeChange, className, ...rest }, ref) {
+    const isControlled = value !== undefined;
+    const [hours, setHours] = useState(value?.hours ?? defaultValue?.hours ?? 0);
+    const [minutes, setMinutes] = useState(value?.minutes ?? defaultValue?.minutes ?? 0);
+    const [seconds, setSeconds] = useState(value?.seconds ?? defaultValue?.seconds ?? 0);
+    // Sync controlled value → internal state (CVA writeValue analog).
+    useEffect(() => {
+        if (isControlled) {
+            setHours(value?.hours ?? 0);
+            setMinutes(value?.minutes ?? 0);
+            setSeconds(value?.seconds ?? 0);
+        }
+    }, [isControlled, value?.hours, value?.minutes, value?.seconds]);
+    const padded = (val) => String(val ?? 0).padStart(2, '0');
+    const emit = useCallback((h, m, s) => {
+        const time = {
+            hours: h,
+            minutes: m,
+            seconds: hasSeconds ? s : undefined,
+        };
+        onTimeChange?.(time);
+    }, [hasSeconds, onTimeChange]);
+    // Ported verbatim from eds-timepicker.ts; returns the new {h,m,s} after carry so the emit
+    // sees the final values (React state setters are async).
+    const applyHours = (h, step) => ((h + step + 24) % 24);
+    const changeHours = useCallback((step) => {
+        const h = applyHours(hours, step);
+        setHours(h);
+        emit(h, minutes, seconds);
+    }, [hours, minutes, seconds, emit]);
+    const changeMinutes = useCallback((step) => {
+        let m = minutes + step;
+        let h = hours;
+        if (m >= 60) {
+            m = m % 60;
+            h = applyHours(h, 1);
+        }
+        else if (m < 0) {
+            m = 60 + (m % 60);
+            h = applyHours(h, -1);
+        }
+        setHours(h);
+        setMinutes(m);
+        emit(h, m, seconds);
+    }, [hours, minutes, seconds, emit]);
+    const changeSeconds = useCallback((step) => {
+        let s = seconds + step;
+        let m = minutes;
+        let h = hours;
+        if (s >= 60) {
+            s = s % 60;
+            // carry into minutes (which may carry into hours)
+            m = minutes + 1;
+            if (m >= 60) {
+                m = m % 60;
+                h = applyHours(h, 1);
+            }
+        }
+        else if (s < 0) {
+            s = 60 + (s % 60);
+            m = minutes - 1;
+            if (m < 0) {
+                m = 60 + (m % 60);
+                h = applyHours(h, -1);
+            }
+        }
+        setHours(h);
+        setMinutes(m);
+        setSeconds(s);
+        emit(h, m, s);
+    }, [hours, minutes, seconds, emit]);
+    const onHoursInput = (event) => {
+        const val = parseInt(event.target.value, 10);
+        if (!isNaN(val)) {
+            const h = ((val % 24) + 24) % 24;
+            setHours(h);
+            emit(h, minutes, seconds);
+        }
+    };
+    const onMinutesInput = (event) => {
+        const val = parseInt(event.target.value, 10);
+        if (!isNaN(val)) {
+            const m = ((val % 60) + 60) % 60;
+            setMinutes(m);
+            emit(hours, m, seconds);
+        }
+    };
+    const onSecondsInput = (event) => {
+        const val = parseInt(event.target.value, 10);
+        if (!isNaN(val)) {
+            const s = ((val % 60) + 60) % 60;
+            setSeconds(s);
+            emit(hours, minutes, s);
+        }
+    };
+    // Suppress unused-ref lint by attaching the forwarded ref to the root.
+    const rootRef = useRef(null);
+    const setRefs = useCallback((node) => {
+        rootRef.current = node;
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    return (_jsxs("div", { ref: setRefs, className: className ? `eds-timepicker ${className}` : 'eds-timepicker', "data-e2e": e2eAttr, ...rest, children: [_jsxs("div", { className: "eds-timepicker__field", children: [!readonly && (_jsx("button", { className: "eds-timepicker__btn", type: "button", disabled: disabled, onClick: () => changeHours(stepHours), "aria-label": "Increase hours", children: '\u25B2' })), _jsx("input", { className: "eds-timepicker__input", type: "text", value: padded(hours), disabled: disabled, readOnly: readonly, onChange: onHoursInput, "aria-label": "Hours" }), !readonly && (_jsx("button", { className: "eds-timepicker__btn", type: "button", disabled: disabled, onClick: () => changeHours(-stepHours), "aria-label": "Decrease hours", children: '\u25BC' }))] }), _jsx("span", { className: "eds-timepicker__separator", children: ":" }), _jsxs("div", { className: "eds-timepicker__field", children: [!readonly && (_jsx("button", { className: "eds-timepicker__btn", type: "button", disabled: disabled, onClick: () => changeMinutes(stepMinutes), "aria-label": "Increase minutes", children: '\u25B2' })), _jsx("input", { className: "eds-timepicker__input", type: "text", value: padded(minutes), disabled: disabled, readOnly: readonly, onChange: onMinutesInput, "aria-label": "Minutes" }), !readonly && (_jsx("button", { className: "eds-timepicker__btn", type: "button", disabled: disabled, onClick: () => changeMinutes(-stepMinutes), "aria-label": "Decrease minutes", children: '\u25BC' }))] }), hasSeconds && (_jsxs(_Fragment, { children: [_jsx("span", { className: "eds-timepicker__separator", children: ":" }), _jsxs("div", { className: "eds-timepicker__field", children: [!readonly && (_jsx("button", { className: "eds-timepicker__btn", type: "button", disabled: disabled, onClick: () => changeSeconds(stepSeconds), "aria-label": "Increase seconds", children: '\u25B2' })), _jsx("input", { className: "eds-timepicker__input", type: "text", value: padded(seconds), disabled: disabled, readOnly: readonly, onChange: onSecondsInput, "aria-label": "Seconds" }), !readonly && (_jsx("button", { className: "eds-timepicker__btn", type: "button", disabled: disabled, onClick: () => changeSeconds(-stepSeconds), "aria-label": "Decrease seconds", children: '\u25BC' }))] })] }))] }));
+});
+//# sourceMappingURL=eds-timepicker.js.map

package/eds-datepicker/eds-timepicker.js.map

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

package/eds-datepicker/index.d.ts

@@ -0,0 +1,8 @@
+export { EdsDatepicker } from './eds-datepicker.js';
+export type { EdsDatepickerProps, EdsDatepickerValue } from './eds-datepicker.js';
+export { EdsTimepicker } from './eds-timepicker.js';
+export type { EdsTimepickerProps, EdsTime } from './eds-timepicker.js';
+export { EdsNativeDateAdapter } from './eds-date-adapter.js';
+export type { EdsDateAdapter } from './eds-date-adapter.js';
+export { EdsLuxonDateAdapter, setLuxonDateTime } from './eds-luxon-date-adapter.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAElF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC"}

package/eds-datepicker/index.js

@@ -0,0 +1,5 @@
+export { EdsDatepicker } from './eds-datepicker.js';
+export { EdsTimepicker } from './eds-timepicker.js';
+export { EdsNativeDateAdapter } from './eds-date-adapter.js';
+export { EdsLuxonDateAdapter, setLuxonDateTime } from './eds-luxon-date-adapter.js';
+//# sourceMappingURL=index.js.map

package/eds-datepicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC"}

package/eds-label/eds-label.css

@@ -0,0 +1,19 @@
+.eds-label {
+    display: inline-block;
+    font: var(--eds-f-label-m-semi-bold);
+    color: var(--eds-c-foreground);
+}
+
+.eds-label.eds-label--required::after {
+    color: var(--eds-c-foreground-critical);
+    content: ' *';
+    font: var(--eds-f-label-m-semi-bold);
+}
+
+.eds-label.eds-label--neutral {
+    color: var(--eds-c-foreground);
+}
+
+.eds-label.eds-label--critical {
+    color: var(--eds-c-foreground-critical);
+}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+/**
+ * Color tokens accepted by EdsLabel (mirrors the Angular EdsColorDirective's
+ * `edsColorVariant` union). Only `neutral` and `critical` are styled; other
+ * values resolve to the corresponding `eds-label--<color>` modifier class.
+ */
+export type EdsLabelColor = 'primary' | 'brand' | 'neutral' | 'neutral-subtle' | 'neutral-subtler' | 'highlight' | 'info' | 'success' | 'warning' | 'critical' | 'disabled';
+export interface EdsLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'color'> {
+    /**
+     * Color variant. Resolves to the `eds-label--<color>` modifier class.
+     * @default 'neutral'
+     */
+    color?: EdsLabelColor;
+    /**
+     * Marks the label as required (appends a red asterisk via CSS).
+     * @default false
+     */
+    required?: boolean;
+    children?: React.ReactNode;
+}
+export declare const EdsLabel: React.ForwardRefExoticComponent<EdsLabelProps & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=eds-label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-label.d.ts","sourceRoot":"","sources":["../../src/eds-label/eds-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,MAAM,aAAa,GACnB,SAAS,GACT,OAAO,GACP,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEjB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC7F;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,wFAmBnB,CAAC"}

package/eds-label/eds-label.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+export const EdsLabel = React.forwardRef(function EdsLabel({ color = 'neutral', required = false, children, className, ...rest }, ref) {
+    // Angular hostClasses(): 'eds-label' + (colorClass || 'eds-label--neutral') + (required ? 'eds-label--required' : '')
+    const classes = [
+        'eds-label',
+        color ? `eds-label--${color}` : 'eds-label--neutral',
+        required ? 'eds-label--required' : '',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx("label", { ref: ref, className: classes, ...rest, children: children }));
+});
+//# sourceMappingURL=eds-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eds-label.js","sourceRoot":"","sources":["../../src/eds-label/eds-label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,QAAQ,CACvF,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACrE,GAAG;IAEH,sHAAsH;IACtH,MAAM,OAAO,GAAG;QACZ,WAAW;QACX,KAAK,CAAC,CAAC,CAAC,cAAc,KAAK,EAAE,CAAC,CAAC,CAAC,oBAAoB;QACpD,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;QACrC,SAAS;KACZ;SACI,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEf,OAAO,CACH,gBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,IAAI,YACxC,QAAQ,GACL,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-label/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsLabel } from './eds-label.js';
+export type { EdsLabelProps, EdsLabelColor } from './eds-label.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/eds-label/index.js

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

package/eds-label/index.js.map

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

package/eds-shell/eds-shell-sidebar.css

@@ -2,4 +2,5 @@
 
 .eds-shell-sidebar {
     display: contents;
+    background-color: var(--eds-c-surface-elevation-inset);
 }

package/eds-shell/eds-shell.css

@@ -33,7 +33,7 @@
     height: 100%;
     display: flex;
     flex-direction: column;
-    background: var(--eds-c-surface-elevation);
+    background: var(--eds-c-surface-elevation-inset);
     border-right: var(--eds-bw-xs) solid var(--eds-c-border-divider);
     transition: width 0.3s ease, min-width 0.3s ease, transform 0.3s ease;
     overflow: hidden;
@@ -88,6 +88,7 @@
     overflow-y: auto;
     overflow-x: hidden;
     min-width: 0;
+    background-color: #fbfbfb;
 }
 
 @media (min-width: 768px) and (max-width: 1139px) {

package/eds-table/eds-table-context.d.ts

@@ -0,0 +1,56 @@
+import { EdsTableSort, EdsTableSortOrder } from './eds-table-sort.model.js';
+/**
+ * `EdsTableContext` — the React reimplementation of the two Angular DI services that `eds-table`
+ * provided (`EdsTableSortService` + `EdsTableSelectableService`). In Angular those were injected
+ * shared state consumed by `th[edsSortable]`, `tr[edsDataSelectable]`, and
+ * `tr[edsHeaderSelectable]`. React has no per-instance DI, so `EdsTable` owns the state and
+ * publishes it through this context; the sub-components consume it with {@link useEdsTable}.
+ *
+ * The public inputs/outputs are preserved 1:1 by `EdsTable`: `sortChange` emits `EdsTableSort[]`,
+ * `rowsSelect` emits the selected rows array.
+ */
+export interface EdsTableContextValue<DATA = unknown> {
+    /** Current sort configuration (mirrors `EdsTableSortService.sorts`). */
+    readonly sorts: EdsTableSort[];
+    /**
+     * Set (cycle) the ordering for a given column — mirrors `EdsTableSortService.setSort`,
+     * including multi-sort accumulation semantics.
+     */
+    setSort(sort: string, order: EdsTableSortOrder, isMultiSortable: boolean): void;
+    /** Replace the full list of sorts (mirrors `EdsTableSortService.setSorts`). */
+    setSorts(sorts: EdsTableSort[]): void;
+    /** Currently selected rows (mirrors `EdsTableSelectableService.selectedRows`). */
+    readonly selectedRows: DATA[];
+    /** Whether all registered rows are selected (mirrors `isAllRowsSelected`). */
+    readonly isAllRowsSelected: boolean;
+    /** Whether some — but not all — rows are selected (mirrors `isIndeterminate`). */
+    readonly isIndeterminate: boolean;
+    /** The property name identifying rows uniquely (mirrors `getPropId`). */
+    readonly propId: string;
+    /** Whether a given row is currently selected. */
+    isRowSelected(row: DATA): boolean;
+    /** Add a row to the selection (mirrors `selectRow`). */
+    selectRow(row: DATA): void;
+    /** Replace the selection with a single row (mirrors `selectSingleRow`). */
+    selectSingleRow(row: DATA): void;
+    /** Remove a row from the selection (mirrors `unselectRow`). */
+    unselectRow(row: DATA): void;
+    /** Replace the whole selection with the given rows (mirrors `selectRows`). */
+    selectRows(rows: DATA[]): void;
+    /** Select every registered row (mirrors `selectAllRows`). */
+    selectAllRows(): void;
+    /** Clear the selection (mirrors `unselectAllRows`). */
+    unselectAllRows(): void;
+    /** The list of registered (currently rendered/filtered) rows (mirrors `getRows`). */
+    getRows(): DATA[];
+    /** The last row that was selected, used by shift-click range selection (mirrors `getLastSelectedRow`). */
+    getLastSelectedRow(): DATA | null;
+}
+export declare const EdsTableContext: import("react").Context<EdsTableContextValue<any> | null>;
+/**
+ * Hook to read the {@link EdsTableContext} published by the enclosing `EdsTable`. Used by the
+ * sortable-col / selectable-row / selectable-header sub-components. Returns `null` when used
+ * outside an `EdsTable` (the sub-components degrade gracefully in that case).
+ */
+export declare function useEdsTable<DATA = unknown>(): EdsTableContextValue<DATA> | null;
+//# sourceMappingURL=eds-table-context.d.ts.map

package/eds-table/eds-table-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-context.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE5E;;;;;;;;;GASG;AACH,MAAM,WAAW,oBAAoB,CAAC,IAAI,GAAG,OAAO;IAEhD,wEAAwE;IACxE,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,OAAO,GAAG,IAAI,CAAC;IAChF,+EAA+E;IAC/E,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAGtC,kFAAkF;IAClF,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC;IAC9B,8EAA8E;IAC9E,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACpC,kFAAkF;IAClF,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,yEAAyE;IACzE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,aAAa,CAAC,GAAG,EAAE,IAAI,GAAG,OAAO,CAAC;IAClC,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,2EAA2E;IAC3E,eAAe,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjC,+DAA+D;IAC/D,WAAW,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,8EAA8E;IAC9E,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC/B,6DAA6D;IAC7D,aAAa,IAAI,IAAI,CAAC;IACtB,uDAAuD;IACvD,eAAe,IAAI,IAAI,CAAC;IACxB,qFAAqF;IACrF,OAAO,IAAI,IAAI,EAAE,CAAC;IAClB,0GAA0G;IAC1G,kBAAkB,IAAI,IAAI,GAAG,IAAI,CAAC;CACrC;AAGD,eAAO,MAAM,eAAe,2DAAwD,CAAC;AAErF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,GAAG,OAAO,KAAK,oBAAoB,CAAC,IAAI,CAAC,GAAG,IAAI,CAE/E"}

package/eds-table/eds-table-context.js

@@ -0,0 +1,12 @@
+import { createContext, useContext } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const EdsTableContext = createContext(null);
+/**
+ * Hook to read the {@link EdsTableContext} published by the enclosing `EdsTable`. Used by the
+ * sortable-col / selectable-row / selectable-header sub-components. Returns `null` when used
+ * outside an `EdsTable` (the sub-components degrade gracefully in that case).
+ */
+export function useEdsTable() {
+    return useContext(EdsTableContext);
+}
+//# sourceMappingURL=eds-table-context.js.map

package/eds-table/eds-table-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-context.js","sourceRoot":"","sources":["../../src/eds-table/eds-table-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAuDlD,8DAA8D;AAC9D,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC;AAErF;;;;GAIG;AACH,MAAM,UAAU,WAAW;IACvB,OAAO,UAAU,CAAC,eAAe,CAAsC,CAAC;AAC5E,CAAC"}

package/eds-table/eds-table-expandable-row.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface EdsTableExpandableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    children?: React.ReactNode;
+}
+/**
+ * `EdsTableExpandableRow` — pure React port of the Angular `tr[edsExpandableRow]` directive.
+ * Activates the expandable feature on a table row by adding the `eds-table__expandable-row`
+ * class (the directive's sole behavior — `host: { class: 'eds-table__expandable-row' }`). The
+ * consumer controls visibility (whether the expandable `<tr>` is rendered) exactly as in Angular,
+ * where the row was placed inside a conditional block.
+ *
+ * @example
+ * ```tsx
+ * {expanded && (
+ *   <EdsTableExpandableRow>
+ *     <td colSpan={4}>Extra detail…</td>
+ *   </EdsTableExpandableRow>
+ * )}
+ * ```
+ */
+export declare const EdsTableExpandableRow: React.ForwardRefExoticComponent<EdsTableExpandableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+//# sourceMappingURL=eds-table-expandable-row.d.ts.map

package/eds-table/eds-table-expandable-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-expandable-row.d.ts","sourceRoot":"","sources":["../../src/eds-table/eds-table-expandable-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,0BACb,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,qBAAqB,wGAWjC,CAAC"}

package/eds-table/eds-table-expandable-row.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+/**
+ * `EdsTableExpandableRow` — pure React port of the Angular `tr[edsExpandableRow]` directive.
+ * Activates the expandable feature on a table row by adding the `eds-table__expandable-row`
+ * class (the directive's sole behavior — `host: { class: 'eds-table__expandable-row' }`). The
+ * consumer controls visibility (whether the expandable `<tr>` is rendered) exactly as in Angular,
+ * where the row was placed inside a conditional block.
+ *
+ * @example
+ * ```tsx
+ * {expanded && (
+ *   <EdsTableExpandableRow>
+ *     <td colSpan={4}>Extra detail…</td>
+ *   </EdsTableExpandableRow>
+ * )}
+ * ```
+ */
+export const EdsTableExpandableRow = React.forwardRef(function EdsTableExpandableRow({ className, children, ...rest }, ref) {
+    const rootClass = className
+        ? `eds-table__expandable-row ${className}`
+        : 'eds-table__expandable-row';
+    return (_jsx("tr", { ref: ref, className: rootClass, ...rest, children: children }));
+});
+//# sourceMappingURL=eds-table-expandable-row.js.map

package/eds-table/eds-table-expandable-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-table-expandable-row.js","sourceRoot":"","sources":["../../src/eds-table/eds-table-expandable-row.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACjD,SAAS,qBAAqB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,MAAM,SAAS,GAAG,SAAS;QACvB,CAAC,CAAC,6BAA6B,SAAS,EAAE;QAC1C,CAAC,CAAC,2BAA2B,CAAC;IAClC,OAAO,CACH,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,YACvC,QAAQ,GACR,CACR,CAAC;AACN,CAAC,CACJ,CAAC"}